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

package/dist/assets/{index-DcXVNrdz.js → index-DqXEOlVh.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-CLvrb_V_.js","assets/dev.utils-7b67c292-B9hjPDlC.js","assets/label-51d66c9d-CfLQuBlA.js","assets/tooltip-align-de415afb-C0Mh3pK5.js","assets/align-bc8d98ac-chLyO9A5.js","assets/kol-accordion.entry-Dom8Un84.js","assets/validation-c4177384-DsMRYZ9y.js","assets/Collapsible-5a6bdda0-B8vH_1Ms.js","assets/tslib.es6-1173d062-BAJoBDh7.js","assets/clsx-09a06a12-BT_IL7Fz.js","assets/disabled-f923601e-BS0SiurK.js","assets/open-47cb3e2a-Br_NQ-QJ.js","assets/kol-badge.entry-Co3lQiG9.js","assets/color-a464afb7-DZNptvAM.js","assets/kol-breadcrumb.entry-Z6HIF0MV.js","assets/unique-nav-labels-917eec2b-l1mUEdp1.js","assets/validation-db4e7b56-Cj1hM4FQ.js","assets/kol-card.entry-DTSgpMVa.js","assets/i18n-820d85c7-n5uEzRDJ.js","assets/has-closer-a7dc359b-CoKRKn5e.js","assets/kol-details.entry-B6QeRJfl.js","assets/events-29e84d75-BhxFwhXP.js","assets/kol-drawer.entry-16xUtkF4.js","assets/kol-form.entry-BRQgHQbn.js","assets/Alert-561bc32f-DitEfG3U.js","assets/kol-icon.entry-B_HgPNMy.js","assets/kol-image.entry-Dz3hzrkm.js","assets/image-source-bd7ca7b4-CnMSQTpl.js","assets/kol-input-checkbox.entry-DRu_8kqp.js","assets/controller-4fa871d2-j2WrBBr2.js","assets/associated.controller-3dab1e00-BaEQQMCg.js","assets/access-and-short-key-a34a0af0-sRWdNFq0.js","assets/hide-label-2b46168f-Bb69QYb9.js","assets/InternalUnderlinedBadgeText-58b62771-CoPyIugP.js","assets/controller-e97b79b7-tqTY1XnL.js","assets/controller-87dfc9ee-B5ttZuWt.js","assets/kol-input-color.entry-CuARpOBk.js","assets/controller-icon-811adcf4-CBRr6Orn.js","assets/icons-d29928c3-D3avQjO-.js","assets/suggestions-7e70d4e3-Djl2qu2f.js","assets/kol-input-date.entry-C9AKunG_.js","assets/kol-input-email.entry-BI6X_SCD.js","assets/controller-cfa11279-BhuVhO-z.js","assets/controller-8ace9659-D8VM69hG.js","assets/debounce-112fa67e-z0rAYS8j.js","assets/spell-check-5b365d45-DL15WC-5.js","assets/kol-input-file.entry-DkDxfQE8.js","assets/kol-input-number.entry-CT_PqAWE.js","assets/kol-input-password.entry-B4ochKQo.js","assets/kol-input-radio.entry-CrKL99ke.js","assets/FormFieldMsg-e6bf3e68-Bg37B_6M.js","assets/kol-input-text.entry-FMIskKra.js","assets/kol-kolibri.entry-D7w0q6-O.js","assets/kol-link-group.entry-DMgNX3Ed.js","assets/kol-logo.entry-CkEi8k_2.js","assets/kol-modal.entry-D1wQFtBz.js","assets/kol-nav.entry-Bnc3kUPn.js","assets/kol-pagination.entry-Bu07nYv_.js","assets/custom-class-6eaba98d-BDsSotZ2.js","assets/kol-popover-button.entry-B-qsFpEp.js","assets/align-floating-elements-f88f945f-D_1U49QR.js","assets/kol-progress.entry-Di1ZM3TF.js","assets/kol-quote.entry-CS_rzbkx.js","assets/kol-select.entry-NGBJVpYK.js","assets/rows-92682fe5-DFAbchIu.js","assets/kol-skip-nav.entry-2C780KMa.js","assets/kol-spin.entry-CkOwc7Xw.js","assets/show-82afe4f8-BsQFSL_1.js","assets/kol-split-button.entry-DStVBrpW.js","assets/kol-symbol.entry-D-0aJgMj.js","assets/kol-table-stateful.entry-C077M_4Y.js","assets/keyboard-77e19a81-D1ah5412.js","assets/table-selection-eaee72ee-4IWhLqrT.js","assets/kol-tabs.entry-BldJ6NoO.js","assets/kol-textarea.entry-Dxwa14sS.js","assets/kol-toast-container.entry-BnWS5V9r.js","assets/kol-toolbar.entry-DC7f0Ucw.js","assets/kol-version.entry-C8UPhb4C.js","assets/kol-alert-wc.entry-BX9cPm1X.js","assets/kol-avatar-wc.entry-DSIexthH.js","assets/kol-button-wc.entry-By8wUKuL.js","assets/button-variant-fe0f7f45-BoXRM1pE.js","assets/kol-combobox.entry-Dl7XegQZ.js","assets/kol-heading-wc.entry-DsGhb6nC.js","assets/kol-input.entry-b3aASxJT.js","assets/kol-input-range.entry-B6WQ9UIb.js","assets/kol-link-wc.entry-okDz5LJy.js","assets/href-823c69d8-sjtzGC_-.js","assets/kol-popover-wc.entry-CUy2hA7Q.js","assets/kol-single-select.entry-BFgRhXRd.js","assets/kol-span-wc.entry-BqBuZYNu.js","assets/badge-text-c7f39390-Dr7BfH0t.js","assets/kol-table-stateless-wc.entry-DF1eJanR.js","assets/kol-tooltip-wc.entry-CGVatSuo.js","assets/kol-tree-item-wc.entry-lfjC9wRu.js","assets/kol-tree-wc.entry-BtmcPU1e.js","assets/devtools-489db95f-BbCdHUho.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-B253Tecr.js","assets/dev.utils-e5207de9-C_EvV1SR.js","assets/label-51d66c9d-5l0E5TCR.js","assets/tooltip-align-de415afb-DvVGrrMs.js","assets/align-bc8d98ac-DcnfNP39.js","assets/kol-accordion.entry-HGP6g36N.js","assets/validation-c4177384-D-34uVCE.js","assets/Collapsible-173f8493-7PCHSDVJ.js","assets/tslib.es6-1173d062-BAJoBDh7.js","assets/clsx-09a06a12-BT_IL7Fz.js","assets/disabled-f923601e-B8yDVT5D.js","assets/open-47cb3e2a-DFCHXZ8g.js","assets/kol-badge.entry-Doq6qzhe.js","assets/color-a464afb7-vRfis03z.js","assets/kol-breadcrumb.entry-B43u5ljj.js","assets/unique-nav-labels-917eec2b-DOL9iU7l.js","assets/validation-db4e7b56-BCmCB0w2.js","assets/kol-card.entry-B5AcqjuH.js","assets/i18n-820d85c7-o606L4xD.js","assets/has-closer-a7dc359b-DoBpl0U9.js","assets/kol-details.entry-CvBhG5vU.js","assets/events-29e84d75-BhxFwhXP.js","assets/kol-drawer.entry-BjXm3S7Q.js","assets/kol-form.entry-CFrFI3XI.js","assets/Alert-484b34fa-_-ydzoP0.js","assets/kol-icon.entry-DliI1bV8.js","assets/kol-image.entry-C25MypNv.js","assets/image-source-bd7ca7b4-BsKFZNks.js","assets/kol-input-checkbox.entry-WPAFxTXF.js","assets/controller-4fa871d2-BzTrqtDN.js","assets/associated.controller-3dab1e00-BqYF22eF.js","assets/access-and-short-key-a34a0af0-C4G9_V20.js","assets/hide-label-2b46168f-CixwJxae.js","assets/InternalUnderlinedBadgeText-fb9c25ad-BWrnkW-D.js","assets/controller-e97b79b7-DTbjQDOl.js","assets/controller-87dfc9ee-CB6hf-uv.js","assets/kol-input-color.entry-DB1lHlrK.js","assets/controller-icon-811adcf4-C2UQMN0d.js","assets/icons-d29928c3-DhfVW-d1.js","assets/suggestions-7e70d4e3-B9BBjPtH.js","assets/kol-input-date.entry-B6Aq5faV.js","assets/kol-input-email.entry-B-_yt0Le.js","assets/controller-cfa11279-1kXXf7hX.js","assets/controller-8ace9659-CW2391MS.js","assets/debounce-112fa67e-CFxvskq5.js","assets/spell-check-5b365d45-DxRpvQhG.js","assets/kol-input-file.entry-ChS2bbPu.js","assets/kol-input-number.entry-DuvAeeN8.js","assets/kol-input-password.entry-DrvR5aZT.js","assets/kol-input-radio.entry-vr-fhCpW.js","assets/FormFieldMsg-615e6f85-CMJBKzl0.js","assets/kol-input-text.entry-CNwadgxR.js","assets/kol-kolibri.entry-Di5atSOO.js","assets/kol-link-group.entry-B55RDQ4b.js","assets/kol-logo.entry-OKidZRjS.js","assets/kol-modal.entry-DWZWgsWn.js","assets/kol-nav.entry-D1me46sn.js","assets/kol-pagination.entry-D-vuXJCg.js","assets/custom-class-6eaba98d-Dyn3Jq1J.js","assets/kol-popover-button.entry-BoQse4Jg.js","assets/align-floating-elements-f88f945f-Ml0kuTMq.js","assets/kol-progress.entry-DoEoe4M6.js","assets/kol-quote.entry-D4CZPpuZ.js","assets/kol-select.entry-ABCW1_VG.js","assets/rows-92682fe5-Cu0Wu-y1.js","assets/kol-skip-nav.entry-CIeLVZjp.js","assets/kol-spin.entry-CddDa2yp.js","assets/show-82afe4f8-CubThYTC.js","assets/kol-split-button.entry-hH0XWuIN.js","assets/kol-symbol.entry-CRf3OWTN.js","assets/kol-table-stateful.entry-r6SjfU0l.js","assets/keyboard-77e19a81-D1ah5412.js","assets/table-selection-eaee72ee-tuzTiczY.js","assets/kol-tabs.entry-DRMSWhMH.js","assets/kol-textarea.entry-BAnkCqCo.js","assets/kol-toast-container.entry-Co25e7s3.js","assets/kol-toolbar.entry-DC1E6FXE.js","assets/kol-version.entry-dUp3GOTH.js","assets/kol-alert-wc.entry-QSSxru1h.js","assets/kol-avatar-wc.entry-BK35Grnj.js","assets/kol-button-wc.entry-BL9fVJyS.js","assets/button-variant-fe0f7f45-DkCCkqBD.js","assets/kol-combobox.entry-BmEFD7hm.js","assets/kol-heading-wc.entry-BdCJEpBI.js","assets/kol-input.entry-CPuXmX7O.js","assets/kol-input-range.entry-D4u4jv_0.js","assets/kol-link-wc.entry-BgiSefuD.js","assets/href-823c69d8-DLZ6AllQ.js","assets/kol-popover-wc.entry-BiiRnFaf.js","assets/kol-single-select.entry-RYbUf_oT.js","assets/kol-span-wc.entry-DfUMiQRy.js","assets/badge-text-c7f39390-DTF99aqe.js","assets/kol-table-stateless-wc.entry-ByKtV2rl.js","assets/kol-tooltip-wc.entry-6aPjiU5O.js","assets/kol-tree-item-wc.entry-Cib0K1Xe.js","assets/kol-tree-wc.entry-BdX10xV6.js","assets/devtools-11df599a-WmaPT6Pw.js"])))=>i.map(i=>d[i]);
 var d_=Object.defineProperty;var u_=(n,o,a)=>o in n?d_(n,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[o]=a;var hr=(n,o,a)=>u_(n,typeof o!="symbol"?o+"":o,a);(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))l(s);new MutationObserver(s=>{for(const d of s)if(d.type==="childList")for(const u of d.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&l(u)}).observe(document,{childList:!0,subtree:!0});function a(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 l(s){if(s.ep)return;s.ep=!0;const d=a(s);fetch(s.href,d)}})();function Gu(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Nd={exports:{}},pi={},Rd={exports:{}},Rn={};/**
  * @license React
  * react.production.min.js
@@ -70,7 +70,7 @@ Link:
  * KoliBri - The accessible HTML-Standard
  */var Pe;(function(n){n["Die Bundesregierung"]="BReg",n["Bundesministerium der Finanzen"]="BMF",n["Bundesministerium des Innern, für Bau und Heimat"]="BMI",n["Auswärtiges Amt"]="AA",n["Bundesministerium für Wirtschaft und Energie"]="BMWi",n["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",n["Bundesministerium für Arbeit und Soziales"]="BMAS",n["Bundesministerium der Verteidigung"]="BMVg",n["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",n["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",n["Bundesministerium für Gesundheit"]="BMG",n["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",n["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",n["Bundesministerium für Bildung und Forschung"]="BMBF",n["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(Pe||(Pe={}));var Bn;(function(n){n["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",n["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",n["Bundesamt für äußere Restitutionen"]="BAR",n["Bundesamt für Bauwesen und Raumordnung"]="BBR",n["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",n["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",n["Bundesamt für Güterverkehr"]="BAG",n["Bundesamt für Justiz"]="BfJ",n["Bundesamt für Kartographie und Geodäsie"]="BKG",n["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",n["Bundesamt für Migration und Flüchtlinge"]="BAMF",n["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",n["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",n["Bundesamt für Verfassungsschutz"]="BfV",n["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",n["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",n["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",n.Bundesarchiv="BArch",n["Bundesaufsichtsamt für Flugsicherung"]="BAF",n.Bundesausgleichsamt="BAA",n.Bundeskartellamt="BKartA",n.Bundeskriminalamt="BKA",n.Bundesnachrichtendienst="BND",n["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",n.Bundespolizeipräsidium="BPOLP",n["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",n.Bundessortenamt="BSA",n.Bundessprachenamt="BSprA",n["Bundesamt für Soziale Sicherung"]="BAS",n.Bundesverwaltungsamt="BVA",n["Bundeszentralamt für Steuern"]="BZSt",n["Deutsches Patent- und Markenamt"]="DPMA",n["Eisenbahn-Bundesamt"]="EBA",n.Generalzolldirektion="GZD",n["Militärischer Abschirmdienst"]="MAD",n["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Bn||(Bn={}));var xr;(function(n){n["Informationstechnikzentrum Bund"]="ITZBund",n["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",n["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",n["Bundesanstalt Technisches Hilfswerk"]="THW",n["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",n["Bundesinstitut für Bevölkerungsforschung"]="BiB",n["Bundesinstitut für Sportwissenschaft"]="BISp"})(xr||(xr={}));const vn=new Map;vn.set(Pe["Die Bundesregierung"],["Die","Bundesregierung"]);vn.set(Pe["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);vn.set(Pe["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);vn.set(Pe["Auswärtiges Amt"],["Auswärtiges Amt"]);vn.set(Pe["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);vn.set(Pe["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);vn.set(Pe["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);vn.set(Pe["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);vn.set(Pe["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);vn.set(Pe["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);vn.set(Pe["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);vn.set(Pe["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);vn.set(Pe["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);vn.set(Pe["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);vn.set(Pe["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);vn.set(Bn["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);vn.set(Bn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);vn.set(Bn["Bundesamt für äußere Restitutionen"],[]);vn.set(Bn["Bundesamt für Bauwesen und Raumordnung"],[]);vn.set(Bn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);vn.set(Bn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);vn.set(Bn["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);vn.set(Bn["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);vn.set(Bn["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);vn.set(Bn["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);vn.set(Bn["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);vn.set(Bn["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);vn.set(Bn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);vn.set(Bn["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);vn.set(Bn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);vn.set(Bn["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);vn.set(Bn["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);vn.set(Bn.Bundesarchiv,["Das","Bundesarchiv"]);vn.set(Bn["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);vn.set(Bn.Bundesausgleichsamt,["Bundesausgleichsamt"]);vn.set(Bn.Bundeskartellamt,["Bundeskartellamt"]);vn.set(Bn.Bundeskriminalamt,["Bundeskriminalamt"]);vn.set(Bn.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);vn.set(Bn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);vn.set(Bn.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);vn.set(Bn["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);vn.set(Bn.Bundessortenamt,["Bundessortenamt"]);vn.set(Bn.Bundessprachenamt,["Bundessprachenamt"]);vn.set(Bn["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);vn.set(Bn.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);vn.set(Bn["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);vn.set(Bn["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);vn.set(Bn["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);vn.set(Bn.Generalzolldirektion,["Generalzolldirektion"]);vn.set(Bn["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);vn.set(Bn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);vn.set(xr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);vn.set(xr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);vn.set(xr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);vn.set(xr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);vn.set(xr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);vn.set(xr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);vn.set(xr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);/*!
  * KoliBri - The accessible HTML-Standard
- */let Rk=!1;const mz=async(n,o,a)=>{var l,s;Ex((a==null?void 0:a.environment)==="development"),vz((s=(l=a==null?void 0:a.translation)===null||l===void 0?void 0:l.name)!==null&&s!==void 0?s:"de",a==null?void 0:a.translations),a!=null&&a.transformTagName&&uz(a==null?void 0:a.transformTagName);const d=await gx(n,o,a);return Rk=!0,d},kz=()=>Rk;class ot{constructor(o,a){this.document=o,this.options=a,this.toastContainerElement=this.document.createElement(zu),this.document.body.prepend(this.toastContainerElement)}static getInstance(o,a){if(!kz())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let l=this.instances.get(o);return l||(l=new ot(o,a),this.instances.set(o,l)),l}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):we.warn("Toaster service is already disposed.")}enqueue(o){var a,l,s,d;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function"){const u=(l=(a=this.options)===null||a===void 0?void 0:a.defaultVariant)!==null&&l!==void 0?l:void 0,g=(d=(s=this.options)===null||s===void 0?void 0:s.defaultAlertVariant)!==null&&d!==void 0?d:void 0;return!o.alertVariant&&!o.variant&&this.options&&(o.variant=g??u),this.toastContainerElement.enqueue(o)}}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}ot.instances=new Map;const wz="modulepreload",yz=function(n){return"/"+n},pv={},nn=function(o,a,l){let s=Promise.resolve();if(a&&a.length>0){let u=function(f){return Promise.all(f.map(m=>Promise.resolve(m).then(w=>({status:"fulfilled",value:w}),w=>({status:"rejected",reason:w}))))};document.getElementsByTagName("link");const g=document.querySelector("meta[property=csp-nonce]"),b=(g==null?void 0:g.nonce)||(g==null?void 0:g.getAttribute("nonce"));s=u(a.map(f=>{if(f=yz(f),f in pv)return;pv[f]=!0;const m=f.endsWith(".css"),w=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${f}"]${w}`))return;const k=document.createElement("link");if(k.rel=m?"stylesheet":wz,m||(k.as="script"),k.crossOrigin="",k.href=f,b&&k.setAttribute("nonce",b),document.head.appendChild(k),m)return new Promise((S,j)=>{k.addEventListener("load",S),k.addEventListener("error",()=>j(new Error(`Unable to preload CSS for ${f}`)))})}))}function d(u){const g=new Event("vite:preloadError",{cancelable:!0});if(g.payload=u,window.dispatchEvent(g),!g.defaultPrevented)throw u}return s.then(u=>{for(const g of u||[])g.status==="rejected"&&d(g.reason);return o().catch(d)})},_z="kolibri",Ki={experimentalSlotFixes:!1,hydratedSelectorName:"hydrated",shadowDom:!0,slotRelocation:!0,updatable:!0},nN={kolibriVersion:"2.2.14-rc.1"};var xz=Object.defineProperty,zz=(n,o)=>{for(var a in o)xz(n,a,{get:o[a],enumerable:!0})},lh=new WeakMap,zr=n=>lh.get(n),eN=(n,o)=>lh.set(o.$lazyInstance$=n,o),jz=(n,o)=>{const a={$flags$:0,$hostElement$:n,$cmpMeta$:o,$instanceValues$:new Map};return a.$onInstancePromise$=new Promise(l=>a.$onInstanceResolve$=l),a.$onReadyPromise$=new Promise(l=>a.$onReadyResolve$=l),n["s-p"]=[],n["s-rc"]=[],lh.set(n,a)},gv=(n,o)=>o in n,J=(n,o)=>(0,console.error)(n,o),Yd=new Map,Sz=(n,o,a)=>{const l=n.$tagName$.replace(/-/g,"_"),s=n.$lazyBundleId$;if(!s)return;const d=Yd.get(s);if(d)return d[l];{const u=g=>(Yd.set(s,g),g[l]);switch(s){case"kol-abbr":return nn(()=>import("./kol-abbr.entry-CLvrb_V_.js"),__vite__mapDeps([0,1,2,3,4])).then(u,J);case"kol-accordion":return nn(()=>import("./kol-accordion.entry-Dom8Un84.js"),__vite__mapDeps([5,1,6,2,7,8,9,10,11])).then(u,J);case"kol-alert":return nn(()=>import("./kol-alert.entry-BWQiNhAy.js"),[]).then(u,J);case"kol-avatar":return nn(()=>import("./kol-avatar.entry-DpHt-g22.js"),[]).then(u,J);case"kol-badge":return nn(()=>import("./kol-badge.entry-Co3lQiG9.js"),__vite__mapDeps([12,1,13])).then(u,J);case"kol-breadcrumb":return nn(()=>import("./kol-breadcrumb.entry-Z6HIF0MV.js"),__vite__mapDeps([14,15,16,2])).then(u,J);case"kol-button":return nn(()=>import("./kol-button.entry-1n54AYuD.js"),[]).then(u,J);case"kol-button-group":return nn(()=>import("./kol-button-group.entry-ByR379J-.js"),[]).then(u,J);case"kol-button-link":return nn(()=>import("./kol-button-link.entry-OiaMJy_2.js"),[]).then(u,J);case"kol-card":return nn(()=>import("./kol-card.entry-DTSgpMVa.js"),__vite__mapDeps([17,18,6,2,19])).then(u,J);case"kol-details":return nn(()=>import("./kol-details.entry-B6QeRJfl.js"),__vite__mapDeps([20,7,8,9,1,6,2,21,10,11])).then(u,J);case"kol-drawer":return nn(()=>import("./kol-drawer.entry-16xUtkF4.js"),__vite__mapDeps([22,4,2,11])).then(u,J);case"kol-form":return nn(()=>import("./kol-form.entry-BRQgHQbn.js"),__vite__mapDeps([23,18,24,8,9])).then(u,J);case"kol-heading":return nn(()=>import("./kol-heading.entry-BpYL_oYU.js"),[]).then(u,J);case"kol-icon":return nn(()=>import("./kol-icon.entry-B_HgPNMy.js"),__vite__mapDeps([25,2])).then(u,J);case"kol-image":return nn(()=>import("./kol-image.entry-Dz3hzrkm.js"),__vite__mapDeps([26,27])).then(u,J);case"kol-indented-text":return nn(()=>import("./kol-indented-text.entry-Bck7PP15.js"),[]).then(u,J);case"kol-input-checkbox":return nn(()=>import("./kol-input-checkbox.entry-DRu_8kqp.js"),__vite__mapDeps([28,1,21,29,30,31,32,2,3,4,33,34,35])).then(u,J);case"kol-input-color":return nn(()=>import("./kol-input-color.entry-CuARpOBk.js"),__vite__mapDeps([36,1,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-date":return nn(()=>import("./kol-input-date.entry-C9AKunG_.js"),__vite__mapDeps([40,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-email":return nn(()=>import("./kol-input-email.entry-BI6X_SCD.js"),__vite__mapDeps([41,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(u,J);case"kol-input-file":return nn(()=>import("./kol-input-file.entry-DkDxfQE8.js"),__vite__mapDeps([46,1,29,21,30,31,32,2,3,4,33,37,38])).then(u,J);case"kol-input-number":return nn(()=>import("./kol-input-number.entry-CT_PqAWE.js"),__vite__mapDeps([47,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-password":return nn(()=>import("./kol-input-password.entry-B4ochKQo.js"),__vite__mapDeps([48,18,1,35,29,21,30,31,32,2,3,4,33,43,37,38,44])).then(u,J);case"kol-input-radio":return nn(()=>import("./kol-input-radio.entry-CrKL99ke.js"),__vite__mapDeps([49,1,21,29,30,31,32,2,3,4,34,35,18,50,9,24,8])).then(u,J);case"kol-input-text":return nn(()=>import("./kol-input-text.entry-FMIskKra.js"),__vite__mapDeps([51,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(u,J);case"kol-kolibri":return nn(()=>import("./kol-kolibri.entry-D7w0q6-O.js"),__vite__mapDeps([52,18,13])).then(u,J);case"kol-link":return nn(()=>import("./kol-link.entry-DEFgd4Ry.js"),[]).then(u,J);case"kol-link-button":return nn(()=>import("./kol-link-button.entry-rQ3zUjkZ.js"),[]).then(u,J);case"kol-link-group":return nn(()=>import("./kol-link-group.entry-DMgNX3Ed.js"),__vite__mapDeps([53,15,16,2])).then(u,J);case"kol-logo":return nn(()=>import("./kol-logo.entry-CkEi8k_2.js"),__vite__mapDeps([54,18])).then(u,J);case"kol-modal":return nn(()=>import("./kol-modal.entry-D1wQFtBz.js"),__vite__mapDeps([55,2])).then(u,J);case"kol-nav":return nn(()=>import("./kol-nav.entry-Bnc3kUPn.js"),__vite__mapDeps([56,18,15,16,32,2])).then(u,J);case"kol-pagination":return nn(()=>import("./kol-pagination.entry-Bu07nYv_.js"),__vite__mapDeps([57,18,1,15,58,2,3,4])).then(u,J);case"kol-popover-button":return nn(()=>import("./kol-popover-button.entry-B-qsFpEp.js"),__vite__mapDeps([59,60,9,4])).then(u,J);case"kol-progress":return nn(()=>import("./kol-progress.entry-Di1ZM3TF.js"),__vite__mapDeps([61,2])).then(u,J);case"kol-quote":return nn(()=>import("./kol-quote.entry-CS_rzbkx.js"),__vite__mapDeps([62,2])).then(u,J);case"kol-select":return nn(()=>import("./kol-select.entry-NGBJVpYK.js"),__vite__mapDeps([63,1,21,35,29,30,31,32,2,3,4,33,37,38,34,64])).then(u,J);case"kol-skip-nav":return nn(()=>import("./kol-skip-nav.entry-2C780KMa.js"),__vite__mapDeps([65,15,16,2])).then(u,J);case"kol-spin":return nn(()=>import("./kol-spin.entry-CkOwc7Xw.js"),__vite__mapDeps([66,18,67])).then(u,J);case"kol-split-button":return nn(()=>import("./kol-split-button.entry-DStVBrpW.js"),__vite__mapDeps([68,18])).then(u,J);case"kol-symbol":return nn(()=>import("./kol-symbol.entry-D-0aJgMj.js"),__vite__mapDeps([69,18,2])).then(u,J);case"kol-table":return nn(()=>import("./kol-table.entry-BA817EOt.js"),[]).then(u,J);case"kol-table-stateful":return nn(()=>import("./kol-table-stateful.entry-C077M_4Y.js"),__vite__mapDeps([70,18,21,71,72,2])).then(u,J);case"kol-table-stateless":return nn(()=>import("./kol-table-stateless.entry-BAK5_L_o.js"),[]).then(u,J);case"kol-tabs":return nn(()=>import("./kol-tabs.entry-BldJ6NoO.js"),__vite__mapDeps([73,18,71,4,2])).then(u,J);case"kol-textarea":return nn(()=>import("./kol-textarea.entry-Dxwa14sS.js"),__vite__mapDeps([74,1,29,21,30,31,32,2,3,4,33,37,38,44,64,45])).then(u,J);case"kol-toast-container":return nn(()=>import("./kol-toast-container.entry-BnWS5V9r.js"),__vite__mapDeps([75,18,1,24,8,9])).then(u,J);case"kol-toolbar":return nn(()=>import("./kol-toolbar.entry-DC7f0Ucw.js"),__vite__mapDeps([76,2])).then(u,J);case"kol-tree":return nn(()=>import("./kol-tree.entry-DEflr-6v.js"),[]).then(u,J);case"kol-tree-item":return nn(()=>import("./kol-tree-item.entry-Brxw7_Ci.js"),[]).then(u,J);case"kol-version":return nn(()=>import("./kol-version.entry-C8UPhb4C.js"),__vite__mapDeps([77,18,2])).then(u,J);case"kol-alert-wc":return nn(()=>import("./kol-alert-wc.entry-BX9cPm1X.js"),__vite__mapDeps([78,6,2,24,8,9,18,19])).then(u,J);case"kol-avatar-wc":return nn(()=>import("./kol-avatar-wc.entry-DSIexthH.js"),__vite__mapDeps([79,18,27,2])).then(u,J);case"kol-button-group-wc":return nn(()=>import("./kol-button-group-wc.entry-wU0tN0XA.js"),[]).then(u,J);case"kol-button-wc":return nn(()=>import("./kol-button-wc.entry-By8wUKuL.js"),__vite__mapDeps([80,21,1,35,30,31,81,58,10,32,38,2,3,4])).then(u,J);case"kol-combobox":return nn(()=>import("./kol-combobox.entry-Dl7XegQZ.js"),__vite__mapDeps([82,9,18,1,21,29,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-heading-wc":return nn(()=>import("./kol-heading-wc.entry-DsGhb6nC.js"),__vite__mapDeps([83,6,2])).then(u,J);case"kol-indented-text-wc":return nn(()=>import("./kol-indented-text-wc.entry-C441JQsl.js"),[]).then(u,J);case"kol-input":return nn(()=>import("./kol-input.entry-b3aASxJT.js"),__vite__mapDeps([84,9,18,50,24,8])).then(u,J);case"kol-input-range":return nn(()=>import("./kol-input-range.entry-B6WQ9UIb.js"),__vite__mapDeps([85,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-link-wc":return nn(()=>import("./kol-link-wc.entry-okDz5LJy.js"),__vite__mapDeps([86,21,1,18,31,87,81,58,10,32,38,2,3,4])).then(u,J);case"kol-popover-wc":return nn(()=>import("./kol-popover-wc.entry-CUy2hA7Q.js"),__vite__mapDeps([88,60,4,67])).then(u,J);case"kol-single-select":return nn(()=>import("./kol-single-select.entry-BFgRhXRd.js"),__vite__mapDeps([89,9,18,1,21,29,30,31,32,2,3,4,33,37,38,34])).then(u,J);case"kol-span-wc":return nn(()=>import("./kol-span-wc.entry-BqBuZYNu.js"),__vite__mapDeps([90,33,91,32,38,2])).then(u,J);case"kol-table-stateless-wc":return nn(()=>import("./kol-table-stateless-wc.entry-DF1eJanR.js"),__vite__mapDeps([92,18,71,1,21,72,2])).then(u,J);case"kol-tooltip-wc":return nn(()=>import("./kol-tooltip-wc.entry-CGVatSuo.js"),__vite__mapDeps([93,60,91,4,2])).then(u,J);case"kol-tree-item-wc":return nn(()=>import("./kol-tree-item-wc.entry-lfjC9wRu.js"),__vite__mapDeps([94,1,2,11,87])).then(u,J);case"kol-tree-wc":return nn(()=>import("./kol-tree-wc.entry-BtmcPU1e.js"),__vite__mapDeps([95,2])).then(u,J);case"test-component":return nn(()=>import("./test-component.entry-B_L7h3Yj.js"),[]).then(u,J)}}return nn(()=>import(`./${s}.entry.js`),[]).then(u=>(Yd.set(s,u),u[l]),J)},Ts=new Map,Bk=[],Tz="r",Ez="o",Lz="s",Cz="t",ju="s-id",Az="sty-id",bv="c-id",$z="{visibility:hidden}.hydrated{visibility:inherit}",Fk="slot-fb{display:contents}slot-fb[hidden]{display:none}",fv="http://www.w3.org/1999/xlink",Hi=typeof window<"u"?window:{},Ge=Hi.document||{head:{}},ce={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,o,a,l)=>n.addEventListener(o,a,l),rel:(n,o,a,l)=>n.removeEventListener(o,a,l),ce:(n,o)=>new CustomEvent(n,o)},Iz=Ki.shadowDom,Oz=(()=>{let n=!1;try{Ge.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch{}return n})(),Nz=n=>Promise.resolve(n),Rz=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),Pk=n=>Nz().then(n),vv={},Bz="http://www.w3.org/2000/svg",Fz="http://www.w3.org/1999/xhtml",sh=n=>(n=typeof n,n==="object"||n==="function");function Dk(n){var o,a,l;return(l=(a=(o=n.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:a.getAttribute("content"))!=null?l:void 0}var Pz={};zz(Pz,{err:()=>Mk,map:()=>Dz,ok:()=>Su,unwrap:()=>Mz,unwrapErr:()=>Kz});var Su=n=>({isOk:!0,isErr:!1,value:n}),Mk=n=>({isOk:!1,isErr:!0,value:n});function Dz(n,o){if(n.isOk){const a=o(n.value);return a instanceof Promise?a.then(l=>Su(l)):Su(a)}if(n.isErr){const a=n.value;return Mk(a)}throw"should never get here"}var Mz=n=>{if(n.isOk)return n.value;throw n.value},Kz=n=>{if(n.isErr)return n.value;throw n.value},Qo=(n,o="")=>()=>{},Hz=(n,o)=>()=>{},Kk=(n,o,...a)=>{let l=null,s=null,d=null,u=!1,g=!1;const b=[],f=w=>{for(let k=0;k<w.length;k++)l=w[k],Array.isArray(l)?f(l):l!=null&&typeof l!="boolean"&&((u=typeof n!="function"&&!sh(l))&&(l=String(l)),u&&g?b[b.length-1].$text$+=l:b.push(u?_a(null,l):l),g=u)};if(f(a),o){o.key&&(s=o.key),o.name&&(d=o.name);{const w=o.className||o.class;w&&(o.class=typeof w!="object"?w:Object.keys(w).filter(k=>w[k]).join(" "))}}if(typeof n=="function")return n(o===null?{}:o,b,Wz);const m=_a(n,null);return m.$attrs$=o,b.length>0&&(m.$children$=b),m.$key$=s,m.$name$=d,m},_a=(n,o)=>{const a={$flags$:0,$tag$:n,$text$:o,$elm$:null,$children$:null};return a.$attrs$=null,a.$key$=null,a.$name$=null,a},Uz={},Vz=n=>n&&n.$tag$===Uz,Wz={forEach:(n,o)=>n.map(mv).forEach(o),map:(n,o)=>n.map(mv).map(o).map(qz)},mv=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),qz=n=>{if(typeof n.vtag=="function"){const a={...n.vattrs};return n.vkey&&(a.key=n.vkey),n.vname&&(a.name=n.vname),Kk(n.vtag,a,...n.vchildren||[])}const o=_a(n.vtag,n.vtext);return o.$attrs$=n.vattrs,o.$children$=n.vchildren,o.$key$=n.vkey,o.$name$=n.vname,o},Gz=(n,o,a,l)=>{const s=Qo("hydrateClient",o),d=n.shadowRoot,u=[],g=[],b=d?[]:null,f=l.$vnode$=_a(o,null);ce.$orgLocNodes$||Eu(Ge.body,ce.$orgLocNodes$=new Map),n[ju]=a,n.removeAttribute(ju),Tu(f,u,g,b,n,n,a),u.map(m=>{const w=m.$hostId$+"."+m.$nodeId$,k=ce.$orgLocNodes$.get(w),S=m.$elm$;k&&Iz&&k["s-en"]===""&&k.parentNode.insertBefore(S,k.nextSibling),d||(S["s-hn"]=o,k&&(S["s-ol"]=k,S["s-ol"]["s-nr"]=S)),ce.$orgLocNodes$.delete(w)}),d&&b.map(m=>{m&&d.appendChild(m)}),s()},Tu=(n,o,a,l,s,d,u)=>{let g,b,f,m;if(d.nodeType===1){if(g=d.getAttribute(bv),g&&(b=g.split("."),(b[0]===u||b[0]==="0")&&(f={$flags$:0,$hostId$:b[0],$nodeId$:b[1],$depth$:b[2],$index$:b[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},o.push(f),d.removeAttribute(bv),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,n=f,l&&f.$depth$==="0"&&(l[f.$index$]=f.$elm$))),d.shadowRoot)for(m=d.shadowRoot.childNodes.length-1;m>=0;m--)Tu(n,o,a,l,s,d.shadowRoot.childNodes[m],u);for(m=d.childNodes.length-1;m>=0;m--)Tu(n,o,a,l,s,d.childNodes[m],u)}else if(d.nodeType===8)b=d.nodeValue.split("."),(b[1]===u||b[1]==="0")&&(g=b[0],f={$flags$:0,$hostId$:b[1],$nodeId$:b[2],$depth$:b[3],$index$:b[4],$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},g===Cz?(f.$elm$=d.nextSibling,f.$elm$&&f.$elm$.nodeType===3&&(f.$text$=f.$elm$.textContent,o.push(f),d.remove(),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,l&&f.$depth$==="0"&&(l[f.$index$]=f.$elm$))):f.$hostId$===u&&(g===Lz?(f.$tag$="slot",b[5]?d["s-sn"]=f.$name$=b[5]:d["s-sn"]="",d["s-sr"]=!0,l&&(f.$elm$=Ge.createElement(f.$tag$),f.$name$&&f.$elm$.setAttribute("name",f.$name$),d.parentNode.insertBefore(f.$elm$,d),d.remove(),f.$depth$==="0"&&(l[f.$index$]=f.$elm$)),a.push(f),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f):g===Tz&&(l?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))));else if(n&&n.$tag$==="style"){const w=_a(null,d.textContent);w.$elm$=d,w.$index$="0",n.$children$=[w]}},Eu=(n,o)=>{if(n.nodeType===1){let a=0;if(n.shadowRoot)for(;a<n.shadowRoot.childNodes.length;a++)Eu(n.shadowRoot.childNodes[a],o);for(a=0;a<n.childNodes.length;a++)Eu(n.childNodes[a],o)}else if(n.nodeType===8){const a=n.nodeValue.split(".");a[0]===Ez&&(o.set(a[1]+"."+a[2],n),n.nodeValue="",n["s-en"]=a[3])}},Zz=n=>Bk.map(o=>o(n)).find(o=>!!o),Yz=n=>Bk.push(n),Qz=(n,o)=>n!=null&&!sh(n)?o&4?n==="false"?!1:n===""||!!n:o&2?parseFloat(n):o&1?String(n):n:n,oN=n=>zr(n).$hostElement$,Jz=(n,o,a)=>{const l=ce.ce(o,a);return n.dispatchEvent(l),l},kv=new WeakMap,Xz=(n,o,a)=>{let l=Ts.get(n);Rz&&a?(l=l||new CSSStyleSheet,typeof l=="string"?l=o:l.replaceSync(o)):l=o,Ts.set(n,l)},Hk=(n,o,a)=>{var l;const s=Uk(o,a),d=Ts.get(s);if(n=n.nodeType===11?n:Ge,d)if(typeof d=="string"){n=n.head||n;let u=kv.get(n),g;if(u||kv.set(n,u=new Set),!u.has(s)){if(n.host&&(g=n.querySelector(`[${Az}="${s}"]`)))g.innerHTML=d;else{g=Ge.createElement("style"),g.innerHTML=d;const b=(l=ce.$nonce$)!=null?l:Dk(Ge);b!=null&&g.setAttribute("nonce",b),(!(o.$flags$&1)||o.$flags$&1&&n.nodeName!=="HEAD")&&n.insertBefore(g,n.querySelector("link"))}o.$flags$&4&&(g.innerHTML+=Fk),u&&u.add(s)}}else n.adoptedStyleSheets.includes(d)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,d]);return s},n2=n=>{const o=n.$cmpMeta$,a=n.$hostElement$,l=o.$flags$,s=Qo("attachStyles",o.$tagName$),d=Hk(a.shadowRoot?a.shadowRoot:a.getRootNode(),o,n.$modeName$);l&10&&l&2&&(a["s-sc"]=d,a.classList.add(d+"-h")),s()},Uk=(n,o)=>"sc-"+(o&&n.$flags$&32?n.$tagName$+"-"+o:n.$tagName$),wv=(n,o,a,l,s,d)=>{if(a!==l){let u=gv(n,o),g=o.toLowerCase();if(o==="class"){const b=n.classList,f=yv(a),m=yv(l);b.remove(...f.filter(w=>w&&!m.includes(w))),b.add(...m.filter(w=>w&&!f.includes(w)))}else if(o==="style"){for(const b in a)(!l||l[b]==null)&&(b.includes("-")?n.style.removeProperty(b):n.style[b]="");for(const b in l)(!a||l[b]!==a[b])&&(b.includes("-")?n.style.setProperty(b,l[b]):n.style[b]=l[b])}else if(o!=="key")if(o==="ref")l&&l(n);else if(!u&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):gv(Hi,g)?o=g.slice(2):o=g[2]+o.slice(3),a||l){const b=o.endsWith(Vk);o=o.replace(o2,""),a&&ce.rel(n,o,a,b),l&&ce.ael(n,o,l,b)}}else{const b=sh(l);if((u||b&&l!==null)&&!s)try{if(n.tagName.includes("-"))n[o]=l;else{const m=l??"";o==="list"?u=!1:(a==null||n[o]!=m)&&(n[o]=m)}}catch{}let f=!1;g!==(g=g.replace(/^xlink\:?/,""))&&(o=g,f=!0),l==null||l===!1?(l!==!1||n.getAttribute(o)==="")&&(f?n.removeAttributeNS(fv,o):n.removeAttribute(o)):(!u||d&4||s)&&!b&&(l=l===!0?"":l,f?n.setAttributeNS(fv,o,l):n.setAttribute(o,l))}}},e2=/\s/,yv=n=>n?n.split(e2):[],Vk="Capture",o2=new RegExp(Vk+"$"),Wk=(n,o,a)=>{const l=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,s=n&&n.$attrs$||vv,d=o.$attrs$||vv;for(const u of _v(Object.keys(s)))u in d||wv(l,u,s[u],void 0,a,o.$flags$);for(const u of _v(Object.keys(d)))wv(l,u,s[u],d[u],a,o.$flags$)};function _v(n){return n.includes("ref")?[...n.filter(o=>o!=="ref"),"ref"]:n}var Lu,Cu,Ps,Es=!1,Ls=!1,ch=!1,wo=!1,Cs=(n,o,a,l)=>{var s;const d=o.$children$[a];let u=0,g,b,f;if(Es||(ch=!0,d.$tag$==="slot"&&(Lu&&l.classList.add(Lu+"-s"),d.$flags$|=d.$children$?2:1)),d.$text$!==null)g=d.$elm$=Ge.createTextNode(d.$text$);else if(d.$flags$&1)g=d.$elm$=Ge.createTextNode("");else{if(wo||(wo=d.$tag$==="svg"),g=d.$elm$=Ge.createElementNS(wo?Bz:Fz,!Es&&Ki.slotRelocation&&d.$flags$&2?"slot-fb":d.$tag$),wo&&d.$tag$==="foreignObject"&&(wo=!1),Wk(null,d,wo),g.getRootNode().querySelector("body"),d.$children$)for(u=0;u<d.$children$.length;++u)b=Cs(n,d,u,g),b&&g.appendChild(b);d.$tag$==="svg"?wo=!1:g.tagName==="foreignObject"&&(wo=!0)}return g["s-hn"]=Ps,d.$flags$&3&&(g["s-sr"]=!0,g["s-cr"]=Cu,g["s-sn"]=d.$name$||"",g["s-rf"]=(s=d.$attrs$)==null?void 0:s.ref,f=n&&n.$children$&&n.$children$[a],f&&f.$tag$===d.$tag$&&n.$elm$&&$i(n.$elm$,!1)),g},$i=(n,o)=>{ce.$flags$|=1;const a=Array.from(n.childNodes);n["s-sr"]&&Ki.experimentalSlotFixes;for(let l=a.length-1;l>=0;l--){const s=a[l];s["s-hn"]!==Ps&&s["s-ol"]&&(Qr(Zk(s),s,dh(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,ch=!0),o&&$i(s,o)}ce.$flags$&=-2},qk=(n,o,a,l,s,d)=>{let u=n["s-cr"]&&n["s-cr"].parentNode||n,g;for(u.shadowRoot&&u.tagName===Ps&&(u=u.shadowRoot);s<=d;++s)l[s]&&(g=Cs(null,a,s,n),g&&(l[s].$elm$=g,Qr(u,g,dh(o))))},Gk=(n,o,a)=>{for(let l=o;l<=a;++l){const s=n[l];if(s){const d=s.$elm$;Jk(s),d&&(Ls=!0,d["s-ol"]?d["s-ol"].remove():$i(d,!0),d.remove())}}},r2=(n,o,a,l,s=!1)=>{let d=0,u=0,g=0,b=0,f=o.length-1,m=o[0],w=o[f],k=l.length-1,S=l[0],j=l[k],z,L;for(;d<=f&&u<=k;)if(m==null)m=o[++d];else if(w==null)w=o[--f];else if(S==null)S=l[++u];else if(j==null)j=l[--k];else if(as(m,S,s))ma(m,S,s),m=o[++d],S=l[++u];else if(as(w,j,s))ma(w,j,s),w=o[--f],j=l[--k];else if(as(m,j,s))(m.$tag$==="slot"||j.$tag$==="slot")&&$i(m.$elm$.parentNode,!1),ma(m,j,s),Qr(n,m.$elm$,w.$elm$.nextSibling),m=o[++d],j=l[--k];else if(as(w,S,s))(m.$tag$==="slot"||j.$tag$==="slot")&&$i(w.$elm$.parentNode,!1),ma(w,S,s),Qr(n,w.$elm$,m.$elm$),w=o[--f],S=l[++u];else{for(g=-1,b=d;b<=f;++b)if(o[b]&&o[b].$key$!==null&&o[b].$key$===S.$key$){g=b;break}g>=0?(L=o[g],L.$tag$!==S.$tag$?z=Cs(o&&o[u],a,g,n):(ma(L,S,s),o[g]=void 0,z=L.$elm$),S=l[++u]):(z=Cs(o&&o[u],a,u,n),S=l[++u]),z&&Qr(Zk(m.$elm$),z,dh(m.$elm$))}d>f?qk(n,l[k+1]==null?null:l[k+1].$elm$,a,l,u,k):u>k&&Gk(o,d,f)},as=(n,o,a=!1)=>n.$tag$===o.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&a&&n.$elm$.nodeType!==8?!1:n.$name$===o.$name$:a?!0:n.$key$===o.$key$:!1,dh=n=>n&&n["s-ol"]||n,Zk=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,ma=(n,o,a=!1)=>{const l=o.$elm$=n.$elm$,s=n.$children$,d=o.$children$,u=o.$tag$,g=o.$text$;let b;g===null?(wo=u==="svg"?!0:u==="foreignObject"?!1:wo,u==="slot"&&!Es||Wk(n,o,wo),s!==null&&d!==null?r2(l,s,o,d,a):d!==null?(n.$text$!==null&&(l.textContent=""),qk(l,null,o,d,0,d.length-1)):!a&&Ki.updatable&&s!==null&&Gk(s,0,s.length-1),wo&&u==="svg"&&(wo=!1)):(b=l["s-cr"])?b.parentNode.textContent=g:n.$text$!==g&&(l.data=g)},Yk=n=>{const o=n.childNodes;for(const a of o)if(a.nodeType===1){if(a["s-sr"]){const l=a["s-sn"];a.hidden=!1;for(const s of o)if(s!==a){if(s["s-hn"]!==a["s-hn"]||l!==""){if(s.nodeType===1&&(l===s.getAttribute("slot")||l===s["s-sn"])||s.nodeType===3&&l===s["s-sn"]){a.hidden=!0;break}}else if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){a.hidden=!0;break}}}Yk(a)}},br=[],Qk=n=>{let o,a,l;for(const s of n.childNodes){if(s["s-sr"]&&(o=s["s-cr"])&&o.parentNode){a=o.parentNode.childNodes;const d=s["s-sn"];for(l=a.length-1;l>=0;l--)if(o=a[l],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==s["s-hn"])if(xv(o,d)){let u=br.find(g=>g.$nodeToRelocate$===o);Ls=!0,o["s-sn"]=o["s-sn"]||d,u?(u.$nodeToRelocate$["s-sh"]=s["s-hn"],u.$slotRefNode$=s):(o["s-sh"]=s["s-hn"],br.push({$slotRefNode$:s,$nodeToRelocate$:o})),o["s-sr"]&&br.map(g=>{xv(g.$nodeToRelocate$,o["s-sn"])&&(u=br.find(b=>b.$nodeToRelocate$===o),u&&!g.$slotRefNode$&&(g.$slotRefNode$=u.$slotRefNode$))})}else br.some(u=>u.$nodeToRelocate$===o)||br.push({$nodeToRelocate$:o})}s.nodeType===1&&Qk(s)}},xv=(n,o)=>n.nodeType===1?n.getAttribute("slot")===null&&o===""||n.getAttribute("slot")===o:n["s-sn"]===o?!0:o==="",Jk=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(Jk)},Qr=(n,o,a)=>n==null?void 0:n.insertBefore(o,a),t2=(n,o,a=!1)=>{var l,s,d,u;const g=n.$hostElement$,b=n.$cmpMeta$,f=n.$vnode$||_a(null,null),m=Vz(o)?o:Kk(null,null,o);if(Ps=g.tagName,b.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},b.$attrsToReflect$.map(([w,k])=>m.$attrs$[k]=g[w])),a&&m.$attrs$)for(const w of Object.keys(m.$attrs$))g.hasAttribute(w)&&!["key","ref","style","class"].includes(w)&&(m.$attrs$[w]=g[w]);m.$tag$=null,m.$flags$|=4,n.$vnode$=m,m.$elm$=f.$elm$=g.shadowRoot||g,Lu=g["s-sc"],Es=(b.$flags$&1)!==0,Cu=g["s-cr"],Ls=!1,ma(f,m,a);{if(ce.$flags$|=1,ch){Qk(m.$elm$);for(const w of br){const k=w.$nodeToRelocate$;if(!k["s-ol"]){const S=Ge.createTextNode("");S["s-nr"]=k,Qr(k.parentNode,k["s-ol"]=S,k)}}for(const w of br){const k=w.$nodeToRelocate$,S=w.$slotRefNode$;if(S){const j=S.parentNode;let z=S.nextSibling;{let L=(l=k["s-ol"])==null?void 0:l.previousSibling;for(;L;){let y=(s=L["s-nr"])!=null?s:null;if(y&&y["s-sn"]===k["s-sn"]&&j===y.parentNode){for(y=y.nextSibling;y===k||y!=null&&y["s-sr"];)y=y==null?void 0:y.nextSibling;if(!y||!y["s-nr"]){z=y;break}}L=L.previousSibling}}(!z&&j!==k.parentNode||k.nextSibling!==z)&&k!==z&&(!k["s-hn"]&&k["s-ol"]&&(k["s-hn"]=k["s-ol"].parentNode.nodeName),Qr(j,k,z),k.nodeType===1&&(k.hidden=(d=k["s-ih"])!=null?d:!1)),k&&typeof S["s-rf"]=="function"&&S["s-rf"](k)}else k.nodeType===1&&(a&&(k["s-ih"]=(u=k.hidden)!=null?u:!1),k.hidden=!0)}}Ls&&Yk(m.$elm$),ce.$flags$&=-2,br.length=0}Cu=void 0},Xk=(n,o)=>{o&&!n.$onRenderResolve$&&o["s-p"]&&o["s-p"].push(new Promise(a=>n.$onRenderResolve$=a))},uh=(n,o)=>{if(n.$flags$&4){n.$flags$|=512;return}return Xk(n,n.$ancestorComponent$),a2(n,o)},a2=(n,o)=>{const a=n.$hostElement$,l=Qo("scheduleUpdate",n.$cmpMeta$.$tagName$),s=n.$lazyInstance$;if(!s)throw new Error(`Can't render component <${a.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&&(n.$flags$|=256,n.$queuedListeners$&&(n.$queuedListeners$.map(([u,g])=>St(s,u,g)),n.$queuedListeners$=void 0),d=St(s,"componentWillLoad")),d=zv(d,()=>St(s,"componentWillRender")),l(),zv(d,()=>l2(n,s,o))},zv=(n,o)=>i2(n)?n.then(o).catch(a=>{console.error(a),o()}):o(),i2=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",l2=async(n,o,a)=>{var l;const s=n.$hostElement$,d=Qo("update",n.$cmpMeta$.$tagName$),u=s["s-rc"];a&&n2(n);const g=Qo("render",n.$cmpMeta$.$tagName$);s2(n,o,s,a),u&&(u.map(b=>b()),s["s-rc"]=void 0),g(),d();{const b=(l=s["s-p"])!=null?l:[],f=()=>c2(n);b.length===0?f():(Promise.all(b).then(f),n.$flags$|=4,b.length=0)}},s2=(n,o,a,l)=>{try{o=o.render&&o.render(),n.$flags$|=2,t2(n,o,l)}catch(s){J(s,n.$hostElement$)}return null},c2=n=>{const o=n.$cmpMeta$.$tagName$,a=n.$hostElement$,l=Qo("postUpdate",o),s=n.$lazyInstance$,d=n.$ancestorComponent$;St(s,"componentDidRender"),n.$flags$&64?l():(n.$flags$|=64,ew(a),St(s,"componentDidLoad"),l(),n.$onReadyResolve$(a),d||nw()),n.$onInstanceResolve$(a),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&Pk(()=>uh(n,!1)),n.$flags$&=-517},nw=n=>{ew(Ge.documentElement),Pk(()=>Jz(Hi,"appload",{detail:{namespace:_z}}))},St=(n,o,a)=>{if(n&&n[o])try{return n[o](a)}catch(l){J(l)}},ew=n=>{var o;return n.classList.add((o=Ki.hydratedSelectorName)!=null?o:"hydrated")},d2=(n,o)=>zr(n).$instanceValues$.get(o),u2=(n,o,a,l)=>{const s=zr(n);if(!s)throw new Error(`Couldn't find host element for "${l.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const d=s.$hostElement$,u=s.$instanceValues$.get(o),g=s.$flags$,b=s.$lazyInstance$;a=Qz(a,l.$members$[o][0]);const f=Number.isNaN(u)&&Number.isNaN(a),m=a!==u&&!f;if((!(g&8)||u===void 0)&&m&&(s.$instanceValues$.set(o,a),b)){if(l.$watchers$&&g&128){const w=l.$watchers$[o];w&&w.map(k=>{try{b[k](a,u,o)}catch(S){J(S,d)}})}(g&18)===2&&uh(s,!1)}},ow=(n,o,a)=>{var l,s;const d=n.prototype;if(o.$members$||o.$watchers$||n.watchers){n.watchers&&!o.$watchers$&&(o.$watchers$=n.watchers);const u=Object.entries((l=o.$members$)!=null?l:{});if(u.map(([g,[b]])=>{b&31||a&2&&b&32?Object.defineProperty(d,g,{get(){return d2(this,g)},set(f){u2(this,g,f,o)},configurable:!0,enumerable:!0}):a&1&&b&64&&Object.defineProperty(d,g,{value(...f){var m;const w=zr(this);return(m=w==null?void 0:w.$onInstancePromise$)==null?void 0:m.then(()=>{var k;return(k=w.$lazyInstance$)==null?void 0:k[g](...f)})}})}),a&1){const g=new Map;d.attributeChangedCallback=function(b,f,m){ce.jmp(()=>{var w;const k=g.get(b);if(this.hasOwnProperty(k))m=this[k],delete this[k];else{if(d.hasOwnProperty(k)&&typeof this[k]=="number"&&this[k]==m)return;if(k==null){const S=zr(this),j=S==null?void 0:S.$flags$;if(j&&!(j&8)&&j&128&&m!==f){const z=S.$lazyInstance$,L=(w=o.$watchers$)==null?void 0:w[b];L==null||L.forEach(y=>{z[y]!=null&&z[y].call(z,m,f,b)})}return}}this[k]=m===null&&typeof this[k]=="boolean"?!1:m})},n.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...u.filter(([b,f])=>f[0]&15).map(([b,f])=>{var m;const w=f[1]||b;return g.set(w,b),f[0]&512&&((m=o.$attrsToReflect$)==null||m.push([b,w])),w})]))}}return n},h2=async(n,o,a,l)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,a.$lazyBundleId$){const b=Sz(a);if(b&&"then"in b){const m=Hz();s=await b,m()}else s=b;if(!s)throw new Error(`Constructor for "${a.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(a.$watchers$=s.watchers,ow(s,a,2),s.isProxied=!0);const f=Qo("createInstance",a.$tagName$);o.$flags$|=8;try{new s(o)}catch(m){J(m)}o.$flags$&=-9,o.$flags$|=128,f(),Au(o.$lazyInstance$)}else{s=n.constructor;const b=n.localName;customElements.whenDefined(b).then(()=>o.$flags$|=128)}if(s&&s.style){let b;typeof s.style=="string"?b=s.style:typeof s.style!="string"&&(o.$modeName$=Zz(n),o.$modeName$&&(b=s.style[o.$modeName$]));const f=Uk(a,o.$modeName$);if(!Ts.has(f)){const m=Qo("registerStyles",a.$tagName$);Xz(f,b,!!(a.$flags$&1)),m()}}}const d=o.$ancestorComponent$,u=()=>uh(o,!0);d&&d["s-rc"]?d["s-rc"].push(u):u()},Au=n=>{St(n,"connectedCallback")},p2=n=>{if((ce.$flags$&1)===0){const o=zr(n),a=o.$cmpMeta$,l=Qo("connectedCallback",a.$tagName$);if(o.$flags$&1)rw(n,o,a.$listeners$),o!=null&&o.$lazyInstance$?Au(o.$lazyInstance$):o!=null&&o.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Au(o.$lazyInstance$));else{o.$flags$|=1;let s;if(s=n.getAttribute(ju),s){if(a.$flags$&1){const d=Hk(n.shadowRoot,a,n.getAttribute("s-mode"));n.classList.remove(d+"-h",d+"-s")}Gz(n,a.$tagName$,s,o)}s||a.$flags$&12&&g2(n);{let d=n;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){Xk(o,o.$ancestorComponent$=d);break}}a.$members$&&Object.entries(a.$members$).map(([d,[u]])=>{if(u&31&&n.hasOwnProperty(d)){const g=n[d];delete n[d],n[d]=g}}),h2(n,o,a)}l()}},g2=n=>{const o=n["s-cr"]=Ge.createComment("");o["s-cn"]=!0,Qr(n,o,n.firstChild)},jv=n=>{St(n,"disconnectedCallback")},b2=async n=>{if((ce.$flags$&1)===0){const o=zr(n);o.$rmListeners$&&(o.$rmListeners$.map(a=>a()),o.$rmListeners$=void 0),o!=null&&o.$lazyInstance$?jv(o.$lazyInstance$):o!=null&&o.$onReadyPromise$&&o.$onReadyPromise$.then(()=>jv(o.$lazyInstance$))}},f2=(n,o={})=>{var a;const l=Qo(),s=[],d=o.exclude||[],u=Hi.customElements,g=Ge.head,b=g.querySelector("meta[charset]"),f=Ge.createElement("style"),m=[];let w,k=!0;Object.assign(ce,o),ce.$resourcesUrl$=new URL(o.resourcesUrl||"./",Ge.baseURI).href,ce.$flags$|=2;let S=!1;if(n.map(j=>{j[1].map(z=>{var L;const y={$flags$:z[0],$tagName$:z[1],$members$:z[2],$listeners$:z[3]};y.$flags$&4&&(S=!0),y.$members$=z[2],y.$listeners$=z[3],y.$attrsToReflect$=[],y.$watchers$=(L=z[4])!=null?L:{};const N=o.transformTagName?o.transformTagName(y.$tagName$):y.$tagName$,D=class extends HTMLElement{constructor(q){if(super(q),this.hasRegisteredEventListeners=!1,q=this,jz(q,y),y.$flags$&1){if(!q.shadowRoot)q.attachShadow({mode:"open",delegatesFocus:!!(y.$flags$&16)});else if(q.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${y.$tagName$}! Mode is set to ${q.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const q=zr(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,rw(this,q,y.$listeners$)),w&&(clearTimeout(w),w=null),k?m.push(this):ce.jmp(()=>p2(this))}disconnectedCallback(){ce.jmp(()=>b2(this))}componentOnReady(){return zr(this).$onReadyPromise$}};y.$lazyBundleId$=j[0],!d.includes(N)&&!u.get(N)&&(s.push(N),u.define(N,ow(D,y,1)))})}),s.length>0&&(S&&(f.textContent+=Fk),f.textContent+=s.sort()+$z,f.innerHTML.length)){f.setAttribute("data-styles","");const j=(a=ce.$nonce$)!=null?a:Dk(Ge);j!=null&&f.setAttribute("nonce",j),g.insertBefore(f,b?b.nextSibling:g.firstChild)}k=!1,m.length?m.map(j=>j.connectedCallback()):ce.jmp(()=>w=setTimeout(nw,30)),l()},rN=(n,o)=>o,rw=(n,o,a,l)=>{a&&a.map(([s,d,u])=>{const g=m2(n,s),b=v2(o,u),f=k2(s);ce.ael(g,d,b,f),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>ce.rel(g,d,b,f))})},v2=(n,o)=>a=>{var l;try{n.$flags$&256?(l=n.$lazyInstance$)==null||l[o](a):(n.$queuedListeners$=n.$queuedListeners$||[]).push([o,a])}catch(s){J(s)}},m2=(n,o)=>o&8?Hi:n,k2=n=>Oz?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;Yz(n=>{try{n.shadowRoot instanceof ShadowRoot&&Sx(n,ux(n))}catch{}return"default"});nn(()=>import("./devtools-489db95f-BbCdHUho.js"),__vite__mapDeps([96,1])).then(n=>{typeof n=="object"&&n!==null&&typeof n.initialize=="function"&&n.initialize()}).catch(n=>{we.error(n)});const w2=()=>{},y2=w2;/*!
+ */let Rk=!1;const mz=async(n,o,a)=>{var l,s;Ex((a==null?void 0:a.environment)==="development"),vz((s=(l=a==null?void 0:a.translation)===null||l===void 0?void 0:l.name)!==null&&s!==void 0?s:"de",a==null?void 0:a.translations),a!=null&&a.transformTagName&&uz(a==null?void 0:a.transformTagName);const d=await gx(n,o,a);return Rk=!0,d},kz=()=>Rk;class ot{constructor(o,a){this.document=o,this.options=a,this.toastContainerElement=this.document.createElement(zu),this.document.body.prepend(this.toastContainerElement)}static getInstance(o,a){if(!kz())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let l=this.instances.get(o);return l||(l=new ot(o,a),this.instances.set(o,l)),l}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):we.warn("Toaster service is already disposed.")}enqueue(o){var a,l,s,d;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function"){const u=(l=(a=this.options)===null||a===void 0?void 0:a.defaultVariant)!==null&&l!==void 0?l:void 0,g=(d=(s=this.options)===null||s===void 0?void 0:s.defaultAlertVariant)!==null&&d!==void 0?d:void 0;return!o.alertVariant&&!o.variant&&this.options&&(o.variant=g??u),this.toastContainerElement.enqueue(o)}}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}ot.instances=new Map;const wz="modulepreload",yz=function(n){return"/"+n},pv={},nn=function(o,a,l){let s=Promise.resolve();if(a&&a.length>0){let u=function(f){return Promise.all(f.map(m=>Promise.resolve(m).then(w=>({status:"fulfilled",value:w}),w=>({status:"rejected",reason:w}))))};document.getElementsByTagName("link");const g=document.querySelector("meta[property=csp-nonce]"),b=(g==null?void 0:g.nonce)||(g==null?void 0:g.getAttribute("nonce"));s=u(a.map(f=>{if(f=yz(f),f in pv)return;pv[f]=!0;const m=f.endsWith(".css"),w=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${f}"]${w}`))return;const k=document.createElement("link");if(k.rel=m?"stylesheet":wz,m||(k.as="script"),k.crossOrigin="",k.href=f,b&&k.setAttribute("nonce",b),document.head.appendChild(k),m)return new Promise((S,j)=>{k.addEventListener("load",S),k.addEventListener("error",()=>j(new Error(`Unable to preload CSS for ${f}`)))})}))}function d(u){const g=new Event("vite:preloadError",{cancelable:!0});if(g.payload=u,window.dispatchEvent(g),!g.defaultPrevented)throw u}return s.then(u=>{for(const g of u||[])g.status==="rejected"&&d(g.reason);return o().catch(d)})},_z="kolibri",Ki={experimentalSlotFixes:!1,hydratedSelectorName:"hydrated",shadowDom:!0,slotRelocation:!0,updatable:!0},nN={kolibriVersion:"2.2.14"};var xz=Object.defineProperty,zz=(n,o)=>{for(var a in o)xz(n,a,{get:o[a],enumerable:!0})},lh=new WeakMap,zr=n=>lh.get(n),eN=(n,o)=>lh.set(o.$lazyInstance$=n,o),jz=(n,o)=>{const a={$flags$:0,$hostElement$:n,$cmpMeta$:o,$instanceValues$:new Map};return a.$onInstancePromise$=new Promise(l=>a.$onInstanceResolve$=l),a.$onReadyPromise$=new Promise(l=>a.$onReadyResolve$=l),n["s-p"]=[],n["s-rc"]=[],lh.set(n,a)},gv=(n,o)=>o in n,J=(n,o)=>(0,console.error)(n,o),Yd=new Map,Sz=(n,o,a)=>{const l=n.$tagName$.replace(/-/g,"_"),s=n.$lazyBundleId$;if(!s)return;const d=Yd.get(s);if(d)return d[l];{const u=g=>(Yd.set(s,g),g[l]);switch(s){case"kol-abbr":return nn(()=>import("./kol-abbr.entry-B253Tecr.js"),__vite__mapDeps([0,1,2,3,4])).then(u,J);case"kol-accordion":return nn(()=>import("./kol-accordion.entry-HGP6g36N.js"),__vite__mapDeps([5,1,6,2,7,8,9,10,11])).then(u,J);case"kol-alert":return nn(()=>import("./kol-alert.entry-KfFjQnBa.js"),[]).then(u,J);case"kol-avatar":return nn(()=>import("./kol-avatar.entry-Buz9gSIw.js"),[]).then(u,J);case"kol-badge":return nn(()=>import("./kol-badge.entry-Doq6qzhe.js"),__vite__mapDeps([12,1,13])).then(u,J);case"kol-breadcrumb":return nn(()=>import("./kol-breadcrumb.entry-B43u5ljj.js"),__vite__mapDeps([14,15,16,2])).then(u,J);case"kol-button":return nn(()=>import("./kol-button.entry-BFJT83Cc.js"),[]).then(u,J);case"kol-button-group":return nn(()=>import("./kol-button-group.entry-hjRiCTiO.js"),[]).then(u,J);case"kol-button-link":return nn(()=>import("./kol-button-link.entry-B8T4Qbtq.js"),[]).then(u,J);case"kol-card":return nn(()=>import("./kol-card.entry-B5AcqjuH.js"),__vite__mapDeps([17,18,6,2,19])).then(u,J);case"kol-details":return nn(()=>import("./kol-details.entry-CvBhG5vU.js"),__vite__mapDeps([20,7,8,9,1,6,2,21,10,11])).then(u,J);case"kol-drawer":return nn(()=>import("./kol-drawer.entry-BjXm3S7Q.js"),__vite__mapDeps([22,4,2,11])).then(u,J);case"kol-form":return nn(()=>import("./kol-form.entry-CFrFI3XI.js"),__vite__mapDeps([23,18,24,8,9])).then(u,J);case"kol-heading":return nn(()=>import("./kol-heading.entry-DRXzjw_l.js"),[]).then(u,J);case"kol-icon":return nn(()=>import("./kol-icon.entry-DliI1bV8.js"),__vite__mapDeps([25,2])).then(u,J);case"kol-image":return nn(()=>import("./kol-image.entry-C25MypNv.js"),__vite__mapDeps([26,27])).then(u,J);case"kol-indented-text":return nn(()=>import("./kol-indented-text.entry-CLyEBN7S.js"),[]).then(u,J);case"kol-input-checkbox":return nn(()=>import("./kol-input-checkbox.entry-WPAFxTXF.js"),__vite__mapDeps([28,1,21,29,30,31,32,2,3,4,33,34,35])).then(u,J);case"kol-input-color":return nn(()=>import("./kol-input-color.entry-DB1lHlrK.js"),__vite__mapDeps([36,1,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-date":return nn(()=>import("./kol-input-date.entry-B6Aq5faV.js"),__vite__mapDeps([40,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-email":return nn(()=>import("./kol-input-email.entry-B-_yt0Le.js"),__vite__mapDeps([41,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(u,J);case"kol-input-file":return nn(()=>import("./kol-input-file.entry-ChS2bbPu.js"),__vite__mapDeps([46,1,29,21,30,31,32,2,3,4,33,37,38])).then(u,J);case"kol-input-number":return nn(()=>import("./kol-input-number.entry-DuvAeeN8.js"),__vite__mapDeps([47,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-input-password":return nn(()=>import("./kol-input-password.entry-DrvR5aZT.js"),__vite__mapDeps([48,18,1,35,29,21,30,31,32,2,3,4,33,43,37,38,44])).then(u,J);case"kol-input-radio":return nn(()=>import("./kol-input-radio.entry-vr-fhCpW.js"),__vite__mapDeps([49,1,21,29,30,31,32,2,3,4,34,35,18,50,9,24,8])).then(u,J);case"kol-input-text":return nn(()=>import("./kol-input-text.entry-CNwadgxR.js"),__vite__mapDeps([51,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(u,J);case"kol-kolibri":return nn(()=>import("./kol-kolibri.entry-Di5atSOO.js"),__vite__mapDeps([52,18,13])).then(u,J);case"kol-link":return nn(()=>import("./kol-link.entry-Bs2Apmer.js"),[]).then(u,J);case"kol-link-button":return nn(()=>import("./kol-link-button.entry-DiIU8jxV.js"),[]).then(u,J);case"kol-link-group":return nn(()=>import("./kol-link-group.entry-B55RDQ4b.js"),__vite__mapDeps([53,15,16,2])).then(u,J);case"kol-logo":return nn(()=>import("./kol-logo.entry-OKidZRjS.js"),__vite__mapDeps([54,18])).then(u,J);case"kol-modal":return nn(()=>import("./kol-modal.entry-DWZWgsWn.js"),__vite__mapDeps([55,2])).then(u,J);case"kol-nav":return nn(()=>import("./kol-nav.entry-D1me46sn.js"),__vite__mapDeps([56,18,15,16,32,2])).then(u,J);case"kol-pagination":return nn(()=>import("./kol-pagination.entry-D-vuXJCg.js"),__vite__mapDeps([57,18,1,15,58,2,3,4])).then(u,J);case"kol-popover-button":return nn(()=>import("./kol-popover-button.entry-BoQse4Jg.js"),__vite__mapDeps([59,60,9,4])).then(u,J);case"kol-progress":return nn(()=>import("./kol-progress.entry-DoEoe4M6.js"),__vite__mapDeps([61,2])).then(u,J);case"kol-quote":return nn(()=>import("./kol-quote.entry-D4CZPpuZ.js"),__vite__mapDeps([62,2])).then(u,J);case"kol-select":return nn(()=>import("./kol-select.entry-ABCW1_VG.js"),__vite__mapDeps([63,1,21,35,29,30,31,32,2,3,4,33,37,38,34,64])).then(u,J);case"kol-skip-nav":return nn(()=>import("./kol-skip-nav.entry-CIeLVZjp.js"),__vite__mapDeps([65,15,16,2])).then(u,J);case"kol-spin":return nn(()=>import("./kol-spin.entry-CddDa2yp.js"),__vite__mapDeps([66,18,67])).then(u,J);case"kol-split-button":return nn(()=>import("./kol-split-button.entry-hH0XWuIN.js"),__vite__mapDeps([68,18])).then(u,J);case"kol-symbol":return nn(()=>import("./kol-symbol.entry-CRf3OWTN.js"),__vite__mapDeps([69,18,2])).then(u,J);case"kol-table":return nn(()=>import("./kol-table.entry-BWBu655n.js"),[]).then(u,J);case"kol-table-stateful":return nn(()=>import("./kol-table-stateful.entry-r6SjfU0l.js"),__vite__mapDeps([70,18,21,71,72,2])).then(u,J);case"kol-table-stateless":return nn(()=>import("./kol-table-stateless.entry-BqFy8DYh.js"),[]).then(u,J);case"kol-tabs":return nn(()=>import("./kol-tabs.entry-DRMSWhMH.js"),__vite__mapDeps([73,18,71,4,2])).then(u,J);case"kol-textarea":return nn(()=>import("./kol-textarea.entry-BAnkCqCo.js"),__vite__mapDeps([74,1,29,21,30,31,32,2,3,4,33,37,38,44,64,45])).then(u,J);case"kol-toast-container":return nn(()=>import("./kol-toast-container.entry-Co25e7s3.js"),__vite__mapDeps([75,18,1,24,8,9])).then(u,J);case"kol-toolbar":return nn(()=>import("./kol-toolbar.entry-DC1E6FXE.js"),__vite__mapDeps([76,2])).then(u,J);case"kol-tree":return nn(()=>import("./kol-tree.entry-CJU0cQEc.js"),[]).then(u,J);case"kol-tree-item":return nn(()=>import("./kol-tree-item.entry-BdaBIb4g.js"),[]).then(u,J);case"kol-version":return nn(()=>import("./kol-version.entry-dUp3GOTH.js"),__vite__mapDeps([77,18,2])).then(u,J);case"kol-alert-wc":return nn(()=>import("./kol-alert-wc.entry-QSSxru1h.js"),__vite__mapDeps([78,6,2,24,8,9,18,19])).then(u,J);case"kol-avatar-wc":return nn(()=>import("./kol-avatar-wc.entry-BK35Grnj.js"),__vite__mapDeps([79,18,27,2])).then(u,J);case"kol-button-group-wc":return nn(()=>import("./kol-button-group-wc.entry-DPt44RWG.js"),[]).then(u,J);case"kol-button-wc":return nn(()=>import("./kol-button-wc.entry-BL9fVJyS.js"),__vite__mapDeps([80,21,1,35,30,31,81,58,10,32,38,2,3,4])).then(u,J);case"kol-combobox":return nn(()=>import("./kol-combobox.entry-BmEFD7hm.js"),__vite__mapDeps([82,9,18,1,21,29,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-heading-wc":return nn(()=>import("./kol-heading-wc.entry-BdCJEpBI.js"),__vite__mapDeps([83,6,2])).then(u,J);case"kol-indented-text-wc":return nn(()=>import("./kol-indented-text-wc.entry-hgFFCNni.js"),[]).then(u,J);case"kol-input":return nn(()=>import("./kol-input.entry-CPuXmX7O.js"),__vite__mapDeps([84,9,18,50,24,8])).then(u,J);case"kol-input-range":return nn(()=>import("./kol-input-range.entry-D4u4jv_0.js"),__vite__mapDeps([85,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(u,J);case"kol-link-wc":return nn(()=>import("./kol-link-wc.entry-BgiSefuD.js"),__vite__mapDeps([86,21,1,18,31,87,81,58,10,32,38,2,3,4])).then(u,J);case"kol-popover-wc":return nn(()=>import("./kol-popover-wc.entry-BiiRnFaf.js"),__vite__mapDeps([88,60,4,67])).then(u,J);case"kol-single-select":return nn(()=>import("./kol-single-select.entry-RYbUf_oT.js"),__vite__mapDeps([89,9,18,1,21,29,30,31,32,2,3,4,33,37,38,34])).then(u,J);case"kol-span-wc":return nn(()=>import("./kol-span-wc.entry-DfUMiQRy.js"),__vite__mapDeps([90,33,91,32,38,2])).then(u,J);case"kol-table-stateless-wc":return nn(()=>import("./kol-table-stateless-wc.entry-ByKtV2rl.js"),__vite__mapDeps([92,18,71,1,21,72,2])).then(u,J);case"kol-tooltip-wc":return nn(()=>import("./kol-tooltip-wc.entry-6aPjiU5O.js"),__vite__mapDeps([93,60,91,4,2])).then(u,J);case"kol-tree-item-wc":return nn(()=>import("./kol-tree-item-wc.entry-Cib0K1Xe.js"),__vite__mapDeps([94,1,2,11,87])).then(u,J);case"kol-tree-wc":return nn(()=>import("./kol-tree-wc.entry-BdX10xV6.js"),__vite__mapDeps([95,2])).then(u,J);case"test-component":return nn(()=>import("./test-component.entry-BzD-ABeo.js"),[]).then(u,J)}}return nn(()=>import(`./${s}.entry.js`),[]).then(u=>(Yd.set(s,u),u[l]),J)},Ts=new Map,Bk=[],Tz="r",Ez="o",Lz="s",Cz="t",ju="s-id",Az="sty-id",bv="c-id",$z="{visibility:hidden}.hydrated{visibility:inherit}",Fk="slot-fb{display:contents}slot-fb[hidden]{display:none}",fv="http://www.w3.org/1999/xlink",Hi=typeof window<"u"?window:{},Ge=Hi.document||{head:{}},ce={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,o,a,l)=>n.addEventListener(o,a,l),rel:(n,o,a,l)=>n.removeEventListener(o,a,l),ce:(n,o)=>new CustomEvent(n,o)},Iz=Ki.shadowDom,Oz=(()=>{let n=!1;try{Ge.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch{}return n})(),Nz=n=>Promise.resolve(n),Rz=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),Pk=n=>Nz().then(n),vv={},Bz="http://www.w3.org/2000/svg",Fz="http://www.w3.org/1999/xhtml",sh=n=>(n=typeof n,n==="object"||n==="function");function Dk(n){var o,a,l;return(l=(a=(o=n.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:a.getAttribute("content"))!=null?l:void 0}var Pz={};zz(Pz,{err:()=>Mk,map:()=>Dz,ok:()=>Su,unwrap:()=>Mz,unwrapErr:()=>Kz});var Su=n=>({isOk:!0,isErr:!1,value:n}),Mk=n=>({isOk:!1,isErr:!0,value:n});function Dz(n,o){if(n.isOk){const a=o(n.value);return a instanceof Promise?a.then(l=>Su(l)):Su(a)}if(n.isErr){const a=n.value;return Mk(a)}throw"should never get here"}var Mz=n=>{if(n.isOk)return n.value;throw n.value},Kz=n=>{if(n.isErr)return n.value;throw n.value},Qo=(n,o="")=>()=>{},Hz=(n,o)=>()=>{},Kk=(n,o,...a)=>{let l=null,s=null,d=null,u=!1,g=!1;const b=[],f=w=>{for(let k=0;k<w.length;k++)l=w[k],Array.isArray(l)?f(l):l!=null&&typeof l!="boolean"&&((u=typeof n!="function"&&!sh(l))&&(l=String(l)),u&&g?b[b.length-1].$text$+=l:b.push(u?_a(null,l):l),g=u)};if(f(a),o){o.key&&(s=o.key),o.name&&(d=o.name);{const w=o.className||o.class;w&&(o.class=typeof w!="object"?w:Object.keys(w).filter(k=>w[k]).join(" "))}}if(typeof n=="function")return n(o===null?{}:o,b,Wz);const m=_a(n,null);return m.$attrs$=o,b.length>0&&(m.$children$=b),m.$key$=s,m.$name$=d,m},_a=(n,o)=>{const a={$flags$:0,$tag$:n,$text$:o,$elm$:null,$children$:null};return a.$attrs$=null,a.$key$=null,a.$name$=null,a},Uz={},Vz=n=>n&&n.$tag$===Uz,Wz={forEach:(n,o)=>n.map(mv).forEach(o),map:(n,o)=>n.map(mv).map(o).map(qz)},mv=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),qz=n=>{if(typeof n.vtag=="function"){const a={...n.vattrs};return n.vkey&&(a.key=n.vkey),n.vname&&(a.name=n.vname),Kk(n.vtag,a,...n.vchildren||[])}const o=_a(n.vtag,n.vtext);return o.$attrs$=n.vattrs,o.$children$=n.vchildren,o.$key$=n.vkey,o.$name$=n.vname,o},Gz=(n,o,a,l)=>{const s=Qo("hydrateClient",o),d=n.shadowRoot,u=[],g=[],b=d?[]:null,f=l.$vnode$=_a(o,null);ce.$orgLocNodes$||Eu(Ge.body,ce.$orgLocNodes$=new Map),n[ju]=a,n.removeAttribute(ju),Tu(f,u,g,b,n,n,a),u.map(m=>{const w=m.$hostId$+"."+m.$nodeId$,k=ce.$orgLocNodes$.get(w),S=m.$elm$;k&&Iz&&k["s-en"]===""&&k.parentNode.insertBefore(S,k.nextSibling),d||(S["s-hn"]=o,k&&(S["s-ol"]=k,S["s-ol"]["s-nr"]=S)),ce.$orgLocNodes$.delete(w)}),d&&b.map(m=>{m&&d.appendChild(m)}),s()},Tu=(n,o,a,l,s,d,u)=>{let g,b,f,m;if(d.nodeType===1){if(g=d.getAttribute(bv),g&&(b=g.split("."),(b[0]===u||b[0]==="0")&&(f={$flags$:0,$hostId$:b[0],$nodeId$:b[1],$depth$:b[2],$index$:b[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},o.push(f),d.removeAttribute(bv),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,n=f,l&&f.$depth$==="0"&&(l[f.$index$]=f.$elm$))),d.shadowRoot)for(m=d.shadowRoot.childNodes.length-1;m>=0;m--)Tu(n,o,a,l,s,d.shadowRoot.childNodes[m],u);for(m=d.childNodes.length-1;m>=0;m--)Tu(n,o,a,l,s,d.childNodes[m],u)}else if(d.nodeType===8)b=d.nodeValue.split("."),(b[1]===u||b[1]==="0")&&(g=b[0],f={$flags$:0,$hostId$:b[1],$nodeId$:b[2],$depth$:b[3],$index$:b[4],$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},g===Cz?(f.$elm$=d.nextSibling,f.$elm$&&f.$elm$.nodeType===3&&(f.$text$=f.$elm$.textContent,o.push(f),d.remove(),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,l&&f.$depth$==="0"&&(l[f.$index$]=f.$elm$))):f.$hostId$===u&&(g===Lz?(f.$tag$="slot",b[5]?d["s-sn"]=f.$name$=b[5]:d["s-sn"]="",d["s-sr"]=!0,l&&(f.$elm$=Ge.createElement(f.$tag$),f.$name$&&f.$elm$.setAttribute("name",f.$name$),d.parentNode.insertBefore(f.$elm$,d),d.remove(),f.$depth$==="0"&&(l[f.$index$]=f.$elm$)),a.push(f),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f):g===Tz&&(l?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))));else if(n&&n.$tag$==="style"){const w=_a(null,d.textContent);w.$elm$=d,w.$index$="0",n.$children$=[w]}},Eu=(n,o)=>{if(n.nodeType===1){let a=0;if(n.shadowRoot)for(;a<n.shadowRoot.childNodes.length;a++)Eu(n.shadowRoot.childNodes[a],o);for(a=0;a<n.childNodes.length;a++)Eu(n.childNodes[a],o)}else if(n.nodeType===8){const a=n.nodeValue.split(".");a[0]===Ez&&(o.set(a[1]+"."+a[2],n),n.nodeValue="",n["s-en"]=a[3])}},Zz=n=>Bk.map(o=>o(n)).find(o=>!!o),Yz=n=>Bk.push(n),Qz=(n,o)=>n!=null&&!sh(n)?o&4?n==="false"?!1:n===""||!!n:o&2?parseFloat(n):o&1?String(n):n:n,oN=n=>zr(n).$hostElement$,Jz=(n,o,a)=>{const l=ce.ce(o,a);return n.dispatchEvent(l),l},kv=new WeakMap,Xz=(n,o,a)=>{let l=Ts.get(n);Rz&&a?(l=l||new CSSStyleSheet,typeof l=="string"?l=o:l.replaceSync(o)):l=o,Ts.set(n,l)},Hk=(n,o,a)=>{var l;const s=Uk(o,a),d=Ts.get(s);if(n=n.nodeType===11?n:Ge,d)if(typeof d=="string"){n=n.head||n;let u=kv.get(n),g;if(u||kv.set(n,u=new Set),!u.has(s)){if(n.host&&(g=n.querySelector(`[${Az}="${s}"]`)))g.innerHTML=d;else{g=Ge.createElement("style"),g.innerHTML=d;const b=(l=ce.$nonce$)!=null?l:Dk(Ge);b!=null&&g.setAttribute("nonce",b),(!(o.$flags$&1)||o.$flags$&1&&n.nodeName!=="HEAD")&&n.insertBefore(g,n.querySelector("link"))}o.$flags$&4&&(g.innerHTML+=Fk),u&&u.add(s)}}else n.adoptedStyleSheets.includes(d)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,d]);return s},n2=n=>{const o=n.$cmpMeta$,a=n.$hostElement$,l=o.$flags$,s=Qo("attachStyles",o.$tagName$),d=Hk(a.shadowRoot?a.shadowRoot:a.getRootNode(),o,n.$modeName$);l&10&&l&2&&(a["s-sc"]=d,a.classList.add(d+"-h")),s()},Uk=(n,o)=>"sc-"+(o&&n.$flags$&32?n.$tagName$+"-"+o:n.$tagName$),wv=(n,o,a,l,s,d)=>{if(a!==l){let u=gv(n,o),g=o.toLowerCase();if(o==="class"){const b=n.classList,f=yv(a),m=yv(l);b.remove(...f.filter(w=>w&&!m.includes(w))),b.add(...m.filter(w=>w&&!f.includes(w)))}else if(o==="style"){for(const b in a)(!l||l[b]==null)&&(b.includes("-")?n.style.removeProperty(b):n.style[b]="");for(const b in l)(!a||l[b]!==a[b])&&(b.includes("-")?n.style.setProperty(b,l[b]):n.style[b]=l[b])}else if(o!=="key")if(o==="ref")l&&l(n);else if(!u&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):gv(Hi,g)?o=g.slice(2):o=g[2]+o.slice(3),a||l){const b=o.endsWith(Vk);o=o.replace(o2,""),a&&ce.rel(n,o,a,b),l&&ce.ael(n,o,l,b)}}else{const b=sh(l);if((u||b&&l!==null)&&!s)try{if(n.tagName.includes("-"))n[o]=l;else{const m=l??"";o==="list"?u=!1:(a==null||n[o]!=m)&&(n[o]=m)}}catch{}let f=!1;g!==(g=g.replace(/^xlink\:?/,""))&&(o=g,f=!0),l==null||l===!1?(l!==!1||n.getAttribute(o)==="")&&(f?n.removeAttributeNS(fv,o):n.removeAttribute(o)):(!u||d&4||s)&&!b&&(l=l===!0?"":l,f?n.setAttributeNS(fv,o,l):n.setAttribute(o,l))}}},e2=/\s/,yv=n=>n?n.split(e2):[],Vk="Capture",o2=new RegExp(Vk+"$"),Wk=(n,o,a)=>{const l=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,s=n&&n.$attrs$||vv,d=o.$attrs$||vv;for(const u of _v(Object.keys(s)))u in d||wv(l,u,s[u],void 0,a,o.$flags$);for(const u of _v(Object.keys(d)))wv(l,u,s[u],d[u],a,o.$flags$)};function _v(n){return n.includes("ref")?[...n.filter(o=>o!=="ref"),"ref"]:n}var Lu,Cu,Ps,Es=!1,Ls=!1,ch=!1,wo=!1,Cs=(n,o,a,l)=>{var s;const d=o.$children$[a];let u=0,g,b,f;if(Es||(ch=!0,d.$tag$==="slot"&&(Lu&&l.classList.add(Lu+"-s"),d.$flags$|=d.$children$?2:1)),d.$text$!==null)g=d.$elm$=Ge.createTextNode(d.$text$);else if(d.$flags$&1)g=d.$elm$=Ge.createTextNode("");else{if(wo||(wo=d.$tag$==="svg"),g=d.$elm$=Ge.createElementNS(wo?Bz:Fz,!Es&&Ki.slotRelocation&&d.$flags$&2?"slot-fb":d.$tag$),wo&&d.$tag$==="foreignObject"&&(wo=!1),Wk(null,d,wo),g.getRootNode().querySelector("body"),d.$children$)for(u=0;u<d.$children$.length;++u)b=Cs(n,d,u,g),b&&g.appendChild(b);d.$tag$==="svg"?wo=!1:g.tagName==="foreignObject"&&(wo=!0)}return g["s-hn"]=Ps,d.$flags$&3&&(g["s-sr"]=!0,g["s-cr"]=Cu,g["s-sn"]=d.$name$||"",g["s-rf"]=(s=d.$attrs$)==null?void 0:s.ref,f=n&&n.$children$&&n.$children$[a],f&&f.$tag$===d.$tag$&&n.$elm$&&$i(n.$elm$,!1)),g},$i=(n,o)=>{ce.$flags$|=1;const a=Array.from(n.childNodes);n["s-sr"]&&Ki.experimentalSlotFixes;for(let l=a.length-1;l>=0;l--){const s=a[l];s["s-hn"]!==Ps&&s["s-ol"]&&(Qr(Zk(s),s,dh(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,ch=!0),o&&$i(s,o)}ce.$flags$&=-2},qk=(n,o,a,l,s,d)=>{let u=n["s-cr"]&&n["s-cr"].parentNode||n,g;for(u.shadowRoot&&u.tagName===Ps&&(u=u.shadowRoot);s<=d;++s)l[s]&&(g=Cs(null,a,s,n),g&&(l[s].$elm$=g,Qr(u,g,dh(o))))},Gk=(n,o,a)=>{for(let l=o;l<=a;++l){const s=n[l];if(s){const d=s.$elm$;Jk(s),d&&(Ls=!0,d["s-ol"]?d["s-ol"].remove():$i(d,!0),d.remove())}}},r2=(n,o,a,l,s=!1)=>{let d=0,u=0,g=0,b=0,f=o.length-1,m=o[0],w=o[f],k=l.length-1,S=l[0],j=l[k],z,L;for(;d<=f&&u<=k;)if(m==null)m=o[++d];else if(w==null)w=o[--f];else if(S==null)S=l[++u];else if(j==null)j=l[--k];else if(as(m,S,s))ma(m,S,s),m=o[++d],S=l[++u];else if(as(w,j,s))ma(w,j,s),w=o[--f],j=l[--k];else if(as(m,j,s))(m.$tag$==="slot"||j.$tag$==="slot")&&$i(m.$elm$.parentNode,!1),ma(m,j,s),Qr(n,m.$elm$,w.$elm$.nextSibling),m=o[++d],j=l[--k];else if(as(w,S,s))(m.$tag$==="slot"||j.$tag$==="slot")&&$i(w.$elm$.parentNode,!1),ma(w,S,s),Qr(n,w.$elm$,m.$elm$),w=o[--f],S=l[++u];else{for(g=-1,b=d;b<=f;++b)if(o[b]&&o[b].$key$!==null&&o[b].$key$===S.$key$){g=b;break}g>=0?(L=o[g],L.$tag$!==S.$tag$?z=Cs(o&&o[u],a,g,n):(ma(L,S,s),o[g]=void 0,z=L.$elm$),S=l[++u]):(z=Cs(o&&o[u],a,u,n),S=l[++u]),z&&Qr(Zk(m.$elm$),z,dh(m.$elm$))}d>f?qk(n,l[k+1]==null?null:l[k+1].$elm$,a,l,u,k):u>k&&Gk(o,d,f)},as=(n,o,a=!1)=>n.$tag$===o.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&a&&n.$elm$.nodeType!==8?!1:n.$name$===o.$name$:a?!0:n.$key$===o.$key$:!1,dh=n=>n&&n["s-ol"]||n,Zk=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,ma=(n,o,a=!1)=>{const l=o.$elm$=n.$elm$,s=n.$children$,d=o.$children$,u=o.$tag$,g=o.$text$;let b;g===null?(wo=u==="svg"?!0:u==="foreignObject"?!1:wo,u==="slot"&&!Es||Wk(n,o,wo),s!==null&&d!==null?r2(l,s,o,d,a):d!==null?(n.$text$!==null&&(l.textContent=""),qk(l,null,o,d,0,d.length-1)):!a&&Ki.updatable&&s!==null&&Gk(s,0,s.length-1),wo&&u==="svg"&&(wo=!1)):(b=l["s-cr"])?b.parentNode.textContent=g:n.$text$!==g&&(l.data=g)},Yk=n=>{const o=n.childNodes;for(const a of o)if(a.nodeType===1){if(a["s-sr"]){const l=a["s-sn"];a.hidden=!1;for(const s of o)if(s!==a){if(s["s-hn"]!==a["s-hn"]||l!==""){if(s.nodeType===1&&(l===s.getAttribute("slot")||l===s["s-sn"])||s.nodeType===3&&l===s["s-sn"]){a.hidden=!0;break}}else if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){a.hidden=!0;break}}}Yk(a)}},br=[],Qk=n=>{let o,a,l;for(const s of n.childNodes){if(s["s-sr"]&&(o=s["s-cr"])&&o.parentNode){a=o.parentNode.childNodes;const d=s["s-sn"];for(l=a.length-1;l>=0;l--)if(o=a[l],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==s["s-hn"])if(xv(o,d)){let u=br.find(g=>g.$nodeToRelocate$===o);Ls=!0,o["s-sn"]=o["s-sn"]||d,u?(u.$nodeToRelocate$["s-sh"]=s["s-hn"],u.$slotRefNode$=s):(o["s-sh"]=s["s-hn"],br.push({$slotRefNode$:s,$nodeToRelocate$:o})),o["s-sr"]&&br.map(g=>{xv(g.$nodeToRelocate$,o["s-sn"])&&(u=br.find(b=>b.$nodeToRelocate$===o),u&&!g.$slotRefNode$&&(g.$slotRefNode$=u.$slotRefNode$))})}else br.some(u=>u.$nodeToRelocate$===o)||br.push({$nodeToRelocate$:o})}s.nodeType===1&&Qk(s)}},xv=(n,o)=>n.nodeType===1?n.getAttribute("slot")===null&&o===""||n.getAttribute("slot")===o:n["s-sn"]===o?!0:o==="",Jk=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(Jk)},Qr=(n,o,a)=>n==null?void 0:n.insertBefore(o,a),t2=(n,o,a=!1)=>{var l,s,d,u;const g=n.$hostElement$,b=n.$cmpMeta$,f=n.$vnode$||_a(null,null),m=Vz(o)?o:Kk(null,null,o);if(Ps=g.tagName,b.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},b.$attrsToReflect$.map(([w,k])=>m.$attrs$[k]=g[w])),a&&m.$attrs$)for(const w of Object.keys(m.$attrs$))g.hasAttribute(w)&&!["key","ref","style","class"].includes(w)&&(m.$attrs$[w]=g[w]);m.$tag$=null,m.$flags$|=4,n.$vnode$=m,m.$elm$=f.$elm$=g.shadowRoot||g,Lu=g["s-sc"],Es=(b.$flags$&1)!==0,Cu=g["s-cr"],Ls=!1,ma(f,m,a);{if(ce.$flags$|=1,ch){Qk(m.$elm$);for(const w of br){const k=w.$nodeToRelocate$;if(!k["s-ol"]){const S=Ge.createTextNode("");S["s-nr"]=k,Qr(k.parentNode,k["s-ol"]=S,k)}}for(const w of br){const k=w.$nodeToRelocate$,S=w.$slotRefNode$;if(S){const j=S.parentNode;let z=S.nextSibling;{let L=(l=k["s-ol"])==null?void 0:l.previousSibling;for(;L;){let y=(s=L["s-nr"])!=null?s:null;if(y&&y["s-sn"]===k["s-sn"]&&j===y.parentNode){for(y=y.nextSibling;y===k||y!=null&&y["s-sr"];)y=y==null?void 0:y.nextSibling;if(!y||!y["s-nr"]){z=y;break}}L=L.previousSibling}}(!z&&j!==k.parentNode||k.nextSibling!==z)&&k!==z&&(!k["s-hn"]&&k["s-ol"]&&(k["s-hn"]=k["s-ol"].parentNode.nodeName),Qr(j,k,z),k.nodeType===1&&(k.hidden=(d=k["s-ih"])!=null?d:!1)),k&&typeof S["s-rf"]=="function"&&S["s-rf"](k)}else k.nodeType===1&&(a&&(k["s-ih"]=(u=k.hidden)!=null?u:!1),k.hidden=!0)}}Ls&&Yk(m.$elm$),ce.$flags$&=-2,br.length=0}Cu=void 0},Xk=(n,o)=>{o&&!n.$onRenderResolve$&&o["s-p"]&&o["s-p"].push(new Promise(a=>n.$onRenderResolve$=a))},uh=(n,o)=>{if(n.$flags$&4){n.$flags$|=512;return}return Xk(n,n.$ancestorComponent$),a2(n,o)},a2=(n,o)=>{const a=n.$hostElement$,l=Qo("scheduleUpdate",n.$cmpMeta$.$tagName$),s=n.$lazyInstance$;if(!s)throw new Error(`Can't render component <${a.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&&(n.$flags$|=256,n.$queuedListeners$&&(n.$queuedListeners$.map(([u,g])=>St(s,u,g)),n.$queuedListeners$=void 0),d=St(s,"componentWillLoad")),d=zv(d,()=>St(s,"componentWillRender")),l(),zv(d,()=>l2(n,s,o))},zv=(n,o)=>i2(n)?n.then(o).catch(a=>{console.error(a),o()}):o(),i2=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",l2=async(n,o,a)=>{var l;const s=n.$hostElement$,d=Qo("update",n.$cmpMeta$.$tagName$),u=s["s-rc"];a&&n2(n);const g=Qo("render",n.$cmpMeta$.$tagName$);s2(n,o,s,a),u&&(u.map(b=>b()),s["s-rc"]=void 0),g(),d();{const b=(l=s["s-p"])!=null?l:[],f=()=>c2(n);b.length===0?f():(Promise.all(b).then(f),n.$flags$|=4,b.length=0)}},s2=(n,o,a,l)=>{try{o=o.render&&o.render(),n.$flags$|=2,t2(n,o,l)}catch(s){J(s,n.$hostElement$)}return null},c2=n=>{const o=n.$cmpMeta$.$tagName$,a=n.$hostElement$,l=Qo("postUpdate",o),s=n.$lazyInstance$,d=n.$ancestorComponent$;St(s,"componentDidRender"),n.$flags$&64?l():(n.$flags$|=64,ew(a),St(s,"componentDidLoad"),l(),n.$onReadyResolve$(a),d||nw()),n.$onInstanceResolve$(a),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&Pk(()=>uh(n,!1)),n.$flags$&=-517},nw=n=>{ew(Ge.documentElement),Pk(()=>Jz(Hi,"appload",{detail:{namespace:_z}}))},St=(n,o,a)=>{if(n&&n[o])try{return n[o](a)}catch(l){J(l)}},ew=n=>{var o;return n.classList.add((o=Ki.hydratedSelectorName)!=null?o:"hydrated")},d2=(n,o)=>zr(n).$instanceValues$.get(o),u2=(n,o,a,l)=>{const s=zr(n);if(!s)throw new Error(`Couldn't find host element for "${l.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const d=s.$hostElement$,u=s.$instanceValues$.get(o),g=s.$flags$,b=s.$lazyInstance$;a=Qz(a,l.$members$[o][0]);const f=Number.isNaN(u)&&Number.isNaN(a),m=a!==u&&!f;if((!(g&8)||u===void 0)&&m&&(s.$instanceValues$.set(o,a),b)){if(l.$watchers$&&g&128){const w=l.$watchers$[o];w&&w.map(k=>{try{b[k](a,u,o)}catch(S){J(S,d)}})}(g&18)===2&&uh(s,!1)}},ow=(n,o,a)=>{var l,s;const d=n.prototype;if(o.$members$||o.$watchers$||n.watchers){n.watchers&&!o.$watchers$&&(o.$watchers$=n.watchers);const u=Object.entries((l=o.$members$)!=null?l:{});if(u.map(([g,[b]])=>{b&31||a&2&&b&32?Object.defineProperty(d,g,{get(){return d2(this,g)},set(f){u2(this,g,f,o)},configurable:!0,enumerable:!0}):a&1&&b&64&&Object.defineProperty(d,g,{value(...f){var m;const w=zr(this);return(m=w==null?void 0:w.$onInstancePromise$)==null?void 0:m.then(()=>{var k;return(k=w.$lazyInstance$)==null?void 0:k[g](...f)})}})}),a&1){const g=new Map;d.attributeChangedCallback=function(b,f,m){ce.jmp(()=>{var w;const k=g.get(b);if(this.hasOwnProperty(k))m=this[k],delete this[k];else{if(d.hasOwnProperty(k)&&typeof this[k]=="number"&&this[k]==m)return;if(k==null){const S=zr(this),j=S==null?void 0:S.$flags$;if(j&&!(j&8)&&j&128&&m!==f){const z=S.$lazyInstance$,L=(w=o.$watchers$)==null?void 0:w[b];L==null||L.forEach(y=>{z[y]!=null&&z[y].call(z,m,f,b)})}return}}this[k]=m===null&&typeof this[k]=="boolean"?!1:m})},n.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...u.filter(([b,f])=>f[0]&15).map(([b,f])=>{var m;const w=f[1]||b;return g.set(w,b),f[0]&512&&((m=o.$attrsToReflect$)==null||m.push([b,w])),w})]))}}return n},h2=async(n,o,a,l)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,a.$lazyBundleId$){const b=Sz(a);if(b&&"then"in b){const m=Hz();s=await b,m()}else s=b;if(!s)throw new Error(`Constructor for "${a.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(a.$watchers$=s.watchers,ow(s,a,2),s.isProxied=!0);const f=Qo("createInstance",a.$tagName$);o.$flags$|=8;try{new s(o)}catch(m){J(m)}o.$flags$&=-9,o.$flags$|=128,f(),Au(o.$lazyInstance$)}else{s=n.constructor;const b=n.localName;customElements.whenDefined(b).then(()=>o.$flags$|=128)}if(s&&s.style){let b;typeof s.style=="string"?b=s.style:typeof s.style!="string"&&(o.$modeName$=Zz(n),o.$modeName$&&(b=s.style[o.$modeName$]));const f=Uk(a,o.$modeName$);if(!Ts.has(f)){const m=Qo("registerStyles",a.$tagName$);Xz(f,b,!!(a.$flags$&1)),m()}}}const d=o.$ancestorComponent$,u=()=>uh(o,!0);d&&d["s-rc"]?d["s-rc"].push(u):u()},Au=n=>{St(n,"connectedCallback")},p2=n=>{if((ce.$flags$&1)===0){const o=zr(n),a=o.$cmpMeta$,l=Qo("connectedCallback",a.$tagName$);if(o.$flags$&1)rw(n,o,a.$listeners$),o!=null&&o.$lazyInstance$?Au(o.$lazyInstance$):o!=null&&o.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Au(o.$lazyInstance$));else{o.$flags$|=1;let s;if(s=n.getAttribute(ju),s){if(a.$flags$&1){const d=Hk(n.shadowRoot,a,n.getAttribute("s-mode"));n.classList.remove(d+"-h",d+"-s")}Gz(n,a.$tagName$,s,o)}s||a.$flags$&12&&g2(n);{let d=n;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){Xk(o,o.$ancestorComponent$=d);break}}a.$members$&&Object.entries(a.$members$).map(([d,[u]])=>{if(u&31&&n.hasOwnProperty(d)){const g=n[d];delete n[d],n[d]=g}}),h2(n,o,a)}l()}},g2=n=>{const o=n["s-cr"]=Ge.createComment("");o["s-cn"]=!0,Qr(n,o,n.firstChild)},jv=n=>{St(n,"disconnectedCallback")},b2=async n=>{if((ce.$flags$&1)===0){const o=zr(n);o.$rmListeners$&&(o.$rmListeners$.map(a=>a()),o.$rmListeners$=void 0),o!=null&&o.$lazyInstance$?jv(o.$lazyInstance$):o!=null&&o.$onReadyPromise$&&o.$onReadyPromise$.then(()=>jv(o.$lazyInstance$))}},f2=(n,o={})=>{var a;const l=Qo(),s=[],d=o.exclude||[],u=Hi.customElements,g=Ge.head,b=g.querySelector("meta[charset]"),f=Ge.createElement("style"),m=[];let w,k=!0;Object.assign(ce,o),ce.$resourcesUrl$=new URL(o.resourcesUrl||"./",Ge.baseURI).href,ce.$flags$|=2;let S=!1;if(n.map(j=>{j[1].map(z=>{var L;const y={$flags$:z[0],$tagName$:z[1],$members$:z[2],$listeners$:z[3]};y.$flags$&4&&(S=!0),y.$members$=z[2],y.$listeners$=z[3],y.$attrsToReflect$=[],y.$watchers$=(L=z[4])!=null?L:{};const N=o.transformTagName?o.transformTagName(y.$tagName$):y.$tagName$,D=class extends HTMLElement{constructor(q){if(super(q),this.hasRegisteredEventListeners=!1,q=this,jz(q,y),y.$flags$&1){if(!q.shadowRoot)q.attachShadow({mode:"open",delegatesFocus:!!(y.$flags$&16)});else if(q.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${y.$tagName$}! Mode is set to ${q.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const q=zr(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,rw(this,q,y.$listeners$)),w&&(clearTimeout(w),w=null),k?m.push(this):ce.jmp(()=>p2(this))}disconnectedCallback(){ce.jmp(()=>b2(this))}componentOnReady(){return zr(this).$onReadyPromise$}};y.$lazyBundleId$=j[0],!d.includes(N)&&!u.get(N)&&(s.push(N),u.define(N,ow(D,y,1)))})}),s.length>0&&(S&&(f.textContent+=Fk),f.textContent+=s.sort()+$z,f.innerHTML.length)){f.setAttribute("data-styles","");const j=(a=ce.$nonce$)!=null?a:Dk(Ge);j!=null&&f.setAttribute("nonce",j),g.insertBefore(f,b?b.nextSibling:g.firstChild)}k=!1,m.length?m.map(j=>j.connectedCallback()):ce.jmp(()=>w=setTimeout(nw,30)),l()},rN=(n,o)=>o,rw=(n,o,a,l)=>{a&&a.map(([s,d,u])=>{const g=m2(n,s),b=v2(o,u),f=k2(s);ce.ael(g,d,b,f),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>ce.rel(g,d,b,f))})},v2=(n,o)=>a=>{var l;try{n.$flags$&256?(l=n.$lazyInstance$)==null||l[o](a):(n.$queuedListeners$=n.$queuedListeners$||[]).push([o,a])}catch(s){J(s)}},m2=(n,o)=>o&8?Hi:n,k2=n=>Oz?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;Yz(n=>{try{n.shadowRoot instanceof ShadowRoot&&Sx(n,ux(n))}catch{}return"default"});nn(()=>import("./devtools-11df599a-WmaPT6Pw.js"),__vite__mapDeps([96,1])).then(n=>{typeof n=="object"&&n!==null&&typeof n.initialize=="function"&&n.initialize()}).catch(n=>{we.error(n)});const w2=()=>{},y2=w2;/*!
  * KoliBri - The accessible HTML-Standard
  */const _2=async(n,o)=>{if(!(typeof window>"u"))return await y2(),f2(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"_tooltipAlign":[1,"_tooltip-align"],"state":[32]},null,{"_label":["validateLabel"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-accordion",[[33,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[4,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[33,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[0,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[49,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-button-group",[[33,"kol-button-group"]]],["kol-button-group-wc",[[4,"kol-button-group-wc",{"state":[32]}]]],["kol-button-link",[[49,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-button-wc",[[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[33,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[49,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"_hasOpened":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[33,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_modal":[4],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[33,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[33,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"_variant":[1]}]]],["kol-heading-wc",[[4,"kol-heading-wc",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"],"_variant":["validateVariant"]}]]],["kol-icon",[[33,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[33,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-indented-text",[[33,"kol-indented-text"]]],["kol-indented-text-wc",[[4,"kol-indented-text-wc",{"state":[32]}]]],["kol-input",[[4,"kol-input",{"_accessKey":[1,"_access-key"],"_alert":[4],"_currentLength":[2,"_current-length"],"_currentLengthDebounced":[2,"_current-length-debounced"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideError":[4,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[16],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_shortKey":[1,"_short-key"],"_slotName":[1,"_slot-name"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[4]}]]],["kol-input-checkbox",[[49,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_hideError":[1540,"_hide-error"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[49,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[49,"kol-input-date",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[2],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1025],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[49,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-file",[[49,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1032],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[49,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[49,"kol-input-radio",{"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideLabel":["validateHideLabel"],"_hideError":["validateHideError"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[2],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[2],"state":[32],"inputHasFocus":[32],"focus":[64],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[49,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[49,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"focus":[64],"kolFocus":[64]}]]],["kol-link-button",[[49,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"focus":[64],"kolFocus":[64]}]]],["kol-link-group",[[33,"kol-link-group",{"_listStyleType":[1,"_list-style-type"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_label":["validateLabel"],"_listStyleType":["validateListStyleType"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariant"]}]]],["kol-logo",[[33,"kol-logo",{"_org":[1],"state":[32]},null,{"_org":["validateOrg"]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_label":[1],"_on":[16],"_width":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_activeElement":["validateActiveElement"],"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"]}]]],["kol-nav",[[33,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[33,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32],"popoverOpen":[32]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[4,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[33,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[33,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[49,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_hasOpened":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-span-wc",[[4,"kol-span-wc",{"_badgeText":[1,"_badge-text"],"_allowMarkdown":[4,"_allow-markdown"],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_allowMarkdown":["validateAllowMarkdown"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-spin",[[33,"kol-spin",{"_show":[1540],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_variant":["validateVariant"]}]]],["kol-split-button",[[49,"kol-split-button",{"_ariaControls":[1,"_aria-controls"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"closePopup":[64]}]]],["kol-symbol",[[0,"kol-symbol",{"_label":[1],"_symbol":[1],"state":[32]},null,{"_label":["validateLabel"],"_symbol":["validateSymbol"]}]]],["kol-table",[[1,"kol-table",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16]}]]],["kol-table-stateful",[[33,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[33,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1]}]]],["kol-table-stateless-wc",[[0,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"state":[32],"tableDivElementHasScrollbar":[32]},[[0,"keydown","handleKeyDown"]],{"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"]}]]],["kol-tabs",[[33,"kol-tabs",{"_align":[1],"_behavior":[1],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[49,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[33,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[33,"kol-toolbar",{"_label":[1],"_items":[16],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"]}]]],["kol-tooltip-wc",[[0,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[33,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[33,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[4,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[4,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[33,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),o)};/*!
  * KoliBri - The accessible HTML-Standard
@@ -22954,7 +22954,7 @@ Link:
   .tree-link a .text {
     text-decoration: none;
   }
-}`;const hT=Vi.createTheme("itzbund",{GLOBAL:xS,"KOL-ACCORDION":zS,"KOL-ALERT":jS,"KOL-BADGE":SS,"KOL-BREADCRUMB":TS,"KOL-BUTTON":ES,"KOL-BUTTON-GROUP":LS,"KOL-BUTTON-LINK":CS,"KOL-CARD":AS,"KOL-COMBOBOX":$S,"KOL-DETAILS":IS,"KOL-DRAWER":OS,"KOL-FORM":NS,"KOL-HEADING":RS,"KOL-INDENTED-TEXT":BS,"KOL-INPUT-CHECKBOX":FS,"KOL-INPUT-COLOR":PS,"KOL-INPUT-DATE":DS,"KOL-INPUT-EMAIL":MS,"KOL-INPUT-FILE":KS,"KOL-INPUT-NUMBER":HS,"KOL-INPUT-PASSWORD":US,"KOL-INPUT-RADIO":VS,"KOL-INPUT-TEXT":WS,"KOL-LINK":GS,"KOL-LINK-BUTTON":qS,"KOL-NAV":ZS,"KOL-PAGINATION":YS,"KOL-POPOVER-BUTTON":QS,"KOL-PROGRESS":JS,"KOL-SELECT":XS,"KOL-SINGLE-SELECT":nT,"KOL-SKIP-NAV":eT,"KOL-SPIN":oT,"KOL-SPLIT-BUTTON":rT,"KOL-TABLE-STATEFUL":tT,"KOL-TABLE-STATELESS":aT,"KOL-TABS":iT,"KOL-TEXTAREA":lT,"KOL-TOAST-CONTAINER":sT,"KOL-TOOLBAR":cT,"KOL-TREE":dT,"KOL-TREE-ITEM":uT}),pT="2.2.14-rc.1",Ou={version:pT},gT=()=>{const n={onClick:()=>history.back()};return t.jsxs(qe,{_label:"This is an example page",_level:0,_type:"info",children:[t.jsx("p",{children:"You followed an example link."}),history.length>1&&t.jsx(P,{_label:"Go Back",_on:n})]})},sw=["default","ecl-ec","ecl-eu","itzbund","bwst","unstyled"],bT=["ecl-ec","ecl-eu","itzbund"],fT=n=>bT.includes(n),hh=n=>sw.find(o=>o===n)!==void 0,ph=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"BWSt (Tested)",value:"bwst"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function vT(){const n=matchMedia("(max-width: 1023px)"),[o,a]=_.useState(n.matches),l=()=>{a(n.matches)};return _.useEffect(()=>(l(),n.addEventListener("change",l),()=>{n.removeEventListener("change",l)}),[n]),o}function mT({children:n}){return vT()?t.jsx(Ie,{_label:"All components",class:"mt",children:n}):t.jsx("div",{className:"mt scrollable-container",children:n})}function $v({label:n,to:o,children:a}){const l=tk(o),s=ja(o),d=i0({path:s.pathname,end:!0});return t.jsx(Se,{_label:n,_href:l,_active:!!d,children:a})}function kT({routes:n}){const o=(l,s)=>Object.keys(s).map(d=>{const u=l==="tree"&&d==="basic/:subPage",g=u?"basic/home":d,b=u?"basic":d;return t.jsx($v,{label:b,to:[l,g].join("/")},[l,d].join("/"))}),a=Object.entries(n).map(([l,s])=>t.jsx($v,{label:l,to:l,children:o(l,s)},l));return t.jsx(mT,{children:t.jsx("nav",{children:t.jsx(Ym,{_label:"Navigation",class:"block",children:a})})})}const wT=({buildDate:n,commitHash:o})=>!n&&!o?"":t.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:n&&o?t.jsxs(t.Fragment,{children:["Build: ",o,t.jsx("br",{}),"at ",n]}):o?`Build: ${o}`:`Build date: ${n}`}),yT=({version:n,theme:o,routes:a,routeList:l,sample:s,buildDate:d,commitHash:u,onThemeChange:g})=>{const b=()=>l.indexOf(s),f=()=>s.replace(/\//g," "),m=(S,j)=>{g(j[0])},w=()=>{const S=b(),j=S<=0?l.length-1:S-1;location.replace(`#${l[j]}`)},k=()=>{const S=b(),j=S===l.length-1?0:S+1;location.replace(`#${l[j]}`)};return t.jsx("aside",{className:"app-sidebar p-4",children:t.jsxs("div",{className:"scrollable-container-wrapper",children:[t.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[t.jsx(rn,{_label:"KoliBri React"}),t.jsx(Rs,{_label:n})]}),t.jsx(wT,{buildDate:d,commitHash:u}),t.jsx(Te,{_label:"Theme",_options:ph,_on:{onChange:m},_value:[o],class:"mt"}),t.jsx(rn,{_label:"Components",_level:2,className:"block mt"}),t.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[t.jsx(P,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:w}}),t.jsxs("span",{className:"text-base text-center",children:[f()," (",b()+1,"/",l.length,")"]}),t.jsx(P,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:k}})]}),t.jsx(kT,{routes:a})]})})},_T=()=>{const n=xo();rx("#"+n.pathname)},Xo=_.createContext(null),xT="https://public-ui.github.io/v2/docs/components",zT="https://github.com/public-ui/kolibri/blob/release/2/packages/samples/react/src/components",In="I am an error message!",Zr="I am a hint.",B=n=>{const o=_.useContext(Xo),a=xo(),l=a.pathname.split("/").slice(1),s=_.useMemo(()=>l[0]==="scenarios"?null:`${xT}/${l[0]}`,[a.hash]),d=_.useMemo(()=>l[0]==="scenarios"?null:`${zT}/${l[0]}/${l[1]}.tsx`,[a.hash]);return t.jsxs(t.Fragment,{children:[t.jsx("h1",{className:"visually-hidden",children:a.pathname.replace(/\//g," ")}),o?null:t.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[t.jsx("div",{className:"indented-text",children:n.children}),t.jsxs("ul",{className:"flex flex-wrap gap-2 m-0 p-0 list-none",children:[d&&t.jsx("li",{children:t.jsx(fn,{_href:d,_label:"Code",_target:"_blank"})}),s&&t.jsx("li",{children:t.jsx(fn,{_href:s,_label:"Documentation",_target:"_blank"})}),t.jsx("li",{children:t.jsx(fn,{_href:`#${a.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},jT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolAbbr shows the full expansion of an abbreviated term on mouse over. The sample illustrates the different possible alignments for the tooltip."})}),t.jsxs("p",{children:["I am ",t.jsx(Yo,{_label:"zum Beispiel",children:"e.g."})," an abbreviation."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"right",children:"e.g."})," ","an abbreviation (right)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"bottom",children:"e.g."})," ","an abbreviation (below)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"left",children:"e.g."})," ","an abbreviation (left)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"top",children:"e.g."})," ","an abbreviation (top)."]})]}),ST={abbr:{basic:jT}},TT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ie,{_label:"Heading Accordion Tab 1",children:"Contents Accordion Tab 1"}),t.jsx(Ie,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),t.jsx(Ie,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.jsx(Ie,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),ET=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ie,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),t.jsx(Ie,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),t.jsx(Ie,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),t.jsx(Ie,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),t.jsx(Ie,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),t.jsx(Ie,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),LT={accordion:{basic:TT,headlines:ET}},ki=({level:n,type:o,variant:a})=>t.jsxs(t.Fragment,{children:[t.jsx(qe,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:a,children:"This is the text of the alert."}),t.jsx(qe,{_type:o,_variant:a,children:"In this alert, only the text without the heading is used."}),t.jsx(qe,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:a,_hasCloser:!0,children:"This is the text of the alert. With close button."}),t.jsx(qe,{_type:o,_variant:a,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),cw=({variant:n="msg"})=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(ki,{level:1,type:"default",variant:n}),t.jsx(ki,{level:2,type:"error",variant:n}),t.jsx(ki,{level:3,type:"info",variant:n}),t.jsx(ki,{level:4,type:"success",variant:n}),t.jsx(ki,{level:5,type:"warning",variant:n})]}),CT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx(cw,{variant:"msg"})]}),AT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx("section",{className:"w-full",children:t.jsx(cw,{variant:"card"})})]}),$T=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),t.jsx("div",{children:t.jsxs(qe,{_label:"Output of HTML code in the alert",_type:"info",children:[t.jsx("div",{className:"mt-2 mb-3",children:t.jsx(rn,{_level:2,_label:"An H2 heading is output here"})}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[t.jsxs("div",{children:[t.jsx("h3",{children:"Text in a left-hand column"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?"})]}),t.jsxs("div",{children:[t.jsx("h3",{children:"Text in einer rechten Spalte"}),t.jsx("p",{children:"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"})]})]})]})})]}),IT={alert:{basic:CT,"card-msg":AT,html:$T}},OT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolAlert shows a user's avatar. It can be used with or without an image. If no image is defined, the name's initials are shown instead."})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Fd,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.jsx(Fd,{_label:"Elke Mustermann "}),t.jsx(Fd,{_label:"Marianne"})]})]}),NT={avatar:{basic:OT}},RT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Kn,{_label:"black"}),t.jsx(Kn,{_color:"#86ffc6",_label:"teal"}),t.jsx(Kn,{_color:"#06539e",_label:"blue"}),t.jsx(Kn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.jsx(Kn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),wi=n=>({_label:n,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${n}`,_on:{onClick:()=>alert("clicked")}}}),BT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolBadge with an optional ",t.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Kn,{...wi("black")}),t.jsx(Kn,{_color:"#86ffc6",...wi("teal")}),t.jsx(Kn,{_color:"#06539e",...wi("blue")}),t.jsx(Kn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...wi("red with icon")}),t.jsx(Kn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...wi("purple with icon")})]})]}),FT={badge:{basic:RT,button:BT}},PT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(gs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.jsx(gs,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.jsx(gs,{_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"}]})]})]}),DT={breadcrumb:{basic:PT}};function ye(){const n=ot.getInstance(document),o=s=>{n.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const MT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"KolButtonGroup shows multiple KolButton-elements visually grouped together."}),t.jsx("p",{children:t.jsx(Kn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs(z_,{children:[t.jsx(P,{_label:"Active",_variant:"primary",_on:o}),t.jsx(P,{_label:"Not active",_disabled:!0}),t.jsx(P,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:o}),t.jsx(P,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:o})]})]})},KT={"button-group":{basic:MT}},HT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",t.jsx("code",{children:"block"}),", ",t.jsx("code",{children:"inline-block"})," and ",t.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),t.jsxs("section",{className:"text-base",children:[t.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",t.jsx(Zn,{_label:"Simple Link"})," It is rendered by default as an"," ",t.jsx("strong",{children:"inline element"}),"."]}),t.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",t.jsx(Zn,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.jsx("br",{}),t.jsx("br",{}),"After that, there is a link that is rendered as a block element.",t.jsx(Zn,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),t.jsx("p",{children:t.jsx(Zn,{_label:"Disabled ButtonLink",_disabled:!0})}),t.jsx("p",{children:t.jsx(Zn,{_label:"With access key",_accessKey:"c",_on:o})}),t.jsx("p",{children:t.jsx(Zn,{_label:"Disabled ButtonLink",_shortKey:"s"})})]})]})},UT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Zn,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.jsx(Zn,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.jsx(Zn,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.jsx(Zn,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.jsx(Zn,{_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"})]})]}),VT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Zn,{_label:"I am a link that is rendered as text"}),t.jsx(Zn,{_label:"",children:t.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),WT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Zn,{_label:"Button Text without area description"}),t.jsx(Zn,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),qT={"button-link":{basic:HT,icons:UT,image:VT,"aria-description":WT}},GT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolButton with"," ",t.jsx(fn,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard."]})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"With S access key",_accessKey:"S",_on:o}),t.jsx(P,{_label:"Very small b",_accessKey:"b",_on:o}),t.jsx(P,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),t.jsx(P,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),t.jsx(P,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},ZT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"Button Text without area description",_on:o}),t.jsx(P,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},YT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},QT=n=>{const{children:o,...a}=n,{dummyClickEventHandler:l}=ye(),s={onClick:l};return t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...a,children:o})]})},dw=(n={})=>{const o=[{label:"Button",buttonProps:n},{label:"Button (disabled)",buttonProps:{...n,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...n,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...n,_disabled:!0,_hideLabel:!0}}];return t.jsx("div",{className:"grid gap-8",children:o.map(({label:a,buttonProps:l},s)=>t.jsxs("section",{className:"grid gap-4",children:[t.jsx(rn,{_level:2,_label:a}),t.jsx(QT,{...l})]},s))})},JT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),t.jsx(dw,{})]}),XT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),t.jsx("div",{children:t.jsx(P,{_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})})]})},nE=()=>{const{dummyClickEventHandler:n}=ye(),o={className:"w-8rem",_on:{onClick:n}};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),t.jsxs("div",{className:"grid gap-14",children:[t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"Primary",_variant:"primary",...o}),t.jsx(P,{_label:"Secondary",_variant:"secondary",...o}),t.jsx(P,{_label:"Normal",_variant:"normal",...o}),t.jsx(P,{_label:"Danger",_variant:"danger",...o}),t.jsx(P,{_label:"Ghost",_variant:"ghost",...o})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),t.jsx(P,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),t.jsx(P,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),t.jsx(P,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),t.jsx(P,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},Jd=new WeakMap,Ve=n=>(Jd.has(n)===!1&&Jd.set(n,Qm.createRoot(n)),Jd.get(n)),eE=({label:n})=>{const o=ot.getInstance(document),a=_.useRef(null),l=_.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${n}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${n}`,type:"warning"})},u=g=>{var b,f;switch(g.code){case"KeyE":(b=a.current)==null||b.kolFocus(),s();return;case"KeyD":(f=l.current)==null||f.kolFocus(),d();return}};return t.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:u,children:[t.jsx(P,{ref:a,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),t.jsx(P,{ref:l,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},oE=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n},a=[{label:"Row 1"},{label:"Row 2"}],l={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{Ve(et(s)).render(t.jsx(eE,{label:d.data.label}))}}]]};return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),t.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"With S short key",_shortKey:"S",_on:o}),t.jsx(P,{_label:"Very small b",_shortKey:"b",_on:o}),t.jsx(P,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),t.jsx(P,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),t.jsx(P,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),t.jsx(rn,{_level:2,_label:"Interactive sample",className:"mt"}),t.jsx(ke,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:a,_headers:l})]})},rE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolButton show a button-element with expert slot."})}),t.jsx(dw,{_label:"",children:t.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),tE={button:{basic:JT,icons:XT,width:nE,"access-key":GT,"aria-description":ZT,baselined:YT,"short-key":oE,"expert-slot":rE}},aE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),t.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[t.jsx(An,{_label:"Card with title and content",children:t.jsx("div",{children:"Card contents."})}),t.jsx(An,{_label:"Card with closer",_hasCloser:!0,children:t.jsx("p",{children:"This card has a close button."})})]})]}),iE={card:{basic:aE}},Ze=({RefComponent:n,...o})=>t.jsx(eo,{className:"w-full",children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(n,{...o}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(P,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.jsx(P,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),t.jsx(P,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.jsx(P,{_label:"Help",_variant:"ghost"})]})]})}),uw=JSON.parse('[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]'),$o=[...uw.map(n=>({label:n.name,value:n.alpha2}))],Do=[...uw.map(n=>n.name)],Iv=n=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(yo,{...n,_hint:Zr,_label:"Label",_suggestions:Do,_value:"Deutschland"}),t.jsx(yo,{...n,_label:"Disabled",_suggestions:Do,_value:"Deutschland",_disabled:!0}),t.jsx(yo,{...n,_suggestions:Do,_msg:{_type:"error",_description:In},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(yo,{...n,_label:"With access key",_suggestions:Do,_value:"Deutschland",_accessKey:"c"}),t.jsx(yo,{...n,_label:"With short key",_suggestions:Do,_value:"Deutschland",_shortKey:"s"})]}),lE=n=>t.jsxs("div",{className:"w-full grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Iv,{...n})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Iv,{...n,_hideLabel:!0})]})]}),sE=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Ze,{RefComponent:lE})]})},cE={combobox:{basic:sE}},dE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(kr,{_label:"Closed initially",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(kr,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(kr,{_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."})]})]}),uE={details:{basic:dE}},hE=["left","top","right","bottom"].map(n=>({label:n,value:n})),hw=({value:n="left",onChange:o})=>t.jsx("div",{className:"grid gap-4",children:t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_label:"Drawer alignment",_value:n,_options:hE,_orientation:"horizontal",_on:{onChange:o}})})}),pE=()=>{const[n]=Sa(),o=n.get("align"),a=_.useContext(Xo),l=_.useRef(null),s=_.useRef(null),[d,u]=_.useState(o||"left");return _.useEffect(()=>{var g;o&&((g=s.current)==null||g.open())},[o]),t.jsxs(t.Fragment,{children:[!a&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(B,{children:t.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and non-modal modes."})}),t.jsx(hw,{value:d,onChange:(g,b)=>u(b)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(xs,{ref:l,_label:"I am a drawer",_align:d,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:t.jsxs("div",{className:d==="left"||d==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>{var g;return(g=l.current)==null?void 0:g.close()}}})]})}),t.jsx(P,{_label:"Open drawer",_on:{onClick:()=>{var g;return(g=l.current)==null?void 0:g.open()}}}),t.jsx(xs,{ref:s,_modal:!0,_align:d,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")},children:t.jsxs("div",{className:d==="left"||d==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),t.jsx(P,{_label:"Close drawer modal",_on:{onClick:()=>{var g;return(g=s.current)==null?void 0:g.close()}}})]})}),t.jsx(P,{_label:"Open drawer as modal",_on:{onClick:()=>{var g;return(g=s.current)==null?void 0:g.open()}}})]})]})},gE=()=>{const[n]=Sa(),o=n.get("align"),a=_.useContext(Xo),[l,s]=_.useState(!1),[d,u]=_.useState(!1),[g,b]=_.useState(o||"left");return t.jsxs("div",{children:[!a&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",t.jsx("code",{children:"_open"})," instead of methods."]})}),t.jsx(hw,{value:g,onChange:(f,m)=>b(m)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(xs,{_open:l,_align:g,_label:"I'm a controlled drawer",_on:{onClose:()=>s(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>s(!1)}})]})}),t.jsx(P,{_label:"Open drawer",_on:{onClick:()=>s(!0)}}),t.jsx(xs,{_open:d,_modal:!0,_align:g,_label:"I'm a controlled modal drawer",_on:{onClose:()=>u(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>u(!1)}})]})}),t.jsx(P,{_label:"Open drawer as modal",_on:{onClick:()=>u(!0)}})]})]})},bE={drawer:{basic:pE,controlled:gE}},fE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),t.jsx(eo,{className:"w-full",children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(Cn,{id:"input1",_label:"Input 1"}),t.jsx(Cn,{id:"input2",_label:"Input 2"}),t.jsx(Cn,{id:"input3",_label:"Input 3"})]})})]}),vE=()=>{const n=_.useRef(null),o=()=>{var a;(a=n.current)==null||a.focusErrorList()};return _.useEffect(()=>{var a;(a=n.current)==null||a.focusErrorList()},[]),t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows a form with error messages."})}),t.jsx(eo,{className:"w-full",ref:n,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(Cn,{id:"input1",_label:"Input 1"}),t.jsx(Cn,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx(Cn,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx("div",{children:t.jsx(P,{_label:"ScrollTo",_type:"submit"})})]})})]})},mE={form:{basic:fE,"error-list":vE}},pw=`public-ui.v${Ou.version}`;class kE{constructor(){hr(this,"store",new Map)}setItem(o,a){this.store.set(o,a)}getItem(o){return this.store.get(o)||null}}const Ii={darkMode:!1,theme:"default"};let Nu;function gw(n){Nu=n;const o=Nu.getItem(pw);try{const a=JSON.parse(o);typeof a=="object"&&a!==null&&(Ii.darkMode=a.darkMode===!0,hh(a.theme)&&(Ii.theme=a.theme))}catch{}}gw(new kE);const wE=()=>{Nu.setItem(pw,JSON.stringify(Ii))},yE=n=>{if(hh(n))Ii.theme=n,wE();else throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},As=()=>`${Ii.theme}`,Ru=n=>{var o;if(hh(n))return(o=ph.find(a=>a.value===n))==null?void 0:o.label;throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},_E=[{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 xE({_on:n,...o}){const{dummyClickEventHandler:a}=ye(),l={onClick:a};return t.jsx(P,{...o,_on:l})}const zE={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(xE,{_label:o.label,style:{fontSize:"75%"}}))},sort:n=>n.sort((o,a)=>o.monday<a.monday?-1:o.monday>a.monday?1:0),sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#060",_label:o.label}))},sort:n=>n.sort((o,a)=>o.tuesday<a.tuesday?-1:o.tuesday>a.tuesday?1:0),sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},jE=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[t.jsx(bs,{className:"block w-75px",_labeled:!1}),t.jsx(rn,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",t.jsxs("small",{children:["for ",Ru(As())]})]})}),t.jsxs(kr,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",t.jsx("strong",{children:Ru(As())}),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",t.jsx(fn,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(rn,{_label:"Heading Level 1",_level:1}),t.jsx(rn,{_label:"Heading Level 2",_level:2}),t.jsx(rn,{_label:"Heading Level 3",_level:3}),t.jsx(rn,{_label:"Heading Level 4",_level:4}),t.jsx(rn,{_label:"Heading Level 5",_level:5}),t.jsx(rn,{_label:"Heading Level 6",_level:6}),t.jsx(rn,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"top",children:"ABB"})," ","with tooltip at the top"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"right",children:"ABB"})," ","with tooltip on the right"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"bottom",children:"ABB"})," ","with tooltip at the bottom"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"left",children:"ABB"})," ","with tooltip on the left"]}),t.jsxs("div",{className:"grid grid-cols-2 items-center",children:[t.jsx(gr,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.jsx(gr,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsxs(yr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),t.jsx(P,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),t.jsx(P,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),t.jsx(P,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),t.jsx(P,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_label:"ghost",_variant:"ghost"}),t.jsx(P,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.jsx(P,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Dn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Dn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Dn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Dn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Dn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Dn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(Ie,{_label:"Links",_level:3,_open:!0,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(fn,{_href:"#/back-page",_label:"Link text"}),t.jsx(fn,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(fn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsx(fn,{_href:"/",_label:"Visited link"}),t.jsxs("p",{children:["I am a ",t.jsx(fn,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),t.jsx(Ie,{_label:"ButtonLinks",_level:3,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(Zn,{_label:"Link text"}),t.jsx(Zn,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(Zn,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsxs("p",{children:["I am a ",t.jsx(Zn,{_label:"Link"})," in the running text."]}),t.jsx(Zn,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(qe,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),t.jsx(qe,{_type:"success",children:"Success message text"}),t.jsx(qe,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),t.jsx(qe,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),t.jsx(qe,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx("div",{children:t.jsx(Lt,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})}),t.jsx("div",{children:t.jsx(gs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:t.jsx(eo,{slot:"",children:t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[t.jsx(We,{_label:"Color"}),t.jsx(Oe,{_label:"Upload file"}),t.jsx(me,{_label:"Number input"}),t.jsx(Mn,{_type:"date",_label:"Date"}),t.jsx(Fe,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.jsx(Cn,{_hint:"I am a hint.",_label:"First name"}),t.jsx(Ee,{_label:"password"}),t.jsx(Te,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.jsx(Je,{_min:0,_max:50,_value:25,_label:"Slider"}),t.jsx(be,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(be,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.jsx(Qn,{_label:"",children:t.jsxs("span",{slot:"expert",children:["I accept the ",t.jsx(Yo,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),t.jsx(Jn,{_rows:4,_label:"Textarea"})]})})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsx(ke,{_label:"Table",_headers:zE,_data:_E,_pagination:!0})})})]}),t.jsx(Rs,{_label:"5.0.2-test.2"})]})},SE={handout:{basic:jE}},TE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.jsx("code",{children:"_label"}),"-property."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:2,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#86ffc6",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:3,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#06539e",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:4,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#ae0000",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:5,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#8b008b",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:6,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),EE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolHeading renders a heading with the given level."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"I'm a H1-heading",_level:1}),t.jsx(rn,{_label:"I'm a H2-heading",_level:2}),t.jsx(rn,{_label:"I'm a H3-heading",_level:3}),t.jsx(rn,{_label:"I'm a H4-heading",_level:4}),t.jsx(rn,{_label:"I'm a H5-heading",_level:5}),t.jsx(rn,{_label:"I'm a H6-heading",_level:6})]})]}),LE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."})]})]}),CE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolHeading with the prop ",t.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),t.jsx("div",{className:"grid gap-4",children:t.jsx(rn,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),AE={heading:{basic:EE,badge:TE,paragraph:LE,secondary:CE}},$E=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(mb,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),t.jsx(mb,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),IE={icon:{basic:$E}},OE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),t.jsx(j_,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),NE={image:{basic:OE}},RE=()=>t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between."}),t.jsx("p",{children:t.jsx(Kn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(S_,{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."})]})]}),BE={"indented-text":{basic:RE}},ls=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Qn,{...o,_label:"Not selected",_value:!1,_required:!0}),t.jsx(Qn,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),t.jsx(Qn,{...o,ref:a,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),t.jsx(Qn,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),t.jsx(Qn,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),t.jsx(Qn,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),t.jsx(Qn,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),t.jsx(Qn,{...o,_msg:{_type:"error",_description:In},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),t.jsx(Qn,{...o,_label:"With access key",_accessKey:"c",_value:null}),t.jsx(Qn,{...o,_label:"With short key",_shortKey:"s",_value:null})]})}),gh=_.forwardRef(function(o,a){return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" with label'}),t.jsx(ls,{...o,_labelAlign:"left"})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),t.jsx(ls,{ref:a,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" with label'}),t.jsx(ls,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),t.jsx(ls,{ref:a,...o,_hideLabel:!0})]})]})]})}),FE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:gh})]}),PE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),t.jsx(Ze,{RefComponent:gh,_variant:"button"})]}),DE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),t.jsx(Ze,{RefComponent:gh,_variant:"switch"})]}),ME={"input-checkbox":{basic:FE,switch:DE,button:PE}},Ov=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(We,{...o,_msg:{_type:"error",_description:In},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),t.jsx(We,{...o,_msg:{_type:"error",_description:In},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),t.jsx(We,{...o,ref:a,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),t.jsx(We,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),t.jsx(We,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(We,{...o,_label:"With short key",_shortKey:"s"})]})}),KE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color"}),t.jsx(Ov,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color (hideLabel)"}),t.jsx(Ov,{ref:a,...o,_hideLabel:!0})]})]})}),HE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:KE})]}),UE={"input-color":{basic:HE}},Nv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Mn,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),t.jsx(Mn,{...o,_step:1,_type:"datetime-local",_msg:{_type:"error",_description:In},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),t.jsx(Mn,{...o,_type:"month",_label:"Month",_required:!0}),t.jsx(Mn,{...o,ref:a,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),t.jsx(Mn,{...o,_type:"time",_label:"Time (standard)",_required:!0}),t.jsx(Mn,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),t.jsx(Mn,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),t.jsx(Mn,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),t.jsx(Mn,{...o,_label:"With access key",_accessKey:"s"}),t.jsx(Mn,{...o,_label:"With short key",_shortKey:"s"})]})}),VE=_.forwardRef(function(o){const a="2024-09-26",l="2024-09-27",s="12:00",d="15:00",u="2024-09-26T12:00",g="2024-09-27T15:00",b="2024-W10",f="2024-W50",m="2024-02",w="2024-10",k=new Date("January 10, 2024, 12:00"),S=new Date("October 20, 2024, 15:00");return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Mn,{...o,_type:"date",_label:"Date with Iso",_min:a,_max:l}),t.jsx(Mn,{...o,_type:"date",_label:"Date with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"time",_label:"Time with Iso",_min:s,_max:d}),t.jsx(Mn,{...o,_type:"time",_label:"Time with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"DayTime with Iso",_min:u,_max:g}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"DayTime with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"week",_label:"Week with Iso",_min:b,_max:f}),t.jsx(Mn,{...o,_type:"week",_label:"Week with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"month",_label:"Month with Iso",_min:m,_max:w}),t.jsx(Mn,{...o,_type:"month",_label:"Month with Date",_min:k,_max:S})]})}),WE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date"}),t.jsx(Nv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (hideLabel)"}),t.jsx(Nv,{ref:a,...o,_hideLabel:!0})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (with min/max)"}),t.jsx(VE,{ref:a,...o})]})]})}),qE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:WE})]}),GE=()=>{const n=_.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the KolInputDate ",t.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),t.jsx(Mn,{className:"w-full",ref:n,_label:"Resettable Input Date",_value:"2024-02-10"}),t.jsx(P,{className:"mt",_label:"Reset",_on:{onClick:()=>{var o;return(o=n.current)==null?void 0:o.reset()}}})]})},ZE=["default","error","info","success","warning"];function Xd(n){return{onChange:()=>n(o=>!o)}}const YE=()=>{const[n,o]=_.useState(!0),[a,l]=_.useState(!0),[s,d]=_.useState(!1),u=Xd(o),g=Xd(l),b=Xd(d);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This example shows how messages work in input fields."})}),t.jsxs("div",{className:"flex gap-4 flex-col",children:[t.jsxs("div",{className:"flex gap-4 items-center",children:[t.jsx(Qn,{_label:"Toggle Msg",_on:u,_checked:n,_variant:"button"}),t.jsx(Qn,{_label:"Toggle Touched",_on:g,_checked:a,_variant:"button"}),t.jsx(Qn,{_label:"Toggle Hide Msg",_on:b,_checked:s,_variant:"button"})]}),t.jsxs("pre",{children:["Message exists: ",n?"Yes":"No"," (showMsg: ",n?"Yes":"No",")",t.jsx("br",{}),"Non-Error-Message visible: ",n&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",t.jsx("br",{}),"Error-Message visible: ",n&&a&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", isTouched: ",a?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),t.jsx(Mn,{_error:n?"error message":void 0,_hideError:s,_label:"Date (_error)",_touched:a}),ZE.map(f=>t.jsx(Mn,{_hideError:s,_label:`Date (_msg, ${f})`,_msg:n?{_description:`${f} message`,_type:f}:void 0,_touched:a},f))]})]})},QE={"input-date":{basic:qE,reset:GE,"show-hide-msg":YE}},Rv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Fe,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:In},_label:"E-Mail (Black background test)"})}),t.jsx(Fe,{...o,ref:a,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:In},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Fe,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),t.jsx(Fe,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),t.jsx(Fe,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),t.jsx(Fe,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),JE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email"}),t.jsx(Rv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email (hideLabel)"}),t.jsx(Rv,{ref:a,...o,_hideLabel:!0})]})]})}),XE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:JE})]}),n3={"input-email":{basic:XE}},Bv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Oe,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),t.jsx(Oe,{...o,_required:!0,_msg:{_type:"error",_description:In},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),t.jsx(Oe,{...o,ref:a,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:In},_label:"Upload file (Multiple)"}),t.jsx(Oe,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),t.jsx(Oe,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(Oe,{...o,_label:"With short key",_shortKey:"s"})]})}),e3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File"}),t.jsx(Bv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File (hideLabel)"}),t.jsx(Bv,{ref:a,...o,_hideLabel:!0})]})]})}),o3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:e3})]}),r3={"input-file":{basic:o3}},Fv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(me,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})}),t.jsx(me,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(me,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"warning",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"info",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"success",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,ref:a,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),t.jsx(me,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),t.jsx(me,{...o,_disabled:!0,_label:"Number input (Disabled)"}),t.jsx(me,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(me,{...o,_label:"With short key",_shortKey:"s"})]})}),t3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number"}),t.jsx(Fv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number (hideLabel)"}),t.jsx(Fv,{ref:a,...o,_hideLabel:!0})]})]})}),a3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation."})}),t.jsx(Ze,{RefComponent:t3})]}),i3={"input-number":{basic:a3}},Pv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Ee,{...o,_label:"Passwort (Black background test)"})}),t.jsx(Ee,{...o,_disabled:!0,_msg:{_type:"error",_description:In},_label:"Passwort (Disabled)",_touched:!0}),t.jsx(Ee,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),t.jsx(Ee,{...o,ref:a,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:In},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),t.jsx(Ee,{...o,ref:a,_shortKey:"c",_label:"With access key"}),t.jsx(Ee,{...o,ref:a,_shortKey:"s",_label:"With short key"})]})}),l3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password"}),t.jsx(Pv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password (hideLabel)"}),t.jsx(Pv,{ref:a,...o,_hideLabel:!0})]})]})}),s3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:l3})]}),c3=()=>{const n=_.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),t.jsxs(eo,{className:"w-full",children:[t.jsx(Ee,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle"}),t.jsx(Ee,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.jsx(Ee,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:n,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},d3={"input-password":{basic:s3,"show-password":c3}},Dv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(be,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),t.jsx(be,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),t.jsx(be,{...o,ref:a,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),t.jsx(be,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),t.jsx(be,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),t.jsx(be,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:In},_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:Zr})]})}),u3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(rn,{_level:2,_label:"Radio",className:"block mb-2"}),t.jsx(Dv,{...o})]}),t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(rn,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),t.jsx(Dv,{ref:a,...o,_hideLabel:!0})]})]})}),h3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:u3})]}),p3=()=>{const[n,o]=_.useState(!0),[a,l]=_.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(g=>!g)},u=()=>{l(g=>g==="horizontal"?"vertical":"horizontal")};return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"horizontal"})," and ",t.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(P,{_label:"Click me a few times",_on:{onClick:d}}),t.jsx(Qn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:u},_variant:"switch"})]}),n&&t.jsx(eo,{children:t.jsxs("div",{className:"container my-4 d-grid gap-4",children:[t.jsx(be,{_label:`Test (${a})`,_options:s,_orientation:a,_required:!0}),t.jsx(be,{_hideLabel:!0,_label:`Test (${a})`,_options:s,_orientation:a,_required:!0})]})})]})},g3=()=>{const n=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(B,{children:["This sample shows KolInputRadio with ",t.jsx("code",{children:"object"})," and ",t.jsx("code",{children:"undefined"})," values."]}),t.jsxs(eo,{children:[t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_value:n[1].value,_options:n,_label:"Test (with object value)"})}),t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_options:n,_label:"Test (without value)"})})]})]})},b3={"input-radio":{basic:h3,horizontal:p3,object:g3}},Mv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Je,{...o,_min:0,_max:50,_msg:{_type:"error",_description:In},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),t.jsx(Je,{...o,ref:a,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:In},_label:"Slider with error",_touched:!0}),t.jsx(Je,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),t.jsx(Je,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),t.jsx(Je,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),f3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range"}),t.jsx(Mv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range (hideLabel)"}),t.jsx(Mv,{ref:a,...o,_hideLabel:!0})]})]})}),v3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:f3})]}),m3={"input-range":{basic:v3}},Kv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Cn,{...o,_value:"Value",_label:"First name (Black background test)"})}),t.jsx(Cn,{...o,_hint:Zr,_msg:{_type:"error",_description:In,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:a}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:In},_touched:!0,_type:"url",_label:"URL (url)"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(Cn,{...o,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(Cn,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(Cn,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),t.jsx(Cn,{...o,_value:"Value",_label:"With short key",_shortKey:"s"}),t.jsx(Cn,{...o,_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})]})}),k3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Kv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Kv,{ref:a,...o,_hideLabel:!0})]})]})}),w3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:k3})]}),y3=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"_hideError"})," feature for KolInputText. It allows to hide the error message from an input field and can be used, when the error is already shown somewhere else, e.g. for a group of inputs."]})}),t.jsx(An,{_label:"Normal input field with error",_level:0,children:t.jsx(Cn,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),t.jsx(An,{_label:"Input fields with hidden error",_level:0,children:t.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[t.jsx("legend",{children:"Combined input field"}),t.jsx(qe,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),t.jsx(Cn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),t.jsx(Cn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})]})})]});var _3=function(o){return x3(o)&&!z3(o)};function x3(n){return!!n&&typeof n=="object"}function z3(n){var o=Object.prototype.toString.call(n);return o==="[object RegExp]"||o==="[object Date]"||T3(n)}var j3=typeof Symbol=="function"&&Symbol.for,S3=j3?Symbol.for("react.element"):60103;function T3(n){return n.$$typeof===S3}function E3(n){return Array.isArray(n)?[]:{}}function $s(n,o){return o.clone!==!1&&o.isMergeableObject(n)?Oi(E3(n),n,o):n}function L3(n,o,a){return n.concat(o).map(function(l){return $s(l,a)})}function C3(n,o,a){var l={};return a.isMergeableObject(n)&&Object.keys(n).forEach(function(s){l[s]=$s(n[s],a)}),Object.keys(o).forEach(function(s){!a.isMergeableObject(o[s])||!n[s]?l[s]=$s(o[s],a):l[s]=Oi(n[s],o[s],a)}),l}function Oi(n,o,a){a=a||{},a.arrayMerge=a.arrayMerge||L3,a.isMergeableObject=a.isMergeableObject||_3;var l=Array.isArray(o),s=Array.isArray(n),d=l===s;return d?l?a.arrayMerge(n,o,a):C3(n,o,a):$s(o,a)}Oi.all=function(o,a){if(!Array.isArray(o))throw new Error("first argument should be an array");return o.reduce(function(l,s){return Oi(l,s,a)},{})};var Bu=Oi,bw=typeof global=="object"&&global&&global.Object===Object&&global,A3=typeof self=="object"&&self&&self.Object===Object&&self,nr=bw||A3||Function("return this")(),nt=nr.Symbol,fw=Object.prototype,$3=fw.hasOwnProperty,I3=fw.toString,yi=nt?nt.toStringTag:void 0;function O3(n){var o=$3.call(n,yi),a=n[yi];try{n[yi]=void 0;var l=!0}catch{}var s=I3.call(n);return l&&(o?n[yi]=a:delete n[yi]),s}var N3=Object.prototype,R3=N3.toString;function B3(n){return R3.call(n)}var F3="[object Null]",P3="[object Undefined]",Hv=nt?nt.toStringTag:void 0;function Nt(n){return n==null?n===void 0?P3:F3:Hv&&Hv in Object(n)?O3(n):B3(n)}function vw(n,o){return function(a){return n(o(a))}}var bh=vw(Object.getPrototypeOf,Object);function Rt(n){return n!=null&&typeof n=="object"}var D3="[object Object]",M3=Function.prototype,K3=Object.prototype,mw=M3.toString,H3=K3.hasOwnProperty,U3=mw.call(Object);function Uv(n){if(!Rt(n)||Nt(n)!=D3)return!1;var o=bh(n);if(o===null)return!0;var a=H3.call(o,"constructor")&&o.constructor;return typeof a=="function"&&a instanceof a&&mw.call(a)==U3}function V3(){this.__data__=[],this.size=0}function kw(n,o){return n===o||n!==n&&o!==o}function Ds(n,o){for(var a=n.length;a--;)if(kw(n[a][0],o))return a;return-1}var W3=Array.prototype,q3=W3.splice;function G3(n){var o=this.__data__,a=Ds(o,n);if(a<0)return!1;var l=o.length-1;return a==l?o.pop():q3.call(o,a,1),--this.size,!0}function Z3(n){var o=this.__data__,a=Ds(o,n);return a<0?void 0:o[a][1]}function Y3(n){return Ds(this.__data__,n)>-1}function Q3(n,o){var a=this.__data__,l=Ds(a,n);return l<0?(++this.size,a.push([n,o])):a[l][1]=o,this}function Sr(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}Sr.prototype.clear=V3;Sr.prototype.delete=G3;Sr.prototype.get=Z3;Sr.prototype.has=Y3;Sr.prototype.set=Q3;function J3(){this.__data__=new Sr,this.size=0}function X3(n){var o=this.__data__,a=o.delete(n);return this.size=o.size,a}function nL(n){return this.__data__.get(n)}function eL(n){return this.__data__.has(n)}function Wi(n){var o=typeof n;return n!=null&&(o=="object"||o=="function")}var oL="[object AsyncFunction]",rL="[object Function]",tL="[object GeneratorFunction]",aL="[object Proxy]";function ww(n){if(!Wi(n))return!1;var o=Nt(n);return o==rL||o==tL||o==oL||o==aL}var nu=nr["__core-js_shared__"],Vv=function(){var n=/[^.]+$/.exec(nu&&nu.keys&&nu.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();function iL(n){return!!Vv&&Vv in n}var lL=Function.prototype,sL=lL.toString;function Bt(n){if(n!=null){try{return sL.call(n)}catch{}try{return n+""}catch{}}return""}var cL=/[\\^$.*+?()[\]{}|]/g,dL=/^\[object .+?Constructor\]$/,uL=Function.prototype,hL=Object.prototype,pL=uL.toString,gL=hL.hasOwnProperty,bL=RegExp("^"+pL.call(gL).replace(cL,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function fL(n){if(!Wi(n)||iL(n))return!1;var o=ww(n)?bL:dL;return o.test(Bt(n))}function vL(n,o){return n==null?void 0:n[o]}function Ft(n,o){var a=vL(n,o);return fL(a)?a:void 0}var Ni=Ft(nr,"Map"),Ri=Ft(Object,"create");function mL(){this.__data__=Ri?Ri(null):{},this.size=0}function kL(n){var o=this.has(n)&&delete this.__data__[n];return this.size-=o?1:0,o}var wL="__lodash_hash_undefined__",yL=Object.prototype,_L=yL.hasOwnProperty;function xL(n){var o=this.__data__;if(Ri){var a=o[n];return a===wL?void 0:a}return _L.call(o,n)?o[n]:void 0}var zL=Object.prototype,jL=zL.hasOwnProperty;function SL(n){var o=this.__data__;return Ri?o[n]!==void 0:jL.call(o,n)}var TL="__lodash_hash_undefined__";function EL(n,o){var a=this.__data__;return this.size+=this.has(n)?0:1,a[n]=Ri&&o===void 0?TL:o,this}function Ct(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}Ct.prototype.clear=mL;Ct.prototype.delete=kL;Ct.prototype.get=xL;Ct.prototype.has=SL;Ct.prototype.set=EL;function LL(){this.size=0,this.__data__={hash:new Ct,map:new(Ni||Sr),string:new Ct}}function CL(n){var o=typeof n;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?n!=="__proto__":n===null}function Ms(n,o){var a=n.__data__;return CL(o)?a[typeof o=="string"?"string":"hash"]:a.map}function AL(n){var o=Ms(this,n).delete(n);return this.size-=o?1:0,o}function $L(n){return Ms(this,n).get(n)}function IL(n){return Ms(this,n).has(n)}function OL(n,o){var a=Ms(this,n),l=a.size;return a.set(n,o),this.size+=a.size==l?0:1,this}function rt(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}rt.prototype.clear=LL;rt.prototype.delete=AL;rt.prototype.get=$L;rt.prototype.has=IL;rt.prototype.set=OL;var NL=200;function RL(n,o){var a=this.__data__;if(a instanceof Sr){var l=a.__data__;if(!Ni||l.length<NL-1)return l.push([n,o]),this.size=++a.size,this;a=this.__data__=new rt(l)}return a.set(n,o),this.size=a.size,this}function Ea(n){var o=this.__data__=new Sr(n);this.size=o.size}Ea.prototype.clear=J3;Ea.prototype.delete=X3;Ea.prototype.get=nL;Ea.prototype.has=eL;Ea.prototype.set=RL;function BL(n,o){for(var a=-1,l=n==null?0:n.length;++a<l&&o(n[a],a,n)!==!1;);return n}var Wv=function(){try{var n=Ft(Object,"defineProperty");return n({},"",{}),n}catch{}}();function yw(n,o,a){o=="__proto__"&&Wv?Wv(n,o,{configurable:!0,enumerable:!0,value:a,writable:!0}):n[o]=a}var FL=Object.prototype,PL=FL.hasOwnProperty;function _w(n,o,a){var l=n[o];(!(PL.call(n,o)&&kw(l,a))||a===void 0&&!(o in n))&&yw(n,o,a)}function Ks(n,o,a,l){var s=!a;a||(a={});for(var d=-1,u=o.length;++d<u;){var g=o[d],b=void 0;b===void 0&&(b=n[g]),s?yw(a,g,b):_w(a,g,b)}return a}function DL(n,o){for(var a=-1,l=Array(n);++a<n;)l[a]=o(a);return l}var ML="[object Arguments]";function qv(n){return Rt(n)&&Nt(n)==ML}var xw=Object.prototype,KL=xw.hasOwnProperty,HL=xw.propertyIsEnumerable,UL=qv(function(){return arguments}())?qv:function(n){return Rt(n)&&KL.call(n,"callee")&&!HL.call(n,"callee")},qi=Array.isArray;function VL(){return!1}var zw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Gv=zw&&typeof module=="object"&&module&&!module.nodeType&&module,WL=Gv&&Gv.exports===zw,Zv=WL?nr.Buffer:void 0,qL=Zv?Zv.isBuffer:void 0,jw=qL||VL,GL=9007199254740991,ZL=/^(?:0|[1-9]\d*)$/;function YL(n,o){var a=typeof n;return o=o??GL,!!o&&(a=="number"||a!="symbol"&&ZL.test(n))&&n>-1&&n%1==0&&n<o}var QL=9007199254740991;function Sw(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=QL}var JL="[object Arguments]",XL="[object Array]",nC="[object Boolean]",eC="[object Date]",oC="[object Error]",rC="[object Function]",tC="[object Map]",aC="[object Number]",iC="[object Object]",lC="[object RegExp]",sC="[object Set]",cC="[object String]",dC="[object WeakMap]",uC="[object ArrayBuffer]",hC="[object DataView]",pC="[object Float32Array]",gC="[object Float64Array]",bC="[object Int8Array]",fC="[object Int16Array]",vC="[object Int32Array]",mC="[object Uint8Array]",kC="[object Uint8ClampedArray]",wC="[object Uint16Array]",yC="[object Uint32Array]",ae={};ae[pC]=ae[gC]=ae[bC]=ae[fC]=ae[vC]=ae[mC]=ae[kC]=ae[wC]=ae[yC]=!0;ae[JL]=ae[XL]=ae[uC]=ae[nC]=ae[hC]=ae[eC]=ae[oC]=ae[rC]=ae[tC]=ae[aC]=ae[iC]=ae[lC]=ae[sC]=ae[cC]=ae[dC]=!1;function _C(n){return Rt(n)&&Sw(n.length)&&!!ae[Nt(n)]}function fh(n){return function(o){return n(o)}}var Tw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Si=Tw&&typeof module=="object"&&module&&!module.nodeType&&module,xC=Si&&Si.exports===Tw,eu=xC&&bw.process,xa=function(){try{var n=Si&&Si.require&&Si.require("util").types;return n||eu&&eu.binding&&eu.binding("util")}catch{}}(),Yv=xa&&xa.isTypedArray,zC=Yv?fh(Yv):_C,jC=Object.prototype,SC=jC.hasOwnProperty;function Ew(n,o){var a=qi(n),l=!a&&UL(n),s=!a&&!l&&jw(n),d=!a&&!l&&!s&&zC(n),u=a||l||s||d,g=u?DL(n.length,String):[],b=g.length;for(var f in n)(o||SC.call(n,f))&&!(u&&(f=="length"||s&&(f=="offset"||f=="parent")||d&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||YL(f,b)))&&g.push(f);return g}var TC=Object.prototype;function vh(n){var o=n&&n.constructor,a=typeof o=="function"&&o.prototype||TC;return n===a}var EC=vw(Object.keys,Object),LC=Object.prototype,CC=LC.hasOwnProperty;function AC(n){if(!vh(n))return EC(n);var o=[];for(var a in Object(n))CC.call(n,a)&&a!="constructor"&&o.push(a);return o}function Lw(n){return n!=null&&Sw(n.length)&&!ww(n)}function mh(n){return Lw(n)?Ew(n):AC(n)}function $C(n,o){return n&&Ks(o,mh(o),n)}function IC(n){var o=[];if(n!=null)for(var a in Object(n))o.push(a);return o}var OC=Object.prototype,NC=OC.hasOwnProperty;function RC(n){if(!Wi(n))return IC(n);var o=vh(n),a=[];for(var l in n)l=="constructor"&&(o||!NC.call(n,l))||a.push(l);return a}function kh(n){return Lw(n)?Ew(n,!0):RC(n)}function BC(n,o){return n&&Ks(o,kh(o),n)}var Cw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Qv=Cw&&typeof module=="object"&&module&&!module.nodeType&&module,FC=Qv&&Qv.exports===Cw,Jv=FC?nr.Buffer:void 0,Xv=Jv?Jv.allocUnsafe:void 0;function PC(n,o){if(o)return n.slice();var a=n.length,l=Xv?Xv(a):new n.constructor(a);return n.copy(l),l}function Aw(n,o){var a=-1,l=n.length;for(o||(o=Array(l));++a<l;)o[a]=n[a];return o}function DC(n,o){for(var a=-1,l=n==null?0:n.length,s=0,d=[];++a<l;){var u=n[a];o(u,a,n)&&(d[s++]=u)}return d}function $w(){return[]}var MC=Object.prototype,KC=MC.propertyIsEnumerable,nm=Object.getOwnPropertySymbols,wh=nm?function(n){return n==null?[]:(n=Object(n),DC(nm(n),function(o){return KC.call(n,o)}))}:$w;function HC(n,o){return Ks(n,wh(n),o)}function Iw(n,o){for(var a=-1,l=o.length,s=n.length;++a<l;)n[s+a]=o[a];return n}var UC=Object.getOwnPropertySymbols,Ow=UC?function(n){for(var o=[];n;)Iw(o,wh(n)),n=bh(n);return o}:$w;function VC(n,o){return Ks(n,Ow(n),o)}function Nw(n,o,a){var l=o(n);return qi(n)?l:Iw(l,a(n))}function WC(n){return Nw(n,mh,wh)}function qC(n){return Nw(n,kh,Ow)}var Fu=Ft(nr,"DataView"),Pu=Ft(nr,"Promise"),Du=Ft(nr,"Set"),Mu=Ft(nr,"WeakMap"),em="[object Map]",GC="[object Object]",om="[object Promise]",rm="[object Set]",tm="[object WeakMap]",am="[object DataView]",ZC=Bt(Fu),YC=Bt(Ni),QC=Bt(Pu),JC=Bt(Du),XC=Bt(Mu),fr=Nt;(Fu&&fr(new Fu(new ArrayBuffer(1)))!=am||Ni&&fr(new Ni)!=em||Pu&&fr(Pu.resolve())!=om||Du&&fr(new Du)!=rm||Mu&&fr(new Mu)!=tm)&&(fr=function(n){var o=Nt(n),a=o==GC?n.constructor:void 0,l=a?Bt(a):"";if(l)switch(l){case ZC:return am;case YC:return em;case QC:return om;case JC:return rm;case XC:return tm}return o});var nA=Object.prototype,eA=nA.hasOwnProperty;function oA(n){var o=n.length,a=new n.constructor(o);return o&&typeof n[0]=="string"&&eA.call(n,"index")&&(a.index=n.index,a.input=n.input),a}var im=nr.Uint8Array;function yh(n){var o=new n.constructor(n.byteLength);return new im(o).set(new im(n)),o}function rA(n,o){var a=o?yh(n.buffer):n.buffer;return new n.constructor(a,n.byteOffset,n.byteLength)}var tA=/\w*$/;function aA(n){var o=new n.constructor(n.source,tA.exec(n));return o.lastIndex=n.lastIndex,o}var lm=nt?nt.prototype:void 0,sm=lm?lm.valueOf:void 0;function iA(n){return sm?Object(sm.call(n)):{}}function lA(n,o){var a=o?yh(n.buffer):n.buffer;return new n.constructor(a,n.byteOffset,n.length)}var sA="[object Boolean]",cA="[object Date]",dA="[object Map]",uA="[object Number]",hA="[object RegExp]",pA="[object Set]",gA="[object String]",bA="[object Symbol]",fA="[object ArrayBuffer]",vA="[object DataView]",mA="[object Float32Array]",kA="[object Float64Array]",wA="[object Int8Array]",yA="[object Int16Array]",_A="[object Int32Array]",xA="[object Uint8Array]",zA="[object Uint8ClampedArray]",jA="[object Uint16Array]",SA="[object Uint32Array]";function TA(n,o,a){var l=n.constructor;switch(o){case fA:return yh(n);case sA:case cA:return new l(+n);case vA:return rA(n,a);case mA:case kA:case wA:case yA:case _A:case xA:case zA:case jA:case SA:return lA(n,a);case dA:return new l;case uA:case gA:return new l(n);case hA:return aA(n);case pA:return new l;case bA:return iA(n)}}var cm=Object.create,EA=function(){function n(){}return function(o){if(!Wi(o))return{};if(cm)return cm(o);n.prototype=o;var a=new n;return n.prototype=void 0,a}}();function LA(n){return typeof n.constructor=="function"&&!vh(n)?EA(bh(n)):{}}var CA="[object Map]";function AA(n){return Rt(n)&&fr(n)==CA}var dm=xa&&xa.isMap,$A=dm?fh(dm):AA,IA="[object Set]";function OA(n){return Rt(n)&&fr(n)==IA}var um=xa&&xa.isSet,NA=um?fh(um):OA,RA=1,BA=2,FA=4,Rw="[object Arguments]",PA="[object Array]",DA="[object Boolean]",MA="[object Date]",KA="[object Error]",Bw="[object Function]",HA="[object GeneratorFunction]",UA="[object Map]",VA="[object Number]",Fw="[object Object]",WA="[object RegExp]",qA="[object Set]",GA="[object String]",ZA="[object Symbol]",YA="[object WeakMap]",QA="[object ArrayBuffer]",JA="[object DataView]",XA="[object Float32Array]",n$="[object Float64Array]",e$="[object Int8Array]",o$="[object Int16Array]",r$="[object Int32Array]",t$="[object Uint8Array]",a$="[object Uint8ClampedArray]",i$="[object Uint16Array]",l$="[object Uint32Array]",oe={};oe[Rw]=oe[PA]=oe[QA]=oe[JA]=oe[DA]=oe[MA]=oe[XA]=oe[n$]=oe[e$]=oe[o$]=oe[r$]=oe[UA]=oe[VA]=oe[Fw]=oe[WA]=oe[qA]=oe[GA]=oe[ZA]=oe[t$]=oe[a$]=oe[i$]=oe[l$]=!0;oe[KA]=oe[Bw]=oe[YA]=!1;function Ti(n,o,a,l,s,d){var u,g=o&RA,b=o&BA,f=o&FA;if(u!==void 0)return u;if(!Wi(n))return n;var m=qi(n);if(m){if(u=oA(n),!g)return Aw(n,u)}else{var w=fr(n),k=w==Bw||w==HA;if(jw(n))return PC(n,g);if(w==Fw||w==Rw||k&&!s){if(u=b||k?{}:LA(n),!g)return b?VC(n,BC(u,n)):HC(n,$C(u,n))}else{if(!oe[w])return s?n:{};u=TA(n,w,g)}}d||(d=new Ea);var S=d.get(n);if(S)return S;d.set(n,u),NA(n)?n.forEach(function(L){u.add(Ti(L,o,a,L,n,d))}):$A(n)&&n.forEach(function(L,y){u.set(y,Ti(L,o,a,y,n,d))});var j=f?b?qC:WC:b?kh:mh,z=m?void 0:j(n);return BL(z||n,function(L,y){z&&(y=L,L=n[y]),_w(u,y,Ti(L,o,a,y,n,d))}),u}var s$=1,c$=4;function ss(n){return Ti(n,s$|c$)}var ou,hm;function d$(){if(hm)return ou;hm=1;var n=Array.isArray,o=Object.keys,a=Object.prototype.hasOwnProperty,l=typeof Element<"u";function s(d,u){if(d===u)return!0;if(d&&u&&typeof d=="object"&&typeof u=="object"){var g=n(d),b=n(u),f,m,w;if(g&&b){if(m=d.length,m!=u.length)return!1;for(f=m;f--!==0;)if(!s(d[f],u[f]))return!1;return!0}if(g!=b)return!1;var k=d instanceof Date,S=u instanceof Date;if(k!=S)return!1;if(k&&S)return d.getTime()==u.getTime();var j=d instanceof RegExp,z=u instanceof RegExp;if(j!=z)return!1;if(j&&z)return d.toString()==u.toString();var L=o(d);if(m=L.length,m!==o(u).length)return!1;for(f=m;f--!==0;)if(!a.call(u,L[f]))return!1;if(l&&d instanceof Element&&u instanceof Element)return d===u;for(f=m;f--!==0;)if(w=L[f],!(w==="_owner"&&d.$$typeof)&&!s(d[w],u[w]))return!1;return!0}return d!==d&&u!==u}return ou=function(u,g){try{return s(u,g)}catch(b){if(b.message&&b.message.match(/stack|recursion/i)||b.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",b.name,b.message),!1;throw b}},ou}var u$=d$();const yt=Gu(u$);var h$=4;function pm(n){return Ti(n,h$)}function Pw(n,o){for(var a=-1,l=n==null?0:n.length,s=Array(l);++a<l;)s[a]=o(n[a],a,n);return s}var p$="[object Symbol]";function _h(n){return typeof n=="symbol"||Rt(n)&&Nt(n)==p$}var g$="Expected a function";function xh(n,o){if(typeof n!="function"||o!=null&&typeof o!="function")throw new TypeError(g$);var a=function(){var l=arguments,s=o?o.apply(this,l):l[0],d=a.cache;if(d.has(s))return d.get(s);var u=n.apply(this,l);return a.cache=d.set(s,u)||d,u};return a.cache=new(xh.Cache||rt),a}xh.Cache=rt;var b$=500;function f$(n){var o=xh(n,function(l){return a.size===b$&&a.clear(),l}),a=o.cache;return o}var v$=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,m$=/\\(\\)?/g,k$=f$(function(n){var o=[];return n.charCodeAt(0)===46&&o.push(""),n.replace(v$,function(a,l,s,d){o.push(s?d.replace(m$,"$1"):l||a)}),o});function w$(n){if(typeof n=="string"||_h(n))return n;var o=n+"";return o=="0"&&1/n==-1/0?"-0":o}var gm=nt?nt.prototype:void 0,bm=gm?gm.toString:void 0;function Dw(n){if(typeof n=="string")return n;if(qi(n))return Pw(n,Dw)+"";if(_h(n))return bm?bm.call(n):"";var o=n+"";return o=="0"&&1/n==-1/0?"-0":o}function y$(n){return n==null?"":Dw(n)}function Mw(n){return qi(n)?Pw(n,w$):_h(n)?[n]:Aw(k$(y$(n)))}var ru={exports:{}},Yn={};/** @license React v16.13.1
+}`;const hT=Vi.createTheme("itzbund",{GLOBAL:xS,"KOL-ACCORDION":zS,"KOL-ALERT":jS,"KOL-BADGE":SS,"KOL-BREADCRUMB":TS,"KOL-BUTTON":ES,"KOL-BUTTON-GROUP":LS,"KOL-BUTTON-LINK":CS,"KOL-CARD":AS,"KOL-COMBOBOX":$S,"KOL-DETAILS":IS,"KOL-DRAWER":OS,"KOL-FORM":NS,"KOL-HEADING":RS,"KOL-INDENTED-TEXT":BS,"KOL-INPUT-CHECKBOX":FS,"KOL-INPUT-COLOR":PS,"KOL-INPUT-DATE":DS,"KOL-INPUT-EMAIL":MS,"KOL-INPUT-FILE":KS,"KOL-INPUT-NUMBER":HS,"KOL-INPUT-PASSWORD":US,"KOL-INPUT-RADIO":VS,"KOL-INPUT-TEXT":WS,"KOL-LINK":GS,"KOL-LINK-BUTTON":qS,"KOL-NAV":ZS,"KOL-PAGINATION":YS,"KOL-POPOVER-BUTTON":QS,"KOL-PROGRESS":JS,"KOL-SELECT":XS,"KOL-SINGLE-SELECT":nT,"KOL-SKIP-NAV":eT,"KOL-SPIN":oT,"KOL-SPLIT-BUTTON":rT,"KOL-TABLE-STATEFUL":tT,"KOL-TABLE-STATELESS":aT,"KOL-TABS":iT,"KOL-TEXTAREA":lT,"KOL-TOAST-CONTAINER":sT,"KOL-TOOLBAR":cT,"KOL-TREE":dT,"KOL-TREE-ITEM":uT}),pT="2.2.14",Ou={version:pT},gT=()=>{const n={onClick:()=>history.back()};return t.jsxs(qe,{_label:"This is an example page",_level:0,_type:"info",children:[t.jsx("p",{children:"You followed an example link."}),history.length>1&&t.jsx(P,{_label:"Go Back",_on:n})]})},sw=["default","ecl-ec","ecl-eu","itzbund","bwst","unstyled"],bT=["ecl-ec","ecl-eu","itzbund"],fT=n=>bT.includes(n),hh=n=>sw.find(o=>o===n)!==void 0,ph=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"BWSt (Tested)",value:"bwst"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function vT(){const n=matchMedia("(max-width: 1023px)"),[o,a]=_.useState(n.matches),l=()=>{a(n.matches)};return _.useEffect(()=>(l(),n.addEventListener("change",l),()=>{n.removeEventListener("change",l)}),[n]),o}function mT({children:n}){return vT()?t.jsx(Ie,{_label:"All components",class:"mt",children:n}):t.jsx("div",{className:"mt scrollable-container",children:n})}function $v({label:n,to:o,children:a}){const l=tk(o),s=ja(o),d=i0({path:s.pathname,end:!0});return t.jsx(Se,{_label:n,_href:l,_active:!!d,children:a})}function kT({routes:n}){const o=(l,s)=>Object.keys(s).map(d=>{const u=l==="tree"&&d==="basic/:subPage",g=u?"basic/home":d,b=u?"basic":d;return t.jsx($v,{label:b,to:[l,g].join("/")},[l,d].join("/"))}),a=Object.entries(n).map(([l,s])=>t.jsx($v,{label:l,to:l,children:o(l,s)},l));return t.jsx(mT,{children:t.jsx("nav",{children:t.jsx(Ym,{_label:"Navigation",class:"block",children:a})})})}const wT=({buildDate:n,commitHash:o})=>!n&&!o?"":t.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:n&&o?t.jsxs(t.Fragment,{children:["Build: ",o,t.jsx("br",{}),"at ",n]}):o?`Build: ${o}`:`Build date: ${n}`}),yT=({version:n,theme:o,routes:a,routeList:l,sample:s,buildDate:d,commitHash:u,onThemeChange:g})=>{const b=()=>l.indexOf(s),f=()=>s.replace(/\//g," "),m=(S,j)=>{g(j[0])},w=()=>{const S=b(),j=S<=0?l.length-1:S-1;location.replace(`#${l[j]}`)},k=()=>{const S=b(),j=S===l.length-1?0:S+1;location.replace(`#${l[j]}`)};return t.jsx("aside",{className:"app-sidebar p-4",children:t.jsxs("div",{className:"scrollable-container-wrapper",children:[t.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[t.jsx(rn,{_label:"KoliBri React"}),t.jsx(Rs,{_label:n})]}),t.jsx(wT,{buildDate:d,commitHash:u}),t.jsx(Te,{_label:"Theme",_options:ph,_on:{onChange:m},_value:[o],class:"mt"}),t.jsx(rn,{_label:"Components",_level:2,className:"block mt"}),t.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[t.jsx(P,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:w}}),t.jsxs("span",{className:"text-base text-center",children:[f()," (",b()+1,"/",l.length,")"]}),t.jsx(P,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:k}})]}),t.jsx(kT,{routes:a})]})})},_T=()=>{const n=xo();rx("#"+n.pathname)},Xo=_.createContext(null),xT="https://public-ui.github.io/v2/docs/components",zT="https://github.com/public-ui/kolibri/blob/release/2/packages/samples/react/src/components",In="I am an error message!",Zr="I am a hint.",B=n=>{const o=_.useContext(Xo),a=xo(),l=a.pathname.split("/").slice(1),s=_.useMemo(()=>l[0]==="scenarios"?null:`${xT}/${l[0]}`,[a.hash]),d=_.useMemo(()=>l[0]==="scenarios"?null:`${zT}/${l[0]}/${l[1]}.tsx`,[a.hash]);return t.jsxs(t.Fragment,{children:[t.jsx("h1",{className:"visually-hidden",children:a.pathname.replace(/\//g," ")}),o?null:t.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[t.jsx("div",{className:"indented-text",children:n.children}),t.jsxs("ul",{className:"flex flex-wrap gap-2 m-0 p-0 list-none",children:[d&&t.jsx("li",{children:t.jsx(fn,{_href:d,_label:"Code",_target:"_blank"})}),s&&t.jsx("li",{children:t.jsx(fn,{_href:s,_label:"Documentation",_target:"_blank"})}),t.jsx("li",{children:t.jsx(fn,{_href:`#${a.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},jT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolAbbr shows the full expansion of an abbreviated term on mouse over. The sample illustrates the different possible alignments for the tooltip."})}),t.jsxs("p",{children:["I am ",t.jsx(Yo,{_label:"zum Beispiel",children:"e.g."})," an abbreviation."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"right",children:"e.g."})," ","an abbreviation (right)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"bottom",children:"e.g."})," ","an abbreviation (below)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"left",children:"e.g."})," ","an abbreviation (left)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(Yo,{_label:"zum Beispiel",_tooltipAlign:"top",children:"e.g."})," ","an abbreviation (top)."]})]}),ST={abbr:{basic:jT}},TT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ie,{_label:"Heading Accordion Tab 1",children:"Contents Accordion Tab 1"}),t.jsx(Ie,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),t.jsx(Ie,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.jsx(Ie,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),ET=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ie,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),t.jsx(Ie,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),t.jsx(Ie,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),t.jsx(Ie,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),t.jsx(Ie,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),t.jsx(Ie,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),LT={accordion:{basic:TT,headlines:ET}},ki=({level:n,type:o,variant:a})=>t.jsxs(t.Fragment,{children:[t.jsx(qe,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:a,children:"This is the text of the alert."}),t.jsx(qe,{_type:o,_variant:a,children:"In this alert, only the text without the heading is used."}),t.jsx(qe,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:a,_hasCloser:!0,children:"This is the text of the alert. With close button."}),t.jsx(qe,{_type:o,_variant:a,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),cw=({variant:n="msg"})=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(ki,{level:1,type:"default",variant:n}),t.jsx(ki,{level:2,type:"error",variant:n}),t.jsx(ki,{level:3,type:"info",variant:n}),t.jsx(ki,{level:4,type:"success",variant:n}),t.jsx(ki,{level:5,type:"warning",variant:n})]}),CT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx(cw,{variant:"msg"})]}),AT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx("section",{className:"w-full",children:t.jsx(cw,{variant:"card"})})]}),$T=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),t.jsx("div",{children:t.jsxs(qe,{_label:"Output of HTML code in the alert",_type:"info",children:[t.jsx("div",{className:"mt-2 mb-3",children:t.jsx(rn,{_level:2,_label:"An H2 heading is output here"})}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[t.jsxs("div",{children:[t.jsx("h3",{children:"Text in a left-hand column"}),t.jsx("p",{children:"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?"})]}),t.jsxs("div",{children:[t.jsx("h3",{children:"Text in einer rechten Spalte"}),t.jsx("p",{children:"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"})]})]})]})})]}),IT={alert:{basic:CT,"card-msg":AT,html:$T}},OT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolAlert shows a user's avatar. It can be used with or without an image. If no image is defined, the name's initials are shown instead."})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Fd,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.jsx(Fd,{_label:"Elke Mustermann "}),t.jsx(Fd,{_label:"Marianne"})]})]}),NT={avatar:{basic:OT}},RT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Kn,{_label:"black"}),t.jsx(Kn,{_color:"#86ffc6",_label:"teal"}),t.jsx(Kn,{_color:"#06539e",_label:"blue"}),t.jsx(Kn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.jsx(Kn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),wi=n=>({_label:n,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${n}`,_on:{onClick:()=>alert("clicked")}}}),BT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolBadge with an optional ",t.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Kn,{...wi("black")}),t.jsx(Kn,{_color:"#86ffc6",...wi("teal")}),t.jsx(Kn,{_color:"#06539e",...wi("blue")}),t.jsx(Kn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...wi("red with icon")}),t.jsx(Kn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...wi("purple with icon")})]})]}),FT={badge:{basic:RT,button:BT}},PT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(gs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.jsx(gs,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.jsx(gs,{_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"}]})]})]}),DT={breadcrumb:{basic:PT}};function ye(){const n=ot.getInstance(document),o=s=>{n.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const MT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"KolButtonGroup shows multiple KolButton-elements visually grouped together."}),t.jsx("p",{children:t.jsx(Kn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs(z_,{children:[t.jsx(P,{_label:"Active",_variant:"primary",_on:o}),t.jsx(P,{_label:"Not active",_disabled:!0}),t.jsx(P,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:o}),t.jsx(P,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:o})]})]})},KT={"button-group":{basic:MT}},HT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",t.jsx("code",{children:"block"}),", ",t.jsx("code",{children:"inline-block"})," and ",t.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),t.jsxs("section",{className:"text-base",children:[t.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",t.jsx(Zn,{_label:"Simple Link"})," It is rendered by default as an"," ",t.jsx("strong",{children:"inline element"}),"."]}),t.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",t.jsx(Zn,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.jsx("br",{}),t.jsx("br",{}),"After that, there is a link that is rendered as a block element.",t.jsx(Zn,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),t.jsx("p",{children:t.jsx(Zn,{_label:"Disabled ButtonLink",_disabled:!0})}),t.jsx("p",{children:t.jsx(Zn,{_label:"With access key",_accessKey:"c",_on:o})}),t.jsx("p",{children:t.jsx(Zn,{_label:"Disabled ButtonLink",_shortKey:"s"})})]})]})},UT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Zn,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.jsx(Zn,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.jsx(Zn,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.jsx(Zn,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.jsx(Zn,{_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"})]})]}),VT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Zn,{_label:"I am a link that is rendered as text"}),t.jsx(Zn,{_label:"",children:t.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),WT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Zn,{_label:"Button Text without area description"}),t.jsx(Zn,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),qT={"button-link":{basic:HT,icons:UT,image:VT,"aria-description":WT}},GT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolButton with"," ",t.jsx(fn,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard."]})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"With S access key",_accessKey:"S",_on:o}),t.jsx(P,{_label:"Very small b",_accessKey:"b",_on:o}),t.jsx(P,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),t.jsx(P,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),t.jsx(P,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},ZT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"Button Text without area description",_on:o}),t.jsx(P,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},YT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_label:"Label-Text",_on:o}),t.jsx(P,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},QT=n=>{const{children:o,...a}=n,{dummyClickEventHandler:l}=ye(),s={onClick:l};return t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...a,children:o}),t.jsx(P,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...a,children:o})]})},dw=(n={})=>{const o=[{label:"Button",buttonProps:n},{label:"Button (disabled)",buttonProps:{...n,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...n,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...n,_disabled:!0,_hideLabel:!0}}];return t.jsx("div",{className:"grid gap-8",children:o.map(({label:a,buttonProps:l},s)=>t.jsxs("section",{className:"grid gap-4",children:[t.jsx(rn,{_level:2,_label:a}),t.jsx(QT,{...l})]},s))})},JT=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),t.jsx(dw,{})]}),XT=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),t.jsx("div",{children:t.jsx(P,{_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})})]})},nE=()=>{const{dummyClickEventHandler:n}=ye(),o={className:"w-8rem",_on:{onClick:n}};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),t.jsxs("div",{className:"grid gap-14",children:[t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"Primary",_variant:"primary",...o}),t.jsx(P,{_label:"Secondary",_variant:"secondary",...o}),t.jsx(P,{_label:"Normal",_variant:"normal",...o}),t.jsx(P,{_label:"Danger",_variant:"danger",...o}),t.jsx(P,{_label:"Ghost",_variant:"ghost",...o})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),t.jsx(P,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),t.jsx(P,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),t.jsx(P,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),t.jsx(P,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},Jd=new WeakMap,Ve=n=>(Jd.has(n)===!1&&Jd.set(n,Qm.createRoot(n)),Jd.get(n)),eE=({label:n})=>{const o=ot.getInstance(document),a=_.useRef(null),l=_.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${n}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${n}`,type:"warning"})},u=g=>{var b,f;switch(g.code){case"KeyE":(b=a.current)==null||b.kolFocus(),s();return;case"KeyD":(f=l.current)==null||f.kolFocus(),d();return}};return t.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:u,children:[t.jsx(P,{ref:a,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),t.jsx(P,{ref:l,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},oE=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n},a=[{label:"Row 1"},{label:"Row 2"}],l={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{Ve(et(s)).render(t.jsx(eE,{label:d.data.label}))}}]]};return t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),t.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(P,{_label:"With S short key",_shortKey:"S",_on:o}),t.jsx(P,{_label:"Very small b",_shortKey:"b",_on:o}),t.jsx(P,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),t.jsx(P,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),t.jsx(P,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),t.jsx(rn,{_level:2,_label:"Interactive sample",className:"mt"}),t.jsx(ke,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:a,_headers:l})]})},rE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolButton show a button-element with expert slot."})}),t.jsx(dw,{_label:"",children:t.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),tE={button:{basic:JT,icons:XT,width:nE,"access-key":GT,"aria-description":ZT,baselined:YT,"short-key":oE,"expert-slot":rE}},aE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),t.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[t.jsx(An,{_label:"Card with title and content",children:t.jsx("div",{children:"Card contents."})}),t.jsx(An,{_label:"Card with closer",_hasCloser:!0,children:t.jsx("p",{children:"This card has a close button."})})]})]}),iE={card:{basic:aE}},Ze=({RefComponent:n,...o})=>t.jsx(eo,{className:"w-full",children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(n,{...o}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(P,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.jsx(P,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),t.jsx(P,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.jsx(P,{_label:"Help",_variant:"ghost"})]})]})}),uw=JSON.parse('[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]'),$o=[...uw.map(n=>({label:n.name,value:n.alpha2}))],Do=[...uw.map(n=>n.name)],Iv=n=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(yo,{...n,_hint:Zr,_label:"Label",_suggestions:Do,_value:"Deutschland"}),t.jsx(yo,{...n,_label:"Disabled",_suggestions:Do,_value:"Deutschland",_disabled:!0}),t.jsx(yo,{...n,_suggestions:Do,_msg:{_type:"error",_description:In},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(yo,{...n,_label:"With access key",_suggestions:Do,_value:"Deutschland",_accessKey:"c"}),t.jsx(yo,{...n,_label:"With short key",_suggestions:Do,_value:"Deutschland",_shortKey:"s"})]}),lE=n=>t.jsxs("div",{className:"w-full grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Iv,{...n})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Iv,{...n,_hideLabel:!0})]})]}),sE=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Ze,{RefComponent:lE})]})},cE={combobox:{basic:sE}},dE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(kr,{_label:"Closed initially",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(kr,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(kr,{_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."})]})]}),uE={details:{basic:dE}},hE=["left","top","right","bottom"].map(n=>({label:n,value:n})),hw=({value:n="left",onChange:o})=>t.jsx("div",{className:"grid gap-4",children:t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_label:"Drawer alignment",_value:n,_options:hE,_orientation:"horizontal",_on:{onChange:o}})})}),pE=()=>{const[n]=Sa(),o=n.get("align"),a=_.useContext(Xo),l=_.useRef(null),s=_.useRef(null),[d,u]=_.useState(o||"left");return _.useEffect(()=>{var g;o&&((g=s.current)==null||g.open())},[o]),t.jsxs(t.Fragment,{children:[!a&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(B,{children:t.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and non-modal modes."})}),t.jsx(hw,{value:d,onChange:(g,b)=>u(b)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(xs,{ref:l,_label:"I am a drawer",_align:d,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:t.jsxs("div",{className:d==="left"||d==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>{var g;return(g=l.current)==null?void 0:g.close()}}})]})}),t.jsx(P,{_label:"Open drawer",_on:{onClick:()=>{var g;return(g=l.current)==null?void 0:g.open()}}}),t.jsx(xs,{ref:s,_modal:!0,_align:d,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")},children:t.jsxs("div",{className:d==="left"||d==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),t.jsx(P,{_label:"Close drawer modal",_on:{onClick:()=>{var g;return(g=s.current)==null?void 0:g.close()}}})]})}),t.jsx(P,{_label:"Open drawer as modal",_on:{onClick:()=>{var g;return(g=s.current)==null?void 0:g.open()}}})]})]})},gE=()=>{const[n]=Sa(),o=n.get("align"),a=_.useContext(Xo),[l,s]=_.useState(!1),[d,u]=_.useState(!1),[g,b]=_.useState(o||"left");return t.jsxs("div",{children:[!a&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",t.jsx("code",{children:"_open"})," instead of methods."]})}),t.jsx(hw,{value:g,onChange:(f,m)=>b(m)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(xs,{_open:l,_align:g,_label:"I'm a controlled drawer",_on:{onClose:()=>s(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>s(!1)}})]})}),t.jsx(P,{_label:"Open drawer",_on:{onClick:()=>s(!0)}}),t.jsx(xs,{_open:d,_modal:!0,_align:g,_label:"I'm a controlled modal drawer",_on:{onClose:()=>u(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(P,{_label:"Close drawer",_on:{onClick:()=>u(!1)}})]})}),t.jsx(P,{_label:"Open drawer as modal",_on:{onClick:()=>u(!0)}})]})]})},bE={drawer:{basic:pE,controlled:gE}},fE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),t.jsx(eo,{className:"w-full",children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(Cn,{id:"input1",_label:"Input 1"}),t.jsx(Cn,{id:"input2",_label:"Input 2"}),t.jsx(Cn,{id:"input3",_label:"Input 3"})]})})]}),vE=()=>{const n=_.useRef(null),o=()=>{var a;(a=n.current)==null||a.focusErrorList()};return _.useEffect(()=>{var a;(a=n.current)==null||a.focusErrorList()},[]),t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows a form with error messages."})}),t.jsx(eo,{className:"w-full",ref:n,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(Cn,{id:"input1",_label:"Input 1"}),t.jsx(Cn,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx(Cn,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx("div",{children:t.jsx(P,{_label:"ScrollTo",_type:"submit"})})]})})]})},mE={form:{basic:fE,"error-list":vE}},pw=`public-ui.v${Ou.version}`;class kE{constructor(){hr(this,"store",new Map)}setItem(o,a){this.store.set(o,a)}getItem(o){return this.store.get(o)||null}}const Ii={darkMode:!1,theme:"default"};let Nu;function gw(n){Nu=n;const o=Nu.getItem(pw);try{const a=JSON.parse(o);typeof a=="object"&&a!==null&&(Ii.darkMode=a.darkMode===!0,hh(a.theme)&&(Ii.theme=a.theme))}catch{}}gw(new kE);const wE=()=>{Nu.setItem(pw,JSON.stringify(Ii))},yE=n=>{if(hh(n))Ii.theme=n,wE();else throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},As=()=>`${Ii.theme}`,Ru=n=>{var o;if(hh(n))return(o=ph.find(a=>a.value===n))==null?void 0:o.label;throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},_E=[{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 xE({_on:n,...o}){const{dummyClickEventHandler:a}=ye(),l={onClick:a};return t.jsx(P,{...o,_on:l})}const zE={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(xE,{_label:o.label,style:{fontSize:"75%"}}))},sort:n=>n.sort((o,a)=>o.monday<a.monday?-1:o.monday>a.monday?1:0),sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#060",_label:o.label}))},sort:n=>n.sort((o,a)=>o.tuesday<a.tuesday?-1:o.tuesday>a.tuesday?1:0),sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(n,o)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(a),Ve(a).render(t.jsx(Kn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},jE=()=>{const{dummyClickEventHandler:n}=ye(),o={onClick:n};return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[t.jsx(bs,{className:"block w-75px",_labeled:!1}),t.jsx(rn,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",t.jsxs("small",{children:["for ",Ru(As())]})]})}),t.jsxs(kr,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",t.jsx("strong",{children:Ru(As())}),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",t.jsx(fn,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(rn,{_label:"Heading Level 1",_level:1}),t.jsx(rn,{_label:"Heading Level 2",_level:2}),t.jsx(rn,{_label:"Heading Level 3",_level:3}),t.jsx(rn,{_label:"Heading Level 4",_level:4}),t.jsx(rn,{_label:"Heading Level 5",_level:5}),t.jsx(rn,{_label:"Heading Level 6",_level:6}),t.jsx(rn,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"top",children:"ABB"})," ","with tooltip at the top"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"right",children:"ABB"})," ","with tooltip on the right"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"bottom",children:"ABB"})," ","with tooltip at the bottom"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(Yo,{_label:"Detailed description",_tooltipAlign:"left",children:"ABB"})," ","with tooltip on the left"]}),t.jsxs("div",{className:"grid grid-cols-2 items-center",children:[t.jsx(gr,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.jsx(gr,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsxs(yr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),t.jsx(P,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),t.jsx(P,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),t.jsx(P,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),t.jsx(P,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),t.jsx(P,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(P,{_label:"ghost",_variant:"ghost"}),t.jsx(P,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.jsx(P,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Dn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Dn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Dn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Dn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Dn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Dn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Dn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Dn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(Ie,{_label:"Links",_level:3,_open:!0,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(fn,{_href:"#/back-page",_label:"Link text"}),t.jsx(fn,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(fn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsx(fn,{_href:"/",_label:"Visited link"}),t.jsxs("p",{children:["I am a ",t.jsx(fn,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),t.jsx(Ie,{_label:"ButtonLinks",_level:3,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(Zn,{_label:"Link text"}),t.jsx(Zn,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(Zn,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsxs("p",{children:["I am a ",t.jsx(Zn,{_label:"Link"})," in the running text."]}),t.jsx(Zn,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(qe,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),t.jsx(qe,{_type:"success",children:"Success message text"}),t.jsx(qe,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),t.jsx(qe,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),t.jsx(qe,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx("div",{children:t.jsx(Lt,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})}),t.jsx("div",{children:t.jsx(gs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})})]})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:t.jsx(eo,{slot:"",children:t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[t.jsx(We,{_label:"Color"}),t.jsx(Oe,{_label:"Upload file"}),t.jsx(me,{_label:"Number input"}),t.jsx(Mn,{_type:"date",_label:"Date"}),t.jsx(Fe,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.jsx(Cn,{_hint:"I am a hint.",_label:"First name"}),t.jsx(Ee,{_label:"password"}),t.jsx(Te,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.jsx(Je,{_min:0,_max:50,_value:25,_label:"Slider"}),t.jsx(be,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(be,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.jsx(Qn,{_label:"",children:t.jsxs("span",{slot:"expert",children:["I accept the ",t.jsx(Yo,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),t.jsx(Jn,{_rows:4,_label:"Textarea"})]})})}),t.jsx(An,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsx(ke,{_label:"Table",_headers:zE,_data:_E,_pagination:!0})})})]}),t.jsx(Rs,{_label:"5.0.2-test.2"})]})},SE={handout:{basic:jE}},TE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.jsx("code",{children:"_label"}),"-property."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:2,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#86ffc6",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:3,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#06539e",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:4,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#ae0000",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:5,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#8b008b",_label:"Label"})]})}),t.jsx(rn,{_label:"",_level:6,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Kn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),EE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolHeading renders a heading with the given level."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"I'm a H1-heading",_level:1}),t.jsx(rn,{_label:"I'm a H2-heading",_level:2}),t.jsx(rn,{_label:"I'm a H3-heading",_level:3}),t.jsx(rn,{_label:"I'm a H4-heading",_level:4}),t.jsx(rn,{_label:"I'm a H5-heading",_level:5}),t.jsx(rn,{_label:"I'm a H6-heading",_level:6})]})]}),LE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(rn,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),t.jsx(rn,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."})]})]}),CE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows KolHeading with the prop ",t.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),t.jsx("div",{className:"grid gap-4",children:t.jsx(rn,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),AE={heading:{basic:EE,badge:TE,paragraph:LE,secondary:CE}},$E=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(mb,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),t.jsx(mb,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),IE={icon:{basic:$E}},OE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),t.jsx(j_,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),NE={image:{basic:OE}},RE=()=>t.jsxs(t.Fragment,{children:[t.jsxs(B,{children:[t.jsx("p",{children:"KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between."}),t.jsx("p",{children:t.jsx(Kn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx(S_,{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),t.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."})]})]}),BE={"indented-text":{basic:RE}},ls=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Qn,{...o,_label:"Not selected",_value:!1,_required:!0}),t.jsx(Qn,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),t.jsx(Qn,{...o,ref:a,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),t.jsx(Qn,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),t.jsx(Qn,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),t.jsx(Qn,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),t.jsx(Qn,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),t.jsx(Qn,{...o,_msg:{_type:"error",_description:In},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),t.jsx(Qn,{...o,_label:"With access key",_accessKey:"c",_value:null}),t.jsx(Qn,{...o,_label:"With short key",_shortKey:"s",_value:null})]})}),gh=_.forwardRef(function(o,a){return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" with label'}),t.jsx(ls,{...o,_labelAlign:"left"})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),t.jsx(ls,{ref:a,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" with label'}),t.jsx(ls,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),t.jsx(ls,{ref:a,...o,_hideLabel:!0})]})]})]})}),FE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:gh})]}),PE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),t.jsx(Ze,{RefComponent:gh,_variant:"button"})]}),DE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),t.jsx(Ze,{RefComponent:gh,_variant:"switch"})]}),ME={"input-checkbox":{basic:FE,switch:DE,button:PE}},Ov=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(We,{...o,_msg:{_type:"error",_description:In},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),t.jsx(We,{...o,_msg:{_type:"error",_description:In},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),t.jsx(We,{...o,ref:a,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),t.jsx(We,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),t.jsx(We,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(We,{...o,_label:"With short key",_shortKey:"s"})]})}),KE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color"}),t.jsx(Ov,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color (hideLabel)"}),t.jsx(Ov,{ref:a,...o,_hideLabel:!0})]})]})}),HE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:KE})]}),UE={"input-color":{basic:HE}},Nv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Mn,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),t.jsx(Mn,{...o,_step:1,_type:"datetime-local",_msg:{_type:"error",_description:In},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),t.jsx(Mn,{...o,_type:"month",_label:"Month",_required:!0}),t.jsx(Mn,{...o,ref:a,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),t.jsx(Mn,{...o,_type:"time",_label:"Time (standard)",_required:!0}),t.jsx(Mn,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),t.jsx(Mn,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),t.jsx(Mn,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),t.jsx(Mn,{...o,_label:"With access key",_accessKey:"s"}),t.jsx(Mn,{...o,_label:"With short key",_shortKey:"s"})]})}),VE=_.forwardRef(function(o){const a="2024-09-26",l="2024-09-27",s="12:00",d="15:00",u="2024-09-26T12:00",g="2024-09-27T15:00",b="2024-W10",f="2024-W50",m="2024-02",w="2024-10",k=new Date("January 10, 2024, 12:00"),S=new Date("October 20, 2024, 15:00");return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Mn,{...o,_type:"date",_label:"Date with Iso",_min:a,_max:l}),t.jsx(Mn,{...o,_type:"date",_label:"Date with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"time",_label:"Time with Iso",_min:s,_max:d}),t.jsx(Mn,{...o,_type:"time",_label:"Time with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"DayTime with Iso",_min:u,_max:g}),t.jsx(Mn,{...o,_type:"datetime-local",_label:"DayTime with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"week",_label:"Week with Iso",_min:b,_max:f}),t.jsx(Mn,{...o,_type:"week",_label:"Week with Date",_min:k,_max:S}),t.jsx(Mn,{...o,_type:"month",_label:"Month with Iso",_min:m,_max:w}),t.jsx(Mn,{...o,_type:"month",_label:"Month with Date",_min:k,_max:S})]})}),WE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date"}),t.jsx(Nv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (hideLabel)"}),t.jsx(Nv,{ref:a,...o,_hideLabel:!0})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (with min/max)"}),t.jsx(VE,{ref:a,...o})]})]})}),qE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:WE})]}),GE=()=>{const n=_.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the KolInputDate ",t.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),t.jsx(Mn,{className:"w-full",ref:n,_label:"Resettable Input Date",_value:"2024-02-10"}),t.jsx(P,{className:"mt",_label:"Reset",_on:{onClick:()=>{var o;return(o=n.current)==null?void 0:o.reset()}}})]})},ZE=["default","error","info","success","warning"];function Xd(n){return{onChange:()=>n(o=>!o)}}const YE=()=>{const[n,o]=_.useState(!0),[a,l]=_.useState(!0),[s,d]=_.useState(!1),u=Xd(o),g=Xd(l),b=Xd(d);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This example shows how messages work in input fields."})}),t.jsxs("div",{className:"flex gap-4 flex-col",children:[t.jsxs("div",{className:"flex gap-4 items-center",children:[t.jsx(Qn,{_label:"Toggle Msg",_on:u,_checked:n,_variant:"button"}),t.jsx(Qn,{_label:"Toggle Touched",_on:g,_checked:a,_variant:"button"}),t.jsx(Qn,{_label:"Toggle Hide Msg",_on:b,_checked:s,_variant:"button"})]}),t.jsxs("pre",{children:["Message exists: ",n?"Yes":"No"," (showMsg: ",n?"Yes":"No",")",t.jsx("br",{}),"Non-Error-Message visible: ",n&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",t.jsx("br",{}),"Error-Message visible: ",n&&a&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", isTouched: ",a?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),t.jsx(Mn,{_error:n?"error message":void 0,_hideError:s,_label:"Date (_error)",_touched:a}),ZE.map(f=>t.jsx(Mn,{_hideError:s,_label:`Date (_msg, ${f})`,_msg:n?{_description:`${f} message`,_type:f}:void 0,_touched:a},f))]})]})},QE={"input-date":{basic:qE,reset:GE,"show-hide-msg":YE}},Rv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Fe,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:In},_label:"E-Mail (Black background test)"})}),t.jsx(Fe,{...o,ref:a,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:In},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Fe,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),t.jsx(Fe,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),t.jsx(Fe,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),t.jsx(Fe,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),JE=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email"}),t.jsx(Rv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email (hideLabel)"}),t.jsx(Rv,{ref:a,...o,_hideLabel:!0})]})]})}),XE=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:JE})]}),n3={"input-email":{basic:XE}},Bv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Oe,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),t.jsx(Oe,{...o,_required:!0,_msg:{_type:"error",_description:In},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),t.jsx(Oe,{...o,ref:a,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:In},_label:"Upload file (Multiple)"}),t.jsx(Oe,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),t.jsx(Oe,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(Oe,{...o,_label:"With short key",_shortKey:"s"})]})}),e3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File"}),t.jsx(Bv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File (hideLabel)"}),t.jsx(Bv,{ref:a,...o,_hideLabel:!0})]})]})}),o3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:e3})]}),r3={"input-file":{basic:o3}},Fv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(me,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})}),t.jsx(me,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(me,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"warning",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"info",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,_required:!0,_msg:{_type:"success",_description:In},_touched:!0,_value:123,_label:"Number input"}),t.jsx(me,{...o,ref:a,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),t.jsx(me,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),t.jsx(me,{...o,_disabled:!0,_label:"Number input (Disabled)"}),t.jsx(me,{...o,_label:"With access key",_accessKey:"c"}),t.jsx(me,{...o,_label:"With short key",_shortKey:"s"})]})}),t3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number"}),t.jsx(Fv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number (hideLabel)"}),t.jsx(Fv,{ref:a,...o,_hideLabel:!0})]})]})}),a3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation."})}),t.jsx(Ze,{RefComponent:t3})]}),i3={"input-number":{basic:a3}},Pv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Ee,{...o,_label:"Passwort (Black background test)"})}),t.jsx(Ee,{...o,_disabled:!0,_msg:{_type:"error",_description:In},_label:"Passwort (Disabled)",_touched:!0}),t.jsx(Ee,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),t.jsx(Ee,{...o,ref:a,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:In},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),t.jsx(Ee,{...o,ref:a,_shortKey:"c",_label:"With access key"}),t.jsx(Ee,{...o,ref:a,_shortKey:"s",_label:"With short key"})]})}),l3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password"}),t.jsx(Pv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password (hideLabel)"}),t.jsx(Pv,{ref:a,...o,_hideLabel:!0})]})]})}),s3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:l3})]}),c3=()=>{const n=_.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),t.jsxs(eo,{className:"w-full",children:[t.jsx(Ee,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle"}),t.jsx(Ee,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.jsx(Ee,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:n,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},d3={"input-password":{basic:s3,"show-password":c3}},Dv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(be,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),t.jsx(be,{...o,_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),t.jsx(be,{...o,ref:a,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),t.jsx(be,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:In},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),t.jsx(be,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),t.jsx(be,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:In},_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:Zr})]})}),u3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(rn,{_level:2,_label:"Radio",className:"block mb-2"}),t.jsx(Dv,{...o})]}),t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(rn,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),t.jsx(Dv,{ref:a,...o,_hideLabel:!0})]})]})}),h3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:u3})]}),p3=()=>{const[n,o]=_.useState(!0),[a,l]=_.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(g=>!g)},u=()=>{l(g=>g==="horizontal"?"vertical":"horizontal")};return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"horizontal"})," and ",t.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(P,{_label:"Click me a few times",_on:{onClick:d}}),t.jsx(Qn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:u},_variant:"switch"})]}),n&&t.jsx(eo,{children:t.jsxs("div",{className:"container my-4 d-grid gap-4",children:[t.jsx(be,{_label:`Test (${a})`,_options:s,_orientation:a,_required:!0}),t.jsx(be,{_hideLabel:!0,_label:`Test (${a})`,_options:s,_orientation:a,_required:!0})]})})]})},g3=()=>{const n=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(B,{children:["This sample shows KolInputRadio with ",t.jsx("code",{children:"object"})," and ",t.jsx("code",{children:"undefined"})," values."]}),t.jsxs(eo,{children:[t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_value:n[1].value,_options:n,_label:"Test (with object value)"})}),t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(be,{_options:n,_label:"Test (without value)"})})]})]})},b3={"input-radio":{basic:h3,horizontal:p3,object:g3}},Mv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Je,{...o,_min:0,_max:50,_msg:{_type:"error",_description:In},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),t.jsx(Je,{...o,ref:a,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:In},_label:"Slider with error",_touched:!0}),t.jsx(Je,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),t.jsx(Je,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),t.jsx(Je,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),f3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range"}),t.jsx(Mv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range (hideLabel)"}),t.jsx(Mv,{ref:a,...o,_hideLabel:!0})]})]})}),v3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:f3})]}),m3={"input-range":{basic:v3}},Kv=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Cn,{...o,_value:"Value",_label:"First name (Black background test)"})}),t.jsx(Cn,{...o,_hint:Zr,_msg:{_type:"error",_description:In,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:a}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:In},_touched:!0,_type:"url",_label:"URL (url)"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(Cn,{...o,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(Cn,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(Cn,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(Cn,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),t.jsx(Cn,{...o,_value:"Value",_label:"With short key",_shortKey:"s"}),t.jsx(Cn,{...o,_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})]})}),k3=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Kv,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Kv,{ref:a,...o,_hideLabel:!0})]})]})}),w3=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),t.jsx(Ze,{RefComponent:k3})]}),y3=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"_hideError"})," feature for KolInputText. It allows to hide the error message from an input field and can be used, when the error is already shown somewhere else, e.g. for a group of inputs."]})}),t.jsx(An,{_label:"Normal input field with error",_level:0,children:t.jsx(Cn,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),t.jsx(An,{_label:"Input fields with hidden error",_level:0,children:t.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[t.jsx("legend",{children:"Combined input field"}),t.jsx(qe,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),t.jsx(Cn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),t.jsx(Cn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})]})})]});var _3=function(o){return x3(o)&&!z3(o)};function x3(n){return!!n&&typeof n=="object"}function z3(n){var o=Object.prototype.toString.call(n);return o==="[object RegExp]"||o==="[object Date]"||T3(n)}var j3=typeof Symbol=="function"&&Symbol.for,S3=j3?Symbol.for("react.element"):60103;function T3(n){return n.$$typeof===S3}function E3(n){return Array.isArray(n)?[]:{}}function $s(n,o){return o.clone!==!1&&o.isMergeableObject(n)?Oi(E3(n),n,o):n}function L3(n,o,a){return n.concat(o).map(function(l){return $s(l,a)})}function C3(n,o,a){var l={};return a.isMergeableObject(n)&&Object.keys(n).forEach(function(s){l[s]=$s(n[s],a)}),Object.keys(o).forEach(function(s){!a.isMergeableObject(o[s])||!n[s]?l[s]=$s(o[s],a):l[s]=Oi(n[s],o[s],a)}),l}function Oi(n,o,a){a=a||{},a.arrayMerge=a.arrayMerge||L3,a.isMergeableObject=a.isMergeableObject||_3;var l=Array.isArray(o),s=Array.isArray(n),d=l===s;return d?l?a.arrayMerge(n,o,a):C3(n,o,a):$s(o,a)}Oi.all=function(o,a){if(!Array.isArray(o))throw new Error("first argument should be an array");return o.reduce(function(l,s){return Oi(l,s,a)},{})};var Bu=Oi,bw=typeof global=="object"&&global&&global.Object===Object&&global,A3=typeof self=="object"&&self&&self.Object===Object&&self,nr=bw||A3||Function("return this")(),nt=nr.Symbol,fw=Object.prototype,$3=fw.hasOwnProperty,I3=fw.toString,yi=nt?nt.toStringTag:void 0;function O3(n){var o=$3.call(n,yi),a=n[yi];try{n[yi]=void 0;var l=!0}catch{}var s=I3.call(n);return l&&(o?n[yi]=a:delete n[yi]),s}var N3=Object.prototype,R3=N3.toString;function B3(n){return R3.call(n)}var F3="[object Null]",P3="[object Undefined]",Hv=nt?nt.toStringTag:void 0;function Nt(n){return n==null?n===void 0?P3:F3:Hv&&Hv in Object(n)?O3(n):B3(n)}function vw(n,o){return function(a){return n(o(a))}}var bh=vw(Object.getPrototypeOf,Object);function Rt(n){return n!=null&&typeof n=="object"}var D3="[object Object]",M3=Function.prototype,K3=Object.prototype,mw=M3.toString,H3=K3.hasOwnProperty,U3=mw.call(Object);function Uv(n){if(!Rt(n)||Nt(n)!=D3)return!1;var o=bh(n);if(o===null)return!0;var a=H3.call(o,"constructor")&&o.constructor;return typeof a=="function"&&a instanceof a&&mw.call(a)==U3}function V3(){this.__data__=[],this.size=0}function kw(n,o){return n===o||n!==n&&o!==o}function Ds(n,o){for(var a=n.length;a--;)if(kw(n[a][0],o))return a;return-1}var W3=Array.prototype,q3=W3.splice;function G3(n){var o=this.__data__,a=Ds(o,n);if(a<0)return!1;var l=o.length-1;return a==l?o.pop():q3.call(o,a,1),--this.size,!0}function Z3(n){var o=this.__data__,a=Ds(o,n);return a<0?void 0:o[a][1]}function Y3(n){return Ds(this.__data__,n)>-1}function Q3(n,o){var a=this.__data__,l=Ds(a,n);return l<0?(++this.size,a.push([n,o])):a[l][1]=o,this}function Sr(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}Sr.prototype.clear=V3;Sr.prototype.delete=G3;Sr.prototype.get=Z3;Sr.prototype.has=Y3;Sr.prototype.set=Q3;function J3(){this.__data__=new Sr,this.size=0}function X3(n){var o=this.__data__,a=o.delete(n);return this.size=o.size,a}function nL(n){return this.__data__.get(n)}function eL(n){return this.__data__.has(n)}function Wi(n){var o=typeof n;return n!=null&&(o=="object"||o=="function")}var oL="[object AsyncFunction]",rL="[object Function]",tL="[object GeneratorFunction]",aL="[object Proxy]";function ww(n){if(!Wi(n))return!1;var o=Nt(n);return o==rL||o==tL||o==oL||o==aL}var nu=nr["__core-js_shared__"],Vv=function(){var n=/[^.]+$/.exec(nu&&nu.keys&&nu.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();function iL(n){return!!Vv&&Vv in n}var lL=Function.prototype,sL=lL.toString;function Bt(n){if(n!=null){try{return sL.call(n)}catch{}try{return n+""}catch{}}return""}var cL=/[\\^$.*+?()[\]{}|]/g,dL=/^\[object .+?Constructor\]$/,uL=Function.prototype,hL=Object.prototype,pL=uL.toString,gL=hL.hasOwnProperty,bL=RegExp("^"+pL.call(gL).replace(cL,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function fL(n){if(!Wi(n)||iL(n))return!1;var o=ww(n)?bL:dL;return o.test(Bt(n))}function vL(n,o){return n==null?void 0:n[o]}function Ft(n,o){var a=vL(n,o);return fL(a)?a:void 0}var Ni=Ft(nr,"Map"),Ri=Ft(Object,"create");function mL(){this.__data__=Ri?Ri(null):{},this.size=0}function kL(n){var o=this.has(n)&&delete this.__data__[n];return this.size-=o?1:0,o}var wL="__lodash_hash_undefined__",yL=Object.prototype,_L=yL.hasOwnProperty;function xL(n){var o=this.__data__;if(Ri){var a=o[n];return a===wL?void 0:a}return _L.call(o,n)?o[n]:void 0}var zL=Object.prototype,jL=zL.hasOwnProperty;function SL(n){var o=this.__data__;return Ri?o[n]!==void 0:jL.call(o,n)}var TL="__lodash_hash_undefined__";function EL(n,o){var a=this.__data__;return this.size+=this.has(n)?0:1,a[n]=Ri&&o===void 0?TL:o,this}function Ct(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}Ct.prototype.clear=mL;Ct.prototype.delete=kL;Ct.prototype.get=xL;Ct.prototype.has=SL;Ct.prototype.set=EL;function LL(){this.size=0,this.__data__={hash:new Ct,map:new(Ni||Sr),string:new Ct}}function CL(n){var o=typeof n;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?n!=="__proto__":n===null}function Ms(n,o){var a=n.__data__;return CL(o)?a[typeof o=="string"?"string":"hash"]:a.map}function AL(n){var o=Ms(this,n).delete(n);return this.size-=o?1:0,o}function $L(n){return Ms(this,n).get(n)}function IL(n){return Ms(this,n).has(n)}function OL(n,o){var a=Ms(this,n),l=a.size;return a.set(n,o),this.size+=a.size==l?0:1,this}function rt(n){var o=-1,a=n==null?0:n.length;for(this.clear();++o<a;){var l=n[o];this.set(l[0],l[1])}}rt.prototype.clear=LL;rt.prototype.delete=AL;rt.prototype.get=$L;rt.prototype.has=IL;rt.prototype.set=OL;var NL=200;function RL(n,o){var a=this.__data__;if(a instanceof Sr){var l=a.__data__;if(!Ni||l.length<NL-1)return l.push([n,o]),this.size=++a.size,this;a=this.__data__=new rt(l)}return a.set(n,o),this.size=a.size,this}function Ea(n){var o=this.__data__=new Sr(n);this.size=o.size}Ea.prototype.clear=J3;Ea.prototype.delete=X3;Ea.prototype.get=nL;Ea.prototype.has=eL;Ea.prototype.set=RL;function BL(n,o){for(var a=-1,l=n==null?0:n.length;++a<l&&o(n[a],a,n)!==!1;);return n}var Wv=function(){try{var n=Ft(Object,"defineProperty");return n({},"",{}),n}catch{}}();function yw(n,o,a){o=="__proto__"&&Wv?Wv(n,o,{configurable:!0,enumerable:!0,value:a,writable:!0}):n[o]=a}var FL=Object.prototype,PL=FL.hasOwnProperty;function _w(n,o,a){var l=n[o];(!(PL.call(n,o)&&kw(l,a))||a===void 0&&!(o in n))&&yw(n,o,a)}function Ks(n,o,a,l){var s=!a;a||(a={});for(var d=-1,u=o.length;++d<u;){var g=o[d],b=void 0;b===void 0&&(b=n[g]),s?yw(a,g,b):_w(a,g,b)}return a}function DL(n,o){for(var a=-1,l=Array(n);++a<n;)l[a]=o(a);return l}var ML="[object Arguments]";function qv(n){return Rt(n)&&Nt(n)==ML}var xw=Object.prototype,KL=xw.hasOwnProperty,HL=xw.propertyIsEnumerable,UL=qv(function(){return arguments}())?qv:function(n){return Rt(n)&&KL.call(n,"callee")&&!HL.call(n,"callee")},qi=Array.isArray;function VL(){return!1}var zw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Gv=zw&&typeof module=="object"&&module&&!module.nodeType&&module,WL=Gv&&Gv.exports===zw,Zv=WL?nr.Buffer:void 0,qL=Zv?Zv.isBuffer:void 0,jw=qL||VL,GL=9007199254740991,ZL=/^(?:0|[1-9]\d*)$/;function YL(n,o){var a=typeof n;return o=o??GL,!!o&&(a=="number"||a!="symbol"&&ZL.test(n))&&n>-1&&n%1==0&&n<o}var QL=9007199254740991;function Sw(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=QL}var JL="[object Arguments]",XL="[object Array]",nC="[object Boolean]",eC="[object Date]",oC="[object Error]",rC="[object Function]",tC="[object Map]",aC="[object Number]",iC="[object Object]",lC="[object RegExp]",sC="[object Set]",cC="[object String]",dC="[object WeakMap]",uC="[object ArrayBuffer]",hC="[object DataView]",pC="[object Float32Array]",gC="[object Float64Array]",bC="[object Int8Array]",fC="[object Int16Array]",vC="[object Int32Array]",mC="[object Uint8Array]",kC="[object Uint8ClampedArray]",wC="[object Uint16Array]",yC="[object Uint32Array]",ae={};ae[pC]=ae[gC]=ae[bC]=ae[fC]=ae[vC]=ae[mC]=ae[kC]=ae[wC]=ae[yC]=!0;ae[JL]=ae[XL]=ae[uC]=ae[nC]=ae[hC]=ae[eC]=ae[oC]=ae[rC]=ae[tC]=ae[aC]=ae[iC]=ae[lC]=ae[sC]=ae[cC]=ae[dC]=!1;function _C(n){return Rt(n)&&Sw(n.length)&&!!ae[Nt(n)]}function fh(n){return function(o){return n(o)}}var Tw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Si=Tw&&typeof module=="object"&&module&&!module.nodeType&&module,xC=Si&&Si.exports===Tw,eu=xC&&bw.process,xa=function(){try{var n=Si&&Si.require&&Si.require("util").types;return n||eu&&eu.binding&&eu.binding("util")}catch{}}(),Yv=xa&&xa.isTypedArray,zC=Yv?fh(Yv):_C,jC=Object.prototype,SC=jC.hasOwnProperty;function Ew(n,o){var a=qi(n),l=!a&&UL(n),s=!a&&!l&&jw(n),d=!a&&!l&&!s&&zC(n),u=a||l||s||d,g=u?DL(n.length,String):[],b=g.length;for(var f in n)(o||SC.call(n,f))&&!(u&&(f=="length"||s&&(f=="offset"||f=="parent")||d&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||YL(f,b)))&&g.push(f);return g}var TC=Object.prototype;function vh(n){var o=n&&n.constructor,a=typeof o=="function"&&o.prototype||TC;return n===a}var EC=vw(Object.keys,Object),LC=Object.prototype,CC=LC.hasOwnProperty;function AC(n){if(!vh(n))return EC(n);var o=[];for(var a in Object(n))CC.call(n,a)&&a!="constructor"&&o.push(a);return o}function Lw(n){return n!=null&&Sw(n.length)&&!ww(n)}function mh(n){return Lw(n)?Ew(n):AC(n)}function $C(n,o){return n&&Ks(o,mh(o),n)}function IC(n){var o=[];if(n!=null)for(var a in Object(n))o.push(a);return o}var OC=Object.prototype,NC=OC.hasOwnProperty;function RC(n){if(!Wi(n))return IC(n);var o=vh(n),a=[];for(var l in n)l=="constructor"&&(o||!NC.call(n,l))||a.push(l);return a}function kh(n){return Lw(n)?Ew(n,!0):RC(n)}function BC(n,o){return n&&Ks(o,kh(o),n)}var Cw=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Qv=Cw&&typeof module=="object"&&module&&!module.nodeType&&module,FC=Qv&&Qv.exports===Cw,Jv=FC?nr.Buffer:void 0,Xv=Jv?Jv.allocUnsafe:void 0;function PC(n,o){if(o)return n.slice();var a=n.length,l=Xv?Xv(a):new n.constructor(a);return n.copy(l),l}function Aw(n,o){var a=-1,l=n.length;for(o||(o=Array(l));++a<l;)o[a]=n[a];return o}function DC(n,o){for(var a=-1,l=n==null?0:n.length,s=0,d=[];++a<l;){var u=n[a];o(u,a,n)&&(d[s++]=u)}return d}function $w(){return[]}var MC=Object.prototype,KC=MC.propertyIsEnumerable,nm=Object.getOwnPropertySymbols,wh=nm?function(n){return n==null?[]:(n=Object(n),DC(nm(n),function(o){return KC.call(n,o)}))}:$w;function HC(n,o){return Ks(n,wh(n),o)}function Iw(n,o){for(var a=-1,l=o.length,s=n.length;++a<l;)n[s+a]=o[a];return n}var UC=Object.getOwnPropertySymbols,Ow=UC?function(n){for(var o=[];n;)Iw(o,wh(n)),n=bh(n);return o}:$w;function VC(n,o){return Ks(n,Ow(n),o)}function Nw(n,o,a){var l=o(n);return qi(n)?l:Iw(l,a(n))}function WC(n){return Nw(n,mh,wh)}function qC(n){return Nw(n,kh,Ow)}var Fu=Ft(nr,"DataView"),Pu=Ft(nr,"Promise"),Du=Ft(nr,"Set"),Mu=Ft(nr,"WeakMap"),em="[object Map]",GC="[object Object]",om="[object Promise]",rm="[object Set]",tm="[object WeakMap]",am="[object DataView]",ZC=Bt(Fu),YC=Bt(Ni),QC=Bt(Pu),JC=Bt(Du),XC=Bt(Mu),fr=Nt;(Fu&&fr(new Fu(new ArrayBuffer(1)))!=am||Ni&&fr(new Ni)!=em||Pu&&fr(Pu.resolve())!=om||Du&&fr(new Du)!=rm||Mu&&fr(new Mu)!=tm)&&(fr=function(n){var o=Nt(n),a=o==GC?n.constructor:void 0,l=a?Bt(a):"";if(l)switch(l){case ZC:return am;case YC:return em;case QC:return om;case JC:return rm;case XC:return tm}return o});var nA=Object.prototype,eA=nA.hasOwnProperty;function oA(n){var o=n.length,a=new n.constructor(o);return o&&typeof n[0]=="string"&&eA.call(n,"index")&&(a.index=n.index,a.input=n.input),a}var im=nr.Uint8Array;function yh(n){var o=new n.constructor(n.byteLength);return new im(o).set(new im(n)),o}function rA(n,o){var a=o?yh(n.buffer):n.buffer;return new n.constructor(a,n.byteOffset,n.byteLength)}var tA=/\w*$/;function aA(n){var o=new n.constructor(n.source,tA.exec(n));return o.lastIndex=n.lastIndex,o}var lm=nt?nt.prototype:void 0,sm=lm?lm.valueOf:void 0;function iA(n){return sm?Object(sm.call(n)):{}}function lA(n,o){var a=o?yh(n.buffer):n.buffer;return new n.constructor(a,n.byteOffset,n.length)}var sA="[object Boolean]",cA="[object Date]",dA="[object Map]",uA="[object Number]",hA="[object RegExp]",pA="[object Set]",gA="[object String]",bA="[object Symbol]",fA="[object ArrayBuffer]",vA="[object DataView]",mA="[object Float32Array]",kA="[object Float64Array]",wA="[object Int8Array]",yA="[object Int16Array]",_A="[object Int32Array]",xA="[object Uint8Array]",zA="[object Uint8ClampedArray]",jA="[object Uint16Array]",SA="[object Uint32Array]";function TA(n,o,a){var l=n.constructor;switch(o){case fA:return yh(n);case sA:case cA:return new l(+n);case vA:return rA(n,a);case mA:case kA:case wA:case yA:case _A:case xA:case zA:case jA:case SA:return lA(n,a);case dA:return new l;case uA:case gA:return new l(n);case hA:return aA(n);case pA:return new l;case bA:return iA(n)}}var cm=Object.create,EA=function(){function n(){}return function(o){if(!Wi(o))return{};if(cm)return cm(o);n.prototype=o;var a=new n;return n.prototype=void 0,a}}();function LA(n){return typeof n.constructor=="function"&&!vh(n)?EA(bh(n)):{}}var CA="[object Map]";function AA(n){return Rt(n)&&fr(n)==CA}var dm=xa&&xa.isMap,$A=dm?fh(dm):AA,IA="[object Set]";function OA(n){return Rt(n)&&fr(n)==IA}var um=xa&&xa.isSet,NA=um?fh(um):OA,RA=1,BA=2,FA=4,Rw="[object Arguments]",PA="[object Array]",DA="[object Boolean]",MA="[object Date]",KA="[object Error]",Bw="[object Function]",HA="[object GeneratorFunction]",UA="[object Map]",VA="[object Number]",Fw="[object Object]",WA="[object RegExp]",qA="[object Set]",GA="[object String]",ZA="[object Symbol]",YA="[object WeakMap]",QA="[object ArrayBuffer]",JA="[object DataView]",XA="[object Float32Array]",n$="[object Float64Array]",e$="[object Int8Array]",o$="[object Int16Array]",r$="[object Int32Array]",t$="[object Uint8Array]",a$="[object Uint8ClampedArray]",i$="[object Uint16Array]",l$="[object Uint32Array]",oe={};oe[Rw]=oe[PA]=oe[QA]=oe[JA]=oe[DA]=oe[MA]=oe[XA]=oe[n$]=oe[e$]=oe[o$]=oe[r$]=oe[UA]=oe[VA]=oe[Fw]=oe[WA]=oe[qA]=oe[GA]=oe[ZA]=oe[t$]=oe[a$]=oe[i$]=oe[l$]=!0;oe[KA]=oe[Bw]=oe[YA]=!1;function Ti(n,o,a,l,s,d){var u,g=o&RA,b=o&BA,f=o&FA;if(u!==void 0)return u;if(!Wi(n))return n;var m=qi(n);if(m){if(u=oA(n),!g)return Aw(n,u)}else{var w=fr(n),k=w==Bw||w==HA;if(jw(n))return PC(n,g);if(w==Fw||w==Rw||k&&!s){if(u=b||k?{}:LA(n),!g)return b?VC(n,BC(u,n)):HC(n,$C(u,n))}else{if(!oe[w])return s?n:{};u=TA(n,w,g)}}d||(d=new Ea);var S=d.get(n);if(S)return S;d.set(n,u),NA(n)?n.forEach(function(L){u.add(Ti(L,o,a,L,n,d))}):$A(n)&&n.forEach(function(L,y){u.set(y,Ti(L,o,a,y,n,d))});var j=f?b?qC:WC:b?kh:mh,z=m?void 0:j(n);return BL(z||n,function(L,y){z&&(y=L,L=n[y]),_w(u,y,Ti(L,o,a,y,n,d))}),u}var s$=1,c$=4;function ss(n){return Ti(n,s$|c$)}var ou,hm;function d$(){if(hm)return ou;hm=1;var n=Array.isArray,o=Object.keys,a=Object.prototype.hasOwnProperty,l=typeof Element<"u";function s(d,u){if(d===u)return!0;if(d&&u&&typeof d=="object"&&typeof u=="object"){var g=n(d),b=n(u),f,m,w;if(g&&b){if(m=d.length,m!=u.length)return!1;for(f=m;f--!==0;)if(!s(d[f],u[f]))return!1;return!0}if(g!=b)return!1;var k=d instanceof Date,S=u instanceof Date;if(k!=S)return!1;if(k&&S)return d.getTime()==u.getTime();var j=d instanceof RegExp,z=u instanceof RegExp;if(j!=z)return!1;if(j&&z)return d.toString()==u.toString();var L=o(d);if(m=L.length,m!==o(u).length)return!1;for(f=m;f--!==0;)if(!a.call(u,L[f]))return!1;if(l&&d instanceof Element&&u instanceof Element)return d===u;for(f=m;f--!==0;)if(w=L[f],!(w==="_owner"&&d.$$typeof)&&!s(d[w],u[w]))return!1;return!0}return d!==d&&u!==u}return ou=function(u,g){try{return s(u,g)}catch(b){if(b.message&&b.message.match(/stack|recursion/i)||b.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",b.name,b.message),!1;throw b}},ou}var u$=d$();const yt=Gu(u$);var h$=4;function pm(n){return Ti(n,h$)}function Pw(n,o){for(var a=-1,l=n==null?0:n.length,s=Array(l);++a<l;)s[a]=o(n[a],a,n);return s}var p$="[object Symbol]";function _h(n){return typeof n=="symbol"||Rt(n)&&Nt(n)==p$}var g$="Expected a function";function xh(n,o){if(typeof n!="function"||o!=null&&typeof o!="function")throw new TypeError(g$);var a=function(){var l=arguments,s=o?o.apply(this,l):l[0],d=a.cache;if(d.has(s))return d.get(s);var u=n.apply(this,l);return a.cache=d.set(s,u)||d,u};return a.cache=new(xh.Cache||rt),a}xh.Cache=rt;var b$=500;function f$(n){var o=xh(n,function(l){return a.size===b$&&a.clear(),l}),a=o.cache;return o}var v$=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,m$=/\\(\\)?/g,k$=f$(function(n){var o=[];return n.charCodeAt(0)===46&&o.push(""),n.replace(v$,function(a,l,s,d){o.push(s?d.replace(m$,"$1"):l||a)}),o});function w$(n){if(typeof n=="string"||_h(n))return n;var o=n+"";return o=="0"&&1/n==-1/0?"-0":o}var gm=nt?nt.prototype:void 0,bm=gm?gm.toString:void 0;function Dw(n){if(typeof n=="string")return n;if(qi(n))return Pw(n,Dw)+"";if(_h(n))return bm?bm.call(n):"";var o=n+"";return o=="0"&&1/n==-1/0?"-0":o}function y$(n){return n==null?"":Dw(n)}function Mw(n){return qi(n)?Pw(n,w$):_h(n)?[n]:Aw(k$(y$(n)))}var ru={exports:{}},Yn={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -22983,7 +22983,7 @@ magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolo
 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.`,iO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),t.jsx(eo,{className:"w-full",children:t.jsx(Jn,{_adjustHeight:!0,_value:aO,_label:"Text input (auto grow)"})})]}),Km=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Jn,{...o,_msg:{_type:"error",_description:In},_label:"Text",_touched:!0}),t.jsx(Jn,{...o,ref:a,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),t.jsx(Jn,{...o,ref:a,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),t.jsx(Jn,{...o,ref:a,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),t.jsx(Jn,{...o,ref:a,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),t.jsx(Jn,{...o,ref:a,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),t.jsx(Jn,{...o,ref:a,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),t.jsx(Jn,{...o,ref:a,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),lO=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Km,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Km,{ref:a,...o,_hideLabel:!0})]})]})}),sO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),t.jsx(Ze,{RefComponent:lO})]}),cO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_hasCounter"}),"-property of KolTextarea. It shows how many characters have been entered."]})}),t.jsxs("section",{className:"w-full",children:[t.jsx(Jn,{_label:"Textara with counter",_hasCounter:!0}),t.jsx(Jn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"}),t.jsx(Jn,{_label:"Textara with counter and max length",_hasCounter:!0,_maxLength:20,_value:"Lorem Ipsum",className:"mt"})]})]}),dO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),t.jsxs(eo,{className:"w-full grid gap-4",children:[t.jsx(Jn,{_resize:"both",_label:"Text input (both)"}),t.jsx(Jn,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),t.jsx(Jn,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),t.jsx(Jn,{_resize:"none",_label:"Text input (none)",className:"mt"})]})]}),uO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),t.jsx(eo,{className:"w-full",children:t.jsx(Jn,{_rows:10,_label:"Texteingabe"})})]}),hO={textarea:{basic:sO,"adjust-height":iO,resize:dO,rows:uO,"with-counter":cO}},pO=()=>{const[n]=Sa(),o=n.get("type"),a=n.get("variant"),l=ot.getInstance(document),s=()=>{l.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},d=()=>{l.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};_.useEffect(()=>{o&&a?l.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:o,variant:a}):o?l.enqueue({description:"Toasty",label:"Initial Toast",type:o}):a&&l.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:a})},[o,a]);const u=()=>{l.enqueue({render:(f,{close:m})=>{Ve(f).render(t.jsx(t.Fragment,{children:t.jsx(P,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),m()}}})}))},label:"Initial Toast",type:"warning"})},g=async()=>{const f=await l.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});f&&setTimeout(f,2e3)},b=()=>{l.closeAll()};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsxs("section",{className:"flex gap-2",children:[t.jsx(P,{_label:"Show simple toast",_on:{onClick:s}}),t.jsx(P,{_label:"Show toast with alert variant 'msg'",_on:{onClick:d}}),t.jsx(P,{_label:"Show complex toast",_on:{onClick:u}})]}),t.jsx("section",{className:"flex gap-2",children:t.jsx(P,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void g()}})}),t.jsx("section",{className:"flex gap-2",children:t.jsx(P,{_label:"Close all toasts",_on:{onClick:b}})})]})]})},gO={toast:{basic:pO}},bO=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Zm,{class:"block w-fit",_label:"Toolbar",_items:[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}]})]})},fO=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Zm,{_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"}]})]})},vO={toolbar:{basic:bO,disabled:fO}},mO=()=>{const n=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return n[Math.floor(Math.random()*n.length)]},kO=()=>{const n=_.useContext(Xo),{subPage:o}=s0(),[a,l]=_.useState("1 Home"),[s,d]=_.useState(!1),[u,g]=_.useState(!1),[b,f]=_.useState(!0),m=()=>{l(`1 Home ${mO()}`)},w=k=>({_href:`#/tree/basic/${k}${n?"?hideMenus":""}`,_active:k===o});return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsxs(Ym,{_label:"Sitemap",class:"block w-fit",children:[t.jsx(Se,{_label:a,...w("home")}),t.jsxs(Se,{_label:"2 About (open initially)",...w("about"),_open:!0,children:[t.jsx(Se,{_label:"2.0 Legal",...w("legal")}),t.jsxs(Se,{_label:"2.1 Team",...w("team"),children:[t.jsx(Se,{_label:"2.1.1. Values",...w("values")}),t.jsxs(Se,{_label:"2.1.2. Members",...w("members"),children:[t.jsx(Se,{_label:"2.1.2.1 Humans",...w("humans")}),s&&t.jsx(Se,{_label:"2.1.2.2 Pets",...w("pets")})]}),t.jsx(Se,{_label:"2.1.3 Locations",...w("locations"),children:u&&t.jsxs(Se,{_label:"2.1.3.1 Europe",...w("europe"),children:[t.jsx(Se,{_label:"2.1.3.1.1 Denmark",...w("denmark")}),t.jsx(Se,{_label:"2.1.3.1.2 Netherlands",...w("netherlands")})]})})]})]}),b&&t.jsxs(Se,{_label:"3. Products",...w("products"),children:[t.jsxs(Se,{_label:"3.1 Home",...w("home-products"),children:[t.jsx(Se,{_label:"3.1.1 Refrigerators",...w("fridges")}),t.jsx(Se,{_label:"3.1.2 Coffee makers",...w("coffee-makers")})]}),t.jsx(Se,{_label:"3.1 Office",...w("office-products"),children:t.jsx(Se,{_label:"3.2.1 Printers",...w("printers")})})]})]}),t.jsxs("p",{children:["Current tree item: ",o??"none"]}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(P,{_label:"Change label for '1 Home'",_on:{onClick:m}}),t.jsx(P,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),t.jsx(P,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>g(!u)}}),t.jsx(P,{_label:"Toggle '3. Products'",_on:{onClick:()=>f(!b)}})]})]})},wO={tree:{"basic/:subPage":kO}},yO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),t.jsx(Rs,{_label:"1.1.1"})]}),_O=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),t.jsxs("p",{children:[t.jsx(Rs,{_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."]})]}),xO={version:{basic:yO,context:_O}},Ch={...SE,...ST,...LT,...IT,...NT,...FT,...DT,...KT,...qT,...tE,...iE,...cE,...uE,...bE,...mE,...AE,...IE,...NE,...BE,...ME,...UE,...QE,...n3,...r3,...i3,...d3,...b3,...m3,...pI,...bI,...mI,...xI,...AI,...II,...BI,...PI,...MI,...HI,...WI,...Fm,...Fm,...i8,...s8,...h8,...b8,...Y8,...tO,...hO,...gO,...vO,...wO,...xO,...n8};gw(localStorage);const py=(n,o="/")=>{let a=[];for(const l in n)if(n[l]){const s=n[l],d=`${o}${l}`;typeof s=="function"?a.push(d):typeof s=="object"&&s!==null&&(a=a.concat(py(s,`${d}/`)))}return a},gy=n=>{const o=[];for(const a in n)if(n[a]){const l=n[a],s=`/${a}`;if(typeof l=="function")o.push(t.jsx(zt,{path:s,element:t.jsx(l,{})},s)),o.push(t.jsx(zt,{path:`${s}/all`,element:t.jsx("div",{className:"d-grid gap-4",children:ph.filter(d=>sw.indexOf(d.value)>=0).map(d=>t.jsxs("div",{className:"d-grid gap-2",children:[t.jsx("div",{className:"mt-4",children:t.jsx("strong",{children:d.label})}),t.jsx("div",{className:"my-2",children:t.jsx(l,{})}),t.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof l=="object"&&l!==null){const d=Object.keys(l);d.length>0&&o.push(t.jsx(zt,{path:`${s}/*`,element:t.jsxs(dk,{children:[t.jsx(zt,{path:"/",element:t.jsx(ck,{to:d[0]})}),gy(l)]})},s))}}return o},Ns=py(Ch),zO=gy(Ch);console.log("ROUTE_LIST",Ns);const Hm=new Map;Ns.forEach(n=>{const o=n.split("/");Hm.has(o[1])||Hm.set(o[1],{label:o[1],value:n})});const jO=()=>{const n=xo(),[o,a]=Sa(),l=o.get("theme")??As(),s=o.has("hideMenus");yE(l),_T(),document.title=`KoliBri-Handout - ${Ru(As())} | v${Ou.version}`,document.body.setAttribute("class",l),document.body.dataset.theme=l;const d=u=>{a({theme:u}),window.location.reload()};return t.jsx(Xo.Provider,{value:s,children:t.jsxs("div",{className:s?"":"app-container","data-theme":l,children:[!s&&t.jsx(yT,{version:Ou.version,theme:l,sample:n.pathname,routes:Ch,routeList:Ns,buildDate:"2025-08-06T13:12:13.491Z",commitHash:"0a66012ac",onThemeChange:d}),t.jsxs("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:[!s&&fT(l)&&t.jsx(Kn,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),t.jsxs(dk,{children:[zO,t.jsx(zt,{path:"*",element:t.jsx(ck,{to:Ns[0],replace:!0})}),t.jsx(zt,{path:"back-page",element:t.jsx(gT,{})})]})]})]})})},SO=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),TO=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Wu=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),qu=n=>`${n}-sample`;Wu&&w_(qu);const EO=async()=>[H4,Ij,_S,hT,J6];(async()=>{try{await mz(await EO(),()=>{_2(window,{transformTagName:Wu?qu:void 0})},{theme:{detect:"auto"},translation:{name:"en"},translations:SO?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Wu?qu:void 0,environment:"production"}),TO&&Ot.patchTheme("default",{"KOL-BUTTON":`
+sit amet.`,iO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),t.jsx(eo,{className:"w-full",children:t.jsx(Jn,{_adjustHeight:!0,_value:aO,_label:"Text input (auto grow)"})})]}),Km=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Jn,{...o,_msg:{_type:"error",_description:In},_label:"Text",_touched:!0}),t.jsx(Jn,{...o,ref:a,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),t.jsx(Jn,{...o,ref:a,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),t.jsx(Jn,{...o,ref:a,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),t.jsx(Jn,{...o,ref:a,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),t.jsx(Jn,{...o,ref:a,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),t.jsx(Jn,{...o,ref:a,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),t.jsx(Jn,{...o,ref:a,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),lO=_.forwardRef(function(o,a){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(Km,{...o})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(Km,{ref:a,...o,_hideLabel:!0})]})]})}),sO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),t.jsx(Ze,{RefComponent:lO})]}),cO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_hasCounter"}),"-property of KolTextarea. It shows how many characters have been entered."]})}),t.jsxs("section",{className:"w-full",children:[t.jsx(Jn,{_label:"Textara with counter",_hasCounter:!0}),t.jsx(Jn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"}),t.jsx(Jn,{_label:"Textara with counter and max length",_hasCounter:!0,_maxLength:20,_value:"Lorem Ipsum",className:"mt"})]})]}),dO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),t.jsxs(eo,{className:"w-full grid gap-4",children:[t.jsx(Jn,{_resize:"both",_label:"Text input (both)"}),t.jsx(Jn,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),t.jsx(Jn,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),t.jsx(Jn,{_resize:"none",_label:"Text input (none)",className:"mt"})]})]}),uO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),t.jsx(eo,{className:"w-full",children:t.jsx(Jn,{_rows:10,_label:"Texteingabe"})})]}),hO={textarea:{basic:sO,"adjust-height":iO,resize:dO,rows:uO,"with-counter":cO}},pO=()=>{const[n]=Sa(),o=n.get("type"),a=n.get("variant"),l=ot.getInstance(document),s=()=>{l.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},d=()=>{l.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};_.useEffect(()=>{o&&a?l.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:o,variant:a}):o?l.enqueue({description:"Toasty",label:"Initial Toast",type:o}):a&&l.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:a})},[o,a]);const u=()=>{l.enqueue({render:(f,{close:m})=>{Ve(f).render(t.jsx(t.Fragment,{children:t.jsx(P,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),m()}}})}))},label:"Initial Toast",type:"warning"})},g=async()=>{const f=await l.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});f&&setTimeout(f,2e3)},b=()=>{l.closeAll()};return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsxs("section",{className:"flex gap-2",children:[t.jsx(P,{_label:"Show simple toast",_on:{onClick:s}}),t.jsx(P,{_label:"Show toast with alert variant 'msg'",_on:{onClick:d}}),t.jsx(P,{_label:"Show complex toast",_on:{onClick:u}})]}),t.jsx("section",{className:"flex gap-2",children:t.jsx(P,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void g()}})}),t.jsx("section",{className:"flex gap-2",children:t.jsx(P,{_label:"Close all toasts",_on:{onClick:b}})})]})]})},gO={toast:{basic:pO}},bO=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Zm,{class:"block w-fit",_label:"Toolbar",_items:[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}]})]})},fO=()=>{const n=_.useContext(Xo);return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(Zm,{_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"}]})]})},vO={toolbar:{basic:bO,disabled:fO}},mO=()=>{const n=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return n[Math.floor(Math.random()*n.length)]},kO=()=>{const n=_.useContext(Xo),{subPage:o}=s0(),[a,l]=_.useState("1 Home"),[s,d]=_.useState(!1),[u,g]=_.useState(!1),[b,f]=_.useState(!0),m=()=>{l(`1 Home ${mO()}`)},w=k=>({_href:`#/tree/basic/${k}${n?"?hideMenus":""}`,_active:k===o});return t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),!n&&t.jsx(Kn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsxs(Ym,{_label:"Sitemap",class:"block w-fit",children:[t.jsx(Se,{_label:a,...w("home")}),t.jsxs(Se,{_label:"2 About (open initially)",...w("about"),_open:!0,children:[t.jsx(Se,{_label:"2.0 Legal",...w("legal")}),t.jsxs(Se,{_label:"2.1 Team",...w("team"),children:[t.jsx(Se,{_label:"2.1.1. Values",...w("values")}),t.jsxs(Se,{_label:"2.1.2. Members",...w("members"),children:[t.jsx(Se,{_label:"2.1.2.1 Humans",...w("humans")}),s&&t.jsx(Se,{_label:"2.1.2.2 Pets",...w("pets")})]}),t.jsx(Se,{_label:"2.1.3 Locations",...w("locations"),children:u&&t.jsxs(Se,{_label:"2.1.3.1 Europe",...w("europe"),children:[t.jsx(Se,{_label:"2.1.3.1.1 Denmark",...w("denmark")}),t.jsx(Se,{_label:"2.1.3.1.2 Netherlands",...w("netherlands")})]})})]})]}),b&&t.jsxs(Se,{_label:"3. Products",...w("products"),children:[t.jsxs(Se,{_label:"3.1 Home",...w("home-products"),children:[t.jsx(Se,{_label:"3.1.1 Refrigerators",...w("fridges")}),t.jsx(Se,{_label:"3.1.2 Coffee makers",...w("coffee-makers")})]}),t.jsx(Se,{_label:"3.1 Office",...w("office-products"),children:t.jsx(Se,{_label:"3.2.1 Printers",...w("printers")})})]})]}),t.jsxs("p",{children:["Current tree item: ",o??"none"]}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(P,{_label:"Change label for '1 Home'",_on:{onClick:m}}),t.jsx(P,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),t.jsx(P,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>g(!u)}}),t.jsx(P,{_label:"Toggle '3. Products'",_on:{onClick:()=>f(!b)}})]})]})},wO={tree:{"basic/:subPage":kO}},yO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),t.jsx(Rs,{_label:"1.1.1"})]}),_O=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),t.jsxs("p",{children:[t.jsx(Rs,{_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."]})]}),xO={version:{basic:yO,context:_O}},Ch={...SE,...ST,...LT,...IT,...NT,...FT,...DT,...KT,...qT,...tE,...iE,...cE,...uE,...bE,...mE,...AE,...IE,...NE,...BE,...ME,...UE,...QE,...n3,...r3,...i3,...d3,...b3,...m3,...pI,...bI,...mI,...xI,...AI,...II,...BI,...PI,...MI,...HI,...WI,...Fm,...Fm,...i8,...s8,...h8,...b8,...Y8,...tO,...hO,...gO,...vO,...wO,...xO,...n8};gw(localStorage);const py=(n,o="/")=>{let a=[];for(const l in n)if(n[l]){const s=n[l],d=`${o}${l}`;typeof s=="function"?a.push(d):typeof s=="object"&&s!==null&&(a=a.concat(py(s,`${d}/`)))}return a},gy=n=>{const o=[];for(const a in n)if(n[a]){const l=n[a],s=`/${a}`;if(typeof l=="function")o.push(t.jsx(zt,{path:s,element:t.jsx(l,{})},s)),o.push(t.jsx(zt,{path:`${s}/all`,element:t.jsx("div",{className:"d-grid gap-4",children:ph.filter(d=>sw.indexOf(d.value)>=0).map(d=>t.jsxs("div",{className:"d-grid gap-2",children:[t.jsx("div",{className:"mt-4",children:t.jsx("strong",{children:d.label})}),t.jsx("div",{className:"my-2",children:t.jsx(l,{})}),t.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof l=="object"&&l!==null){const d=Object.keys(l);d.length>0&&o.push(t.jsx(zt,{path:`${s}/*`,element:t.jsxs(dk,{children:[t.jsx(zt,{path:"/",element:t.jsx(ck,{to:d[0]})}),gy(l)]})},s))}}return o},Ns=py(Ch),zO=gy(Ch);console.log("ROUTE_LIST",Ns);const Hm=new Map;Ns.forEach(n=>{const o=n.split("/");Hm.has(o[1])||Hm.set(o[1],{label:o[1],value:n})});const jO=()=>{const n=xo(),[o,a]=Sa(),l=o.get("theme")??As(),s=o.has("hideMenus");yE(l),_T(),document.title=`KoliBri-Handout - ${Ru(As())} | v${Ou.version}`,document.body.setAttribute("class",l),document.body.dataset.theme=l;const d=u=>{a({theme:u}),window.location.reload()};return t.jsx(Xo.Provider,{value:s,children:t.jsxs("div",{className:s?"":"app-container","data-theme":l,children:[!s&&t.jsx(yT,{version:Ou.version,theme:l,sample:n.pathname,routes:Ch,routeList:Ns,buildDate:"2025-08-08T07:09:49.227Z",commitHash:"5ecbf4813",onThemeChange:d}),t.jsxs("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:[!s&&fT(l)&&t.jsx(Kn,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),t.jsxs(dk,{children:[zO,t.jsx(zt,{path:"*",element:t.jsx(ck,{to:Ns[0],replace:!0})}),t.jsx(zt,{path:"back-page",element:t.jsx(gT,{})})]})]})]})})},SO=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),TO=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Wu=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),qu=n=>`${n}-sample`;Wu&&w_(qu);const EO=async()=>[H4,Ij,_S,hT,J6];(async()=>{try{await mz(await EO(),()=>{_2(window,{transformTagName:Wu?qu:void 0})},{theme:{detect:"auto"},translation:{name:"en"},translations:SO?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Wu?qu:void 0,environment:"production"}),TO&&Ot.patchTheme("default",{"KOL-BUTTON":`
 						button {
 							border: 1px solid red;
 						}`,"KOL-SPIN":`
@@ -22993,4 +22993,4 @@ sit amet.`,iO=()=>t.jsxs(t.Fragment,{children:[t.jsx(B,{children:t.jsxs("p",{chi
 						.bg-spin-3 {
 							background-color: gold;
 						}`},{append:!0})}catch(o){console.warn("Theme registration failed:",o)}const n=document.querySelector("div#app");n instanceof HTMLDivElement&&Qm.createRoot(n).render(t.jsx(_.StrictMode,{children:t.jsx(q0,{children:t.jsx(jO,{})})}))})();export{Lx as $,NO as A,UO as B,Ik as C,$k as D,Gb as E,rN as F,Px as G,Uz as H,xr as I,vn as J,Zd as K,we as L,Pe as M,Bn as N,nN as O,ah as P,Ex as Q,AO as R,IO as S,Db as T,Yb as U,Ix as V,FO as W,VO as X,DO as Y,XO as Z,vz as _,of as a,MO as a0,vf as a1,Ot as a2,RO as a3,QO as a4,JO as a5,Gf as a6,Jb as a7,Vf as a8,ev as a9,ez as aa,Hf as ab,rv as ac,sz as ad,uf as ae,dv as af,sv as ag,af as ah,WO as ai,lz as aj,qO as ak,CO as al,cv as am,lv as an,Tx as ao,$O as ap,mo as aq,xu as ar,cz as as,dz as at,tz as au,tf as b,hf as c,Qf as d,wf as e,BO as f,Ff as g,Kk as h,YO as i,PO as j,cf as k,kf as l,oN as m,Pf as n,qd as o,iz as p,KO as q,eN as r,_u as s,HO as t,xf as u,GO as v,ih as w,If as x,ZO as y,Qb as z};
-//# sourceMappingURL=index-DcXVNrdz.js.map
+//# sourceMappingURL=index-DqXEOlVh.js.map