@public-ui/sample-react 3.0.6 → 3.0.7-d0e38f2b24188b03316351f07d939c4524a2fd81.0

package/dist/assets/{index-DscFWUNz.js → index-CauylVer.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-DTI4g4Nn.js","assets/label-CdtNxOKu-DuSxxbJz.js","assets/kol-accordion.entry-BU0e05D8.js","assets/disabled-BydergHu-CzPvfAdo.js","assets/open-D9q98v46-B5otfJDq.js","assets/dev.utils-Bbi3sn8s-CRUPlhXY.js","assets/validation-CW_RXPSn-B3S3ukiD.js","assets/Collapsible-B4WnEb_T-CKg6FAHF.js","assets/Heading-DT8fK42U-BBz359Il.js","assets/clsx-eK3rPvPS-BT_IL7Fz.js","assets/kol-badge.entry-Do6C__Cp.js","assets/color-C3pYZKV3-aJLNMMif.js","assets/icons-72ER78AW-BvK8yAOn.js","assets/Alert-R2nEqfd2-D16I8H-s.js","assets/i18n-CdSCDnmA-Bln0Fy0B.js","assets/Span-43sGxXr7-LxLqNQk3.js","assets/Icon-oHNRs_Az-BbbmR1N5.js","assets/reuse-CX4AQDkS-Cyh-fyjG.js","assets/markdown-DL-PkOqb-zRCMnbWa.js","assets/InternalUnderlinedBadgeText-dfa2g8TL-B5v3VETx.js","assets/isObject-DvSELytj-B0RigBxT.js","assets/kol-breadcrumb.entry-lprgYhyL.js","assets/unique-nav-labels-C_NhdgGz-r2_CvnMZ.js","assets/validation-DoIjmu3L-BXKVFtky.js","assets/kol-details.entry-CFfa1wye.js","assets/kol-drawer.entry-D3jsE1E8.js","assets/align-CyK0wp7d-DT9btF96.js","assets/has-closer-BBMh8HY3-BfJZyIrp.js","assets/kol-form.entry-BPPUZJ6f.js","assets/kol-heading.entry-BBhfs2KW.js","assets/kol-icon.entry-BNQ3pYD2.js","assets/kol-image.entry-BFPrjk6d.js","assets/image-source-RWPv7frZ-awO_r7fQ.js","assets/kol-input-checkbox.entry-BjcrdS5B.js","assets/controller-DspJt0fi-egWtZj7e.js","assets/required-G86n77y0-C51wbbnh.js","assets/FormFieldStateWrapper-B7PqxuTo-B9gPPu8s.js","assets/access-and-short-key-bcID78Ha-DRTQwReg.js","assets/hide-label-DRunOux4-CU6Cpw9a.js","assets/tooltip-align-_VI7LehI-Bs86JxeC.js","assets/associated.controller-BKIODHIT-CszLNc8h.js","assets/orientation-5kQWqijN-DhiB1QfB.js","assets/Input-Dfunc1i_--f2frXLw.js","assets/FieldControlStateWrapper-CwL8LaZs-38VTRTM_.js","assets/controller-CV2y9Ae_-BNmL_fSv.js","assets/kol-input-color.entry-BxgE1jkI.js","assets/controller-icon-aakQFHso-ZEJpn981.js","assets/InputStateWrapper--oSOR1R1-CC4JSxji.js","assets/auto-complete-BsG3RQJ3-Db9k4ev4.js","assets/suggestions-DfF4lcNG-oXYEJ9Q5.js","assets/kol-input-date.entry-D2OWmrgr.js","assets/read-only-CcRldJ9w-BbbZIav_.js","assets/kol-input-email.entry-CrXatHoa.js","assets/max-length-behavior-BmNWss6T-C6Ixe_n4.js","assets/multiple-bcm5IaCN-BuaY4QVO.js","assets/controller-BdRR-y_g-CmsXASTa.js","assets/spell-check-DIsLAYgk-Gl3GQAJe.js","assets/controller-CBa44cbK-CNF745q7.js","assets/placeholder-6URRds0_-DZlfATlW.js","assets/kol-input-file.entry-avgBV_av.js","assets/kol-input-number.entry-pte5HANx.js","assets/kol-input-password.entry-Dad9jzVe.js","assets/kol-input-radio.entry-D-tfIP6w.js","assets/kol-input-text.entry-BtjekZRS.js","assets/kol-kolibri.entry-BDFUVSOF.js","assets/kol-modal.entry-DX9zDEd_.js","assets/kol-nav.entry-DYondlfV.js","assets/kol-progress.entry-D_8D4JUa.js","assets/kol-quote.entry-BynWXfqu.js","assets/kol-select.entry-DN-lcFAe.js","assets/rows-P4l3PNiA-pEjM2ooU.js","assets/kol-skip-nav.entry-cNqfmYNs.js","assets/kol-spin.entry-ZmUyivQu.js","assets/show-DsV_Vx8g-SdAZ1_a3.js","assets/kol-split-button.entry-D1Pby1T4.js","assets/kol-table-stateful.entry-CI2YvXhI.js","assets/table-settings-DSZObo-2-Cp_zllcr.js","assets/keyboard-D6PoWr38-Bn_Qh8Bq.js","assets/kol-tabs.entry-9kE1VpQ8.js","assets/kol-textarea.entry-BfQs7ns0.js","assets/kol-toast-container.entry-K5ahuN_V.js","assets/kol-toolbar.entry-DYyaRPHR.js","assets/kol-version.entry-CukVKwzk.js","assets/kol-alert-wc.entry-msSyCOPF.js","assets/kol-avatar-wc.entry-BJwQ_ZJG.js","assets/kol-button-wc.entry-CKcpC5gJ.js","assets/link-variant-B9BZOLu--D12PTs40.js","assets/custom-class-CA0KGtrM-BnkI2sg6.js","assets/kol-card-wc.entry-Ciw7Fjbs.js","assets/kol-combobox.entry-CteNRAG0.js","assets/CustomSuggestionsToggle-Dez_Y4wT-BnmTJzIm.js","assets/kol-input-range.entry-DsK7gJLN.js","assets/kol-link-wc.entry-AiwgHp04.js","assets/href-zZq6HYWf-Ck9QiEBy.js","assets/kol-pagination-wc.entry-BIm2cfdP.js","assets/kol-popover-button-wc.entry-CViB3RdU.js","assets/align-floating-elements-Bx4ukVlr-CFQB2kd1.js","assets/kol-popover-wc.entry-CPriy6s9.js","assets/kol-single-select.entry-DmxfwpzU.js","assets/kol-table-settings-wc.entry-Bf35xSww.js","assets/kol-table-stateless-wc.entry-BkufQnLb.js","assets/kol-tooltip-wc.entry-W1G2F19J.js","assets/kol-tree-item-wc.entry-M_2D25XL.js","assets/kol-tree-wc.entry-CDVBvDDx.js","assets/devtools-D10LWpor-DWtw-ZUC.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-CvJ246gL.js","assets/label-CdtNxOKu-CIpF7Mya.js","assets/kol-accordion.entry-D0dLccSR.js","assets/disabled-BydergHu-B0U9lrLG.js","assets/open-D9q98v46-CtR6vF2R.js","assets/dev.utils-CQdBj8YZ-DMjFnuS-.js","assets/validation-CW_RXPSn-COcMr2uV.js","assets/Collapsible-DuN5vPyq-C7X-jnZz.js","assets/Heading-CF5mGt3A-C0UJ1XuZ.js","assets/clsx-eK3rPvPS-BT_IL7Fz.js","assets/kol-badge.entry-Bdbpr2kc.js","assets/color-C3pYZKV3-C3ZfX89X.js","assets/icons-72ER78AW-GDw9xsIO.js","assets/Alert-C3ktyZF6-CkHMoJk_.js","assets/i18n-CdSCDnmA-D0tn86rD.js","assets/Span-DNVnBGCS-BP5oGv6f.js","assets/Icon-CZlCqmbX-OMvPRY4Q.js","assets/reuse-CX4AQDkS-Cyh-fyjG.js","assets/markdown-DL-PkOqb-5c-saRAp.js","assets/InternalUnderlinedBadgeText-BzZpJszE-D31M0DTZ.js","assets/isObject-DvSELytj-B0RigBxT.js","assets/kol-breadcrumb.entry-Cxrh0avI.js","assets/unique-nav-labels-C_NhdgGz-3DPsYPsU.js","assets/validation-DoIjmu3L-CAm3ilGC.js","assets/kol-details.entry-CL_k6Is_.js","assets/kol-drawer.entry-D6dx6tbM.js","assets/align-CyK0wp7d-hi0vOy5y.js","assets/has-closer-BBMh8HY3-BRMA3uMb.js","assets/kol-form.entry-CT8eTf-p.js","assets/kol-heading.entry-CdSDx8Hc.js","assets/kol-icon.entry-CothH-78.js","assets/kol-image.entry-BiRiL7pC.js","assets/image-source-RWPv7frZ-B-mNxG_y.js","assets/kol-input-checkbox.entry-BaZ1v2oD.js","assets/controller-BBBqpY6I-C-RJq5QE.js","assets/required-G86n77y0-CLIB-Ph-.js","assets/FormFieldStateWrapper-CA5QfRbl-D5TnE0Jp.js","assets/access-and-short-key-bcID78Ha-DaObVux7.js","assets/hide-label-DRunOux4-dIdB8_NH.js","assets/tooltip-align-_VI7LehI-LWbYnAGA.js","assets/associated.controller-BKIODHIT-DN085Z25.js","assets/orientation-5kQWqijN-BNfB0e-L.js","assets/Input-mBmTM8GQ-C9LTY7ZL.js","assets/FieldControlStateWrapper-DC5e0v-Z-DkrFk1WE.js","assets/controller-CV2y9Ae_-Dxqk02gy.js","assets/kol-input-color.entry-BCgkhBt0.js","assets/controller-icon-By46q2Iq-D0WYseJu.js","assets/InputStateWrapper-vabMC5ny-B20FHxwh.js","assets/auto-complete-BsG3RQJ3-BY1TnkIg.js","assets/suggestions-DfF4lcNG-CUFcke0F.js","assets/kol-input-date.entry-Drg_KCtO.js","assets/read-only-CcRldJ9w-B0g7tEhb.js","assets/kol-input-email.entry-BbfPp2Oz.js","assets/max-length-behavior-BmNWss6T-C_2DsFkf.js","assets/multiple-bcm5IaCN--nKDeArk.js","assets/controller-Kdma2hex-BX9oD01B.js","assets/spell-check-DIsLAYgk-1XrBIBM4.js","assets/controller-C3khCPNt-CJWETl3d.js","assets/placeholder-6URRds0_-Dew55ZH8.js","assets/kol-input-file.entry-98WFyhhM.js","assets/kol-input-number.entry-BPX38VUa.js","assets/kol-input-password.entry-DULc1ou2.js","assets/kol-input-radio.entry-Do_uGraJ.js","assets/kol-input-text.entry-DvOQqZUY.js","assets/kol-kolibri.entry-DvkECCvy.js","assets/kol-modal.entry-B9b6Q4Dm.js","assets/kol-nav.entry-CmAT_VEq.js","assets/kol-progress.entry-DH2po_jJ.js","assets/kol-quote.entry-BamuCz3n.js","assets/kol-select.entry-DvMYga9K.js","assets/rows-P4l3PNiA-o7gga1Im.js","assets/kol-skip-nav.entry-BldgYRcL.js","assets/kol-spin.entry-DBN4Hirz.js","assets/show-DsV_Vx8g-BbzjcSu8.js","assets/kol-split-button.entry-sVRxROv6.js","assets/kol-table-stateful.entry-C9bSDnEe.js","assets/table-settings-DSZObo-2-FhYRxmxF.js","assets/keyboard-D6PoWr38-Bn_Qh8Bq.js","assets/kol-tabs.entry-DjYduas4.js","assets/kol-textarea.entry-DnQZ4BZD.js","assets/kol-toast-container.entry-BRSXAbH1.js","assets/kol-toolbar.entry-DpIm2BN3.js","assets/kol-version.entry-CJPofyXT.js","assets/kol-alert-wc.entry-CB46-bQU.js","assets/kol-avatar-wc.entry-Dg3T4Wxf.js","assets/kol-button-wc.entry-CZezya2H.js","assets/link-variant-H9yefO89-BZrKXHLJ.js","assets/custom-class-CA0KGtrM-ButwHo7X.js","assets/kol-card-wc.entry-fYX7lDxy.js","assets/kol-combobox.entry-DcmeXUAg.js","assets/CustomSuggestionsToggle-Dy5sBs-i-DGgtH-wO.js","assets/kol-input-range.entry-Dl-soAjz.js","assets/kol-link-wc.entry-DyNU4gyn.js","assets/href-zZq6HYWf-15m37FX1.js","assets/kol-pagination-wc.entry-BbcmjDxo.js","assets/kol-popover-button-wc.entry-B8PCdOsm.js","assets/align-floating-elements-Bx4ukVlr-zizDkFFN.js","assets/kol-popover-wc.entry-BYgVbzzR.js","assets/kol-single-select.entry-DFHuir48.js","assets/kol-table-settings-wc.entry-MImfcVXu.js","assets/kol-table-stateless-wc.entry-Ch4I0aKu.js","assets/kol-tooltip-wc.entry-Cw0Lxmhq.js","assets/kol-tree-item-wc.entry-B1KQqb9I.js","assets/kol-tree-wc.entry-Dz-AQ-1I.js","assets/devtools-DyBftFpK-CeASQe1v.js"])))=>i.map(i=>d[i]);
 (function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))i(s);new MutationObserver(s=>{for(const d of s)if(d.type==="childList")for(const f of d.addedNodes)f.tagName==="LINK"&&f.rel==="modulepreload"&&i(f)}).observe(document,{childList:!0,subtree:!0});function r(s){const d={};return s.integrity&&(d.integrity=s.integrity),s.referrerPolicy&&(d.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?d.credentials="include":s.crossOrigin==="anonymous"?d.credentials="omit":d.credentials="same-origin",d}function i(s){if(s.ep)return;s.ep=!0;const d=r(s);fetch(s.href,d)}})();function jx(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Yf={exports:{}},Oi={};/**
  * @license React
  * react-jsx-runtime.production.js
@@ -94,13 +94,13 @@ Link:
  * KoliBri - The accessible HTML-Standard
  */const p0=v0(),mU=p0("kol-icon"),vU=p0("kol-icon","icon");/*!
  * KoliBri - The accessible HTML-Standard
- */class Aa{constructor(o,r){this.document=o,this.options=r,this.toastContainerElement=this.document.createElement(Gb),this.document.body.prepend(this.toastContainerElement)}static getInstance(o,r){if(!Fj())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let i=this.instances.get(o);return i||(i=new Aa(o,r),this.instances.set(o,i)),i}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):Bn.warn("Toaster service is already disposed.")}enqueue(o){var r,i;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function")return(r=o.variant)!==null&&r!==void 0||(o.variant=(i=this.options)===null||i===void 0?void 0:i.defaultVariant),this.toastContainerElement.enqueue(o)}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}Aa.instances=new Map;var bo;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(bo||(bo={}));var Ze;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Ze||(Ze={}));var ur;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(ur||(ur={}));const ye=new Map;ye.set(bo["Die Bundesregierung"],["Die","Bundesregierung"]);ye.set(bo["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);ye.set(bo["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);ye.set(bo["Auswärtiges Amt"],["Auswärtiges Amt"]);ye.set(bo["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);ye.set(bo["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);ye.set(bo["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);ye.set(bo["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);ye.set(bo["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);ye.set(bo["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);ye.set(bo["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);ye.set(bo["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);ye.set(bo["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);ye.set(bo["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);ye.set(bo["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);ye.set(Ze["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);ye.set(Ze["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);ye.set(Ze["Bundesamt für äußere Restitutionen"],[]);ye.set(Ze["Bundesamt für Bauwesen und Raumordnung"],[]);ye.set(Ze["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);ye.set(Ze["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);ye.set(Ze["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);ye.set(Ze["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);ye.set(Ze["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);ye.set(Ze["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);ye.set(Ze["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);ye.set(Ze["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);ye.set(Ze["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);ye.set(Ze["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);ye.set(Ze["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);ye.set(Ze["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);ye.set(Ze["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);ye.set(Ze.Bundesarchiv,["Das","Bundesarchiv"]);ye.set(Ze["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);ye.set(Ze.Bundesausgleichsamt,["Bundesausgleichsamt"]);ye.set(Ze.Bundeskartellamt,["Bundeskartellamt"]);ye.set(Ze.Bundeskriminalamt,["Bundeskriminalamt"]);ye.set(Ze.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);ye.set(Ze["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);ye.set(Ze.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);ye.set(Ze["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);ye.set(Ze.Bundessortenamt,["Bundessortenamt"]);ye.set(Ze.Bundessprachenamt,["Bundessprachenamt"]);ye.set(Ze["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);ye.set(Ze.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);ye.set(Ze["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);ye.set(Ze["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);ye.set(Ze["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);ye.set(Ze.Generalzolldirektion,["Generalzolldirektion"]);ye.set(Ze["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);ye.set(Ze["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);ye.set(ur["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);ye.set(ur["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);ye.set(ur["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);ye.set(ur["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);ye.set(ur["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);ye.set(ur["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);ye.set(ur["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const Pj="modulepreload",Gj=function(e){return"/"+e},b1={},pe=function(o,r,i){let s=Promise.resolve();if(r&&r.length>0){let v=function(m){return Promise.all(m.map(p=>Promise.resolve(p).then(y=>({status:"fulfilled",value:y}),y=>({status:"rejected",reason:y}))))};document.getElementsByTagName("link");const f=document.querySelector("meta[property=csp-nonce]"),h=f?.nonce||f?.getAttribute("nonce");s=v(r.map(m=>{if(m=Gj(m),m in b1)return;b1[m]=!0;const p=m.endsWith(".css"),y=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${m}"]${y}`))return;const g=document.createElement("link");if(g.rel=p?"stylesheet":Pj,p||(g.as="script"),g.crossOrigin="",g.href=m,h&&g.setAttribute("nonce",h),document.head.appendChild(g),p)return new Promise((S,O)=>{g.addEventListener("load",S),g.addEventListener("error",()=>O(new Error(`Unable to preload CSS for ${m}`)))})}))}function d(f){const h=new Event("vite:preloadError",{cancelable:!0});if(h.payload=f,window.dispatchEvent(h),!h.defaultPrevented)throw f}return s.then(f=>{for(const h of f||[])h.status==="rejected"&&d(h.reason);return o().catch(d)})},Yj="kolibri",oc={hydratedSelectorName:"hydrated",lazyLoad:!0,slotRelocation:!0,updatable:!0},pU={kolibriVersion:"3.0.6"};var Xj=Object.defineProperty,Wj=(e,o)=>{for(var r in o)Xj(e,r,{get:o[r],enumerable:!0})},Qj="http://www.w3.org/2000/svg",Jj="http://www.w3.org/1999/xhtml",_0=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(_0||{}),g0=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(g0||{}),mb="type",vb="value",Yb="serialized:",Xo=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},_U=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.$lazyInstance$=e)},eT=(e,o)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:o,$instanceValues$:new Map};r.$onInstancePromise$=new Promise(s=>r.$onInstanceResolve$=s),r.$onReadyPromise$=new Promise(s=>r.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[];const i=r;return e.__stencil__getHostRef=()=>i,i},h1=(e,o)=>o in e,ve=(e,o)=>(0,console.error)(e,o),pb=new Map,nT=(e,o,r)=>{const i=e.$tagName$.replace(/-/g,"_"),s=e.$lazyBundleId$;if(!s)return;const d=pb.get(s);if(d)return d[i];{const f=h=>(pb.set(s,h),h[i]);switch(s){case"kol-abbr":return pe(()=>import("./kol-abbr.entry-DTI4g4Nn.js"),__vite__mapDeps([0,1])).then(f,ve);case"kol-accordion":return pe(()=>import("./kol-accordion.entry-BU0e05D8.js"),__vite__mapDeps([2,3,1,4,5,6,7,8,9])).then(f,ve);case"kol-alert":return pe(()=>import("./kol-alert.entry-DKLZM9PM.js"),[]).then(f,ve);case"kol-avatar":return pe(()=>import("./kol-avatar.entry-CqDq3TkJ.js"),[]).then(f,ve);case"kol-badge":return pe(()=>import("./kol-badge.entry-Do6C__Cp.js"),__vite__mapDeps([10,11,12,13,8,9,14,15,16,17,18,19,20,5])).then(f,ve);case"kol-breadcrumb":return pe(()=>import("./kol-breadcrumb.entry-lprgYhyL.js"),__vite__mapDeps([21,1,22,23])).then(f,ve);case"kol-button":return pe(()=>import("./kol-button.entry-CrCbdJ0A.js"),[]).then(f,ve);case"kol-button-link":return pe(()=>import("./kol-button-link.entry-CR3gtszy.js"),[]).then(f,ve);case"kol-card":return pe(()=>import("./kol-card.entry-K_ofDQ9S.js"),[]).then(f,ve);case"kol-details":return pe(()=>import("./kol-details.entry-CFfa1wye.js"),__vite__mapDeps([24,3,1,4,7,8,9,5,6])).then(f,ve);case"kol-drawer":return pe(()=>import("./kol-drawer.entry-D3jsE1E8.js"),__vite__mapDeps([25,26,27,1,4,9])).then(f,ve);case"kol-form":return pe(()=>import("./kol-form.entry-BPPUZJ6f.js"),__vite__mapDeps([28,14,13,8,9])).then(f,ve);case"kol-heading":return pe(()=>import("./kol-heading.entry-BBhfs2KW.js"),__vite__mapDeps([29,1,13,8,9,14,18,6])).then(f,ve);case"kol-icon":return pe(()=>import("./kol-icon.entry-BNQ3pYD2.js"),__vite__mapDeps([30,1,9])).then(f,ve);case"kol-image":return pe(()=>import("./kol-image.entry-BFPrjk6d.js"),__vite__mapDeps([31,32])).then(f,ve);case"kol-input-checkbox":return pe(()=>import("./kol-input-checkbox.entry-BjcrdS5B.js"),__vite__mapDeps([33,9,5,34,1,35,36,37,3,38,39,26,40,20,8,13,14,19,17,41,16,42,43,44])).then(f,ve);case"kol-input-color":return pe(()=>import("./kol-input-color.entry-BxgE1jkI.js"),__vite__mapDeps([45,8,9,36,37,3,38,1,39,26,40,20,13,14,19,17,46,16,12,47,42,5,48,49])).then(f,ve);case"kol-input-date":return pe(()=>import("./kol-input-date.entry-D2OWmrgr.js"),__vite__mapDeps([50,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,48,51,35,49])).then(f,ve);case"kol-input-email":return pe(()=>import("./kol-input-email.entry-CrXatHoa.js"),__vite__mapDeps([52,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,53,54,55,56,49,57,48,58,51,35])).then(f,ve);case"kol-input-file":return pe(()=>import("./kol-input-file.entry-avgBV_av.js"),__vite__mapDeps([59,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,54,35])).then(f,ve);case"kol-input-number":return pe(()=>import("./kol-input-number.entry-pte5HANx.js"),__vite__mapDeps([60,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,48,58,51,35,49])).then(f,ve);case"kol-input-password":return pe(()=>import("./kol-input-password.entry-Dad9jzVe.js"),__vite__mapDeps([61,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,57,48,53,58,51,35])).then(f,ve);case"kol-input-radio":return pe(()=>import("./kol-input-radio.entry-D-tfIP6w.js"),__vite__mapDeps([62,9,5,44,34,1,35,36,37,3,38,39,26,40,20,8,13,14,19,17,41,43,42])).then(f,ve);case"kol-input-text":return pe(()=>import("./kol-input-text.entry-BtjekZRS.js"),__vite__mapDeps([63,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,55,56,49,57,48,53,58,51,35])).then(f,ve);case"kol-kolibri":return pe(()=>import("./kol-kolibri.entry-BDFUVSOF.js"),__vite__mapDeps([64,11,14])).then(f,ve);case"kol-link":return pe(()=>import("./kol-link.entry-6xwolxhB.js"),[]).then(f,ve);case"kol-link-button":return pe(()=>import("./kol-link-button.entry-DL-qdJmH.js"),[]).then(f,ve);case"kol-modal":return pe(()=>import("./kol-modal.entry-DX9zDEd_.js"),__vite__mapDeps([65,9,1])).then(f,ve);case"kol-nav":return pe(()=>import("./kol-nav.entry-DYondlfV.js"),__vite__mapDeps([66,38,1,14,22,23,9])).then(f,ve);case"kol-pagination":return pe(()=>import("./kol-pagination.entry-CmQzpXmb.js"),[]).then(f,ve);case"kol-popover-button":return pe(()=>import("./kol-popover-button.entry-DqpN2a9Y.js"),[]).then(f,ve);case"kol-progress":return pe(()=>import("./kol-progress.entry-D_8D4JUa.js"),__vite__mapDeps([67,1])).then(f,ve);case"kol-quote":return pe(()=>import("./kol-quote.entry-BynWXfqu.js"),__vite__mapDeps([68,17,1,9])).then(f,ve);case"kol-select":return pe(()=>import("./kol-select.entry-DN-lcFAe.js"),__vite__mapDeps([69,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,5,44,54,34,35,41,70])).then(f,ve);case"kol-skip-nav":return pe(()=>import("./kol-skip-nav.entry-cNqfmYNs.js"),__vite__mapDeps([71,1,22,23])).then(f,ve);case"kol-spin":return pe(()=>import("./kol-spin.entry-ZmUyivQu.js"),__vite__mapDeps([72,1,73,14,9])).then(f,ve);case"kol-split-button":return pe(()=>import("./kol-split-button.entry-D1Pby1T4.js"),__vite__mapDeps([74,14,9])).then(f,ve);case"kol-table-stateful":return pe(()=>import("./kol-table-stateful.entry-CI2YvXhI.js"),__vite__mapDeps([75,14,76,1,77])).then(f,ve);case"kol-table-stateless":return pe(()=>import("./kol-table-stateless.entry-DHR1J-8H.js"),[]).then(f,ve);case"kol-tabs":return pe(()=>import("./kol-tabs.entry-9kE1VpQ8.js"),__vite__mapDeps([78,26,1,14,77,9])).then(f,ve);case"kol-textarea":return pe(()=>import("./kol-textarea.entry-BfQs7ns0.js"),__vite__mapDeps([79,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,5,53,58,51,35,70,56])).then(f,ve);case"kol-toast-container":return pe(()=>import("./kol-toast-container.entry-K5ahuN_V.js"),__vite__mapDeps([80,14,5,13,8,9,18])).then(f,ve);case"kol-toolbar":return pe(()=>import("./kol-toolbar.entry-DYyaRPHR.js"),__vite__mapDeps([81,1,41,77])).then(f,ve);case"kol-tree":return pe(()=>import("./kol-tree.entry-9E5wemWr.js"),[]).then(f,ve);case"kol-tree-item":return pe(()=>import("./kol-tree-item.entry-CwgRrP4P.js"),[]).then(f,ve);case"kol-version":return pe(()=>import("./kol-version.entry-CukVKwzk.js"),__vite__mapDeps([82,1,14])).then(f,ve);case"kol-alert-wc":return pe(()=>import("./kol-alert-wc.entry-msSyCOPF.js"),__vite__mapDeps([83,27,1,6,13,8,9,14])).then(f,ve);case"kol-avatar-wc":return pe(()=>import("./kol-avatar-wc.entry-BJwQ_ZJG.js"),__vite__mapDeps([84,32,1,14])).then(f,ve);case"kol-button-wc":return pe(()=>import("./kol-button-wc.entry-CKcpC5gJ.js"),__vite__mapDeps([85,37,17,86,87,3,38,12,1,39,26,5,44,40,13,8,9,14,15,16,18,19,20])).then(f,ve);case"kol-card-wc":return pe(()=>import("./kol-card-wc.entry-Ciw7Fjbs.js"),__vite__mapDeps([88,27,1,14,6,13,8,9,18,5])).then(f,ve);case"kol-combobox":return pe(()=>import("./kol-combobox.entry-CteNRAG0.js"),__vite__mapDeps([89,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,90,5,58,35,49])).then(f,ve);case"kol-input-range":return pe(()=>import("./kol-input-range.entry-DsK7gJLN.js"),__vite__mapDeps([91,8,9,5,44,36,37,3,38,1,39,26,40,20,13,14,19,17,47,42,46,16,12,48,49])).then(f,ve);case"kol-link-wc":return pe(()=>import("./kol-link-wc.entry-AiwgHp04.js"),__vite__mapDeps([92,37,17,86,87,3,38,93,12,1,39,26,5,14,13,8,9,15,16,18,19,20])).then(f,ve);case"kol-pagination-wc":return pe(()=>import("./kol-pagination-wc.entry-BIm2cfdP.js"),__vite__mapDeps([94,87,1,39,26,14,5,22])).then(f,ve);case"kol-popover-button-wc":return pe(()=>import("./kol-popover-button-wc.entry-CViB3RdU.js"),__vite__mapDeps([95,96,26])).then(f,ve);case"kol-popover-wc":return pe(()=>import("./kol-popover-wc.entry-CPriy6s9.js"),__vite__mapDeps([97,26,73,96,9])).then(f,ve);case"kol-single-select":return pe(()=>import("./kol-single-select.entry-DmxfwpzU.js"),__vite__mapDeps([98,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,90,5,34,35,41,58])).then(f,ve);case"kol-table-settings-wc":return pe(()=>import("./kol-table-settings-wc.entry-Bf35xSww.js"),__vite__mapDeps([99,14])).then(f,ve);case"kol-table-stateless-wc":return pe(()=>import("./kol-table-stateless-wc.entry-BkufQnLb.js"),__vite__mapDeps([100,9,14,76,1,77,5,20])).then(f,ve);case"kol-tooltip-wc":return pe(()=>import("./kol-tooltip-wc.entry-W1G2F19J.js"),__vite__mapDeps([101,96,26,1,13,8,9,14,15,16,17,18,19,20])).then(f,ve);case"kol-tree-item-wc":return pe(()=>import("./kol-tree-item-wc.entry-M_2D25XL.js"),__vite__mapDeps([102,93,1,4,5,9])).then(f,ve);case"kol-tree-wc":return pe(()=>import("./kol-tree-wc.entry-CDVBvDDx.js"),__vite__mapDeps([103,1])).then(f,ve);case"test-component":return pe(()=>import("./test-component.entry-keBI0BAp.js"),[]).then(f,ve)}}return pe(()=>import(`./${s}.entry.js`),[]).then(f=>(pb.set(s,f),f[i]),f=>{ve(f,o.$hostElement$)})},td=new Map,k0=[],oT="r",tT="o",Xb="s",rT="t",aT="c",tc="s-id",Wb="sty-id",m1="c-id",lT="{visibility:hidden}.hydrated{visibility:inherit}",y0="slot-fb{display:contents}slot-fb[hidden]{display:none}",v1="http://www.w3.org/1999/xlink",on=typeof window<"u"?window:{},fn={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,i)=>e.addEventListener(o,r,i),rel:(e,o,r,i)=>e.removeEventListener(o,r,i),ce:(e,o)=>new CustomEvent(e,o)},iT=(()=>{var e;let o=!1;try{(e=on.document)==null||e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch{}return o})(),cT=e=>Promise.resolve(e),Kh=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),Qb=Kh?!!on.document&&Object.getOwnPropertyDescriptor(on.document.adoptedStyleSheets,"length").writable:!1,x0=e=>cT().then(e),Vh=e=>(e=typeof e,e==="object"||e==="function");function w0(e){var o,r,i;return(i=(r=(o=e.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?i:void 0}var sT=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),dT=class ma{static fromLocalValue(o){const r=o[mb],i=vb in o?o[vb]:void 0;switch(r){case"string":return i;case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return;case"null":return null;case"number":return i==="NaN"?NaN:i==="-0"?-0:i==="Infinity"?1/0:i==="-Infinity"?-1/0:i;case"array":return i.map(m=>ma.fromLocalValue(m));case"date":return new Date(i);case"map":const s=new Map;for(const[m,p]of i){const y=typeof m=="object"&&m!==null?ma.fromLocalValue(m):m,g=ma.fromLocalValue(p);s.set(y,g)}return s;case"object":const d={};for(const[m,p]of i)d[m]=ma.fromLocalValue(p);return d;case"regexp":const{pattern:f,flags:h}=i;return new RegExp(f,h);case"set":const v=new Set;for(const m of i)v.add(ma.fromLocalValue(m));return v;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(o){return o.map(r=>ma.fromLocalValue(r))}static isLocalValueObject(o){if(typeof o!="object"||o===null||!o.hasOwnProperty(mb))return!1;const r=o[mb];return Object.values({..._0,...g0}).includes(r)?r!=="null"&&r!=="undefined"?o.hasOwnProperty(vb):!0:!1}},uT={};Wj(uT,{err:()=>z0,map:()=>fT,ok:()=>Jb,unwrap:()=>bT,unwrapErr:()=>hT});var Jb=e=>({isOk:!0,isErr:!1,value:e}),z0=e=>({isOk:!1,isErr:!0,value:e});function fT(e,o){if(e.isOk){const r=o(e.value);return r instanceof Promise?r.then(i=>Jb(i)):Jb(r)}if(e.isErr){const r=e.value;return z0(r)}throw"should never get here"}var bT=e=>{if(e.isOk)return e.value;throw e.value},hT=e=>{if(e.isErr)return e.value;throw e.value};function mT(e){return typeof e!="string"||!e.startsWith(Yb)?e:dT.fromLocalValue(JSON.parse(atob(e.slice(Yb.length))))}var Mi;function vT(e){var o;const r=this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)});Mi===void 0&&(Mi=(o=void 0)!=null?o:null),Mi&&(Qb?r.adoptedStyleSheets.push(Mi):r.adoptedStyleSheets=[...r.adoptedStyleSheets,Mi])}var S0=e=>{const o=Hr(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"&&j0(o,e.tagName).forEach(i=>{i.nodeType===1&&i.tagName==="SLOT-FB"&&(_T(i,qh(i),!1).length?i.hidden=!0:i.hidden=!1)});let r=0;for(r=0;r<o.length;r++){const i=o[r];i.nodeType===1&&Hr(i,"childNodes").length&&S0(i)}},pT=e=>{const o=[];for(let r=0;r<e.length;r++){const i=e[r]["s-nr"]||void 0;i&&i.isConnected&&o.push(i)}return o};function j0(e,o,r){let i=0,s=[],d;for(;i<e.length;i++)d=e[i],d["s-sr"]&&(!o||d["s-hn"]===o)&&r===void 0&&s.push(d),s=[...s,...j0(d.childNodes,o,r)];return s}var _T=(e,o,r=!0)=>{const i=[];(r&&e["s-sr"]||!e["s-sr"])&&i.push(e);let s=e;for(;s=s.nextSibling;)qh(s)===o&&(r||!s["s-sr"])&&i.push(s);return i},p1=(e,o)=>e.nodeType===1?e.getAttribute("slot")===null&&o===""||e.getAttribute("slot")===o:e["s-sn"]===o?!0:o==="",gT=(e,o,r,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!o["s-cr"]||!o["s-cr"].parentNode)return;const d=o["s-cr"].parentNode,f=Hr(d,"appendChild");if(typeof i<"u"){s["s-oo"]=i;const h=Hr(d,"childNodes"),v=[s];h.forEach(m=>{m["s-nr"]&&v.push(m)}),v.sort((m,p)=>!m["s-oo"]||m["s-oo"]<(p["s-oo"]||0)?-1:!p["s-oo"]||p["s-oo"]<m["s-oo"]?1:0),v.forEach(m=>f.call(d,m))}else f.call(d,s);e["s-ol"]=s,e["s-sh"]=o["s-hn"]},qh=e=>typeof e["s-sn"]=="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function T0(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=r=>(function(i){const s=[],d=this["s-sn"];i?.flatten&&console.error(`
+ */class Aa{constructor(o,r){this.document=o,this.options=r,this.toastContainerElement=this.document.createElement(Gb),this.document.body.prepend(this.toastContainerElement)}static getInstance(o,r){if(!Fj())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let i=this.instances.get(o);return i||(i=new Aa(o,r),this.instances.set(o,i)),i}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):Bn.warn("Toaster service is already disposed.")}enqueue(o){var r,i;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function")return(r=o.variant)!==null&&r!==void 0||(o.variant=(i=this.options)===null||i===void 0?void 0:i.defaultVariant),this.toastContainerElement.enqueue(o)}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}Aa.instances=new Map;var bo;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(bo||(bo={}));var Ze;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Ze||(Ze={}));var ur;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(ur||(ur={}));const ye=new Map;ye.set(bo["Die Bundesregierung"],["Die","Bundesregierung"]);ye.set(bo["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);ye.set(bo["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);ye.set(bo["Auswärtiges Amt"],["Auswärtiges Amt"]);ye.set(bo["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);ye.set(bo["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);ye.set(bo["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);ye.set(bo["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);ye.set(bo["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);ye.set(bo["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);ye.set(bo["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);ye.set(bo["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);ye.set(bo["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);ye.set(bo["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);ye.set(bo["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);ye.set(Ze["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);ye.set(Ze["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);ye.set(Ze["Bundesamt für äußere Restitutionen"],[]);ye.set(Ze["Bundesamt für Bauwesen und Raumordnung"],[]);ye.set(Ze["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);ye.set(Ze["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);ye.set(Ze["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);ye.set(Ze["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);ye.set(Ze["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);ye.set(Ze["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);ye.set(Ze["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);ye.set(Ze["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);ye.set(Ze["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);ye.set(Ze["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);ye.set(Ze["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);ye.set(Ze["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);ye.set(Ze["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);ye.set(Ze.Bundesarchiv,["Das","Bundesarchiv"]);ye.set(Ze["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);ye.set(Ze.Bundesausgleichsamt,["Bundesausgleichsamt"]);ye.set(Ze.Bundeskartellamt,["Bundeskartellamt"]);ye.set(Ze.Bundeskriminalamt,["Bundeskriminalamt"]);ye.set(Ze.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);ye.set(Ze["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);ye.set(Ze.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);ye.set(Ze["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);ye.set(Ze.Bundessortenamt,["Bundessortenamt"]);ye.set(Ze.Bundessprachenamt,["Bundessprachenamt"]);ye.set(Ze["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);ye.set(Ze.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);ye.set(Ze["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);ye.set(Ze["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);ye.set(Ze["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);ye.set(Ze.Generalzolldirektion,["Generalzolldirektion"]);ye.set(Ze["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);ye.set(Ze["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);ye.set(ur["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);ye.set(ur["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);ye.set(ur["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);ye.set(ur["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);ye.set(ur["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);ye.set(ur["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);ye.set(ur["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const Pj="modulepreload",Gj=function(e){return"/"+e},b1={},pe=function(o,r,i){let s=Promise.resolve();if(r&&r.length>0){let v=function(m){return Promise.all(m.map(p=>Promise.resolve(p).then(y=>({status:"fulfilled",value:y}),y=>({status:"rejected",reason:y}))))};document.getElementsByTagName("link");const f=document.querySelector("meta[property=csp-nonce]"),h=f?.nonce||f?.getAttribute("nonce");s=v(r.map(m=>{if(m=Gj(m),m in b1)return;b1[m]=!0;const p=m.endsWith(".css"),y=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${m}"]${y}`))return;const g=document.createElement("link");if(g.rel=p?"stylesheet":Pj,p||(g.as="script"),g.crossOrigin="",g.href=m,h&&g.setAttribute("nonce",h),document.head.appendChild(g),p)return new Promise((S,O)=>{g.addEventListener("load",S),g.addEventListener("error",()=>O(new Error(`Unable to preload CSS for ${m}`)))})}))}function d(f){const h=new Event("vite:preloadError",{cancelable:!0});if(h.payload=f,window.dispatchEvent(h),!h.defaultPrevented)throw f}return s.then(f=>{for(const h of f||[])h.status==="rejected"&&d(h.reason);return o().catch(d)})},Yj="kolibri",oc={hydratedSelectorName:"hydrated",lazyLoad:!0,slotRelocation:!0,updatable:!0},pU={kolibriVersion:"3.0.7-d0e38f2b24188b03316351f07d939c4524a2fd81.0"};var Xj=Object.defineProperty,Wj=(e,o)=>{for(var r in o)Xj(e,r,{get:o[r],enumerable:!0})},Qj="http://www.w3.org/2000/svg",Jj="http://www.w3.org/1999/xhtml",_0=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(_0||{}),g0=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(g0||{}),mb="type",vb="value",Yb="serialized:",Xo=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},_U=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.$lazyInstance$=e)},eT=(e,o)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:o,$instanceValues$:new Map};r.$onInstancePromise$=new Promise(s=>r.$onInstanceResolve$=s),r.$onReadyPromise$=new Promise(s=>r.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[];const i=r;return e.__stencil__getHostRef=()=>i,i},h1=(e,o)=>o in e,ve=(e,o)=>(0,console.error)(e,o),pb=new Map,nT=(e,o,r)=>{const i=e.$tagName$.replace(/-/g,"_"),s=e.$lazyBundleId$;if(!s)return;const d=pb.get(s);if(d)return d[i];{const f=h=>(pb.set(s,h),h[i]);switch(s){case"kol-abbr":return pe(()=>import("./kol-abbr.entry-CvJ246gL.js"),__vite__mapDeps([0,1])).then(f,ve);case"kol-accordion":return pe(()=>import("./kol-accordion.entry-D0dLccSR.js"),__vite__mapDeps([2,3,1,4,5,6,7,8,9])).then(f,ve);case"kol-alert":return pe(()=>import("./kol-alert.entry-9ToXciRD.js"),[]).then(f,ve);case"kol-avatar":return pe(()=>import("./kol-avatar.entry-TkP7tSqL.js"),[]).then(f,ve);case"kol-badge":return pe(()=>import("./kol-badge.entry-Bdbpr2kc.js"),__vite__mapDeps([10,11,12,13,8,9,14,15,16,17,18,19,20,5])).then(f,ve);case"kol-breadcrumb":return pe(()=>import("./kol-breadcrumb.entry-Cxrh0avI.js"),__vite__mapDeps([21,1,22,23])).then(f,ve);case"kol-button":return pe(()=>import("./kol-button.entry-BsrEiY8l.js"),[]).then(f,ve);case"kol-button-link":return pe(()=>import("./kol-button-link.entry-CtGBTU09.js"),[]).then(f,ve);case"kol-card":return pe(()=>import("./kol-card.entry-DtCXghaB.js"),[]).then(f,ve);case"kol-details":return pe(()=>import("./kol-details.entry-CL_k6Is_.js"),__vite__mapDeps([24,3,1,4,7,8,9,5,6])).then(f,ve);case"kol-drawer":return pe(()=>import("./kol-drawer.entry-D6dx6tbM.js"),__vite__mapDeps([25,26,27,1,4,9])).then(f,ve);case"kol-form":return pe(()=>import("./kol-form.entry-CT8eTf-p.js"),__vite__mapDeps([28,14,13,8,9])).then(f,ve);case"kol-heading":return pe(()=>import("./kol-heading.entry-CdSDx8Hc.js"),__vite__mapDeps([29,1,13,8,9,14,18,6])).then(f,ve);case"kol-icon":return pe(()=>import("./kol-icon.entry-CothH-78.js"),__vite__mapDeps([30,1,9])).then(f,ve);case"kol-image":return pe(()=>import("./kol-image.entry-BiRiL7pC.js"),__vite__mapDeps([31,32])).then(f,ve);case"kol-input-checkbox":return pe(()=>import("./kol-input-checkbox.entry-BaZ1v2oD.js"),__vite__mapDeps([33,9,5,34,1,35,36,37,3,38,39,26,40,20,8,13,14,19,17,41,16,42,43,44])).then(f,ve);case"kol-input-color":return pe(()=>import("./kol-input-color.entry-BCgkhBt0.js"),__vite__mapDeps([45,8,9,36,37,3,38,1,39,26,40,20,13,14,19,17,46,16,12,47,42,5,48,49])).then(f,ve);case"kol-input-date":return pe(()=>import("./kol-input-date.entry-Drg_KCtO.js"),__vite__mapDeps([50,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,48,51,35,49])).then(f,ve);case"kol-input-email":return pe(()=>import("./kol-input-email.entry-BbfPp2Oz.js"),__vite__mapDeps([52,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,53,54,55,56,49,57,48,58,51,35])).then(f,ve);case"kol-input-file":return pe(()=>import("./kol-input-file.entry-98WFyhhM.js"),__vite__mapDeps([59,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,54,35])).then(f,ve);case"kol-input-number":return pe(()=>import("./kol-input-number.entry-BPX38VUa.js"),__vite__mapDeps([60,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,48,58,51,35,49])).then(f,ve);case"kol-input-password":return pe(()=>import("./kol-input-password.entry-DULc1ou2.js"),__vite__mapDeps([61,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,57,48,53,58,51,35])).then(f,ve);case"kol-input-radio":return pe(()=>import("./kol-input-radio.entry-Do_uGraJ.js"),__vite__mapDeps([62,9,5,44,34,1,35,36,37,3,38,39,26,40,20,8,13,14,19,17,41,43,42])).then(f,ve);case"kol-input-text":return pe(()=>import("./kol-input-text.entry-DvOQqZUY.js"),__vite__mapDeps([63,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,5,44,55,56,49,57,48,53,58,51,35])).then(f,ve);case"kol-kolibri":return pe(()=>import("./kol-kolibri.entry-DvkECCvy.js"),__vite__mapDeps([64,11,14])).then(f,ve);case"kol-link":return pe(()=>import("./kol-link.entry-DCOosxik.js"),[]).then(f,ve);case"kol-link-button":return pe(()=>import("./kol-link-button.entry-DdbOkROA.js"),[]).then(f,ve);case"kol-modal":return pe(()=>import("./kol-modal.entry-B9b6Q4Dm.js"),__vite__mapDeps([65,9,1])).then(f,ve);case"kol-nav":return pe(()=>import("./kol-nav.entry-CmAT_VEq.js"),__vite__mapDeps([66,38,1,14,22,23,9,5])).then(f,ve);case"kol-pagination":return pe(()=>import("./kol-pagination.entry-BAvAM-J6.js"),[]).then(f,ve);case"kol-popover-button":return pe(()=>import("./kol-popover-button.entry-DxXDQR5p.js"),[]).then(f,ve);case"kol-progress":return pe(()=>import("./kol-progress.entry-DH2po_jJ.js"),__vite__mapDeps([67,1])).then(f,ve);case"kol-quote":return pe(()=>import("./kol-quote.entry-BamuCz3n.js"),__vite__mapDeps([68,17,1,9])).then(f,ve);case"kol-select":return pe(()=>import("./kol-select.entry-DvMYga9K.js"),__vite__mapDeps([69,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,5,44,54,34,35,41,70])).then(f,ve);case"kol-skip-nav":return pe(()=>import("./kol-skip-nav.entry-BldgYRcL.js"),__vite__mapDeps([71,1,22,23])).then(f,ve);case"kol-spin":return pe(()=>import("./kol-spin.entry-DBN4Hirz.js"),__vite__mapDeps([72,1,73,14,9])).then(f,ve);case"kol-split-button":return pe(()=>import("./kol-split-button.entry-sVRxROv6.js"),__vite__mapDeps([74,14,9])).then(f,ve);case"kol-table-stateful":return pe(()=>import("./kol-table-stateful.entry-C9bSDnEe.js"),__vite__mapDeps([75,14,76,1,77])).then(f,ve);case"kol-table-stateless":return pe(()=>import("./kol-table-stateless.entry-ScqO9HQH.js"),[]).then(f,ve);case"kol-tabs":return pe(()=>import("./kol-tabs.entry-DjYduas4.js"),__vite__mapDeps([78,26,1,14,77,9])).then(f,ve);case"kol-textarea":return pe(()=>import("./kol-textarea.entry-DnQZ4BZD.js"),__vite__mapDeps([79,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,5,53,58,51,35,70,56])).then(f,ve);case"kol-toast-container":return pe(()=>import("./kol-toast-container.entry-BRSXAbH1.js"),__vite__mapDeps([80,14,5,13,8,9,18])).then(f,ve);case"kol-toolbar":return pe(()=>import("./kol-toolbar.entry-DpIm2BN3.js"),__vite__mapDeps([81,1,41,77])).then(f,ve);case"kol-tree":return pe(()=>import("./kol-tree.entry-B8X_yhuj.js"),[]).then(f,ve);case"kol-tree-item":return pe(()=>import("./kol-tree-item.entry-DooV5zaG.js"),[]).then(f,ve);case"kol-version":return pe(()=>import("./kol-version.entry-CJPofyXT.js"),__vite__mapDeps([82,1,14])).then(f,ve);case"kol-alert-wc":return pe(()=>import("./kol-alert-wc.entry-CB46-bQU.js"),__vite__mapDeps([83,27,1,6,13,8,9,14])).then(f,ve);case"kol-avatar-wc":return pe(()=>import("./kol-avatar-wc.entry-Dg3T4Wxf.js"),__vite__mapDeps([84,32,1,14])).then(f,ve);case"kol-button-wc":return pe(()=>import("./kol-button-wc.entry-CZezya2H.js"),__vite__mapDeps([85,37,17,86,87,3,38,12,1,39,26,5,44,40,13,8,9,14,15,16,18,19,20])).then(f,ve);case"kol-card-wc":return pe(()=>import("./kol-card-wc.entry-fYX7lDxy.js"),__vite__mapDeps([88,27,1,14,6,13,8,9,18,5])).then(f,ve);case"kol-combobox":return pe(()=>import("./kol-combobox.entry-DcmeXUAg.js"),__vite__mapDeps([89,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,90,5,58,35,49])).then(f,ve);case"kol-input-range":return pe(()=>import("./kol-input-range.entry-Dl-soAjz.js"),__vite__mapDeps([91,8,9,5,44,36,37,3,38,1,39,26,40,20,13,14,19,17,47,42,46,16,12,48,49])).then(f,ve);case"kol-link-wc":return pe(()=>import("./kol-link-wc.entry-DyNU4gyn.js"),__vite__mapDeps([92,37,17,86,87,3,38,93,12,1,39,26,5,14,13,8,9,15,16,18,19,20])).then(f,ve);case"kol-pagination-wc":return pe(()=>import("./kol-pagination-wc.entry-BbcmjDxo.js"),__vite__mapDeps([94,87,1,39,26,14,5,22])).then(f,ve);case"kol-popover-button-wc":return pe(()=>import("./kol-popover-button-wc.entry-B8PCdOsm.js"),__vite__mapDeps([95,96,26])).then(f,ve);case"kol-popover-wc":return pe(()=>import("./kol-popover-wc.entry-BYgVbzzR.js"),__vite__mapDeps([97,26,73,96,9])).then(f,ve);case"kol-single-select":return pe(()=>import("./kol-single-select.entry-DFHuir48.js"),__vite__mapDeps([98,9,36,37,3,38,1,39,26,40,20,8,13,14,19,17,46,16,12,47,42,90,5,34,35,41,58])).then(f,ve);case"kol-table-settings-wc":return pe(()=>import("./kol-table-settings-wc.entry-MImfcVXu.js"),__vite__mapDeps([99,14])).then(f,ve);case"kol-table-stateless-wc":return pe(()=>import("./kol-table-stateless-wc.entry-Ch4I0aKu.js"),__vite__mapDeps([100,9,14,76,1,77,5,20])).then(f,ve);case"kol-tooltip-wc":return pe(()=>import("./kol-tooltip-wc.entry-Cw0Lxmhq.js"),__vite__mapDeps([101,96,26,1,13,8,9,14,15,16,17,18,19,20])).then(f,ve);case"kol-tree-item-wc":return pe(()=>import("./kol-tree-item-wc.entry-B1KQqb9I.js"),__vite__mapDeps([102,93,1,4,5,9])).then(f,ve);case"kol-tree-wc":return pe(()=>import("./kol-tree-wc.entry-Dz-AQ-1I.js"),__vite__mapDeps([103,1])).then(f,ve);case"test-component":return pe(()=>import("./test-component.entry-BLTHxe25.js"),[]).then(f,ve)}}return pe(()=>import(`./${s}.entry.js`),[]).then(f=>(pb.set(s,f),f[i]),f=>{ve(f,o.$hostElement$)})},td=new Map,k0=[],oT="r",tT="o",Xb="s",rT="t",aT="c",tc="s-id",Wb="sty-id",m1="c-id",lT="{visibility:hidden}.hydrated{visibility:inherit}",y0="slot-fb{display:contents}slot-fb[hidden]{display:none}",v1="http://www.w3.org/1999/xlink",on=typeof window<"u"?window:{},fn={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,i)=>e.addEventListener(o,r,i),rel:(e,o,r,i)=>e.removeEventListener(o,r,i),ce:(e,o)=>new CustomEvent(e,o)},iT=(()=>{var e;let o=!1;try{(e=on.document)==null||e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch{}return o})(),cT=e=>Promise.resolve(e),Kh=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),Qb=Kh?!!on.document&&Object.getOwnPropertyDescriptor(on.document.adoptedStyleSheets,"length").writable:!1,x0=e=>cT().then(e),Vh=e=>(e=typeof e,e==="object"||e==="function");function w0(e){var o,r,i;return(i=(r=(o=e.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?i:void 0}var sT=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),dT=class ma{static fromLocalValue(o){const r=o[mb],i=vb in o?o[vb]:void 0;switch(r){case"string":return i;case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return;case"null":return null;case"number":return i==="NaN"?NaN:i==="-0"?-0:i==="Infinity"?1/0:i==="-Infinity"?-1/0:i;case"array":return i.map(m=>ma.fromLocalValue(m));case"date":return new Date(i);case"map":const s=new Map;for(const[m,p]of i){const y=typeof m=="object"&&m!==null?ma.fromLocalValue(m):m,g=ma.fromLocalValue(p);s.set(y,g)}return s;case"object":const d={};for(const[m,p]of i)d[m]=ma.fromLocalValue(p);return d;case"regexp":const{pattern:f,flags:h}=i;return new RegExp(f,h);case"set":const v=new Set;for(const m of i)v.add(ma.fromLocalValue(m));return v;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(o){return o.map(r=>ma.fromLocalValue(r))}static isLocalValueObject(o){if(typeof o!="object"||o===null||!o.hasOwnProperty(mb))return!1;const r=o[mb];return Object.values({..._0,...g0}).includes(r)?r!=="null"&&r!=="undefined"?o.hasOwnProperty(vb):!0:!1}},uT={};Wj(uT,{err:()=>z0,map:()=>fT,ok:()=>Jb,unwrap:()=>bT,unwrapErr:()=>hT});var Jb=e=>({isOk:!0,isErr:!1,value:e}),z0=e=>({isOk:!1,isErr:!0,value:e});function fT(e,o){if(e.isOk){const r=o(e.value);return r instanceof Promise?r.then(i=>Jb(i)):Jb(r)}if(e.isErr){const r=e.value;return z0(r)}throw"should never get here"}var bT=e=>{if(e.isOk)return e.value;throw e.value},hT=e=>{if(e.isErr)return e.value;throw e.value};function mT(e){return typeof e!="string"||!e.startsWith(Yb)?e:dT.fromLocalValue(JSON.parse(atob(e.slice(Yb.length))))}var Mi;function vT(e){var o;const r=this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)});Mi===void 0&&(Mi=(o=void 0)!=null?o:null),Mi&&(Qb?r.adoptedStyleSheets.push(Mi):r.adoptedStyleSheets=[...r.adoptedStyleSheets,Mi])}var S0=e=>{const o=Hr(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"&&j0(o,e.tagName).forEach(i=>{i.nodeType===1&&i.tagName==="SLOT-FB"&&(_T(i,qh(i),!1).length?i.hidden=!0:i.hidden=!1)});let r=0;for(r=0;r<o.length;r++){const i=o[r];i.nodeType===1&&Hr(i,"childNodes").length&&S0(i)}},pT=e=>{const o=[];for(let r=0;r<e.length;r++){const i=e[r]["s-nr"]||void 0;i&&i.isConnected&&o.push(i)}return o};function j0(e,o,r){let i=0,s=[],d;for(;i<e.length;i++)d=e[i],d["s-sr"]&&(!o||d["s-hn"]===o)&&r===void 0&&s.push(d),s=[...s,...j0(d.childNodes,o,r)];return s}var _T=(e,o,r=!0)=>{const i=[];(r&&e["s-sr"]||!e["s-sr"])&&i.push(e);let s=e;for(;s=s.nextSibling;)qh(s)===o&&(r||!s["s-sr"])&&i.push(s);return i},p1=(e,o)=>e.nodeType===1?e.getAttribute("slot")===null&&o===""||e.getAttribute("slot")===o:e["s-sn"]===o?!0:o==="",gT=(e,o,r,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!o["s-cr"]||!o["s-cr"].parentNode)return;const d=o["s-cr"].parentNode,f=Hr(d,"appendChild");if(typeof i<"u"){s["s-oo"]=i;const h=Hr(d,"childNodes"),v=[s];h.forEach(m=>{m["s-nr"]&&v.push(m)}),v.sort((m,p)=>!m["s-oo"]||m["s-oo"]<(p["s-oo"]||0)?-1:!p["s-oo"]||p["s-oo"]<m["s-oo"]?1:0),v.forEach(m=>f.call(d,m))}else f.call(d,s);e["s-ol"]=s,e["s-sh"]=o["s-hn"]},qh=e=>typeof e["s-sn"]=="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function T0(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=r=>(function(i){const s=[],d=this["s-sn"];i?.flatten&&console.error(`
           Flattening is not supported for Stencil non-shadow slots.
           You can use \`.childNodes\` to nested slot fallback content.
           If you have a particular use case, please open an issue on the Stencil repo.
-        `);const f=this["s-cr"].parentElement;return(f.__childNodes?f.childNodes:pT(f.childNodes)).forEach(v=>{d===qh(v)&&s.push(v)}),r?s.filter(v=>v.nodeType===1):s}).bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}function Hr(e,o){if("__"+o in e){const r=e["__"+o];return typeof r!="function"?r:r.bind(e)}else return typeof e[o]!="function"?e[o]:e[o].bind(e)}var Ot=(e,o="")=>()=>{},kT=(e,o)=>()=>{},Sl=new WeakMap,A0=(e,o,r)=>{let i=td.get(e);Kh&&r?(i=i||new CSSStyleSheet,typeof i=="string"?i=o:i.replaceSync(o)):i=o,td.set(e,i)},E0=(e,o,r)=>{var i;const s=Zh(o,r),d=td.get(s);if(!on.document)return s;if(e=e.nodeType===11?e:on.document,d)if(typeof d=="string"){e=e.head||e;let f=Sl.get(e),h;if(f||Sl.set(e,f=new Set),!f.has(s)){if(e.host&&(h=e.querySelector(`[${Wb}="${s}"]`)))h.innerHTML=d;else{h=on.document.createElement("style"),h.innerHTML=d;const v=(i=fn.$nonce$)!=null?i:w0(on.document);if(v!=null&&h.setAttribute("nonce",v),!(o.$flags$&1))if(e.nodeName==="HEAD"){const m=e.querySelectorAll("link[rel=preconnect]"),p=m.length>0?m[m.length-1].nextSibling:e.querySelector("style");e.insertBefore(h,p?.parentNode===e?p:null)}else if("host"in e)if(Kh){const m=new CSSStyleSheet;m.replaceSync(d),Qb?e.adoptedStyleSheets.unshift(m):e.adoptedStyleSheets=[m,...e.adoptedStyleSheets]}else{const m=e.querySelector("style");m?m.innerHTML=d+m.innerHTML:e.prepend(h)}else e.append(h);o.$flags$&1&&e.insertBefore(h,null)}o.$flags$&4&&(h.innerHTML+=y0),f&&f.add(s)}}else e.adoptedStyleSheets.includes(d)||(Qb?e.adoptedStyleSheets.push(d):e.adoptedStyleSheets=[...e.adoptedStyleSheets,d]);return s},yT=e=>{const o=e.$cmpMeta$,r=e.$hostElement$,i=o.$flags$,s=Ot("attachStyles",o.$tagName$),d=E0(r.shadowRoot?r.shadowRoot:r.getRootNode(),o,e.$modeName$);i&10&&(r["s-sc"]=d,r.classList.add(d+"-h")),s()},Zh=(e,o)=>"sc-"+(o&&e.$flags$&32?e.$tagName$+"-"+o:e.$tagName$),xT=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),wT=()=>{if(!on.document)return;const e=on.document.querySelectorAll(`[${Wb}]`);let o=0;for(;o<e.length;o++)A0(e[o].getAttribute(Wb),xT(e[o].innerHTML),!0)},C0=(e,o,...r)=>{let i=null,s=null,d=null,f=!1,h=!1;const v=[],m=y=>{for(let g=0;g<y.length;g++)i=y[g],Array.isArray(i)?m(i):i!=null&&typeof i!="boolean"&&((f=typeof e!="function"&&!Vh(i))&&(i=String(i)),f&&h?v[v.length-1].$text$+=i:v.push(f?$l(null,i):i),h=f)};if(m(r),o){o.key&&(s=o.key),o.name&&(d=o.name);{const y=o.className||o.class;y&&(o.class=typeof y!="object"?y:Object.keys(y).filter(g=>y[g]).join(" "))}}if(typeof e=="function")return e(o===null?{}:o,v,jT);const p=$l(e,null);return p.$attrs$=o,v.length>0&&(p.$children$=v),p.$key$=s,p.$name$=d,p},$l=(e,o)=>{const r={$flags$:0,$tag$:e,$text$:o,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r.$name$=null,r},zT={},ST=e=>e&&e.$tag$===zT,jT={forEach:(e,o)=>e.map(_1).forEach(o),map:(e,o)=>e.map(_1).map(o).map(TT)},_1=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),TT=e=>{if(typeof e.vtag=="function"){const r={...e.vattrs};return e.vkey&&(r.key=e.vkey),e.vname&&(r.name=e.vname),C0(e.vtag,r,...e.vchildren||[])}const o=$l(e.vtag,e.vtext);return o.$attrs$=e.vattrs,o.$children$=e.vchildren,o.$key$=e.vkey,o.$name$=e.vname,o},AT=(e,o,r,i)=>{var s,d,f;const h=Ot("hydrateClient",o),v=e.shadowRoot,m=[],p=[],y=[],g=v?[]:null,S=$l(o,null);S.$elm$=e,Object.entries(((s=i.$cmpMeta$)==null?void 0:s.$members$)||{}).forEach(([se,[je,te]])=>{var ae;if(!(je&31))return;const me=te||se,Ae=e.getAttribute(me);if(Ae!==null){const De=rd(Ae,je);(ae=i?.$instanceValues$)==null||ae.set(se,De)}}),on.document&&(!fn.$orgLocNodes$||!fn.$orgLocNodes$.size)&&nh(on.document.body,fn.$orgLocNodes$=new Map),e[tc]=r,e.removeAttribute(tc),i.$vnode$=eh(S,m,p,g,e,e,r,y);let L=0;const R=m.length;let T;for(L;L<R;L++){T=m[L];const se=T.$hostId$+"."+T.$nodeId$,je=fn.$orgLocNodes$.get(se),te=T.$elm$;if(!v)te["s-hn"]=o.toUpperCase(),T.$tag$==="slot"&&(te["s-cr"]=e["s-cr"]);else if((d=T.$tag$)!=null&&d.toString().includes("-")&&T.$tag$!=="slot-fb"&&!T.$elm$.shadowRoot){const ae=Xo(T.$elm$);if(ae){const me=Zh(ae.$cmpMeta$,T.$elm$.getAttribute("s-mode")),Ae=on.document.querySelector(`style[sty-id="${me}"]`);Ae&&e.shadowRoot.append(Ae.cloneNode(!0))}}T.$tag$==="slot"&&(T.$name$=T.$elm$["s-sn"]||T.$elm$.name||null,T.$children$?(T.$flags$|=2,T.$elm$.childNodes.length||T.$children$.forEach(ae=>{T.$elm$.appendChild(ae.$elm$)})):T.$flags$|=1),je&&je.isConnected&&(je.parentElement.shadowRoot&&je["s-en"]===""&&je.parentNode.insertBefore(te,je.nextSibling),je.parentNode.removeChild(je),v||(te["s-oo"]=parseInt(T.$nodeId$))),je&&!je["s-id"]&&fn.$orgLocNodes$.delete(se)}const k=[],j=y.length;let B=0,A,V,W,le;for(B;B<j;B++)if(A=y[B],!(!A||!A.length))for(W=A.length,V=0,V;V<W;V++){if(le=A[V],k[le.hostId]||(k[le.hostId]=fn.$orgLocNodes$.get(le.hostId)),!k[le.hostId])continue;const se=k[le.hostId];se.shadowRoot&&le.node.parentElement!==se&&se.appendChild(le.node),(!se.shadowRoot||!v)&&(le.slot["s-cr"]||(le.slot["s-cr"]=se["s-cr"],!le.slot["s-cr"]&&se.shadowRoot?le.slot["s-cr"]=se:le.slot["s-cr"]=(se.__childNodes||se.childNodes)[0]),gT(le.node,le.slot,!1,le.node["s-oo"]),(f=le.node.parentElement)!=null&&f.shadowRoot&&le.node.getAttribute&&le.node.getAttribute("slot")&&le.node.removeAttribute("slot"))}if(v){let se=0;const je=g.length;if(je){for(se;se<je;se++){const te=g[se];te&&v.appendChild(te)}Array.from(e.childNodes).forEach(te=>{typeof te["s-en"]!="string"&&typeof te["s-sn"]!="string"&&(te.nodeType===1&&te.slot&&te.hidden?te.removeAttribute("hidden"):(te.nodeType===8&&!te.nodeValue||te.nodeType===3&&!te.wholeText.trim())&&te.parentNode.removeChild(te))})}}i.$hostElement$=e,h()},eh=(e,o,r,i,s,d,f,h=[])=>{let v,m,p,y;if(d.nodeType===1){if(v=d.getAttribute(m1),v&&(m=v.split("."),m[0]===f||m[0]==="0")){p=g1({$flags$:0,$hostId$:m[0],$nodeId$:m[1],$depth$:m[2],$index$:m[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:{class:d.className||""}}),o.push(p),d.removeAttribute(m1),e.$children$||(e.$children$=[]);const S=p.$elm$.getAttribute("s-sn");typeof S=="string"&&(p.$tag$==="slot-fb"&&k1(S,m[2],p,d,e,o,r,i,h),p.$elm$["s-sn"]=S,p.$elm$.removeAttribute("s-sn")),p.$index$!==void 0&&(e.$children$[p.$index$]=p),e=p,i&&p.$depth$==="0"&&(i[p.$index$]=p.$elm$)}if(d.shadowRoot)for(y=d.shadowRoot.childNodes.length-1;y>=0;y--)eh(e,o,r,i,s,d.shadowRoot.childNodes[y],f,h);const g=d.__childNodes||d.childNodes;for(y=g.length-1;y>=0;y--)eh(e,o,r,i,s,g[y],f,h)}else if(d.nodeType===8){if(m=d.nodeValue.split("."),m[1]===f||m[1]==="0"){if(v=m[0],p=g1({$hostId$:m[1],$nodeId$:m[2],$depth$:m[3],$index$:m[4]||"0",$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),v===rT)p.$elm$=x1(d,3),p.$elm$&&p.$elm$.nodeType===3&&(p.$text$=p.$elm$.textContent,o.push(p),d.remove(),f===p.$hostId$&&(e.$children$||(e.$children$=[]),e.$children$[p.$index$]=p),i&&p.$depth$==="0"&&(i[p.$index$]=p.$elm$));else if(v===aT)p.$elm$=x1(d,8),p.$elm$&&p.$elm$.nodeType===8&&(o.push(p),d.remove());else if(p.$hostId$===f)if(v===Xb){const g=d["s-sn"]=m[5]||"";k1(g,m[2],p,d,e,o,r,i,h)}else v===oT&&(i?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))}}else if(e&&e.$tag$==="style"){const g=$l(null,d.textContent);g.$elm$=d,g.$index$="0",e.$children$=[g]}else d.nodeType===3&&!d.wholeText.trim()&&!d["s-nr"]&&d.remove();return e},nh=(e,o)=>{if(e.nodeType===1){const r=e[tc]||e.getAttribute(tc);r&&o.set(r,e);let i=0;if(e.shadowRoot)for(;i<e.shadowRoot.childNodes.length;i++)nh(e.shadowRoot.childNodes[i],o);const s=e.__childNodes||e.childNodes;for(i=0;i<s.length;i++)nh(s[i],o)}else if(e.nodeType===8){const r=e.nodeValue.split(".");r[0]===tT&&(o.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},g1=e=>({...{$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:"0",$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},...e});function k1(e,o,r,i,s,d,f,h,v){i["s-sr"]=!0,r.$name$=e||null,r.$tag$="slot";const m=s?.$elm$?s.$elm$["s-id"]||s.$elm$.getAttribute("s-id"):"";if(h&&on.document){const p=r.$elm$=on.document.createElement(r.$tag$);r.$name$&&r.$elm$.setAttribute("name",e),s.$elm$.shadowRoot&&m&&m!==r.$hostId$?Hr(s.$elm$,"insertBefore")(p,Hr(s.$elm$,"children")[0]):Hr(Hr(i,"parentNode"),"insertBefore")(p,i),y1(v,o,e,i,r.$hostId$),i.remove(),r.$depth$==="0"&&(h[r.$index$]=r.$elm$)}else{const p=r.$elm$,y=m&&m!==r.$hostId$&&s.$elm$.shadowRoot;y1(v,o,e,i,y?m:r.$hostId$),T0(i),y&&s.$elm$.insertBefore(p,s.$elm$.children[0])}d.push(r),f.push(r),s.$children$||(s.$children$=[]),s.$children$[r.$index$]=r}var y1=(e,o,r,i,s)=>{var d,f;let h=i.nextSibling;if(e[o]=e[o]||[],!(!h||(d=h.nodeValue)!=null&&d.startsWith(Xb+".")))do h&&((h.getAttribute&&h.getAttribute("slot")||h["s-sn"])===r||r===""&&!h["s-sn"]&&(!h.getAttribute||!h.getAttribute("slot"))&&(h.nodeType===8||h.nodeType===3))&&(h["s-sn"]=r,e[o].push({slot:i,node:h,hostId:s})),h=h?.nextSibling;while(h&&!((f=h.nodeValue)!=null&&f.startsWith(Xb+".")))},x1=(e,o)=>{let r=e;do r=r.nextSibling;while(r&&(r.nodeType!==o||!r.nodeValue));return r},Ph=e=>{const o=sT(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};Ph("::slotted");Ph(":host");Ph(":host-context");var ET=e=>k0.map(o=>o(e)).find(o=>!!o),CT=e=>k0.push(e),rd=(e,o,r)=>{if(typeof e=="string"&&e.startsWith(Yb))return e=mT(e),e;if(typeof e=="string"&&(o&16||o&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]")))try{return JSON.parse(e)}catch{}return e!=null&&!Vh(e)?o&4?e==="false"?!1:e===""||!!e:o&2?typeof e=="string"?parseFloat(e):typeof e=="number"?e:NaN:o&1?String(e):e:e},gU=e=>{var o;return(o=Xo(e))==null?void 0:o.$hostElement$},$T=(e,o,r)=>{const i=fn.ce(o,r);return e.dispatchEvent(i),i},w1=(e,o,r,i,s,d,f)=>{if(r===i)return;let h=h1(e,o),v=o.toLowerCase();if(o==="class"){const m=e.classList,p=z1(r);let y=z1(i);if((e["s-si"]||e["s-sc"])&&f){const g=e["s-sc"]||e["s-si"];y.push(g),p.forEach(S=>{S.startsWith(g)&&y.push(S)}),y=[...new Set(y)].filter(S=>S),m.add(...y)}else m.remove(...p.filter(g=>g&&!y.includes(g))),m.add(...y.filter(g=>g&&!p.includes(g)))}else if(o==="style"){for(const m in r)(!i||i[m]==null)&&(m.includes("-")?e.style.removeProperty(m):e.style[m]="");for(const m in i)(!r||i[m]!==r[m])&&(m.includes("-")?e.style.setProperty(m,i[m]):e.style[m]=i[m])}else if(o!=="key")if(o==="ref")i&&i(e);else if(!h&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):h1(on,v)?o=v.slice(2):o=v[2]+o.slice(3),r||i){const m=o.endsWith($0);o=o.replace(OT,""),r&&fn.rel(e,o,r,m),i&&fn.ael(e,o,i,m)}}else{const m=Vh(i);if((h||m&&i!==null)&&!s)try{if(e.tagName.includes("-"))e[o]!==i&&(e[o]=i);else{const y=i??"";o==="list"?h=!1:(r==null||e[o]!=y)&&(typeof e.__lookupSetter__(o)=="function"?e[o]=y:e.setAttribute(o,y))}}catch{}let p=!1;v!==(v=v.replace(/^xlink\:?/,""))&&(o=v,p=!0),i==null||i===!1?(i!==!1||e.getAttribute(o)==="")&&(p?e.removeAttributeNS(v1,o):e.removeAttribute(o)):(!h||d&4||s)&&!m&&e.nodeType===1&&(i=i===!0?"":i,p?e.setAttributeNS(v1,o,i):e.setAttribute(o,i))}},LT=/\s/,z1=e=>(typeof e=="object"&&e&&"baseVal"in e&&(e=e.baseVal),!e||typeof e!="string"?[]:e.split(LT)),$0="Capture",OT=new RegExp($0+"$"),oh=(e,o,r,i)=>{const s=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,d=e&&e.$attrs$||{},f=o.$attrs$||{};for(const h of S1(Object.keys(d)))h in f||w1(s,h,d[h],void 0,r,o.$flags$,i);for(const h of S1(Object.keys(f)))w1(s,h,d[h],f[h],r,o.$flags$,i)};function S1(e){return e.includes("ref")?[...e.filter(o=>o!=="ref"),"ref"]:e}var th,yd,rh=!1,ad=!1,Gh=!1,Oo=!1,ld=(e,o,r)=>{var i;const s=o.$children$[r];let d=0,f,h,v;if(rh||(Gh=!0,s.$tag$==="slot"&&(s.$flags$|=s.$children$?2:1)),s.$text$!==null)f=s.$elm$=on.document.createTextNode(s.$text$);else if(s.$flags$&1)f=s.$elm$=on.document.createTextNode(""),oh(null,s,Oo);else{if(Oo||(Oo=s.$tag$==="svg"),!on.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(f=s.$elm$=on.document.createElementNS(Oo?Qj:Jj,!rh&&oc.slotRelocation&&s.$flags$&2?"slot-fb":s.$tag$),Oo&&s.$tag$==="foreignObject"&&(Oo=!1),oh(null,s,Oo),s.$children$)for(d=0;d<s.$children$.length;++d)h=ld(e,s,d),h&&f.appendChild(h);s.$tag$==="svg"?Oo=!1:f.tagName==="foreignObject"&&(Oo=!0)}return f["s-hn"]=yd,s.$flags$&3&&(f["s-sr"]=!0,f["s-cr"]=th,f["s-sn"]=s.$name$||"",f["s-rf"]=(i=s.$attrs$)==null?void 0:i.ref,T0(f),v=e&&e.$children$&&e.$children$[r],v&&v.$tag$===s.$tag$&&e.$elm$&&rc(e.$elm$,!1)),f},rc=(e,o)=>{fn.$flags$|=1;const r=Array.from(e.__childNodes||e.childNodes);for(let i=r.length-1;i>=0;i--){const s=r[i];s["s-hn"]!==yd&&s["s-ol"]&&(Ur(ac(s).parentNode,s,ac(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,Gh=!0),o&&rc(s,o)}fn.$flags$&=-2},L0=(e,o,r,i,s,d)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e,h;for(f.shadowRoot&&f.tagName===yd&&(f=f.shadowRoot);s<=d;++s)i[s]&&(h=ld(null,r,s),h&&(i[s].$elm$=h,Ur(f,h,ac(o))))},O0=(e,o,r)=>{for(let i=o;i<=r;++i){const s=e[i];if(s){const d=s.$elm$;N0(s),d&&(ad=!0,d["s-ol"]?d["s-ol"].remove():rc(d,!0),d.remove())}}},RT=(e,o,r,i,s=!1)=>{let d=0,f=0,h=0,v=0,m=o.length-1,p=o[0],y=o[m],g=i.length-1,S=i[0],O=i[g],L,R;for(;d<=m&&f<=g;)if(p==null)p=o[++d];else if(y==null)y=o[--m];else if(S==null)S=i[++f];else if(O==null)O=i[--g];else if($s(p,S,s))wl(p,S,s),p=o[++d],S=i[++f];else if($s(y,O,s))wl(y,O,s),y=o[--m],O=i[--g];else if($s(p,O,s))(p.$tag$==="slot"||O.$tag$==="slot")&&rc(p.$elm$.parentNode,!1),wl(p,O,s),Ur(e,p.$elm$,y.$elm$.nextSibling),p=o[++d],O=i[--g];else if($s(y,S,s))(p.$tag$==="slot"||O.$tag$==="slot")&&rc(y.$elm$.parentNode,!1),wl(y,S,s),Ur(e,y.$elm$,p.$elm$),y=o[--m],S=i[++f];else{for(h=-1,v=d;v<=m;++v)if(o[v]&&o[v].$key$!==null&&o[v].$key$===S.$key$){h=v;break}h>=0?(R=o[h],R.$tag$!==S.$tag$?L=ld(o&&o[f],r,h):(wl(R,S,s),o[h]=void 0,L=R.$elm$),S=i[++f]):(L=ld(o&&o[f],r,f),S=i[++f]),L&&Ur(ac(p.$elm$).parentNode,L,ac(p.$elm$))}d>m?L0(e,i[g+1]==null?null:i[g+1].$elm$,r,i,f,g):f>g&&O0(o,d,m)},$s=(e,o,r=!1)=>e.$tag$===o.$tag$?e.$tag$==="slot"?e.$name$===o.$name$:r?(r&&!e.$key$&&o.$key$&&(e.$key$=o.$key$),!0):e.$key$===o.$key$:!1,ac=e=>e&&e["s-ol"]||e,wl=(e,o,r=!1)=>{const i=o.$elm$=e.$elm$,s=e.$children$,d=o.$children$,f=o.$tag$,h=o.$text$;let v;h===null?(Oo=f==="svg"?!0:f==="foreignObject"?!1:Oo,oh(e,o,Oo,r),s!==null&&d!==null?RT(i,s,o,d,r):d!==null?(e.$text$!==null&&(i.textContent=""),L0(i,null,o,d,0,d.length-1)):!r&&oc.updatable&&s!==null?O0(s,0,s.length-1):r&&oc.updatable&&s!==null&&d===null&&(o.$children$=s),Oo&&f==="svg"&&(Oo=!1)):(v=i["s-cr"])?v.parentNode.textContent=h:e.$text$!==h&&(i.data=h)},nr=[],R0=e=>{let o,r,i;const s=e.__childNodes||e.childNodes;for(const d of s){if(d["s-sr"]&&(o=d["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const f=d["s-sn"];for(i=r.length-1;i>=0;i--)if(o=r[i],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==d["s-hn"])if(p1(o,f)){let h=nr.find(v=>v.$nodeToRelocate$===o);ad=!0,o["s-sn"]=o["s-sn"]||f,h?(h.$nodeToRelocate$["s-sh"]=d["s-hn"],h.$slotRefNode$=d):(o["s-sh"]=d["s-hn"],nr.push({$slotRefNode$:d,$nodeToRelocate$:o})),o["s-sr"]&&nr.map(v=>{p1(v.$nodeToRelocate$,o["s-sn"])&&(h=nr.find(m=>m.$nodeToRelocate$===o),h&&!v.$slotRefNode$&&(v.$slotRefNode$=h.$slotRefNode$))})}else nr.some(h=>h.$nodeToRelocate$===o)||nr.push({$nodeToRelocate$:o})}d.nodeType===1&&R0(d)}},N0=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(N0)},Ur=(e,o,r)=>e?.insertBefore(o,r),NT=(e,o,r=!1)=>{var i,s,d,f;const h=e.$hostElement$,v=e.$cmpMeta$,m=e.$vnode$||$l(null,null),y=ST(o)?o:C0(null,null,o);if(yd=h.tagName,v.$attrsToReflect$&&(y.$attrs$=y.$attrs$||{},v.$attrsToReflect$.map(([g,S])=>y.$attrs$[S]=h[g])),r&&y.$attrs$)for(const g of Object.keys(y.$attrs$))h.hasAttribute(g)&&!["key","ref","style","class"].includes(g)&&(y.$attrs$[g]=h[g]);y.$tag$=null,y.$flags$|=4,e.$vnode$=y,y.$elm$=m.$elm$=h.shadowRoot||h,rh=!!(v.$flags$&1)&&!(v.$flags$&128),th=h["s-cr"],ad=!1,wl(m,y,r);{if(fn.$flags$|=1,Gh){R0(y.$elm$);for(const g of nr){const S=g.$nodeToRelocate$;if(!S["s-ol"]&&on.document){const O=on.document.createTextNode("");O["s-nr"]=S,Ur(S.parentNode,S["s-ol"]=O,S)}}for(const g of nr){const S=g.$nodeToRelocate$,O=g.$slotRefNode$;if(O){const L=O.parentNode;let R=O.nextSibling;{let j=(i=S["s-ol"])==null?void 0:i.previousSibling;for(;j;){let B=(s=j["s-nr"])!=null?s:null;if(B&&B["s-sn"]===S["s-sn"]&&L===(B.__parentNode||B.parentNode)){for(B=B.nextSibling;B===S||B?.["s-sr"];)B=B?.nextSibling;if(!B||!B["s-nr"]){R=B;break}}j=j.previousSibling}}const T=S.__parentNode||S.parentNode,k=S.__nextSibling||S.nextSibling;(!R&&L!==T||k!==R)&&S!==R&&(!S["s-hn"]&&S["s-ol"]&&(S["s-hn"]=S["s-ol"].parentNode.nodeName),Ur(L,S,R),S.nodeType===1&&S.tagName!=="SLOT-FB"&&(S.hidden=(d=S["s-ih"])!=null?d:!1)),S&&typeof O["s-rf"]=="function"&&O["s-rf"](O)}else S.nodeType===1&&(r&&(S["s-ih"]=(f=S.hidden)!=null?f:!1),S.hidden=!0)}}ad&&S0(y.$elm$),fn.$flags$&=-2,nr.length=0}th=void 0},B0=(e,o)=>{if(o&&!e.$onRenderResolve$&&o["s-p"]){const r=o["s-p"].push(new Promise(i=>e.$onRenderResolve$=()=>{o["s-p"].splice(r-1,1),i()}))}},Yh=(e,o)=>{if(e.$flags$&4){e.$flags$|=512;return}B0(e,e.$ancestorComponent$);const r=()=>BT(e,o);if(o){queueMicrotask(()=>{r()});return}return r()},BT=(e,o)=>{const r=e.$hostElement$,i=Ot("scheduleUpdate",e.$cmpMeta$.$tagName$),s=e.$lazyInstance$;if(!s)throw new Error(`Can't render component <${r.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 d;return o?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([f,h])=>ar(s,f,h,r)),e.$queuedListeners$=void 0),d=ar(s,"componentWillLoad",void 0,r)):d=ar(s,"componentWillUpdate",void 0,r),d=j1(d,()=>ar(s,"componentWillRender",void 0,r)),i(),j1(d,()=>MT(e,s,o))},j1=(e,o)=>DT(e)?e.then(o).catch(r=>{console.error(r),o()}):o(),DT=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",MT=async(e,o,r)=>{var i;const s=e.$hostElement$,d=Ot("update",e.$cmpMeta$.$tagName$),f=s["s-rc"];r&&yT(e);const h=Ot("render",e.$cmpMeta$.$tagName$);IT(e,o,s,r),f&&(f.map(v=>v()),s["s-rc"]=void 0),h(),d();{const v=(i=s["s-p"])!=null?i:[],m=()=>HT(e);v.length===0?m():(Promise.all(v).then(m),e.$flags$|=4,v.length=0)}},IT=(e,o,r,i)=>{try{o=o.render&&o.render(),e.$flags$|=2,NT(e,o,i)}catch(s){ve(s,e.$hostElement$)}return null},HT=e=>{const o=e.$cmpMeta$.$tagName$,r=e.$hostElement$,i=Ot("postUpdate",o),s=e.$lazyInstance$,d=e.$ancestorComponent$;ar(s,"componentDidRender",void 0,r),e.$flags$&64?(ar(s,"componentDidUpdate",void 0,r),i()):(e.$flags$|=64,UT(r),ar(s,"componentDidLoad",void 0,r),i(),e.$onReadyResolve$(r),d||D0()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&x0(()=>Yh(e,!1)),e.$flags$&=-517},D0=e=>{var o;x0(()=>$T(on,"appload",{detail:{namespace:Yj}})),(o=fn.$orgLocNodes$)!=null&&o.size&&fn.$orgLocNodes$.clear()},ar=(e,o,r,i)=>{if(e&&e[o])try{return e[o](r)}catch(s){ve(s,i)}},UT=e=>{var o;return e.classList.add((o=oc.hydratedSelectorName)!=null?o:"hydrated")},FT=(e,o)=>Xo(e).$instanceValues$.get(o),_b=(e,o,r,i)=>{const s=Xo(e);if(!s)return;if(!s)throw new Error(`Couldn't find host element for "${i.$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/stenciljs/core/issues/5457).`);const d=s.$hostElement$,f=s.$instanceValues$.get(o),h=s.$flags$,v=s.$lazyInstance$;r=rd(r,i.$members$[o][0]);const m=Number.isNaN(f)&&Number.isNaN(r),p=r!==f&&!m;if((!(h&8)||f===void 0)&&p&&(s.$instanceValues$.set(o,r),v)){if(i.$watchers$&&h&128){const y=i.$watchers$[o];y&&y.map(g=>{try{v[g](r,f,o)}catch(S){ve(S,d)}})}if((h&18)===2){if(v.componentShouldUpdate&&v.componentShouldUpdate(r,f,o)===!1)return;Yh(s,!1)}}},M0=(e,o,r)=>{var i,s;const d=e.prototype;if(o.$members$||o.$watchers$||e.watchers){e.watchers&&!o.$watchers$&&(o.$watchers$=e.watchers);const f=Object.entries((i=o.$members$)!=null?i:{});if(f.map(([h,[v]])=>{if(v&31||r&2&&v&32){const{get:m,set:p}=Object.getOwnPropertyDescriptor(d,h)||{};m&&(o.$members$[h][0]|=2048),p&&(o.$members$[h][0]|=4096),(r&1||!m)&&Object.defineProperty(d,h,{get(){{if((o.$members$[h][0]&2048)===0)return FT(this,h);const y=Xo(this),g=y?y.$lazyInstance$:d;return g?g[h]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(d,h,{set(y){const g=Xo(this);if(g){if(p){const S=v&32?this[h]:g.$hostElement$[h];typeof S>"u"&&g.$instanceValues$.get(h)?y=g.$instanceValues$.get(h):!g.$instanceValues$.get(h)&&S&&g.$instanceValues$.set(h,S),p.apply(this,[rd(y,v)]),y=v&32?this[h]:g.$hostElement$[h],_b(this,h,y,o);return}{if((r&1)===0||(o.$members$[h][0]&4096)===0){_b(this,h,y,o),r&1&&!g.$lazyInstance$&&g.$onReadyPromise$.then(()=>{o.$members$[h][0]&4096&&g.$lazyInstance$[h]!==g.$instanceValues$.get(h)&&(g.$lazyInstance$[h]=y)});return}const S=()=>{const O=g.$lazyInstance$[h];!g.$instanceValues$.get(h)&&O&&g.$instanceValues$.set(h,O),g.$lazyInstance$[h]=rd(y,v),_b(this,h,g.$lazyInstance$[h],o)};g.$lazyInstance$?S():g.$onReadyPromise$.then(()=>S())}}}})}else r&1&&v&64&&Object.defineProperty(d,h,{value(...m){var p;const y=Xo(this);return(p=y?.$onInstancePromise$)==null?void 0:p.then(()=>{var g;return(g=y.$lazyInstance$)==null?void 0:g[h](...m)})}})}),r&1){const h=new Map;d.attributeChangedCallback=function(v,m,p){fn.jmp(()=>{var y;const g=h.get(v);if(this.hasOwnProperty(g)&&oc.lazyLoad)p=this[g],delete this[g];else{if(d.hasOwnProperty(g)&&typeof this[g]=="number"&&this[g]==p)return;if(g==null){const O=Xo(this),L=O?.$flags$;if(O&&L&&!(L&8)&&L&128&&p!==m){const R=O.$lazyInstance$,T=(y=o.$watchers$)==null?void 0:y[v];T?.forEach(k=>{R[k]!=null&&R[k].call(R,p,m,v)})}return}}const S=Object.getOwnPropertyDescriptor(d,g);p=p===null&&typeof this[g]=="boolean"?!1:p,p!==this[g]&&(!S.get||S.set)&&(this[g]=p)})},e.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...f.filter(([v,m])=>m[0]&31).map(([v,m])=>{var p;const y=m[1]||v;return h.set(y,v),m[0]&512&&((p=o.$attrsToReflect$)==null||p.push([v,y])),y})]))}}return e},KT=async(e,o,r,i)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,r.$lazyBundleId$){const v=nT(r,o);if(v&&"then"in v){const p=kT();s=await v,p()}else s=v;if(!s)throw new Error(`Constructor for "${r.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(r.$watchers$=s.watchers,M0(s,r,2),s.isProxied=!0);const m=Ot("createInstance",r.$tagName$);o.$flags$|=8;try{new s(o)}catch(p){ve(p,e)}o.$flags$&=-9,o.$flags$|=128,m(),ah(o.$lazyInstance$,e)}else{s=e.constructor;const v=e.localName,m=()=>o.$flags$|=128;customElements.get(v)?m():customElements.whenDefined(v).then(m)}if(s&&s.style){let v;typeof s.style=="string"?v=s.style:typeof s.style!="string"&&(o.$modeName$=ET(e),o.$modeName$&&(v=s.style[o.$modeName$]));const m=Zh(r,o.$modeName$);if(!td.has(m)){const p=Ot("registerStyles",r.$tagName$);A0(m,v,!!(r.$flags$&1)),p()}}}const d=o.$ancestorComponent$,f=()=>Yh(o,!0);d&&d["s-rc"]?d["s-rc"].push(f):f()},ah=(e,o)=>{ar(e,"connectedCallback",void 0,o)},VT=e=>{if((fn.$flags$&1)===0){const o=Xo(e);if(!o)return;const r=o.$cmpMeta$,i=Ot("connectedCallback",r.$tagName$);if(o.$flags$&1)I0(e,o,r.$listeners$),o?.$lazyInstance$?ah(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>ah(o.$lazyInstance$,e));else{o.$flags$|=1;let s;if(s=e.getAttribute(tc),s){if(r.$flags$&1){const d=E0(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(d+"-h",d+"-s")}AT(e,r.$tagName$,s,o)}s||r.$flags$&12&&qT(e);{let d=e;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){B0(o,o.$ancestorComponent$=d);break}}r.$members$&&Object.entries(r.$members$).map(([d,[f]])=>{if(f&31&&e.hasOwnProperty(d)){const h=e[d];delete e[d],e[d]=h}}),KT(e,o,r)}i()}},qT=e=>{if(!on.document)return;const o=e["s-cr"]=on.document.createComment("");o["s-cn"]=!0,Ur(e,o,e.firstChild)},T1=(e,o)=>{ar(e,"disconnectedCallback",void 0,o||e)},ZT=async e=>{if((fn.$flags$&1)===0){const o=Xo(e);o?.$rmListeners$&&(o.$rmListeners$.map(r=>r()),o.$rmListeners$=void 0),o?.$lazyInstance$?T1(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>T1(o.$lazyInstance$,e))}Sl.has(e)&&Sl.delete(e),e.shadowRoot&&Sl.has(e.shadowRoot)&&Sl.delete(e.shadowRoot)},PT=(e,o={})=>{var r;if(!on.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=Ot(),s=[],d=o.exclude||[],f=on.customElements,h=on.document.head,v=h.querySelector("meta[charset]"),m=on.document.createElement("style"),p=[];let y,g=!0;Object.assign(fn,o),fn.$resourcesUrl$=new URL(o.resourcesUrl||"./",on.document.baseURI).href,fn.$flags$|=2,wT();let S=!1;if(e.map(O=>{O[1].map(L=>{var R;const T={$flags$:L[0],$tagName$:L[1],$members$:L[2],$listeners$:L[3]};T.$flags$&4&&(S=!0),T.$members$=L[2],T.$listeners$=L[3],T.$attrsToReflect$=[],T.$watchers$=(R=L[4])!=null?R:{};const k=o.transformTagName?o.transformTagName(T.$tagName$):T.$tagName$,j=class extends HTMLElement{constructor(B){if(super(B),this.hasRegisteredEventListeners=!1,B=this,eT(B,T),T.$flags$&1){if(!B.shadowRoot)vT.call(B,T);else if(B.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${T.$tagName$}! Mode is set to ${B.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const B=Xo(this);B&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,I0(this,B,T.$listeners$)),y&&(clearTimeout(y),y=null),g?p.push(this):fn.jmp(()=>VT(this)))}disconnectedCallback(){fn.jmp(()=>ZT(this)),fn.raf(()=>{var B;const A=Xo(this);if(!A)return;const V=p.findIndex(W=>W===this);V>-1&&p.splice(V,1),((B=A?.$vnode$)==null?void 0:B.$elm$)instanceof Node&&!A.$vnode$.$elm$.isConnected&&delete A.$vnode$.$elm$})}componentOnReady(){var B;return(B=Xo(this))==null?void 0:B.$onReadyPromise$}};T.$lazyBundleId$=O[0],!d.includes(k)&&!f.get(k)&&(s.push(k),f.define(k,M0(j,T,1)))})}),s.length>0&&(S&&(m.textContent+=y0),m.textContent+=s.sort()+lT,m.innerHTML.length)){m.setAttribute("data-styles","");const O=(r=fn.$nonce$)!=null?r:w0(on.document);O!=null&&m.setAttribute("nonce",O),h.insertBefore(m,v?v.nextSibling:h.firstChild)}g=!1,p.length?p.map(O=>O.connectedCallback()):fn.jmp(()=>y=setTimeout(D0,30)),i()},kU=(e,o)=>o,I0=(e,o,r,i)=>{r&&on.document&&r.map(([s,d,f])=>{const h=YT(on.document,e,s),v=GT(o,f),m=XT(s);fn.ael(h,d,v,m),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>fn.rel(h,d,v,m))})},GT=(e,o)=>r=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[o](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([o,r])}catch(s){ve(s,e.$hostElement$)}},YT=(e,o,r)=>r&8?on:o,XT=e=>iT?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,WT=()=>{CT(e=>{try{e.shadowRoot instanceof ShadowRoot&&XS(e,NS(e))}catch{}return"default"}),pe(()=>import("./devtools-D10LWpor-DWtw-ZUC.js"),__vite__mapDeps([104,5])).then(e=>{typeof e=="object"&&e!==null&&typeof e.initialize=="function"&&e.initialize()}).catch(e=>{Bn.error(e)})};const QT=WT;/*!
+        `);const f=this["s-cr"].parentElement;return(f.__childNodes?f.childNodes:pT(f.childNodes)).forEach(v=>{d===qh(v)&&s.push(v)}),r?s.filter(v=>v.nodeType===1):s}).bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}function Hr(e,o){if("__"+o in e){const r=e["__"+o];return typeof r!="function"?r:r.bind(e)}else return typeof e[o]!="function"?e[o]:e[o].bind(e)}var Ot=(e,o="")=>()=>{},kT=(e,o)=>()=>{},Sl=new WeakMap,A0=(e,o,r)=>{let i=td.get(e);Kh&&r?(i=i||new CSSStyleSheet,typeof i=="string"?i=o:i.replaceSync(o)):i=o,td.set(e,i)},E0=(e,o,r)=>{var i;const s=Zh(o,r),d=td.get(s);if(!on.document)return s;if(e=e.nodeType===11?e:on.document,d)if(typeof d=="string"){e=e.head||e;let f=Sl.get(e),h;if(f||Sl.set(e,f=new Set),!f.has(s)){if(e.host&&(h=e.querySelector(`[${Wb}="${s}"]`)))h.innerHTML=d;else{h=on.document.createElement("style"),h.innerHTML=d;const v=(i=fn.$nonce$)!=null?i:w0(on.document);if(v!=null&&h.setAttribute("nonce",v),!(o.$flags$&1))if(e.nodeName==="HEAD"){const m=e.querySelectorAll("link[rel=preconnect]"),p=m.length>0?m[m.length-1].nextSibling:e.querySelector("style");e.insertBefore(h,p?.parentNode===e?p:null)}else if("host"in e)if(Kh){const m=new CSSStyleSheet;m.replaceSync(d),Qb?e.adoptedStyleSheets.unshift(m):e.adoptedStyleSheets=[m,...e.adoptedStyleSheets]}else{const m=e.querySelector("style");m?m.innerHTML=d+m.innerHTML:e.prepend(h)}else e.append(h);o.$flags$&1&&e.insertBefore(h,null)}o.$flags$&4&&(h.innerHTML+=y0),f&&f.add(s)}}else e.adoptedStyleSheets.includes(d)||(Qb?e.adoptedStyleSheets.push(d):e.adoptedStyleSheets=[...e.adoptedStyleSheets,d]);return s},yT=e=>{const o=e.$cmpMeta$,r=e.$hostElement$,i=o.$flags$,s=Ot("attachStyles",o.$tagName$),d=E0(r.shadowRoot?r.shadowRoot:r.getRootNode(),o,e.$modeName$);i&10&&(r["s-sc"]=d,r.classList.add(d+"-h")),s()},Zh=(e,o)=>"sc-"+(o&&e.$flags$&32?e.$tagName$+"-"+o:e.$tagName$),xT=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),wT=()=>{if(!on.document)return;const e=on.document.querySelectorAll(`[${Wb}]`);let o=0;for(;o<e.length;o++)A0(e[o].getAttribute(Wb),xT(e[o].innerHTML),!0)},C0=(e,o,...r)=>{let i=null,s=null,d=null,f=!1,h=!1;const v=[],m=y=>{for(let g=0;g<y.length;g++)i=y[g],Array.isArray(i)?m(i):i!=null&&typeof i!="boolean"&&((f=typeof e!="function"&&!Vh(i))&&(i=String(i)),f&&h?v[v.length-1].$text$+=i:v.push(f?$l(null,i):i),h=f)};if(m(r),o){o.key&&(s=o.key),o.name&&(d=o.name);{const y=o.className||o.class;y&&(o.class=typeof y!="object"?y:Object.keys(y).filter(g=>y[g]).join(" "))}}if(typeof e=="function")return e(o===null?{}:o,v,jT);const p=$l(e,null);return p.$attrs$=o,v.length>0&&(p.$children$=v),p.$key$=s,p.$name$=d,p},$l=(e,o)=>{const r={$flags$:0,$tag$:e,$text$:o,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r.$name$=null,r},zT={},ST=e=>e&&e.$tag$===zT,jT={forEach:(e,o)=>e.map(_1).forEach(o),map:(e,o)=>e.map(_1).map(o).map(TT)},_1=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),TT=e=>{if(typeof e.vtag=="function"){const r={...e.vattrs};return e.vkey&&(r.key=e.vkey),e.vname&&(r.name=e.vname),C0(e.vtag,r,...e.vchildren||[])}const o=$l(e.vtag,e.vtext);return o.$attrs$=e.vattrs,o.$children$=e.vchildren,o.$key$=e.vkey,o.$name$=e.vname,o},AT=(e,o,r,i)=>{var s,d,f;const h=Ot("hydrateClient",o),v=e.shadowRoot,m=[],p=[],y=[],g=v?[]:null,S=$l(o,null);S.$elm$=e,Object.entries(((s=i.$cmpMeta$)==null?void 0:s.$members$)||{}).forEach(([se,[je,te]])=>{var ae;if(!(je&31))return;const me=te||se,Ae=e.getAttribute(me);if(Ae!==null){const De=rd(Ae,je);(ae=i?.$instanceValues$)==null||ae.set(se,De)}}),on.document&&(!fn.$orgLocNodes$||!fn.$orgLocNodes$.size)&&nh(on.document.body,fn.$orgLocNodes$=new Map),e[tc]=r,e.removeAttribute(tc),i.$vnode$=eh(S,m,p,g,e,e,r,y);let L=0;const R=m.length;let T;for(L;L<R;L++){T=m[L];const se=T.$hostId$+"."+T.$nodeId$,je=fn.$orgLocNodes$.get(se),te=T.$elm$;if(!v)te["s-hn"]=o.toUpperCase(),T.$tag$==="slot"&&(te["s-cr"]=e["s-cr"]);else if((d=T.$tag$)!=null&&d.toString().includes("-")&&T.$tag$!=="slot-fb"&&!T.$elm$.shadowRoot){const ae=Xo(T.$elm$);if(ae){const me=Zh(ae.$cmpMeta$,T.$elm$.getAttribute("s-mode")),Ae=on.document.querySelector(`style[sty-id="${me}"]`);Ae&&e.shadowRoot.append(Ae.cloneNode(!0))}}T.$tag$==="slot"&&(T.$name$=T.$elm$["s-sn"]||T.$elm$.name||null,T.$children$?(T.$flags$|=2,T.$elm$.childNodes.length||T.$children$.forEach(ae=>{T.$elm$.appendChild(ae.$elm$)})):T.$flags$|=1),je&&je.isConnected&&(je.parentElement.shadowRoot&&je["s-en"]===""&&je.parentNode.insertBefore(te,je.nextSibling),je.parentNode.removeChild(je),v||(te["s-oo"]=parseInt(T.$nodeId$))),je&&!je["s-id"]&&fn.$orgLocNodes$.delete(se)}const k=[],j=y.length;let B=0,A,V,W,le;for(B;B<j;B++)if(A=y[B],!(!A||!A.length))for(W=A.length,V=0,V;V<W;V++){if(le=A[V],k[le.hostId]||(k[le.hostId]=fn.$orgLocNodes$.get(le.hostId)),!k[le.hostId])continue;const se=k[le.hostId];se.shadowRoot&&le.node.parentElement!==se&&se.appendChild(le.node),(!se.shadowRoot||!v)&&(le.slot["s-cr"]||(le.slot["s-cr"]=se["s-cr"],!le.slot["s-cr"]&&se.shadowRoot?le.slot["s-cr"]=se:le.slot["s-cr"]=(se.__childNodes||se.childNodes)[0]),gT(le.node,le.slot,!1,le.node["s-oo"]),(f=le.node.parentElement)!=null&&f.shadowRoot&&le.node.getAttribute&&le.node.getAttribute("slot")&&le.node.removeAttribute("slot"))}if(v){let se=0;const je=g.length;if(je){for(se;se<je;se++){const te=g[se];te&&v.appendChild(te)}Array.from(e.childNodes).forEach(te=>{typeof te["s-en"]!="string"&&typeof te["s-sn"]!="string"&&(te.nodeType===1&&te.slot&&te.hidden?te.removeAttribute("hidden"):(te.nodeType===8&&!te.nodeValue||te.nodeType===3&&!te.wholeText.trim())&&te.parentNode.removeChild(te))})}}i.$hostElement$=e,h()},eh=(e,o,r,i,s,d,f,h=[])=>{let v,m,p,y;if(d.nodeType===1){if(v=d.getAttribute(m1),v&&(m=v.split("."),m[0]===f||m[0]==="0")){p=g1({$flags$:0,$hostId$:m[0],$nodeId$:m[1],$depth$:m[2],$index$:m[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:{class:d.className||""}}),o.push(p),d.removeAttribute(m1),e.$children$||(e.$children$=[]);const S=p.$elm$.getAttribute("s-sn");typeof S=="string"&&(p.$tag$==="slot-fb"&&k1(S,m[2],p,d,e,o,r,i,h),p.$elm$["s-sn"]=S,p.$elm$.removeAttribute("s-sn")),p.$index$!==void 0&&(e.$children$[p.$index$]=p),e=p,i&&p.$depth$==="0"&&(i[p.$index$]=p.$elm$)}if(d.shadowRoot)for(y=d.shadowRoot.childNodes.length-1;y>=0;y--)eh(e,o,r,i,s,d.shadowRoot.childNodes[y],f,h);const g=d.__childNodes||d.childNodes;for(y=g.length-1;y>=0;y--)eh(e,o,r,i,s,g[y],f,h)}else if(d.nodeType===8){if(m=d.nodeValue.split("."),m[1]===f||m[1]==="0"){if(v=m[0],p=g1({$hostId$:m[1],$nodeId$:m[2],$depth$:m[3],$index$:m[4]||"0",$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),v===rT)p.$elm$=x1(d,3),p.$elm$&&p.$elm$.nodeType===3&&(p.$text$=p.$elm$.textContent,o.push(p),d.remove(),f===p.$hostId$&&(e.$children$||(e.$children$=[]),e.$children$[p.$index$]=p),i&&p.$depth$==="0"&&(i[p.$index$]=p.$elm$));else if(v===aT)p.$elm$=x1(d,8),p.$elm$&&p.$elm$.nodeType===8&&(o.push(p),d.remove());else if(p.$hostId$===f)if(v===Xb){const g=d["s-sn"]=m[5]||"";k1(g,m[2],p,d,e,o,r,i,h)}else v===oT&&(i?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))}}else if(e&&e.$tag$==="style"){const g=$l(null,d.textContent);g.$elm$=d,g.$index$="0",e.$children$=[g]}else d.nodeType===3&&!d.wholeText.trim()&&!d["s-nr"]&&d.remove();return e},nh=(e,o)=>{if(e.nodeType===1){const r=e[tc]||e.getAttribute(tc);r&&o.set(r,e);let i=0;if(e.shadowRoot)for(;i<e.shadowRoot.childNodes.length;i++)nh(e.shadowRoot.childNodes[i],o);const s=e.__childNodes||e.childNodes;for(i=0;i<s.length;i++)nh(s[i],o)}else if(e.nodeType===8){const r=e.nodeValue.split(".");r[0]===tT&&(o.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},g1=e=>({...{$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:"0",$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},...e});function k1(e,o,r,i,s,d,f,h,v){i["s-sr"]=!0,r.$name$=e||null,r.$tag$="slot";const m=s?.$elm$?s.$elm$["s-id"]||s.$elm$.getAttribute("s-id"):"";if(h&&on.document){const p=r.$elm$=on.document.createElement(r.$tag$);r.$name$&&r.$elm$.setAttribute("name",e),s.$elm$.shadowRoot&&m&&m!==r.$hostId$?Hr(s.$elm$,"insertBefore")(p,Hr(s.$elm$,"children")[0]):Hr(Hr(i,"parentNode"),"insertBefore")(p,i),y1(v,o,e,i,r.$hostId$),i.remove(),r.$depth$==="0"&&(h[r.$index$]=r.$elm$)}else{const p=r.$elm$,y=m&&m!==r.$hostId$&&s.$elm$.shadowRoot;y1(v,o,e,i,y?m:r.$hostId$),T0(i),y&&s.$elm$.insertBefore(p,s.$elm$.children[0])}d.push(r),f.push(r),s.$children$||(s.$children$=[]),s.$children$[r.$index$]=r}var y1=(e,o,r,i,s)=>{var d,f;let h=i.nextSibling;if(e[o]=e[o]||[],!(!h||(d=h.nodeValue)!=null&&d.startsWith(Xb+".")))do h&&((h.getAttribute&&h.getAttribute("slot")||h["s-sn"])===r||r===""&&!h["s-sn"]&&(!h.getAttribute||!h.getAttribute("slot"))&&(h.nodeType===8||h.nodeType===3))&&(h["s-sn"]=r,e[o].push({slot:i,node:h,hostId:s})),h=h?.nextSibling;while(h&&!((f=h.nodeValue)!=null&&f.startsWith(Xb+".")))},x1=(e,o)=>{let r=e;do r=r.nextSibling;while(r&&(r.nodeType!==o||!r.nodeValue));return r},Ph=e=>{const o=sT(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};Ph("::slotted");Ph(":host");Ph(":host-context");var ET=e=>k0.map(o=>o(e)).find(o=>!!o),CT=e=>k0.push(e),rd=(e,o,r)=>{if(typeof e=="string"&&e.startsWith(Yb))return e=mT(e),e;if(typeof e=="string"&&(o&16||o&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]")))try{return JSON.parse(e)}catch{}return e!=null&&!Vh(e)?o&4?e==="false"?!1:e===""||!!e:o&2?typeof e=="string"?parseFloat(e):typeof e=="number"?e:NaN:o&1?String(e):e:e},gU=e=>{var o;return(o=Xo(e))==null?void 0:o.$hostElement$},$T=(e,o,r)=>{const i=fn.ce(o,r);return e.dispatchEvent(i),i},w1=(e,o,r,i,s,d,f)=>{if(r===i)return;let h=h1(e,o),v=o.toLowerCase();if(o==="class"){const m=e.classList,p=z1(r);let y=z1(i);if((e["s-si"]||e["s-sc"])&&f){const g=e["s-sc"]||e["s-si"];y.push(g),p.forEach(S=>{S.startsWith(g)&&y.push(S)}),y=[...new Set(y)].filter(S=>S),m.add(...y)}else m.remove(...p.filter(g=>g&&!y.includes(g))),m.add(...y.filter(g=>g&&!p.includes(g)))}else if(o==="style"){for(const m in r)(!i||i[m]==null)&&(m.includes("-")?e.style.removeProperty(m):e.style[m]="");for(const m in i)(!r||i[m]!==r[m])&&(m.includes("-")?e.style.setProperty(m,i[m]):e.style[m]=i[m])}else if(o!=="key")if(o==="ref")i&&i(e);else if(!h&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):h1(on,v)?o=v.slice(2):o=v[2]+o.slice(3),r||i){const m=o.endsWith($0);o=o.replace(OT,""),r&&fn.rel(e,o,r,m),i&&fn.ael(e,o,i,m)}}else{const m=Vh(i);if((h||m&&i!==null)&&!s)try{if(e.tagName.includes("-"))e[o]!==i&&(e[o]=i);else{const y=i??"";o==="list"?h=!1:(r==null||e[o]!=y)&&(typeof e.__lookupSetter__(o)=="function"?e[o]=y:e.setAttribute(o,y))}}catch{}let p=!1;v!==(v=v.replace(/^xlink\:?/,""))&&(o=v,p=!0),i==null||i===!1?(i!==!1||e.getAttribute(o)==="")&&(p?e.removeAttributeNS(v1,o):e.removeAttribute(o)):(!h||d&4||s)&&!m&&e.nodeType===1&&(i=i===!0?"":i,p?e.setAttributeNS(v1,o,i):e.setAttribute(o,i))}},LT=/\s/,z1=e=>(typeof e=="object"&&e&&"baseVal"in e&&(e=e.baseVal),!e||typeof e!="string"?[]:e.split(LT)),$0="Capture",OT=new RegExp($0+"$"),oh=(e,o,r,i)=>{const s=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,d=e&&e.$attrs$||{},f=o.$attrs$||{};for(const h of S1(Object.keys(d)))h in f||w1(s,h,d[h],void 0,r,o.$flags$,i);for(const h of S1(Object.keys(f)))w1(s,h,d[h],f[h],r,o.$flags$,i)};function S1(e){return e.includes("ref")?[...e.filter(o=>o!=="ref"),"ref"]:e}var th,yd,rh=!1,ad=!1,Gh=!1,Oo=!1,ld=(e,o,r)=>{var i;const s=o.$children$[r];let d=0,f,h,v;if(rh||(Gh=!0,s.$tag$==="slot"&&(s.$flags$|=s.$children$?2:1)),s.$text$!==null)f=s.$elm$=on.document.createTextNode(s.$text$);else if(s.$flags$&1)f=s.$elm$=on.document.createTextNode(""),oh(null,s,Oo);else{if(Oo||(Oo=s.$tag$==="svg"),!on.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(f=s.$elm$=on.document.createElementNS(Oo?Qj:Jj,!rh&&oc.slotRelocation&&s.$flags$&2?"slot-fb":s.$tag$),Oo&&s.$tag$==="foreignObject"&&(Oo=!1),oh(null,s,Oo),s.$children$)for(d=0;d<s.$children$.length;++d)h=ld(e,s,d),h&&f.appendChild(h);s.$tag$==="svg"?Oo=!1:f.tagName==="foreignObject"&&(Oo=!0)}return f["s-hn"]=yd,s.$flags$&3&&(f["s-sr"]=!0,f["s-cr"]=th,f["s-sn"]=s.$name$||"",f["s-rf"]=(i=s.$attrs$)==null?void 0:i.ref,T0(f),v=e&&e.$children$&&e.$children$[r],v&&v.$tag$===s.$tag$&&e.$elm$&&rc(e.$elm$,!1)),f},rc=(e,o)=>{fn.$flags$|=1;const r=Array.from(e.__childNodes||e.childNodes);for(let i=r.length-1;i>=0;i--){const s=r[i];s["s-hn"]!==yd&&s["s-ol"]&&(Ur(ac(s).parentNode,s,ac(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,Gh=!0),o&&rc(s,o)}fn.$flags$&=-2},L0=(e,o,r,i,s,d)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e,h;for(f.shadowRoot&&f.tagName===yd&&(f=f.shadowRoot);s<=d;++s)i[s]&&(h=ld(null,r,s),h&&(i[s].$elm$=h,Ur(f,h,ac(o))))},O0=(e,o,r)=>{for(let i=o;i<=r;++i){const s=e[i];if(s){const d=s.$elm$;N0(s),d&&(ad=!0,d["s-ol"]?d["s-ol"].remove():rc(d,!0),d.remove())}}},RT=(e,o,r,i,s=!1)=>{let d=0,f=0,h=0,v=0,m=o.length-1,p=o[0],y=o[m],g=i.length-1,S=i[0],O=i[g],L,R;for(;d<=m&&f<=g;)if(p==null)p=o[++d];else if(y==null)y=o[--m];else if(S==null)S=i[++f];else if(O==null)O=i[--g];else if($s(p,S,s))wl(p,S,s),p=o[++d],S=i[++f];else if($s(y,O,s))wl(y,O,s),y=o[--m],O=i[--g];else if($s(p,O,s))(p.$tag$==="slot"||O.$tag$==="slot")&&rc(p.$elm$.parentNode,!1),wl(p,O,s),Ur(e,p.$elm$,y.$elm$.nextSibling),p=o[++d],O=i[--g];else if($s(y,S,s))(p.$tag$==="slot"||O.$tag$==="slot")&&rc(y.$elm$.parentNode,!1),wl(y,S,s),Ur(e,y.$elm$,p.$elm$),y=o[--m],S=i[++f];else{for(h=-1,v=d;v<=m;++v)if(o[v]&&o[v].$key$!==null&&o[v].$key$===S.$key$){h=v;break}h>=0?(R=o[h],R.$tag$!==S.$tag$?L=ld(o&&o[f],r,h):(wl(R,S,s),o[h]=void 0,L=R.$elm$),S=i[++f]):(L=ld(o&&o[f],r,f),S=i[++f]),L&&Ur(ac(p.$elm$).parentNode,L,ac(p.$elm$))}d>m?L0(e,i[g+1]==null?null:i[g+1].$elm$,r,i,f,g):f>g&&O0(o,d,m)},$s=(e,o,r=!1)=>e.$tag$===o.$tag$?e.$tag$==="slot"?e.$name$===o.$name$:r?(r&&!e.$key$&&o.$key$&&(e.$key$=o.$key$),!0):e.$key$===o.$key$:!1,ac=e=>e&&e["s-ol"]||e,wl=(e,o,r=!1)=>{const i=o.$elm$=e.$elm$,s=e.$children$,d=o.$children$,f=o.$tag$,h=o.$text$;let v;h===null?(Oo=f==="svg"?!0:f==="foreignObject"?!1:Oo,oh(e,o,Oo,r),s!==null&&d!==null?RT(i,s,o,d,r):d!==null?(e.$text$!==null&&(i.textContent=""),L0(i,null,o,d,0,d.length-1)):!r&&oc.updatable&&s!==null?O0(s,0,s.length-1):r&&oc.updatable&&s!==null&&d===null&&(o.$children$=s),Oo&&f==="svg"&&(Oo=!1)):(v=i["s-cr"])?v.parentNode.textContent=h:e.$text$!==h&&(i.data=h)},nr=[],R0=e=>{let o,r,i;const s=e.__childNodes||e.childNodes;for(const d of s){if(d["s-sr"]&&(o=d["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const f=d["s-sn"];for(i=r.length-1;i>=0;i--)if(o=r[i],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==d["s-hn"])if(p1(o,f)){let h=nr.find(v=>v.$nodeToRelocate$===o);ad=!0,o["s-sn"]=o["s-sn"]||f,h?(h.$nodeToRelocate$["s-sh"]=d["s-hn"],h.$slotRefNode$=d):(o["s-sh"]=d["s-hn"],nr.push({$slotRefNode$:d,$nodeToRelocate$:o})),o["s-sr"]&&nr.map(v=>{p1(v.$nodeToRelocate$,o["s-sn"])&&(h=nr.find(m=>m.$nodeToRelocate$===o),h&&!v.$slotRefNode$&&(v.$slotRefNode$=h.$slotRefNode$))})}else nr.some(h=>h.$nodeToRelocate$===o)||nr.push({$nodeToRelocate$:o})}d.nodeType===1&&R0(d)}},N0=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(N0)},Ur=(e,o,r)=>e?.insertBefore(o,r),NT=(e,o,r=!1)=>{var i,s,d,f;const h=e.$hostElement$,v=e.$cmpMeta$,m=e.$vnode$||$l(null,null),y=ST(o)?o:C0(null,null,o);if(yd=h.tagName,v.$attrsToReflect$&&(y.$attrs$=y.$attrs$||{},v.$attrsToReflect$.map(([g,S])=>y.$attrs$[S]=h[g])),r&&y.$attrs$)for(const g of Object.keys(y.$attrs$))h.hasAttribute(g)&&!["key","ref","style","class"].includes(g)&&(y.$attrs$[g]=h[g]);y.$tag$=null,y.$flags$|=4,e.$vnode$=y,y.$elm$=m.$elm$=h.shadowRoot||h,rh=!!(v.$flags$&1)&&!(v.$flags$&128),th=h["s-cr"],ad=!1,wl(m,y,r);{if(fn.$flags$|=1,Gh){R0(y.$elm$);for(const g of nr){const S=g.$nodeToRelocate$;if(!S["s-ol"]&&on.document){const O=on.document.createTextNode("");O["s-nr"]=S,Ur(S.parentNode,S["s-ol"]=O,S)}}for(const g of nr){const S=g.$nodeToRelocate$,O=g.$slotRefNode$;if(O){const L=O.parentNode;let R=O.nextSibling;{let j=(i=S["s-ol"])==null?void 0:i.previousSibling;for(;j;){let B=(s=j["s-nr"])!=null?s:null;if(B&&B["s-sn"]===S["s-sn"]&&L===(B.__parentNode||B.parentNode)){for(B=B.nextSibling;B===S||B?.["s-sr"];)B=B?.nextSibling;if(!B||!B["s-nr"]){R=B;break}}j=j.previousSibling}}const T=S.__parentNode||S.parentNode,k=S.__nextSibling||S.nextSibling;(!R&&L!==T||k!==R)&&S!==R&&(!S["s-hn"]&&S["s-ol"]&&(S["s-hn"]=S["s-ol"].parentNode.nodeName),Ur(L,S,R),S.nodeType===1&&S.tagName!=="SLOT-FB"&&(S.hidden=(d=S["s-ih"])!=null?d:!1)),S&&typeof O["s-rf"]=="function"&&O["s-rf"](O)}else S.nodeType===1&&(r&&(S["s-ih"]=(f=S.hidden)!=null?f:!1),S.hidden=!0)}}ad&&S0(y.$elm$),fn.$flags$&=-2,nr.length=0}th=void 0},B0=(e,o)=>{if(o&&!e.$onRenderResolve$&&o["s-p"]){const r=o["s-p"].push(new Promise(i=>e.$onRenderResolve$=()=>{o["s-p"].splice(r-1,1),i()}))}},Yh=(e,o)=>{if(e.$flags$&4){e.$flags$|=512;return}B0(e,e.$ancestorComponent$);const r=()=>BT(e,o);if(o){queueMicrotask(()=>{r()});return}return r()},BT=(e,o)=>{const r=e.$hostElement$,i=Ot("scheduleUpdate",e.$cmpMeta$.$tagName$),s=e.$lazyInstance$;if(!s)throw new Error(`Can't render component <${r.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 d;return o?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([f,h])=>ar(s,f,h,r)),e.$queuedListeners$=void 0),d=ar(s,"componentWillLoad",void 0,r)):d=ar(s,"componentWillUpdate",void 0,r),d=j1(d,()=>ar(s,"componentWillRender",void 0,r)),i(),j1(d,()=>MT(e,s,o))},j1=(e,o)=>DT(e)?e.then(o).catch(r=>{console.error(r),o()}):o(),DT=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",MT=async(e,o,r)=>{var i;const s=e.$hostElement$,d=Ot("update",e.$cmpMeta$.$tagName$),f=s["s-rc"];r&&yT(e);const h=Ot("render",e.$cmpMeta$.$tagName$);IT(e,o,s,r),f&&(f.map(v=>v()),s["s-rc"]=void 0),h(),d();{const v=(i=s["s-p"])!=null?i:[],m=()=>HT(e);v.length===0?m():(Promise.all(v).then(m),e.$flags$|=4,v.length=0)}},IT=(e,o,r,i)=>{try{o=o.render&&o.render(),e.$flags$|=2,NT(e,o,i)}catch(s){ve(s,e.$hostElement$)}return null},HT=e=>{const o=e.$cmpMeta$.$tagName$,r=e.$hostElement$,i=Ot("postUpdate",o),s=e.$lazyInstance$,d=e.$ancestorComponent$;ar(s,"componentDidRender",void 0,r),e.$flags$&64?(ar(s,"componentDidUpdate",void 0,r),i()):(e.$flags$|=64,UT(r),ar(s,"componentDidLoad",void 0,r),i(),e.$onReadyResolve$(r),d||D0()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&x0(()=>Yh(e,!1)),e.$flags$&=-517},D0=e=>{var o;x0(()=>$T(on,"appload",{detail:{namespace:Yj}})),(o=fn.$orgLocNodes$)!=null&&o.size&&fn.$orgLocNodes$.clear()},ar=(e,o,r,i)=>{if(e&&e[o])try{return e[o](r)}catch(s){ve(s,i)}},UT=e=>{var o;return e.classList.add((o=oc.hydratedSelectorName)!=null?o:"hydrated")},FT=(e,o)=>Xo(e).$instanceValues$.get(o),_b=(e,o,r,i)=>{const s=Xo(e);if(!s)return;if(!s)throw new Error(`Couldn't find host element for "${i.$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/stenciljs/core/issues/5457).`);const d=s.$hostElement$,f=s.$instanceValues$.get(o),h=s.$flags$,v=s.$lazyInstance$;r=rd(r,i.$members$[o][0]);const m=Number.isNaN(f)&&Number.isNaN(r),p=r!==f&&!m;if((!(h&8)||f===void 0)&&p&&(s.$instanceValues$.set(o,r),v)){if(i.$watchers$&&h&128){const y=i.$watchers$[o];y&&y.map(g=>{try{v[g](r,f,o)}catch(S){ve(S,d)}})}if((h&18)===2){if(v.componentShouldUpdate&&v.componentShouldUpdate(r,f,o)===!1)return;Yh(s,!1)}}},M0=(e,o,r)=>{var i,s;const d=e.prototype;if(o.$members$||o.$watchers$||e.watchers){e.watchers&&!o.$watchers$&&(o.$watchers$=e.watchers);const f=Object.entries((i=o.$members$)!=null?i:{});if(f.map(([h,[v]])=>{if(v&31||r&2&&v&32){const{get:m,set:p}=Object.getOwnPropertyDescriptor(d,h)||{};m&&(o.$members$[h][0]|=2048),p&&(o.$members$[h][0]|=4096),(r&1||!m)&&Object.defineProperty(d,h,{get(){{if((o.$members$[h][0]&2048)===0)return FT(this,h);const y=Xo(this),g=y?y.$lazyInstance$:d;return g?g[h]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(d,h,{set(y){const g=Xo(this);if(g){if(p){const S=v&32?this[h]:g.$hostElement$[h];typeof S>"u"&&g.$instanceValues$.get(h)?y=g.$instanceValues$.get(h):!g.$instanceValues$.get(h)&&S&&g.$instanceValues$.set(h,S),p.apply(this,[rd(y,v)]),y=v&32?this[h]:g.$hostElement$[h],_b(this,h,y,o);return}{if((r&1)===0||(o.$members$[h][0]&4096)===0){_b(this,h,y,o),r&1&&!g.$lazyInstance$&&g.$onReadyPromise$.then(()=>{o.$members$[h][0]&4096&&g.$lazyInstance$[h]!==g.$instanceValues$.get(h)&&(g.$lazyInstance$[h]=y)});return}const S=()=>{const O=g.$lazyInstance$[h];!g.$instanceValues$.get(h)&&O&&g.$instanceValues$.set(h,O),g.$lazyInstance$[h]=rd(y,v),_b(this,h,g.$lazyInstance$[h],o)};g.$lazyInstance$?S():g.$onReadyPromise$.then(()=>S())}}}})}else r&1&&v&64&&Object.defineProperty(d,h,{value(...m){var p;const y=Xo(this);return(p=y?.$onInstancePromise$)==null?void 0:p.then(()=>{var g;return(g=y.$lazyInstance$)==null?void 0:g[h](...m)})}})}),r&1){const h=new Map;d.attributeChangedCallback=function(v,m,p){fn.jmp(()=>{var y;const g=h.get(v);if(this.hasOwnProperty(g)&&oc.lazyLoad)p=this[g],delete this[g];else{if(d.hasOwnProperty(g)&&typeof this[g]=="number"&&this[g]==p)return;if(g==null){const O=Xo(this),L=O?.$flags$;if(O&&L&&!(L&8)&&L&128&&p!==m){const R=O.$lazyInstance$,T=(y=o.$watchers$)==null?void 0:y[v];T?.forEach(k=>{R[k]!=null&&R[k].call(R,p,m,v)})}return}}const S=Object.getOwnPropertyDescriptor(d,g);p=p===null&&typeof this[g]=="boolean"?!1:p,p!==this[g]&&(!S.get||S.set)&&(this[g]=p)})},e.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...f.filter(([v,m])=>m[0]&31).map(([v,m])=>{var p;const y=m[1]||v;return h.set(y,v),m[0]&512&&((p=o.$attrsToReflect$)==null||p.push([v,y])),y})]))}}return e},KT=async(e,o,r,i)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,r.$lazyBundleId$){const v=nT(r,o);if(v&&"then"in v){const p=kT();s=await v,p()}else s=v;if(!s)throw new Error(`Constructor for "${r.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(r.$watchers$=s.watchers,M0(s,r,2),s.isProxied=!0);const m=Ot("createInstance",r.$tagName$);o.$flags$|=8;try{new s(o)}catch(p){ve(p,e)}o.$flags$&=-9,o.$flags$|=128,m(),ah(o.$lazyInstance$,e)}else{s=e.constructor;const v=e.localName,m=()=>o.$flags$|=128;customElements.get(v)?m():customElements.whenDefined(v).then(m)}if(s&&s.style){let v;typeof s.style=="string"?v=s.style:typeof s.style!="string"&&(o.$modeName$=ET(e),o.$modeName$&&(v=s.style[o.$modeName$]));const m=Zh(r,o.$modeName$);if(!td.has(m)){const p=Ot("registerStyles",r.$tagName$);A0(m,v,!!(r.$flags$&1)),p()}}}const d=o.$ancestorComponent$,f=()=>Yh(o,!0);d&&d["s-rc"]?d["s-rc"].push(f):f()},ah=(e,o)=>{ar(e,"connectedCallback",void 0,o)},VT=e=>{if((fn.$flags$&1)===0){const o=Xo(e);if(!o)return;const r=o.$cmpMeta$,i=Ot("connectedCallback",r.$tagName$);if(o.$flags$&1)I0(e,o,r.$listeners$),o?.$lazyInstance$?ah(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>ah(o.$lazyInstance$,e));else{o.$flags$|=1;let s;if(s=e.getAttribute(tc),s){if(r.$flags$&1){const d=E0(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(d+"-h",d+"-s")}AT(e,r.$tagName$,s,o)}s||r.$flags$&12&&qT(e);{let d=e;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){B0(o,o.$ancestorComponent$=d);break}}r.$members$&&Object.entries(r.$members$).map(([d,[f]])=>{if(f&31&&e.hasOwnProperty(d)){const h=e[d];delete e[d],e[d]=h}}),KT(e,o,r)}i()}},qT=e=>{if(!on.document)return;const o=e["s-cr"]=on.document.createComment("");o["s-cn"]=!0,Ur(e,o,e.firstChild)},T1=(e,o)=>{ar(e,"disconnectedCallback",void 0,o||e)},ZT=async e=>{if((fn.$flags$&1)===0){const o=Xo(e);o?.$rmListeners$&&(o.$rmListeners$.map(r=>r()),o.$rmListeners$=void 0),o?.$lazyInstance$?T1(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>T1(o.$lazyInstance$,e))}Sl.has(e)&&Sl.delete(e),e.shadowRoot&&Sl.has(e.shadowRoot)&&Sl.delete(e.shadowRoot)},PT=(e,o={})=>{var r;if(!on.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=Ot(),s=[],d=o.exclude||[],f=on.customElements,h=on.document.head,v=h.querySelector("meta[charset]"),m=on.document.createElement("style"),p=[];let y,g=!0;Object.assign(fn,o),fn.$resourcesUrl$=new URL(o.resourcesUrl||"./",on.document.baseURI).href,fn.$flags$|=2,wT();let S=!1;if(e.map(O=>{O[1].map(L=>{var R;const T={$flags$:L[0],$tagName$:L[1],$members$:L[2],$listeners$:L[3]};T.$flags$&4&&(S=!0),T.$members$=L[2],T.$listeners$=L[3],T.$attrsToReflect$=[],T.$watchers$=(R=L[4])!=null?R:{};const k=o.transformTagName?o.transformTagName(T.$tagName$):T.$tagName$,j=class extends HTMLElement{constructor(B){if(super(B),this.hasRegisteredEventListeners=!1,B=this,eT(B,T),T.$flags$&1){if(!B.shadowRoot)vT.call(B,T);else if(B.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${T.$tagName$}! Mode is set to ${B.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const B=Xo(this);B&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,I0(this,B,T.$listeners$)),y&&(clearTimeout(y),y=null),g?p.push(this):fn.jmp(()=>VT(this)))}disconnectedCallback(){fn.jmp(()=>ZT(this)),fn.raf(()=>{var B;const A=Xo(this);if(!A)return;const V=p.findIndex(W=>W===this);V>-1&&p.splice(V,1),((B=A?.$vnode$)==null?void 0:B.$elm$)instanceof Node&&!A.$vnode$.$elm$.isConnected&&delete A.$vnode$.$elm$})}componentOnReady(){var B;return(B=Xo(this))==null?void 0:B.$onReadyPromise$}};T.$lazyBundleId$=O[0],!d.includes(k)&&!f.get(k)&&(s.push(k),f.define(k,M0(j,T,1)))})}),s.length>0&&(S&&(m.textContent+=y0),m.textContent+=s.sort()+lT,m.innerHTML.length)){m.setAttribute("data-styles","");const O=(r=fn.$nonce$)!=null?r:w0(on.document);O!=null&&m.setAttribute("nonce",O),h.insertBefore(m,v?v.nextSibling:h.firstChild)}g=!1,p.length?p.map(O=>O.connectedCallback()):fn.jmp(()=>y=setTimeout(D0,30)),i()},kU=(e,o)=>o,I0=(e,o,r,i)=>{r&&on.document&&r.map(([s,d,f])=>{const h=YT(on.document,e,s),v=GT(o,f),m=XT(s);fn.ael(h,d,v,m),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>fn.rel(h,d,v,m))})},GT=(e,o)=>r=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[o](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([o,r])}catch(s){ve(s,e.$hostElement$)}},YT=(e,o,r)=>r&8?on:o,XT=e=>iT?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,WT=()=>{CT(e=>{try{e.shadowRoot instanceof ShadowRoot&&XS(e,NS(e))}catch{}return"default"}),pe(()=>import("./devtools-DyBftFpK-CeASQe1v.js"),__vite__mapDeps([104,5])).then(e=>{typeof e=="object"&&e!==null&&typeof e.initialize=="function"&&e.initialize()}).catch(e=>{Bn.error(e)})};const QT=WT;/*!
  * KoliBri - The accessible HTML-Standard
- */const JT=async(e,o)=>{if(!(typeof window>"u"))return await QT(),PT(JSON.parse('[["kol-abbr",[[289,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[289,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[289,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[260,"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",[[289,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[256,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[289,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[289,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[305,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[305,"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],"_variant":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[260,"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],"_linkVariant":[1,"_link-variant"],"_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],"_buttonVariant":[1,"_button-variant"],"state":[32],"kolFocus":[64],"hideTooltip":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_linkVariant":["validateLinkVariant"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-card",[[289,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2]}]]],["kol-card-wc",[[260,"kol-card-wc",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[305,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[289,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[289,"kol-drawer",{"_open":[4],"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_hasCloser":["validateHasCloser"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[289,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16,"_error-list"],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[289,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"]}]]],["kol-icon",[[289,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[289,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input-checkbox",[[305,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[1540,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[305,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[513],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[305,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[305,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_maxLengthBehavior":["validateMaxLengthBehavior"]}]]],["kol-input-file",[[305,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[305,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[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":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[305,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[305,"kol-input-radio",{"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[305,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[305,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[289,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[305,"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],"_variant":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[305,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[260,"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],"_linkVariant":[1,"_link-variant"],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_buttonVariant":[1,"_button-variant"],"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"],"_linkVariant":["validateLinkVariant"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-modal",[[289,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[289,"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",[[289,"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]}]]],["kol-pagination-wc",[[256,"kol-pagination-wc",{"_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",[[289,"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],"hidePopover":[64]}]]],["kol-popover-button-wc",[[260,"kol-popover-button-wc",{"_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],"hidePopover":[64]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[260,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[289,"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",[[289,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[289,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[305,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[289,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[289,"kol-spin",{"_show":[1540],"_label":[1],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_label":["validateLabel"],"_variant":["validateVariant"]}]]],["kol-split-button",[[305,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"getValue":[64],"kolFocus":[64],"closePopup":[64]}]]],["kol-table-settings-wc",[[256,"kol-table-settings-wc",{"_tableSettings":[16,"_table-settings"],"tableSettings":[32],"errorMessage":[32]},null,{"_tableSettings":["handleTableSettingsChange"]}]]],["kol-table-stateful",[[289,"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],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_tableSettings":["validateTableSettings"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[289,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"]}]]],["kol-table-stateless-wc",[[256,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"tableDivElementHasScrollbar":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"settingsChange","handleSettingsChange"]],{"_hasSettingsMenu":["validateHasSettingsMenu"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"],"_tableSettings":["validateTableSettings"]}]]],["kol-tabs",[[289,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_hasCreateButton":["validateHasCreateButton"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[305,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[289,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"],"_orientation":["validateOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32],"hideTooltip":[64]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[289,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[289,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[260,"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",[[260,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[289,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),o)};/*!
+ */const JT=async(e,o)=>{if(!(typeof window>"u"))return await QT(),PT(JSON.parse('[["kol-abbr",[[289,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[289,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[289,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[260,"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",[[289,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[256,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[289,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[289,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[305,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[305,"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],"_variant":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[260,"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],"_linkVariant":[1,"_link-variant"],"_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],"_buttonVariant":[1,"_button-variant"],"state":[32],"kolFocus":[64],"hideTooltip":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_linkVariant":["validateLinkVariant"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-card",[[289,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2]}]]],["kol-card-wc",[[260,"kol-card-wc",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[305,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[289,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[289,"kol-drawer",{"_open":[4],"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_hasCloser":["validateHasCloser"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[289,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16,"_error-list"],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[289,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"]}]]],["kol-icon",[[289,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[289,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input-checkbox",[[305,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[1540,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[305,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[513],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[305,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[305,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_maxLengthBehavior":["validateMaxLengthBehavior"]}]]],["kol-input-file",[[305,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[305,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[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":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[305,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[305,"kol-input-radio",{"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[305,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[305,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[289,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[305,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_variant":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[305,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[260,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_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],"_linkVariant":[1,"_link-variant"],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_buttonVariant":[1,"_button-variant"],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_linkVariant":["validateLinkVariant"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-modal",[[289,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[289,"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",[[289,"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]}]]],["kol-pagination-wc",[[256,"kol-pagination-wc",{"_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",[[289,"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],"hidePopover":[64]}]]],["kol-popover-button-wc",[[260,"kol-popover-button-wc",{"_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],"hidePopover":[64]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[260,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[289,"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",[[289,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[289,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[305,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[289,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[289,"kol-spin",{"_show":[1540],"_label":[1],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_label":["validateLabel"],"_variant":["validateVariant"]}]]],["kol-split-button",[[305,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"getValue":[64],"kolFocus":[64],"closePopup":[64]}]]],["kol-table-settings-wc",[[256,"kol-table-settings-wc",{"_tableSettings":[16,"_table-settings"],"tableSettings":[32],"errorMessage":[32]},null,{"_tableSettings":["handleTableSettingsChange"]}]]],["kol-table-stateful",[[289,"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],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_tableSettings":["validateTableSettings"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[289,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"]}]]],["kol-table-stateless-wc",[[256,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16,"_table-settings"],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"tableDivElementHasScrollbar":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"settingsChange","handleSettingsChange"]],{"_hasSettingsMenu":["validateHasSettingsMenu"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"],"_tableSettings":["validateTableSettings"]}]]],["kol-tabs",[[289,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_hasCreateButton":["validateHasCreateButton"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[305,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[289,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"],"_orientation":["validateOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32],"hideTooltip":[64]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[289,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[289,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[260,"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",[[260,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[289,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),o)};/*!
  * KoliBri - The accessible HTML-Standard
  */(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();var lh={};/*!
  * KoliBri - The accessible HTML-Standard
@@ -14036,7 +14036,7 @@ Link:
   .kol-tree-item__text {
     text-decoration: none;
   }
-}`;const e5=Wh.createTheme("ecl-eu",{GLOBAL:fE,"KOL-ACCORDION":bE,"KOL-ALERT":hE,"KOL-BADGE":mE,"KOL-BREADCRUMB":vE,"KOL-BUTTON":pE,"KOL-BUTTON-LINK":_E,"KOL-CARD":gE,"KOL-COMBOBOX":kE,"KOL-DETAILS":yE,"KOL-DRAWER":xE,"KOL-FORM":wE,"KOL-HEADING":zE,"KOL-INPUT-CHECKBOX":SE,"KOL-INPUT-COLOR":jE,"KOL-INPUT-DATE":TE,"KOL-INPUT-EMAIL":AE,"KOL-INPUT-FILE":EE,"KOL-INPUT-NUMBER":CE,"KOL-INPUT-PASSWORD":$E,"KOL-INPUT-RADIO":LE,"KOL-INPUT-RANGE":OE,"KOL-INPUT-TEXT":RE,"KOL-LINK":BE,"KOL-LINK-BUTTON":NE,"KOL-MODAL":DE,"KOL-NAV":ME,"KOL-PAGINATION":IE,"KOL-POPOVER-BUTTON":HE,"KOL-SELECT":UE,"KOL-SINGLE-SELECT":FE,"KOL-SKIP-NAV":KE,"KOL-SPIN":VE,"KOL-SPLIT-BUTTON":qE,"KOL-TABLE-STATEFUL":ZE,"KOL-TABLE-STATELESS":PE,"KOL-TABS":GE,"KOL-TEXTAREA":YE,"KOL-TOAST-CONTAINER":XE,"KOL-TOOLBAR":WE,"KOL-TREE":QE,"KOL-TREE-ITEM":JE}),n5="3.0.6",uh={version:n5},o5=()=>{const e={onClick:()=>history.back()};return a.jsxs(go,{_label:"This is an example page",_level:0,_type:"info",children:[a.jsx("p",{children:"You followed an example link."}),history.length>1&&a.jsx(oe,{_label:"Go Back",_on:e})]})},q0=["default","ecl-ec","ecl-eu","unstyled"],Qh=e=>q0.find(o=>o===e)!==void 0,Jh=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function t5(){const e=matchMedia("(max-width: 1023px)"),[o,r]=w.useState(e.matches),i=()=>{r(e.matches)};return w.useEffect(()=>(i(),e.addEventListener("change",i),()=>{e.removeEventListener("change",i)}),[e]),o}function r5({children:e}){return t5()?a.jsx(ao,{_label:"All components",class:"mt",children:e}):a.jsx("div",{className:"mt scrollable-container",children:e})}function D1({label:e,to:o,children:r}){const i=Mx(o),s=Rl(o),d=E6({path:s.pathname,end:!0});return a.jsx(Jn,{_label:e,_href:i,_active:!!d,children:r})}function a5({routes:e}){const o=(i,s)=>Object.keys(s).map(d=>{const f=i==="tree"&&d==="basic/:subPage",h=f?"basic/home":d,v=f?"basic":d;return a.jsx(D1,{label:v,to:[i,h].join("/")},[i,d].join("/"))}),r=Object.entries(e).map(([i,s])=>a.jsx(D1,{label:i,to:i,children:o(i,s)},i));return a.jsx(r5,{children:a.jsx("nav",{children:a.jsx(Cx,{_label:"Navigation",class:"block",children:r})})})}const l5=({buildDate:e,commitHash:o})=>!e&&!o?"":a.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:e&&o?a.jsxs(a.Fragment,{children:["Build: ",o,a.jsx("br",{}),"at ",e]}):o?`Build: ${o}`:`Build date: ${e}`}),i5=({version:e,theme:o,routes:r,routeList:i,sample:s,buildDate:d,commitHash:f,onThemeChange:h})=>{const v=()=>i.indexOf(s),m=()=>s.replace(/\//g," "),p=(S,O)=>{h(O)},y=()=>{const S=v(),O=S<=0?i.length-1:S-1;location.replace(`#${i[O]}`)},g=()=>{const S=v(),O=S===i.length-1?0:S+1;location.replace(`#${i[O]}`)};return a.jsx("aside",{className:"app-sidebar p-4",children:a.jsxs("div",{className:"scrollable-container-wrapper",children:[a.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[a.jsx(he,{_label:"KoliBri React"}),a.jsx(pd,{_label:e})]}),a.jsx(l5,{buildDate:d,commitHash:f}),a.jsx(Kn,{_label:"Theme",_options:Jh,_on:{onChange:p},_value:o,class:"mt"}),a.jsx(he,{_label:"Components",_level:2,className:"block mt"}),a.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[a.jsx(oe,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:y}}),a.jsxs("span",{className:"text-base text-center",children:[m()," (",v()+1,"/",i.length,")"]}),a.jsx(oe,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:g}})]}),a.jsx(a5,{routes:r})]})})},c5=()=>{const e=Qo();SS("#"+e.pathname)},em=w.createContext(null),s5="https://public-ui.github.io/docs/components",d5="https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components",Fe="I am an error message!",zo="I am a hint.",G=e=>{const o=w.useContext(em),r=Qo(),i=r.pathname.split("/").slice(1),s=w.useMemo(()=>i[0]==="scenarios"?null:`${s5}/${i[0]}`,[r.hash]),d=w.useMemo(()=>i[0]==="scenarios"?null:`${d5}/${i[0]}/${i[1]}.tsx`,[r.hash]);return a.jsxs(a.Fragment,{children:[a.jsx("h1",{className:"visually-hidden",children:r.pathname.replace(/\//g," ")}),o?null:a.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[a.jsx("div",{className:"indented-text",children:e.children}),a.jsxs("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0",children:[d&&a.jsx("li",{children:a.jsx(Se,{_href:d,_label:"Code",_target:"_blank"})}),s&&a.jsx("li",{children:a.jsx(Se,{_href:s,_label:"Documentation",_target:"_blank"})}),a.jsx("li",{children:a.jsx(Se,{_href:`#${r.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},u5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolAbbr shows an abbreviation and uses kol-tooltip-wc to display the long form, if provided."})}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{children:"e.g."})," an abbreviation without label."]})]}),f5={abbr:{basic:u5}},b5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ao,{_label:"Heading Accordion Tab 1",children:"Contents Accordion Tab 1"}),a.jsx(ao,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),a.jsx(ao,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),a.jsx(ao,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),h5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ao,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),a.jsx(ao,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),a.jsx(ao,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),a.jsx(ao,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),a.jsx(ao,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),a.jsx(ao,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),m5={accordion:{basic:b5,headlines:h5}},Hi=({level:e,type:o,variant:r})=>a.jsxs(a.Fragment,{children:[a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,children:"This is the text of the alert."}),a.jsx(go,{_type:o,_variant:r,children:"In this alert, only the text without the heading is used."}),a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,_hasCloser:!0,children:"This is the text of the alert. With close button."}),a.jsx(go,{_type:o,_variant:r,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Z0=({variant:e="msg"})=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Hi,{level:1,type:"default",variant:e}),a.jsx(Hi,{level:2,type:"error",variant:e}),a.jsx(Hi,{level:3,type:"info",variant:e}),a.jsx(Hi,{level:4,type:"success",variant:e}),a.jsx(Hi,{level:5,type:"warning",variant:e})]}),v5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx(Z0,{variant:"msg"})]}),p5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx("section",{className:"w-full",children:a.jsx(Z0,{variant:"card"})})]}),_5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),a.jsx("div",{children:a.jsxs(go,{_label:"Output of HTML code in the alert",_type:"info",children:[a.jsx("div",{className:"mt-2 mb-3",children:a.jsx(he,{_level:2,_label:"An H2 heading is output here"})}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[a.jsxs("div",{children:[a.jsx("h3",{children:"Text in a left-hand column"}),a.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?"})]}),a.jsxs("div",{children:[a.jsx("h3",{children:"Text in einer rechten Spalte"}),a.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!"})]})]})]})})]}),g5={alert:{basic:v5,"card-msg":p5,html:_5}},k5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qf,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),a.jsx(Qf,{_label:"Elke Mustermann "}),a.jsx(Qf,{_label:"Marianne"})]})]}),y5={avatar:{basic:k5}},x5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Nn,{_label:"black"}),a.jsx(Nn,{_color:"#86ffc6",_label:"teal"}),a.jsx(Nn,{_color:"#06539e",_label:"blue"}),a.jsx(Nn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),a.jsx(Nn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),Ui=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),w5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolBadge with an optional ",a.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Nn,{...Ui("black")}),a.jsx(Nn,{_color:"#86ffc6",...Ui("teal")}),a.jsx(Nn,{_color:"#06539e",...Ui("blue")}),a.jsx(Nn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...Ui("red with icon")}),a.jsx(Nn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...Ui("purple with icon")})]})]}),z5={badge:{basic:x5,button:w5}},S5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Us,{_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"}]}),a.jsx(Us,{_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"}]}),a.jsx(Us,{_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"}]})]})]}),j5={breadcrumb:{basic:S5}};function Dn(){const e=Aa.getInstance(document),o=s=>{e.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const T5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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 ",a.jsx("code",{children:"block"}),", ",a.jsx("code",{children:"inline-block"})," and ",a.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),a.jsxs("section",{className:"text-base",children:[a.jsx(he,{_level:2,_label:"Button-Link with variant 'inline'"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(ln,{_label:"Simple Link"})," It is rendered by default as an"," ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",a.jsx(ln,{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.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element.",a.jsx(ln,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),a.jsx(he,{_level:2,_label:"Button-Link with variant 'standalone'"}),a.jsx("p",{children:a.jsx(ln,{_label:"Disabled ButtonLink",_disabled:!0,_variant:"standalone"})}),a.jsx("p",{children:a.jsx(ln,{_label:"With access key",_accessKey:"c",_on:o,_variant:"standalone"})}),a.jsx("p",{children:a.jsx(ln,{_label:"Disabled ButtonLink",_shortKey:"s",_variant:"standalone"})})]})]})},A5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ln,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),a.jsx(ln,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),a.jsx(ln,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),a.jsx(ln,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),a.jsx(ln,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons"})]})]}),E5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ln,{_label:"I am a link that is rendered as text"}),a.jsx(ln,{_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),C5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ln,{_label:"Button Text without area description"}),a.jsx(ln,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),$5={"button-link":{basic:T5,icons:A5,image:E5,"aria-description":C5}},L5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolButton with"," ",a.jsx(Se,{_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."]})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"With S access key",_accessKey:"S",_on:o}),a.jsx(oe,{_label:"Very small b",_accessKey:"b",_on:o}),a.jsx(oe,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),a.jsx(oe,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(oe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},O5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"Button Text without area description",_on:o}),a.jsx(oe,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},R5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},N5=e=>{const{children:o,...r}=e,{dummyClickEventHandler:i}=Dn(),s={onClick:i};return a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...r,children:o})]})},P0=(e={})=>{const o=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:{...e,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...e,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...e,_disabled:!0,_hideLabel:!0}}];return a.jsx("div",{className:"grid gap-8",children:o.map(({label:r,buttonProps:i},s)=>a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:r}),a.jsx(N5,{...i})]},s))})},B5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(P0,{})]}),D5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),a.jsx("div",{children:a.jsx(oe,{_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:o})})]})},M5=()=>{const{dummyClickEventHandler:e}=Dn(),o={className:"w-8rem",_on:{onClick:e}};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),a.jsxs("div",{className:"grid gap-14",children:[a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"Primary",_variant:"primary",...o}),a.jsx(oe,{_label:"Secondary",_variant:"secondary",...o}),a.jsx(oe,{_label:"Normal",_variant:"normal",...o}),a.jsx(oe,{_label:"Danger",_variant:"danger",...o}),a.jsx(oe,{_label:"Ghost",_variant:"ghost",...o})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),a.jsx(oe,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),a.jsx(oe,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),a.jsx(oe,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),a.jsx(oe,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},wb=new WeakMap,_o=e=>(wb.has(e)===!1&&wb.set(e,$x.createRoot(e)),wb.get(e)),I5=({label:e})=>{const o=Aa.getInstance(document),r=w.useRef(null),i=w.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${e}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${e}`,type:"warning"})},f=h=>{switch(h.code){case"KeyE":r.current?.kolFocus(),s();return;case"KeyD":i.current?.kolFocus(),d();return}};return a.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:f,children:[a.jsx(oe,{ref:r,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),a.jsx(oe,{ref:i,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},H5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e},r=[{label:"Row 1"},{label:"Row 2"}],i={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{_o(Kr(s)).render(a.jsx(I5,{label:d.data.label}))}}]]};return a.jsxs(a.Fragment,{children:[a.jsxs(G,{children:[a.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."}),a.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.'})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"With S short key",_shortKey:"S",_on:o}),a.jsx(oe,{_label:"Very small b",_shortKey:"b",_on:o}),a.jsx(oe,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),a.jsx(oe,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(oe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),a.jsx(he,{_level:2,_label:"Interactive sample",className:"mt"}),a.jsx(gn,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:r,_headers:i,_minWidth:"400px"})]})},U5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolButton show a button-element with expert slot."})}),a.jsx(P0,{_label:"",children:a.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),F5={button:{basic:B5,icons:D5,width:M5,"access-key":L5,"aria-description":O5,baselined:R5,"short-key":H5,"expert-slot":U5}},K5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ue,{_label:"Card with title and content",children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ue,{_label:"Card with closer",_hasCloser:!0,children:a.jsx("p",{children:"This card has a close button."})})]})]}),V5={card:{basic:K5}},q5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(rr,{_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."}),a.jsx(rr,{_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."}),a.jsx(rr,{_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."})]})]}),Z5={details:{basic:q5}},P5=["left","top","right","bottom"].map(e=>({label:e,value:e})),nm=({value:e="left",onChange:o})=>a.jsx("div",{className:"grid gap-4",children:a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_label:"Drawer alignment",_value:e,_options:P5,_orientation:"horizontal",_on:{onChange:o}})})}),G5=()=>{const[e]=ja(),o=e.get("align"),r=e.get("closer")==="true",i=w.useRef(null),[s,d]=w.useState(o||"left"),[f,h]=w.useState(r);return w.useEffect(()=>{o&&i.current?.open()},[o]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments."})}),a.jsx(nm,{value:s,onChange:(v,m)=>d(m)}),a.jsx(Je,{_label:"Drawer has closer",className:"mb-4",_checked:f,_on:{onInput:(v,m)=>{h(m===!0)}}}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{ref:i,_label:"I am a drawer",_align:s,_hasCloser:f,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:a.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[a.jsx("p",{className:"mt-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."}),a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>i.current?.close()}})]})}),a.jsx(oe,{_label:"Open drawer",_on:{onClick:()=>i.current?.open()}})]})]})},Y5=()=>{const[e]=ja(),o=e.get("align"),[r,i]=w.useState(!1),[s,d]=w.useState(o||"left");return a.jsxs("div",{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",a.jsx("code",{children:"_open"})," instead of methods."]})}),a.jsx(nm,{value:s,onChange:(f,h)=>d(h)}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{_open:r,_align:s,_label:"I'm a controlled drawer",_on:{onClose:()=>i(!1)},children:a.jsxs("div",{children:[a.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>i(!1)}})]})}),a.jsx(oe,{_label:"Open drawer",_on:{onClick:()=>i(!0)}})]})]})},X5=()=>{const e=w.useRef(null),[o,r]=w.useState("bottom"),[i,s]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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).'})}),a.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[a.jsx(nm,{value:o,onChange:(d,f)=>r(f)}),a.jsx(Je,{_label:"Enable Overflow Handling (Recommended)",_checked:i,_on:{onChange:(d,f)=>s(!!f)}})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{ref:e,_label:"Scrollable Drawer",_align:o,children:i?a.jsx("div",{style:{width:o==="left"||o==="right"?"90vw":void 0,height:o==="top"||o==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":void 0,height:o==="top"||o==="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:[a.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area (Scrollable)"}),a.jsxs("p",{children:["Container: ",o==="left"||o==="right"?"400px wide":"90vw wide"," ×"," ",o==="top"||o==="bottom"?"90vh high":"400px high"]}),a.jsxs("p",{children:["Content: ",o==="left"||o==="right"?"150vw wide":"400px wide"," ×"," ",o==="top"||o==="bottom"?"150vh high":"400px high"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),a.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."}),a.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}):a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":"400px",height:o==="top"||o==="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:[a.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area"}),a.jsxs("p",{children:["Width: ",o==="left"||o==="right"?"150vw (exceeds drawer width)":"400px"]}),a.jsxs("p",{children:["Height: ",o==="top"||o==="bottom"?"150vh (exceeds drawer height)":"400px"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),a.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."}),a.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}),a.jsx(oe,{_label:"Open scrollable drawer",_on:{onClick:()=>e.current?.open()}})]})]})},W5={drawer:{basic:G5,controlled:Y5,scrolled:X5}},Q5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Ie,{id:"input1",_label:"Input 1"}),a.jsx(Ie,{id:"input2",_label:"Input 2"}),a.jsx(Ie,{id:"input3",_label:"Input 3"})]})})]}),J5=()=>{const e=w.useRef(null),o=()=>{e.current?.focusErrorList()};return w.useEffect(()=>{e.current?.focusErrorList()},[]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows a form with error messages."})}),a.jsx(ut,{className:"w-full",ref:e,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Ie,{id:"input1",_label:"Input 1"}),a.jsx(Ie,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx(Ie,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx("div",{children:a.jsx(oe,{_label:"ScrollTo",_type:"submit"})})]})})]})},eC={form:{basic:Q5,"error-list":J5}},G0=`public-ui.v${uh.version}`;class nC{store=new Map;setItem(o,r){this.store.set(o,r)}getItem(o){return this.store.get(o)||null}}const lc={darkMode:!1,theme:"default"};let fh;function Y0(e){fh=e;const o=fh.getItem(G0);try{const r=JSON.parse(o);typeof r=="object"&&r!==null&&(lc.darkMode=r.darkMode===!0,Qh(r.theme)&&(lc.theme=r.theme))}catch{}}Y0(new nC);const oC=()=>{fh.setItem(G0,JSON.stringify(lc))},tC=e=>{if(Qh(e))lc.theme=e,oC();else throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},id=()=>`${lc.theme}`,bh=e=>{if(Qh(e))return Jh.find(o=>o.value===e)?.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},rC=[{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 aC({_on:e,...o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{...o,_on:i})}const lC={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(aC,{_label:o.label,style:{fontSize:"75%"}}))},compareFn:(e,o)=>e.monday<o.monday?-1:e.monday>o.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#060",_label:o.label}))},compareFn:(e,o)=>e.tuesday<o.tuesday?-1:e.tuesday>o.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},iC=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[a.jsx(Fs,{className:"block w-75px",_labeled:!1}),a.jsx(he,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",a.jsxs("small",{children:["for ",bh(id())]})]})}),a.jsxs(rr,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",a.jsx("strong",{children:bh(id())}),". 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 (",a.jsx(Se,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(he,{_label:"Heading Level 1",_level:1}),a.jsx(he,{_label:"Heading Level 2",_level:2}),a.jsx(he,{_label:"Heading Level 3",_level:3}),a.jsx(he,{_label:"Heading Level 4",_level:4}),a.jsx(he,{_label:"Heading Level 5",_level:5}),a.jsx(he,{_label:"Heading Level 6",_level:6}),a.jsx(he,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsxs("p",{children:["I am ",a.jsx(Gi,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{children:"e.g."})," an abbreviation without label."]}),a.jsx(er,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),a.jsx(er,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsxs(sr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_label:"ghost",_variant:"ghost"}),a.jsx(oe,{_disabled:!0,_label:"ghost",_variant:"ghost"}),a.jsx(oe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(We,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(We,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(We,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(We,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(We,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(We,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(ao,{_label:"Links",_level:3,_open:!0,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(Se,{_href:"#/back-page",_label:"Link text"}),a.jsx(Se,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(Se,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsx(Se,{_href:"/",_label:"Visited link"}),a.jsxs("p",{children:["I am a ",a.jsx(Se,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),a.jsx(ao,{_label:"ButtonLinks",_level:3,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(ln,{_label:"Link text"}),a.jsx(ln,{_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(ln,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsxs("p",{children:["I am a ",a.jsx(ln,{_label:"Link"})," in the running text."]}),a.jsx(ln,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(go,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),a.jsx(go,{_type:"success",children:"Success message text"}),a.jsx(go,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),a.jsx(go,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),a.jsx(go,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx("div",{children:a.jsx(lr,{_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})}),a.jsx("div",{children:a.jsx(Us,{_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"}]})})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:a.jsx(ut,{slot:"",children:a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[a.jsx(Un,{_label:"Color"}),a.jsx(Rn,{_label:"Upload file"}),a.jsx(jn,{_label:"Number input"}),a.jsx(Ve,{_type:"date",_label:"Date"}),a.jsx(Fn,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),a.jsx(Ie,{_hint:"I am a hint.",_label:"First name"}),a.jsx(Tn,{_label:"password"}),a.jsx(Kn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),a.jsx(Xn,{_min:0,_max:50,_value:25,_label:"Slider"}),a.jsx(Cn,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Cn,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),a.jsx(Je,{_label:"",children:a.jsxs("span",{slot:"expert",children:["I accept the ",a.jsx(Gi,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),a.jsx(Qe,{_rows:4,_label:"Textarea"})]})})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsx(gn,{_label:"Table",_minWidth:"auto",_headers:lC,_data:rC,_pagination:!0})})})]}),a.jsx(pd,{_label:"5.0.2-test.2"})]})},cC={handout:{basic:iC}},sC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",a.jsx("code",{children:"_label"}),"-property."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_label:"Label"})]})}),a.jsx(he,{_label:"",_level:2,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#86ffc6",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:3,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#06539e",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:4,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#ae0000",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:5,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#8b008b",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:6,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),dC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolHeading renders a heading with the given level."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"I'm a H1-heading",_level:1}),a.jsx(he,{_label:"I'm a H2-heading",_level:2}),a.jsx(he,{_label:"I'm a H3-heading",_level:3}),a.jsx(he,{_label:"I'm a H4-heading",_level:4}),a.jsx(he,{_label:"I'm a H5-heading",_level:5}),a.jsx(he,{_label:"I'm a H6-heading",_level:6})]})]}),uC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"Ich bin eine H1-Überschrift",_level:1}),a.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."}),a.jsx(he,{_label:"Ich bin eine H2-Überschrift",_level:2}),a.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."}),a.jsx(he,{_label:"Ich bin eine H3-Überschrift",_level:3}),a.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."}),a.jsx(he,{_label:"Ich bin eine H4-Überschrift",_level:4}),a.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."}),a.jsx(he,{_label:"Ich bin eine H5-Überschrift",_level:5}),a.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."}),a.jsx(he,{_label:"Ich bin eine H6-Überschrift",_level:6}),a.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."})]})]}),fC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolHeading with the prop ",a.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(he,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),bC={heading:{basic:dC,badge:sC,paragraph:uC,secondary:fC}},hC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(xg,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),a.jsx(xg,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),mC={icon:{basic:hC}},vC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),a.jsx(Y4,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),pC={image:{basic:vC}},ko=({RefComponent:e,showButtons:o=!0,...r})=>a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(e,{...r}),o&&a.jsxs("div",{className:"flex gap-4",children:[a.jsx(oe,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),a.jsx(oe,{_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"}),a.jsx(oe,{_label:"Reset",_type:"reset",_variant:"tertiary"}),a.jsx(oe,{_label:"Help",_variant:"ghost"})]})]})}),Ls=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Je,{...o,_label:"Not selected",_value:!1,_required:!0}),a.jsx(Je,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),a.jsx(Je,{...o,ref:r,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),a.jsx(Je,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),a.jsx(Je,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),a.jsx(Je,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),a.jsx(Je,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),a.jsx(Je,{...o,_msg:{_type:"error",_description:Fe},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),a.jsx(Je,{...o,_label:"With access key",_accessKey:"c",_value:null}),a.jsx(Je,{...o,_label:"With short key",_shortKey:"s",_value:null})]})});function So({children:e}){const[o]=ja(),r=o.has("noColumns");return a.jsx("div",{className:r?"":"grid md:grid-cols-2 gap-4",children:e})}const om=w.forwardRef(function(o,r){return a.jsxs(a.Fragment,{children:[a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" with label'}),a.jsx(Ls,{...o,_labelAlign:"left"})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),a.jsx(Ls,{ref:r,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" with label'}),a.jsx(Ls,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),a.jsx(Ls,{ref:r,...o,_hideLabel:!0})]})]})]})}),_C=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:om,showButtons:!1})]}),gC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),a.jsx(ko,{RefComponent:om,_variant:"button",showButtons:!1})]}),kC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),a.jsx(ko,{RefComponent:om,_variant:"switch",showButtons:!1})]}),yC={"input-checkbox":{basic:_C,switch:kC,button:gC}},M1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Un,{...o,_msg:{_type:"error",_description:Fe},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),a.jsx(Un,{...o,_msg:{_type:"error",_description:Fe},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),a.jsx(Un,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Un,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Un,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Un,{...o,ref:r,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),a.jsx(Un,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),a.jsx(Un,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Un,{...o,_label:"With short key",_shortKey:"s"})]})}),xC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color"}),a.jsx(M1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color (hideLabel)"}),a.jsx(M1,{ref:r,...o,_hideLabel:!0})]})]})}),wC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:xC,showButtons:!1})]}),zC={"input-color":{basic:wC}},I1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ve,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),a.jsx(Ve,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),a.jsx(Ve,{...o,_step:1,_type:"datetime-local",_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),a.jsx(Ve,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Ve,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Ve,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Ve,{...o,_type:"month",_label:"Month",_required:!0}),a.jsx(Ve,{...o,ref:r,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),a.jsx(Ve,{...o,_type:"time",_label:"Time (standard)",_required:!0}),a.jsx(Ve,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),a.jsx(Ve,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),a.jsx(Ve,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),a.jsx(Ve,{...o,_label:"With access key",_accessKey:"s"}),a.jsx(Ve,{...o,_label:"With short key",_shortKey:"s"})]})}),SC=e=>{const o="2024-09-26",r="2024-09-27",i="12:00",s="15:00",d="2024-09-26T12:00",f="2024-09-27T15:00",h="2024-W10",v="2024-W50",m="2024-02",p="2024-10",y=new Date("January 10, 2024, 12:00"),g=new Date("October 20, 2024, 15:00");return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ve,{...e,_type:"date",_label:"Date with Iso",_min:o,_max:r}),a.jsx(Ve,{...e,_type:"date",_label:"Date with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"time",_label:"Time with Iso",_min:i,_max:s}),a.jsx(Ve,{...e,_type:"time",_label:"Time with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"datetime-local",_label:"DayTime with Iso",_min:d,_max:f}),a.jsx(Ve,{...e,_type:"datetime-local",_label:"DayTime with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"week",_label:"Week with Iso",_min:h,_max:v}),a.jsx(Ve,{...e,_type:"week",_label:"Week with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"month",_label:"Month with Iso",_min:m,_max:p}),a.jsx(Ve,{...e,_type:"month",_label:"Month with Date",_min:y,_max:g})]})},jC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date"}),a.jsx(I1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (hideLabel)"}),a.jsx(I1,{ref:r,...o,_hideLabel:!0})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (with min/max)"}),a.jsx(SC,{...o})]})]})}),TC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:jC,showButtons:!1})]}),AC=()=>{const e=w.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the KolInputDate ",a.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),a.jsx(Ve,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),a.jsx(oe,{className:"mt",_label:"Reset",_on:{onClick:()=>e.current?.reset()}})]})},EC=["default","error","info","success","warning"];function zb(e){return{onChange:()=>e(o=>!o)}}const CC=()=>{const[e,o]=w.useState(!0),[r,i]=w.useState(!0),[s,d]=w.useState(!1),f=zb(o),h=zb(i),v=zb(d);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example shows how messages work in input fields."})}),a.jsxs("div",{className:"flex gap-4 flex-col",children:[a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsx(Je,{_label:"Toggle Msg",_on:f,_checked:e,_variant:"button"}),a.jsx(Je,{_label:"Toggle Touched",_on:h,_checked:r,_variant:"button"}),a.jsx(Je,{_label:"Toggle Hide Msg",_on:v,_checked:s,_variant:"button"})]}),a.jsxs("pre",{children:["Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",a.jsx("br",{}),"Non-Error-Message visible: ",e&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",a.jsx("br",{}),"Error-Message visible: ",e&&r&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",r?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),EC.map(m=>a.jsx(Ve,{_hideMsg:s,_label:`Date (_msg, ${m})`,_msg:e?{_description:`${m} message`,_type:m}:void 0,_touched:r},m))]})]})},H1=e=>String(e).padStart(2,"0"),$C=(e,o,r)=>{const i=new Date(e,o-1,r);return i.getFullYear()===e&&i.getMonth()===o-1&&i.getDate()===r};function U1(e){const o=/^\s*(\d{1,2})\.(\d{1,2})\.(\d{4})\s*$/.exec(e);if(!o)return null;const r=+o[1],i=+o[2],s=+o[3];return $C(s,i,r)?`${s}-${H1(i)}-${H1(r)}`:null}function LC(e){return e instanceof HTMLElement&&e.tagName==="KOL-INPUT-DATE"}async function OC(e,o){typeof e.setIsoValue=="function"?await e.setIsoValue(o):typeof e.value<"u"?e.value=o:typeof e._value<"u"?e._value=o:e.setAttribute("_value",o),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}const RC=()=>{const[e,o]=w.useState("31.12.2025"),[r,i]=w.useState(""),s=w.useRef(null),d=w.useMemo(()=>U1(e),[e]);w.useEffect(()=>{const v=new AbortController,m=p=>{const y=p.composedPath?.()??[];s.current=y.find(LC)??null};return document.addEventListener("focusin",m,{capture:!0,signal:v.signal}),()=>v.abort()},[]),w.useEffect(()=>{const v=new AbortController,m=p=>{const y=s.current;if(!y)return;const g=p.clipboardData?.getData("text")??"",S=U1(g);if(!S){i("Clipboard: unrecognized date. Use DD.MM.YYYY.");return}p.preventDefault(),OC(y,S),i("Pasted.")};return document.addEventListener("paste",m,{capture:!0,signal:v.signal}),()=>v.abort()},[]);const f=w.useCallback(async v=>{i("");try{await navigator.clipboard.writeText(v),i("Copied.")}catch{i("Copy failed. Your browser may block clipboard access.")}},[]),h=w.useCallback((v,m)=>{if(v?.target){const p=typeof m=="string"?m:String(m??"");o(p)}},[]);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["Type a date in German format (",a.jsx("code",{children:"DD.MM.YYYY"}),"), click ",a.jsx("em",{children:"Copy to Clipboard"}),", then paste it into the date field below with ",a.jsx("kbd",{children:"Ctrl"}),"+",a.jsx("kbd",{children:"V"}),". The ISO conversion happens internally."]})}),a.jsxs("div",{className:"grid gap-8",lang:"en",children:[a.jsxs("section",{"aria-labelledby":"de-title",children:[a.jsx("h3",{id:"de-title",className:"text-lg font-semibold mb-2",children:"German date (DD.MM.YYYY)"}),a.jsxs("div",{className:"grid gap-3",children:[a.jsx(Ie,{className:"w-full",_label:"German date (DD.MM.YYYY)",_placeholder:"e.g., 31.12.2025",_value:e,_type:"text",_on:{onInput:h,onChange:h}}),a.jsx("small",{className:"opacity-80",children:"Click the button to copy the exact German date, then paste it into the date field below."}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(oe,{_label:"Copy to Clipboard",_on:{onClick:()=>f(e)}}),!d&&a.jsx("span",{className:"text-red-600",children:"Invalid date"})]}),a.jsx(Ve,{_type:"date",_label:"Date (paste here with Ctrl+V)",className:"w-full"})]})]}),a.jsx("p",{"aria-live":"polite",role:"status",className:"mt-2 opacity-80",children:r})]})]})},NC={"input-date":{basic:TC,"copy-paste":RC,reset:AC,"show-hide-msg":CC}},F1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Fn,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Fe},_label:"E-Mail (Black background test)"})}),a.jsx(Fn,{...o,ref:r,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:zo,_msg:{_type:"error",_description:Fe},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Fn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"}),a.jsx(Fn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"}),a.jsx(Fn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"}),a.jsx(Fn,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),a.jsx(Fn,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),a.jsx(Fn,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),a.jsx(Fn,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),BC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email"}),a.jsx(F1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email (hideLabel)"}),a.jsx(F1,{ref:r,...o,_hideLabel:!0})]})]})}),DC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:BC,showButtons:!1})]}),MC={"input-email":{basic:DC}},K1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Rn,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),a.jsx(Rn,{...o,_required:!0,_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),a.jsx(Rn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Upload file"}),a.jsx(Rn,{...o,ref:r,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Fe},_label:"Upload file (Multiple)"}),a.jsx(Rn,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),a.jsx(Rn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Rn,{...o,_label:"With short key",_shortKey:"s"})]})}),IC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File"}),a.jsx(K1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File (hideLabel)"}),a.jsx(K1,{ref:r,...o,_hideLabel:!0})]})]})}),HC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:IC,showButtons:!1})]}),UC={"input-file":{basic:HC}},V1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"black-background",children:[a.jsx(jn,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})," "]}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"warning",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"info",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"success",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,ref:r,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),a.jsx(jn,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),a.jsx(jn,{...o,_disabled:!0,_label:"Number input (Disabled)"}),a.jsx(jn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(jn,{...o,_label:"With short key",_shortKey:"s"})]})}),FC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number"}),a.jsx(V1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number (hideLabel)"}),a.jsx(V1,{ref:r,...o,_hideLabel:!0})]})]})}),KC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:FC,showButtons:!1})]}),VC={"input-number":{basic:KC}},q1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Tn,{...o,_label:"Passwort (Black background test)"})}),a.jsx(Tn,{...o,ref:r,_accessKey:"P",_required:!0,_hint:zo,_msg:{_type:"error",_description:Fe},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"}),a.jsx(Tn,{...o,_disabled:!0,_msg:{_type:"error",_description:Fe},_label:"Passwort (Disabled)",_touched:!0}),a.jsx(Tn,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),a.jsx(Tn,{...o,ref:r,_shortKey:"c",_label:"With access key"}),a.jsx(Tn,{...o,ref:r,_shortKey:"s",_label:"With short key"})]})}),qC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password"}),a.jsx(q1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password (hideLabel)"}),a.jsx(q1,{ref:r,...o,_hideLabel:!0})]})]})}),ZC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:qC,showButtons:!1})]}),PC=()=>{const e=w.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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.'})}),a.jsxs(ut,{className:"w-full",children:[a.jsx(Tn,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),a.jsx(Tn,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),a.jsx(Tn,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},GC={"input-password":{basic:ZC,"show-password":PC}},Z1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Cn,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),a.jsx(Cn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),a.jsx(Cn,{...o,ref:r,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),a.jsx(Cn,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),a.jsx(Cn,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),a.jsx(Cn,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Fe},_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:zo})]})}),YC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(he,{_level:2,_label:"Radio",className:"block mb-2"}),a.jsx(Z1,{...o})]}),a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(he,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),a.jsx(Z1,{ref:r,...o,_hideLabel:!0})]})]})}),XC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:YC,showButtons:!1})]}),WC=()=>{const[e,o]=w.useState(!0),[r,i]=w.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(h=>!h)},f=()=>{i(h=>h==="horizontal"?"vertical":"horizontal")};return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"horizontal"})," and ",a.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),a.jsxs("div",{className:"flex gap-4",children:[a.jsx(oe,{_label:"Click me a few times",_on:{onClick:d}}),a.jsx(Je,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:f},_variant:"switch"})]}),e&&a.jsx(ut,{children:a.jsxs("div",{className:"container my-4 d-grid gap-4",children:[a.jsx(Cn,{_label:`Test (${r})`,_options:s,_orientation:r,_required:!0}),a.jsx(Cn,{_hideLabel:!0,_label:`Test (${r})`,_options:s,_orientation:r,_required:!0})]})})]})},QC=()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(G,{children:["This sample shows KolInputRadio with ",a.jsx("code",{children:"object"})," and ",a.jsx("code",{children:"undefined"})," values."]}),a.jsxs(ut,{children:[a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_value:e[1].value,_options:e,_label:"Test (with object value)"})}),a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_options:e,_label:"Test (without value)"})})]})]})},JC={"input-radio":{basic:XC,horizontal:WC,object:QC}},P1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Xn,{...o,_min:0,_max:50,_msg:{_type:"error",_description:Fe},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),a.jsx(Xn,{...o,ref:r,_accessKey:"F",_min:0,_max:50,_step:10,_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Slider with error",_touched:!0}),a.jsx(Xn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"}),a.jsx(Xn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"}),a.jsx(Xn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Slider"}),a.jsx(Xn,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),a.jsx(Xn,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),a.jsx(Xn,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),e$=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range"}),a.jsx(P1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range (hideLabel)"}),a.jsx(P1,{ref:r,...o,_hideLabel:!0})]})]})}),n$=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:e$,showButtons:!1})]}),o$={"input-range":{basic:n$}},G1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ie,{...o,_value:"Value",_label:"First name (Black background test)"})}),a.jsx(Ie,{...o,_hint:zo,_msg:{_type:"error",_description:Fe},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:r}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:Fe},_touched:!0,_type:"url",_label:"URL (url)"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_label:"With counter",_maxLength:10,_value:"Lorem Ipsum"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),a.jsx(Ie,{...o,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Ie,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Ie,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),a.jsx(Ie,{...o,_value:"Value",_label:"With short key",_shortKey:"s"})]})}),t$=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(G1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(G1,{ref:r,...o,_hideLabel:!0})]})]})}),r$=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:t$,showButtons:!1})]}),a$=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"_hideMsg"})," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs."]})}),a.jsx(Ue,{_label:"Normal input field with error",_level:0,children:a.jsx(Ie,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),a.jsx(Ue,{_label:"Input fields with hidden error",_level:0,children:a.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[a.jsx("legend",{children:"Combined input field"}),a.jsx(go,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),a.jsx(Ie,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),a.jsx(Ie,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})]})})]});var l$=function(o){return i$(o)&&!c$(o)};function i$(e){return!!e&&typeof e=="object"}function c$(e){var o=Object.prototype.toString.call(e);return o==="[object RegExp]"||o==="[object Date]"||u$(e)}var s$=typeof Symbol=="function"&&Symbol.for,d$=s$?Symbol.for("react.element"):60103;function u$(e){return e.$$typeof===d$}function f$(e){return Array.isArray(e)?[]:{}}function cd(e,o){return o.clone!==!1&&o.isMergeableObject(e)?ic(f$(e),e,o):e}function b$(e,o,r){return e.concat(o).map(function(i){return cd(i,r)})}function h$(e,o,r){var i={};return r.isMergeableObject(e)&&Object.keys(e).forEach(function(s){i[s]=cd(e[s],r)}),Object.keys(o).forEach(function(s){!r.isMergeableObject(o[s])||!e[s]?i[s]=cd(o[s],r):i[s]=ic(e[s],o[s],r)}),i}function ic(e,o,r){r=r||{},r.arrayMerge=r.arrayMerge||b$,r.isMergeableObject=r.isMergeableObject||l$;var i=Array.isArray(o),s=Array.isArray(e),d=i===s;return d?i?r.arrayMerge(e,o,r):h$(e,o,r):cd(o,r)}ic.all=function(o,r){if(!Array.isArray(o))throw new Error("first argument should be an array");return o.reduce(function(i,s){return ic(i,s,r)},{})};var hh=ic,X0=typeof global=="object"&&global&&global.Object===Object&&global,m$=typeof self=="object"&&self&&self.Object===Object&&self,Rt=X0||m$||Function("return this")(),Fr=Rt.Symbol,W0=Object.prototype,v$=W0.hasOwnProperty,p$=W0.toString,Fi=Fr?Fr.toStringTag:void 0;function _$(e){var o=v$.call(e,Fi),r=e[Fi];try{e[Fi]=void 0;var i=!0}catch{}var s=p$.call(e);return i&&(o?e[Fi]=r:delete e[Fi]),s}var g$=Object.prototype,k$=g$.toString;function y$(e){return k$.call(e)}var x$="[object Null]",w$="[object Undefined]",Y1=Fr?Fr.toStringTag:void 0;function Ea(e){return e==null?e===void 0?w$:x$:Y1&&Y1 in Object(e)?_$(e):y$(e)}function Q0(e,o){return function(r){return e(o(r))}}var tm=Q0(Object.getPrototypeOf,Object);function Ca(e){return e!=null&&typeof e=="object"}var z$="[object Object]",S$=Function.prototype,j$=Object.prototype,J0=S$.toString,T$=j$.hasOwnProperty,A$=J0.call(Object);function X1(e){if(!Ca(e)||Ea(e)!=z$)return!1;var o=tm(e);if(o===null)return!0;var r=T$.call(o,"constructor")&&o.constructor;return typeof r=="function"&&r instanceof r&&J0.call(r)==A$}function E$(){this.__data__=[],this.size=0}function ew(e,o){return e===o||e!==e&&o!==o}function xd(e,o){for(var r=e.length;r--;)if(ew(e[r][0],o))return r;return-1}var C$=Array.prototype,$$=C$.splice;function L$(e){var o=this.__data__,r=xd(o,e);if(r<0)return!1;var i=o.length-1;return r==i?o.pop():$$.call(o,r,1),--this.size,!0}function O$(e){var o=this.__data__,r=xd(o,e);return r<0?void 0:o[r][1]}function R$(e){return xd(this.__data__,e)>-1}function N$(e,o){var r=this.__data__,i=xd(r,e);return i<0?(++this.size,r.push([e,o])):r[i][1]=o,this}function br(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}br.prototype.clear=E$;br.prototype.delete=L$;br.prototype.get=O$;br.prototype.has=R$;br.prototype.set=N$;function B$(){this.__data__=new br,this.size=0}function D$(e){var o=this.__data__,r=o.delete(e);return this.size=o.size,r}function M$(e){return this.__data__.get(e)}function I$(e){return this.__data__.has(e)}function mc(e){var o=typeof e;return e!=null&&(o=="object"||o=="function")}var H$="[object AsyncFunction]",U$="[object Function]",F$="[object GeneratorFunction]",K$="[object Proxy]";function nw(e){if(!mc(e))return!1;var o=Ea(e);return o==U$||o==F$||o==H$||o==K$}var Sb=Rt["__core-js_shared__"],W1=(function(){var e=/[^.]+$/.exec(Sb&&Sb.keys&&Sb.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""})();function V$(e){return!!W1&&W1 in e}var q$=Function.prototype,Z$=q$.toString;function $a(e){if(e!=null){try{return Z$.call(e)}catch{}try{return e+""}catch{}}return""}var P$=/[\\^$.*+?()[\]{}|]/g,G$=/^\[object .+?Constructor\]$/,Y$=Function.prototype,X$=Object.prototype,W$=Y$.toString,Q$=X$.hasOwnProperty,J$=RegExp("^"+W$.call(Q$).replace(P$,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function eL(e){if(!mc(e)||V$(e))return!1;var o=nw(e)?J$:G$;return o.test($a(e))}function nL(e,o){return e?.[o]}function La(e,o){var r=nL(e,o);return eL(r)?r:void 0}var cc=La(Rt,"Map"),sc=La(Object,"create");function oL(){this.__data__=sc?sc(null):{},this.size=0}function tL(e){var o=this.has(e)&&delete this.__data__[e];return this.size-=o?1:0,o}var rL="__lodash_hash_undefined__",aL=Object.prototype,lL=aL.hasOwnProperty;function iL(e){var o=this.__data__;if(sc){var r=o[e];return r===rL?void 0:r}return lL.call(o,e)?o[e]:void 0}var cL=Object.prototype,sL=cL.hasOwnProperty;function dL(e){var o=this.__data__;return sc?o[e]!==void 0:sL.call(o,e)}var uL="__lodash_hash_undefined__";function fL(e,o){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=sc&&o===void 0?uL:o,this}function ya(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}ya.prototype.clear=oL;ya.prototype.delete=tL;ya.prototype.get=iL;ya.prototype.has=dL;ya.prototype.set=fL;function bL(){this.size=0,this.__data__={hash:new ya,map:new(cc||br),string:new ya}}function hL(e){var o=typeof e;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?e!=="__proto__":e===null}function wd(e,o){var r=e.__data__;return hL(o)?r[typeof o=="string"?"string":"hash"]:r.map}function mL(e){var o=wd(this,e).delete(e);return this.size-=o?1:0,o}function vL(e){return wd(this,e).get(e)}function pL(e){return wd(this,e).has(e)}function _L(e,o){var r=wd(this,e),i=r.size;return r.set(e,o),this.size+=r.size==i?0:1,this}function Vr(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}Vr.prototype.clear=bL;Vr.prototype.delete=mL;Vr.prototype.get=vL;Vr.prototype.has=pL;Vr.prototype.set=_L;var gL=200;function kL(e,o){var r=this.__data__;if(r instanceof br){var i=r.__data__;if(!cc||i.length<gL-1)return i.push([e,o]),this.size=++r.size,this;r=this.__data__=new Vr(i)}return r.set(e,o),this.size=r.size,this}function Nl(e){var o=this.__data__=new br(e);this.size=o.size}Nl.prototype.clear=B$;Nl.prototype.delete=D$;Nl.prototype.get=M$;Nl.prototype.has=I$;Nl.prototype.set=kL;function yL(e,o){for(var r=-1,i=e==null?0:e.length;++r<i&&o(e[r],r,e)!==!1;);return e}var Q1=(function(){try{var e=La(Object,"defineProperty");return e({},"",{}),e}catch{}})();function ow(e,o,r){o=="__proto__"&&Q1?Q1(e,o,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[o]=r}var xL=Object.prototype,wL=xL.hasOwnProperty;function tw(e,o,r){var i=e[o];(!(wL.call(e,o)&&ew(i,r))||r===void 0&&!(o in e))&&ow(e,o,r)}function zd(e,o,r,i){var s=!r;r||(r={});for(var d=-1,f=o.length;++d<f;){var h=o[d],v=void 0;v===void 0&&(v=e[h]),s?ow(r,h,v):tw(r,h,v)}return r}function zL(e,o){for(var r=-1,i=Array(e);++r<e;)i[r]=o(r);return i}var SL="[object Arguments]";function J1(e){return Ca(e)&&Ea(e)==SL}var rw=Object.prototype,jL=rw.hasOwnProperty,TL=rw.propertyIsEnumerable,AL=J1((function(){return arguments})())?J1:function(e){return Ca(e)&&jL.call(e,"callee")&&!TL.call(e,"callee")},vc=Array.isArray;function EL(){return!1}var aw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ey=aw&&typeof module=="object"&&module&&!module.nodeType&&module,CL=ey&&ey.exports===aw,ny=CL?Rt.Buffer:void 0,$L=ny?ny.isBuffer:void 0,lw=$L||EL,LL=9007199254740991,OL=/^(?:0|[1-9]\d*)$/;function RL(e,o){var r=typeof e;return o=o??LL,!!o&&(r=="number"||r!="symbol"&&OL.test(e))&&e>-1&&e%1==0&&e<o}var NL=9007199254740991;function iw(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=NL}var BL="[object Arguments]",DL="[object Array]",ML="[object Boolean]",IL="[object Date]",HL="[object Error]",UL="[object Function]",FL="[object Map]",KL="[object Number]",VL="[object Object]",qL="[object RegExp]",ZL="[object Set]",PL="[object String]",GL="[object WeakMap]",YL="[object ArrayBuffer]",XL="[object DataView]",WL="[object Float32Array]",QL="[object Float64Array]",JL="[object Int8Array]",e8="[object Int16Array]",n8="[object Int32Array]",o8="[object Uint8Array]",t8="[object Uint8ClampedArray]",r8="[object Uint16Array]",a8="[object Uint32Array]",xn={};xn[WL]=xn[QL]=xn[JL]=xn[e8]=xn[n8]=xn[o8]=xn[t8]=xn[r8]=xn[a8]=!0;xn[BL]=xn[DL]=xn[YL]=xn[ML]=xn[XL]=xn[IL]=xn[HL]=xn[UL]=xn[FL]=xn[KL]=xn[VL]=xn[qL]=xn[ZL]=xn[PL]=xn[GL]=!1;function l8(e){return Ca(e)&&iw(e.length)&&!!xn[Ea(e)]}function rm(e){return function(o){return e(o)}}var cw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Yi=cw&&typeof module=="object"&&module&&!module.nodeType&&module,i8=Yi&&Yi.exports===cw,jb=i8&&X0.process,Ll=(function(){try{var e=Yi&&Yi.require&&Yi.require("util").types;return e||jb&&jb.binding&&jb.binding("util")}catch{}})(),oy=Ll&&Ll.isTypedArray,c8=oy?rm(oy):l8,s8=Object.prototype,d8=s8.hasOwnProperty;function sw(e,o){var r=vc(e),i=!r&&AL(e),s=!r&&!i&&lw(e),d=!r&&!i&&!s&&c8(e),f=r||i||s||d,h=f?zL(e.length,String):[],v=h.length;for(var m in e)(o||d8.call(e,m))&&!(f&&(m=="length"||s&&(m=="offset"||m=="parent")||d&&(m=="buffer"||m=="byteLength"||m=="byteOffset")||RL(m,v)))&&h.push(m);return h}var u8=Object.prototype;function am(e){var o=e&&e.constructor,r=typeof o=="function"&&o.prototype||u8;return e===r}var f8=Q0(Object.keys,Object),b8=Object.prototype,h8=b8.hasOwnProperty;function m8(e){if(!am(e))return f8(e);var o=[];for(var r in Object(e))h8.call(e,r)&&r!="constructor"&&o.push(r);return o}function dw(e){return e!=null&&iw(e.length)&&!nw(e)}function lm(e){return dw(e)?sw(e):m8(e)}function v8(e,o){return e&&zd(o,lm(o),e)}function p8(e){var o=[];if(e!=null)for(var r in Object(e))o.push(r);return o}var _8=Object.prototype,g8=_8.hasOwnProperty;function k8(e){if(!mc(e))return p8(e);var o=am(e),r=[];for(var i in e)i=="constructor"&&(o||!g8.call(e,i))||r.push(i);return r}function im(e){return dw(e)?sw(e,!0):k8(e)}function y8(e,o){return e&&zd(o,im(o),e)}var uw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ty=uw&&typeof module=="object"&&module&&!module.nodeType&&module,x8=ty&&ty.exports===uw,ry=x8?Rt.Buffer:void 0,ay=ry?ry.allocUnsafe:void 0;function w8(e,o){if(o)return e.slice();var r=e.length,i=ay?ay(r):new e.constructor(r);return e.copy(i),i}function fw(e,o){var r=-1,i=e.length;for(o||(o=Array(i));++r<i;)o[r]=e[r];return o}function z8(e,o){for(var r=-1,i=e==null?0:e.length,s=0,d=[];++r<i;){var f=e[r];o(f,r,e)&&(d[s++]=f)}return d}function bw(){return[]}var S8=Object.prototype,j8=S8.propertyIsEnumerable,ly=Object.getOwnPropertySymbols,cm=ly?function(e){return e==null?[]:(e=Object(e),z8(ly(e),function(o){return j8.call(e,o)}))}:bw;function T8(e,o){return zd(e,cm(e),o)}function hw(e,o){for(var r=-1,i=o.length,s=e.length;++r<i;)e[s+r]=o[r];return e}var A8=Object.getOwnPropertySymbols,mw=A8?function(e){for(var o=[];e;)hw(o,cm(e)),e=tm(e);return o}:bw;function E8(e,o){return zd(e,mw(e),o)}function vw(e,o,r){var i=o(e);return vc(e)?i:hw(i,r(e))}function C8(e){return vw(e,lm,cm)}function $8(e){return vw(e,im,mw)}var mh=La(Rt,"DataView"),vh=La(Rt,"Promise"),ph=La(Rt,"Set"),_h=La(Rt,"WeakMap"),iy="[object Map]",L8="[object Object]",cy="[object Promise]",sy="[object Set]",dy="[object WeakMap]",uy="[object DataView]",O8=$a(mh),R8=$a(cc),N8=$a(vh),B8=$a(ph),D8=$a(_h),or=Ea;(mh&&or(new mh(new ArrayBuffer(1)))!=uy||cc&&or(new cc)!=iy||vh&&or(vh.resolve())!=cy||ph&&or(new ph)!=sy||_h&&or(new _h)!=dy)&&(or=function(e){var o=Ea(e),r=o==L8?e.constructor:void 0,i=r?$a(r):"";if(i)switch(i){case O8:return uy;case R8:return iy;case N8:return cy;case B8:return sy;case D8:return dy}return o});var M8=Object.prototype,I8=M8.hasOwnProperty;function H8(e){var o=e.length,r=new e.constructor(o);return o&&typeof e[0]=="string"&&I8.call(e,"index")&&(r.index=e.index,r.input=e.input),r}var fy=Rt.Uint8Array;function sm(e){var o=new e.constructor(e.byteLength);return new fy(o).set(new fy(e)),o}function U8(e,o){var r=o?sm(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}var F8=/\w*$/;function K8(e){var o=new e.constructor(e.source,F8.exec(e));return o.lastIndex=e.lastIndex,o}var by=Fr?Fr.prototype:void 0,hy=by?by.valueOf:void 0;function V8(e){return hy?Object(hy.call(e)):{}}function q8(e,o){var r=o?sm(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}var Z8="[object Boolean]",P8="[object Date]",G8="[object Map]",Y8="[object Number]",X8="[object RegExp]",W8="[object Set]",Q8="[object String]",J8="[object Symbol]",eO="[object ArrayBuffer]",nO="[object DataView]",oO="[object Float32Array]",tO="[object Float64Array]",rO="[object Int8Array]",aO="[object Int16Array]",lO="[object Int32Array]",iO="[object Uint8Array]",cO="[object Uint8ClampedArray]",sO="[object Uint16Array]",dO="[object Uint32Array]";function uO(e,o,r){var i=e.constructor;switch(o){case eO:return sm(e);case Z8:case P8:return new i(+e);case nO:return U8(e,r);case oO:case tO:case rO:case aO:case lO:case iO:case cO:case sO:case dO:return q8(e,r);case G8:return new i;case Y8:case Q8:return new i(e);case X8:return K8(e);case W8:return new i;case J8:return V8(e)}}var my=Object.create,fO=(function(){function e(){}return function(o){if(!mc(o))return{};if(my)return my(o);e.prototype=o;var r=new e;return e.prototype=void 0,r}})();function bO(e){return typeof e.constructor=="function"&&!am(e)?fO(tm(e)):{}}var hO="[object Map]";function mO(e){return Ca(e)&&or(e)==hO}var vy=Ll&&Ll.isMap,vO=vy?rm(vy):mO,pO="[object Set]";function _O(e){return Ca(e)&&or(e)==pO}var py=Ll&&Ll.isSet,gO=py?rm(py):_O,kO=1,yO=2,xO=4,pw="[object Arguments]",wO="[object Array]",zO="[object Boolean]",SO="[object Date]",jO="[object Error]",_w="[object Function]",TO="[object GeneratorFunction]",AO="[object Map]",EO="[object Number]",gw="[object Object]",CO="[object RegExp]",$O="[object Set]",LO="[object String]",OO="[object Symbol]",RO="[object WeakMap]",NO="[object ArrayBuffer]",BO="[object DataView]",DO="[object Float32Array]",MO="[object Float64Array]",IO="[object Int8Array]",HO="[object Int16Array]",UO="[object Int32Array]",FO="[object Uint8Array]",KO="[object Uint8ClampedArray]",VO="[object Uint16Array]",qO="[object Uint32Array]",_n={};_n[pw]=_n[wO]=_n[NO]=_n[BO]=_n[zO]=_n[SO]=_n[DO]=_n[MO]=_n[IO]=_n[HO]=_n[UO]=_n[AO]=_n[EO]=_n[gw]=_n[CO]=_n[$O]=_n[LO]=_n[OO]=_n[FO]=_n[KO]=_n[VO]=_n[qO]=!0;_n[jO]=_n[_w]=_n[RO]=!1;function Xi(e,o,r,i,s,d){var f,h=o&kO,v=o&yO,m=o&xO;if(f!==void 0)return f;if(!mc(e))return e;var p=vc(e);if(p){if(f=H8(e),!h)return fw(e,f)}else{var y=or(e),g=y==_w||y==TO;if(lw(e))return w8(e,h);if(y==gw||y==pw||g&&!s){if(f=v||g?{}:bO(e),!h)return v?E8(e,y8(f,e)):T8(e,v8(f,e))}else{if(!_n[y])return s?e:{};f=uO(e,y,h)}}d||(d=new Nl);var S=d.get(e);if(S)return S;d.set(e,f),gO(e)?e.forEach(function(R){f.add(Xi(R,o,r,R,e,d))}):vO(e)&&e.forEach(function(R,T){f.set(T,Xi(R,o,r,T,e,d))});var O=m?v?$8:C8:v?im:lm,L=p?void 0:O(e);return yL(L||e,function(R,T){L&&(T=R,R=e[T]),tw(f,T,Xi(R,o,r,T,e,d))}),f}var ZO=1,PO=4;function Os(e){return Xi(e,ZO|PO)}var Tb,_y;function GO(){if(_y)return Tb;_y=1;var e=Array.isArray,o=Object.keys,r=Object.prototype.hasOwnProperty,i=typeof Element<"u";function s(d,f){if(d===f)return!0;if(d&&f&&typeof d=="object"&&typeof f=="object"){var h=e(d),v=e(f),m,p,y;if(h&&v){if(p=d.length,p!=f.length)return!1;for(m=p;m--!==0;)if(!s(d[m],f[m]))return!1;return!0}if(h!=v)return!1;var g=d instanceof Date,S=f instanceof Date;if(g!=S)return!1;if(g&&S)return d.getTime()==f.getTime();var O=d instanceof RegExp,L=f instanceof RegExp;if(O!=L)return!1;if(O&&L)return d.toString()==f.toString();var R=o(d);if(p=R.length,p!==o(f).length)return!1;for(m=p;m--!==0;)if(!r.call(f,R[m]))return!1;if(i&&d instanceof Element&&f instanceof Element)return d===f;for(m=p;m--!==0;)if(y=R[m],!(y==="_owner"&&d.$$typeof)&&!s(d[y],f[y]))return!1;return!0}return d!==d&&f!==f}return Tb=function(f,h){try{return s(f,h)}catch(v){if(v.message&&v.message.match(/stack|recursion/i)||v.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",v.name,v.message),!1;throw v}},Tb}var YO=GO();const va=jx(YO);var XO=4;function gy(e){return Xi(e,XO)}function kw(e,o){for(var r=-1,i=e==null?0:e.length,s=Array(i);++r<i;)s[r]=o(e[r],r,e);return s}var WO="[object Symbol]";function dm(e){return typeof e=="symbol"||Ca(e)&&Ea(e)==WO}var QO="Expected a function";function um(e,o){if(typeof e!="function"||o!=null&&typeof o!="function")throw new TypeError(QO);var r=function(){var i=arguments,s=o?o.apply(this,i):i[0],d=r.cache;if(d.has(s))return d.get(s);var f=e.apply(this,i);return r.cache=d.set(s,f)||d,f};return r.cache=new(um.Cache||Vr),r}um.Cache=Vr;var JO=500;function eR(e){var o=um(e,function(i){return r.size===JO&&r.clear(),i}),r=o.cache;return o}var nR=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,oR=/\\(\\)?/g,tR=eR(function(e){var o=[];return e.charCodeAt(0)===46&&o.push(""),e.replace(nR,function(r,i,s,d){o.push(s?d.replace(oR,"$1"):i||r)}),o});function rR(e){if(typeof e=="string"||dm(e))return e;var o=e+"";return o=="0"&&1/e==-1/0?"-0":o}var ky=Fr?Fr.prototype:void 0,yy=ky?ky.toString:void 0;function yw(e){if(typeof e=="string")return e;if(vc(e))return kw(e,yw)+"";if(dm(e))return yy?yy.call(e):"";var o=e+"";return o=="0"&&1/e==-1/0?"-0":o}function aR(e){return e==null?"":yw(e)}function xw(e){return vc(e)?kw(e,rR):dm(e)?[e]:fw(tR(aR(e)))}var Ab={exports:{}},cn={};/** @license React v16.13.1
+}`;const e5=Wh.createTheme("ecl-eu",{GLOBAL:fE,"KOL-ACCORDION":bE,"KOL-ALERT":hE,"KOL-BADGE":mE,"KOL-BREADCRUMB":vE,"KOL-BUTTON":pE,"KOL-BUTTON-LINK":_E,"KOL-CARD":gE,"KOL-COMBOBOX":kE,"KOL-DETAILS":yE,"KOL-DRAWER":xE,"KOL-FORM":wE,"KOL-HEADING":zE,"KOL-INPUT-CHECKBOX":SE,"KOL-INPUT-COLOR":jE,"KOL-INPUT-DATE":TE,"KOL-INPUT-EMAIL":AE,"KOL-INPUT-FILE":EE,"KOL-INPUT-NUMBER":CE,"KOL-INPUT-PASSWORD":$E,"KOL-INPUT-RADIO":LE,"KOL-INPUT-RANGE":OE,"KOL-INPUT-TEXT":RE,"KOL-LINK":BE,"KOL-LINK-BUTTON":NE,"KOL-MODAL":DE,"KOL-NAV":ME,"KOL-PAGINATION":IE,"KOL-POPOVER-BUTTON":HE,"KOL-SELECT":UE,"KOL-SINGLE-SELECT":FE,"KOL-SKIP-NAV":KE,"KOL-SPIN":VE,"KOL-SPLIT-BUTTON":qE,"KOL-TABLE-STATEFUL":ZE,"KOL-TABLE-STATELESS":PE,"KOL-TABS":GE,"KOL-TEXTAREA":YE,"KOL-TOAST-CONTAINER":XE,"KOL-TOOLBAR":WE,"KOL-TREE":QE,"KOL-TREE-ITEM":JE}),n5="3.0.7-d0e38f2b24188b03316351f07d939c4524a2fd81.0",uh={version:n5},o5=()=>{const e={onClick:()=>history.back()};return a.jsxs(go,{_label:"This is an example page",_level:0,_type:"info",children:[a.jsx("p",{children:"You followed an example link."}),history.length>1&&a.jsx(oe,{_label:"Go Back",_on:e})]})},q0=["default","ecl-ec","ecl-eu","unstyled"],Qh=e=>q0.find(o=>o===e)!==void 0,Jh=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function t5(){const e=matchMedia("(max-width: 1023px)"),[o,r]=w.useState(e.matches),i=()=>{r(e.matches)};return w.useEffect(()=>(i(),e.addEventListener("change",i),()=>{e.removeEventListener("change",i)}),[e]),o}function r5({children:e}){return t5()?a.jsx(ao,{_label:"All components",class:"mt",children:e}):a.jsx("div",{className:"mt scrollable-container",children:e})}function D1({label:e,to:o,children:r}){const i=Mx(o),s=Rl(o),d=E6({path:s.pathname,end:!0});return a.jsx(Jn,{_label:e,_href:i,_active:!!d,children:r})}function a5({routes:e}){const o=(i,s)=>Object.keys(s).map(d=>{const f=i==="tree"&&d==="basic/:subPage",h=f?"basic/home":d,v=f?"basic":d;return a.jsx(D1,{label:v,to:[i,h].join("/")},[i,d].join("/"))}),r=Object.entries(e).map(([i,s])=>a.jsx(D1,{label:i,to:i,children:o(i,s)},i));return a.jsx(r5,{children:a.jsx("nav",{children:a.jsx(Cx,{_label:"Navigation",class:"block",children:r})})})}const l5=({buildDate:e,commitHash:o})=>!e&&!o?"":a.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:e&&o?a.jsxs(a.Fragment,{children:["Build: ",o,a.jsx("br",{}),"at ",e]}):o?`Build: ${o}`:`Build date: ${e}`}),i5=({version:e,theme:o,routes:r,routeList:i,sample:s,buildDate:d,commitHash:f,onThemeChange:h})=>{const v=()=>i.indexOf(s),m=()=>s.replace(/\//g," "),p=(S,O)=>{h(O)},y=()=>{const S=v(),O=S<=0?i.length-1:S-1;location.replace(`#${i[O]}`)},g=()=>{const S=v(),O=S===i.length-1?0:S+1;location.replace(`#${i[O]}`)};return a.jsx("aside",{className:"app-sidebar p-4",children:a.jsxs("div",{className:"scrollable-container-wrapper",children:[a.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[a.jsx(he,{_label:"KoliBri React"}),a.jsx(pd,{_label:e})]}),a.jsx(l5,{buildDate:d,commitHash:f}),a.jsx(Kn,{_label:"Theme",_options:Jh,_on:{onChange:p},_value:o,class:"mt"}),a.jsx(he,{_label:"Components",_level:2,className:"block mt"}),a.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[a.jsx(oe,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:y}}),a.jsxs("span",{className:"text-base text-center",children:[m()," (",v()+1,"/",i.length,")"]}),a.jsx(oe,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:g}})]}),a.jsx(a5,{routes:r})]})})},c5=()=>{const e=Qo();SS("#"+e.pathname)},em=w.createContext(null),s5="https://public-ui.github.io/docs/components",d5="https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components",Fe="I am an error message!",zo="I am a hint.",G=e=>{const o=w.useContext(em),r=Qo(),i=r.pathname.split("/").slice(1),s=w.useMemo(()=>i[0]==="scenarios"?null:`${s5}/${i[0]}`,[r.hash]),d=w.useMemo(()=>i[0]==="scenarios"?null:`${d5}/${i[0]}/${i[1]}.tsx`,[r.hash]);return a.jsxs(a.Fragment,{children:[a.jsx("h1",{className:"visually-hidden",children:r.pathname.replace(/\//g," ")}),o?null:a.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[a.jsx("div",{className:"indented-text",children:e.children}),a.jsxs("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0",children:[d&&a.jsx("li",{children:a.jsx(Se,{_href:d,_label:"Code",_target:"_blank"})}),s&&a.jsx("li",{children:a.jsx(Se,{_href:s,_label:"Documentation",_target:"_blank"})}),a.jsx("li",{children:a.jsx(Se,{_href:`#${r.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},u5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolAbbr shows an abbreviation and uses kol-tooltip-wc to display the long form, if provided."})}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{children:"e.g."})," an abbreviation without label."]})]}),f5={abbr:{basic:u5}},b5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ao,{_label:"Heading Accordion Tab 1",children:"Contents Accordion Tab 1"}),a.jsx(ao,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),a.jsx(ao,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),a.jsx(ao,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),h5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ao,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),a.jsx(ao,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),a.jsx(ao,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),a.jsx(ao,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),a.jsx(ao,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),a.jsx(ao,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),m5={accordion:{basic:b5,headlines:h5}},Hi=({level:e,type:o,variant:r})=>a.jsxs(a.Fragment,{children:[a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,children:"This is the text of the alert."}),a.jsx(go,{_type:o,_variant:r,children:"In this alert, only the text without the heading is used."}),a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,_hasCloser:!0,children:"This is the text of the alert. With close button."}),a.jsx(go,{_type:o,_variant:r,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Z0=({variant:e="msg"})=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Hi,{level:1,type:"default",variant:e}),a.jsx(Hi,{level:2,type:"error",variant:e}),a.jsx(Hi,{level:3,type:"info",variant:e}),a.jsx(Hi,{level:4,type:"success",variant:e}),a.jsx(Hi,{level:5,type:"warning",variant:e})]}),v5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx(Z0,{variant:"msg"})]}),p5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx("section",{className:"w-full",children:a.jsx(Z0,{variant:"card"})})]}),_5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),a.jsx("div",{children:a.jsxs(go,{_label:"Output of HTML code in the alert",_type:"info",children:[a.jsx("div",{className:"mt-2 mb-3",children:a.jsx(he,{_level:2,_label:"An H2 heading is output here"})}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[a.jsxs("div",{children:[a.jsx("h3",{children:"Text in a left-hand column"}),a.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?"})]}),a.jsxs("div",{children:[a.jsx("h3",{children:"Text in einer rechten Spalte"}),a.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!"})]})]})]})})]}),g5={alert:{basic:v5,"card-msg":p5,html:_5}},k5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qf,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),a.jsx(Qf,{_label:"Elke Mustermann "}),a.jsx(Qf,{_label:"Marianne"})]})]}),y5={avatar:{basic:k5}},x5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Nn,{_label:"black"}),a.jsx(Nn,{_color:"#86ffc6",_label:"teal"}),a.jsx(Nn,{_color:"#06539e",_label:"blue"}),a.jsx(Nn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),a.jsx(Nn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),Ui=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),w5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolBadge with an optional ",a.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Nn,{...Ui("black")}),a.jsx(Nn,{_color:"#86ffc6",...Ui("teal")}),a.jsx(Nn,{_color:"#06539e",...Ui("blue")}),a.jsx(Nn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...Ui("red with icon")}),a.jsx(Nn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...Ui("purple with icon")})]})]}),z5={badge:{basic:x5,button:w5}},S5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Us,{_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"}]}),a.jsx(Us,{_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"}]}),a.jsx(Us,{_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"}]})]})]}),j5={breadcrumb:{basic:S5}};function Dn(){const e=Aa.getInstance(document),o=s=>{e.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const T5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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 ",a.jsx("code",{children:"block"}),", ",a.jsx("code",{children:"inline-block"})," and ",a.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),a.jsxs("section",{className:"text-base",children:[a.jsx(he,{_level:2,_label:"Button-Link with variant 'inline'"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(ln,{_label:"Simple Link"})," It is rendered by default as an"," ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",a.jsx(ln,{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.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element.",a.jsx(ln,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),a.jsx(he,{_level:2,_label:"Button-Link with variant 'standalone'"}),a.jsx("p",{children:a.jsx(ln,{_label:"Disabled ButtonLink",_disabled:!0,_variant:"standalone"})}),a.jsx("p",{children:a.jsx(ln,{_label:"With access key",_accessKey:"c",_on:o,_variant:"standalone"})}),a.jsx("p",{children:a.jsx(ln,{_label:"Disabled ButtonLink",_shortKey:"s",_variant:"standalone"})})]})]})},A5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ln,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),a.jsx(ln,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),a.jsx(ln,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),a.jsx(ln,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),a.jsx(ln,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons"})]})]}),E5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ln,{_label:"I am a link that is rendered as text"}),a.jsx(ln,{_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),C5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ln,{_label:"Button Text without area description"}),a.jsx(ln,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),$5={"button-link":{basic:T5,icons:A5,image:E5,"aria-description":C5}},L5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolButton with"," ",a.jsx(Se,{_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."]})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"With S access key",_accessKey:"S",_on:o}),a.jsx(oe,{_label:"Very small b",_accessKey:"b",_on:o}),a.jsx(oe,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),a.jsx(oe,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(oe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},O5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"Button Text without area description",_on:o}),a.jsx(oe,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},R5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_label:"Label-Text",_on:o}),a.jsx(oe,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},N5=e=>{const{children:o,...r}=e,{dummyClickEventHandler:i}=Dn(),s={onClick:i};return a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...r,children:o}),a.jsx(oe,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...r,children:o})]})},P0=(e={})=>{const o=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:{...e,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...e,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...e,_disabled:!0,_hideLabel:!0}}];return a.jsx("div",{className:"grid gap-8",children:o.map(({label:r,buttonProps:i},s)=>a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:r}),a.jsx(N5,{...i})]},s))})},B5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(P0,{})]}),D5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),a.jsx("div",{children:a.jsx(oe,{_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:o})})]})},M5=()=>{const{dummyClickEventHandler:e}=Dn(),o={className:"w-8rem",_on:{onClick:e}};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),a.jsxs("div",{className:"grid gap-14",children:[a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"Primary",_variant:"primary",...o}),a.jsx(oe,{_label:"Secondary",_variant:"secondary",...o}),a.jsx(oe,{_label:"Normal",_variant:"normal",...o}),a.jsx(oe,{_label:"Danger",_variant:"danger",...o}),a.jsx(oe,{_label:"Ghost",_variant:"ghost",...o})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),a.jsx(oe,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),a.jsx(oe,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),a.jsx(oe,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),a.jsx(oe,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},wb=new WeakMap,_o=e=>(wb.has(e)===!1&&wb.set(e,$x.createRoot(e)),wb.get(e)),I5=({label:e})=>{const o=Aa.getInstance(document),r=w.useRef(null),i=w.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${e}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${e}`,type:"warning"})},f=h=>{switch(h.code){case"KeyE":r.current?.kolFocus(),s();return;case"KeyD":i.current?.kolFocus(),d();return}};return a.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:f,children:[a.jsx(oe,{ref:r,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),a.jsx(oe,{ref:i,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},H5=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e},r=[{label:"Row 1"},{label:"Row 2"}],i={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{_o(Kr(s)).render(a.jsx(I5,{label:d.data.label}))}}]]};return a.jsxs(a.Fragment,{children:[a.jsxs(G,{children:[a.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."}),a.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.'})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(oe,{_label:"With S short key",_shortKey:"S",_on:o}),a.jsx(oe,{_label:"Very small b",_shortKey:"b",_on:o}),a.jsx(oe,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),a.jsx(oe,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(oe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),a.jsx(he,{_level:2,_label:"Interactive sample",className:"mt"}),a.jsx(gn,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:r,_headers:i,_minWidth:"400px"})]})},U5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolButton show a button-element with expert slot."})}),a.jsx(P0,{_label:"",children:a.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),F5={button:{basic:B5,icons:D5,width:M5,"access-key":L5,"aria-description":O5,baselined:R5,"short-key":H5,"expert-slot":U5}},K5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ue,{_label:"Card with title and content",children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ue,{_label:"Card with closer",_hasCloser:!0,children:a.jsx("p",{children:"This card has a close button."})})]})]}),V5={card:{basic:K5}},q5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(rr,{_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."}),a.jsx(rr,{_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."}),a.jsx(rr,{_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."})]})]}),Z5={details:{basic:q5}},P5=["left","top","right","bottom"].map(e=>({label:e,value:e})),nm=({value:e="left",onChange:o})=>a.jsx("div",{className:"grid gap-4",children:a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_label:"Drawer alignment",_value:e,_options:P5,_orientation:"horizontal",_on:{onChange:o}})})}),G5=()=>{const[e]=ja(),o=e.get("align"),r=e.get("closer")==="true",i=w.useRef(null),[s,d]=w.useState(o||"left"),[f,h]=w.useState(r);return w.useEffect(()=>{o&&i.current?.open()},[o]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments."})}),a.jsx(nm,{value:s,onChange:(v,m)=>d(m)}),a.jsx(Je,{_label:"Drawer has closer",className:"mb-4",_checked:f,_on:{onInput:(v,m)=>{h(m===!0)}}}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{ref:i,_label:"I am a drawer",_align:s,_hasCloser:f,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:a.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[a.jsx("p",{className:"mt-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."}),a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>i.current?.close()}})]})}),a.jsx(oe,{_label:"Open drawer",_on:{onClick:()=>i.current?.open()}})]})]})},Y5=()=>{const[e]=ja(),o=e.get("align"),[r,i]=w.useState(!1),[s,d]=w.useState(o||"left");return a.jsxs("div",{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",a.jsx("code",{children:"_open"})," instead of methods."]})}),a.jsx(nm,{value:s,onChange:(f,h)=>d(h)}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{_open:r,_align:s,_label:"I'm a controlled drawer",_on:{onClose:()=>i(!1)},children:a.jsxs("div",{children:[a.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>i(!1)}})]})}),a.jsx(oe,{_label:"Open drawer",_on:{onClick:()=>i(!0)}})]})]})},X5=()=>{const e=w.useRef(null),[o,r]=w.useState("bottom"),[i,s]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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).'})}),a.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[a.jsx(nm,{value:o,onChange:(d,f)=>r(f)}),a.jsx(Je,{_label:"Enable Overflow Handling (Recommended)",_checked:i,_on:{onChange:(d,f)=>s(!!f)}})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Ch,{ref:e,_label:"Scrollable Drawer",_align:o,children:i?a.jsx("div",{style:{width:o==="left"||o==="right"?"90vw":void 0,height:o==="top"||o==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":void 0,height:o==="top"||o==="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:[a.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area (Scrollable)"}),a.jsxs("p",{children:["Container: ",o==="left"||o==="right"?"400px wide":"90vw wide"," ×"," ",o==="top"||o==="bottom"?"90vh high":"400px high"]}),a.jsxs("p",{children:["Content: ",o==="left"||o==="right"?"150vw wide":"400px wide"," ×"," ",o==="top"||o==="bottom"?"150vh high":"400px high"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),a.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."}),a.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}):a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":"400px",height:o==="top"||o==="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:[a.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area"}),a.jsxs("p",{children:["Width: ",o==="left"||o==="right"?"150vw (exceeds drawer width)":"400px"]}),a.jsxs("p",{children:["Height: ",o==="top"||o==="bottom"?"150vh (exceeds drawer height)":"400px"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),a.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."}),a.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(oe,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}),a.jsx(oe,{_label:"Open scrollable drawer",_on:{onClick:()=>e.current?.open()}})]})]})},W5={drawer:{basic:G5,controlled:Y5,scrolled:X5}},Q5=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Ie,{id:"input1",_label:"Input 1"}),a.jsx(Ie,{id:"input2",_label:"Input 2"}),a.jsx(Ie,{id:"input3",_label:"Input 3"})]})})]}),J5=()=>{const e=w.useRef(null),o=()=>{e.current?.focusErrorList()};return w.useEffect(()=>{e.current?.focusErrorList()},[]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows a form with error messages."})}),a.jsx(ut,{className:"w-full",ref:e,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Ie,{id:"input1",_label:"Input 1"}),a.jsx(Ie,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx(Ie,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx("div",{children:a.jsx(oe,{_label:"ScrollTo",_type:"submit"})})]})})]})},eC={form:{basic:Q5,"error-list":J5}},G0=`public-ui.v${uh.version}`;class nC{store=new Map;setItem(o,r){this.store.set(o,r)}getItem(o){return this.store.get(o)||null}}const lc={darkMode:!1,theme:"default"};let fh;function Y0(e){fh=e;const o=fh.getItem(G0);try{const r=JSON.parse(o);typeof r=="object"&&r!==null&&(lc.darkMode=r.darkMode===!0,Qh(r.theme)&&(lc.theme=r.theme))}catch{}}Y0(new nC);const oC=()=>{fh.setItem(G0,JSON.stringify(lc))},tC=e=>{if(Qh(e))lc.theme=e,oC();else throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},id=()=>`${lc.theme}`,bh=e=>{if(Qh(e))return Jh.find(o=>o.value===e)?.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},rC=[{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 aC({_on:e,...o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{...o,_on:i})}const lC={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(aC,{_label:o.label,style:{fontSize:"75%"}}))},compareFn:(e,o)=>e.monday<o.monday?-1:e.monday>o.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#060",_label:o.label}))},compareFn:(e,o)=>e.tuesday<o.tuesday?-1:e.tuesday>o.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),_o(r).render(a.jsx(Nn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},iC=()=>{const{dummyClickEventHandler:e}=Dn(),o={onClick:e};return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[a.jsx(Fs,{className:"block w-75px",_labeled:!1}),a.jsx(he,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",a.jsxs("small",{children:["for ",bh(id())]})]})}),a.jsxs(rr,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",a.jsx("strong",{children:bh(id())}),". 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 (",a.jsx(Se,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(he,{_label:"Heading Level 1",_level:1}),a.jsx(he,{_label:"Heading Level 2",_level:2}),a.jsx(he,{_label:"Heading Level 3",_level:3}),a.jsx(he,{_label:"Heading Level 4",_level:4}),a.jsx(he,{_label:"Heading Level 5",_level:5}),a.jsx(he,{_label:"Heading Level 6",_level:6}),a.jsx(he,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsxs("p",{children:["I am ",a.jsx(Gi,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Gi,{children:"e.g."})," an abbreviation without label."]}),a.jsx(er,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),a.jsx(er,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsxs(sr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(oe,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(oe,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(oe,{_label:"ghost",_variant:"ghost"}),a.jsx(oe,{_disabled:!0,_label:"ghost",_variant:"ghost"}),a.jsx(oe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(We,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(We,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(We,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(We,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(We,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(We,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(We,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(We,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(ao,{_label:"Links",_level:3,_open:!0,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(Se,{_href:"#/back-page",_label:"Link text"}),a.jsx(Se,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(Se,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsx(Se,{_href:"/",_label:"Visited link"}),a.jsxs("p",{children:["I am a ",a.jsx(Se,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),a.jsx(ao,{_label:"ButtonLinks",_level:3,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(ln,{_label:"Link text"}),a.jsx(ln,{_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(ln,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsxs("p",{children:["I am a ",a.jsx(ln,{_label:"Link"})," in the running text."]}),a.jsx(ln,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(go,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),a.jsx(go,{_type:"success",children:"Success message text"}),a.jsx(go,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),a.jsx(go,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),a.jsx(go,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx("div",{children:a.jsx(lr,{_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})}),a.jsx("div",{children:a.jsx(Us,{_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"}]})})]})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:a.jsx(ut,{slot:"",children:a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[a.jsx(Un,{_label:"Color"}),a.jsx(Rn,{_label:"Upload file"}),a.jsx(jn,{_label:"Number input"}),a.jsx(Ve,{_type:"date",_label:"Date"}),a.jsx(Fn,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),a.jsx(Ie,{_hint:"I am a hint.",_label:"First name"}),a.jsx(Tn,{_label:"password"}),a.jsx(Kn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),a.jsx(Xn,{_min:0,_max:50,_value:25,_label:"Slider"}),a.jsx(Cn,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Cn,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),a.jsx(Je,{_label:"",children:a.jsxs("span",{slot:"expert",children:["I accept the ",a.jsx(Gi,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),a.jsx(Qe,{_rows:4,_label:"Textarea"})]})})}),a.jsx(Ue,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsx(gn,{_label:"Table",_minWidth:"auto",_headers:lC,_data:rC,_pagination:!0})})})]}),a.jsx(pd,{_label:"5.0.2-test.2"})]})},cC={handout:{basic:iC}},sC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",a.jsx("code",{children:"_label"}),"-property."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_label:"Label"})]})}),a.jsx(he,{_label:"",_level:2,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#86ffc6",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:3,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#06539e",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:4,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#ae0000",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:5,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#8b008b",_label:"Label"})]})}),a.jsx(he,{_label:"",_level:6,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(Nn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),dC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolHeading renders a heading with the given level."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"I'm a H1-heading",_level:1}),a.jsx(he,{_label:"I'm a H2-heading",_level:2}),a.jsx(he,{_label:"I'm a H3-heading",_level:3}),a.jsx(he,{_label:"I'm a H4-heading",_level:4}),a.jsx(he,{_label:"I'm a H5-heading",_level:5}),a.jsx(he,{_label:"I'm a H6-heading",_level:6})]})]}),uC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_label:"Ich bin eine H1-Überschrift",_level:1}),a.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."}),a.jsx(he,{_label:"Ich bin eine H2-Überschrift",_level:2}),a.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."}),a.jsx(he,{_label:"Ich bin eine H3-Überschrift",_level:3}),a.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."}),a.jsx(he,{_label:"Ich bin eine H4-Überschrift",_level:4}),a.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."}),a.jsx(he,{_label:"Ich bin eine H5-Überschrift",_level:5}),a.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."}),a.jsx(he,{_label:"Ich bin eine H6-Überschrift",_level:6}),a.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."})]})]}),fC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolHeading with the prop ",a.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(he,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),bC={heading:{basic:dC,badge:sC,paragraph:uC,secondary:fC}},hC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(xg,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),a.jsx(xg,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),mC={icon:{basic:hC}},vC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),a.jsx(Y4,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),pC={image:{basic:vC}},ko=({RefComponent:e,showButtons:o=!0,...r})=>a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(e,{...r}),o&&a.jsxs("div",{className:"flex gap-4",children:[a.jsx(oe,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),a.jsx(oe,{_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"}),a.jsx(oe,{_label:"Reset",_type:"reset",_variant:"tertiary"}),a.jsx(oe,{_label:"Help",_variant:"ghost"})]})]})}),Ls=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Je,{...o,_label:"Not selected",_value:!1,_required:!0}),a.jsx(Je,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),a.jsx(Je,{...o,ref:r,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),a.jsx(Je,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),a.jsx(Je,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),a.jsx(Je,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),a.jsx(Je,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),a.jsx(Je,{...o,_msg:{_type:"error",_description:Fe},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),a.jsx(Je,{...o,_label:"With access key",_accessKey:"c",_value:null}),a.jsx(Je,{...o,_label:"With short key",_shortKey:"s",_value:null})]})});function So({children:e}){const[o]=ja(),r=o.has("noColumns");return a.jsx("div",{className:r?"":"grid md:grid-cols-2 gap-4",children:e})}const om=w.forwardRef(function(o,r){return a.jsxs(a.Fragment,{children:[a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" with label'}),a.jsx(Ls,{...o,_labelAlign:"left"})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),a.jsx(Ls,{ref:r,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" with label'}),a.jsx(Ls,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),a.jsx(Ls,{ref:r,...o,_hideLabel:!0})]})]})]})}),_C=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:om,showButtons:!1})]}),gC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),a.jsx(ko,{RefComponent:om,_variant:"button",showButtons:!1})]}),kC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),a.jsx(ko,{RefComponent:om,_variant:"switch",showButtons:!1})]}),yC={"input-checkbox":{basic:_C,switch:kC,button:gC}},M1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Un,{...o,_msg:{_type:"error",_description:Fe},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),a.jsx(Un,{...o,_msg:{_type:"error",_description:Fe},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),a.jsx(Un,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Un,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Un,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Un,{...o,ref:r,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),a.jsx(Un,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),a.jsx(Un,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Un,{...o,_label:"With short key",_shortKey:"s"})]})}),xC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color"}),a.jsx(M1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color (hideLabel)"}),a.jsx(M1,{ref:r,...o,_hideLabel:!0})]})]})}),wC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:xC,showButtons:!1})]}),zC={"input-color":{basic:wC}},I1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ve,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),a.jsx(Ve,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),a.jsx(Ve,{...o,_step:1,_type:"datetime-local",_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),a.jsx(Ve,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Ve,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Ve,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Ve,{...o,_type:"month",_label:"Month",_required:!0}),a.jsx(Ve,{...o,ref:r,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),a.jsx(Ve,{...o,_type:"time",_label:"Time (standard)",_required:!0}),a.jsx(Ve,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),a.jsx(Ve,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),a.jsx(Ve,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),a.jsx(Ve,{...o,_label:"With access key",_accessKey:"s"}),a.jsx(Ve,{...o,_label:"With short key",_shortKey:"s"})]})}),SC=e=>{const o="2024-09-26",r="2024-09-27",i="12:00",s="15:00",d="2024-09-26T12:00",f="2024-09-27T15:00",h="2024-W10",v="2024-W50",m="2024-02",p="2024-10",y=new Date("January 10, 2024, 12:00"),g=new Date("October 20, 2024, 15:00");return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ve,{...e,_type:"date",_label:"Date with Iso",_min:o,_max:r}),a.jsx(Ve,{...e,_type:"date",_label:"Date with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"time",_label:"Time with Iso",_min:i,_max:s}),a.jsx(Ve,{...e,_type:"time",_label:"Time with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"datetime-local",_label:"DayTime with Iso",_min:d,_max:f}),a.jsx(Ve,{...e,_type:"datetime-local",_label:"DayTime with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"week",_label:"Week with Iso",_min:h,_max:v}),a.jsx(Ve,{...e,_type:"week",_label:"Week with Date",_min:y,_max:g}),a.jsx(Ve,{...e,_type:"month",_label:"Month with Iso",_min:m,_max:p}),a.jsx(Ve,{...e,_type:"month",_label:"Month with Date",_min:y,_max:g})]})},jC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date"}),a.jsx(I1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (hideLabel)"}),a.jsx(I1,{ref:r,...o,_hideLabel:!0})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (with min/max)"}),a.jsx(SC,{...o})]})]})}),TC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:jC,showButtons:!1})]}),AC=()=>{const e=w.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the KolInputDate ",a.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),a.jsx(Ve,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),a.jsx(oe,{className:"mt",_label:"Reset",_on:{onClick:()=>e.current?.reset()}})]})},EC=["default","error","info","success","warning"];function zb(e){return{onChange:()=>e(o=>!o)}}const CC=()=>{const[e,o]=w.useState(!0),[r,i]=w.useState(!0),[s,d]=w.useState(!1),f=zb(o),h=zb(i),v=zb(d);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example shows how messages work in input fields."})}),a.jsxs("div",{className:"flex gap-4 flex-col",children:[a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsx(Je,{_label:"Toggle Msg",_on:f,_checked:e,_variant:"button"}),a.jsx(Je,{_label:"Toggle Touched",_on:h,_checked:r,_variant:"button"}),a.jsx(Je,{_label:"Toggle Hide Msg",_on:v,_checked:s,_variant:"button"})]}),a.jsxs("pre",{children:["Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",a.jsx("br",{}),"Non-Error-Message visible: ",e&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",a.jsx("br",{}),"Error-Message visible: ",e&&r&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",r?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),EC.map(m=>a.jsx(Ve,{_hideMsg:s,_label:`Date (_msg, ${m})`,_msg:e?{_description:`${m} message`,_type:m}:void 0,_touched:r},m))]})]})},H1=e=>String(e).padStart(2,"0"),$C=(e,o,r)=>{const i=new Date(e,o-1,r);return i.getFullYear()===e&&i.getMonth()===o-1&&i.getDate()===r};function U1(e){const o=/^\s*(\d{1,2})\.(\d{1,2})\.(\d{4})\s*$/.exec(e);if(!o)return null;const r=+o[1],i=+o[2],s=+o[3];return $C(s,i,r)?`${s}-${H1(i)}-${H1(r)}`:null}function LC(e){return e instanceof HTMLElement&&e.tagName==="KOL-INPUT-DATE"}async function OC(e,o){typeof e.setIsoValue=="function"?await e.setIsoValue(o):typeof e.value<"u"?e.value=o:typeof e._value<"u"?e._value=o:e.setAttribute("_value",o),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}const RC=()=>{const[e,o]=w.useState("31.12.2025"),[r,i]=w.useState(""),s=w.useRef(null),d=w.useMemo(()=>U1(e),[e]);w.useEffect(()=>{const v=new AbortController,m=p=>{const y=p.composedPath?.()??[];s.current=y.find(LC)??null};return document.addEventListener("focusin",m,{capture:!0,signal:v.signal}),()=>v.abort()},[]),w.useEffect(()=>{const v=new AbortController,m=p=>{const y=s.current;if(!y)return;const g=p.clipboardData?.getData("text")??"",S=U1(g);if(!S){i("Clipboard: unrecognized date. Use DD.MM.YYYY.");return}p.preventDefault(),OC(y,S),i("Pasted.")};return document.addEventListener("paste",m,{capture:!0,signal:v.signal}),()=>v.abort()},[]);const f=w.useCallback(async v=>{i("");try{await navigator.clipboard.writeText(v),i("Copied.")}catch{i("Copy failed. Your browser may block clipboard access.")}},[]),h=w.useCallback((v,m)=>{if(v?.target){const p=typeof m=="string"?m:String(m??"");o(p)}},[]);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["Type a date in German format (",a.jsx("code",{children:"DD.MM.YYYY"}),"), click ",a.jsx("em",{children:"Copy to Clipboard"}),", then paste it into the date field below with ",a.jsx("kbd",{children:"Ctrl"}),"+",a.jsx("kbd",{children:"V"}),". The ISO conversion happens internally."]})}),a.jsxs("div",{className:"grid gap-8",lang:"en",children:[a.jsxs("section",{"aria-labelledby":"de-title",children:[a.jsx("h3",{id:"de-title",className:"text-lg font-semibold mb-2",children:"German date (DD.MM.YYYY)"}),a.jsxs("div",{className:"grid gap-3",children:[a.jsx(Ie,{className:"w-full",_label:"German date (DD.MM.YYYY)",_placeholder:"e.g., 31.12.2025",_value:e,_type:"text",_on:{onInput:h,onChange:h}}),a.jsx("small",{className:"opacity-80",children:"Click the button to copy the exact German date, then paste it into the date field below."}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(oe,{_label:"Copy to Clipboard",_on:{onClick:()=>f(e)}}),!d&&a.jsx("span",{className:"text-red-600",children:"Invalid date"})]}),a.jsx(Ve,{_type:"date",_label:"Date (paste here with Ctrl+V)",className:"w-full"})]})]}),a.jsx("p",{"aria-live":"polite",role:"status",className:"mt-2 opacity-80",children:r})]})]})},NC={"input-date":{basic:TC,"copy-paste":RC,reset:AC,"show-hide-msg":CC}},F1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Fn,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Fe},_label:"E-Mail (Black background test)"})}),a.jsx(Fn,{...o,ref:r,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:zo,_msg:{_type:"error",_description:Fe},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Fn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"}),a.jsx(Fn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"}),a.jsx(Fn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"}),a.jsx(Fn,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),a.jsx(Fn,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),a.jsx(Fn,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),a.jsx(Fn,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),BC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email"}),a.jsx(F1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email (hideLabel)"}),a.jsx(F1,{ref:r,...o,_hideLabel:!0})]})]})}),DC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:BC,showButtons:!1})]}),MC={"input-email":{basic:DC}},K1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Rn,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),a.jsx(Rn,{...o,_required:!0,_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),a.jsx(Rn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Upload file"}),a.jsx(Rn,{...o,ref:r,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Fe},_label:"Upload file (Multiple)"}),a.jsx(Rn,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),a.jsx(Rn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Rn,{...o,_label:"With short key",_shortKey:"s"})]})}),IC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File"}),a.jsx(K1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File (hideLabel)"}),a.jsx(K1,{ref:r,...o,_hideLabel:!0})]})]})}),HC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:IC,showButtons:!1})]}),UC={"input-file":{basic:HC}},V1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"black-background",children:[a.jsx(jn,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})," "]}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"warning",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"info",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,_required:!0,_msg:{_type:"success",_description:Fe},_touched:!0,_value:123,_label:"Number input"}),a.jsx(jn,{...o,ref:r,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),a.jsx(jn,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),a.jsx(jn,{...o,_disabled:!0,_label:"Number input (Disabled)"}),a.jsx(jn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(jn,{...o,_label:"With short key",_shortKey:"s"})]})}),FC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number"}),a.jsx(V1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number (hideLabel)"}),a.jsx(V1,{ref:r,...o,_hideLabel:!0})]})]})}),KC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:FC,showButtons:!1})]}),VC={"input-number":{basic:KC}},q1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Tn,{...o,_label:"Passwort (Black background test)"})}),a.jsx(Tn,{...o,ref:r,_accessKey:"P",_required:!0,_hint:zo,_msg:{_type:"error",_description:Fe},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"}),a.jsx(Tn,{...o,_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"}),a.jsx(Tn,{...o,_disabled:!0,_msg:{_type:"error",_description:Fe},_label:"Passwort (Disabled)",_touched:!0}),a.jsx(Tn,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),a.jsx(Tn,{...o,ref:r,_shortKey:"c",_label:"With access key"}),a.jsx(Tn,{...o,ref:r,_shortKey:"s",_label:"With short key"})]})}),qC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password"}),a.jsx(q1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password (hideLabel)"}),a.jsx(q1,{ref:r,...o,_hideLabel:!0})]})]})}),ZC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:qC,showButtons:!1})]}),PC=()=>{const e=w.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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.'})}),a.jsxs(ut,{className:"w-full",children:[a.jsx(Tn,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),a.jsx(Tn,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),a.jsx(Tn,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},GC={"input-password":{basic:ZC,"show-password":PC}},Z1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Cn,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),a.jsx(Cn,{...o,_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),a.jsx(Cn,{...o,ref:r,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),a.jsx(Cn,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Fe},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),a.jsx(Cn,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),a.jsx(Cn,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Fe},_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:zo})]})}),YC=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(he,{_level:2,_label:"Radio",className:"block mb-2"}),a.jsx(Z1,{...o})]}),a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(he,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),a.jsx(Z1,{ref:r,...o,_hideLabel:!0})]})]})}),XC=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:YC,showButtons:!1})]}),WC=()=>{const[e,o]=w.useState(!0),[r,i]=w.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(h=>!h)},f=()=>{i(h=>h==="horizontal"?"vertical":"horizontal")};return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"horizontal"})," and ",a.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),a.jsxs("div",{className:"flex gap-4",children:[a.jsx(oe,{_label:"Click me a few times",_on:{onClick:d}}),a.jsx(Je,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:f},_variant:"switch"})]}),e&&a.jsx(ut,{children:a.jsxs("div",{className:"container my-4 d-grid gap-4",children:[a.jsx(Cn,{_label:`Test (${r})`,_options:s,_orientation:r,_required:!0}),a.jsx(Cn,{_hideLabel:!0,_label:`Test (${r})`,_options:s,_orientation:r,_required:!0})]})})]})},QC=()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(G,{children:["This sample shows KolInputRadio with ",a.jsx("code",{children:"object"})," and ",a.jsx("code",{children:"undefined"})," values."]}),a.jsxs(ut,{children:[a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_value:e[1].value,_options:e,_label:"Test (with object value)"})}),a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Cn,{_options:e,_label:"Test (without value)"})})]})]})},JC={"input-radio":{basic:XC,horizontal:WC,object:QC}},P1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Xn,{...o,_min:0,_max:50,_msg:{_type:"error",_description:Fe},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),a.jsx(Xn,{...o,ref:r,_accessKey:"F",_min:0,_max:50,_step:10,_hint:zo,_msg:{_type:"error",_description:Fe},_label:"Slider with error",_touched:!0}),a.jsx(Xn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"}),a.jsx(Xn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"}),a.jsx(Xn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Slider"}),a.jsx(Xn,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),a.jsx(Xn,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),a.jsx(Xn,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),e$=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range"}),a.jsx(P1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range (hideLabel)"}),a.jsx(P1,{ref:r,...o,_hideLabel:!0})]})]})}),n$=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:e$,showButtons:!1})]}),o$={"input-range":{basic:n$}},G1=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ie,{...o,_value:"Value",_label:"First name (Black background test)"})}),a.jsx(Ie,{...o,_hint:zo,_msg:{_type:"error",_description:Fe},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:r}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:Fe},_touched:!0,_type:"url",_label:"URL (url)"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_label:"With counter",_maxLength:10,_value:"Lorem Ipsum"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),a.jsx(Ie,{...o,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),a.jsx(Ie,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Ie,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Ie,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),a.jsx(Ie,{...o,_value:"Value",_label:"With short key",_shortKey:"s"})]})}),t$=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(G1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(G1,{ref:r,...o,_hideLabel:!0})]})]})}),r$=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:t$,showButtons:!1})]}),a$=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"_hideMsg"})," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs."]})}),a.jsx(Ue,{_label:"Normal input field with error",_level:0,children:a.jsx(Ie,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),a.jsx(Ue,{_label:"Input fields with hidden error",_level:0,children:a.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[a.jsx("legend",{children:"Combined input field"}),a.jsx(go,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),a.jsx(Ie,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),a.jsx(Ie,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})]})})]});var l$=function(o){return i$(o)&&!c$(o)};function i$(e){return!!e&&typeof e=="object"}function c$(e){var o=Object.prototype.toString.call(e);return o==="[object RegExp]"||o==="[object Date]"||u$(e)}var s$=typeof Symbol=="function"&&Symbol.for,d$=s$?Symbol.for("react.element"):60103;function u$(e){return e.$$typeof===d$}function f$(e){return Array.isArray(e)?[]:{}}function cd(e,o){return o.clone!==!1&&o.isMergeableObject(e)?ic(f$(e),e,o):e}function b$(e,o,r){return e.concat(o).map(function(i){return cd(i,r)})}function h$(e,o,r){var i={};return r.isMergeableObject(e)&&Object.keys(e).forEach(function(s){i[s]=cd(e[s],r)}),Object.keys(o).forEach(function(s){!r.isMergeableObject(o[s])||!e[s]?i[s]=cd(o[s],r):i[s]=ic(e[s],o[s],r)}),i}function ic(e,o,r){r=r||{},r.arrayMerge=r.arrayMerge||b$,r.isMergeableObject=r.isMergeableObject||l$;var i=Array.isArray(o),s=Array.isArray(e),d=i===s;return d?i?r.arrayMerge(e,o,r):h$(e,o,r):cd(o,r)}ic.all=function(o,r){if(!Array.isArray(o))throw new Error("first argument should be an array");return o.reduce(function(i,s){return ic(i,s,r)},{})};var hh=ic,X0=typeof global=="object"&&global&&global.Object===Object&&global,m$=typeof self=="object"&&self&&self.Object===Object&&self,Rt=X0||m$||Function("return this")(),Fr=Rt.Symbol,W0=Object.prototype,v$=W0.hasOwnProperty,p$=W0.toString,Fi=Fr?Fr.toStringTag:void 0;function _$(e){var o=v$.call(e,Fi),r=e[Fi];try{e[Fi]=void 0;var i=!0}catch{}var s=p$.call(e);return i&&(o?e[Fi]=r:delete e[Fi]),s}var g$=Object.prototype,k$=g$.toString;function y$(e){return k$.call(e)}var x$="[object Null]",w$="[object Undefined]",Y1=Fr?Fr.toStringTag:void 0;function Ea(e){return e==null?e===void 0?w$:x$:Y1&&Y1 in Object(e)?_$(e):y$(e)}function Q0(e,o){return function(r){return e(o(r))}}var tm=Q0(Object.getPrototypeOf,Object);function Ca(e){return e!=null&&typeof e=="object"}var z$="[object Object]",S$=Function.prototype,j$=Object.prototype,J0=S$.toString,T$=j$.hasOwnProperty,A$=J0.call(Object);function X1(e){if(!Ca(e)||Ea(e)!=z$)return!1;var o=tm(e);if(o===null)return!0;var r=T$.call(o,"constructor")&&o.constructor;return typeof r=="function"&&r instanceof r&&J0.call(r)==A$}function E$(){this.__data__=[],this.size=0}function ew(e,o){return e===o||e!==e&&o!==o}function xd(e,o){for(var r=e.length;r--;)if(ew(e[r][0],o))return r;return-1}var C$=Array.prototype,$$=C$.splice;function L$(e){var o=this.__data__,r=xd(o,e);if(r<0)return!1;var i=o.length-1;return r==i?o.pop():$$.call(o,r,1),--this.size,!0}function O$(e){var o=this.__data__,r=xd(o,e);return r<0?void 0:o[r][1]}function R$(e){return xd(this.__data__,e)>-1}function N$(e,o){var r=this.__data__,i=xd(r,e);return i<0?(++this.size,r.push([e,o])):r[i][1]=o,this}function br(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}br.prototype.clear=E$;br.prototype.delete=L$;br.prototype.get=O$;br.prototype.has=R$;br.prototype.set=N$;function B$(){this.__data__=new br,this.size=0}function D$(e){var o=this.__data__,r=o.delete(e);return this.size=o.size,r}function M$(e){return this.__data__.get(e)}function I$(e){return this.__data__.has(e)}function mc(e){var o=typeof e;return e!=null&&(o=="object"||o=="function")}var H$="[object AsyncFunction]",U$="[object Function]",F$="[object GeneratorFunction]",K$="[object Proxy]";function nw(e){if(!mc(e))return!1;var o=Ea(e);return o==U$||o==F$||o==H$||o==K$}var Sb=Rt["__core-js_shared__"],W1=(function(){var e=/[^.]+$/.exec(Sb&&Sb.keys&&Sb.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""})();function V$(e){return!!W1&&W1 in e}var q$=Function.prototype,Z$=q$.toString;function $a(e){if(e!=null){try{return Z$.call(e)}catch{}try{return e+""}catch{}}return""}var P$=/[\\^$.*+?()[\]{}|]/g,G$=/^\[object .+?Constructor\]$/,Y$=Function.prototype,X$=Object.prototype,W$=Y$.toString,Q$=X$.hasOwnProperty,J$=RegExp("^"+W$.call(Q$).replace(P$,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function eL(e){if(!mc(e)||V$(e))return!1;var o=nw(e)?J$:G$;return o.test($a(e))}function nL(e,o){return e?.[o]}function La(e,o){var r=nL(e,o);return eL(r)?r:void 0}var cc=La(Rt,"Map"),sc=La(Object,"create");function oL(){this.__data__=sc?sc(null):{},this.size=0}function tL(e){var o=this.has(e)&&delete this.__data__[e];return this.size-=o?1:0,o}var rL="__lodash_hash_undefined__",aL=Object.prototype,lL=aL.hasOwnProperty;function iL(e){var o=this.__data__;if(sc){var r=o[e];return r===rL?void 0:r}return lL.call(o,e)?o[e]:void 0}var cL=Object.prototype,sL=cL.hasOwnProperty;function dL(e){var o=this.__data__;return sc?o[e]!==void 0:sL.call(o,e)}var uL="__lodash_hash_undefined__";function fL(e,o){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=sc&&o===void 0?uL:o,this}function ya(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}ya.prototype.clear=oL;ya.prototype.delete=tL;ya.prototype.get=iL;ya.prototype.has=dL;ya.prototype.set=fL;function bL(){this.size=0,this.__data__={hash:new ya,map:new(cc||br),string:new ya}}function hL(e){var o=typeof e;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?e!=="__proto__":e===null}function wd(e,o){var r=e.__data__;return hL(o)?r[typeof o=="string"?"string":"hash"]:r.map}function mL(e){var o=wd(this,e).delete(e);return this.size-=o?1:0,o}function vL(e){return wd(this,e).get(e)}function pL(e){return wd(this,e).has(e)}function _L(e,o){var r=wd(this,e),i=r.size;return r.set(e,o),this.size+=r.size==i?0:1,this}function Vr(e){var o=-1,r=e==null?0:e.length;for(this.clear();++o<r;){var i=e[o];this.set(i[0],i[1])}}Vr.prototype.clear=bL;Vr.prototype.delete=mL;Vr.prototype.get=vL;Vr.prototype.has=pL;Vr.prototype.set=_L;var gL=200;function kL(e,o){var r=this.__data__;if(r instanceof br){var i=r.__data__;if(!cc||i.length<gL-1)return i.push([e,o]),this.size=++r.size,this;r=this.__data__=new Vr(i)}return r.set(e,o),this.size=r.size,this}function Nl(e){var o=this.__data__=new br(e);this.size=o.size}Nl.prototype.clear=B$;Nl.prototype.delete=D$;Nl.prototype.get=M$;Nl.prototype.has=I$;Nl.prototype.set=kL;function yL(e,o){for(var r=-1,i=e==null?0:e.length;++r<i&&o(e[r],r,e)!==!1;);return e}var Q1=(function(){try{var e=La(Object,"defineProperty");return e({},"",{}),e}catch{}})();function ow(e,o,r){o=="__proto__"&&Q1?Q1(e,o,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[o]=r}var xL=Object.prototype,wL=xL.hasOwnProperty;function tw(e,o,r){var i=e[o];(!(wL.call(e,o)&&ew(i,r))||r===void 0&&!(o in e))&&ow(e,o,r)}function zd(e,o,r,i){var s=!r;r||(r={});for(var d=-1,f=o.length;++d<f;){var h=o[d],v=void 0;v===void 0&&(v=e[h]),s?ow(r,h,v):tw(r,h,v)}return r}function zL(e,o){for(var r=-1,i=Array(e);++r<e;)i[r]=o(r);return i}var SL="[object Arguments]";function J1(e){return Ca(e)&&Ea(e)==SL}var rw=Object.prototype,jL=rw.hasOwnProperty,TL=rw.propertyIsEnumerable,AL=J1((function(){return arguments})())?J1:function(e){return Ca(e)&&jL.call(e,"callee")&&!TL.call(e,"callee")},vc=Array.isArray;function EL(){return!1}var aw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ey=aw&&typeof module=="object"&&module&&!module.nodeType&&module,CL=ey&&ey.exports===aw,ny=CL?Rt.Buffer:void 0,$L=ny?ny.isBuffer:void 0,lw=$L||EL,LL=9007199254740991,OL=/^(?:0|[1-9]\d*)$/;function RL(e,o){var r=typeof e;return o=o??LL,!!o&&(r=="number"||r!="symbol"&&OL.test(e))&&e>-1&&e%1==0&&e<o}var NL=9007199254740991;function iw(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=NL}var BL="[object Arguments]",DL="[object Array]",ML="[object Boolean]",IL="[object Date]",HL="[object Error]",UL="[object Function]",FL="[object Map]",KL="[object Number]",VL="[object Object]",qL="[object RegExp]",ZL="[object Set]",PL="[object String]",GL="[object WeakMap]",YL="[object ArrayBuffer]",XL="[object DataView]",WL="[object Float32Array]",QL="[object Float64Array]",JL="[object Int8Array]",e8="[object Int16Array]",n8="[object Int32Array]",o8="[object Uint8Array]",t8="[object Uint8ClampedArray]",r8="[object Uint16Array]",a8="[object Uint32Array]",xn={};xn[WL]=xn[QL]=xn[JL]=xn[e8]=xn[n8]=xn[o8]=xn[t8]=xn[r8]=xn[a8]=!0;xn[BL]=xn[DL]=xn[YL]=xn[ML]=xn[XL]=xn[IL]=xn[HL]=xn[UL]=xn[FL]=xn[KL]=xn[VL]=xn[qL]=xn[ZL]=xn[PL]=xn[GL]=!1;function l8(e){return Ca(e)&&iw(e.length)&&!!xn[Ea(e)]}function rm(e){return function(o){return e(o)}}var cw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Yi=cw&&typeof module=="object"&&module&&!module.nodeType&&module,i8=Yi&&Yi.exports===cw,jb=i8&&X0.process,Ll=(function(){try{var e=Yi&&Yi.require&&Yi.require("util").types;return e||jb&&jb.binding&&jb.binding("util")}catch{}})(),oy=Ll&&Ll.isTypedArray,c8=oy?rm(oy):l8,s8=Object.prototype,d8=s8.hasOwnProperty;function sw(e,o){var r=vc(e),i=!r&&AL(e),s=!r&&!i&&lw(e),d=!r&&!i&&!s&&c8(e),f=r||i||s||d,h=f?zL(e.length,String):[],v=h.length;for(var m in e)(o||d8.call(e,m))&&!(f&&(m=="length"||s&&(m=="offset"||m=="parent")||d&&(m=="buffer"||m=="byteLength"||m=="byteOffset")||RL(m,v)))&&h.push(m);return h}var u8=Object.prototype;function am(e){var o=e&&e.constructor,r=typeof o=="function"&&o.prototype||u8;return e===r}var f8=Q0(Object.keys,Object),b8=Object.prototype,h8=b8.hasOwnProperty;function m8(e){if(!am(e))return f8(e);var o=[];for(var r in Object(e))h8.call(e,r)&&r!="constructor"&&o.push(r);return o}function dw(e){return e!=null&&iw(e.length)&&!nw(e)}function lm(e){return dw(e)?sw(e):m8(e)}function v8(e,o){return e&&zd(o,lm(o),e)}function p8(e){var o=[];if(e!=null)for(var r in Object(e))o.push(r);return o}var _8=Object.prototype,g8=_8.hasOwnProperty;function k8(e){if(!mc(e))return p8(e);var o=am(e),r=[];for(var i in e)i=="constructor"&&(o||!g8.call(e,i))||r.push(i);return r}function im(e){return dw(e)?sw(e,!0):k8(e)}function y8(e,o){return e&&zd(o,im(o),e)}var uw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ty=uw&&typeof module=="object"&&module&&!module.nodeType&&module,x8=ty&&ty.exports===uw,ry=x8?Rt.Buffer:void 0,ay=ry?ry.allocUnsafe:void 0;function w8(e,o){if(o)return e.slice();var r=e.length,i=ay?ay(r):new e.constructor(r);return e.copy(i),i}function fw(e,o){var r=-1,i=e.length;for(o||(o=Array(i));++r<i;)o[r]=e[r];return o}function z8(e,o){for(var r=-1,i=e==null?0:e.length,s=0,d=[];++r<i;){var f=e[r];o(f,r,e)&&(d[s++]=f)}return d}function bw(){return[]}var S8=Object.prototype,j8=S8.propertyIsEnumerable,ly=Object.getOwnPropertySymbols,cm=ly?function(e){return e==null?[]:(e=Object(e),z8(ly(e),function(o){return j8.call(e,o)}))}:bw;function T8(e,o){return zd(e,cm(e),o)}function hw(e,o){for(var r=-1,i=o.length,s=e.length;++r<i;)e[s+r]=o[r];return e}var A8=Object.getOwnPropertySymbols,mw=A8?function(e){for(var o=[];e;)hw(o,cm(e)),e=tm(e);return o}:bw;function E8(e,o){return zd(e,mw(e),o)}function vw(e,o,r){var i=o(e);return vc(e)?i:hw(i,r(e))}function C8(e){return vw(e,lm,cm)}function $8(e){return vw(e,im,mw)}var mh=La(Rt,"DataView"),vh=La(Rt,"Promise"),ph=La(Rt,"Set"),_h=La(Rt,"WeakMap"),iy="[object Map]",L8="[object Object]",cy="[object Promise]",sy="[object Set]",dy="[object WeakMap]",uy="[object DataView]",O8=$a(mh),R8=$a(cc),N8=$a(vh),B8=$a(ph),D8=$a(_h),or=Ea;(mh&&or(new mh(new ArrayBuffer(1)))!=uy||cc&&or(new cc)!=iy||vh&&or(vh.resolve())!=cy||ph&&or(new ph)!=sy||_h&&or(new _h)!=dy)&&(or=function(e){var o=Ea(e),r=o==L8?e.constructor:void 0,i=r?$a(r):"";if(i)switch(i){case O8:return uy;case R8:return iy;case N8:return cy;case B8:return sy;case D8:return dy}return o});var M8=Object.prototype,I8=M8.hasOwnProperty;function H8(e){var o=e.length,r=new e.constructor(o);return o&&typeof e[0]=="string"&&I8.call(e,"index")&&(r.index=e.index,r.input=e.input),r}var fy=Rt.Uint8Array;function sm(e){var o=new e.constructor(e.byteLength);return new fy(o).set(new fy(e)),o}function U8(e,o){var r=o?sm(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}var F8=/\w*$/;function K8(e){var o=new e.constructor(e.source,F8.exec(e));return o.lastIndex=e.lastIndex,o}var by=Fr?Fr.prototype:void 0,hy=by?by.valueOf:void 0;function V8(e){return hy?Object(hy.call(e)):{}}function q8(e,o){var r=o?sm(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}var Z8="[object Boolean]",P8="[object Date]",G8="[object Map]",Y8="[object Number]",X8="[object RegExp]",W8="[object Set]",Q8="[object String]",J8="[object Symbol]",eO="[object ArrayBuffer]",nO="[object DataView]",oO="[object Float32Array]",tO="[object Float64Array]",rO="[object Int8Array]",aO="[object Int16Array]",lO="[object Int32Array]",iO="[object Uint8Array]",cO="[object Uint8ClampedArray]",sO="[object Uint16Array]",dO="[object Uint32Array]";function uO(e,o,r){var i=e.constructor;switch(o){case eO:return sm(e);case Z8:case P8:return new i(+e);case nO:return U8(e,r);case oO:case tO:case rO:case aO:case lO:case iO:case cO:case sO:case dO:return q8(e,r);case G8:return new i;case Y8:case Q8:return new i(e);case X8:return K8(e);case W8:return new i;case J8:return V8(e)}}var my=Object.create,fO=(function(){function e(){}return function(o){if(!mc(o))return{};if(my)return my(o);e.prototype=o;var r=new e;return e.prototype=void 0,r}})();function bO(e){return typeof e.constructor=="function"&&!am(e)?fO(tm(e)):{}}var hO="[object Map]";function mO(e){return Ca(e)&&or(e)==hO}var vy=Ll&&Ll.isMap,vO=vy?rm(vy):mO,pO="[object Set]";function _O(e){return Ca(e)&&or(e)==pO}var py=Ll&&Ll.isSet,gO=py?rm(py):_O,kO=1,yO=2,xO=4,pw="[object Arguments]",wO="[object Array]",zO="[object Boolean]",SO="[object Date]",jO="[object Error]",_w="[object Function]",TO="[object GeneratorFunction]",AO="[object Map]",EO="[object Number]",gw="[object Object]",CO="[object RegExp]",$O="[object Set]",LO="[object String]",OO="[object Symbol]",RO="[object WeakMap]",NO="[object ArrayBuffer]",BO="[object DataView]",DO="[object Float32Array]",MO="[object Float64Array]",IO="[object Int8Array]",HO="[object Int16Array]",UO="[object Int32Array]",FO="[object Uint8Array]",KO="[object Uint8ClampedArray]",VO="[object Uint16Array]",qO="[object Uint32Array]",_n={};_n[pw]=_n[wO]=_n[NO]=_n[BO]=_n[zO]=_n[SO]=_n[DO]=_n[MO]=_n[IO]=_n[HO]=_n[UO]=_n[AO]=_n[EO]=_n[gw]=_n[CO]=_n[$O]=_n[LO]=_n[OO]=_n[FO]=_n[KO]=_n[VO]=_n[qO]=!0;_n[jO]=_n[_w]=_n[RO]=!1;function Xi(e,o,r,i,s,d){var f,h=o&kO,v=o&yO,m=o&xO;if(f!==void 0)return f;if(!mc(e))return e;var p=vc(e);if(p){if(f=H8(e),!h)return fw(e,f)}else{var y=or(e),g=y==_w||y==TO;if(lw(e))return w8(e,h);if(y==gw||y==pw||g&&!s){if(f=v||g?{}:bO(e),!h)return v?E8(e,y8(f,e)):T8(e,v8(f,e))}else{if(!_n[y])return s?e:{};f=uO(e,y,h)}}d||(d=new Nl);var S=d.get(e);if(S)return S;d.set(e,f),gO(e)?e.forEach(function(R){f.add(Xi(R,o,r,R,e,d))}):vO(e)&&e.forEach(function(R,T){f.set(T,Xi(R,o,r,T,e,d))});var O=m?v?$8:C8:v?im:lm,L=p?void 0:O(e);return yL(L||e,function(R,T){L&&(T=R,R=e[T]),tw(f,T,Xi(R,o,r,T,e,d))}),f}var ZO=1,PO=4;function Os(e){return Xi(e,ZO|PO)}var Tb,_y;function GO(){if(_y)return Tb;_y=1;var e=Array.isArray,o=Object.keys,r=Object.prototype.hasOwnProperty,i=typeof Element<"u";function s(d,f){if(d===f)return!0;if(d&&f&&typeof d=="object"&&typeof f=="object"){var h=e(d),v=e(f),m,p,y;if(h&&v){if(p=d.length,p!=f.length)return!1;for(m=p;m--!==0;)if(!s(d[m],f[m]))return!1;return!0}if(h!=v)return!1;var g=d instanceof Date,S=f instanceof Date;if(g!=S)return!1;if(g&&S)return d.getTime()==f.getTime();var O=d instanceof RegExp,L=f instanceof RegExp;if(O!=L)return!1;if(O&&L)return d.toString()==f.toString();var R=o(d);if(p=R.length,p!==o(f).length)return!1;for(m=p;m--!==0;)if(!r.call(f,R[m]))return!1;if(i&&d instanceof Element&&f instanceof Element)return d===f;for(m=p;m--!==0;)if(y=R[m],!(y==="_owner"&&d.$$typeof)&&!s(d[y],f[y]))return!1;return!0}return d!==d&&f!==f}return Tb=function(f,h){try{return s(f,h)}catch(v){if(v.message&&v.message.match(/stack|recursion/i)||v.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",v.name,v.message),!1;throw v}},Tb}var YO=GO();const va=jx(YO);var XO=4;function gy(e){return Xi(e,XO)}function kw(e,o){for(var r=-1,i=e==null?0:e.length,s=Array(i);++r<i;)s[r]=o(e[r],r,e);return s}var WO="[object Symbol]";function dm(e){return typeof e=="symbol"||Ca(e)&&Ea(e)==WO}var QO="Expected a function";function um(e,o){if(typeof e!="function"||o!=null&&typeof o!="function")throw new TypeError(QO);var r=function(){var i=arguments,s=o?o.apply(this,i):i[0],d=r.cache;if(d.has(s))return d.get(s);var f=e.apply(this,i);return r.cache=d.set(s,f)||d,f};return r.cache=new(um.Cache||Vr),r}um.Cache=Vr;var JO=500;function eR(e){var o=um(e,function(i){return r.size===JO&&r.clear(),i}),r=o.cache;return o}var nR=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,oR=/\\(\\)?/g,tR=eR(function(e){var o=[];return e.charCodeAt(0)===46&&o.push(""),e.replace(nR,function(r,i,s,d){o.push(s?d.replace(oR,"$1"):i||r)}),o});function rR(e){if(typeof e=="string"||dm(e))return e;var o=e+"";return o=="0"&&1/e==-1/0?"-0":o}var ky=Fr?Fr.prototype:void 0,yy=ky?ky.toString:void 0;function yw(e){if(typeof e=="string")return e;if(vc(e))return kw(e,yw)+"";if(dm(e))return yy?yy.call(e):"";var o=e+"";return o=="0"&&1/e==-1/0?"-0":o}function aR(e){return e==null?"":yw(e)}function xw(e){return vc(e)?kw(e,rR):dm(e)?[e]:fw(tR(aR(e)))}var Ab={exports:{}},cn={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -14076,12 +14076,12 @@ Link:
           newResult[${A}] = ${B}.value;
         }
         
-      `)}S.write("payload.value = newResult;"),S.write("return payload;");const k=S.compile();return(j,B)=>k(g,j,B)};let d;const f=bd,h=!Qw.jitless,m=h&&iB.value,p=o.catchall;let y;e._zod.parse=(g,S)=>{y??(y=i.value);const O=g.value;return f(O)?h&&m&&S?.async===!1&&S.jitless!==!0?(d||(d=s(o.shape)),g=d(g,S),p?f2([],O,g,S,y,e):g):r(g,S):(g.issues.push({expected:"object",code:"invalid_type",input:O,inst:e}),g)}});function Wy(e,o,r,i){for(const d of e)if(d.issues.length===0)return o.value=d.value,o;const s=e.filter(d=>!Tl(d));return s.length===1?(o.value=s[0].value,s[0]):(o.issues.push({code:"invalid_union",input:o.value,inst:r,errors:e.map(d=>d.issues.map(f=>wa(f,i,xa())))}),o)}const QD=ee("$ZodUnion",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.options.some(s=>s._zod.optin==="optional")?"optional":void 0),kn(e._zod,"optout",()=>o.options.some(s=>s._zod.optout==="optional")?"optional":void 0),kn(e._zod,"values",()=>{if(o.options.every(s=>s._zod.values))return new Set(o.options.flatMap(s=>Array.from(s._zod.values)))}),kn(e._zod,"pattern",()=>{if(o.options.every(s=>s._zod.pattern)){const s=o.options.map(d=>d._zod.pattern);return new RegExp(`^(${s.map(d=>zm(d.source)).join("|")})$`)}});const r=o.options.length===1,i=o.options[0]._zod.run;e._zod.parse=(s,d)=>{if(r)return i(s,d);let f=!1;const h=[];for(const v of o.options){const m=v._zod.run({value:s.value,issues:[]},d);if(m instanceof Promise)h.push(m),f=!0;else{if(m.issues.length===0)return m;h.push(m)}}return f?Promise.all(h).then(v=>Wy(v,s,e,d)):Wy(h,s,e,d)}}),JD=ee("$ZodIntersection",(e,o)=>{Mn.init(e,o),e._zod.parse=(r,i)=>{const s=r.value,d=o.left._zod.run({value:s,issues:[]},i),f=o.right._zod.run({value:s,issues:[]},i);return d instanceof Promise||f instanceof Promise?Promise.all([d,f]).then(([v,m])=>Qy(r,v,m)):Qy(r,d,f)}});function wh(e,o){if(e===o)return{valid:!0,data:e};if(e instanceof Date&&o instanceof Date&&+e==+o)return{valid:!0,data:e};if(fc(e)&&fc(o)){const r=Object.keys(o),i=Object.keys(e).filter(d=>r.indexOf(d)!==-1),s={...e,...o};for(const d of i){const f=wh(e[d],o[d]);if(!f.valid)return{valid:!1,mergeErrorPath:[d,...f.mergeErrorPath]};s[d]=f.data}return{valid:!0,data:s}}if(Array.isArray(e)&&Array.isArray(o)){if(e.length!==o.length)return{valid:!1,mergeErrorPath:[]};const r=[];for(let i=0;i<e.length;i++){const s=e[i],d=o[i],f=wh(s,d);if(!f.valid)return{valid:!1,mergeErrorPath:[i,...f.mergeErrorPath]};r.push(f.data)}return{valid:!0,data:r}}return{valid:!1,mergeErrorPath:[]}}function Qy(e,o,r){if(o.issues.length&&e.issues.push(...o.issues),r.issues.length&&e.issues.push(...r.issues),Tl(e))return e;const i=wh(o.value,r.value);if(!i.valid)throw new Error(`Unmergable intersection. Error path: ${JSON.stringify(i.mergeErrorPath)}`);return e.value=i.data,e}const eM=ee("$ZodEnum",(e,o)=>{Mn.init(e,o);const r=rB(o.entries),i=new Set(r);e._zod.values=i,e._zod.pattern=new RegExp(`^(${r.filter(s=>cB.has(typeof s)).map(s=>typeof s=="string"?Ed(s):s.toString()).join("|")})$`),e._zod.parse=(s,d)=>{const f=s.value;return i.has(f)||s.issues.push({code:"invalid_value",values:r,input:f,inst:e}),s}}),nM=ee("$ZodTransform",(e,o)=>{Mn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new Ww(e.constructor.name);const s=o.transform(r.value,r);if(i.async)return(s instanceof Promise?s:Promise.resolve(s)).then(f=>(r.value=f,r));if(s instanceof Promise)throw new El;return r.value=s,r}});function Jy(e,o){return e.issues.length&&o===void 0?{issues:[],value:void 0}:e}const oM=ee("$ZodOptional",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",e._zod.optout="optional",kn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,void 0]):void 0),kn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${zm(r.source)})?$`):void 0}),e._zod.parse=(r,i)=>{if(o.innerType._zod.optin==="optional"){const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>Jy(d,r.value)):Jy(s,r.value)}return r.value===void 0?r:o.innerType._zod.run(r,i)}}),tM=ee("$ZodNullable",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),kn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${zm(r.source)}|null)$`):void 0}),kn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,null]):void 0),e._zod.parse=(r,i)=>r.value===null?r:o.innerType._zod.run(r,i)}),rM=ee("$ZodDefault",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);if(r.value===void 0)return r.value=o.defaultValue,r;const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ex(d,o)):ex(s,o)}});function ex(e,o){return e.value===void 0&&(e.value=o.defaultValue),e}const aM=ee("$ZodPrefault",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>(i.direction==="backward"||r.value===void 0&&(r.value=o.defaultValue),o.innerType._zod.run(r,i))}),lM=ee("$ZodNonOptional",(e,o)=>{Mn.init(e,o),kn(e._zod,"values",()=>{const r=o.innerType._zod.values;return r?new Set([...r].filter(i=>i!==void 0)):void 0}),e._zod.parse=(r,i)=>{const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>nx(d,e)):nx(s,e)}});function nx(e,o){return!e.issues.length&&e.value===void 0&&e.issues.push({code:"invalid_type",expected:"nonoptional",input:e.value,inst:o}),e}const iM=ee("$ZodCatch",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>(r.value=d.value,d.issues.length&&(r.value=o.catchValue({...r,error:{issues:d.issues.map(f=>wa(f,i,xa()))},input:r.value}),r.issues=[]),r)):(r.value=s.value,s.issues.length&&(r.value=o.catchValue({...r,error:{issues:s.issues.map(d=>wa(d,i,xa()))},input:r.value}),r.issues=[]),r)}}),cM=ee("$ZodPipe",(e,o)=>{Mn.init(e,o),kn(e._zod,"values",()=>o.in._zod.values),kn(e._zod,"optin",()=>o.in._zod.optin),kn(e._zod,"optout",()=>o.out._zod.optout),kn(e._zod,"propValues",()=>o.in._zod.propValues),e._zod.parse=(r,i)=>{if(i.direction==="backward"){const d=o.out._zod.run(r,i);return d instanceof Promise?d.then(f=>Ds(f,o.in,i)):Ds(d,o.in,i)}const s=o.in._zod.run(r,i);return s instanceof Promise?s.then(d=>Ds(d,o.out,i)):Ds(s,o.out,i)}});function Ds(e,o,r){return e.issues.length?(e.aborted=!0,e):o._zod.run({value:e.value,issues:e.issues},r)}const sM=ee("$ZodReadonly",(e,o)=>{Mn.init(e,o),kn(e._zod,"propValues",()=>o.innerType._zod.propValues),kn(e._zod,"values",()=>o.innerType._zod.values),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(ox):ox(s)}});function ox(e){return e.value=Object.freeze(e.value),e}const dM=ee("$ZodCustom",(e,o)=>{No.init(e,o),Mn.init(e,o),e._zod.parse=(r,i)=>r,e._zod.check=r=>{const i=r.value,s=o.fn(i);if(s instanceof Promise)return s.then(d=>tx(d,r,i,e));tx(s,r,i,e)}});function tx(e,o,r,i){if(!e){const s={code:"custom",input:r,inst:i,path:[...i._zod.def.path??[]],continue:!i._zod.def.abort};i._zod.def.params&&(s.params=i._zod.def.params),o.issues.push(bc(s))}}class uM{constructor(){this._map=new WeakMap,this._idmap=new Map}add(o,...r){const i=r[0];if(this._map.set(o,i),i&&typeof i=="object"&&"id"in i){if(this._idmap.has(i.id))throw new Error(`ID ${i.id} already exists in the registry`);this._idmap.set(i.id,o)}return this}clear(){return this._map=new WeakMap,this._idmap=new Map,this}remove(o){const r=this._map.get(o);return r&&typeof r=="object"&&"id"in r&&this._idmap.delete(r.id),this._map.delete(o),this}get(o){const r=o._zod.parent;if(r){const i={...this.get(r)??{}};delete i.id;const s={...i,...this._map.get(o)};return Object.keys(s).length?s:void 0}return this._map.get(o)}has(o){return this._map.has(o)}}function fM(){return new uM}const Ms=fM();function bM(e,o){return new e({type:"string",...Te(o)})}function hM(e,o){return new e({type:"string",format:"email",check:"string_format",abort:!1,...Te(o)})}function rx(e,o){return new e({type:"string",format:"guid",check:"string_format",abort:!1,...Te(o)})}function mM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,...Te(o)})}function vM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v4",...Te(o)})}function pM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v6",...Te(o)})}function _M(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v7",...Te(o)})}function gM(e,o){return new e({type:"string",format:"url",check:"string_format",abort:!1,...Te(o)})}function kM(e,o){return new e({type:"string",format:"emoji",check:"string_format",abort:!1,...Te(o)})}function yM(e,o){return new e({type:"string",format:"nanoid",check:"string_format",abort:!1,...Te(o)})}function xM(e,o){return new e({type:"string",format:"cuid",check:"string_format",abort:!1,...Te(o)})}function wM(e,o){return new e({type:"string",format:"cuid2",check:"string_format",abort:!1,...Te(o)})}function zM(e,o){return new e({type:"string",format:"ulid",check:"string_format",abort:!1,...Te(o)})}function SM(e,o){return new e({type:"string",format:"xid",check:"string_format",abort:!1,...Te(o)})}function jM(e,o){return new e({type:"string",format:"ksuid",check:"string_format",abort:!1,...Te(o)})}function TM(e,o){return new e({type:"string",format:"ipv4",check:"string_format",abort:!1,...Te(o)})}function AM(e,o){return new e({type:"string",format:"ipv6",check:"string_format",abort:!1,...Te(o)})}function EM(e,o){return new e({type:"string",format:"cidrv4",check:"string_format",abort:!1,...Te(o)})}function CM(e,o){return new e({type:"string",format:"cidrv6",check:"string_format",abort:!1,...Te(o)})}function $M(e,o){return new e({type:"string",format:"base64",check:"string_format",abort:!1,...Te(o)})}function LM(e,o){return new e({type:"string",format:"base64url",check:"string_format",abort:!1,...Te(o)})}function OM(e,o){return new e({type:"string",format:"e164",check:"string_format",abort:!1,...Te(o)})}function RM(e,o){return new e({type:"string",format:"jwt",check:"string_format",abort:!1,...Te(o)})}function NM(e,o){return new e({type:"string",format:"datetime",check:"string_format",offset:!1,local:!1,precision:null,...Te(o)})}function BM(e,o){return new e({type:"string",format:"date",check:"string_format",...Te(o)})}function DM(e,o){return new e({type:"string",format:"time",check:"string_format",precision:null,...Te(o)})}function MM(e,o){return new e({type:"string",format:"duration",check:"string_format",...Te(o)})}function IM(e,o){return new e({type:"number",checks:[],...Te(o)})}function HM(e,o){return new e({type:"number",check:"number_format",abort:!1,format:"safeint",...Te(o)})}function UM(e,o){return new e({type:"boolean",...Te(o)})}function FM(e){return new e({type:"unknown"})}function KM(e,o){return new e({type:"never",...Te(o)})}function VM(e,o){return new e({type:"date",...Te(o)})}function ax(e,o){return new i2({check:"less_than",...Te(o),value:e,inclusive:!1})}function Ws(e,o){return new i2({check:"less_than",...Te(o),value:e,inclusive:!0})}function lx(e,o){return new c2({check:"greater_than",...Te(o),value:e,inclusive:!1})}function Qs(e,o){return new c2({check:"greater_than",...Te(o),value:e,inclusive:!0})}function ix(e,o){return new aD({check:"multiple_of",...Te(o),value:e})}function b2(e,o){return new iD({check:"max_length",...Te(o),maximum:e})}function md(e,o){return new cD({check:"min_length",...Te(o),minimum:e})}function h2(e,o){return new sD({check:"length_equals",...Te(o),length:e})}function qM(e,o){return new dD({check:"string_format",format:"regex",...Te(o),pattern:e})}function ZM(e){return new uD({check:"string_format",format:"lowercase",...Te(e)})}function PM(e){return new fD({check:"string_format",format:"uppercase",...Te(e)})}function GM(e,o){return new bD({check:"string_format",format:"includes",...Te(o),includes:e})}function YM(e,o){return new hD({check:"string_format",format:"starts_with",...Te(o),prefix:e})}function XM(e,o){return new mD({check:"string_format",format:"ends_with",...Te(o),suffix:e})}function _c(e){return new vD({check:"overwrite",tx:e})}function WM(e){return _c(o=>o.normalize(e))}function QM(){return _c(e=>e.trim())}function JM(){return _c(e=>e.toLowerCase())}function e9(){return _c(e=>e.toUpperCase())}function n9(e,o,r){return new e({type:"array",element:o,...Te(r)})}function o9(e,o,r){return new e({type:"custom",check:"custom",fn:o,...Te(r)})}function t9(e){const o=r9(r=>(r.addIssue=i=>{if(typeof i=="string")r.issues.push(bc(i,r.value,o._zod.def));else{const s=i;s.fatal&&(s.continue=!1),s.code??(s.code="custom"),s.input??(s.input=r.value),s.inst??(s.inst=o),s.continue??(s.continue=!o._zod.def.abort),r.issues.push(bc(s))}},e(r.value,r)));return o}function r9(e,o){const r=new No({check:"custom",...Te(o)});return r._zod.check=e,r}function cx(e,o){try{var r=e()}catch(i){return o(i)}return r&&r.then?r.then(void 0,o):r}function a9(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,f=i.path.join(".");if(!r[f])if("unionErrors"in i){var h=i.unionErrors[0].errors[0];r[f]={message:h.message,type:h.code}}else r[f]={message:d,type:s};if("unionErrors"in i&&i.unionErrors.forEach(function(p){return p.errors.forEach(function(y){return e.push(y)})}),o){var v=r[f].types,m=v&&v[i.code];r[f]=gm(f,o,r,s,m?[].concat(m,i.message):i.message)}e.shift()}return r}function l9(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,f=i.path.join(".");if(!r[f])if(i.code==="invalid_union"&&i.errors.length>0){var h=i.errors[0][0];r[f]={message:h.message,type:h.code}}else r[f]={message:d,type:s};if(i.code==="invalid_union"&&i.errors.forEach(function(p){return p.forEach(function(y){return e.push(y)})}),o){var v=r[f].types,m=v&&v[i.code];r[f]=gm(f,o,r,s,m?[].concat(m,i.message):i.message)}e.shift()}return r}function i9(e,o,r){if(r===void 0&&(r={}),(function(i){return"_def"in i&&typeof i._def=="object"&&"typeName"in i._def})(e))return function(i,s,d){try{return Promise.resolve(cx(function(){return Promise.resolve(e[r.mode==="sync"?"parse":"parseAsync"](i,o)).then(function(f){return d.shouldUseNativeValidation&&yh({},d),{errors:{},values:r.raw?Object.assign({},i):f}})},function(f){if((function(h){return Array.isArray(h?.issues)})(f))return{values:{},errors:qy(a9(f.errors,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw f}))}catch(f){return Promise.reject(f)}};if((function(i){return"_zod"in i&&typeof i._zod=="object"})(e))return function(i,s,d){try{return Promise.resolve(cx(function(){return Promise.resolve((r.mode==="sync"?kB:yB)(e,i,o)).then(function(f){return d.shouldUseNativeValidation&&yh({},d),{errors:{},values:r.raw?Object.assign({},i):f}})},function(f){if((function(h){return h instanceof jm})(f))return{values:{},errors:qy(l9(f.issues,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw f}))}catch(f){return Promise.reject(f)}};throw new Error("Invalid input: not a Zod schema")}const c9=ee("ZodISODateTime",(e,o)=>{CD.init(e,o),$n.init(e,o)});function s9(e){return NM(c9,e)}const d9=ee("ZodISODate",(e,o)=>{$D.init(e,o),$n.init(e,o)});function u9(e){return BM(d9,e)}const f9=ee("ZodISOTime",(e,o)=>{LD.init(e,o),$n.init(e,o)});function b9(e){return DM(f9,e)}const h9=ee("ZodISODuration",(e,o)=>{OD.init(e,o),$n.init(e,o)});function m9(e){return MM(h9,e)}const v9=(e,o)=>{jm.init(e,o),e.name="ZodError",Object.defineProperties(e,{format:{value:r=>gB(e,r)},flatten:{value:r=>_B(e,r)},addIssue:{value:r=>{e.issues.push(r),e.message=JSON.stringify(e.issues,xh,2)}},addIssues:{value:r=>{e.issues.push(...r),e.message=JSON.stringify(e.issues,xh,2)}},isEmpty:{get(){return e.issues.length===0}}})},ft=ee("ZodError",v9,{Parent:Error}),p9=$d(ft),_9=Ld(ft),g9=Od(ft),k9=Rd(ft),y9=zB(ft),x9=SB(ft),w9=jB(ft),z9=TB(ft),S9=AB(ft),j9=EB(ft),T9=CB(ft),A9=$B(ft),Zn=ee("ZodType",(e,o)=>(Mn.init(e,o),e.def=o,e.type=o.type,Object.defineProperty(e,"_def",{value:o}),e.check=(...r)=>e.clone({...o,checks:[...o.checks??[],...r.map(i=>typeof i=="function"?{_zod:{check:i,def:{check:"custom"},onattach:[]}}:i)]}),e.clone=(r,i)=>Zr(e,r,i),e.brand=()=>e,e.register=((r,i)=>(r.add(e,i),e)),e.parse=(r,i)=>p9(e,r,i,{callee:e.parse}),e.safeParse=(r,i)=>g9(e,r,i),e.parseAsync=async(r,i)=>_9(e,r,i,{callee:e.parseAsync}),e.safeParseAsync=async(r,i)=>k9(e,r,i),e.spa=e.safeParseAsync,e.encode=(r,i)=>y9(e,r,i),e.decode=(r,i)=>x9(e,r,i),e.encodeAsync=async(r,i)=>w9(e,r,i),e.decodeAsync=async(r,i)=>z9(e,r,i),e.safeEncode=(r,i)=>S9(e,r,i),e.safeDecode=(r,i)=>j9(e,r,i),e.safeEncodeAsync=async(r,i)=>T9(e,r,i),e.safeDecodeAsync=async(r,i)=>A9(e,r,i),e.refine=(r,i)=>e.check(wI(r,i)),e.superRefine=r=>e.check(zI(r)),e.overwrite=r=>e.check(_c(r)),e.optional=()=>bx(e),e.nullable=()=>hx(e),e.nullish=()=>bx(hx(e)),e.nonoptional=r=>vI(e,r),e.array=()=>oI(e),e.or=r=>lI([e,r]),e.and=r=>cI(e,r),e.transform=r=>Sh(e,p2(r)),e.default=r=>bI(e,r),e.prefault=r=>mI(e,r),e.catch=r=>_I(e,r),e.pipe=r=>Sh(e,r),e.readonly=()=>yI(e),e.describe=r=>{const i=e.clone();return Ms.add(i,{description:r}),i},Object.defineProperty(e,"description",{get(){return Ms.get(e)?.description},configurable:!0}),e.meta=(...r)=>{if(r.length===0)return Ms.get(e);const i=e.clone();return Ms.add(i,r[0]),i},e.isOptional=()=>e.safeParse(void 0).success,e.isNullable=()=>e.safeParse(null).success,e)),m2=ee("_ZodString",(e,o)=>{Tm.init(e,o),Zn.init(e,o);const r=e._zod.bag;e.format=r.format??null,e.minLength=r.minimum??null,e.maxLength=r.maximum??null,e.regex=(...i)=>e.check(qM(...i)),e.includes=(...i)=>e.check(GM(...i)),e.startsWith=(...i)=>e.check(YM(...i)),e.endsWith=(...i)=>e.check(XM(...i)),e.min=(...i)=>e.check(md(...i)),e.max=(...i)=>e.check(b2(...i)),e.length=(...i)=>e.check(h2(...i)),e.nonempty=(...i)=>e.check(md(1,...i)),e.lowercase=i=>e.check(ZM(i)),e.uppercase=i=>e.check(PM(i)),e.trim=()=>e.check(QM()),e.normalize=(...i)=>e.check(WM(...i)),e.toLowerCase=()=>e.check(JM()),e.toUpperCase=()=>e.check(e9())}),E9=ee("ZodString",(e,o)=>{Tm.init(e,o),m2.init(e,o),e.email=r=>e.check(hM(C9,r)),e.url=r=>e.check(gM($9,r)),e.jwt=r=>e.check(RM(Z9,r)),e.emoji=r=>e.check(kM(L9,r)),e.guid=r=>e.check(rx(sx,r)),e.uuid=r=>e.check(mM(Is,r)),e.uuidv4=r=>e.check(vM(Is,r)),e.uuidv6=r=>e.check(pM(Is,r)),e.uuidv7=r=>e.check(_M(Is,r)),e.nanoid=r=>e.check(yM(O9,r)),e.guid=r=>e.check(rx(sx,r)),e.cuid=r=>e.check(xM(R9,r)),e.cuid2=r=>e.check(wM(N9,r)),e.ulid=r=>e.check(zM(B9,r)),e.base64=r=>e.check($M(K9,r)),e.base64url=r=>e.check(LM(V9,r)),e.xid=r=>e.check(SM(D9,r)),e.ksuid=r=>e.check(jM(M9,r)),e.ipv4=r=>e.check(TM(I9,r)),e.ipv6=r=>e.check(AM(H9,r)),e.cidrv4=r=>e.check(EM(U9,r)),e.cidrv6=r=>e.check(CM(F9,r)),e.e164=r=>e.check(OM(q9,r)),e.datetime=r=>e.check(s9(r)),e.date=r=>e.check(u9(r)),e.time=r=>e.check(b9(r)),e.duration=r=>e.check(m9(r))});function Jt(e){return bM(E9,e)}const $n=ee("ZodStringFormat",(e,o)=>{An.init(e,o),m2.init(e,o)}),C9=ee("ZodEmail",(e,o)=>{yD.init(e,o),$n.init(e,o)}),sx=ee("ZodGUID",(e,o)=>{gD.init(e,o),$n.init(e,o)}),Is=ee("ZodUUID",(e,o)=>{kD.init(e,o),$n.init(e,o)}),$9=ee("ZodURL",(e,o)=>{xD.init(e,o),$n.init(e,o)}),L9=ee("ZodEmoji",(e,o)=>{wD.init(e,o),$n.init(e,o)}),O9=ee("ZodNanoID",(e,o)=>{zD.init(e,o),$n.init(e,o)}),R9=ee("ZodCUID",(e,o)=>{SD.init(e,o),$n.init(e,o)}),N9=ee("ZodCUID2",(e,o)=>{jD.init(e,o),$n.init(e,o)}),B9=ee("ZodULID",(e,o)=>{TD.init(e,o),$n.init(e,o)}),D9=ee("ZodXID",(e,o)=>{AD.init(e,o),$n.init(e,o)}),M9=ee("ZodKSUID",(e,o)=>{ED.init(e,o),$n.init(e,o)}),I9=ee("ZodIPv4",(e,o)=>{RD.init(e,o),$n.init(e,o)}),H9=ee("ZodIPv6",(e,o)=>{ND.init(e,o),$n.init(e,o)}),U9=ee("ZodCIDRv4",(e,o)=>{BD.init(e,o),$n.init(e,o)}),F9=ee("ZodCIDRv6",(e,o)=>{DD.init(e,o),$n.init(e,o)}),K9=ee("ZodBase64",(e,o)=>{MD.init(e,o),$n.init(e,o)}),V9=ee("ZodBase64URL",(e,o)=>{HD.init(e,o),$n.init(e,o)}),q9=ee("ZodE164",(e,o)=>{UD.init(e,o),$n.init(e,o)}),Z9=ee("ZodJWT",(e,o)=>{KD.init(e,o),$n.init(e,o)}),v2=ee("ZodNumber",(e,o)=>{d2.init(e,o),Zn.init(e,o),e.gt=(i,s)=>e.check(lx(i,s)),e.gte=(i,s)=>e.check(Qs(i,s)),e.min=(i,s)=>e.check(Qs(i,s)),e.lt=(i,s)=>e.check(ax(i,s)),e.lte=(i,s)=>e.check(Ws(i,s)),e.max=(i,s)=>e.check(Ws(i,s)),e.int=i=>e.check(ux(i)),e.safe=i=>e.check(ux(i)),e.positive=i=>e.check(lx(0,i)),e.nonnegative=i=>e.check(Qs(0,i)),e.negative=i=>e.check(ax(0,i)),e.nonpositive=i=>e.check(Ws(0,i)),e.multipleOf=(i,s)=>e.check(ix(i,s)),e.step=(i,s)=>e.check(ix(i,s)),e.finite=()=>e;const r=e._zod.bag;e.minValue=Math.max(r.minimum??Number.NEGATIVE_INFINITY,r.exclusiveMinimum??Number.NEGATIVE_INFINITY)??null,e.maxValue=Math.min(r.maximum??Number.POSITIVE_INFINITY,r.exclusiveMaximum??Number.POSITIVE_INFINITY)??null,e.isInt=(r.format??"").includes("int")||Number.isSafeInteger(r.multipleOf??.5),e.isFinite=!0,e.format=r.format??null});function dx(e){return IM(v2,e)}const P9=ee("ZodNumberFormat",(e,o)=>{VD.init(e,o),v2.init(e,o)});function ux(e){return HM(P9,e)}const G9=ee("ZodBoolean",(e,o)=>{qD.init(e,o),Zn.init(e,o)});function Y9(e){return UM(G9,e)}const X9=ee("ZodUnknown",(e,o)=>{ZD.init(e,o),Zn.init(e,o)});function fx(){return FM(X9)}const W9=ee("ZodNever",(e,o)=>{PD.init(e,o),Zn.init(e,o)});function Q9(e){return KM(W9,e)}const J9=ee("ZodDate",(e,o)=>{GD.init(e,o),Zn.init(e,o),e.min=(i,s)=>e.check(Qs(i,s)),e.max=(i,s)=>e.check(Ws(i,s));const r=e._zod.bag;e.minDate=r.minimum?new Date(r.minimum):null,e.maxDate=r.maximum?new Date(r.maximum):null});function eI(e){return VM(J9,e)}const nI=ee("ZodArray",(e,o)=>{YD.init(e,o),Zn.init(e,o),e.element=o.element,e.min=(r,i)=>e.check(md(r,i)),e.nonempty=r=>e.check(md(1,r)),e.max=(r,i)=>e.check(b2(r,i)),e.length=(r,i)=>e.check(h2(r,i)),e.unwrap=()=>e.element});function oI(e,o){return n9(nI,e,o)}const tI=ee("ZodObject",(e,o)=>{WD.init(e,o),Zn.init(e,o),kn(e,"shape",()=>o.shape),e.keyof=()=>sI(Object.keys(e._zod.def.shape)),e.catchall=r=>e.clone({...e._zod.def,catchall:r}),e.passthrough=()=>e.clone({...e._zod.def,catchall:fx()}),e.loose=()=>e.clone({...e._zod.def,catchall:fx()}),e.strict=()=>e.clone({...e._zod.def,catchall:Q9()}),e.strip=()=>e.clone({...e._zod.def,catchall:void 0}),e.extend=r=>bB(e,r),e.safeExtend=r=>hB(e,r),e.merge=r=>mB(e,r),e.pick=r=>uB(e,r),e.omit=r=>fB(e,r),e.partial=(...r)=>vB(_2,e,r[0]),e.required=(...r)=>pB(g2,e,r[0])});function rI(e,o){const r={type:"object",get shape(){return qr(this,"shape",e?lB(e):{}),this.shape},...Te(o)};return new tI(r)}const aI=ee("ZodUnion",(e,o)=>{QD.init(e,o),Zn.init(e,o),e.options=o.options});function lI(e,o){return new aI({type:"union",options:e,...Te(o)})}const iI=ee("ZodIntersection",(e,o)=>{JD.init(e,o),Zn.init(e,o)});function cI(e,o){return new iI({type:"intersection",left:e,right:o})}const zh=ee("ZodEnum",(e,o)=>{eM.init(e,o),Zn.init(e,o),e.enum=o.entries,e.options=Object.values(o.entries);const r=new Set(Object.keys(o.entries));e.extract=(i,s)=>{const d={};for(const f of i)if(r.has(f))d[f]=o.entries[f];else throw new Error(`Key ${f} not found in enum`);return new zh({...o,checks:[],...Te(s),entries:d})},e.exclude=(i,s)=>{const d={...o.entries};for(const f of i)if(r.has(f))delete d[f];else throw new Error(`Key ${f} not found in enum`);return new zh({...o,checks:[],...Te(s),entries:d})}});function sI(e,o){const r=Array.isArray(e)?Object.fromEntries(e.map(i=>[i,i])):e;return new zh({type:"enum",entries:r,...Te(o)})}const dI=ee("ZodTransform",(e,o)=>{nM.init(e,o),Zn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new Ww(e.constructor.name);r.addIssue=d=>{if(typeof d=="string")r.issues.push(bc(d,r.value,o));else{const f=d;f.fatal&&(f.continue=!1),f.code??(f.code="custom"),f.input??(f.input=r.value),f.inst??(f.inst=e),r.issues.push(bc(f))}};const s=o.transform(r.value,r);return s instanceof Promise?s.then(d=>(r.value=d,r)):(r.value=s,r)}});function p2(e){return new dI({type:"transform",transform:e})}const _2=ee("ZodOptional",(e,o)=>{oM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function bx(e){return new _2({type:"optional",innerType:e})}const uI=ee("ZodNullable",(e,o)=>{tM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function hx(e){return new uI({type:"nullable",innerType:e})}const fI=ee("ZodDefault",(e,o)=>{rM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeDefault=e.unwrap});function bI(e,o){return new fI({type:"default",innerType:e,get defaultValue(){return typeof o=="function"?o():e2(o)}})}const hI=ee("ZodPrefault",(e,o)=>{aM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function mI(e,o){return new hI({type:"prefault",innerType:e,get defaultValue(){return typeof o=="function"?o():e2(o)}})}const g2=ee("ZodNonOptional",(e,o)=>{lM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function vI(e,o){return new g2({type:"nonoptional",innerType:e,...Te(o)})}const pI=ee("ZodCatch",(e,o)=>{iM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeCatch=e.unwrap});function _I(e,o){return new pI({type:"catch",innerType:e,catchValue:typeof o=="function"?o:()=>o})}const gI=ee("ZodPipe",(e,o)=>{cM.init(e,o),Zn.init(e,o),e.in=o.in,e.out=o.out});function Sh(e,o){return new gI({type:"pipe",in:e,out:o})}const kI=ee("ZodReadonly",(e,o)=>{sM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function yI(e){return new kI({type:"readonly",innerType:e})}const xI=ee("ZodCustom",(e,o)=>{dM.init(e,o),Zn.init(e,o)});function wI(e,o={}){return o9(xI,e,o)}function zI(e){return t9(e)}function SI(e,o){return Sh(p2(e),o)}const jI=rI({date:SI(e=>typeof e=="string"||e instanceof Date?new Date(e):void 0,eI({message:"Date is required"}).refine(e=>!isNaN(e.getTime()),{message:"Invalid date"})),text:Jt({message:"Please enter text."}).min(10,"Text must be at least 10 characters long."),email:Jt({message:"Please enter your email."}).min(1,"Please enter your email.").email("Invalid email address."),password:Jt({message:"Please enter a password."}).min(8,"Password must be at least 8 characters.").regex(/[A-Z]/,"Password must include at least one uppercase letter.").regex(/[0-9]/,"Password must include at least one number."),range:dx({message:"Please select a range."}).min(30,"Minimum value is 30."),number:dx({message:"Please enter a number."}).min(1,"Minimum is 1.").max(10,"Maximum is 10."),checkbox:Y9().refine(e=>e===!0,{message:"You must accept the terms and conditions."}),radio:Jt({message:"Please select a gender."}).min(1,"Please select a gender."),color:Jt({message:"Please select a color."}).min(1,"Please select a color."),select:Jt({message:"Please select a value."}).min(1,"Please select a value."),singleSelect:Jt({message:"Please select a single option."}).min(1,"Please select a single option."),combobox:Jt({message:"Please select a country."}).min(1,"Please select a country."),textarea:Jt({message:"Please enter a message."}).min(1,"Please enter a message.")}),TI=()=>{const{dummyClickEventHandler:e}=Dn(),{handleSubmit:o,formState:{errors:r,touchedFields:i},reset:s,setValue:d,trigger:f,watch:h}=Xw({mode:"onBlur",reValidateMode:"onChange",resolver:i9(jI),defaultValues:{range:30,number:5}}),v=S=>{const O=r[S];if(!(!O||typeof O!="object"||!("message"in O)))return{_description:O.message,_type:"error"}},m=S=>!!i[S],p=S=>({id:`field-${S}`,_name:S,_value:h(S),_touched:m(S),_msg:v(S),_on:{onInput:(O,L)=>d(S,L,{shouldTouch:!0,shouldValidate:!0}),onBlur:()=>f(S)}}),y=()=>{s(void 0,{keepErrors:!1,keepTouched:!1,keepDirty:!1})},g=Object.entries(r).map(([S,O])=>[S,O.message]).filter(([,S])=>!!S);return a.jsxs("section",{className:"w-full max-w-3xl mx-auto p-6",children:[a.jsx(he,{_level:2,_label:"Sample Form with Validation (Zod)"}),a.jsx(G,{children:a.jsxs("p",{children:["This example shows validation with ",a.jsx("code",{children:"react-hook-form"}),", ",a.jsx("code",{children:"Zod"}),", and an error list."]})}),g.length>0&&a.jsx(go,{_type:"error",_label:"Please fix the following:",_alert:!0,_variant:"card",children:a.jsx("ul",{className:"list-disc pl-5",children:g.map(([S,O],L)=>a.jsx("li",{children:a.jsx(Se,{_label:O,_href:`#field-${S}`,_on:{onClick:R=>{R.preventDefault(),document.getElementById(`field-${S}`)?.focus()}}})},L))})}),a.jsxs("form",{onSubmit:o(e),noValidate:!0,className:"grid gap-4 mt-6",children:[a.jsx(Ve,{_label:"Date",...p("date")}),a.jsx(Ie,{_label:"Text (≥ 10 chars)",...p("text")}),a.jsx(Fn,{_label:"Email",...p("email")}),a.jsx(Tn,{_label:"Password",...p("password")}),a.jsx(Xn,{_label:"Range (≥ 30)",_min:0,_max:100,...p("range")}),a.jsx(jn,{_label:"Number (1 – 10)",...p("number")}),a.jsx(Je,{_label:"Accept terms",...p("checkbox")}),a.jsx(Cn,{_label:"Gender",_options:[{label:"Female",value:"f"},{label:"Male",value:"m"}],...p("radio")}),a.jsx(Un,{_label:"Favorite Color",...p("color")}),a.jsx(Kn,{_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],...p("select")}),a.jsx(fo,{_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],...p("singleSelect")}),a.jsx(wo,{_label:"Country",_suggestions:Yo,...p("combobox")}),a.jsx(Qe,{_label:"Message",_rows:4,...p("textarea")}),a.jsxs("div",{className:"flex gap-4 mt-4",children:[a.jsx(oe,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(oe,{_label:"Reset",_type:"reset",onClick:y})]})]})]})},AI=[{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}],EI=[{_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}],mx={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 CI(){const[e]=w.useState(()=>{const o=mx.horizontal[0];let r=0;for(const i of o)r+=parseFloat(i.width?.replace("px","")||"0");return`${r}px`});return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"mainlayout",children:[a.jsx("aside",{className:"nav-area",children:a.jsx(lr,{_label:"Main navigation",_links:bm,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),a.jsx("div",{className:"content",children:a.jsxs(sr,{_tabs:EI,_align:"top",_label:"Demo Tabs",children:[a.jsx("div",{style:{overflow:"hidden"},children:a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:mx,_data:AI,_pagination:{_page:1},className:"block"})}),a.jsx("div",{}),a.jsx("div",{}),a.jsx("div",{})]})})]})]})}const $I=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx("div",{style:{container:"test / size",contain:"layout"},children:a.jsx(Mb,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]});function Bo(e,o){return Me.forwardRef((r,i)=>{const{name:s,control:d,rules:f,defaultValue:h,...v}=r,m=r._on||{};return Me.createElement(KN,{name:s,control:d,rules:f,defaultValue:h,render:({field:p,fieldState:y})=>{const g={...v,_name:s,_touched:y.isTouched,_disabled:r._disabled||p.disabled,_msg:y.error?{_type:"error",_description:typeof y.error=="string"?y.error:y.error?.message??""}:void 0,_on:{...m,onInput:(S,O)=>{p.onChange(O),m.onInput&&m.onInput(S,O)},onChange:(S,O)=>{p.onChange(O),m.onChange&&m.onChange(S,O)},onBlur:S=>{p.onBlur(),m.onBlur&&m.onBlur(S)}}};return o&&(g[o]=p.value),Me.createElement(e,{ref:S=>{i&&(typeof i=="function"?i(S):i.current=S),S&&p.ref&&p.ref(S)},...g})}})})}const vx=Bo(Ie,"_value"),LI=Bo(Tn,"_value"),OI=Bo(Fn,"_value"),RI=Bo(jn,"_value"),NI=Bo(Xn,"_value"),BI=Bo(Ve,"_value"),DI=Bo(Un,"_value"),MI=Bo(Rn,void 0),II=Bo(Qe,"_value"),HI=Bo(wo,"_value"),UI=Bo(Kn,"_value"),FI=Bo(fo,"_value"),KI=Bo(Cn,"_value"),VI=Bo(Je,"_checked"),qI={firstName:"",lastName:"",email:"",password:"",age:18,volume:50,birthday:"",favoriteColor:"#000000",cv:null,bio:"",country:"",language:"de",framework:"",gender:"",termsAccepted:!1},ZI=[{label:"English",value:"en"},{label:"German",value:"de"},{label:"French",value:"fr"}],PI=[{label:"React",value:"react"},{label:"Vue",value:"vue"},{label:"Stencil",value:"stencil"}],GI=[{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Other",value:"other"}],YI=["firstName","lastName","email","password","age","volume","birthday","favoriteColor","cv","bio","country","language","framework","gender","termsAccepted"],XI=()=>{const{control:e,handleSubmit:o,setValue:r,getValues:i,trigger:s}=Xw({defaultValues:qI,mode:"onTouched",shouldFocusError:!0}),d=()=>{YI.forEach(v=>{r(v,i(v),{shouldTouch:!0,shouldValidate:!0})})},f=v=>{alert(JSON.stringify(v,null,2))},h=v=>{d(),s(void 0,{shouldFocus:!0}),console.warn("Validation errors:",v)};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample demonstrates a form using React Hook Form with KoliBri adapters. All inputs are validated, and error messages are shown on submit."})}),a.jsxs("form",{onSubmit:o(f,h),className:"grid gap-4 w-full max-w-xl",children:[a.jsx(vx,{name:"firstName",control:e,_label:"First Name",rules:{required:"First name is required"},_required:!0}),a.jsx(vx,{name:"lastName",control:e,_label:"Last Name",rules:{required:"Last name is required"},_required:!0}),a.jsx(OI,{name:"email",control:e,_label:"Email",rules:{required:"Email is required"},_required:!0}),a.jsx(LI,{name:"password",control:e,_label:"Password",rules:{required:"Password is required"},_required:!0}),a.jsx(RI,{name:"age",control:e,_label:"Age",rules:{required:"Age is required",min:0},_required:!0}),a.jsx(NI,{name:"volume",control:e,_label:"Volume (0–100)",_min:0,_max:100}),a.jsx(BI,{name:"birthday",control:e,_label:"Birthday",rules:{required:"Birthday is required"}}),a.jsx(DI,{name:"favoriteColor",control:e,_label:"Favorite Color",id:"favoriteColor"}),a.jsx(MI,{name:"cv",control:e,_label:"Upload CV",rules:{required:"Please upload your CV"},_required:!0}),a.jsx(II,{name:"bio",control:e,_label:"Bio",rules:{required:"Please provide a short bio"},_required:!0}),a.jsx(HI,{control:e,rules:{required:"Please select a country"},name:"country",_label:"Country",_suggestions:Yo,_required:!0}),a.jsx(UI,{control:e,rules:{required:"Please select a language"},name:"language",_label:"Preferred Language",_options:ZI,_required:!0}),a.jsx(FI,{rules:{required:"Please select a framework"},control:e,name:"framework",_label:"Favorite Framework",_options:PI,_required:!0}),a.jsx(KI,{control:e,rules:{required:"Please select your gender"},name:"gender",_label:"Gender",_options:GI,_required:!0}),a.jsx(VI,{name:"termsAccepted",control:e,_label:"I accept the terms and conditions",rules:{required:"You must accept the terms"},_required:!0}),a.jsx(oe,{_label:"Submit",_type:"submit"})]})]})},WI={scenarios:{"change-tabindex":TN,"custom-tooltip-width":AN,"disabled-interactive-scenario":EN,"focus-elements":CN,"input-group-with-error":$N,"inputs-get-value":LN,"react-hook-form-adapter":XI,"same-height-of-all-interactive-elements":BN,"static-form":DN,"sample-form-with-validation":TI,"table-horizontal-scrollbar-advanced":CI,"tooltip-positioning":$I,"performance-test":NN}},Pi=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],QI=Pi.map((e,o)=>o===0?{label:"Select salutation",value:"",disabled:!0}:e),JI=Go.reduce((e,o)=>{const r=o.label.charAt(0).toUpperCase();return e[r]||(e[r]={label:r,options:[]}),e[r].options.push({label:o.label,value:o.label}),e},{}),px=Object.values(JI),_x=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Kn,{...o,ref:r,_accessKey:"a",_options:Pi,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Kn,{...o,_options:Pi,_label:"Disabled",_disabled:!0}),a.jsx(Kn,{...o,_options:QI,_label:"Salutation with error",_msg:{_type:"error",_description:Fe},_touched:!0}),a.jsx(Kn,{...o,_options:Go,_label:"Multiple choice",_multiple:!0}),a.jsx(Kn,{...o,_options:Go,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Fe},_hint:zo,_touched:!0}),a.jsx(Kn,{...o,_options:Pi,_label:"With access key",_accessKey:"c"}),a.jsx(Kn,{...o,_options:Pi,_label:"With short key",_shortKey:"s"}),a.jsx(Kn,{...o,_options:px,_label:"With grouped by first letter",_value:"Albanien"}),a.jsx(Kn,{...o,_options:px,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})]})}),e7=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(_x,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(_x,{ref:r,...o,_hideLabel:!0})]})]})}),n7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:e7,showButtons:!1})]}),gx={select:{basic:n7}},o7=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(G,{children:[a.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),a.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),a.jsx(X4,{_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"}]})]}),t7={"skip-nav":{basic:o7}},r7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),a.jsx(vd,{_show:!0})]}),a7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(vd,{_show:!0,_variant:"none",children:a.jsx("span",{slot:"expert",className:"loader"})})]}),l7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),a.jsx(vd,{_show:!0,_variant:"cycle"})]}),i7=()=>{const[e,o]=w.useState(!0);return w.useEffect(()=>{const r=setInterval(()=>o(i=>!i),3e3);return()=>clearInterval(r)},[]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolSpin with a label."})}),a.jsx(vd,{_show:e,_label:e?"Loading data...":"Data loaded."})]})},c7={spin:{basic:r7,cycle:l7,custom:a7,label:i7}},s7=()=>{const{buttonWithTextClickEventHandler:e}=Dn(),o={onClick:e},r=[{_label:"Save",_icons:"codicon codicon-save",_on:o},{_label:"Move",_icons:"codicon codicon-move",_on:o},{_label:"Delete",_icons:"codicon codicon-trash",_on:o}];return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["The ",a.jsx("code",{children:"SplitButton"})," component combines a primary action button with a context menu. Clicking the main button triggers the",a.jsx("strong",{children:" Edit"})," action. The context menu opens a vertical list of additional actions:",a.jsx("strong",{children:" Save"}),", ",a.jsx("strong",{children:"Move"}),", and ",a.jsx("strong",{children:"Delete"}),"."]})}),a.jsx("div",{className:"flex flex-col gap-4",children:a.jsx(zl,{_label:"Edit",_on:o,children:a.jsx(Ji,{_label:"Action toolbar",_items:r,_orientation:"vertical"})})})]})},d7=()=>{const e=w.useRef(null),o=()=>{e.current?.closePopup()};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),a.jsx("div",{className:"flex gap-4",children:a.jsx(zl,{ref:e,_label:"Only the arrow opens",children:a.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:r=>r.stopPropagation(),children:[a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),a.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[a.jsx(Ie,{_label:"User"}),a.jsx(Ie,{_label:"Role"}),a.jsx(oe,{_label:"Close",_on:{onClick:o}})]})]})})})]})},u7={"split-button":{basic:s7,"with-context":d7}},Hs=[{left:"Left Example",center:"Center Example",right:"Right Example"}],qi=()=>0,f7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with columns headers and data in different text alignments."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(he,{_label:"Simple table",_level:3}),a.jsx(gn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:qi},{label:"center",key:"center",textAlign:"center",compareFn:qi},{label:"right",key:"right",textAlign:"right",compareFn:qi}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:qi},{label:"center",key:"center",textAlign:"center",compareFn:qi},{label:"right",key:"right",textAlign:"right"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}})]})]}),b7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan."})}),a.jsx("section",{className:"w-full flex flex-col",children:a.jsx(gn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}})})]}),Bd=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),cr=[{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")}],kx=[{small:"Small Example",large:"Larger Example"}],Rb={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"}]]},h7=()=>0,m7=()=>{const[e,o]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys."})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsxs("div",{className:"w-[400px] flex flex-col gap-4",children:[a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"300px",_headers:Rb,_data:kx,className:"block"}),a.jsx(gn,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:e?"600px":"300px",_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",compareFn:h7,render:(r,i,s)=>Bd.format(s.date)}]]},_data:cr,_pagination:!0}),a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"300px",_headers:Rb,_data:[],className:"block"})]}),a.jsx(Je,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(r,i)=>{o(!!i)}}}),a.jsx(he,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),a.jsx("p",{className:"mt-0",children:a.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),a.jsx(gn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:Rb,_data:kx,className:"block",_pagination:!0})]})]})};function v7({_on:e,...o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{...o,_on:i})}const Zi=e=>{const o=e.charAt(0).toUpperCase()+e.slice(1);return{label:o,key:e,textAlign:"left",render:(r,i)=>{const s={_label:o,_variant:e,_icons:{right:"codicon codicon-squirrel"}};_o(Kr(r)).render(i.label==="button"?a.jsx(v7,{...s}):a.jsx(We,{_href:"#/back-page",...s}))}}},p7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(Cl,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Zi("primary"),Zi("secondary"),Zi("normal"),Zi("danger"),Zi("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"}),a.jsx(Cl,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,o)=>{const r={_label:o.label,_icons:{right:"codicon codicon-squirrel"}};_o(Kr(e)).render(o.label==="button-link"?a.jsx(ln,{...r}):a.jsx(Se,{_href:"#/back-page",...r}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),k2=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),_7={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>k2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},g7={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>k2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},k7=()=>{const[e,o]=w.useState(!1),[r,i]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Vertical"}),a.jsx(Je,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,d)=>o(!!d)}}),a.jsx(gn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:cr.slice(0,10),_headers:g7,className:"block",_allowMultiSort:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Horizontal"}),a.jsx(Je,{_checked:r,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,d)=>i(!!d)}}),a.jsx(gn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:cr,_headers:_7,className:"block",_allowMultiSort:r})]})]})]})},y7=[{id:"1001",name:"John",age:30},{id:"1002",name:"Jane",age:25}],x7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example demonstrates a column that cannot be hidden in the settings."})}),a.jsx(gn,{_label:"Table with a non-hidable column",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1},{key:"name",label:"Name"},{key:"age",label:"Age"}]]},_data:y7,className:"block",style:{maxWidth:"600px"}})]}),Nb={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>Bd.format(r.date)}]]},Bb={_page:2},w7=()=>a.jsxs("div",{className:"w-full grid gap-14",children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with different pagination positions."})}),a.jsxs("section",{className:"w-full flex flex-col gap-14",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at the bottom."}),a.jsx(gn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"bottom"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at the top."}),a.jsx(gn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"top"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at both top and bottom."}),a.jsx(gn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"both"})]})]})]}),z7=[{columnA:"Column A",columnB:"Column B",columnC:"Column C"}],S7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example shows the table with predefined settings."})}),a.jsx(gn,{_label:"Table for demonstration purposes with predefined settings",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{label:"column A",key:"columnA"},{label:"column B",key:"columnB"},{label:"column C",key:"columnC"}]]},_tableSettings:{columns:[{key:"columnA",visible:!1,label:"Column A",position:2},{key:"columnB",visible:!0,label:"Column B",position:1,width:20},{key:"columnC",visible:!0,label:"Column C",position:0,width:45}]},_data:z7,"_min-width":"500px",className:"block",style:{maxWidth:"600px"}})]}),j7=[{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 T7({label:e,icons:o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{_label:e,_icons:o,_on:i})}const A7={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,o)=>`Index: ${o.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,o)=>{o.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,o)=>{e.innerHTML=`<strong>${Bd.format(o.label)}</strong>`},compareFn:(e,o)=>e.date.getTime()-o.date.getTime()},{label:"Action (react)",width:"20em",render:e=>{_o(Kr(e)).render(a.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[a.jsx(Ie,{_label:"Input"}),a.jsx(T7,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},E7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful using React render functions for the cell contents."})}),a.jsx(gn,{_label:"Sort by date column",_minWidth:"auto",_data:j7,_headers:A7,className:"w-full"})]}),y2=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),C7={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>y2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},$7={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>y2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},L7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Vertical headers"}),a.jsx(gn,{_label:"Sort a date column",_minWidth:"auto",_data:cr.slice(0,10),_headers:$7,className:"block"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Horizontal headers"}),a.jsx(gn,{_label:"Sort a date column",_minWidth:"auto",_data:cr,_headers:C7,className:"block"})]})]})]}),O7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function R7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const N7=()=>{const[e,o]=w.useState(),r={label:v=>`Selection for ${v.name}`,selectedKeys:e?e.map(v=>v.internalIdentifier):["AAA1004"],disabledKeys:["AAA1003","AAA1004"],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:v})=>{console.log("Selection change via event",v)},d=(v,m)=>{console.log("Selection change via callback",m)},f=async()=>{const v=await i.current?.getSelection();o(v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const h=(v,m)=>{_o(Kr(v)).render(a.jsx(R7,{label:`Click ${m.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(gn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:h}]]},_data:O7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(oe,{_label:"getSelection()",_on:{onClick:()=>{f()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},B7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function D7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const M7=()=>{const[e,o]=w.useState(),r={label:v=>`Selection for ${v.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:v})=>{console.log("Selection change via event",v)},d=(v,m)=>{console.log("Selection change via callback",m)},f=async()=>{const v=await i.current?.getSelection();o(v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const h=(v,m)=>{_o(Kr(v)).render(a.jsx(D7,{label:`Click ${m.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(gn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:h}]]},_data:B7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(oe,{_label:"getSelection()",_on:{onClick:()=>{f()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},I7=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],H7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:I7,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,o)=>{console.log(o)}}})})]}),U7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function F7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const K7=()=>{const[e,o]=w.useState(["AAA1002","AAA1004"]),r={label:h=>`Selection for ${h.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier",disabledKeys:["AAA1003","AAA1004"]},i=w.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,v)=>{console.log("Selection change via callback",v),o(typeof v=="string"?[v]:v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const f=(h,v)=>{_o(Kr(h)).render(a.jsx(F7,{label:`Click ${v.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:f}]]},_data:U7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},V7=[{id:"U1001",name:"Alice Johnson",role:"Admin",email:"alice@example.org",active:"Yes"},{id:"U1002",name:"Bob Smith",role:"Editor",email:"bob@example.org",active:"No"},{id:"U1003",name:"Carol Lee",role:"Viewer",email:"carol@example.org",active:"Yes"},{id:"U1004",name:"David Kim",role:"Editor",email:"david@example.org",active:"Yes"}],q7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows ",a.jsx("code",{children:"KolTableStateless"})," with the settings menu enabled via",a.jsx("code",{children:"_hasSettingsMenu"}),"."]})}),a.jsx(Cl,{_label:"Users (stateless with settings menu)",_minWidth:"auto",className:"w-full",_hasSettingsMenu:!0,_headerCells:{horizontal:[[{key:"id",label:"ID",textAlign:"center"},{key:"name",label:"Name",textAlign:"center"},{key:"role",label:"Role",textAlign:"center"},{key:"email",label:"E-Mail",textAlign:"center"},{key:"active",label:"Active",textAlign:"center"}]]},_data:V7,_on:{onSort:(e,o)=>console.log("sort",o),onSelectionChange:(e,o)=>console.log("selection",o)}})]}),Z7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"Foo Disabled",internalIdentifier:"AAA1003"}];function P7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const G7=()=>{const[e,o]=w.useState(["1002"]),r={label:h=>`Selection for ${h.name}`,multiple:!1,selectedKeys:e,disabledKeys:["AAA1003"],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,v)=>{console.log("Selection change via callback",v),o(typeof v=="string"?[v]:v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const f=(h,v)=>{_o(Kr(h)).render(a.jsx(P7,{label:`Click ${v.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:f}]]},_data:Z7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},Y7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with footer data."})}),a.jsx(gn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})]}),X7={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>Bd.format(r.date)}]]},W7={_page:2},Q7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolTableStateful can be navigated using a pagination."})}),a.jsx("div",{className:"w-full",children:a.jsx(gn,{_label:"Table description",_minWidth:"auto",_data:cr,_headers:X7,_pagination:W7})})]}),J7={table:{"column-alignment":f7,"complex-headers":b7,"horizontal-scrollbar":m7,"interactive-child-elements":p7,"multi-sort":k7,"non-hidable-columns":x7,"pagination-position":w7,"predefined-settings":S7,"render-cell":E7,"sort-data":L7,"stateful-with-selection":N7,"stateless-with-settings-menu":q7,"stateful-with-single-selection":M7,stateless:H7,"stateless-with-selection":K7,"stateless-with-single-selection":G7,"with-footer":Y7,"with-pagination":Q7}},x2=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],eH=x2.map(e=>({...e,_icons:void 0})),nH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),a.jsxs(sr,{_tabs:eH,_label:"Regular tabs",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),a.jsxs(sr,{_tabs:x2,className:"mt-4",_label:"Tabs with icons",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),oH=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],tH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_align"})," set to ",a.jsx("code",{children:"left"}),", ",a.jsx("code",{children:"right"}),", ",a.jsx("code",{children:"top"})," and ",a.jsx("code",{children:"bottom"}),"."]})}),a.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(e=>{const o=`Tabs with ${e} align`;return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:o}),a.jsxs(sr,{_tabs:oH,_align:e,_label:o,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},e)})})]}),rH=[{_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}],aH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),a.jsxs(sr,{_label:"Tabs with icons",_tabs:rH,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),yx=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],lH=()=>a.jsxs(a.Fragment,{children:[a.jsxs(G,{children:[a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_behavior"})," set to ",a.jsx("code",{children:"select-manual"})," and ",a.jsx("code",{children:"select-automatic"}),"."]}),a.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."})]}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:'Tabs with "select manual" behavior'}),a.jsxs(sr,{_tabs:yx,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:'Tabs with "select automatic" behavior'}),a.jsxs(sr,{_tabs:yx,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),iH=()=>{const[e,o]=w.useState([{_label:"First tab"},{_label:"Second Tab"}]),r=()=>{o([...e,{_label:`Tab #${e.length+1}`}])};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTabs with a "create tab" button.'})}),a.jsxs(sr,{_tabs:e,className:"mt-4",_label:"Tabs with create button",_hasCreateButton:!0,_on:{onCreate:r},children:[e.map((i,s)=>a.jsxs("div",{slot:`tab-${s}`,children:["Contents of ",i._label]},`tab-${s}`)),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"})]})]})},cH={tabs:{basic:nH,"create-button":iH,"icons-only":aH,behavior:lH,align:tH}},sH=`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
+      `)}S.write("payload.value = newResult;"),S.write("return payload;");const k=S.compile();return(j,B)=>k(g,j,B)};let d;const f=bd,h=!Qw.jitless,m=h&&iB.value,p=o.catchall;let y;e._zod.parse=(g,S)=>{y??(y=i.value);const O=g.value;return f(O)?h&&m&&S?.async===!1&&S.jitless!==!0?(d||(d=s(o.shape)),g=d(g,S),p?f2([],O,g,S,y,e):g):r(g,S):(g.issues.push({expected:"object",code:"invalid_type",input:O,inst:e}),g)}});function Wy(e,o,r,i){for(const d of e)if(d.issues.length===0)return o.value=d.value,o;const s=e.filter(d=>!Tl(d));return s.length===1?(o.value=s[0].value,s[0]):(o.issues.push({code:"invalid_union",input:o.value,inst:r,errors:e.map(d=>d.issues.map(f=>wa(f,i,xa())))}),o)}const QD=ee("$ZodUnion",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.options.some(s=>s._zod.optin==="optional")?"optional":void 0),kn(e._zod,"optout",()=>o.options.some(s=>s._zod.optout==="optional")?"optional":void 0),kn(e._zod,"values",()=>{if(o.options.every(s=>s._zod.values))return new Set(o.options.flatMap(s=>Array.from(s._zod.values)))}),kn(e._zod,"pattern",()=>{if(o.options.every(s=>s._zod.pattern)){const s=o.options.map(d=>d._zod.pattern);return new RegExp(`^(${s.map(d=>zm(d.source)).join("|")})$`)}});const r=o.options.length===1,i=o.options[0]._zod.run;e._zod.parse=(s,d)=>{if(r)return i(s,d);let f=!1;const h=[];for(const v of o.options){const m=v._zod.run({value:s.value,issues:[]},d);if(m instanceof Promise)h.push(m),f=!0;else{if(m.issues.length===0)return m;h.push(m)}}return f?Promise.all(h).then(v=>Wy(v,s,e,d)):Wy(h,s,e,d)}}),JD=ee("$ZodIntersection",(e,o)=>{Mn.init(e,o),e._zod.parse=(r,i)=>{const s=r.value,d=o.left._zod.run({value:s,issues:[]},i),f=o.right._zod.run({value:s,issues:[]},i);return d instanceof Promise||f instanceof Promise?Promise.all([d,f]).then(([v,m])=>Qy(r,v,m)):Qy(r,d,f)}});function wh(e,o){if(e===o)return{valid:!0,data:e};if(e instanceof Date&&o instanceof Date&&+e==+o)return{valid:!0,data:e};if(fc(e)&&fc(o)){const r=Object.keys(o),i=Object.keys(e).filter(d=>r.indexOf(d)!==-1),s={...e,...o};for(const d of i){const f=wh(e[d],o[d]);if(!f.valid)return{valid:!1,mergeErrorPath:[d,...f.mergeErrorPath]};s[d]=f.data}return{valid:!0,data:s}}if(Array.isArray(e)&&Array.isArray(o)){if(e.length!==o.length)return{valid:!1,mergeErrorPath:[]};const r=[];for(let i=0;i<e.length;i++){const s=e[i],d=o[i],f=wh(s,d);if(!f.valid)return{valid:!1,mergeErrorPath:[i,...f.mergeErrorPath]};r.push(f.data)}return{valid:!0,data:r}}return{valid:!1,mergeErrorPath:[]}}function Qy(e,o,r){if(o.issues.length&&e.issues.push(...o.issues),r.issues.length&&e.issues.push(...r.issues),Tl(e))return e;const i=wh(o.value,r.value);if(!i.valid)throw new Error(`Unmergable intersection. Error path: ${JSON.stringify(i.mergeErrorPath)}`);return e.value=i.data,e}const eM=ee("$ZodEnum",(e,o)=>{Mn.init(e,o);const r=rB(o.entries),i=new Set(r);e._zod.values=i,e._zod.pattern=new RegExp(`^(${r.filter(s=>cB.has(typeof s)).map(s=>typeof s=="string"?Ed(s):s.toString()).join("|")})$`),e._zod.parse=(s,d)=>{const f=s.value;return i.has(f)||s.issues.push({code:"invalid_value",values:r,input:f,inst:e}),s}}),nM=ee("$ZodTransform",(e,o)=>{Mn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new Ww(e.constructor.name);const s=o.transform(r.value,r);if(i.async)return(s instanceof Promise?s:Promise.resolve(s)).then(f=>(r.value=f,r));if(s instanceof Promise)throw new El;return r.value=s,r}});function Jy(e,o){return e.issues.length&&o===void 0?{issues:[],value:void 0}:e}const oM=ee("$ZodOptional",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",e._zod.optout="optional",kn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,void 0]):void 0),kn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${zm(r.source)})?$`):void 0}),e._zod.parse=(r,i)=>{if(o.innerType._zod.optin==="optional"){const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>Jy(d,r.value)):Jy(s,r.value)}return r.value===void 0?r:o.innerType._zod.run(r,i)}}),tM=ee("$ZodNullable",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),kn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${zm(r.source)}|null)$`):void 0}),kn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,null]):void 0),e._zod.parse=(r,i)=>r.value===null?r:o.innerType._zod.run(r,i)}),rM=ee("$ZodDefault",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);if(r.value===void 0)return r.value=o.defaultValue,r;const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ex(d,o)):ex(s,o)}});function ex(e,o){return e.value===void 0&&(e.value=o.defaultValue),e}const aM=ee("$ZodPrefault",(e,o)=>{Mn.init(e,o),e._zod.optin="optional",kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>(i.direction==="backward"||r.value===void 0&&(r.value=o.defaultValue),o.innerType._zod.run(r,i))}),lM=ee("$ZodNonOptional",(e,o)=>{Mn.init(e,o),kn(e._zod,"values",()=>{const r=o.innerType._zod.values;return r?new Set([...r].filter(i=>i!==void 0)):void 0}),e._zod.parse=(r,i)=>{const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>nx(d,e)):nx(s,e)}});function nx(e,o){return!e.issues.length&&e.value===void 0&&e.issues.push({code:"invalid_type",expected:"nonoptional",input:e.value,inst:o}),e}const iM=ee("$ZodCatch",(e,o)=>{Mn.init(e,o),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),kn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>(r.value=d.value,d.issues.length&&(r.value=o.catchValue({...r,error:{issues:d.issues.map(f=>wa(f,i,xa()))},input:r.value}),r.issues=[]),r)):(r.value=s.value,s.issues.length&&(r.value=o.catchValue({...r,error:{issues:s.issues.map(d=>wa(d,i,xa()))},input:r.value}),r.issues=[]),r)}}),cM=ee("$ZodPipe",(e,o)=>{Mn.init(e,o),kn(e._zod,"values",()=>o.in._zod.values),kn(e._zod,"optin",()=>o.in._zod.optin),kn(e._zod,"optout",()=>o.out._zod.optout),kn(e._zod,"propValues",()=>o.in._zod.propValues),e._zod.parse=(r,i)=>{if(i.direction==="backward"){const d=o.out._zod.run(r,i);return d instanceof Promise?d.then(f=>Ds(f,o.in,i)):Ds(d,o.in,i)}const s=o.in._zod.run(r,i);return s instanceof Promise?s.then(d=>Ds(d,o.out,i)):Ds(s,o.out,i)}});function Ds(e,o,r){return e.issues.length?(e.aborted=!0,e):o._zod.run({value:e.value,issues:e.issues},r)}const sM=ee("$ZodReadonly",(e,o)=>{Mn.init(e,o),kn(e._zod,"propValues",()=>o.innerType._zod.propValues),kn(e._zod,"values",()=>o.innerType._zod.values),kn(e._zod,"optin",()=>o.innerType._zod.optin),kn(e._zod,"optout",()=>o.innerType._zod.optout),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(ox):ox(s)}});function ox(e){return e.value=Object.freeze(e.value),e}const dM=ee("$ZodCustom",(e,o)=>{No.init(e,o),Mn.init(e,o),e._zod.parse=(r,i)=>r,e._zod.check=r=>{const i=r.value,s=o.fn(i);if(s instanceof Promise)return s.then(d=>tx(d,r,i,e));tx(s,r,i,e)}});function tx(e,o,r,i){if(!e){const s={code:"custom",input:r,inst:i,path:[...i._zod.def.path??[]],continue:!i._zod.def.abort};i._zod.def.params&&(s.params=i._zod.def.params),o.issues.push(bc(s))}}class uM{constructor(){this._map=new WeakMap,this._idmap=new Map}add(o,...r){const i=r[0];if(this._map.set(o,i),i&&typeof i=="object"&&"id"in i){if(this._idmap.has(i.id))throw new Error(`ID ${i.id} already exists in the registry`);this._idmap.set(i.id,o)}return this}clear(){return this._map=new WeakMap,this._idmap=new Map,this}remove(o){const r=this._map.get(o);return r&&typeof r=="object"&&"id"in r&&this._idmap.delete(r.id),this._map.delete(o),this}get(o){const r=o._zod.parent;if(r){const i={...this.get(r)??{}};delete i.id;const s={...i,...this._map.get(o)};return Object.keys(s).length?s:void 0}return this._map.get(o)}has(o){return this._map.has(o)}}function fM(){return new uM}const Ms=fM();function bM(e,o){return new e({type:"string",...Te(o)})}function hM(e,o){return new e({type:"string",format:"email",check:"string_format",abort:!1,...Te(o)})}function rx(e,o){return new e({type:"string",format:"guid",check:"string_format",abort:!1,...Te(o)})}function mM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,...Te(o)})}function vM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v4",...Te(o)})}function pM(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v6",...Te(o)})}function _M(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v7",...Te(o)})}function gM(e,o){return new e({type:"string",format:"url",check:"string_format",abort:!1,...Te(o)})}function kM(e,o){return new e({type:"string",format:"emoji",check:"string_format",abort:!1,...Te(o)})}function yM(e,o){return new e({type:"string",format:"nanoid",check:"string_format",abort:!1,...Te(o)})}function xM(e,o){return new e({type:"string",format:"cuid",check:"string_format",abort:!1,...Te(o)})}function wM(e,o){return new e({type:"string",format:"cuid2",check:"string_format",abort:!1,...Te(o)})}function zM(e,o){return new e({type:"string",format:"ulid",check:"string_format",abort:!1,...Te(o)})}function SM(e,o){return new e({type:"string",format:"xid",check:"string_format",abort:!1,...Te(o)})}function jM(e,o){return new e({type:"string",format:"ksuid",check:"string_format",abort:!1,...Te(o)})}function TM(e,o){return new e({type:"string",format:"ipv4",check:"string_format",abort:!1,...Te(o)})}function AM(e,o){return new e({type:"string",format:"ipv6",check:"string_format",abort:!1,...Te(o)})}function EM(e,o){return new e({type:"string",format:"cidrv4",check:"string_format",abort:!1,...Te(o)})}function CM(e,o){return new e({type:"string",format:"cidrv6",check:"string_format",abort:!1,...Te(o)})}function $M(e,o){return new e({type:"string",format:"base64",check:"string_format",abort:!1,...Te(o)})}function LM(e,o){return new e({type:"string",format:"base64url",check:"string_format",abort:!1,...Te(o)})}function OM(e,o){return new e({type:"string",format:"e164",check:"string_format",abort:!1,...Te(o)})}function RM(e,o){return new e({type:"string",format:"jwt",check:"string_format",abort:!1,...Te(o)})}function NM(e,o){return new e({type:"string",format:"datetime",check:"string_format",offset:!1,local:!1,precision:null,...Te(o)})}function BM(e,o){return new e({type:"string",format:"date",check:"string_format",...Te(o)})}function DM(e,o){return new e({type:"string",format:"time",check:"string_format",precision:null,...Te(o)})}function MM(e,o){return new e({type:"string",format:"duration",check:"string_format",...Te(o)})}function IM(e,o){return new e({type:"number",checks:[],...Te(o)})}function HM(e,o){return new e({type:"number",check:"number_format",abort:!1,format:"safeint",...Te(o)})}function UM(e,o){return new e({type:"boolean",...Te(o)})}function FM(e){return new e({type:"unknown"})}function KM(e,o){return new e({type:"never",...Te(o)})}function VM(e,o){return new e({type:"date",...Te(o)})}function ax(e,o){return new i2({check:"less_than",...Te(o),value:e,inclusive:!1})}function Ws(e,o){return new i2({check:"less_than",...Te(o),value:e,inclusive:!0})}function lx(e,o){return new c2({check:"greater_than",...Te(o),value:e,inclusive:!1})}function Qs(e,o){return new c2({check:"greater_than",...Te(o),value:e,inclusive:!0})}function ix(e,o){return new aD({check:"multiple_of",...Te(o),value:e})}function b2(e,o){return new iD({check:"max_length",...Te(o),maximum:e})}function md(e,o){return new cD({check:"min_length",...Te(o),minimum:e})}function h2(e,o){return new sD({check:"length_equals",...Te(o),length:e})}function qM(e,o){return new dD({check:"string_format",format:"regex",...Te(o),pattern:e})}function ZM(e){return new uD({check:"string_format",format:"lowercase",...Te(e)})}function PM(e){return new fD({check:"string_format",format:"uppercase",...Te(e)})}function GM(e,o){return new bD({check:"string_format",format:"includes",...Te(o),includes:e})}function YM(e,o){return new hD({check:"string_format",format:"starts_with",...Te(o),prefix:e})}function XM(e,o){return new mD({check:"string_format",format:"ends_with",...Te(o),suffix:e})}function _c(e){return new vD({check:"overwrite",tx:e})}function WM(e){return _c(o=>o.normalize(e))}function QM(){return _c(e=>e.trim())}function JM(){return _c(e=>e.toLowerCase())}function e9(){return _c(e=>e.toUpperCase())}function n9(e,o,r){return new e({type:"array",element:o,...Te(r)})}function o9(e,o,r){return new e({type:"custom",check:"custom",fn:o,...Te(r)})}function t9(e){const o=r9(r=>(r.addIssue=i=>{if(typeof i=="string")r.issues.push(bc(i,r.value,o._zod.def));else{const s=i;s.fatal&&(s.continue=!1),s.code??(s.code="custom"),s.input??(s.input=r.value),s.inst??(s.inst=o),s.continue??(s.continue=!o._zod.def.abort),r.issues.push(bc(s))}},e(r.value,r)));return o}function r9(e,o){const r=new No({check:"custom",...Te(o)});return r._zod.check=e,r}function cx(e,o){try{var r=e()}catch(i){return o(i)}return r&&r.then?r.then(void 0,o):r}function a9(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,f=i.path.join(".");if(!r[f])if("unionErrors"in i){var h=i.unionErrors[0].errors[0];r[f]={message:h.message,type:h.code}}else r[f]={message:d,type:s};if("unionErrors"in i&&i.unionErrors.forEach(function(p){return p.errors.forEach(function(y){return e.push(y)})}),o){var v=r[f].types,m=v&&v[i.code];r[f]=gm(f,o,r,s,m?[].concat(m,i.message):i.message)}e.shift()}return r}function l9(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,f=i.path.join(".");if(!r[f])if(i.code==="invalid_union"&&i.errors.length>0){var h=i.errors[0][0];r[f]={message:h.message,type:h.code}}else r[f]={message:d,type:s};if(i.code==="invalid_union"&&i.errors.forEach(function(p){return p.forEach(function(y){return e.push(y)})}),o){var v=r[f].types,m=v&&v[i.code];r[f]=gm(f,o,r,s,m?[].concat(m,i.message):i.message)}e.shift()}return r}function i9(e,o,r){if(r===void 0&&(r={}),(function(i){return"_def"in i&&typeof i._def=="object"&&"typeName"in i._def})(e))return function(i,s,d){try{return Promise.resolve(cx(function(){return Promise.resolve(e[r.mode==="sync"?"parse":"parseAsync"](i,o)).then(function(f){return d.shouldUseNativeValidation&&yh({},d),{errors:{},values:r.raw?Object.assign({},i):f}})},function(f){if((function(h){return Array.isArray(h?.issues)})(f))return{values:{},errors:qy(a9(f.errors,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw f}))}catch(f){return Promise.reject(f)}};if((function(i){return"_zod"in i&&typeof i._zod=="object"})(e))return function(i,s,d){try{return Promise.resolve(cx(function(){return Promise.resolve((r.mode==="sync"?kB:yB)(e,i,o)).then(function(f){return d.shouldUseNativeValidation&&yh({},d),{errors:{},values:r.raw?Object.assign({},i):f}})},function(f){if((function(h){return h instanceof jm})(f))return{values:{},errors:qy(l9(f.issues,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw f}))}catch(f){return Promise.reject(f)}};throw new Error("Invalid input: not a Zod schema")}const c9=ee("ZodISODateTime",(e,o)=>{CD.init(e,o),$n.init(e,o)});function s9(e){return NM(c9,e)}const d9=ee("ZodISODate",(e,o)=>{$D.init(e,o),$n.init(e,o)});function u9(e){return BM(d9,e)}const f9=ee("ZodISOTime",(e,o)=>{LD.init(e,o),$n.init(e,o)});function b9(e){return DM(f9,e)}const h9=ee("ZodISODuration",(e,o)=>{OD.init(e,o),$n.init(e,o)});function m9(e){return MM(h9,e)}const v9=(e,o)=>{jm.init(e,o),e.name="ZodError",Object.defineProperties(e,{format:{value:r=>gB(e,r)},flatten:{value:r=>_B(e,r)},addIssue:{value:r=>{e.issues.push(r),e.message=JSON.stringify(e.issues,xh,2)}},addIssues:{value:r=>{e.issues.push(...r),e.message=JSON.stringify(e.issues,xh,2)}},isEmpty:{get(){return e.issues.length===0}}})},ft=ee("ZodError",v9,{Parent:Error}),p9=$d(ft),_9=Ld(ft),g9=Od(ft),k9=Rd(ft),y9=zB(ft),x9=SB(ft),w9=jB(ft),z9=TB(ft),S9=AB(ft),j9=EB(ft),T9=CB(ft),A9=$B(ft),Zn=ee("ZodType",(e,o)=>(Mn.init(e,o),e.def=o,e.type=o.type,Object.defineProperty(e,"_def",{value:o}),e.check=(...r)=>e.clone({...o,checks:[...o.checks??[],...r.map(i=>typeof i=="function"?{_zod:{check:i,def:{check:"custom"},onattach:[]}}:i)]}),e.clone=(r,i)=>Zr(e,r,i),e.brand=()=>e,e.register=((r,i)=>(r.add(e,i),e)),e.parse=(r,i)=>p9(e,r,i,{callee:e.parse}),e.safeParse=(r,i)=>g9(e,r,i),e.parseAsync=async(r,i)=>_9(e,r,i,{callee:e.parseAsync}),e.safeParseAsync=async(r,i)=>k9(e,r,i),e.spa=e.safeParseAsync,e.encode=(r,i)=>y9(e,r,i),e.decode=(r,i)=>x9(e,r,i),e.encodeAsync=async(r,i)=>w9(e,r,i),e.decodeAsync=async(r,i)=>z9(e,r,i),e.safeEncode=(r,i)=>S9(e,r,i),e.safeDecode=(r,i)=>j9(e,r,i),e.safeEncodeAsync=async(r,i)=>T9(e,r,i),e.safeDecodeAsync=async(r,i)=>A9(e,r,i),e.refine=(r,i)=>e.check(wI(r,i)),e.superRefine=r=>e.check(zI(r)),e.overwrite=r=>e.check(_c(r)),e.optional=()=>bx(e),e.nullable=()=>hx(e),e.nullish=()=>bx(hx(e)),e.nonoptional=r=>vI(e,r),e.array=()=>oI(e),e.or=r=>lI([e,r]),e.and=r=>cI(e,r),e.transform=r=>Sh(e,p2(r)),e.default=r=>bI(e,r),e.prefault=r=>mI(e,r),e.catch=r=>_I(e,r),e.pipe=r=>Sh(e,r),e.readonly=()=>yI(e),e.describe=r=>{const i=e.clone();return Ms.add(i,{description:r}),i},Object.defineProperty(e,"description",{get(){return Ms.get(e)?.description},configurable:!0}),e.meta=(...r)=>{if(r.length===0)return Ms.get(e);const i=e.clone();return Ms.add(i,r[0]),i},e.isOptional=()=>e.safeParse(void 0).success,e.isNullable=()=>e.safeParse(null).success,e)),m2=ee("_ZodString",(e,o)=>{Tm.init(e,o),Zn.init(e,o);const r=e._zod.bag;e.format=r.format??null,e.minLength=r.minimum??null,e.maxLength=r.maximum??null,e.regex=(...i)=>e.check(qM(...i)),e.includes=(...i)=>e.check(GM(...i)),e.startsWith=(...i)=>e.check(YM(...i)),e.endsWith=(...i)=>e.check(XM(...i)),e.min=(...i)=>e.check(md(...i)),e.max=(...i)=>e.check(b2(...i)),e.length=(...i)=>e.check(h2(...i)),e.nonempty=(...i)=>e.check(md(1,...i)),e.lowercase=i=>e.check(ZM(i)),e.uppercase=i=>e.check(PM(i)),e.trim=()=>e.check(QM()),e.normalize=(...i)=>e.check(WM(...i)),e.toLowerCase=()=>e.check(JM()),e.toUpperCase=()=>e.check(e9())}),E9=ee("ZodString",(e,o)=>{Tm.init(e,o),m2.init(e,o),e.email=r=>e.check(hM(C9,r)),e.url=r=>e.check(gM($9,r)),e.jwt=r=>e.check(RM(Z9,r)),e.emoji=r=>e.check(kM(L9,r)),e.guid=r=>e.check(rx(sx,r)),e.uuid=r=>e.check(mM(Is,r)),e.uuidv4=r=>e.check(vM(Is,r)),e.uuidv6=r=>e.check(pM(Is,r)),e.uuidv7=r=>e.check(_M(Is,r)),e.nanoid=r=>e.check(yM(O9,r)),e.guid=r=>e.check(rx(sx,r)),e.cuid=r=>e.check(xM(R9,r)),e.cuid2=r=>e.check(wM(N9,r)),e.ulid=r=>e.check(zM(B9,r)),e.base64=r=>e.check($M(K9,r)),e.base64url=r=>e.check(LM(V9,r)),e.xid=r=>e.check(SM(D9,r)),e.ksuid=r=>e.check(jM(M9,r)),e.ipv4=r=>e.check(TM(I9,r)),e.ipv6=r=>e.check(AM(H9,r)),e.cidrv4=r=>e.check(EM(U9,r)),e.cidrv6=r=>e.check(CM(F9,r)),e.e164=r=>e.check(OM(q9,r)),e.datetime=r=>e.check(s9(r)),e.date=r=>e.check(u9(r)),e.time=r=>e.check(b9(r)),e.duration=r=>e.check(m9(r))});function Jt(e){return bM(E9,e)}const $n=ee("ZodStringFormat",(e,o)=>{An.init(e,o),m2.init(e,o)}),C9=ee("ZodEmail",(e,o)=>{yD.init(e,o),$n.init(e,o)}),sx=ee("ZodGUID",(e,o)=>{gD.init(e,o),$n.init(e,o)}),Is=ee("ZodUUID",(e,o)=>{kD.init(e,o),$n.init(e,o)}),$9=ee("ZodURL",(e,o)=>{xD.init(e,o),$n.init(e,o)}),L9=ee("ZodEmoji",(e,o)=>{wD.init(e,o),$n.init(e,o)}),O9=ee("ZodNanoID",(e,o)=>{zD.init(e,o),$n.init(e,o)}),R9=ee("ZodCUID",(e,o)=>{SD.init(e,o),$n.init(e,o)}),N9=ee("ZodCUID2",(e,o)=>{jD.init(e,o),$n.init(e,o)}),B9=ee("ZodULID",(e,o)=>{TD.init(e,o),$n.init(e,o)}),D9=ee("ZodXID",(e,o)=>{AD.init(e,o),$n.init(e,o)}),M9=ee("ZodKSUID",(e,o)=>{ED.init(e,o),$n.init(e,o)}),I9=ee("ZodIPv4",(e,o)=>{RD.init(e,o),$n.init(e,o)}),H9=ee("ZodIPv6",(e,o)=>{ND.init(e,o),$n.init(e,o)}),U9=ee("ZodCIDRv4",(e,o)=>{BD.init(e,o),$n.init(e,o)}),F9=ee("ZodCIDRv6",(e,o)=>{DD.init(e,o),$n.init(e,o)}),K9=ee("ZodBase64",(e,o)=>{MD.init(e,o),$n.init(e,o)}),V9=ee("ZodBase64URL",(e,o)=>{HD.init(e,o),$n.init(e,o)}),q9=ee("ZodE164",(e,o)=>{UD.init(e,o),$n.init(e,o)}),Z9=ee("ZodJWT",(e,o)=>{KD.init(e,o),$n.init(e,o)}),v2=ee("ZodNumber",(e,o)=>{d2.init(e,o),Zn.init(e,o),e.gt=(i,s)=>e.check(lx(i,s)),e.gte=(i,s)=>e.check(Qs(i,s)),e.min=(i,s)=>e.check(Qs(i,s)),e.lt=(i,s)=>e.check(ax(i,s)),e.lte=(i,s)=>e.check(Ws(i,s)),e.max=(i,s)=>e.check(Ws(i,s)),e.int=i=>e.check(ux(i)),e.safe=i=>e.check(ux(i)),e.positive=i=>e.check(lx(0,i)),e.nonnegative=i=>e.check(Qs(0,i)),e.negative=i=>e.check(ax(0,i)),e.nonpositive=i=>e.check(Ws(0,i)),e.multipleOf=(i,s)=>e.check(ix(i,s)),e.step=(i,s)=>e.check(ix(i,s)),e.finite=()=>e;const r=e._zod.bag;e.minValue=Math.max(r.minimum??Number.NEGATIVE_INFINITY,r.exclusiveMinimum??Number.NEGATIVE_INFINITY)??null,e.maxValue=Math.min(r.maximum??Number.POSITIVE_INFINITY,r.exclusiveMaximum??Number.POSITIVE_INFINITY)??null,e.isInt=(r.format??"").includes("int")||Number.isSafeInteger(r.multipleOf??.5),e.isFinite=!0,e.format=r.format??null});function dx(e){return IM(v2,e)}const P9=ee("ZodNumberFormat",(e,o)=>{VD.init(e,o),v2.init(e,o)});function ux(e){return HM(P9,e)}const G9=ee("ZodBoolean",(e,o)=>{qD.init(e,o),Zn.init(e,o)});function Y9(e){return UM(G9,e)}const X9=ee("ZodUnknown",(e,o)=>{ZD.init(e,o),Zn.init(e,o)});function fx(){return FM(X9)}const W9=ee("ZodNever",(e,o)=>{PD.init(e,o),Zn.init(e,o)});function Q9(e){return KM(W9,e)}const J9=ee("ZodDate",(e,o)=>{GD.init(e,o),Zn.init(e,o),e.min=(i,s)=>e.check(Qs(i,s)),e.max=(i,s)=>e.check(Ws(i,s));const r=e._zod.bag;e.minDate=r.minimum?new Date(r.minimum):null,e.maxDate=r.maximum?new Date(r.maximum):null});function eI(e){return VM(J9,e)}const nI=ee("ZodArray",(e,o)=>{YD.init(e,o),Zn.init(e,o),e.element=o.element,e.min=(r,i)=>e.check(md(r,i)),e.nonempty=r=>e.check(md(1,r)),e.max=(r,i)=>e.check(b2(r,i)),e.length=(r,i)=>e.check(h2(r,i)),e.unwrap=()=>e.element});function oI(e,o){return n9(nI,e,o)}const tI=ee("ZodObject",(e,o)=>{WD.init(e,o),Zn.init(e,o),kn(e,"shape",()=>o.shape),e.keyof=()=>sI(Object.keys(e._zod.def.shape)),e.catchall=r=>e.clone({...e._zod.def,catchall:r}),e.passthrough=()=>e.clone({...e._zod.def,catchall:fx()}),e.loose=()=>e.clone({...e._zod.def,catchall:fx()}),e.strict=()=>e.clone({...e._zod.def,catchall:Q9()}),e.strip=()=>e.clone({...e._zod.def,catchall:void 0}),e.extend=r=>bB(e,r),e.safeExtend=r=>hB(e,r),e.merge=r=>mB(e,r),e.pick=r=>uB(e,r),e.omit=r=>fB(e,r),e.partial=(...r)=>vB(_2,e,r[0]),e.required=(...r)=>pB(g2,e,r[0])});function rI(e,o){const r={type:"object",get shape(){return qr(this,"shape",e?lB(e):{}),this.shape},...Te(o)};return new tI(r)}const aI=ee("ZodUnion",(e,o)=>{QD.init(e,o),Zn.init(e,o),e.options=o.options});function lI(e,o){return new aI({type:"union",options:e,...Te(o)})}const iI=ee("ZodIntersection",(e,o)=>{JD.init(e,o),Zn.init(e,o)});function cI(e,o){return new iI({type:"intersection",left:e,right:o})}const zh=ee("ZodEnum",(e,o)=>{eM.init(e,o),Zn.init(e,o),e.enum=o.entries,e.options=Object.values(o.entries);const r=new Set(Object.keys(o.entries));e.extract=(i,s)=>{const d={};for(const f of i)if(r.has(f))d[f]=o.entries[f];else throw new Error(`Key ${f} not found in enum`);return new zh({...o,checks:[],...Te(s),entries:d})},e.exclude=(i,s)=>{const d={...o.entries};for(const f of i)if(r.has(f))delete d[f];else throw new Error(`Key ${f} not found in enum`);return new zh({...o,checks:[],...Te(s),entries:d})}});function sI(e,o){const r=Array.isArray(e)?Object.fromEntries(e.map(i=>[i,i])):e;return new zh({type:"enum",entries:r,...Te(o)})}const dI=ee("ZodTransform",(e,o)=>{nM.init(e,o),Zn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new Ww(e.constructor.name);r.addIssue=d=>{if(typeof d=="string")r.issues.push(bc(d,r.value,o));else{const f=d;f.fatal&&(f.continue=!1),f.code??(f.code="custom"),f.input??(f.input=r.value),f.inst??(f.inst=e),r.issues.push(bc(f))}};const s=o.transform(r.value,r);return s instanceof Promise?s.then(d=>(r.value=d,r)):(r.value=s,r)}});function p2(e){return new dI({type:"transform",transform:e})}const _2=ee("ZodOptional",(e,o)=>{oM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function bx(e){return new _2({type:"optional",innerType:e})}const uI=ee("ZodNullable",(e,o)=>{tM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function hx(e){return new uI({type:"nullable",innerType:e})}const fI=ee("ZodDefault",(e,o)=>{rM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeDefault=e.unwrap});function bI(e,o){return new fI({type:"default",innerType:e,get defaultValue(){return typeof o=="function"?o():e2(o)}})}const hI=ee("ZodPrefault",(e,o)=>{aM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function mI(e,o){return new hI({type:"prefault",innerType:e,get defaultValue(){return typeof o=="function"?o():e2(o)}})}const g2=ee("ZodNonOptional",(e,o)=>{lM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function vI(e,o){return new g2({type:"nonoptional",innerType:e,...Te(o)})}const pI=ee("ZodCatch",(e,o)=>{iM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeCatch=e.unwrap});function _I(e,o){return new pI({type:"catch",innerType:e,catchValue:typeof o=="function"?o:()=>o})}const gI=ee("ZodPipe",(e,o)=>{cM.init(e,o),Zn.init(e,o),e.in=o.in,e.out=o.out});function Sh(e,o){return new gI({type:"pipe",in:e,out:o})}const kI=ee("ZodReadonly",(e,o)=>{sM.init(e,o),Zn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function yI(e){return new kI({type:"readonly",innerType:e})}const xI=ee("ZodCustom",(e,o)=>{dM.init(e,o),Zn.init(e,o)});function wI(e,o={}){return o9(xI,e,o)}function zI(e){return t9(e)}function SI(e,o){return Sh(p2(e),o)}const jI=rI({date:SI(e=>typeof e=="string"||e instanceof Date?new Date(e):void 0,eI({message:"Date is required"}).refine(e=>!isNaN(e.getTime()),{message:"Invalid date"})),text:Jt({message:"Please enter text."}).min(10,"Text must be at least 10 characters long."),email:Jt({message:"Please enter your email."}).min(1,"Please enter your email.").email("Invalid email address."),password:Jt({message:"Please enter a password."}).min(8,"Password must be at least 8 characters.").regex(/[A-Z]/,"Password must include at least one uppercase letter.").regex(/[0-9]/,"Password must include at least one number."),range:dx({message:"Please select a range."}).min(30,"Minimum value is 30."),number:dx({message:"Please enter a number."}).min(1,"Minimum is 1.").max(10,"Maximum is 10."),checkbox:Y9().refine(e=>e===!0,{message:"You must accept the terms and conditions."}),radio:Jt({message:"Please select a gender."}).min(1,"Please select a gender."),color:Jt({message:"Please select a color."}).min(1,"Please select a color."),select:Jt({message:"Please select a value."}).min(1,"Please select a value."),singleSelect:Jt({message:"Please select a single option."}).min(1,"Please select a single option."),combobox:Jt({message:"Please select a country."}).min(1,"Please select a country."),textarea:Jt({message:"Please enter a message."}).min(1,"Please enter a message.")}),TI=()=>{const{dummyClickEventHandler:e}=Dn(),{handleSubmit:o,formState:{errors:r,touchedFields:i},reset:s,setValue:d,trigger:f,watch:h}=Xw({mode:"onBlur",reValidateMode:"onChange",resolver:i9(jI),defaultValues:{range:30,number:5}}),v=S=>{const O=r[S];if(!(!O||typeof O!="object"||!("message"in O)))return{_description:O.message,_type:"error"}},m=S=>!!i[S],p=S=>({id:`field-${S}`,_name:S,_value:h(S),_touched:m(S),_msg:v(S),_on:{onInput:(O,L)=>d(S,L,{shouldTouch:!0,shouldValidate:!0}),onBlur:()=>f(S)}}),y=()=>{s(void 0,{keepErrors:!1,keepTouched:!1,keepDirty:!1})},g=Object.entries(r).map(([S,O])=>[S,O.message]).filter(([,S])=>!!S);return a.jsxs("section",{className:"w-full max-w-3xl mx-auto p-6",children:[a.jsx(he,{_level:2,_label:"Sample Form with Validation (Zod)"}),a.jsx(G,{children:a.jsxs("p",{children:["This example shows validation with ",a.jsx("code",{children:"react-hook-form"}),", ",a.jsx("code",{children:"Zod"}),", and an error list."]})}),g.length>0&&a.jsx(go,{_type:"error",_label:"Please fix the following:",_alert:!0,_variant:"card",children:a.jsx("ul",{className:"list-disc pl-5",children:g.map(([S,O],L)=>a.jsx("li",{children:a.jsx(Se,{_label:O,_href:`#field-${S}`,_on:{onClick:R=>{R.preventDefault(),document.getElementById(`field-${S}`)?.focus()}}})},L))})}),a.jsxs("form",{onSubmit:o(e),noValidate:!0,className:"grid gap-4 mt-6",children:[a.jsx(Ve,{_label:"Date",...p("date")}),a.jsx(Ie,{_label:"Text (≥ 10 chars)",...p("text")}),a.jsx(Fn,{_label:"Email",...p("email")}),a.jsx(Tn,{_label:"Password",...p("password")}),a.jsx(Xn,{_label:"Range (≥ 30)",_min:0,_max:100,...p("range")}),a.jsx(jn,{_label:"Number (1 – 10)",...p("number")}),a.jsx(Je,{_label:"Accept terms",...p("checkbox")}),a.jsx(Cn,{_label:"Gender",_options:[{label:"Female",value:"f"},{label:"Male",value:"m"}],...p("radio")}),a.jsx(Un,{_label:"Favorite Color",...p("color")}),a.jsx(Kn,{_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],...p("select")}),a.jsx(fo,{_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],...p("singleSelect")}),a.jsx(wo,{_label:"Country",_suggestions:Yo,...p("combobox")}),a.jsx(Qe,{_label:"Message",_rows:4,...p("textarea")}),a.jsxs("div",{className:"flex gap-4 mt-4",children:[a.jsx(oe,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(oe,{_label:"Reset",_type:"reset",onClick:y})]})]})]})},AI=[{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}],EI=[{_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}],mx={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 CI(){const[e]=w.useState(()=>{const o=mx.horizontal[0];let r=0;for(const i of o)r+=parseFloat(i.width?.replace("px","")||"0");return`${r}px`});return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"mainlayout",children:[a.jsx("aside",{className:"nav-area",children:a.jsx(lr,{_label:"Main navigation",_links:bm,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),a.jsx("div",{className:"content",children:a.jsxs(sr,{_tabs:EI,_align:"top",_label:"Demo Tabs",children:[a.jsx("div",{style:{overflow:"hidden"},children:a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:mx,_data:AI,_pagination:{_page:1},className:"block"})}),a.jsx("div",{}),a.jsx("div",{}),a.jsx("div",{})]})})]})]})}const $I=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx("div",{style:{container:"test / size",contain:"layout"},children:a.jsx(Mb,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]});function Bo(e,o){return Me.forwardRef((r,i)=>{const{name:s,control:d,rules:f,defaultValue:h,...v}=r,m=r._on||{};return Me.createElement(KN,{name:s,control:d,rules:f,defaultValue:h,render:({field:p,fieldState:y})=>{const g={...v,_name:s,_touched:y.isTouched,_disabled:r._disabled||p.disabled,_msg:y.error?{_type:"error",_description:typeof y.error=="string"?y.error:y.error?.message??""}:void 0,_on:{...m,onInput:(S,O)=>{p.onChange(O),m.onInput&&m.onInput(S,O)},onChange:(S,O)=>{p.onChange(O),m.onChange&&m.onChange(S,O)},onBlur:S=>{p.onBlur(),m.onBlur&&m.onBlur(S)}}};return o&&(g[o]=p.value),Me.createElement(e,{ref:S=>{i&&(typeof i=="function"?i(S):i.current=S),S&&p.ref&&p.ref(S)},...g})}})})}const vx=Bo(Ie,"_value"),LI=Bo(Tn,"_value"),OI=Bo(Fn,"_value"),RI=Bo(jn,"_value"),NI=Bo(Xn,"_value"),BI=Bo(Ve,"_value"),DI=Bo(Un,"_value"),MI=Bo(Rn,void 0),II=Bo(Qe,"_value"),HI=Bo(wo,"_value"),UI=Bo(Kn,"_value"),FI=Bo(fo,"_value"),KI=Bo(Cn,"_value"),VI=Bo(Je,"_checked"),qI={firstName:"",lastName:"",email:"",password:"",age:18,volume:50,birthday:"",favoriteColor:"#000000",cv:null,bio:"",country:"",language:"de",framework:"",gender:"",termsAccepted:!1},ZI=[{label:"English",value:"en"},{label:"German",value:"de"},{label:"French",value:"fr"}],PI=[{label:"React",value:"react"},{label:"Vue",value:"vue"},{label:"Stencil",value:"stencil"}],GI=[{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Other",value:"other"}],YI=["firstName","lastName","email","password","age","volume","birthday","favoriteColor","cv","bio","country","language","framework","gender","termsAccepted"],XI=()=>{const{control:e,handleSubmit:o,setValue:r,getValues:i,trigger:s}=Xw({defaultValues:qI,mode:"onTouched",shouldFocusError:!0}),d=()=>{YI.forEach(v=>{r(v,i(v),{shouldTouch:!0,shouldValidate:!0})})},f=v=>{alert(JSON.stringify(v,null,2))},h=v=>{d(),s(void 0,{shouldFocus:!0}),console.warn("Validation errors:",v)};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample demonstrates a form using React Hook Form with KoliBri adapters. All inputs are validated, and error messages are shown on submit."})}),a.jsxs("form",{onSubmit:o(f,h),className:"grid gap-4 w-full max-w-xl",children:[a.jsx(vx,{name:"firstName",control:e,_label:"First Name",rules:{required:"First name is required"},_required:!0}),a.jsx(vx,{name:"lastName",control:e,_label:"Last Name",rules:{required:"Last name is required"},_required:!0}),a.jsx(OI,{name:"email",control:e,_label:"Email",rules:{required:"Email is required"},_required:!0}),a.jsx(LI,{name:"password",control:e,_label:"Password",rules:{required:"Password is required"},_required:!0}),a.jsx(RI,{name:"age",control:e,_label:"Age",rules:{required:"Age is required",min:0},_required:!0}),a.jsx(NI,{name:"volume",control:e,_label:"Volume (0–100)",_min:0,_max:100}),a.jsx(BI,{name:"birthday",control:e,_label:"Birthday",rules:{required:"Birthday is required"}}),a.jsx(DI,{name:"favoriteColor",control:e,_label:"Favorite Color",id:"favoriteColor"}),a.jsx(MI,{name:"cv",control:e,_label:"Upload CV",rules:{required:"Please upload your CV"},_required:!0}),a.jsx(II,{name:"bio",control:e,_label:"Bio",rules:{required:"Please provide a short bio"},_required:!0}),a.jsx(HI,{control:e,rules:{required:"Please select a country"},name:"country",_label:"Country",_suggestions:Yo,_required:!0}),a.jsx(UI,{control:e,rules:{required:"Please select a language"},name:"language",_label:"Preferred Language",_options:ZI,_required:!0}),a.jsx(FI,{rules:{required:"Please select a framework"},control:e,name:"framework",_label:"Favorite Framework",_options:PI,_required:!0}),a.jsx(KI,{control:e,rules:{required:"Please select your gender"},name:"gender",_label:"Gender",_options:GI,_required:!0}),a.jsx(VI,{name:"termsAccepted",control:e,_label:"I accept the terms and conditions",rules:{required:"You must accept the terms"},_required:!0}),a.jsx(oe,{_label:"Submit",_type:"submit"})]})]})},WI={scenarios:{"change-tabindex":TN,"custom-tooltip-width":AN,"disabled-interactive-scenario":EN,"focus-elements":CN,"input-group-with-error":$N,"inputs-get-value":LN,"react-hook-form-adapter":XI,"same-height-of-all-interactive-elements":BN,"static-form":DN,"sample-form-with-validation":TI,"table-horizontal-scrollbar-advanced":CI,"tooltip-positioning":$I,"performance-test":NN}},Pi=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],QI=Pi.map((e,o)=>o===0?{label:"Select salutation",value:"",disabled:!0}:e),JI=Go.reduce((e,o)=>{const r=o.label.charAt(0).toUpperCase();return e[r]||(e[r]={label:r,options:[]}),e[r].options.push({label:o.label,value:o.label}),e},{}),px=Object.values(JI),_x=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Kn,{...o,ref:r,_accessKey:"a",_options:Pi,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Kn,{...o,_options:Pi,_label:"Disabled",_disabled:!0}),a.jsx(Kn,{...o,_options:QI,_label:"Salutation with error",_msg:{_type:"error",_description:Fe},_touched:!0}),a.jsx(Kn,{...o,_options:Go,_label:"Multiple choice",_multiple:!0}),a.jsx(Kn,{...o,_options:Go,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Fe},_hint:zo,_touched:!0}),a.jsx(Kn,{...o,_options:Pi,_label:"With access key",_accessKey:"c"}),a.jsx(Kn,{...o,_options:Pi,_label:"With short key",_shortKey:"s"}),a.jsx(Kn,{...o,_options:px,_label:"With grouped by first letter",_value:"Albanien"}),a.jsx(Kn,{...o,_options:px,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})]})}),e7=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(_x,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(_x,{ref:r,...o,_hideLabel:!0})]})]})}),n7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),a.jsx(ko,{RefComponent:e7,showButtons:!1})]}),gx={select:{basic:n7}},o7=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(G,{children:[a.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),a.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),a.jsx(X4,{_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"}]})]}),t7={"skip-nav":{basic:o7}},r7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),a.jsx(vd,{_show:!0})]}),a7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(vd,{_show:!0,_variant:"none",children:a.jsx("span",{slot:"expert",className:"loader"})})]}),l7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),a.jsx(vd,{_show:!0,_variant:"cycle"})]}),i7=()=>{const[e,o]=w.useState(!0);return w.useEffect(()=>{const r=setInterval(()=>o(i=>!i),3e3);return()=>clearInterval(r)},[]),a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolSpin with a label."})}),a.jsx(vd,{_show:e,_label:e?"Loading data...":"Data loaded."})]})},c7={spin:{basic:r7,cycle:l7,custom:a7,label:i7}},s7=()=>{const{buttonWithTextClickEventHandler:e}=Dn(),o={onClick:e},r=[{_label:"Save",_icons:"codicon codicon-save",_on:o},{_label:"Move",_icons:"codicon codicon-move",_on:o},{_label:"Delete",_icons:"codicon codicon-trash",_on:o}];return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["The ",a.jsx("code",{children:"SplitButton"})," component combines a primary action button with a context menu. Clicking the main button triggers the",a.jsx("strong",{children:" Edit"})," action. The context menu opens a vertical list of additional actions:",a.jsx("strong",{children:" Save"}),", ",a.jsx("strong",{children:"Move"}),", and ",a.jsx("strong",{children:"Delete"}),"."]})}),a.jsx("div",{className:"flex flex-col gap-4",children:a.jsx(zl,{_label:"Edit",_on:o,children:a.jsx(Ji,{_label:"Action toolbar",_items:r,_orientation:"vertical"})})})]})},d7=()=>{const e=w.useRef(null),o=()=>{e.current?.closePopup()};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),a.jsx("div",{className:"flex gap-4",children:a.jsx(zl,{ref:e,_label:"Only the arrow opens",children:a.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:r=>r.stopPropagation(),children:[a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),a.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[a.jsx(Ie,{_label:"User"}),a.jsx(Ie,{_label:"Role"}),a.jsx(oe,{_label:"Close",_on:{onClick:o}})]})]})})})]})},u7={"split-button":{basic:s7,"with-context":d7}},Hs=[{left:"Left Example",center:"Center Example",right:"Right Example"}],qi=()=>0,f7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with columns headers and data in different text alignments."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(he,{_label:"Simple table",_level:3}),a.jsx(gn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:qi},{label:"center",key:"center",textAlign:"center",compareFn:qi},{label:"right",key:"right",textAlign:"right",compareFn:qi}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:qi},{label:"center",key:"center",textAlign:"center",compareFn:qi},{label:"right",key:"right",textAlign:"right"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}}),a.jsx(he,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),a.jsx(gn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:Hs,className:"block",style:{maxWidth:"600px"}})]})]}),b7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan."})}),a.jsx("section",{className:"w-full flex flex-col",children:a.jsx(gn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}})})]}),Bd=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),cr=[{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")}],kx=[{small:"Small Example",large:"Larger Example"}],Rb={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"}]]},h7=()=>0,m7=()=>{const[e,o]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys."})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsxs("div",{className:"w-[400px] flex flex-col gap-4",children:[a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"300px",_headers:Rb,_data:kx,className:"block"}),a.jsx(gn,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:e?"600px":"300px",_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",compareFn:h7,render:(r,i,s)=>Bd.format(s.date)}]]},_data:cr,_pagination:!0}),a.jsx(gn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"300px",_headers:Rb,_data:[],className:"block"})]}),a.jsx(Je,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(r,i)=>{o(!!i)}}}),a.jsx(he,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),a.jsx("p",{className:"mt-0",children:a.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),a.jsx(gn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:Rb,_data:kx,className:"block",_pagination:!0})]})]})};function v7({_on:e,...o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{...o,_on:i})}const Zi=e=>{const o=e.charAt(0).toUpperCase()+e.slice(1);return{label:o,key:e,textAlign:"left",render:(r,i)=>{const s={_label:o,_variant:e,_icons:{right:"codicon codicon-squirrel"}};_o(Kr(r)).render(i.label==="button"?a.jsx(v7,{...s}):a.jsx(We,{_href:"#/back-page",...s}))}}},p7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(Cl,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Zi("primary"),Zi("secondary"),Zi("normal"),Zi("danger"),Zi("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"}),a.jsx(Cl,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,o)=>{const r={_label:o.label,_icons:{right:"codicon codicon-squirrel"}};_o(Kr(e)).render(o.label==="button-link"?a.jsx(ln,{...r}):a.jsx(Se,{_href:"#/back-page",...r}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),k2=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),_7={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>k2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},g7={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>k2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},k7=()=>{const[e,o]=w.useState(!1),[r,i]=w.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Vertical"}),a.jsx(Je,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,d)=>o(!!d)}}),a.jsx(gn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:cr.slice(0,10),_headers:g7,className:"block",_allowMultiSort:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Horizontal"}),a.jsx(Je,{_checked:r,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,d)=>i(!!d)}}),a.jsx(gn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:cr,_headers:_7,className:"block",_allowMultiSort:r})]})]})]})},y7=[{id:"1001",name:"John",age:30},{id:"1002",name:"Jane",age:25}],x7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example demonstrates a column that cannot be hidden in the settings."})}),a.jsx(gn,{_label:"Table with a non-hidable column",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1},{key:"name",label:"Name"},{key:"age",label:"Age"}]]},_data:y7,className:"block",style:{maxWidth:"600px"}})]}),Nb={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>Bd.format(r.date)}]]},Bb={_page:2},w7=()=>a.jsxs("div",{className:"w-full grid gap-14",children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with different pagination positions."})}),a.jsxs("section",{className:"w-full flex flex-col gap-14",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at the bottom."}),a.jsx(gn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"bottom"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at the top."}),a.jsx(gn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"top"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Table with pagination at both top and bottom."}),a.jsx(gn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:cr,_headers:Nb,_pagination:Bb,_paginationPosition:"both"})]})]})]}),z7=[{columnA:"Column A",columnB:"Column B",columnC:"Column C"}],S7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This example shows the table with predefined settings."})}),a.jsx(gn,{_label:"Table for demonstration purposes with predefined settings",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{label:"column A",key:"columnA"},{label:"column B",key:"columnB"},{label:"column C",key:"columnC"}]]},_tableSettings:{columns:[{key:"columnA",visible:!1,label:"Column A",position:2},{key:"columnB",visible:!0,label:"Column B",position:1,width:20},{key:"columnC",visible:!0,label:"Column C",position:0,width:45}]},_data:z7,"_min-width":"500px",className:"block",style:{maxWidth:"600px"}})]}),j7=[{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 T7({label:e,icons:o}){const{dummyClickEventHandler:r}=Dn(),i={onClick:r};return a.jsx(oe,{_label:e,_icons:o,_on:i})}const A7={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,o)=>`Index: ${o.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,o)=>{o.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,o)=>{e.innerHTML=`<strong>${Bd.format(o.label)}</strong>`},compareFn:(e,o)=>e.date.getTime()-o.date.getTime()},{label:"Action (react)",width:"20em",render:e=>{_o(Kr(e)).render(a.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[a.jsx(Ie,{_label:"Input"}),a.jsx(T7,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},E7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful using React render functions for the cell contents."})}),a.jsx(gn,{_label:"Sort by date column",_minWidth:"auto",_data:j7,_headers:A7,className:"w-full"})]}),y2=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),C7={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>y2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},$7={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>y2.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},L7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Vertical headers"}),a.jsx(gn,{_label:"Sort a date column",_minWidth:"auto",_data:cr.slice(0,10),_headers:$7,className:"block"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:"Horizontal headers"}),a.jsx(gn,{_label:"Sort a date column",_minWidth:"auto",_data:cr,_headers:C7,className:"block"})]})]})]}),O7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function R7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const N7=()=>{const[e,o]=w.useState(),r={label:v=>`Selection for ${v.name}`,selectedKeys:e?e.map(v=>v.internalIdentifier):["AAA1004"],disabledKeys:["AAA1003","AAA1004"],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:v})=>{console.log("Selection change via event",v)},d=(v,m)=>{console.log("Selection change via callback",m)},f=async()=>{const v=await i.current?.getSelection();o(v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const h=(v,m)=>{_o(Kr(v)).render(a.jsx(R7,{label:`Click ${m.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(gn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:h}]]},_data:O7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(oe,{_label:"getSelection()",_on:{onClick:()=>{f()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},B7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function D7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const M7=()=>{const[e,o]=w.useState(),r={label:v=>`Selection for ${v.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:v})=>{console.log("Selection change via event",v)},d=(v,m)=>{console.log("Selection change via callback",m)},f=async()=>{const v=await i.current?.getSelection();o(v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const h=(v,m)=>{_o(Kr(v)).render(a.jsx(D7,{label:`Click ${m.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(gn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:h}]]},_data:B7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(oe,{_label:"getSelection()",_on:{onClick:()=>{f()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},I7=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],H7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:I7,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,o)=>{console.log(o)}}})})]}),U7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function F7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const K7=()=>{const[e,o]=w.useState(["AAA1002","AAA1004"]),r={label:h=>`Selection for ${h.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier",disabledKeys:["AAA1003","AAA1004"]},i=w.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,v)=>{console.log("Selection change via callback",v),o(typeof v=="string"?[v]:v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const f=(h,v)=>{_o(Kr(h)).render(a.jsx(F7,{label:`Click ${v.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:f}]]},_data:U7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},V7=[{id:"U1001",name:"Alice Johnson",role:"Admin",email:"alice@example.org",active:"Yes"},{id:"U1002",name:"Bob Smith",role:"Editor",email:"bob@example.org",active:"No"},{id:"U1003",name:"Carol Lee",role:"Viewer",email:"carol@example.org",active:"Yes"},{id:"U1004",name:"David Kim",role:"Editor",email:"david@example.org",active:"Yes"}],q7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows ",a.jsx("code",{children:"KolTableStateless"})," with the settings menu enabled via",a.jsx("code",{children:"_hasSettingsMenu"}),"."]})}),a.jsx(Cl,{_label:"Users (stateless with settings menu)",_minWidth:"auto",className:"w-full",_hasSettingsMenu:!0,_headerCells:{horizontal:[[{key:"id",label:"ID",textAlign:"center"},{key:"name",label:"Name",textAlign:"center"},{key:"role",label:"Role",textAlign:"center"},{key:"email",label:"E-Mail",textAlign:"center"},{key:"active",label:"Active",textAlign:"center"}]]},_data:V7,_on:{onSort:(e,o)=>console.log("sort",o),onSelectionChange:(e,o)=>console.log("selection",o)}})]}),Z7=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"Foo Disabled",internalIdentifier:"AAA1003"}];function P7({label:e}){const{dummyClickEventHandler:o}=Dn(),r={onClick:o};return a.jsx(oe,{_label:e,_on:r})}const G7=()=>{const[e,o]=w.useState(["1002"]),r={label:h=>`Selection for ${h.name}`,multiple:!1,selectedKeys:e,disabledKeys:["AAA1003"],keyPropertyName:"internalIdentifier"},i=w.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,v)=>{console.log("Selection change via callback",v),o(typeof v=="string"?[v]:v)};w.useEffect(()=>(i.current?.addEventListener(Lt.selectionChange,s),()=>{i.current?.removeEventListener(Lt.selectionChange,s)}),[i]);const f=(h,v)=>{_o(Kr(h)).render(a.jsx(P7,{label:`Click ${v.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(Cl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:f}]]},_data:Z7,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},Y7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTableStateful with footer data."})}),a.jsx(gn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})]}),X7={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>Bd.format(r.date)}]]},W7={_page:2},Q7=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows how KolTableStateful can be navigated using a pagination."})}),a.jsx("div",{className:"w-full",children:a.jsx(gn,{_label:"Table description",_minWidth:"auto",_data:cr,_headers:X7,_pagination:W7})})]}),J7={table:{"column-alignment":f7,"complex-headers":b7,"horizontal-scrollbar":m7,"interactive-child-elements":p7,"multi-sort":k7,"non-hidable-columns":x7,"pagination-position":w7,"predefined-settings":S7,"render-cell":E7,"sort-data":L7,"stateful-with-selection":N7,"stateless-with-settings-menu":q7,"stateful-with-single-selection":M7,stateless:H7,"stateless-with-selection":K7,"stateless-with-single-selection":G7,"with-footer":Y7,"with-pagination":Q7}},x2=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],eH=x2.map(e=>({...e,_icons:void 0})),nH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),a.jsxs(sr,{_tabs:eH,_label:"Regular tabs",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),a.jsxs(sr,{_tabs:x2,className:"mt-4",_label:"Tabs with icons",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),oH=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],tH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_align"})," set to ",a.jsx("code",{children:"left"}),", ",a.jsx("code",{children:"right"}),", ",a.jsx("code",{children:"top"})," and ",a.jsx("code",{children:"bottom"}),"."]})}),a.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(e=>{const o=`Tabs with ${e} align`;return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:o}),a.jsxs(sr,{_tabs:oH,_align:e,_label:o,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},e)})})]}),rH=[{_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}],aH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),a.jsxs(sr,{_label:"Tabs with icons",_tabs:rH,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),yx=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],lH=()=>a.jsxs(a.Fragment,{children:[a.jsxs(G,{children:[a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_behavior"})," set to ",a.jsx("code",{children:"select-manual"})," and ",a.jsx("code",{children:"select-automatic"}),"."]}),a.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."})]}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:'Tabs with "select manual" behavior'}),a.jsxs(sr,{_tabs:yx,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(he,{_level:2,_label:'Tabs with "select automatic" behavior'}),a.jsxs(sr,{_tabs:yx,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),iH=()=>{const[e,o]=w.useState([{_label:"First tab"},{_label:"Second Tab"}]),r=()=>{o([...e,{_label:`Tab #${e.length+1}`}])};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:'This sample shows KolTabs with a "create tab" button.'})}),a.jsxs(sr,{_tabs:e,className:"mt-4",_label:"Tabs with create button",_hasCreateButton:!0,_on:{onCreate:r},children:[e.map((i,s)=>a.jsxs("div",{slot:`tab-${s}`,children:["Contents of ",i._label]},`tab-${s}`)),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"})]})]})},cH={tabs:{basic:nH,"create-button":iH,"icons-only":aH,behavior:lH,align:tH}},sH=`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.`,dH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),a.jsx(ut,{className:"w-full",children:a.jsx(Qe,{_adjustHeight:!0,_value:sH,_label:"Text input (auto grow)"})})]}),xx=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Qe,{...o,ref:r,_placeholder:"Placeholder",_label:"Text"})}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Fe},_label:"Text",_touched:!0,_hint:zo}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Qe,{...o,ref:r,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),a.jsx(Qe,{...o,ref:r,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),a.jsx(Qe,{...o,ref:r,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),a.jsx(Qe,{...o,ref:r,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),a.jsx(Qe,{...o,ref:r,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),a.jsx(Qe,{...o,ref:r,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),a.jsx(Qe,{...o,ref:r,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),uH=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(xx,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(xx,{ref:r,...o,_hideLabel:!0})]})]})}),fH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),a.jsx(ko,{RefComponent:uH,showButtons:!1})]}),bH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["The sample demonstrates various ",a.jsx("code",{children:"KolTextarea"})," configurations — contrasting soft vs. hard ",a.jsx("code",{children:"_maxLength"})," settings and the optional",a.jsx("code",{children:"_hasCounter"})," — including one instance without length limits."]})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsx(Qe,{_label:"Textarea with soft max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0,_maxLengthBehavior:"soft"}),a.jsx(Qe,{_label:"Textarea with max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20}),a.jsx(Qe,{_label:"Textarea with max length and counter",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0}),a.jsx(Qe,{_label:"Textarea with counter",_value:"Lorem Ipsum",className:"mt-2",_hasCounter:!0})]})]}),hH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(Qe,{_label:"Text input (unset)"}),a.jsx(Qe,{_resize:"vertical",_label:"Text input (vertical)"}),a.jsx(Qe,{_resize:"none",_label:"Text input (none)"})]})})]}),mH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),a.jsx(ut,{className:"w-full",children:a.jsx(Qe,{_rows:10,_label:"Texteingabe"})})]}),vH={textarea:{basic:fH,"adjust-height":dH,resize:hH,rows:mH,"with-counter":bH}},pH=()=>{const[e]=ja(),o=e.get("type"),r=e.get("variant"),i=Aa.getInstance(document),s=()=>{i.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},d=()=>{i.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};w.useEffect(()=>{o&&r?i.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:o,variant:r}):o?i.enqueue({description:"Toasty",label:"Initial Toast",type:o}):r&&i.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:r})},[o,r]);const f=()=>{i.enqueue({render:(m,{close:p})=>{_o(m).render(a.jsx(a.Fragment,{children:a.jsx(oe,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),p()}}})}))},label:"Initial Toast",type:"warning"})},h=async()=>{const m=await i.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});m&&setTimeout(m,2e3)},v=()=>{i.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsxs("section",{className:"flex gap-2",children:[a.jsx(oe,{_label:"Show simple toast",_on:{onClick:s}}),a.jsx(oe,{_label:"Show toast with alert variant 'msg'",_on:{onClick:d}}),a.jsx(oe,{_label:"Show complex toast",_on:{onClick:f}})]}),a.jsx("section",{className:"flex gap-2",children:a.jsx(oe,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void h()}})}),a.jsx("section",{className:"flex gap-2",children:a.jsx(oe,{_label:"Close all toasts",_on:{onClick:v}})})]})]})},_H={toast:{basic:pH}},gH=()=>{const e=[{_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"}];return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(he,{_label:"Orientation horizontal",_level:2}),a.jsx(Ji,{class:"block w-fit",_label:"Toolbar",_items:e}),a.jsx(he,{_label:"Orientation vertical",_level:2}),a.jsx(Ji,{class:"block w-fit",_label:"Toolbar",_items:e,_orientation:"vertical"})]})]})},kH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),a.jsx(Ji,{_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"}]})]}),yH={toolbar:{basic:gH,disabled:kH}},xH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),a.jsx(pd,{_label:"1.1.1"})]}),wH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),a.jsxs("p",{children:[a.jsx(pd,{_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."]})]}),zH={version:{basic:xH,context:wH}},SH=()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]},jH=()=>{const e=w.useContext(em),{subPage:o}=$6(),[r,i]=w.useState("1 Home"),[s,d]=w.useState(!1),[f,h]=w.useState(!1),[v,m]=w.useState(!0),p=()=>{i(`1 Home ${SH()}`)},y=g=>({_href:`#/tree/basic/${g}${e?"?hideMenus":""}`,_active:g===o});return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),a.jsxs(Cx,{_label:"Sitemap",class:"block w-fit",children:[a.jsx(Jn,{_label:r,...y("home")}),a.jsxs(Jn,{_label:"2 About (open initially)",...y("about"),_open:!0,children:[a.jsx(Jn,{_label:"2.0 Legal",...y("legal")}),a.jsxs(Jn,{_label:"2.1 Team",...y("team"),children:[a.jsx(Jn,{_label:"2.1.1. Values",...y("values")}),a.jsxs(Jn,{_label:"2.1.2. Members",...y("members"),children:[a.jsx(Jn,{_label:"2.1.2.1 Humans",...y("humans")}),s&&a.jsx(Jn,{_label:"2.1.2.2 Pets",...y("pets")})]}),a.jsx(Jn,{_label:"2.1.3 Locations",...y("locations"),children:f&&a.jsxs(Jn,{_label:"2.1.3.1 Europe",...y("europe"),children:[a.jsx(Jn,{_label:"2.1.3.1.1 Denmark",...y("denmark")}),a.jsx(Jn,{_label:"2.1.3.1.2 Netherlands",...y("netherlands")})]})})]})]}),v&&a.jsxs(Jn,{_label:"3. Products",...y("products"),children:[a.jsxs(Jn,{_label:"3.1 Home",...y("home-products"),children:[a.jsx(Jn,{_label:"3.1.1 Refrigerators",...y("fridges")}),a.jsx(Jn,{_label:"3.1.2 Coffee makers",...y("coffee-makers")})]}),a.jsx(Jn,{_label:"3.1 Office",...y("office-products"),children:a.jsx(Jn,{_label:"3.2.1 Printers",...y("printers")})})]})]}),a.jsxs("p",{children:["Current tree item: ",o??"none"]}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(oe,{_label:"Change label for '1 Home'",_on:{onClick:p}}),a.jsx(oe,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),a.jsx(oe,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>h(!f)}}),a.jsx(oe,{_label:"Toggle '3. Products'",_on:{onClick:()=>m(!v)}})]})]})},TH={tree:{"basic/:subPage":jH}},wx=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(wo,{...e,_hint:zo,_label:"Label",_suggestions:Yo,_value:"Deutschland"}),a.jsx(wo,{...e,_label:"Disabled",_suggestions:Yo,_value:"Deutschland",_disabled:!0}),a.jsx(wo,{...e,_suggestions:Yo,_msg:{_type:"error",_description:Fe},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(wo,{...e,_label:"With access key",_suggestions:Yo,_value:"Deutschland",_accessKey:"c"}),a.jsx(wo,{...e,_label:"With short key",_suggestions:Yo,_value:"Deutschland",_shortKey:"s"})]}),AH=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(wx,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(wx,{...e,_hideLabel:!0})]})]}),EH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:AH,showButtons:!1})]}),CH={combobox:{basic:EH}},$H=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}],zx=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(fo,{...e,_hint:zo,_label:"Label",_options:Go,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),a.jsx(fo,{...e,_label:"Disabled",_options:Go,_value:"de",_disabled:!0}),a.jsx(fo,{...e,_options:Go,_msg:{_type:"error",_description:Fe},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(fo,{...e,_label:"With access key",_options:Go,_value:"de",_accessKey:"c"}),a.jsx(fo,{...e,_label:"With short key",_options:Go,_value:"de",_shortKey:"s"}),a.jsx(fo,{...e,_label:"With long labels",_options:$H,_placeholder:"Placeholder"}),a.jsx(fo,{...e,_label:"With hidden clear button",_options:Go,_value:"de",_hideClearButton:!0})]}),LH=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(zx,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(zx,{...e,_hideLabel:!0})]})]}),OH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),a.jsx(ko,{RefComponent:LH,showButtons:!1})]}),RH={"single-select":{basic:OH}},Am={...cC,...f5,...m5,...g5,...y5,...z5,...j5,...$5,...F5,...V5,...CH,...Z5,...W5,...eC,...bC,...mC,...pC,...yC,...zC,...NC,...MC,...UC,...VC,...GC,...JC,...o$,...QR,...eN,...tN,...uN,...bN,...pN,...gN,...yN,...wN,...jN,...gx,...gx,...t7,...c7,...RH,...u7,...J7,...cH,...vH,..._H,...yH,...TH,...zH,...WI};Y0(localStorage);const w2=(e,o="/")=>{let r=[];for(const i in e)if(e[i]){const s=e[i],d=`${o}${i}`;typeof s=="function"?r.push(d):typeof s=="object"&&s!==null&&(r=r.concat(w2(s,`${d}/`)))}return r},z2=e=>{const o=[];for(const r in e)if(e[r]){const i=e[r],s=`/${r}`;if(typeof i=="function")o.push(a.jsx(_a,{path:s,element:a.jsx(i,{})},s)),o.push(a.jsx(_a,{path:`${s}/all`,element:a.jsx("div",{className:"d-grid gap-4",children:Jh.filter(d=>q0.indexOf(d.value)>=0).map(d=>a.jsxs("div",{className:"d-grid gap-2",children:[a.jsx("div",{className:"mt-4",children:a.jsx("strong",{children:d.label})}),a.jsx("div",{className:"my-2",children:a.jsx(i,{})}),a.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof i=="object"&&i!==null){const d=Object.keys(i);d.length>0&&o.push(a.jsx(_a,{path:`${s}/*`,element:a.jsxs(Vx,{children:[a.jsx(_a,{path:"/",element:a.jsx(Kx,{to:d[0]})}),z2(i)]})},s))}}return o},jh=w2(Am),NH=z2(Am),Sx=new Map;jh.forEach(e=>{const o=e.split("/");Sx.has(o[1])||Sx.set(o[1],{label:o[1],value:e})});const BH=()=>{const e=Qo(),[o,r]=ja(),i=o.get("theme")??id(),s=o.has("hideMenus");tC(i),c5(),document.title=`KoliBri-Handout - ${bh(id())} | v${uh.version}`,document.body.setAttribute("class",i),document.body.dataset.theme=i;const d=f=>{r({theme:f}),window.location.reload()};return a.jsx(em.Provider,{value:s,children:a.jsxs("div",{className:s?"":"app-container","data-theme":i,children:[!s&&a.jsx(i5,{version:uh.version,theme:i,sample:e.pathname,routes:Am,routeList:jh,buildDate:"2025-09-16T12:06:57.860Z",commitHash:"d2c69098e",onThemeChange:d}),a.jsx("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:a.jsxs(Vx,{children:[NH,a.jsx(_a,{path:"*",element:a.jsx(Kx,{to:jh[0],replace:!0})}),a.jsx(_a,{path:"back-page",element:a.jsx(o5,{})})]})})]})})},DH=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),MH=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Th=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Ah=e=>`${e}-sample`;Th&&q4(Ah);const IH=async()=>[y3,uE,e5];(async()=>{try{await Uj(await IH(),()=>{JT(window,{transformTagName:Th?Ah:void 0})},{environment:"production",reflectInputValues:!0,theme:{detect:"auto"},translation:{name:"en"},translations:DH?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Th?Ah:void 0}),MH&&Ta.patchTheme("default",{"KOL-BUTTON":`
+sit amet.`,dH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),a.jsx(ut,{className:"w-full",children:a.jsx(Qe,{_adjustHeight:!0,_value:sH,_label:"Text input (auto grow)"})})]}),xx=w.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Qe,{...o,ref:r,_placeholder:"Placeholder",_label:"Text"})}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Fe},_label:"Text",_touched:!0,_hint:zo}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Qe,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Qe,{...o,ref:r,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),a.jsx(Qe,{...o,ref:r,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),a.jsx(Qe,{...o,ref:r,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),a.jsx(Qe,{...o,ref:r,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),a.jsx(Qe,{...o,ref:r,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),a.jsx(Qe,{...o,ref:r,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),a.jsx(Qe,{...o,ref:r,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),uH=w.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(xx,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(xx,{ref:r,...o,_hideLabel:!0})]})]})}),fH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),a.jsx(ko,{RefComponent:uH,showButtons:!1})]}),bH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["The sample demonstrates various ",a.jsx("code",{children:"KolTextarea"})," configurations — contrasting soft vs. hard ",a.jsx("code",{children:"_maxLength"})," settings and the optional",a.jsx("code",{children:"_hasCounter"})," — including one instance without length limits."]})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsx(Qe,{_label:"Textarea with soft max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0,_maxLengthBehavior:"soft"}),a.jsx(Qe,{_label:"Textarea with max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20}),a.jsx(Qe,{_label:"Textarea with max length and counter",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0}),a.jsx(Qe,{_label:"Textarea with counter",_value:"Lorem Ipsum",className:"mt-2",_hasCounter:!0})]})]}),hH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),a.jsx(ut,{className:"w-full",children:a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(Qe,{_label:"Text input (unset)"}),a.jsx(Qe,{_resize:"vertical",_label:"Text input (vertical)"}),a.jsx(Qe,{_resize:"none",_label:"Text input (none)"})]})})]}),mH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),a.jsx(ut,{className:"w-full",children:a.jsx(Qe,{_rows:10,_label:"Texteingabe"})})]}),vH={textarea:{basic:fH,"adjust-height":dH,resize:hH,rows:mH,"with-counter":bH}},pH=()=>{const[e]=ja(),o=e.get("type"),r=e.get("variant"),i=Aa.getInstance(document),s=()=>{i.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},d=()=>{i.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};w.useEffect(()=>{o&&r?i.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:o,variant:r}):o?i.enqueue({description:"Toasty",label:"Initial Toast",type:o}):r&&i.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:r})},[o,r]);const f=()=>{i.enqueue({render:(m,{close:p})=>{_o(m).render(a.jsx(a.Fragment,{children:a.jsx(oe,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),p()}}})}))},label:"Initial Toast",type:"warning"})},h=async()=>{const m=await i.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});m&&setTimeout(m,2e3)},v=()=>{i.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsxs("section",{className:"flex gap-2",children:[a.jsx(oe,{_label:"Show simple toast",_on:{onClick:s}}),a.jsx(oe,{_label:"Show toast with alert variant 'msg'",_on:{onClick:d}}),a.jsx(oe,{_label:"Show complex toast",_on:{onClick:f}})]}),a.jsx("section",{className:"flex gap-2",children:a.jsx(oe,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void h()}})}),a.jsx("section",{className:"flex gap-2",children:a.jsx(oe,{_label:"Close all toasts",_on:{onClick:v}})})]})]})},_H={toast:{basic:pH}},gH=()=>{const e=[{_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"}];return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(he,{_label:"Orientation horizontal",_level:2}),a.jsx(Ji,{class:"block w-fit",_label:"Toolbar",_items:e}),a.jsx(he,{_label:"Orientation vertical",_level:2}),a.jsx(Ji,{class:"block w-fit",_label:"Toolbar",_items:e,_orientation:"vertical"})]})]})},kH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),a.jsx(Ji,{_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"}]})]}),yH={toolbar:{basic:gH,disabled:kH}},xH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),a.jsx(pd,{_label:"1.1.1"})]}),wH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),a.jsxs("p",{children:[a.jsx(pd,{_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."]})]}),zH={version:{basic:xH,context:wH}},SH=()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]},jH=()=>{const e=w.useContext(em),{subPage:o}=$6(),[r,i]=w.useState("1 Home"),[s,d]=w.useState(!1),[f,h]=w.useState(!1),[v,m]=w.useState(!0),p=()=>{i(`1 Home ${SH()}`)},y=g=>({_href:`#/tree/basic/${g}${e?"?hideMenus":""}`,_active:g===o});return a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),a.jsxs(Cx,{_label:"Sitemap",class:"block w-fit",children:[a.jsx(Jn,{_label:r,...y("home")}),a.jsxs(Jn,{_label:"2 About (open initially)",...y("about"),_open:!0,children:[a.jsx(Jn,{_label:"2.0 Legal",...y("legal")}),a.jsxs(Jn,{_label:"2.1 Team",...y("team"),children:[a.jsx(Jn,{_label:"2.1.1. Values",...y("values")}),a.jsxs(Jn,{_label:"2.1.2. Members",...y("members"),children:[a.jsx(Jn,{_label:"2.1.2.1 Humans",...y("humans")}),s&&a.jsx(Jn,{_label:"2.1.2.2 Pets",...y("pets")})]}),a.jsx(Jn,{_label:"2.1.3 Locations",...y("locations"),children:f&&a.jsxs(Jn,{_label:"2.1.3.1 Europe",...y("europe"),children:[a.jsx(Jn,{_label:"2.1.3.1.1 Denmark",...y("denmark")}),a.jsx(Jn,{_label:"2.1.3.1.2 Netherlands",...y("netherlands")})]})})]})]}),v&&a.jsxs(Jn,{_label:"3. Products",...y("products"),children:[a.jsxs(Jn,{_label:"3.1 Home",...y("home-products"),children:[a.jsx(Jn,{_label:"3.1.1 Refrigerators",...y("fridges")}),a.jsx(Jn,{_label:"3.1.2 Coffee makers",...y("coffee-makers")})]}),a.jsx(Jn,{_label:"3.1 Office",...y("office-products"),children:a.jsx(Jn,{_label:"3.2.1 Printers",...y("printers")})})]})]}),a.jsxs("p",{children:["Current tree item: ",o??"none"]}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(oe,{_label:"Change label for '1 Home'",_on:{onClick:p}}),a.jsx(oe,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),a.jsx(oe,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>h(!f)}}),a.jsx(oe,{_label:"Toggle '3. Products'",_on:{onClick:()=>m(!v)}})]})]})},TH={tree:{"basic/:subPage":jH}},wx=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(wo,{...e,_hint:zo,_label:"Label",_suggestions:Yo,_value:"Deutschland"}),a.jsx(wo,{...e,_label:"Disabled",_suggestions:Yo,_value:"Deutschland",_disabled:!0}),a.jsx(wo,{...e,_suggestions:Yo,_msg:{_type:"error",_description:Fe},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(wo,{...e,_label:"With access key",_suggestions:Yo,_value:"Deutschland",_accessKey:"c"}),a.jsx(wo,{...e,_label:"With short key",_suggestions:Yo,_value:"Deutschland",_shortKey:"s"})]}),AH=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(wx,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(wx,{...e,_hideLabel:!0})]})]}),EH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.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."})}),a.jsx(ko,{RefComponent:AH,showButtons:!1})]}),CH={combobox:{basic:EH}},$H=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}],zx=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(fo,{...e,_hint:zo,_label:"Label",_options:Go,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),a.jsx(fo,{...e,_label:"Disabled",_options:Go,_value:"de",_disabled:!0}),a.jsx(fo,{...e,_options:Go,_msg:{_type:"error",_description:Fe},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(fo,{...e,_label:"With access key",_options:Go,_value:"de",_accessKey:"c"}),a.jsx(fo,{...e,_label:"With short key",_options:Go,_value:"de",_shortKey:"s"}),a.jsx(fo,{...e,_label:"With long labels",_options:$H,_placeholder:"Placeholder"}),a.jsx(fo,{...e,_label:"With hidden clear button",_options:Go,_value:"de",_hideClearButton:!0})]}),LH=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(zx,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(zx,{...e,_hideLabel:!0})]})]}),OH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),a.jsx(ko,{RefComponent:LH,showButtons:!1})]}),RH={"single-select":{basic:OH}},Am={...cC,...f5,...m5,...g5,...y5,...z5,...j5,...$5,...F5,...V5,...CH,...Z5,...W5,...eC,...bC,...mC,...pC,...yC,...zC,...NC,...MC,...UC,...VC,...GC,...JC,...o$,...QR,...eN,...tN,...uN,...bN,...pN,...gN,...yN,...wN,...jN,...gx,...gx,...t7,...c7,...RH,...u7,...J7,...cH,...vH,..._H,...yH,...TH,...zH,...WI};Y0(localStorage);const w2=(e,o="/")=>{let r=[];for(const i in e)if(e[i]){const s=e[i],d=`${o}${i}`;typeof s=="function"?r.push(d):typeof s=="object"&&s!==null&&(r=r.concat(w2(s,`${d}/`)))}return r},z2=e=>{const o=[];for(const r in e)if(e[r]){const i=e[r],s=`/${r}`;if(typeof i=="function")o.push(a.jsx(_a,{path:s,element:a.jsx(i,{})},s)),o.push(a.jsx(_a,{path:`${s}/all`,element:a.jsx("div",{className:"d-grid gap-4",children:Jh.filter(d=>q0.indexOf(d.value)>=0).map(d=>a.jsxs("div",{className:"d-grid gap-2",children:[a.jsx("div",{className:"mt-4",children:a.jsx("strong",{children:d.label})}),a.jsx("div",{className:"my-2",children:a.jsx(i,{})}),a.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof i=="object"&&i!==null){const d=Object.keys(i);d.length>0&&o.push(a.jsx(_a,{path:`${s}/*`,element:a.jsxs(Vx,{children:[a.jsx(_a,{path:"/",element:a.jsx(Kx,{to:d[0]})}),z2(i)]})},s))}}return o},jh=w2(Am),NH=z2(Am),Sx=new Map;jh.forEach(e=>{const o=e.split("/");Sx.has(o[1])||Sx.set(o[1],{label:o[1],value:e})});const BH=()=>{const e=Qo(),[o,r]=ja(),i=o.get("theme")??id(),s=o.has("hideMenus");tC(i),c5(),document.title=`KoliBri-Handout - ${bh(id())} | v${uh.version}`,document.body.setAttribute("class",i),document.body.dataset.theme=i;const d=f=>{r({theme:f}),window.location.reload()};return a.jsx(em.Provider,{value:s,children:a.jsxs("div",{className:s?"":"app-container","data-theme":i,children:[!s&&a.jsx(i5,{version:uh.version,theme:i,sample:e.pathname,routes:Am,routeList:jh,buildDate:"2025-09-17T15:29:09.907Z",commitHash:"eb41c5c60",onThemeChange:d}),a.jsx("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:a.jsxs(Vx,{children:[NH,a.jsx(_a,{path:"*",element:a.jsx(Kx,{to:jh[0],replace:!0})}),a.jsx(_a,{path:"back-page",element:a.jsx(o5,{})})]})})]})})},DH=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),MH=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Th=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Ah=e=>`${e}-sample`;Th&&q4(Ah);const IH=async()=>[y3,uE,e5];(async()=>{try{await Uj(await IH(),()=>{JT(window,{transformTagName:Th?Ah:void 0})},{environment:"production",reflectInputValues:!0,theme:{detect:"auto"},translation:{name:"en"},translations:DH?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Th?Ah:void 0}),MH&&Ta.patchTheme("default",{"KOL-BUTTON":`
 						button {
 							border: 1px solid red;
 						}`,"KOL-SPIN":`
@@ -14091,4 +14091,4 @@ sit amet.`,dH=()=>a.jsxs(a.Fragment,{children:[a.jsx(G,{children:a.jsxs("p",{chi
 						.bg-spin-3 {
 							background-color: gold;
 						}`},{append:!0})}catch(o){console.warn("Theme registration failed:",o)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&$x.createRoot(e).render(a.jsx(w.StrictMode,{children:a.jsx(mS,{children:a.jsx(BH,{})})}))})();export{kd as $,u0 as A,vU as B,ek as C,dj as D,PH as E,kU as F,Kk as G,zT as H,Zk as I,rj as J,bb as K,Bn as L,YH as M,pU as N,Hh as O,FH as P,VH as Q,WS as R,UH as S,iU as T,lU as U,Fh as V,bU as W,fU as X,hU as Y,sU as Z,Ij as _,Lt as a,rU as a0,WH as a1,ej as a2,eU as a3,yk as a4,Ta as a5,tU as a6,dU as a7,Mk as a8,Vk as a9,wj as aa,t1 as ab,Cj as ac,hk as ad,s1 as ae,i1 as af,uk as ag,aU as ah,Ej as ai,HH as aj,cU as ak,Yk as al,xk as am,Sk as an,Ck as ao,e1 as ap,c1 as aq,l1 as ar,JS as as,Pb as at,$j as au,Lj as av,qo as aw,jj as ax,KH as ay,ck as b,dk as c,uU as d,mk as e,GH as f,gU as g,C0 as h,wk as i,Ik as j,XH as k,pk as l,nU as m,oU as n,ub as o,Aj as p,mU as q,_U as r,Zb as s,rk as t,ZH as u,f0 as v,Uh as w,QH as x,JH as y,mj as z};
-//# sourceMappingURL=index-DscFWUNz.js.map
+//# sourceMappingURL=index-CauylVer.js.map