npm - @public-ui/sample-react - Versions diffs - 3.0.9 → 3.0.10-rc.0 - Mend

@public-ui/sample-react 3.0.9 → 3.0.10-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/dist/assets/{index-DbZw8XzB.js → index-_1Ax2eV-.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-Ddf_PhKj.js","assets/label-Dnmzb2S_-CMuiLbf7.js","assets/kol-accordion.entry-mMw8_P8W.js","assets/Collapsible-Ba8Es2h0-BVHbjMmC.js","assets/tslib.es6-CxX45GIN-BGVaTf34.js","assets/clsx-eK3rPvPS-B-dksMZM.js","assets/Heading-CNBuBGfU-CPAu2xkl.js","assets/disabled-BhpAFgSp-_eCnu_7C.js","assets/open-CbvHO4XG-qp_MTu2A.js","assets/dev.utils-Dg5aYzVg-0wx2bP--.js","assets/validation-aqgnZOL6-ejxtaluS.js","assets/kol-badge.entry-DLw63KwM.js","assets/Alert-CTUp0cq0-Oqm1auj5.js","assets/i18n-LBpyQ66X-BnnVB5wn.js","assets/color-BOIEtqEM-BCXZ7FmP.js","assets/icons-DNTuScEN-DVxlUMAY.js","assets/Span-BJ04za7v-CCDOivhc.js","assets/Icon-BIONJyds-BOx_AY0l.js","assets/reuse-CX4AQDkS-BaVSFETn.js","assets/markdown-BSkXjaSn-0k41_7Su.js","assets/InternalUnderlinedBadgeText-CZdqjm5O-CW3i3Aff.js","assets/isObject-DvSELytj-DhzEQer1.js","assets/kol-breadcrumb.entry-DWV560rS.js","assets/unique-nav-labels-CrfmPC99-CpmKSUV3.js","assets/validation-BfjI5un_-YRlmRv_g.js","assets/kol-details.entry-Dean3LJF.js","assets/kol-drawer.entry-BW17riLr.js","assets/align-D-ifSKu8-0LMorG0E.js","assets/has-closer-CQzjaTkv-BCO7UsdH.js","assets/tooltip-open-tracking-rBbBgPWP-DRkgcff2.js","assets/kol-form.entry-T6RtlwCt.js","assets/kol-heading.entry-CQrFgziM.js","assets/kol-icon.entry--URnfhoB.js","assets/kol-image.entry-CnDYA0k_.js","assets/image-source-BfBEJ0rX-DZW0nC57.js","assets/kol-input-checkbox.entry-DkvFcoFS.js","assets/controller-B6f-1ZRp-CafOTxhO.js","assets/required-CnTTpFCN-fTcugIp-.js","assets/orientation-eCMt8CD1-CdMSsi2X.js","assets/FormFieldStateWrapper-BJBSoSm4-D3MU3y0v.js","assets/access-and-short-key-B37XLwy2-DDr96nc-.js","assets/hide-label-B9FhGrWP-CZ0ajIE3.js","assets/tooltip-align-Cnin7S26-GQ-M6zE0.js","assets/associated.controller-B9GDDaFL-CHe4vr0O.js","assets/Input-ADoBQY-0-BLQevzKH.js","assets/FieldControlStateWrapper-eQU8K11B-NJs7xbYX.js","assets/controller-CM5wW8Ij-DQFHXdp1.js","assets/kol-input-color.entry-Ck_Jxw-l.js","assets/controller-icon-BO9NOQnm-B_SOaoQ5.js","assets/InputStateWrapper-B4faUnuS-CyQRF01v.js","assets/auto-complete-mCkUnxg2-DF7Ri7g_.js","assets/suggestions-B-jLvT4L-CvpdCwot.js","assets/kol-input-date.entry-DbW_KQUF.js","assets/read-only-BetTuumR-BFD9U7KQ.js","assets/kol-input-email.entry-gT5_KVL2.js","assets/max-length-behavior-nTw1Zuyf-D7EHRTXU.js","assets/multiple-Cj3JQafH-_O1jW_AM.js","assets/controller-BzHt83jm-Cglueqi7.js","assets/spell-check-B9ot-4t--B5G9iFF6.js","assets/controller-BlzuPA1_-KZn2H4hj.js","assets/placeholder-BVhy3BzI-CsESm609.js","assets/kol-input-file.entry-kq6rn6jb.js","assets/kol-input-number.entry-BLEsFcqb.js","assets/kol-input-password.entry-BXaOvGvC.js","assets/kol-input-radio.entry-CBhXEvmf.js","assets/kol-input-text.entry-BAvHBlAK.js","assets/kol-kolibri.entry-BCw5H2wZ.js","assets/kol-modal.entry-yi3k0S18.js","assets/kol-nav.entry-yp_wiAQn.js","assets/kol-progress.entry-C27gVNtg.js","assets/kol-quote.entry-BAy-rDua.js","assets/kol-skip-nav.entry-BrlWrnzJ.js","assets/kol-spin.entry-O_D3yfsA.js","assets/show-DdPK3aM7-CLcxZDkU.js","assets/kol-split-button.entry-DprpSB2o.js","assets/kol-table-stateful.entry-Ci0V-RvI.js","assets/table-settings-DxLvhwRE-CKzw2RxJ.js","assets/keyboard-D6PoWr38-BGYQJqo4.js","assets/kol-tabs.entry-012ZeaZp.js","assets/kol-textarea.entry-FBmgh_9E.js","assets/rows-DtS-0sp9-LqayLPsR.js","assets/kol-toast-container.entry-DeoQI3Be.js","assets/kol-toolbar.entry-DkreH0w3.js","assets/kol-version.entry-CSDX0K7F.js","assets/kol-alert-wc.entry-DklSvfAF.js","assets/kol-avatar-wc.entry-CteTmpZF.js","assets/kol-button-wc.entry-C6WqNwbG.js","assets/button-variant-_wL6MroY-khISHd6l.js","assets/custom-class-nuoQ9Aml-CvRu0pgK.js","assets/inline-cDaqwSfK-B7Ffy-x8.js","assets/kol-card-wc.entry-BMvKpn2_.js","assets/kol-combobox.entry-DW1AOIiD.js","assets/CustomSuggestionsOptionsGroup-reBf5IMI-cXVFTMIG.js","assets/kol-input-range.entry-Bp0VutKU.js","assets/kol-link-wc.entry-BNLd-2sO.js","assets/href-rwDd36rS-yu46befM.js","assets/kol-pagination-wc.entry-76axeolY.js","assets/kol-popover-button-wc.entry-DA5IZZKb.js","assets/align-floating-elements-BkpeqvtE-AdfHjN91.js","assets/kol-popover-wc.entry-DNd8_C4r.js","assets/kol-select-wc.entry-sn2sHWNo.js","assets/kol-single-select.entry-BlLMV7a-.js","assets/kol-table-settings-wc.entry-D7aAhgwJ.js","assets/kol-table-stateless-wc.entry-DoLGeuSM.js","assets/kol-tooltip-wc.entry-BdzvGxtz.js","assets/kol-tree-item-wc.entry-CEZQvZP_.js","assets/kol-tree-wc.entry-Dr7LFqDc.js","assets/devtools-c0YYBtbu-C3HtEER5.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-DNoy3jnL.js","assets/label-Dnmzb2S_-CZJgNEDx.js","assets/kol-accordion.entry-CNQKs62A.js","assets/Collapsible-Cz6QNrWZ-DwTKl9Ym.js","assets/tslib.es6-CxX45GIN-BGVaTf34.js","assets/clsx-eK3rPvPS-B-dksMZM.js","assets/Heading-COLwAwY2-Bpd__EMS.js","assets/disabled-BhpAFgSp-DUCnPNyS.js","assets/open-CbvHO4XG-BGGqy-tR.js","assets/dev.utils-DnVCegOK-t9zG8Osg.js","assets/validation-aqgnZOL6-BwOFpBia.js","assets/kol-badge.entry-YmoC_WIF.js","assets/Alert-BJiWPLJD-ClqoCn5l.js","assets/i18n-LBpyQ66X-DZSiDJVY.js","assets/color-BOIEtqEM-RdWJgc7e.js","assets/icons-DNTuScEN-Da__8Xmm.js","assets/Span-DXvkB4z8-w96LQPze.js","assets/Icon-CIRGqH-E-DlvFhbDk.js","assets/reuse-CX4AQDkS-BaVSFETn.js","assets/markdown-BSkXjaSn-DT_Ghucm.js","assets/InternalUnderlinedBadgeText-DTHRHE2R-D-w46xtP.js","assets/isObject-DvSELytj-DhzEQer1.js","assets/kol-breadcrumb.entry-CP_4kojW.js","assets/unique-nav-labels-CrfmPC99-pXwinZbM.js","assets/validation-BfjI5un_-CI8iN_Al.js","assets/kol-details.entry-Dq7KyxaM.js","assets/kol-drawer.entry-8KqNulrw.js","assets/align-D-ifSKu8-CFiOEH1Q.js","assets/has-closer-CQzjaTkv-DEFp5wQz.js","assets/tooltip-open-tracking-rBbBgPWP-DRkgcff2.js","assets/kol-form.entry-CtoDRz3Q.js","assets/kol-heading.entry-CBKx4Bsk.js","assets/kol-icon.entry-qQ4CJHxD.js","assets/kol-image.entry-BrmEydZW.js","assets/image-source-BfBEJ0rX-iDCkNsJ-.js","assets/kol-input-checkbox.entry-Dxt9U9W3.js","assets/controller-DaZROf1B-BWwurQKh.js","assets/required-CnTTpFCN-Cvgdg5h6.js","assets/orientation-eCMt8CD1-DXsaCwHp.js","assets/FormFieldStateWrapper-Bg7Fp7F1-CYlBqEpb.js","assets/access-and-short-key-B37XLwy2-zlo5BJLJ.js","assets/hide-label-B9FhGrWP-ql8vugM0.js","assets/tooltip-align-Cnin7S26-DsSKouCl.js","assets/associated.controller-B9GDDaFL-Djgb1mkZ.js","assets/Input-CRKFrVsS-C_3wQFCg.js","assets/FieldControlStateWrapper-C49Jl7AP-DpOZhIjo.js","assets/controller-CM5wW8Ij-0zQ_xbhQ.js","assets/kol-input-color.entry-grFNsuVJ.js","assets/controller-icon-D3-7_kRp-nv5pU2Ri.js","assets/InputStateWrapper-l3PvIPrs-BucVSlDj.js","assets/auto-complete-mCkUnxg2-CSH6gCcO.js","assets/suggestions-B-jLvT4L-BLB9PaaX.js","assets/kol-input-date.entry-C9HyR9vM.js","assets/read-only-BetTuumR-o5X_RwI5.js","assets/kol-input-email.entry-BFRqWg8i.js","assets/max-length-behavior-nTw1Zuyf-B-xlmmzC.js","assets/multiple-Cj3JQafH-DsMmh08Y.js","assets/controller-Dewhtwvk-beR4UoNE.js","assets/spell-check-B9ot-4t--iW-lswvB.js","assets/controller-CIFm-3Ma-ZBQGQVGg.js","assets/placeholder-BVhy3BzI-B4-GYkCU.js","assets/kol-input-file.entry-Co8BtxeG.js","assets/kol-input-number.entry-BdZSFilo.js","assets/kol-input-password.entry-Ci0il-Or.js","assets/kol-input-radio.entry-HYgY53VP.js","assets/kol-input-text.entry-CL-ar3xy.js","assets/kol-kolibri.entry-zDMPUVPa.js","assets/kol-modal.entry-00VVfPUL.js","assets/kol-nav.entry-D5porIfD.js","assets/kol-progress.entry-CsC7k4cz.js","assets/kol-quote.entry-D-s9UJ9z.js","assets/kol-skip-nav.entry-ofWfEFTg.js","assets/kol-spin.entry-DgEclCG7.js","assets/show-DdPK3aM7-PVrNkZKM.js","assets/kol-split-button.entry-D1BYrNvx.js","assets/kol-table-stateful.entry-BOFDBMdh.js","assets/table-settings-DxLvhwRE-DThIEC59.js","assets/keyboard-D6PoWr38-BGYQJqo4.js","assets/kol-tabs.entry-DdqQd7ui.js","assets/kol-textarea.entry-BDYEFaRq.js","assets/rows-DtS-0sp9-CTsp_V7s.js","assets/kol-toast-container.entry-DO7y1k12.js","assets/kol-toolbar.entry-D5XCHybC.js","assets/kol-version.entry-DNp9AvAC.js","assets/kol-alert-wc.entry-C9xmYWfN.js","assets/kol-avatar-wc.entry-DAPjyK6Q.js","assets/kol-button-wc.entry-DSY8BXlO.js","assets/button-variant-_wL6MroY-DTqpxNOE.js","assets/custom-class-nuoQ9Aml-DKRIpiMc.js","assets/inline-cDaqwSfK-DsZPU0xR.js","assets/kol-card-wc.entry-NaF7_ccv.js","assets/kol-combobox.entry-hXJke6YZ.js","assets/CustomSuggestionsOptionsGroup-BEOGnASk-BIGNufv8.js","assets/kol-input-range.entry-Q01OBoPc.js","assets/kol-link-wc.entry-DqKiz_Jl.js","assets/href-rwDd36rS-COAIB2d5.js","assets/kol-pagination-wc.entry-C1P2KuEO.js","assets/kol-popover-button-wc.entry-CZrTN-m7.js","assets/align-floating-elements-BkpeqvtE-OBgPPEYi.js","assets/kol-popover-wc.entry-OPPrHj7S.js","assets/kol-select-wc.entry-BYTegbcK.js","assets/kol-single-select.entry-DH-eYL2Y.js","assets/kol-table-settings-wc.entry-CmN6B8Zd.js","assets/kol-table-stateless-wc.entry-_NjzLGMy.js","assets/kol-tooltip-wc.entry-BxVlF7jf.js","assets/kol-tree-item-wc.entry-CkO2A7_w.js","assets/kol-tree-wc.entry-B2h9u2Ds.js","assets/devtools-D0OMcZp9-LDqm7HoQ.js"])))=>i.map(i=>d[i]);
 (function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))i(s);new MutationObserver(s=>{for(const d of s)if(d.type==="childList")for(const u of d.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&i(u)}).observe(document,{childList:!0,subtree:!0});function r(s){const d={};return s.integrity&&(d.integrity=s.integrity),s.referrerPolicy&&(d.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?d.credentials="include":s.crossOrigin==="anonymous"?d.credentials="omit":d.credentials="same-origin",d}function i(s){if(s.ep)return;s.ep=!0;const d=r(s);fetch(s.href,d)}})();function yy(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var zu={exports:{}},_i={};var Ik;function jz(){if(Ik)return _i;Ik=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function r(i,s,d){var u=null;if(d!==void 0&&(u=""+d),s.key!==void 0&&(u=""+s.key),"key"in s){d={};for(var m in s)m!=="key"&&(d[m]=s[m])}else d=s;return s=d.ref,{$$typeof:e,type:i,key:u,ref:s!==void 0?s:null,props:d}}return _i.Fragment=o,_i.jsx=r,_i.jsxs=r,_i}var Uk;function Sz(){return Uk||(Uk=1,zu.exports=jz()),zu.exports}var a=Sz(),ju={exports:{}},Me={};var Hk;function Tz(){if(Hk)return Me;Hk=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),d=Symbol.for("react.consumer"),u=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),y=Symbol.iterator;function S(_){return _===null||typeof _!="object"?null:(_=y&&_[y]||_["@@iterator"],typeof _=="function"?_:null)}var $={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},A=Object.assign,N={};function E(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}E.prototype.isReactComponent={},E.prototype.setState=function(_,L){if(typeof _!="object"&&typeof _!="function"&&_!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,_,L,"setState")},E.prototype.forceUpdate=function(_){this.updater.enqueueForceUpdate(this,_,"forceUpdate")};function x(){}x.prototype=E.prototype;function z(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}var B=z.prototype=new x;B.constructor=z,A(B,E.prototype),B.isPureReactComponent=!0;var I=Array.isArray;function K(){}var U={H:null,A:null,T:null,S:null},le=Object.prototype.hasOwnProperty;function ce(_,L,Y){var ne=Y.ref;return{$$typeof:e,type:_,key:L,ref:ne!==void 0?ne:null,props:Y}}function Re(_,L){return ce(_.type,L,_.props)}function ie(_){return typeof _=="object"&&_!==null&&_.$$typeof===e}function re(_){var L={"=":"=0",":":"=2"};return"$"+_.replace(/[=:]/g,function(Y){return L[Y]})}var xe=/\/+/g;function $e(_,L){return typeof _=="object"&&_!==null&&_.key!=null?re(""+_.key):L.toString(36)}function Ve(_){switch(_.status){case"fulfilled":return _.value;case"rejected":throw _.reason;default:switch(typeof _.status=="string"?_.then(K,K):(_.status="pending",_.then(function(L){_.status==="pending"&&(_.status="fulfilled",_.value=L)},function(L){_.status==="pending"&&(_.status="rejected",_.reason=L)})),_.status){case"fulfilled":return _.value;case"rejected":throw _.reason}}throw _}function R(_,L,Y,ne,se){var ue=typeof _;(ue==="undefined"||ue==="boolean")&&(_=null);var ge=!1;if(_===null)ge=!0;else switch(ue){case"bigint":case"string":case"number":ge=!0;break;case"object":switch(_.$$typeof){case e:case o:ge=!0;break;case k:return ge=_._init,R(ge(_._payload),L,Y,ne,se)}}if(ge)return se=se(_),ge=ne===""?"."+$e(_,0):ne,I(se)?(Y="",ge!=null&&(Y=ge.replace(xe,"$&/")+"/"),R(se,L,Y,"",function(Fo){return Fo})):se!=null&&(ie(se)&&(se=Re(se,Y+(se.key==null||_&&_.key===se.key?"":(""+se.key).replace(xe,"$&/")+"/")+ge)),L.push(se)),1;ge=0;var tn=ne===""?".":ne+":";if(I(_))for(var Ue=0;Ue<_.length;Ue++)ne=_[Ue],ue=tn+$e(ne,Ue),ge+=R(ne,L,Y,ue,se);else if(Ue=S(_),typeof Ue=="function")for(_=Ue.call(_),Ue=0;!(ne=_.next()).done;)ne=ne.value,ue=tn+$e(ne,Ue++),ge+=R(ne,L,Y,ue,se);else if(ue==="object"){if(typeof _.then=="function")return R(Ve(_),L,Y,ne,se);throw L=String(_),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(_).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return ge}function G(_,L,Y){if(_==null)return _;var ne=[],se=0;return R(_,ne,"","",function(ue){return L.call(Y,ue,se++)}),ne}function de(_){if(_._status===-1){var L=_._result;L=L(),L.then(function(Y){(_._status===0||_._status===-1)&&(_._status=1,_._result=Y)},function(Y){(_._status===0||_._status===-1)&&(_._status=2,_._result=Y)}),_._status===-1&&(_._status=0,_._result=L)}if(_._status===1)return _._result.default;throw _._result}var we=typeof reportError=="function"?reportError:function(_){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof _=="object"&&_!==null&&typeof _.message=="string"?String(_.message):String(_),error:_});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",_);return}console.error(_)},Ce={map:G,forEach:function(_,L,Y){G(_,function(){L.apply(this,arguments)},Y)},count:function(_){var L=0;return G(_,function(){L++}),L},toArray:function(_){return G(_,function(L){return L})||[]},only:function(_){if(!ie(_))throw Error("React.Children.only expected to receive a single React element child.");return _}};return Me.Activity=g,Me.Children=Ce,Me.Component=E,Me.Fragment=r,Me.Profiler=s,Me.PureComponent=z,Me.StrictMode=i,Me.Suspense=h,Me.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=U,Me.__COMPILER_RUNTIME={__proto__:null,c:function(_){return U.H.useMemoCache(_)}},Me.cache=function(_){return function(){return _.apply(null,arguments)}},Me.cacheSignal=function(){return null},Me.cloneElement=function(_,L,Y){if(_==null)throw Error("The argument must be a React element, but you passed "+_+".");var ne=A({},_.props),se=_.key;if(L!=null)for(ue in L.key!==void 0&&(se=""+L.key),L)!le.call(L,ue)||ue==="key"||ue==="__self"||ue==="__source"||ue==="ref"&&L.ref===void 0||(ne[ue]=L[ue]);var ue=arguments.length-2;if(ue===1)ne.children=Y;else if(1<ue){for(var ge=Array(ue),tn=0;tn<ue;tn++)ge[tn]=arguments[tn+2];ne.children=ge}return ce(_.type,se,ne)},Me.createContext=function(_){return _={$$typeof:u,_currentValue:_,_currentValue2:_,_threadCount:0,Provider:null,Consumer:null},_.Provider=_,_.Consumer={$$typeof:d,_context:_},_},Me.createElement=function(_,L,Y){var ne,se={},ue=null;if(L!=null)for(ne in L.key!==void 0&&(ue=""+L.key),L)le.call(L,ne)&&ne!=="key"&&ne!=="__self"&&ne!=="__source"&&(se[ne]=L[ne]);var ge=arguments.length-2;if(ge===1)se.children=Y;else if(1<ge){for(var tn=Array(ge),Ue=0;Ue<ge;Ue++)tn[Ue]=arguments[Ue+2];se.children=tn}if(_&&_.defaultProps)for(ne in ge=_.defaultProps,ge)se[ne]===void 0&&(se[ne]=ge[ne]);return ce(_,ue,se)},Me.createRef=function(){return{current:null}},Me.forwardRef=function(_){return{$$typeof:m,render:_}},Me.isValidElement=ie,Me.lazy=function(_){return{$$typeof:k,_payload:{_status:-1,_result:_},_init:de}},Me.memo=function(_,L){return{$$typeof:p,type:_,compare:L===void 0?null:L}},Me.startTransition=function(_){var L=U.T,Y={};U.T=Y;try{var ne=_(),se=U.S;se!==null&&se(Y,ne),typeof ne=="object"&&ne!==null&&typeof ne.then=="function"&&ne.then(K,we)}catch(ue){we(ue)}finally{L!==null&&Y.types!==null&&(L.types=Y.types),U.T=L}},Me.unstable_useCacheRefresh=function(){return U.H.useCacheRefresh()},Me.use=function(_){return U.H.use(_)},Me.useActionState=function(_,L,Y){return U.H.useActionState(_,L,Y)},Me.useCallback=function(_,L){return U.H.useCallback(_,L)},Me.useContext=function(_){return U.H.useContext(_)},Me.useDebugValue=function(){},Me.useDeferredValue=function(_,L){return U.H.useDeferredValue(_,L)},Me.useEffect=function(_,L){return U.H.useEffect(_,L)},Me.useEffectEvent=function(_){return U.H.useEffectEvent(_)},Me.useId=function(){return U.H.useId()},Me.useImperativeHandle=function(_,L,Y){return U.H.useImperativeHandle(_,L,Y)},Me.useInsertionEffect=function(_,L){return U.H.useInsertionEffect(_,L)},Me.useLayoutEffect=function(_,L){return U.H.useLayoutEffect(_,L)},Me.useMemo=function(_,L){return U.H.useMemo(_,L)},Me.useOptimistic=function(_,L){return U.H.useOptimistic(_,L)},Me.useReducer=function(_,L,Y){return U.H.useReducer(_,L,Y)},Me.useRef=function(_){return U.H.useRef(_)},Me.useState=function(_){return U.H.useState(_)},Me.useSyncExternalStore=function(_,L,Y){return U.H.useSyncExternalStore(_,L,Y)},Me.useTransition=function(){return U.H.useTransition()},Me.version="19.2.3",Me}var Fk;function Wb(){return Fk||(Fk=1,ju.exports=Tz()),ju.exports}var j=Wb();const Ee=yy(j),Az=e=>e.toLowerCase().split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(""),xy=e=>e.replace(/([A-Z])/g,o=>`-${o[0].toLowerCase()}`),Cz=(e,o,r={})=>{if(e instanceof Element){const i=Ez(e.classList,o,r);i!==""&&(e.className=i),Object.keys(o).forEach(s=>{if(!(s==="children"||s==="style"||s==="ref"||s==="class"||s==="className"||s==="forwardedRef"))if(s.indexOf("on")===0&&s[2]===s[2].toUpperCase()){const d=s.substring(2),u=d[0].toLowerCase()+d.substring(1);wy(u)||$z(e,u,o[s])}else e[s]=o[s],typeof o[s]==="string"&&e.setAttribute(xy(s),o[s])})}},Ez=(e,o,r)=>{const i=o.className||o.class,s=r.className||r.class,d=Su(e),u=Su(i?i.split(" "):[]),m=Su(s?s.split(" "):[]),h=[];return d.forEach(p=>{u.has(p)?(h.push(p),u.delete(p)):m.has(p)||h.push(p)}),u.forEach(p=>h.push(p)),h.join(" ")},Lz=e=>{switch(e){case"doubleclick":return"dblclick"}return e};const wy=e=>{if(typeof document>"u")return!0;{const o="on"+Lz(e);let r=o in document;if(!r){const i=document.createElement("div");i.setAttribute(o,"return;"),r=typeof i[o]=="function"}return r}},$z=(e,o,r)=>{const i=e.__events||(e.__events={}),s=i[o];s&&e.removeEventListener(o,s),e.addEventListener(o,i[o]=function(u){r&&r.call(this,u)})},Su=e=>{const o=new Map;return e.forEach(r=>o.set(r,r)),o};let ib;const Oz=e=>{ib=e},Nz=(e,o)=>{typeof e=="function"?e(o):e!=null&&(e.current=o)},Bz=(...e)=>o=>{e.forEach(r=>{Nz(r,o)})},Rz=(e,o)=>{const r=(i,s)=>Ee.createElement(e,{...i,forwardedRef:s});return r.displayName=o,Ee.forwardRef(r)},Oe=(e,o,r,i)=>{const s=Az(e),d=class extends Ee.Component{componentEl;setComponentElRef=u=>{this.componentEl=u};constructor(u){super(u)}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(u){Cz(this.componentEl,this.props,u)}render(){const{children:u,forwardedRef:m,style:h,className:p,ref:k,...g}=this.props,S={...Object.keys(g).reduce((A,N)=>{const E=g[N];if(N.indexOf("on")===0&&N[2]===N[2].toUpperCase()){const x=N.substring(2).toLowerCase();typeof document<"u"&&wy(x)&&(A[N]=E)}else{const x=typeof E;(x==="string"||x==="boolean"||x==="number")&&(A[xy(N)]=E)}return A},{}),ref:Bz(m,this.setComponentElRef),style:h},$=typeof ib=="function"?ib(e):e;return j.createElement($,S,u)}static get displayName(){return s}};return Rz(d,s)},Ni=Oe("kol-abbr"),ro=Oe("kol-accordion"),go=Oe("kol-alert"),us=Oe("kol-avatar"),jn=Oe("kol-badge"),xs=Oe("kol-breadcrumb"),Q=Oe("kol-button"),Xe=Oe("kol-button-link"),Ne=Oe("kol-card"),_o=Oe("kol-combobox"),or=Oe("kol-details"),Qb=Oe("kol-drawer"),jo=Oe("kol-form"),me=Oe("kol-heading"),mt=Oe("kol-icon"),Dz=Oe("kol-image"),cn=Oe("kol-input-checkbox"),Gn=Oe("kol-input-color"),qe=Oe("kol-input-date"),Yn=Oe("kol-input-email"),Rn=Oe("kol-input-file"),An=Oe("kol-input-number"),En=Oe("kol-input-password"),Ln=Oe("kol-input-radio"),no=Oe("kol-input-range"),Be=Oe("kol-input-text"),ws=Oe("kol-kolibri"),ze=Oe("kol-link"),en=Oe("kol-link-button"),Kk=Oe("kol-modal"),yl=Oe("kol-nav"),yi=Oe("kol-pagination"),cb=Oe("kol-popover-button"),er=Oe("kol-progress"),zy=Oe("kol-quote"),Xn=Oe("kol-select"),bo=Oe("kol-single-select"),Mz=Oe("kol-skip-nav"),Gs=Oe("kol-spin"),kl=Oe("kol-split-button"),vn=Oe("kol-table-stateful"),zl=Oe("kol-table-stateless"),lr=Oe("kol-tabs"),on=Oe("kol-textarea"),pa=Oe("kol-toolbar"),jy=Oe("kol-tree"),Jn=Oe("kol-tree-item"),Ys=Oe("kol-version");function Hr(e){const o=document.createElement("div");return o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),o}var Tu={exports:{}},xi={},Au={exports:{}},Cu={};var Vk;function Iz(){return Vk||(Vk=1,(function(e){function o(R,G){var de=R.length;R.push(G);e:for(;0<de;){var we=de-1>>>1,Ce=R[we];if(0<s(Ce,G))R[we]=G,R[de]=Ce,de=we;else break e}}function r(R){return R.length===0?null:R[0]}function i(R){if(R.length===0)return null;var G=R[0],de=R.pop();if(de!==G){R[0]=de;e:for(var we=0,Ce=R.length,_=Ce>>>1;we<_;){var L=2*(we+1)-1,Y=R[L],ne=L+1,se=R[ne];if(0>s(Y,de))ne<Ce&&0>s(se,Y)?(R[we]=se,R[ne]=de,we=ne):(R[we]=Y,R[L]=de,we=L);else if(ne<Ce&&0>s(se,de))R[we]=se,R[ne]=de,we=ne;else break e}}return G}function s(R,G){var de=R.sortIndex-G.sortIndex;return de!==0?de:R.id-G.id}if(e.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var d=performance;e.unstable_now=function(){return d.now()}}else{var u=Date,m=u.now();e.unstable_now=function(){return u.now()-m}}var h=[],p=[],k=1,g=null,y=3,S=!1,$=!1,A=!1,N=!1,E=typeof setTimeout=="function"?setTimeout:null,x=typeof clearTimeout=="function"?clearTimeout:null,z=typeof setImmediate<"u"?setImmediate:null;function B(R){for(var G=r(p);G!==null;){if(G.callback===null)i(p);else if(G.startTime<=R)i(p),G.sortIndex=G.expirationTime,o(h,G);else break;G=r(p)}}function I(R){if(A=!1,B(R),!$)if(r(h)!==null)$=!0,K||(K=!0,re());else{var G=r(p);G!==null&&Ve(I,G.startTime-R)}}var K=!1,U=-1,le=5,ce=-1;function Re(){return N?!0:!(e.unstable_now()-ce<le)}function ie(){if(N=!1,K){var R=e.unstable_now();ce=R;var G=!0;try{e:{$=!1,A&&(A=!1,x(U),U=-1),S=!0;var de=y;try{n:{for(B(R),g=r(h);g!==null&&!(g.expirationTime>R&&Re());){var we=g.callback;if(typeof we=="function"){g.callback=null,y=g.priorityLevel;var Ce=we(g.expirationTime<=R);if(R=e.unstable_now(),typeof Ce=="function"){g.callback=Ce,B(R),G=!0;break n}g===r(h)&&i(h),B(R)}else i(h);g=r(h)}if(g!==null)G=!0;else{var _=r(p);_!==null&&Ve(I,_.startTime-R),G=!1}}break e}finally{g=null,y=de,S=!1}G=void 0}}finally{G?re():K=!1}}}var re;if(typeof z=="function")re=function(){z(ie)};else if(typeof MessageChannel<"u"){var xe=new MessageChannel,$e=xe.port2;xe.port1.onmessage=ie,re=function(){$e.postMessage(null)}}else re=function(){E(ie,0)};function Ve(R,G){U=E(function(){R(e.unstable_now())},G)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(R){R.callback=null},e.unstable_forceFrameRate=function(R){0>R||125<R?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):le=0<R?Math.floor(1e3/R):5},e.unstable_getCurrentPriorityLevel=function(){return y},e.unstable_next=function(R){switch(y){case 1:case 2:case 3:var G=3;break;default:G=y}var de=y;y=G;try{return R()}finally{y=de}},e.unstable_requestPaint=function(){N=!0},e.unstable_runWithPriority=function(R,G){switch(R){case 1:case 2:case 3:case 4:case 5:break;default:R=3}var de=y;y=R;try{return G()}finally{y=de}},e.unstable_scheduleCallback=function(R,G,de){var we=e.unstable_now();switch(typeof de=="object"&&de!==null?(de=de.delay,de=typeof de=="number"&&0<de?we+de:we):de=we,R){case 1:var Ce=-1;break;case 2:Ce=250;break;case 5:Ce=1073741823;break;case 4:Ce=1e4;break;default:Ce=5e3}return Ce=de+Ce,R={id:k++,callback:G,priorityLevel:R,startTime:de,expirationTime:Ce,sortIndex:-1},de>we?(R.sortIndex=de,o(p,R),r(h)===null&&R===r(p)&&(A?(x(U),U=-1):A=!0,Ve(I,de-we))):(R.sortIndex=Ce,o(h,R),$||S||($=!0,K||(K=!0,re()))),R},e.unstable_shouldYield=Re,e.unstable_wrapCallback=function(R){var G=y;return function(){var de=y;y=G;try{return R.apply(this,arguments)}finally{y=de}}}})(Cu)),Cu}var qk;function Uz(){return qk||(qk=1,Au.exports=Iz()),Au.exports}var Eu={exports:{}},vo={};var Zk;function Hz(){if(Zk)return vo;Zk=1;var e=Wb();function o(h){var p="https://react.dev/errors/"+h;if(1<arguments.length){p+="?args[]="+encodeURIComponent(arguments[1]);for(var k=2;k<arguments.length;k++)p+="&args[]="+encodeURIComponent(arguments[k])}return"Minified React error #"+h+"; visit "+p+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function r(){}var i={d:{f:r,r:function(){throw Error(o(522))},D:r,C:r,L:r,m:r,X:r,S:r,M:r},p:0,findDOMNode:null},s=Symbol.for("react.portal");function d(h,p,k){var g=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:s,key:g==null?null:""+g,children:h,containerInfo:p,implementation:k}}var u=e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function m(h,p){if(h==="font")return"";if(typeof p=="string")return p==="use-credentials"?p:""}return vo.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,vo.createPortal=function(h,p){var k=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!p||p.nodeType!==1&&p.nodeType!==9&&p.nodeType!==11)throw Error(o(299));return d(h,p,null,k)},vo.flushSync=function(h){var p=u.T,k=i.p;try{if(u.T=null,i.p=2,h)return h()}finally{u.T=p,i.p=k,i.d.f()}},vo.preconnect=function(h,p){typeof h=="string"&&(p?(p=p.crossOrigin,p=typeof p=="string"?p==="use-credentials"?p:"":void 0):p=null,i.d.C(h,p))},vo.prefetchDNS=function(h){typeof h=="string"&&i.d.D(h)},vo.preinit=function(h,p){if(typeof h=="string"&&p&&typeof p.as=="string"){var k=p.as,g=m(k,p.crossOrigin),y=typeof p.integrity=="string"?p.integrity:void 0,S=typeof p.fetchPriority=="string"?p.fetchPriority:void 0;k==="style"?i.d.S(h,typeof p.precedence=="string"?p.precedence:void 0,{crossOrigin:g,integrity:y,fetchPriority:S}):k==="script"&&i.d.X(h,{crossOrigin:g,integrity:y,fetchPriority:S,nonce:typeof p.nonce=="string"?p.nonce:void 0})}},vo.preinitModule=function(h,p){if(typeof h=="string")if(typeof p=="object"&&p!==null){if(p.as==null||p.as==="script"){var k=m(p.as,p.crossOrigin);i.d.M(h,{crossOrigin:k,integrity:typeof p.integrity=="string"?p.integrity:void 0,nonce:typeof p.nonce=="string"?p.nonce:void 0})}}else p==null&&i.d.M(h)},vo.preload=function(h,p){if(typeof h=="string"&&typeof p=="object"&&p!==null&&typeof p.as=="string"){var k=p.as,g=m(k,p.crossOrigin);i.d.L(h,k,{crossOrigin:g,integrity:typeof p.integrity=="string"?p.integrity:void 0,nonce:typeof p.nonce=="string"?p.nonce:void 0,type:typeof p.type=="string"?p.type:void 0,fetchPriority:typeof p.fetchPriority=="string"?p.fetchPriority:void 0,referrerPolicy:typeof p.referrerPolicy=="string"?p.referrerPolicy:void 0,imageSrcSet:typeof p.imageSrcSet=="string"?p.imageSrcSet:void 0,imageSizes:typeof p.imageSizes=="string"?p.imageSizes:void 0,media:typeof p.media=="string"?p.media:void 0})}},vo.preloadModule=function(h,p){if(typeof h=="string")if(p){var k=m(p.as,p.crossOrigin);i.d.m(h,{as:typeof p.as=="string"&&p.as!=="script"?p.as:void 0,crossOrigin:k,integrity:typeof p.integrity=="string"?p.integrity:void 0})}else i.d.m(h)},vo.requestFormReset=function(h){i.d.r(h)},vo.unstable_batchedUpdates=function(h,p){return h(p)},vo.useFormState=function(h,p,k){return u.H.useFormState(h,p,k)},vo.useFormStatus=function(){return u.H.useHostTransitionStatus()},vo.version="19.2.3",vo}var Pk;function Fz(){if(Pk)return Eu.exports;Pk=1;function e(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(o){console.error(o)}}return e(),Eu.exports=Hz(),Eu.exports}var Gk;function Kz(){if(Gk)return xi;Gk=1;var e=Uz(),o=Wb(),r=Fz();function i(n){var t="https://react.dev/errors/"+n;if(1<arguments.length){t+="?args[]="+encodeURIComponent(arguments[1]);for(var l=2;l<arguments.length;l++)t+="&args[]="+encodeURIComponent(arguments[l])}return"Minified React error #"+n+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function s(n){return!(!n||n.nodeType!==1&&n.nodeType!==9&&n.nodeType!==11)}function d(n){var t=n,l=n;if(n.alternate)for(;t.return;)t=t.return;else{n=t;do t=n,(t.flags&4098)!==0&&(l=t.return),n=t.return;while(n)}return t.tag===3?l:null}function u(n){if(n.tag===13){var t=n.memoizedState;if(t===null&&(n=n.alternate,n!==null&&(t=n.memoizedState)),t!==null)return t.dehydrated}return null}function m(n){if(n.tag===31){var t=n.memoizedState;if(t===null&&(n=n.alternate,n!==null&&(t=n.memoizedState)),t!==null)return t.dehydrated}return null}function h(n){if(d(n)!==n)throw Error(i(188))}function p(n){var t=n.alternate;if(!t){if(t=d(n),t===null)throw Error(i(188));return t!==n?null:n}for(var l=n,c=t;;){var f=l.return;if(f===null)break;var b=f.alternate;if(b===null){if(c=f.return,c!==null){l=c;continue}break}if(f.child===b.child){for(b=f.child;b;){if(b===l)return h(f),n;if(b===c)return h(f),t;b=b.sibling}throw Error(i(188))}if(l.return!==c.return)l=f,c=b;else{for(var v=!1,w=f.child;w;){if(w===l){v=!0,l=f,c=b;break}if(w===c){v=!0,c=f,l=b;break}w=w.sibling}if(!v){for(w=b.child;w;){if(w===l){v=!0,l=b,c=f;break}if(w===c){v=!0,c=b,l=f;break}w=w.sibling}if(!v)throw Error(i(189))}}if(l.alternate!==c)throw Error(i(190))}if(l.tag!==3)throw Error(i(188));return l.stateNode.current===l?n:t}function k(n){var t=n.tag;if(t===5||t===26||t===27||t===6)return n;for(n=n.child;n!==null;){if(t=k(n),t!==null)return t;n=n.sibling}return null}var g=Object.assign,y=Symbol.for("react.element"),S=Symbol.for("react.transitional.element"),$=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),z=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),U=Symbol.for("react.memo"),le=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),Re=Symbol.for("react.memo_cache_sentinel"),ie=Symbol.iterator;function re(n){return n===null||typeof n!="object"?null:(n=ie&&n[ie]||n["@@iterator"],typeof n=="function"?n:null)}var xe=Symbol.for("react.client.reference");function $e(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===xe?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case A:return"Fragment";case E:return"Profiler";case N:return"StrictMode";case I:return"Suspense";case K:return"SuspenseList";case ce:return"Activity"}if(typeof n=="object")switch(n.$$typeof){case $:return"Portal";case z:return n.displayName||"Context";case x:return(n._context.displayName||"Context")+".Consumer";case B:var t=n.render;return n=n.displayName,n||(n=t.displayName||t.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case U:return t=n.displayName||null,t!==null?t:$e(n.type)||"Memo";case le:t=n._payload,n=n._init;try{return $e(n(t))}catch{}}return null}var Ve=Array.isArray,R=o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=r.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,de={pending:!1,data:null,method:null,action:null},we=[],Ce=-1;function _(n){return{current:n}}function L(n){0>Ce||(n.current=we[Ce],we[Ce]=null,Ce--)}function Y(n,t){Ce++,we[Ce]=n.current,n.current=t}var ne=_(null),se=_(null),ue=_(null),ge=_(null);function tn(n,t){switch(Y(ue,t),Y(se,n),Y(ne,null),t.nodeType){case 9:case 11:n=(n=t.documentElement)&&(n=n.namespaceURI)?ck(n):0;break;default:if(n=t.tagName,t=t.namespaceURI)t=ck(t),n=sk(t,n);else switch(n){case"svg":n=1;break;case"math":n=2;break;default:n=0}}L(ne),Y(ne,n)}function Ue(){L(ne),L(se),L(ue)}function Fo(n){n.memoizedState!==null&&Y(ge,n);var t=ne.current,l=sk(t,n.type);t!==l&&(Y(se,n),Y(ne,l))}function dr(n){se.current===n&&(L(ne),L(se)),ge.current===n&&(L(ge),pi._currentValue=de)}var fr,Sa;function tt(n){if(fr===void 0)try{throw Error()}catch(l){var t=l.stack.trim().match(/\n( *(at )?)/);fr=t&&t[1]||"",Sa=-1<l.stack.indexOf(`
     at`)?" (<anonymous>)":-1<l.stack.indexOf("@")?"@unknown:0:0":""}return`
 `+fr+n+Sa}var $t=!1;function qr(n,t){if(!n||$t)return"";$t=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var c={DetermineComponentFrameRoot:function(){try{if(t){var J=function(){throw Error()};if(Object.defineProperty(J.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(J,[])}catch(P){var V=P}Reflect.construct(n,[],J)}else{try{J.call()}catch(P){V=P}n.call(J.prototype)}}else{try{throw Error()}catch(P){V=P}(J=n())&&typeof J.catch=="function"&&J.catch(function(){})}}catch(P){if(P&&V&&typeof P.stack=="string")return[P.stack,V.stack]}return[null,null]}};c.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var f=Object.getOwnPropertyDescriptor(c.DetermineComponentFrameRoot,"name");f&&f.configurable&&Object.defineProperty(c.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var b=c.DetermineComponentFrameRoot(),v=b[0],w=b[1];if(v&&w){var C=v.split(`
@@ -24,11 +24,11 @@ Please change the parent <Route path="${x}"> to <Route path="${x==="/"?"*":`${x}
 - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`)},lR=(e,o=8)=>{o>7&&P6(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.
 Link:
-- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var G6=.2126,Y6=.7152,X6=.0722,Ou=1/12.92;function Nu(e){return Math.pow((e+.055)/1.055,2.4)}function pg(e){var o=e[0]/255,r=e[1]/255,i=e[2]/255,s=o<=.03928?o*Ou:Nu(o),d=r<=.03928?r*Ou:Nu(r),u=i<=.03928?i*Ou:Nu(i);return s*G6+d*Y6+u*X6}function vg(e){var o=255;(e=e.replace(/^#/,"")).length===8&&(o=parseInt(e.slice(6,8),16),e=e.substring(0,6)),e.length===4&&(o=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),e.length===3&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var r=parseInt(e,16);return[r>>16,r>>8&255,255&r,o]}function W6(e,o){return(Math.max(e,o)+.05)/(Math.min(e,o)+.05)}function Q6(e,o){return W6(pg(e),pg(o))}function J6(e,o){return Q6(vg(e),vg(o))}function e5(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}var Bu,kg;function n5(){return kg||(kg=1,Bu={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}),Bu}var Ru,gg;function o5(){if(gg)return Ru;gg=1;var e=n5();Ru=r;var o={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function r(i){var s,d=[],u=1,m;if(typeof i=="string")if(i=i.toLowerCase(),e[i])d=e[i].slice(),m="rgb";else if(i==="transparent")u=0,m="rgb",d=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(i)){var h=i.slice(1),p=h.length,k=p<=4;u=1,k?(d=[parseInt(h[0]+h[0],16),parseInt(h[1]+h[1],16),parseInt(h[2]+h[2],16)],p===4&&(u=parseInt(h[3]+h[3],16)/255)):(d=[parseInt(h[0]+h[1],16),parseInt(h[2]+h[3],16),parseInt(h[4]+h[5],16)],p===8&&(u=parseInt(h[6]+h[7],16)/255)),d[0]||(d[0]=0),d[1]||(d[1]=0),d[2]||(d[2]=0),m="rgb"}else if(s=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(i)){var g=s[1],y=g==="rgb",h=g.replace(/a$/,"");m=h;var p=h==="cmyk"?4:h==="gray"?1:3;d=s[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(A,N){if(/%$/.test(A))return N===p?parseFloat(A)/100:h==="rgb"?parseFloat(A)*255/100:parseFloat(A);if(h[N]==="h"){if(/deg$/.test(A))return parseFloat(A);if(o[A]!==void 0)return o[A]}return parseFloat(A)}),g===h&&d.push(1),u=y||d[p]===void 0?1:d[p],d=d.slice(0,p)}else i.length>10&&/[0-9](?:\s|\/)/.test(i)&&(d=i.match(/([0-9]+)/g).map(function(S){return parseFloat(S)}),m=i.match(/([a-z])/ig).join("").toLowerCase());else isNaN(i)?Array.isArray(i)||i.length?(d=[i[0],i[1],i[2]],m="rgb",u=i.length===4?i[3]:1):i instanceof Object&&(i.r!=null||i.red!=null||i.R!=null?(m="rgb",d=[i.r||i.red||i.R||0,i.g||i.green||i.G||0,i.b||i.blue||i.B||0]):(m="hsl",d=[i.h||i.hue||i.H||0,i.s||i.saturation||i.S||0,i.l||i.lightness||i.L||i.b||i.brightness]),u=i.a||i.alpha||i.opacity||1,i.opacity!=null&&(u/=100)):(m="rgb",d=[i>>>16,(i&65280)>>>8,i&255]);return{space:m,values:d,alpha:u}}return Ru}var t5=o5(),iR=Js(t5);const r5={min:[0,0,0],max:[255,255,255]};var cR={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(e){var o=e[0]/360,r=e[1]/100,i=e[2]/100,s,d,u,m,h,p=0;if(r===0)return h=i*255,[h,h,h];for(d=i<.5?i*(1+r):i+r-i*r,s=2*i-d,m=[0,0,0];p<3;)u=o+1/3*-(p-1),u<0?u++:u>1&&u--,h=6*u<1?s+(d-s)*6*u:2*u<1?d:3*u<2?s+(d-s)*(2/3-u)*6:s,m[p++]=h*255;return m}};r5.hsl=function(e){var o=e[0]/255,r=e[1]/255,i=e[2]/255,s=Math.min(o,r,i),d=Math.max(o,r,i),u=d-s,m,h,p;return d===s?m=0:o===d?m=(r-i)/u:r===d?m=2+(i-o)/u:i===d&&(m=4+(o-r)/u),m=Math.min(m*60,360),m<0&&(m+=360),p=(s+d)/2,d===s?h=0:p<=.5?h=u/(d+s):h=u/(2-d-s),[m,h*100,p*100]};var Rr={exports:{}},_g;function a5(){if(_g)return Rr.exports;_g=1,Rr.exports=e,Rr.exports.arr=e,Rr.exports.obj=o,Rr.exports.css=r,Rr.exports.hex=i,Rr.exports.num=s;function e(x){var z=d(x);return z.length==3?z.concat(255):(z[3]=Math.round(z[3]),z)}function o(x){var z=d(x);return{r:z[0],g:z[1],b:z[2],a:z.length==3?255:Math.round(z[3])}}function r(x){var z=d(x);return z.length==3&&z.push(255),z[3]==255?"rgb("+z[0]+", "+z[1]+", "+z[2]+")":z[3]==0?"rgba("+z[0]+", "+z[1]+", "+z[2]+", 0)":"rgba("+z[0]+", "+z[1]+", "+z[2]+", "+String(z[3]/255).substr(1)+")"}function i(x){var U=d(x);U.length==3&&U.push(255);var z=U[3]==255,B=u(U[0]),I=u(U[1]),K=u(U[2]),U=u(Math.round(U[3])),le=m(B,I,K,U);return z?le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0):"#"+B+I+K:le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0)+U.charAt(0):"#"+B+I+K+U}function s(x){var z=d(x);return z.length==3?z.push(255):z[3]=Math.round(z[3]),(z[3]<<24>>>0|z[0]<<16|z[1]<<8|z[2])>>>0}function d(x){return typeof x=="string"?(x=x.toLowerCase(),h(x)||k(x)||g(x)||N(x)||E(x)||[0,0,0,255]):S(x)||$(x)||A(x)||[0,0,0,255]}function u(x){var z=x.toString(16);return z.length==1?"0"+z:z}function m(x,z,B,I){var K=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return K.indexOf(x)!=-1&&K.indexOf(z)!=-1&&K.indexOf(B)!=-1&&K.indexOf(I)!=-1}function h(x){if(x=="red")return[255,0,0];if(x=="green")return[0,255,0];if(x=="blue")return[0,0,255];if(x=="black")return[0,0,0];if(x=="white")return[255,255,255];if(x=="cyan")return[0,255,255];if(x=="gray")return[128,128,128];if(x=="grey")return[128,128,128];if(x=="magenta")return[255,0,255];if(x=="pink")return[255,0,255];if(x=="yellow")return[255,255,0]}function p(x){return x.length==1?parseInt(x+x,16):parseInt(x,16)}function k(x){var z=x.replace(/^#/,""),B=z.length;if(B==3||B==4){var I=p(z[0]),K=p(z[1]),U=p(z[2]),le=B==3?255:p(z[3]);return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function g(x){var z=x.replace(/^#/,""),B=z.length;if(B==6||B==8){var I=p(z.slice(0,2)),K=p(z.slice(2,4)),U=p(z.slice(4,6)),le=B==6?255:p(z.slice(6,8));return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function y(x,z){return typeof x!="number"||z===!0&&Math.floor(x)!==x?-1:x>=0&&x<=255?x:-1}function S(x){if(Object.prototype.toString.call(x)==="[object Object]"&&Object.getPrototypeOf(x)===Object.getPrototypeOf({})){var z=y(x.r!=null?x.r:x.red!=null?x.red:0,!0),B=y(x.g!=null?x.g:x.green!=null?x.green:0,!0),I=y(x.b!=null?x.b:x.blue!=null?x.blue:0,!0),K=y(x.a!=null?x.a:x.alpha!=null?x.alpha:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function $(x){if(Array.isArray(x)&&(x.length==3||x.length==4)){var z=y(x[0],!0),B=y(x[1],!0),I=y(x[2],!0),K=y(x[3]!=null?x[3]:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function A(x){if(typeof x=="number"&&Math.floor(x)==x&&x<=4294967295&&x>=0){var z=x>>24&255,B=x>>16&255,I=x>>8&255,K=x&255;return[B,I,K,z]}}function N(x){if(x.substr(0,4)=="rgb("){x=x.match(/^rgb\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0);if(B!=-1&&I!=-1&&K!=-1)return[B,I,K,255]}}function E(x){if(x.substr(0,5)=="rgba("){x=x.match(/^rgba\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0),U=y(z[3]*255);if(B!=-1&&I!=-1&&K!=-1&&U!=-1)return[B,I,K,U]}}return Rr.exports}var l5=a5(),yg=Js(l5),Du={},xg;function i5(){return xg||(xg=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const o=(i,s)=>{s.forEach(d=>{i.has(d)===!1&&i.add(d)})},r=(i,s=document)=>{if(s instanceof Document||s instanceof HTMLElement||s instanceof ShadowRoot){const d=new Set;o(d,s.querySelectorAll(i));const u=s.querySelectorAll('[class*="hydrated"]');for(let m=0;m<u.length;m++){const h=u[m].shadowRoot;typeof h=="object"&&h!==null?o(d,(0,e.querySelectorAll)(i,h)):o(d,(0,e.querySelectorAll)(i,u[m]))}return Array.from(d)}else throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")};e.querySelectorAll=r})(Du)),Du}var c5=i5(),Mu={},wg;function s5(){return wg||(wg=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;const o=(r,i=document)=>{if(i instanceof Document||i instanceof HTMLElement||i instanceof ShadowRoot){let s=i.querySelector(r);if(s===null){const d=i.querySelectorAll('[class*="hydrated"]');for(let u=0;u<d.length;u++){const m=d[u].shadowRoot;if(typeof m=="object"&&m!==null?s=(0,e.querySelector)(r,m):s=(0,e.querySelector)(r,d[u]),s!==null)break}}return s}else throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};e.querySelector=o})(Mu)),Mu}var d5=s5();const f5=/\[object Object\]/,Iu=(e,o)=>{typeof e=="string"&&f5.test(e)||o()},u5=(e,o)=>{typeof e=="string"&&e===""||o()},sR=(e,o)=>{K6()&&($n.debug([e,o]),$n.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:o,writable:!1})},b5=e=>{var o,r,i;(o=e.nextHooks)===null||o===void 0||o.forEach((s,d)=>{var u;const m=s.get("beforePatch");typeof m=="function"&&m((u=e.nextState)===null||u===void 0?void 0:u.get(d),e.nextState,e,d)}),((r=e.nextState)===null||r===void 0?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,(i=e.nextHooks)===null||i===void 0||i.forEach((s,d)=>{const u=s.get("afterPatch");typeof u=="function"&&u(e.state[d],e.state,e,d)})),delete e.nextHooks},hb=(e,o,r,i={})=>{var s,d;e.nextHooks===void 0&&(e.nextHooks=new Map),e.nextState===void 0&&(e.nextState=new Map),e.nextHooks.get(o)instanceof Map||e.nextHooks.set(o,new Map),typeof i.afterPatch=="function"&&((s=e.nextHooks.get(o))===null||s===void 0||s.set("afterPatch",i.afterPatch)),typeof i.beforePatch=="function"&&((d=e.nextHooks.get(o))===null||d===void 0||d.set("beforePatch",i.beforePatch)),e.nextState.set(o,r),b5(e)},m5=(e,o,r,i)=>{ix(`[${e.constructor.name}] The property value: (${r}) for '${o}' is not valid. Allowed values are: ${Array.from(i).join(", ")}`)};function cm(e,o,r,i,s,d={}){r(s)?hb(e,o,s,d.hooks):s===void 0&&d.required!==!0&&r(d.defaultValue)?hb(e,o,d.defaultValue,d.hooks):(d.required||i.add(null),m5(e,o,s,i))}const dR=(e,o,r,i)=>{cm(e,o,s=>typeof s=="boolean",new Set(["Boolean {true, false}"]),r,i)},fR=(e,o,r,i={})=>{const s=typeof i.minLength=="number"?i?.minLength:0;cm(e,o,d=>typeof d=="string"&&d.length>=s&&(typeof i?.maxLength>"u"||d.length<=i.maxLength),new Set(["String"]),r,i)},uR=(e,o,r,i)=>{cm(e,o,s=>typeof s=="number"&&(typeof i?.min>"u"||typeof i?.min=="number"&&s>=i.min)&&(typeof i?.max>"u"||typeof i?.max=="number"&&s<=i.max),new Set(["Number"]),r,i)},bR=(e,o,r,i,s=u=>u===u,d={})=>{u5(i,()=>{Iu(i,()=>{typeof i>"u"&&(i=[]);try{try{i=v5(i)}catch{}if(Array.isArray(i)){const u=i.find(m=>!r(m));u===void 0&&s(i)?hb(e,o,i,d.hooks):Iu(u,()=>{throw $n.debug(u),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}else Iu(i,()=>{throw $n.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}catch(u){$n.debug(u)}})})},h5=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch{throw $n.warn(["stringifyJson",e]),$n.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},p5=/^[{[]/,v5=e=>{if(typeof e=="string")try{return JSON.parse(e)}catch{if(p5.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch{$n.warn(["parseJson",e]),$n.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},k5=e=>typeof e=="boolean"?e===!0?"true":"false":void 0,mR=e=>typeof e=="string"?e:k5(e),g5=(e,o)=>d5.querySelector(e,o||im()),_5=(e,o)=>c5.querySelectorAll(e,o||im());let Uu=null;const cx=()=>(Uu=Uu||{backgroundColor:"#00000000",color:"#00000000",domNode:im().body,level:"Fail",score:1},Uu),zg=/(\d+, ){3}0\)/,pb=(e,o=cx())=>{const r=getComputedStyle(e),i=zg.test(r.backgroundColor)?o.backgroundColor:yg.hex(r.backgroundColor),s=zg.test(r.color)?o.color:yg.hex(r.color),d=J6(i,s),u={backgroundColor:i,color:s,domNode:e,level:e5(d),score:d};return d<4.5&&$n.error(["Color-Contrast-Error",{backgroundColor:u.backgroundColor,color:u.color,level:u.level,score:u.score},u.domNode]),u},y5=(e,o=cx())=>{o.domNode instanceof HTMLElement&&(o=pb(o.domNode,o));const r=o.domNode.querySelector(e);if(r===null){const i=o.domNode.querySelectorAll('[class="hydrated"]');for(let s=0;s<i.length&&(o.domNode=i[s],o=y5(e,o),o.domNode===null);s++);return o}else return pb(r,o)};class Xo{static queryHtmlElementColors(o,r,i=!1,s=!0){let d=null;if(i===!0||Xo.executionLock===!1)if(i===!1&&(Xo.cache.clear(),Xo.cache.set(r.domNode,r),Xo.executionLock=!0,s===!0&&$n.debug("[KoliBriUtils] Color contrast analysis started...")),o===r.domNode)d=r;else{const u=new Set;if(r.domNode.shadowRoot){const k=r.domNode.shadowRoot.children;for(let g=0;g<k.length;g++)u.add(k[g])}const m=r.domNode;if(typeof m.assignedNodes=="function"){const k=m.assignedNodes();for(let g=0;g<k.length;g++)k[g]instanceof HTMLElement&&u.add(k[g])}const h=r.domNode.children;for(let k=0;k<h.length;k++)u.add(h[k]);const p=Array.from(u);for(let k=0;k<p.length;k++){let g=Xo.cache.get(p[k]);g===void 0&&(g=pb(p[k],r)),Xo.cache.set(p[k],g);const y=Xo.queryHtmlElementColors(o,g,!0,!1);if(y!==null){d=y;break}}}else $n.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return i===!1&&(s===!0&&$n.debug(`[KoliBriUtils] Color contrast analysis finished (${Xo.cache.size} DOM elements are analysed).`),Xo.executionLock=!1,Xo.cache.clear()),d}}Xo.executionLock=!1;Xo.cache=new Map;class wa{}wa.getCssStyle=Ts;wa.patchTheme=x6;wa.patchThemeTag=y6;wa.querySelector=g5;wa.querySelectorAll=_5;wa.stringifyJson=h5;const hR=e=>typeof e=="object"&&e!==null,jg=(e,o=0)=>typeof e=="string"&&e.length>=o,pR=e=>{if(typeof e=="object"&&e!==null){for(const o in e)if(jg(o,1)===!1)return!1}else return jg(e,1);return!0},vR=new Event("StateChange");var Hu,Sg;function x5(){return Sg||(Sg=1,Hu=function(o){return function(r,i){if(!r)return o;var s;typeof r=="string"?s=r:i=r;var d=o;return s&&(d+="__"+s),d+(i?Object.keys(i).reduce(function(u,m){var h=i[m];return h&&(u+=" "+(typeof h=="boolean"?d+"--"+m:d+"--"+m+"_"+h)),u},""):"")}}),Hu}var w5=x5(),z5=Js(w5);function sx(){const e=new Map,o=(r,i,s)=>{try{return e.get(r)(i,s)}catch{return e.set(r,z5(r)).get(r)(i,s)}};return o.forBlock=r=>{const i=(s,d)=>o(r,s,d);return i.forElement=s=>d=>o(r,s,d),i},o}const dx=sx(),kR=dx("kol-icon"),gR=dx("kol-icon","icon");let vb;const As=[],j5=e=>{vb=e,As.forEach(o=>{o(e)})},_R=(e,o=!0)=>(o&&typeof vb=="string"&&e(vb),As.push(e),()=>{const r=As.indexOf(e);r>=0&&As.splice(r,1)});let Tg="kol-abbr",Ag="kol-accordion",Cg="kol-alert",Eg="kol-alert-wc",Lg="kol-avatar",$g="kol-avatar-wc",Og="kol-badge",Ng="kol-breadcrumb",Bg="kol-button-link",Rg="kol-button",Dg="kol-button-wc",Mg="kol-card",Ig="kol-card-wc",Ug="kol-combobox",Hg="kol-details",Fg="kol-drawer",Kg="kol-form",Vg="kol-heading",qg="kol-icon",Zg="kol-image",Pg="kol-input-checkbox",Gg="kol-input-color",Yg="kol-input-date",Xg="kol-input-email",Wg="kol-input-file",Qg="kol-input-number",Jg="kol-input-password",e_="kol-input-radio",n_="kol-input-range",o_="kol-input",t_="kol-input-text",r_="kol-kolibri",a_="kol-link-button",l_="kol-link",i_="kol-link-wc",c_="kol-modal",s_="kol-nav",d_="kol-pagination",f_="kol-pagination-wc",u_="kol-popover-wc",b_="kol-popover-button",m_="kol-popover-button-wc",h_="kol-progress",p_="kol-quote",v_="kol-select",k_="kol-select-wc",g_="kol-single-select",__="kol-skip-nav",y_="kol-spin",x_="kol-split-button",w_="kol-table-settings-wc",z_="kol-table-stateful",j_="kol-table-stateless",S_="kol-table-stateless-wc",T_="kol-tabs",A_="kol-textarea",kb="kol-toast-container",Fu="kol-tooltip-wc",C_="kol-tree-item",E_="kol-tree-item-wc",L_="kol-tree",$_="kol-tree-wc",O_="kol-version";const S5=e=>{Tg=e(Tg),Ag=e(Ag),Cg=e(Cg),Eg=e(Eg),Lg=e(Lg),$g=e($g),Og=e(Og),Ng=e(Ng),Bg=e(Bg),Rg=e(Rg),Dg=e(Dg),Mg=e(Mg),Ig=e(Ig),Ug=e(Ug),Hg=e(Hg),Fg=e(Fg),Kg=e(Kg),Vg=e(Vg),qg=e(qg),Zg=e(Zg),Pg=e(Pg),Gg=e(Gg),Yg=e(Yg),Xg=e(Xg),Wg=e(Wg),Qg=e(Qg),Jg=e(Jg),e_=e(e_),n_=e(n_),o_=e(o_),t_=e(t_),r_=e(r_),a_=e(a_),l_=e(l_),i_=e(i_),c_=e(c_),s_=e(s_),d_=e(d_),f_=e(f_),u_=e(u_),b_=e(b_),m_=e(m_),h_=e(h_),p_=e(p_),v_=e(v_),k_=e(k_),g_=e(g_),__=e(__),y_=e(y_),x_=e(x_),w_=e(w_),z_=e(z_),j_=e(j_),S_=e(S_),T_=e(T_),A_=e(A_),kb=e(kb),e(Fu),Fu=e(Fu),C_=e(C_),E_=e(E_),L_=e(L_),$_=e($_),O_=e(O_)};var T5={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen",readonly:"schreibgeschützt"},A5={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters",readonly:"read-only"};const N_=e=>Object.keys(e).reduce((o,r)=>(o[`kol-${r}`]=e[r],o),{}),C5=new Set([e=>e("en",N_(A5)),e=>e("de",N_(T5))]),E5=function(e,o,r){return e.split(o).join(r)};class L5{constructor(o){this.resourceMap=new Map,this.language=o??"de"}addTranslations(o){Array.isArray(o)?o=new Set(o):typeof o=="function"&&(o=new Set([o])),o!==void 0&&o.forEach(r=>r((i,s)=>{let d=this.resourceMap.get(i);return d||(d=new Map,this.resourceMap.set(i,d)),Object.entries(s).forEach(([u,m])=>{m&&d.set(u,m)}),i}))}setLanguage(o){this.language=o}translate(o,r){var i;let s=(i=this.resourceMap.get(this.language))===null||i===void 0?void 0:i.get(o);return s?r?.placeholders&&Object.entries(r.placeholders).forEach(([d,u])=>{s=E5(s,`{{${d}}}`,u)}):s=o,s}}let Cs;const yR=()=>Cs,$5=(e,o=C5)=>(Cs=new L5(e),Cs.addTranslations(o),Cs);var O5={};let fx=!1,ux;const N5=async(e,o,r)=>{var i,s;const d=typeof process<"u"&&O5?"production":void 0;tx(r?.environment||d||"production"),$5((s=(i=r?.translation)===null||i===void 0?void 0:i.name)!==null&&s!==void 0?s:"de",r?.translations),r?.transformTagName&&S5(r?.transformTagName);const u=await T6(e,o,r);return fx=!0,ux=r,$n.info("Development mode active - Enhanced debugging features available"),u},B5=()=>fx,xR=()=>ux;const sm=sx(),wR=sm("kol-alert","closer"),zR=sm("kol-alert","content"),jR=sm("kol-alert","icon");var Et;(function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"})(Et||(Et={}));function R5(e,o){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:o})}function SR(e,o,r){e.dispatchEvent(R5(o,r))}class Kr{constructor(o,r){var i;this.document=o,this.options=r,this.toastContainerElement=this.document.createElement(kb),this.document.body.prepend(this.toastContainerElement),!((i=this.options)===null||i===void 0)&&i.defaultVariant&&$n.info("ToasterService: Default variant is deprecated. Use 'card' variant for all toasts instead.")}static getInstance(o,r){if(!B5())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let i=this.instances.get(o);return i||(i=new Kr(o,r),this.instances.set(o,i)),i}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):$n.warn("Toaster service is already disposed.")}enqueue(o){if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function")return this.toastContainerElement.enqueue(o)}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}Kr.instances=new Map;var mo;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(mo||(mo={}));var Ze;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Ze||(Ze={}));var cr;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(cr||(cr={}));const je=new Map;je.set(mo["Die Bundesregierung"],["Die","Bundesregierung"]);je.set(mo["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);je.set(mo["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);je.set(mo["Auswärtiges Amt"],["Auswärtiges Amt"]);je.set(mo["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);je.set(mo["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);je.set(mo["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);je.set(mo["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);je.set(mo["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);je.set(mo["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);je.set(mo["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);je.set(mo["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);je.set(mo["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);je.set(mo["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);je.set(mo["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);je.set(Ze["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);je.set(Ze["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);je.set(Ze["Bundesamt für äußere Restitutionen"],[]);je.set(Ze["Bundesamt für Bauwesen und Raumordnung"],[]);je.set(Ze["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);je.set(Ze["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);je.set(Ze["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);je.set(Ze["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);je.set(Ze["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);je.set(Ze["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);je.set(Ze["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);je.set(Ze["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);je.set(Ze["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);je.set(Ze["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);je.set(Ze["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);je.set(Ze["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);je.set(Ze["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);je.set(Ze.Bundesarchiv,["Das","Bundesarchiv"]);je.set(Ze["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);je.set(Ze.Bundesausgleichsamt,["Bundesausgleichsamt"]);je.set(Ze.Bundeskartellamt,["Bundeskartellamt"]);je.set(Ze.Bundeskriminalamt,["Bundeskriminalamt"]);je.set(Ze.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);je.set(Ze["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);je.set(Ze.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);je.set(Ze["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);je.set(Ze.Bundessortenamt,["Bundessortenamt"]);je.set(Ze.Bundessprachenamt,["Bundessprachenamt"]);je.set(Ze["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);je.set(Ze.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);je.set(Ze["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);je.set(Ze["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);je.set(Ze["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);je.set(Ze.Generalzolldirektion,["Generalzolldirektion"]);je.set(Ze["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);je.set(Ze["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);je.set(cr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);je.set(cr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);je.set(cr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);je.set(cr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);je.set(cr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);je.set(cr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);je.set(cr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const D5="modulepreload",M5=function(e){return"/"+e},B_={},pe=function(o,r,i){let s=Promise.resolve();if(r&&r.length>0){let h=function(p){return Promise.all(p.map(k=>Promise.resolve(k).then(g=>({status:"fulfilled",value:g}),g=>({status:"rejected",reason:g}))))};document.getElementsByTagName("link");const u=document.querySelector("meta[property=csp-nonce]"),m=u?.nonce||u?.getAttribute("nonce");s=h(r.map(p=>{if(p=M5(p),p in B_)return;B_[p]=!0;const k=p.endsWith(".css"),g=k?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${g}`))return;const y=document.createElement("link");if(y.rel=k?"stylesheet":D5,k||(y.as="script"),y.crossOrigin="",y.href=p,m&&y.setAttribute("nonce",m),document.head.appendChild(y),k)return new Promise((S,$)=>{y.addEventListener("load",S),y.addEventListener("error",()=>$(new Error(`Unable to preload CSS for ${p}`)))})}))}function d(u){const m=new Event("vite:preloadError",{cancelable:!0});if(m.payload=u,window.dispatchEvent(m),!m.defaultPrevented)throw u}return s.then(u=>{for(const m of u||[])m.status==="rejected"&&d(m.reason);return o().catch(d)})},I5="kolibri",va={hydratedSelectorName:"hydrated",lazyLoad:!0,propChangeCallback:!0,slotRelocation:!0,state:!0,updatable:!0},TR={kolibriVersion:"3.0.9"};var U5=Object.defineProperty,H5=(e,o)=>{for(var r in o)U5(e,r,{get:o[r],enumerable:!0})},F5="http://www.w3.org/2000/svg",K5="http://www.w3.org/1999/xhtml",bx=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(bx||{}),mx=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(mx||{}),Ku="type",Vu="value",gb="serialized:",V5=(e,o)=>{var r;const i=o.$cmpMeta$;Object.entries((r=i.$members$)!=null?r:{}).map(([d,[u]])=>{if(u&31||u&32){const m=e[d],h=q5(Object.getPrototypeOf(e),d)||Object.getOwnPropertyDescriptor(e,d);h&&Object.defineProperty(e,d,{get(){return h.get.call(this)},set(p){h.set.call(this,p)},configurable:!0,enumerable:!0}),e[d]=o.$instanceValues$.has(d)?o.$instanceValues$.get(d):m}})};function q5(e,o){for(;e;){const r=Object.getOwnPropertyDescriptor(e,o);if(r?.get)return r;e=Object.getPrototypeOf(e)}}var nt=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},AR=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.$lazyInstance$=e,o.$cmpMeta$.$flags$&512&&va.state&&V5(e,o))},Z5=(e,o)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:o,$instanceValues$:new Map,$serializerValues$:new Map};r.$onInstancePromise$=new Promise(s=>r.$onInstanceResolve$=s),r.$onReadyPromise$=new Promise(s=>r.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[],r.$fetchedCbList$=[];const i=r;return e.__stencil__getHostRef=()=>i,i},R_=(e,o)=>o in e,be=(e,o)=>(0,console.error)(e,o),qu=new Map,P5=(e,o,r)=>{const i=e.$tagName$.replace(/-/g,"_"),s=e.$lazyBundleId$;if(!s)return;const d=qu.get(s);if(d)return d[i];{const u=m=>(qu.set(s,m),m[i]);switch(s){case"kol-abbr":return pe(()=>import("./kol-abbr.entry-Ddf_PhKj.js"),__vite__mapDeps([0,1])).then(u,be);case"kol-accordion":return pe(()=>import("./kol-accordion.entry-mMw8_P8W.js"),__vite__mapDeps([2,3,4,5,6,7,1,8,9,10])).then(u,be);case"kol-alert":return pe(()=>import("./kol-alert.entry-CCmIKyNi.js"),[]).then(u,be);case"kol-avatar":return pe(()=>import("./kol-avatar.entry-CKV6uC5U.js"),[]).then(u,be);case"kol-badge":return pe(()=>import("./kol-badge.entry-DLw63KwM.js"),__vite__mapDeps([11,12,4,5,13,6,14,15,16,17,18,19,20,21,9])).then(u,be);case"kol-breadcrumb":return pe(()=>import("./kol-breadcrumb.entry-DWV560rS.js"),__vite__mapDeps([22,1,23,24])).then(u,be);case"kol-button":return pe(()=>import("./kol-button.entry-DGd7vthJ.js"),[]).then(u,be);case"kol-button-link":return pe(()=>import("./kol-button-link.entry-Dr5c-LHl.js"),[]).then(u,be);case"kol-card":return pe(()=>import("./kol-card.entry-sreZbF0D.js"),[]).then(u,be);case"kol-details":return pe(()=>import("./kol-details.entry-Dean3LJF.js"),__vite__mapDeps([25,3,4,5,6,7,1,8,9,10])).then(u,be);case"kol-drawer":return pe(()=>import("./kol-drawer.entry-BW17riLr.js"),__vite__mapDeps([26,5,27,28,1,8,29])).then(u,be);case"kol-form":return pe(()=>import("./kol-form.entry-T6RtlwCt.js"),__vite__mapDeps([30,13,12,4,5,6])).then(u,be);case"kol-heading":return pe(()=>import("./kol-heading.entry-CQrFgziM.js"),__vite__mapDeps([31,12,4,5,13,6,1,19,10])).then(u,be);case"kol-icon":return pe(()=>import("./kol-icon.entry--URnfhoB.js"),__vite__mapDeps([32,1,5])).then(u,be);case"kol-image":return pe(()=>import("./kol-image.entry-CnDYA0k_.js"),__vite__mapDeps([33,34])).then(u,be);case"kol-input-checkbox":return pe(()=>import("./kol-input-checkbox.entry-DkvFcoFS.js"),__vite__mapDeps([35,5,9,36,1,37,38,39,40,7,41,42,27,43,21,4,18,13,20,12,6,17,44,45,46])).then(u,be);case"kol-input-color":return pe(()=>import("./kol-input-color.entry-Ck_Jxw-l.js"),__vite__mapDeps([47,4,39,40,7,41,1,42,27,43,21,5,18,13,20,12,6,48,17,15,49,44,9,50,51])).then(u,be);case"kol-input-date":return pe(()=>import("./kol-input-date.entry-DbW_KQUF.js"),__vite__mapDeps([52,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,50,53,37,51])).then(u,be);case"kol-input-email":return pe(()=>import("./kol-input-email.entry-gT5_KVL2.js"),__vite__mapDeps([54,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,55,56,57,58,51,59,50,60,53,37])).then(u,be);case"kol-input-file":return pe(()=>import("./kol-input-file.entry-kq6rn6jb.js"),__vite__mapDeps([61,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,56,37])).then(u,be);case"kol-input-number":return pe(()=>import("./kol-input-number.entry-BLEsFcqb.js"),__vite__mapDeps([62,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,50,60,53,37,51])).then(u,be);case"kol-input-password":return pe(()=>import("./kol-input-password.entry-BXaOvGvC.js"),__vite__mapDeps([63,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,59,50,55,60,53,37])).then(u,be);case"kol-input-radio":return pe(()=>import("./kol-input-radio.entry-CBhXEvmf.js"),__vite__mapDeps([64,5,9,46,36,1,37,38,39,40,7,41,42,27,43,21,4,18,13,20,12,6,45,44])).then(u,be);case"kol-input-text":return pe(()=>import("./kol-input-text.entry-BAvHBlAK.js"),__vite__mapDeps([65,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,57,58,51,59,50,55,60,53,37])).then(u,be);case"kol-kolibri":return pe(()=>import("./kol-kolibri.entry-BCw5H2wZ.js"),__vite__mapDeps([66,14,13])).then(u,be);case"kol-link":return pe(()=>import("./kol-link.entry-D3D-3c4E.js"),[]).then(u,be);case"kol-link-button":return pe(()=>import("./kol-link-button.entry-DCEIiRaF.js"),[]).then(u,be);case"kol-modal":return pe(()=>import("./kol-modal.entry-yi3k0S18.js"),__vite__mapDeps([67,5,1,29])).then(u,be);case"kol-nav":return pe(()=>import("./kol-nav.entry-yp_wiAQn.js"),__vite__mapDeps([68,41,1,5,13,9,23,24])).then(u,be);case"kol-pagination":return pe(()=>import("./kol-pagination.entry-Dra_QnaC.js"),[]).then(u,be);case"kol-popover-button":return pe(()=>import("./kol-popover-button.entry-X7kGawxD.js"),[]).then(u,be);case"kol-progress":return pe(()=>import("./kol-progress.entry-C27gVNtg.js"),__vite__mapDeps([69,1])).then(u,be);case"kol-quote":return pe(()=>import("./kol-quote.entry-BAy-rDua.js"),__vite__mapDeps([70,18,1,5])).then(u,be);case"kol-select":return pe(()=>import("./kol-select.entry-C7LLEpOh.js"),[]).then(u,be);case"kol-skip-nav":return pe(()=>import("./kol-skip-nav.entry-BrlWrnzJ.js"),__vite__mapDeps([71,1,23,24])).then(u,be);case"kol-spin":return pe(()=>import("./kol-spin.entry-O_D3yfsA.js"),__vite__mapDeps([72,1,73,13,5])).then(u,be);case"kol-split-button":return pe(()=>import("./kol-split-button.entry-DprpSB2o.js"),__vite__mapDeps([74,5,13])).then(u,be);case"kol-table-stateful":return pe(()=>import("./kol-table-stateful.entry-Ci0V-RvI.js"),__vite__mapDeps([75,13,76,1,77])).then(u,be);case"kol-table-stateless":return pe(()=>import("./kol-table-stateless.entry-DPSnX5mL.js"),[]).then(u,be);case"kol-tabs":return pe(()=>import("./kol-tabs.entry-012ZeaZp.js"),__vite__mapDeps([78,27,1,5,13,77])).then(u,be);case"kol-textarea":return pe(()=>import("./kol-textarea.entry-FBmgh_9E.js"),__vite__mapDeps([79,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,9,55,60,53,37,80,58])).then(u,be);case"kol-toast-container":return pe(()=>import("./kol-toast-container.entry-DeoQI3Be.js"),__vite__mapDeps([81,13,9,12,4,5,6,19])).then(u,be);case"kol-toolbar":return pe(()=>import("./kol-toolbar.entry-DkreH0w3.js"),__vite__mapDeps([82,4,1,77,38])).then(u,be);case"kol-tree":return pe(()=>import("./kol-tree.entry-CrsyrQLF.js"),[]).then(u,be);case"kol-tree-item":return pe(()=>import("./kol-tree-item.entry-DKZZaktn.js"),[]).then(u,be);case"kol-version":return pe(()=>import("./kol-version.entry-CSDX0K7F.js"),__vite__mapDeps([83,1,13])).then(u,be);case"kol-alert-wc":return pe(()=>import("./kol-alert-wc.entry-DklSvfAF.js"),__vite__mapDeps([84,12,4,5,13,6,28,1,10])).then(u,be);case"kol-avatar-wc":return pe(()=>import("./kol-avatar-wc.entry-CteTmpZF.js"),__vite__mapDeps([85,14,34,1,13])).then(u,be);case"kol-button-wc":return pe(()=>import("./kol-button-wc.entry-C6WqNwbG.js"),__vite__mapDeps([86,18,40,87,88,7,41,15,89,1,42,27,5,12,4,13,6,16,17,19,20,21,46,43])).then(u,be);case"kol-card-wc":return pe(()=>import("./kol-card-wc.entry-BMvKpn2_.js"),__vite__mapDeps([90,28,1,13,10,12,4,5,6,19,9])).then(u,be);case"kol-combobox":return pe(()=>import("./kol-combobox.entry-DW1AOIiD.js"),__vite__mapDeps([91,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,92,9,60,37,51])).then(u,be);case"kol-input-range":return pe(()=>import("./kol-input-range.entry-Bp0VutKU.js"),__vite__mapDeps([93,4,5,39,40,7,41,1,42,27,43,21,18,13,20,12,6,48,17,15,49,44,9,46,50,51])).then(u,be);case"kol-link-wc":return pe(()=>import("./kol-link-wc.entry-BNLd-2sO.js"),__vite__mapDeps([94,18,40,87,88,7,41,95,15,89,1,42,27,5,12,4,13,6,16,17,19,20,21])).then(u,be);case"kol-pagination-wc":return pe(()=>import("./kol-pagination-wc.entry-76axeolY.js"),__vite__mapDeps([96,88,1,42,27,13,9,23])).then(u,be);case"kol-popover-button-wc":return pe(()=>import("./kol-popover-button-wc.entry-DA5IZZKb.js"),__vite__mapDeps([97,98,5,89,27])).then(u,be);case"kol-popover-wc":return pe(()=>import("./kol-popover-wc.entry-DNd8_C4r.js"),__vite__mapDeps([99,98,27,73,5])).then(u,be);case"kol-select-wc":return pe(()=>import("./kol-select-wc.entry-sn2sHWNo.js"),__vite__mapDeps([100,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,9,46,56,36,37,38,80])).then(u,be);case"kol-single-select":return pe(()=>import("./kol-single-select.entry-BlLMV7a-.js"),__vite__mapDeps([101,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,92,9,36,37,38,60])).then(u,be);case"kol-table-settings-wc":return pe(()=>import("./kol-table-settings-wc.entry-D7aAhgwJ.js"),__vite__mapDeps([102,4,13])).then(u,be);case"kol-table-stateless-wc":return pe(()=>import("./kol-table-stateless-wc.entry-DoLGeuSM.js"),__vite__mapDeps([103,5,13,76,1,77,9,21])).then(u,be);case"kol-tooltip-wc":return pe(()=>import("./kol-tooltip-wc.entry-BdzvGxtz.js"),__vite__mapDeps([104,98,27,1,12,4,5,13,6,16,17,18,19,20,21,29])).then(u,be);case"kol-tree-item-wc":return pe(()=>import("./kol-tree-item-wc.entry-CEZQvZP_.js"),__vite__mapDeps([105,5,95,1,8,9])).then(u,be);case"kol-tree-wc":return pe(()=>import("./kol-tree-wc.entry-Dr7LFqDc.js"),__vite__mapDeps([106,1])).then(u,be);case"test-component":return pe(()=>import("./test-component.entry-CI5bv_oo.js"),[]).then(u,be)}}return pe(()=>import(`./${s}.entry.js`),[]).then(u=>(qu.set(s,u),u[i]),u=>{be(u,o.$hostElement$)})},Ds=new Map,hx=[],G5="r",Y5="o",_b="s",X5="t",W5="c",Ii="s-id",yb="sty-id",D_="c-id",Q5="{visibility:hidden}.hydrated{visibility:inherit}",px="slot-fb{display:contents}slot-fb[hidden]{display:none}",M_="http://www.w3.org/1999/xlink",rn=typeof window<"u"?window:{},pn={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,i)=>e.addEventListener(o,r,i),rel:(e,o,r,i)=>e.removeEventListener(o,r,i),ce:(e,o)=>new CustomEvent(e,o)},J5=(()=>{var e;let o=!1;try{(e=rn.document)==null||e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch{}return o})(),ej=e=>Promise.resolve(e),dm=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),xb=dm?!!rn.document&&Object.getOwnPropertyDescriptor(rn.document.adoptedStyleSheets,"length").writable:!1,vx=e=>ej().then(e),fm=e=>(e=typeof e,e==="object"||e==="function");function kx(e){var o,r,i;return(i=(r=(o=e.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?i:void 0}var nj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),oj=class ua{static fromLocalValue(o){const r=o[Ku],i=Vu in o?o[Vu]:void 0;switch(r){case"string":return i;case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return;case"null":return null;case"number":return i==="NaN"?NaN:i==="-0"?-0:i==="Infinity"?1/0:i==="-Infinity"?-1/0:i;case"array":return i.map(p=>ua.fromLocalValue(p));case"date":return new Date(i);case"map":const s=new Map;for(const[p,k]of i){const g=typeof p=="object"&&p!==null?ua.fromLocalValue(p):p,y=ua.fromLocalValue(k);s.set(g,y)}return s;case"object":const d={};for(const[p,k]of i)d[p]=ua.fromLocalValue(k);return d;case"regexp":const{pattern:u,flags:m}=i;return new RegExp(u,m);case"set":const h=new Set;for(const p of i)h.add(ua.fromLocalValue(p));return h;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(o){return o.map(r=>ua.fromLocalValue(r))}static isLocalValueObject(o){if(typeof o!="object"||o===null||!o.hasOwnProperty(Ku))return!1;const r=o[Ku];return Object.values({...bx,...mx}).includes(r)?r!=="null"&&r!=="undefined"?o.hasOwnProperty(Vu):!0:!1}},tj={};H5(tj,{err:()=>gx,map:()=>rj,ok:()=>wb,unwrap:()=>aj,unwrapErr:()=>lj});var wb=e=>({isOk:!0,isErr:!1,value:e}),gx=e=>({isOk:!1,isErr:!0,value:e});function rj(e,o){if(e.isOk){const r=o(e.value);return r instanceof Promise?r.then(i=>wb(i)):wb(r)}if(e.isErr){const r=e.value;return gx(r)}throw"should never get here"}var aj=e=>{if(e.isOk)return e.value;throw e.value},lj=e=>{if(e.isErr)return e.value;throw e.value};function ij(e){return typeof e!="string"||!e.startsWith(gb)?e:oj.fromLocalValue(JSON.parse(atob(e.slice(gb.length))))}var ji;function cj(e){var o;const r=this.attachShadow({mode:"open"});ji===void 0&&(ji=(o=void 0)!=null?o:null),ji&&(xb?r.adoptedStyleSheets.push(ji):r.adoptedStyleSheets=[...r.adoptedStyleSheets,ji])}var _x=e=>{const o=Ir(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"&&yx(o,e.tagName).forEach(i=>{i.nodeType===1&&i.tagName==="SLOT-FB"&&(dj(i,um(i),!1).length?i.hidden=!0:i.hidden=!1)});let r=0;for(r=0;r<o.length;r++){const i=o[r];i.nodeType===1&&Ir(i,"childNodes").length&&_x(i)}},sj=e=>{const o=[];for(let r=0;r<e.length;r++){const i=e[r]["s-nr"]||void 0;i&&i.isConnected&&o.push(i)}return o};function yx(e,o,r){let i=0,s=[],d;for(;i<e.length;i++)d=e[i],d["s-sr"]&&(!o||d["s-hn"]===o)&&r===void 0&&s.push(d),s=[...s,...yx(d.childNodes,o,r)];return s}var dj=(e,o,r=!0)=>{const i=[];(r&&e["s-sr"]||!e["s-sr"])&&i.push(e);let s=e;for(;s=s.nextSibling;)um(s)===o&&(r||!s["s-sr"])&&i.push(s);return i},I_=(e,o)=>e.nodeType===1?e.getAttribute("slot")===null&&o===""||e.getAttribute("slot")===o:e["s-sn"]===o?!0:o==="",fj=(e,o,r,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!o["s-cr"]||!o["s-cr"].parentNode)return;const d=o["s-cr"].parentNode,u=Ir(d,"appendChild");if(typeof i<"u"){s["s-oo"]=i;const m=Ir(d,"childNodes"),h=[s];m.forEach(p=>{p["s-nr"]&&h.push(p)}),h.sort((p,k)=>!p["s-oo"]||p["s-oo"]<(k["s-oo"]||0)?-1:!k["s-oo"]||k["s-oo"]<p["s-oo"]?1:0),h.forEach(p=>u.call(d,p))}else u.call(d,s);e["s-ol"]=s,e["s-sh"]=o["s-hn"]},um=e=>typeof e["s-sn"]=="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function xx(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=r=>(function(i){const s=[],d=this["s-sn"];i?.flatten&&console.error(`
+- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var G6=.2126,Y6=.7152,X6=.0722,Ou=1/12.92;function Nu(e){return Math.pow((e+.055)/1.055,2.4)}function pg(e){var o=e[0]/255,r=e[1]/255,i=e[2]/255,s=o<=.03928?o*Ou:Nu(o),d=r<=.03928?r*Ou:Nu(r),u=i<=.03928?i*Ou:Nu(i);return s*G6+d*Y6+u*X6}function vg(e){var o=255;(e=e.replace(/^#/,"")).length===8&&(o=parseInt(e.slice(6,8),16),e=e.substring(0,6)),e.length===4&&(o=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),e.length===3&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var r=parseInt(e,16);return[r>>16,r>>8&255,255&r,o]}function W6(e,o){return(Math.max(e,o)+.05)/(Math.min(e,o)+.05)}function Q6(e,o){return W6(pg(e),pg(o))}function J6(e,o){return Q6(vg(e),vg(o))}function e5(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}var Bu,kg;function n5(){return kg||(kg=1,Bu={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}),Bu}var Ru,gg;function o5(){if(gg)return Ru;gg=1;var e=n5();Ru=r;var o={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function r(i){var s,d=[],u=1,m;if(typeof i=="string")if(i=i.toLowerCase(),e[i])d=e[i].slice(),m="rgb";else if(i==="transparent")u=0,m="rgb",d=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(i)){var h=i.slice(1),p=h.length,k=p<=4;u=1,k?(d=[parseInt(h[0]+h[0],16),parseInt(h[1]+h[1],16),parseInt(h[2]+h[2],16)],p===4&&(u=parseInt(h[3]+h[3],16)/255)):(d=[parseInt(h[0]+h[1],16),parseInt(h[2]+h[3],16),parseInt(h[4]+h[5],16)],p===8&&(u=parseInt(h[6]+h[7],16)/255)),d[0]||(d[0]=0),d[1]||(d[1]=0),d[2]||(d[2]=0),m="rgb"}else if(s=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(i)){var g=s[1],y=g==="rgb",h=g.replace(/a$/,"");m=h;var p=h==="cmyk"?4:h==="gray"?1:3;d=s[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(A,N){if(/%$/.test(A))return N===p?parseFloat(A)/100:h==="rgb"?parseFloat(A)*255/100:parseFloat(A);if(h[N]==="h"){if(/deg$/.test(A))return parseFloat(A);if(o[A]!==void 0)return o[A]}return parseFloat(A)}),g===h&&d.push(1),u=y||d[p]===void 0?1:d[p],d=d.slice(0,p)}else i.length>10&&/[0-9](?:\s|\/)/.test(i)&&(d=i.match(/([0-9]+)/g).map(function(S){return parseFloat(S)}),m=i.match(/([a-z])/ig).join("").toLowerCase());else isNaN(i)?Array.isArray(i)||i.length?(d=[i[0],i[1],i[2]],m="rgb",u=i.length===4?i[3]:1):i instanceof Object&&(i.r!=null||i.red!=null||i.R!=null?(m="rgb",d=[i.r||i.red||i.R||0,i.g||i.green||i.G||0,i.b||i.blue||i.B||0]):(m="hsl",d=[i.h||i.hue||i.H||0,i.s||i.saturation||i.S||0,i.l||i.lightness||i.L||i.b||i.brightness]),u=i.a||i.alpha||i.opacity||1,i.opacity!=null&&(u/=100)):(m="rgb",d=[i>>>16,(i&65280)>>>8,i&255]);return{space:m,values:d,alpha:u}}return Ru}var t5=o5(),iR=Js(t5);const r5={min:[0,0,0],max:[255,255,255]};var cR={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(e){var o=e[0]/360,r=e[1]/100,i=e[2]/100,s,d,u,m,h,p=0;if(r===0)return h=i*255,[h,h,h];for(d=i<.5?i*(1+r):i+r-i*r,s=2*i-d,m=[0,0,0];p<3;)u=o+1/3*-(p-1),u<0?u++:u>1&&u--,h=6*u<1?s+(d-s)*6*u:2*u<1?d:3*u<2?s+(d-s)*(2/3-u)*6:s,m[p++]=h*255;return m}};r5.hsl=function(e){var o=e[0]/255,r=e[1]/255,i=e[2]/255,s=Math.min(o,r,i),d=Math.max(o,r,i),u=d-s,m,h,p;return d===s?m=0:o===d?m=(r-i)/u:r===d?m=2+(i-o)/u:i===d&&(m=4+(o-r)/u),m=Math.min(m*60,360),m<0&&(m+=360),p=(s+d)/2,d===s?h=0:p<=.5?h=u/(d+s):h=u/(2-d-s),[m,h*100,p*100]};var Rr={exports:{}},_g;function a5(){if(_g)return Rr.exports;_g=1,Rr.exports=e,Rr.exports.arr=e,Rr.exports.obj=o,Rr.exports.css=r,Rr.exports.hex=i,Rr.exports.num=s;function e(x){var z=d(x);return z.length==3?z.concat(255):(z[3]=Math.round(z[3]),z)}function o(x){var z=d(x);return{r:z[0],g:z[1],b:z[2],a:z.length==3?255:Math.round(z[3])}}function r(x){var z=d(x);return z.length==3&&z.push(255),z[3]==255?"rgb("+z[0]+", "+z[1]+", "+z[2]+")":z[3]==0?"rgba("+z[0]+", "+z[1]+", "+z[2]+", 0)":"rgba("+z[0]+", "+z[1]+", "+z[2]+", "+String(z[3]/255).substr(1)+")"}function i(x){var U=d(x);U.length==3&&U.push(255);var z=U[3]==255,B=u(U[0]),I=u(U[1]),K=u(U[2]),U=u(Math.round(U[3])),le=m(B,I,K,U);return z?le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0):"#"+B+I+K:le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0)+U.charAt(0):"#"+B+I+K+U}function s(x){var z=d(x);return z.length==3?z.push(255):z[3]=Math.round(z[3]),(z[3]<<24>>>0|z[0]<<16|z[1]<<8|z[2])>>>0}function d(x){return typeof x=="string"?(x=x.toLowerCase(),h(x)||k(x)||g(x)||N(x)||E(x)||[0,0,0,255]):S(x)||$(x)||A(x)||[0,0,0,255]}function u(x){var z=x.toString(16);return z.length==1?"0"+z:z}function m(x,z,B,I){var K=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return K.indexOf(x)!=-1&&K.indexOf(z)!=-1&&K.indexOf(B)!=-1&&K.indexOf(I)!=-1}function h(x){if(x=="red")return[255,0,0];if(x=="green")return[0,255,0];if(x=="blue")return[0,0,255];if(x=="black")return[0,0,0];if(x=="white")return[255,255,255];if(x=="cyan")return[0,255,255];if(x=="gray")return[128,128,128];if(x=="grey")return[128,128,128];if(x=="magenta")return[255,0,255];if(x=="pink")return[255,0,255];if(x=="yellow")return[255,255,0]}function p(x){return x.length==1?parseInt(x+x,16):parseInt(x,16)}function k(x){var z=x.replace(/^#/,""),B=z.length;if(B==3||B==4){var I=p(z[0]),K=p(z[1]),U=p(z[2]),le=B==3?255:p(z[3]);return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function g(x){var z=x.replace(/^#/,""),B=z.length;if(B==6||B==8){var I=p(z.slice(0,2)),K=p(z.slice(2,4)),U=p(z.slice(4,6)),le=B==6?255:p(z.slice(6,8));return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function y(x,z){return typeof x!="number"||z===!0&&Math.floor(x)!==x?-1:x>=0&&x<=255?x:-1}function S(x){if(Object.prototype.toString.call(x)==="[object Object]"&&Object.getPrototypeOf(x)===Object.getPrototypeOf({})){var z=y(x.r!=null?x.r:x.red!=null?x.red:0,!0),B=y(x.g!=null?x.g:x.green!=null?x.green:0,!0),I=y(x.b!=null?x.b:x.blue!=null?x.blue:0,!0),K=y(x.a!=null?x.a:x.alpha!=null?x.alpha:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function $(x){if(Array.isArray(x)&&(x.length==3||x.length==4)){var z=y(x[0],!0),B=y(x[1],!0),I=y(x[2],!0),K=y(x[3]!=null?x[3]:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function A(x){if(typeof x=="number"&&Math.floor(x)==x&&x<=4294967295&&x>=0){var z=x>>24&255,B=x>>16&255,I=x>>8&255,K=x&255;return[B,I,K,z]}}function N(x){if(x.substr(0,4)=="rgb("){x=x.match(/^rgb\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0);if(B!=-1&&I!=-1&&K!=-1)return[B,I,K,255]}}function E(x){if(x.substr(0,5)=="rgba("){x=x.match(/^rgba\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0),U=y(z[3]*255);if(B!=-1&&I!=-1&&K!=-1&&U!=-1)return[B,I,K,U]}}return Rr.exports}var l5=a5(),yg=Js(l5),Du={},xg;function i5(){return xg||(xg=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const o=(i,s)=>{s.forEach(d=>{i.has(d)===!1&&i.add(d)})},r=(i,s=document)=>{if(s instanceof Document||s instanceof HTMLElement||s instanceof ShadowRoot){const d=new Set;o(d,s.querySelectorAll(i));const u=s.querySelectorAll('[class*="hydrated"]');for(let m=0;m<u.length;m++){const h=u[m].shadowRoot;typeof h=="object"&&h!==null?o(d,(0,e.querySelectorAll)(i,h)):o(d,(0,e.querySelectorAll)(i,u[m]))}return Array.from(d)}else throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")};e.querySelectorAll=r})(Du)),Du}var c5=i5(),Mu={},wg;function s5(){return wg||(wg=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;const o=(r,i=document)=>{if(i instanceof Document||i instanceof HTMLElement||i instanceof ShadowRoot){let s=i.querySelector(r);if(s===null){const d=i.querySelectorAll('[class*="hydrated"]');for(let u=0;u<d.length;u++){const m=d[u].shadowRoot;if(typeof m=="object"&&m!==null?s=(0,e.querySelector)(r,m):s=(0,e.querySelector)(r,d[u]),s!==null)break}}return s}else throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};e.querySelector=o})(Mu)),Mu}var d5=s5();const f5=/\[object Object\]/,Iu=(e,o)=>{typeof e=="string"&&f5.test(e)||o()},u5=(e,o)=>{typeof e=="string"&&e===""||o()},sR=(e,o)=>{K6()&&($n.debug([e,o]),$n.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:o,writable:!1})},b5=e=>{var o,r,i;(o=e.nextHooks)===null||o===void 0||o.forEach((s,d)=>{var u;const m=s.get("beforePatch");typeof m=="function"&&m((u=e.nextState)===null||u===void 0?void 0:u.get(d),e.nextState,e,d)}),((r=e.nextState)===null||r===void 0?void 0:r.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,(i=e.nextHooks)===null||i===void 0||i.forEach((s,d)=>{const u=s.get("afterPatch");typeof u=="function"&&u(e.state[d],e.state,e,d)})),delete e.nextHooks},hb=(e,o,r,i={})=>{var s,d;e.nextHooks===void 0&&(e.nextHooks=new Map),e.nextState===void 0&&(e.nextState=new Map),e.nextHooks.get(o)instanceof Map||e.nextHooks.set(o,new Map),typeof i.afterPatch=="function"&&((s=e.nextHooks.get(o))===null||s===void 0||s.set("afterPatch",i.afterPatch)),typeof i.beforePatch=="function"&&((d=e.nextHooks.get(o))===null||d===void 0||d.set("beforePatch",i.beforePatch)),e.nextState.set(o,r),b5(e)},m5=(e,o,r,i)=>{ix(`[${e.constructor.name}] The property value: (${r}) for '${o}' is not valid. Allowed values are: ${Array.from(i).join(", ")}`)};function cm(e,o,r,i,s,d={}){r(s)?hb(e,o,s,d.hooks):s===void 0&&d.required!==!0&&r(d.defaultValue)?hb(e,o,d.defaultValue,d.hooks):(d.required||i.add(null),m5(e,o,s,i))}const dR=(e,o,r,i)=>{cm(e,o,s=>typeof s=="boolean",new Set(["Boolean {true, false}"]),r,i)},fR=(e,o,r,i={})=>{const s=typeof i.minLength=="number"?i?.minLength:0;cm(e,o,d=>typeof d=="string"&&d.length>=s&&(typeof i?.maxLength>"u"||d.length<=i.maxLength),new Set(["String"]),r,i)},uR=(e,o,r,i)=>{cm(e,o,s=>typeof s=="number"&&(typeof i?.min>"u"||typeof i?.min=="number"&&s>=i.min)&&(typeof i?.max>"u"||typeof i?.max=="number"&&s<=i.max),new Set(["Number"]),r,i)},bR=(e,o,r,i,s=u=>u===u,d={})=>{u5(i,()=>{Iu(i,()=>{typeof i>"u"&&(i=[]);try{try{i=v5(i)}catch{}if(Array.isArray(i)){const u=i.find(m=>!r(m));u===void 0&&s(i)?hb(e,o,i,d.hooks):Iu(u,()=>{throw $n.debug(u),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}else Iu(i,()=>{throw $n.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}catch(u){$n.debug(u)}})})},h5=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch{throw $n.warn(["stringifyJson",e]),$n.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},p5=/^[{[]/,v5=e=>{if(typeof e=="string")try{return JSON.parse(e)}catch{if(p5.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch{$n.warn(["parseJson",e]),$n.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},k5=e=>typeof e=="boolean"?e===!0?"true":"false":void 0,mR=e=>typeof e=="string"?e:k5(e),g5=(e,o)=>d5.querySelector(e,o||im()),_5=(e,o)=>c5.querySelectorAll(e,o||im());let Uu=null;const cx=()=>(Uu=Uu||{backgroundColor:"#00000000",color:"#00000000",domNode:im().body,level:"Fail",score:1},Uu),zg=/(\d+, ){3}0\)/,pb=(e,o=cx())=>{const r=getComputedStyle(e),i=zg.test(r.backgroundColor)?o.backgroundColor:yg.hex(r.backgroundColor),s=zg.test(r.color)?o.color:yg.hex(r.color),d=J6(i,s),u={backgroundColor:i,color:s,domNode:e,level:e5(d),score:d};return d<4.5&&$n.error(["Color-Contrast-Error",{backgroundColor:u.backgroundColor,color:u.color,level:u.level,score:u.score},u.domNode]),u},y5=(e,o=cx())=>{o.domNode instanceof HTMLElement&&(o=pb(o.domNode,o));const r=o.domNode.querySelector(e);if(r===null){const i=o.domNode.querySelectorAll('[class="hydrated"]');for(let s=0;s<i.length&&(o.domNode=i[s],o=y5(e,o),o.domNode===null);s++);return o}else return pb(r,o)};class Xo{static queryHtmlElementColors(o,r,i=!1,s=!0){let d=null;if(i===!0||Xo.executionLock===!1)if(i===!1&&(Xo.cache.clear(),Xo.cache.set(r.domNode,r),Xo.executionLock=!0,s===!0&&$n.debug("[KoliBriUtils] Color contrast analysis started...")),o===r.domNode)d=r;else{const u=new Set;if(r.domNode.shadowRoot){const k=r.domNode.shadowRoot.children;for(let g=0;g<k.length;g++)u.add(k[g])}const m=r.domNode;if(typeof m.assignedNodes=="function"){const k=m.assignedNodes();for(let g=0;g<k.length;g++)k[g]instanceof HTMLElement&&u.add(k[g])}const h=r.domNode.children;for(let k=0;k<h.length;k++)u.add(h[k]);const p=Array.from(u);for(let k=0;k<p.length;k++){let g=Xo.cache.get(p[k]);g===void 0&&(g=pb(p[k],r)),Xo.cache.set(p[k],g);const y=Xo.queryHtmlElementColors(o,g,!0,!1);if(y!==null){d=y;break}}}else $n.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return i===!1&&(s===!0&&$n.debug(`[KoliBriUtils] Color contrast analysis finished (${Xo.cache.size} DOM elements are analysed).`),Xo.executionLock=!1,Xo.cache.clear()),d}}Xo.executionLock=!1;Xo.cache=new Map;class wa{}wa.getCssStyle=Ts;wa.patchTheme=x6;wa.patchThemeTag=y6;wa.querySelector=g5;wa.querySelectorAll=_5;wa.stringifyJson=h5;const hR=e=>typeof e=="object"&&e!==null,jg=(e,o=0)=>typeof e=="string"&&e.length>=o,pR=e=>{if(typeof e=="object"&&e!==null){for(const o in e)if(jg(o,1)===!1)return!1}else return jg(e,1);return!0},vR=new Event("StateChange");var Hu,Sg;function x5(){return Sg||(Sg=1,Hu=function(o){return function(r,i){if(!r)return o;var s;typeof r=="string"?s=r:i=r;var d=o;return s&&(d+="__"+s),d+(i?Object.keys(i).reduce(function(u,m){var h=i[m];return h&&(u+=" "+(typeof h=="boolean"?d+"--"+m:d+"--"+m+"_"+h)),u},""):"")}}),Hu}var w5=x5(),z5=Js(w5);function sx(){const e=new Map,o=(r,i,s)=>{try{return e.get(r)(i,s)}catch{return e.set(r,z5(r)).get(r)(i,s)}};return o.forBlock=r=>{const i=(s,d)=>o(r,s,d);return i.forElement=s=>d=>o(r,s,d),i},o}const dx=sx(),kR=dx("kol-icon"),gR=dx("kol-icon","icon");let vb;const As=[],j5=e=>{vb=e,As.forEach(o=>{o(e)})},_R=(e,o=!0)=>(o&&typeof vb=="string"&&e(vb),As.push(e),()=>{const r=As.indexOf(e);r>=0&&As.splice(r,1)});let Tg="kol-abbr",Ag="kol-accordion",Cg="kol-alert",Eg="kol-alert-wc",Lg="kol-avatar",$g="kol-avatar-wc",Og="kol-badge",Ng="kol-breadcrumb",Bg="kol-button-link",Rg="kol-button",Dg="kol-button-wc",Mg="kol-card",Ig="kol-card-wc",Ug="kol-combobox",Hg="kol-details",Fg="kol-drawer",Kg="kol-form",Vg="kol-heading",qg="kol-icon",Zg="kol-image",Pg="kol-input-checkbox",Gg="kol-input-color",Yg="kol-input-date",Xg="kol-input-email",Wg="kol-input-file",Qg="kol-input-number",Jg="kol-input-password",e_="kol-input-radio",n_="kol-input-range",o_="kol-input",t_="kol-input-text",r_="kol-kolibri",a_="kol-link-button",l_="kol-link",i_="kol-link-wc",c_="kol-modal",s_="kol-nav",d_="kol-pagination",f_="kol-pagination-wc",u_="kol-popover-wc",b_="kol-popover-button",m_="kol-popover-button-wc",h_="kol-progress",p_="kol-quote",v_="kol-select",k_="kol-select-wc",g_="kol-single-select",__="kol-skip-nav",y_="kol-spin",x_="kol-split-button",w_="kol-table-settings-wc",z_="kol-table-stateful",j_="kol-table-stateless",S_="kol-table-stateless-wc",T_="kol-tabs",A_="kol-textarea",kb="kol-toast-container",Fu="kol-tooltip-wc",C_="kol-tree-item",E_="kol-tree-item-wc",L_="kol-tree",$_="kol-tree-wc",O_="kol-version";const S5=e=>{Tg=e(Tg),Ag=e(Ag),Cg=e(Cg),Eg=e(Eg),Lg=e(Lg),$g=e($g),Og=e(Og),Ng=e(Ng),Bg=e(Bg),Rg=e(Rg),Dg=e(Dg),Mg=e(Mg),Ig=e(Ig),Ug=e(Ug),Hg=e(Hg),Fg=e(Fg),Kg=e(Kg),Vg=e(Vg),qg=e(qg),Zg=e(Zg),Pg=e(Pg),Gg=e(Gg),Yg=e(Yg),Xg=e(Xg),Wg=e(Wg),Qg=e(Qg),Jg=e(Jg),e_=e(e_),n_=e(n_),o_=e(o_),t_=e(t_),r_=e(r_),a_=e(a_),l_=e(l_),i_=e(i_),c_=e(c_),s_=e(s_),d_=e(d_),f_=e(f_),u_=e(u_),b_=e(b_),m_=e(m_),h_=e(h_),p_=e(p_),v_=e(v_),k_=e(k_),g_=e(g_),__=e(__),y_=e(y_),x_=e(x_),w_=e(w_),z_=e(z_),j_=e(j_),S_=e(S_),T_=e(T_),A_=e(A_),kb=e(kb),e(Fu),Fu=e(Fu),C_=e(C_),E_=e(E_),L_=e(L_),$_=e($_),O_=e(O_)};var T5={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen",readonly:"schreibgeschützt"},A5={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters",readonly:"read-only"};const N_=e=>Object.keys(e).reduce((o,r)=>(o[`kol-${r}`]=e[r],o),{}),C5=new Set([e=>e("en",N_(A5)),e=>e("de",N_(T5))]),E5=function(e,o,r){return e.split(o).join(r)};class L5{constructor(o){this.resourceMap=new Map,this.language=o??"de"}addTranslations(o){Array.isArray(o)?o=new Set(o):typeof o=="function"&&(o=new Set([o])),o!==void 0&&o.forEach(r=>r((i,s)=>{let d=this.resourceMap.get(i);return d||(d=new Map,this.resourceMap.set(i,d)),Object.entries(s).forEach(([u,m])=>{m&&d.set(u,m)}),i}))}setLanguage(o){this.language=o}translate(o,r){var i;let s=(i=this.resourceMap.get(this.language))===null||i===void 0?void 0:i.get(o);return s?r?.placeholders&&Object.entries(r.placeholders).forEach(([d,u])=>{s=E5(s,`{{${d}}}`,u)}):s=o,s}}let Cs;const yR=()=>Cs,$5=(e,o=C5)=>(Cs=new L5(e),Cs.addTranslations(o),Cs);var O5={};let fx=!1,ux;const N5=async(e,o,r)=>{var i,s;const d=typeof process<"u"&&O5?"production":void 0;tx(r?.environment||d||"production"),$5((s=(i=r?.translation)===null||i===void 0?void 0:i.name)!==null&&s!==void 0?s:"de",r?.translations),r?.transformTagName&&S5(r?.transformTagName);const u=await T6(e,o,r);return fx=!0,ux=r,$n.info("Development mode active - Enhanced debugging features available"),u},B5=()=>fx,xR=()=>ux;const sm=sx(),wR=sm("kol-alert","closer"),zR=sm("kol-alert","content"),jR=sm("kol-alert","icon");var Et;(function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"})(Et||(Et={}));function R5(e,o){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:o})}function SR(e,o,r){e.dispatchEvent(R5(o,r))}class Kr{constructor(o,r){var i;this.document=o,this.options=r,this.toastContainerElement=this.document.createElement(kb),this.document.body.prepend(this.toastContainerElement),!((i=this.options)===null||i===void 0)&&i.defaultVariant&&$n.info("ToasterService: Default variant is deprecated. Use 'card' variant for all toasts instead.")}static getInstance(o,r){if(!B5())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let i=this.instances.get(o);return i||(i=new Kr(o,r),this.instances.set(o,i)),i}dispose(){const o=this.toastContainerElement;o?(this.toastContainerElement=void 0,o.remove()):$n.warn("Toaster service is already disposed.")}enqueue(o){if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function")return this.toastContainerElement.enqueue(o)}closeAll(o=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(o)}}Kr.instances=new Map;var mo;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(mo||(mo={}));var Ze;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Ze||(Ze={}));var cr;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(cr||(cr={}));const je=new Map;je.set(mo["Die Bundesregierung"],["Die","Bundesregierung"]);je.set(mo["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);je.set(mo["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);je.set(mo["Auswärtiges Amt"],["Auswärtiges Amt"]);je.set(mo["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);je.set(mo["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);je.set(mo["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);je.set(mo["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);je.set(mo["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);je.set(mo["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);je.set(mo["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);je.set(mo["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);je.set(mo["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);je.set(mo["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);je.set(mo["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);je.set(Ze["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);je.set(Ze["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);je.set(Ze["Bundesamt für äußere Restitutionen"],[]);je.set(Ze["Bundesamt für Bauwesen und Raumordnung"],[]);je.set(Ze["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);je.set(Ze["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);je.set(Ze["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);je.set(Ze["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);je.set(Ze["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);je.set(Ze["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);je.set(Ze["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);je.set(Ze["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);je.set(Ze["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);je.set(Ze["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);je.set(Ze["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);je.set(Ze["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);je.set(Ze["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);je.set(Ze.Bundesarchiv,["Das","Bundesarchiv"]);je.set(Ze["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);je.set(Ze.Bundesausgleichsamt,["Bundesausgleichsamt"]);je.set(Ze.Bundeskartellamt,["Bundeskartellamt"]);je.set(Ze.Bundeskriminalamt,["Bundeskriminalamt"]);je.set(Ze.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);je.set(Ze["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);je.set(Ze.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);je.set(Ze["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);je.set(Ze.Bundessortenamt,["Bundessortenamt"]);je.set(Ze.Bundessprachenamt,["Bundessprachenamt"]);je.set(Ze["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);je.set(Ze.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);je.set(Ze["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);je.set(Ze["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);je.set(Ze["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);je.set(Ze.Generalzolldirektion,["Generalzolldirektion"]);je.set(Ze["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);je.set(Ze["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);je.set(cr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);je.set(cr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);je.set(cr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);je.set(cr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);je.set(cr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);je.set(cr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);je.set(cr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const D5="modulepreload",M5=function(e){return"/"+e},B_={},pe=function(o,r,i){let s=Promise.resolve();if(r&&r.length>0){let h=function(p){return Promise.all(p.map(k=>Promise.resolve(k).then(g=>({status:"fulfilled",value:g}),g=>({status:"rejected",reason:g}))))};document.getElementsByTagName("link");const u=document.querySelector("meta[property=csp-nonce]"),m=u?.nonce||u?.getAttribute("nonce");s=h(r.map(p=>{if(p=M5(p),p in B_)return;B_[p]=!0;const k=p.endsWith(".css"),g=k?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${g}`))return;const y=document.createElement("link");if(y.rel=k?"stylesheet":D5,k||(y.as="script"),y.crossOrigin="",y.href=p,m&&y.setAttribute("nonce",m),document.head.appendChild(y),k)return new Promise((S,$)=>{y.addEventListener("load",S),y.addEventListener("error",()=>$(new Error(`Unable to preload CSS for ${p}`)))})}))}function d(u){const m=new Event("vite:preloadError",{cancelable:!0});if(m.payload=u,window.dispatchEvent(m),!m.defaultPrevented)throw u}return s.then(u=>{for(const m of u||[])m.status==="rejected"&&d(m.reason);return o().catch(d)})},I5="kolibri",va={hydratedSelectorName:"hydrated",lazyLoad:!0,propChangeCallback:!0,slotRelocation:!0,state:!0,updatable:!0},TR={kolibriVersion:"3.0.10-rc.0"};var U5=Object.defineProperty,H5=(e,o)=>{for(var r in o)U5(e,r,{get:o[r],enumerable:!0})},F5="http://www.w3.org/2000/svg",K5="http://www.w3.org/1999/xhtml",bx=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(bx||{}),mx=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(mx||{}),Ku="type",Vu="value",gb="serialized:",V5=(e,o)=>{var r;const i=o.$cmpMeta$;Object.entries((r=i.$members$)!=null?r:{}).map(([d,[u]])=>{if(u&31||u&32){const m=e[d],h=q5(Object.getPrototypeOf(e),d)||Object.getOwnPropertyDescriptor(e,d);h&&Object.defineProperty(e,d,{get(){return h.get.call(this)},set(p){h.set.call(this,p)},configurable:!0,enumerable:!0}),e[d]=o.$instanceValues$.has(d)?o.$instanceValues$.get(d):m}})};function q5(e,o){for(;e;){const r=Object.getOwnPropertyDescriptor(e,o);if(r?.get)return r;e=Object.getPrototypeOf(e)}}var nt=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},AR=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.$lazyInstance$=e,o.$cmpMeta$.$flags$&512&&va.state&&V5(e,o))},Z5=(e,o)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:o,$instanceValues$:new Map,$serializerValues$:new Map};r.$onInstancePromise$=new Promise(s=>r.$onInstanceResolve$=s),r.$onReadyPromise$=new Promise(s=>r.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[],r.$fetchedCbList$=[];const i=r;return e.__stencil__getHostRef=()=>i,i},R_=(e,o)=>o in e,be=(e,o)=>(0,console.error)(e,o),qu=new Map,P5=(e,o,r)=>{const i=e.$tagName$.replace(/-/g,"_"),s=e.$lazyBundleId$;if(!s)return;const d=qu.get(s);if(d)return d[i];{const u=m=>(qu.set(s,m),m[i]);switch(s){case"kol-abbr":return pe(()=>import("./kol-abbr.entry-DNoy3jnL.js"),__vite__mapDeps([0,1])).then(u,be);case"kol-accordion":return pe(()=>import("./kol-accordion.entry-CNQKs62A.js"),__vite__mapDeps([2,3,4,5,6,7,1,8,9,10])).then(u,be);case"kol-alert":return pe(()=>import("./kol-alert.entry-DkJkRlO7.js"),[]).then(u,be);case"kol-avatar":return pe(()=>import("./kol-avatar.entry-DqQ5xeL7.js"),[]).then(u,be);case"kol-badge":return pe(()=>import("./kol-badge.entry-YmoC_WIF.js"),__vite__mapDeps([11,12,4,5,13,6,14,15,16,17,18,19,20,21,9])).then(u,be);case"kol-breadcrumb":return pe(()=>import("./kol-breadcrumb.entry-CP_4kojW.js"),__vite__mapDeps([22,1,23,24])).then(u,be);case"kol-button":return pe(()=>import("./kol-button.entry-oMgpIy2m.js"),[]).then(u,be);case"kol-button-link":return pe(()=>import("./kol-button-link.entry-CQ30M5gv.js"),[]).then(u,be);case"kol-card":return pe(()=>import("./kol-card.entry-ChcV3479.js"),[]).then(u,be);case"kol-details":return pe(()=>import("./kol-details.entry-Dq7KyxaM.js"),__vite__mapDeps([25,3,4,5,6,7,1,8,9,10])).then(u,be);case"kol-drawer":return pe(()=>import("./kol-drawer.entry-8KqNulrw.js"),__vite__mapDeps([26,5,27,28,1,8,29])).then(u,be);case"kol-form":return pe(()=>import("./kol-form.entry-CtoDRz3Q.js"),__vite__mapDeps([30,13,12,4,5,6])).then(u,be);case"kol-heading":return pe(()=>import("./kol-heading.entry-CBKx4Bsk.js"),__vite__mapDeps([31,12,4,5,13,6,1,19,10])).then(u,be);case"kol-icon":return pe(()=>import("./kol-icon.entry-qQ4CJHxD.js"),__vite__mapDeps([32,1,5])).then(u,be);case"kol-image":return pe(()=>import("./kol-image.entry-BrmEydZW.js"),__vite__mapDeps([33,34])).then(u,be);case"kol-input-checkbox":return pe(()=>import("./kol-input-checkbox.entry-Dxt9U9W3.js"),__vite__mapDeps([35,5,9,36,1,37,38,39,40,7,41,42,27,43,21,4,18,13,20,12,6,17,44,45,46])).then(u,be);case"kol-input-color":return pe(()=>import("./kol-input-color.entry-grFNsuVJ.js"),__vite__mapDeps([47,4,39,40,7,41,1,42,27,43,21,5,18,13,20,12,6,48,17,15,49,44,9,50,51])).then(u,be);case"kol-input-date":return pe(()=>import("./kol-input-date.entry-C9HyR9vM.js"),__vite__mapDeps([52,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,50,53,37,51])).then(u,be);case"kol-input-email":return pe(()=>import("./kol-input-email.entry-BFRqWg8i.js"),__vite__mapDeps([54,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,55,56,57,58,51,59,50,60,53,37])).then(u,be);case"kol-input-file":return pe(()=>import("./kol-input-file.entry-Co8BtxeG.js"),__vite__mapDeps([61,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,56,37])).then(u,be);case"kol-input-number":return pe(()=>import("./kol-input-number.entry-BdZSFilo.js"),__vite__mapDeps([62,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,50,60,53,37,51])).then(u,be);case"kol-input-password":return pe(()=>import("./kol-input-password.entry-Ci0il-Or.js"),__vite__mapDeps([63,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,59,50,55,60,53,37])).then(u,be);case"kol-input-radio":return pe(()=>import("./kol-input-radio.entry-HYgY53VP.js"),__vite__mapDeps([64,5,9,46,36,1,37,38,39,40,7,41,42,27,43,21,4,18,13,20,12,6,45,44])).then(u,be);case"kol-input-text":return pe(()=>import("./kol-input-text.entry-CL-ar3xy.js"),__vite__mapDeps([65,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,9,46,57,58,51,59,50,55,60,53,37])).then(u,be);case"kol-kolibri":return pe(()=>import("./kol-kolibri.entry-zDMPUVPa.js"),__vite__mapDeps([66,14,13])).then(u,be);case"kol-link":return pe(()=>import("./kol-link.entry-DmvF3XtZ.js"),[]).then(u,be);case"kol-link-button":return pe(()=>import("./kol-link-button.entry-CZXHxRKi.js"),[]).then(u,be);case"kol-modal":return pe(()=>import("./kol-modal.entry-00VVfPUL.js"),__vite__mapDeps([67,5,1,29])).then(u,be);case"kol-nav":return pe(()=>import("./kol-nav.entry-D5porIfD.js"),__vite__mapDeps([68,41,1,5,13,9,23,24])).then(u,be);case"kol-pagination":return pe(()=>import("./kol-pagination.entry-B9GmL4gN.js"),[]).then(u,be);case"kol-popover-button":return pe(()=>import("./kol-popover-button.entry-BuPXSMzB.js"),[]).then(u,be);case"kol-progress":return pe(()=>import("./kol-progress.entry-CsC7k4cz.js"),__vite__mapDeps([69,1])).then(u,be);case"kol-quote":return pe(()=>import("./kol-quote.entry-D-s9UJ9z.js"),__vite__mapDeps([70,18,1,5])).then(u,be);case"kol-select":return pe(()=>import("./kol-select.entry-Dn_uQ7S3.js"),[]).then(u,be);case"kol-skip-nav":return pe(()=>import("./kol-skip-nav.entry-ofWfEFTg.js"),__vite__mapDeps([71,1,23,24])).then(u,be);case"kol-spin":return pe(()=>import("./kol-spin.entry-DgEclCG7.js"),__vite__mapDeps([72,1,73,13,5])).then(u,be);case"kol-split-button":return pe(()=>import("./kol-split-button.entry-D1BYrNvx.js"),__vite__mapDeps([74,5,13])).then(u,be);case"kol-table-stateful":return pe(()=>import("./kol-table-stateful.entry-BOFDBMdh.js"),__vite__mapDeps([75,13,76,1,77])).then(u,be);case"kol-table-stateless":return pe(()=>import("./kol-table-stateless.entry-BfJKR122.js"),[]).then(u,be);case"kol-tabs":return pe(()=>import("./kol-tabs.entry-DdqQd7ui.js"),__vite__mapDeps([78,27,1,5,13,77])).then(u,be);case"kol-textarea":return pe(()=>import("./kol-textarea.entry-BDYEFaRq.js"),__vite__mapDeps([79,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,9,55,60,53,37,80,58])).then(u,be);case"kol-toast-container":return pe(()=>import("./kol-toast-container.entry-DO7y1k12.js"),__vite__mapDeps([81,13,9,12,4,5,6,19])).then(u,be);case"kol-toolbar":return pe(()=>import("./kol-toolbar.entry-D5XCHybC.js"),__vite__mapDeps([82,4,1,77,38])).then(u,be);case"kol-tree":return pe(()=>import("./kol-tree.entry-D1AFiMRk.js"),[]).then(u,be);case"kol-tree-item":return pe(()=>import("./kol-tree-item.entry-C2s6ocC4.js"),[]).then(u,be);case"kol-version":return pe(()=>import("./kol-version.entry-DNp9AvAC.js"),__vite__mapDeps([83,1,13])).then(u,be);case"kol-alert-wc":return pe(()=>import("./kol-alert-wc.entry-C9xmYWfN.js"),__vite__mapDeps([84,12,4,5,13,6,28,1,10])).then(u,be);case"kol-avatar-wc":return pe(()=>import("./kol-avatar-wc.entry-DAPjyK6Q.js"),__vite__mapDeps([85,14,34,1,13])).then(u,be);case"kol-button-wc":return pe(()=>import("./kol-button-wc.entry-DSY8BXlO.js"),__vite__mapDeps([86,18,40,87,88,7,41,15,89,1,42,27,5,12,4,13,6,16,17,19,20,21,46,43])).then(u,be);case"kol-card-wc":return pe(()=>import("./kol-card-wc.entry-NaF7_ccv.js"),__vite__mapDeps([90,28,1,13,10,12,4,5,6,19,9])).then(u,be);case"kol-combobox":return pe(()=>import("./kol-combobox.entry-hXJke6YZ.js"),__vite__mapDeps([91,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,92,9,60,37,51])).then(u,be);case"kol-input-range":return pe(()=>import("./kol-input-range.entry-Q01OBoPc.js"),__vite__mapDeps([93,4,5,39,40,7,41,1,42,27,43,21,18,13,20,12,6,48,17,15,49,44,9,46,50,51])).then(u,be);case"kol-link-wc":return pe(()=>import("./kol-link-wc.entry-DqKiz_Jl.js"),__vite__mapDeps([94,18,40,87,88,7,41,95,15,89,1,42,27,5,12,4,13,6,16,17,19,20,21])).then(u,be);case"kol-pagination-wc":return pe(()=>import("./kol-pagination-wc.entry-C1P2KuEO.js"),__vite__mapDeps([96,88,1,42,27,13,9,23])).then(u,be);case"kol-popover-button-wc":return pe(()=>import("./kol-popover-button-wc.entry-CZrTN-m7.js"),__vite__mapDeps([97,98,5,89,27])).then(u,be);case"kol-popover-wc":return pe(()=>import("./kol-popover-wc.entry-OPPrHj7S.js"),__vite__mapDeps([99,98,27,73,5])).then(u,be);case"kol-select-wc":return pe(()=>import("./kol-select-wc.entry-BYTegbcK.js"),__vite__mapDeps([100,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,9,46,56,36,37,38,80])).then(u,be);case"kol-single-select":return pe(()=>import("./kol-single-select.entry-DH-eYL2Y.js"),__vite__mapDeps([101,5,39,40,7,41,1,42,27,43,21,4,18,13,20,12,6,48,17,15,49,44,92,9,36,37,38,60])).then(u,be);case"kol-table-settings-wc":return pe(()=>import("./kol-table-settings-wc.entry-CmN6B8Zd.js"),__vite__mapDeps([102,4,13])).then(u,be);case"kol-table-stateless-wc":return pe(()=>import("./kol-table-stateless-wc.entry-_NjzLGMy.js"),__vite__mapDeps([103,5,13,76,1,77,9,21])).then(u,be);case"kol-tooltip-wc":return pe(()=>import("./kol-tooltip-wc.entry-BxVlF7jf.js"),__vite__mapDeps([104,98,27,1,12,4,5,13,6,16,17,18,19,20,21,29])).then(u,be);case"kol-tree-item-wc":return pe(()=>import("./kol-tree-item-wc.entry-CkO2A7_w.js"),__vite__mapDeps([105,5,95,1,8,9])).then(u,be);case"kol-tree-wc":return pe(()=>import("./kol-tree-wc.entry-B2h9u2Ds.js"),__vite__mapDeps([106,1])).then(u,be);case"test-component":return pe(()=>import("./test-component.entry-DeJL7qjh.js"),[]).then(u,be)}}return pe(()=>import(`./${s}.entry.js`),[]).then(u=>(qu.set(s,u),u[i]),u=>{be(u,o.$hostElement$)})},Ds=new Map,hx=[],G5="r",Y5="o",_b="s",X5="t",W5="c",Ii="s-id",yb="sty-id",D_="c-id",Q5="{visibility:hidden}.hydrated{visibility:inherit}",px="slot-fb{display:contents}slot-fb[hidden]{display:none}",M_="http://www.w3.org/1999/xlink",rn=typeof window<"u"?window:{},pn={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,i)=>e.addEventListener(o,r,i),rel:(e,o,r,i)=>e.removeEventListener(o,r,i),ce:(e,o)=>new CustomEvent(e,o)},J5=(()=>{var e;let o=!1;try{(e=rn.document)==null||e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch{}return o})(),ej=e=>Promise.resolve(e),dm=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),xb=dm?!!rn.document&&Object.getOwnPropertyDescriptor(rn.document.adoptedStyleSheets,"length").writable:!1,vx=e=>ej().then(e),fm=e=>(e=typeof e,e==="object"||e==="function");function kx(e){var o,r,i;return(i=(r=(o=e.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?i:void 0}var nj=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),oj=class ua{static fromLocalValue(o){const r=o[Ku],i=Vu in o?o[Vu]:void 0;switch(r){case"string":return i;case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return;case"null":return null;case"number":return i==="NaN"?NaN:i==="-0"?-0:i==="Infinity"?1/0:i==="-Infinity"?-1/0:i;case"array":return i.map(p=>ua.fromLocalValue(p));case"date":return new Date(i);case"map":const s=new Map;for(const[p,k]of i){const g=typeof p=="object"&&p!==null?ua.fromLocalValue(p):p,y=ua.fromLocalValue(k);s.set(g,y)}return s;case"object":const d={};for(const[p,k]of i)d[p]=ua.fromLocalValue(k);return d;case"regexp":const{pattern:u,flags:m}=i;return new RegExp(u,m);case"set":const h=new Set;for(const p of i)h.add(ua.fromLocalValue(p));return h;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${r}`)}}static fromLocalValueArray(o){return o.map(r=>ua.fromLocalValue(r))}static isLocalValueObject(o){if(typeof o!="object"||o===null||!o.hasOwnProperty(Ku))return!1;const r=o[Ku];return Object.values({...bx,...mx}).includes(r)?r!=="null"&&r!=="undefined"?o.hasOwnProperty(Vu):!0:!1}},tj={};H5(tj,{err:()=>gx,map:()=>rj,ok:()=>wb,unwrap:()=>aj,unwrapErr:()=>lj});var wb=e=>({isOk:!0,isErr:!1,value:e}),gx=e=>({isOk:!1,isErr:!0,value:e});function rj(e,o){if(e.isOk){const r=o(e.value);return r instanceof Promise?r.then(i=>wb(i)):wb(r)}if(e.isErr){const r=e.value;return gx(r)}throw"should never get here"}var aj=e=>{if(e.isOk)return e.value;throw e.value},lj=e=>{if(e.isErr)return e.value;throw e.value};function ij(e){return typeof e!="string"||!e.startsWith(gb)?e:oj.fromLocalValue(JSON.parse(atob(e.slice(gb.length))))}var ji;function cj(e){var o;const r=this.attachShadow({mode:"open"});ji===void 0&&(ji=(o=void 0)!=null?o:null),ji&&(xb?r.adoptedStyleSheets.push(ji):r.adoptedStyleSheets=[...r.adoptedStyleSheets,ji])}var _x=e=>{const o=Ir(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"&&yx(o,e.tagName).forEach(i=>{i.nodeType===1&&i.tagName==="SLOT-FB"&&(dj(i,um(i),!1).length?i.hidden=!0:i.hidden=!1)});let r=0;for(r=0;r<o.length;r++){const i=o[r];i.nodeType===1&&Ir(i,"childNodes").length&&_x(i)}},sj=e=>{const o=[];for(let r=0;r<e.length;r++){const i=e[r]["s-nr"]||void 0;i&&i.isConnected&&o.push(i)}return o};function yx(e,o,r){let i=0,s=[],d;for(;i<e.length;i++)d=e[i],d["s-sr"]&&(!o||d["s-hn"]===o)&&r===void 0&&s.push(d),s=[...s,...yx(d.childNodes,o,r)];return s}var dj=(e,o,r=!0)=>{const i=[];(r&&e["s-sr"]||!e["s-sr"])&&i.push(e);let s=e;for(;s=s.nextSibling;)um(s)===o&&(r||!s["s-sr"])&&i.push(s);return i},I_=(e,o)=>e.nodeType===1?e.getAttribute("slot")===null&&o===""||e.getAttribute("slot")===o:e["s-sn"]===o?!0:o==="",fj=(e,o,r,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!o["s-cr"]||!o["s-cr"].parentNode)return;const d=o["s-cr"].parentNode,u=Ir(d,"appendChild");if(typeof i<"u"){s["s-oo"]=i;const m=Ir(d,"childNodes"),h=[s];m.forEach(p=>{p["s-nr"]&&h.push(p)}),h.sort((p,k)=>!p["s-oo"]||p["s-oo"]<(k["s-oo"]||0)?-1:!k["s-oo"]||k["s-oo"]<p["s-oo"]?1:0),h.forEach(p=>u.call(d,p))}else u.call(d,s);e["s-ol"]=s,e["s-sh"]=o["s-hn"]},um=e=>typeof e["s-sn"]=="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function xx(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=r=>(function(i){const s=[],d=this["s-sn"];i?.flatten&&console.error(`
           Flattening is not supported for Stencil non-shadow slots.
           You can use \`.childNodes\` to nested slot fallback content.
           If you have a particular use case, please open an issue on the Stencil repo.
-        `);const u=this["s-cr"].parentElement;return(u.__childNodes?u.childNodes:sj(u.childNodes)).forEach(h=>{d===um(h)&&s.push(h)}),r?s.filter(h=>h.nodeType===1):s}).bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}function Ir(e,o){if("__"+o in e){const r=e["__"+o];return typeof r!="function"?r:r.bind(e)}else return typeof e[o]!="function"?e[o]:e[o].bind(e)}var Lt=(e,o="")=>()=>{},uj=(e,o)=>()=>{},gl=new WeakMap,wx=(e,o,r)=>{let i=Ds.get(e);dm&&r?(i=i||new CSSStyleSheet,typeof i=="string"?i=o:i.replaceSync(o)):i=o,Ds.set(e,i)},zx=(e,o,r)=>{var i;const s=bm(o,r),d=Ds.get(s);if(!rn.document)return s;if(e=e.nodeType===11?e:rn.document,d)if(typeof d=="string"){e=e.head||e;let u=gl.get(e),m;if(u||gl.set(e,u=new Set),!u.has(s)){if(e.host&&(m=e.querySelector(`[${yb}="${s}"]`)))m.innerHTML=d;else{m=rn.document.createElement("style"),m.innerHTML=d;const h=(i=pn.$nonce$)!=null?i:kx(rn.document);if(h!=null&&m.setAttribute("nonce",h),!(o.$flags$&1))if(e.nodeName==="HEAD"){const p=e.querySelectorAll("link[rel=preconnect]"),k=p.length>0?p[p.length-1].nextSibling:e.querySelector("style");e.insertBefore(m,k?.parentNode===e?k:null)}else if("host"in e)if(dm){const p=new CSSStyleSheet;p.replaceSync(d),xb?e.adoptedStyleSheets.unshift(p):e.adoptedStyleSheets=[p,...e.adoptedStyleSheets]}else{const p=e.querySelector("style");p?p.innerHTML=d+p.innerHTML:e.prepend(m)}else e.append(m);o.$flags$&1&&e.insertBefore(m,null)}o.$flags$&4&&(m.innerHTML+=px),u&&u.add(s)}}else e.adoptedStyleSheets.includes(d)||(xb?e.adoptedStyleSheets.push(d):e.adoptedStyleSheets=[...e.adoptedStyleSheets,d]);return s},bj=e=>{const o=e.$cmpMeta$,r=e.$hostElement$,i=o.$flags$,s=Lt("attachStyles",o.$tagName$),d=zx(r.shadowRoot?r.shadowRoot:r.getRootNode(),o,e.$modeName$);i&10&&(r["s-sc"]=d,r.classList.add(d+"-h")),s()},bm=(e,o)=>"sc-"+(o&&e.$flags$&32?e.$tagName$+"-"+o:e.$tagName$),mj=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),hj=()=>{if(!rn.document)return;const e=rn.document.querySelectorAll(`[${yb}]`);let o=0;for(;o<e.length;o++)wx(e[o].getAttribute(yb),mj(e[o].innerHTML),!0)},jx=(e,o,...r)=>{let i=null,s=null,d=null,u=!1,m=!1;const h=[],p=g=>{for(let y=0;y<g.length;y++)i=g[y],Array.isArray(i)?p(i):i!=null&&typeof i!="boolean"&&((u=typeof e!="function"&&!fm(i))&&(i=String(i)),u&&m?h[h.length-1].$text$+=i:h.push(u?jl(null,i):i),m=u)};if(p(r),o){o.key&&(s=o.key),o.name&&(d=o.name);{const g=o.className||o.class;g&&(o.class=typeof g!="object"?g:Object.keys(g).filter(y=>g[y]).join(" "))}}if(typeof e=="function")return e(o===null?{}:o,h,kj);const k=jl(e,null);return k.$attrs$=o,h.length>0&&(k.$children$=h),k.$key$=s,k.$name$=d,k},jl=(e,o)=>{const r={$flags$:0,$tag$:e,$text$:o,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r.$name$=null,r},pj={},vj=e=>e&&e.$tag$===pj,kj={forEach:(e,o)=>e.map(U_).forEach(o),map:(e,o)=>e.map(U_).map(o).map(gj)},U_=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),gj=e=>{if(typeof e.vtag=="function"){const r={...e.vattrs};return e.vkey&&(r.key=e.vkey),e.vname&&(r.name=e.vname),jx(e.vtag,r,...e.vchildren||[])}const o=jl(e.vtag,e.vtext);return o.$attrs$=e.vattrs,o.$children$=e.vchildren,o.$key$=e.vkey,o.$name$=e.vname,o},_j=(e,o,r,i)=>{var s,d;const u=Lt("hydrateClient",o),m=e.shadowRoot,h=[],p=[],k=[],g=m?[]:null,y=jl(o,null);y.$elm$=e,rn.document&&(!pn.$orgLocNodes$||!pn.$orgLocNodes$.size)&&jb(rn.document.body,pn.$orgLocNodes$=new Map),e[Ii]=r,e.removeAttribute(Ii),i.$vnode$=zb(y,h,p,g,e,e,r,k);let S=0;const $=h.length;let A;for(S;S<$;S++){A=h[S];const U=A.$hostId$+"."+A.$nodeId$,le=pn.$orgLocNodes$.get(U),ce=A.$elm$;if(!m)ce["s-hn"]=o.toUpperCase(),A.$tag$==="slot"&&(ce["s-cr"]=e["s-cr"]);else if((s=A.$tag$)!=null&&s.toString().includes("-")&&A.$tag$!=="slot-fb"&&!A.$elm$.shadowRoot){const Re=nt(A.$elm$);if(Re){const ie=bm(Re.$cmpMeta$,A.$elm$.getAttribute("s-mode")),re=rn.document.querySelector(`style[sty-id="${ie}"]`);re&&e.shadowRoot.append(re.cloneNode(!0))}}A.$tag$==="slot"&&(A.$name$=A.$elm$["s-sn"]||A.$elm$.name||null,A.$children$?(A.$flags$|=2,A.$elm$.childNodes.length||A.$children$.forEach(Re=>{A.$elm$.appendChild(Re.$elm$)})):A.$flags$|=1),le&&le.isConnected&&(le.parentElement.shadowRoot&&le["s-en"]===""&&le.parentNode.insertBefore(ce,le.nextSibling),le.parentNode.removeChild(le),m||(ce["s-oo"]=parseInt(A.$nodeId$))),le&&!le["s-id"]&&pn.$orgLocNodes$.delete(U)}const N=[],E=k.length;let x=0,z,B,I,K;for(x;x<E;x++)if(z=k[x],!(!z||!z.length))for(I=z.length,B=0,B;B<I;B++){if(K=z[B],N[K.hostId]||(N[K.hostId]=pn.$orgLocNodes$.get(K.hostId)),!N[K.hostId])continue;const U=N[K.hostId];U.shadowRoot&&K.node.parentElement!==U&&U.appendChild(K.node),(!U.shadowRoot||!m)&&(K.slot["s-cr"]||(K.slot["s-cr"]=U["s-cr"],!K.slot["s-cr"]&&U.shadowRoot?K.slot["s-cr"]=U:K.slot["s-cr"]=(U.__childNodes||U.childNodes)[0]),fj(K.node,K.slot,!1,K.node["s-oo"]),(d=K.node.parentElement)!=null&&d.shadowRoot&&K.node.getAttribute&&K.node.getAttribute("slot")&&K.node.removeAttribute("slot"))}if(m){let U=0;const le=g.length;if(le){for(U;U<le;U++){const ce=g[U];ce&&m.appendChild(ce)}Array.from(e.childNodes).forEach(ce=>{typeof ce["s-en"]!="string"&&typeof ce["s-sn"]!="string"&&(ce.nodeType===1&&ce.slot&&ce.hidden?ce.removeAttribute("hidden"):(ce.nodeType===8&&!ce.nodeValue||ce.nodeType===3&&!ce.wholeText.trim())&&ce.parentNode.removeChild(ce))})}}i.$hostElement$=e,u()},zb=(e,o,r,i,s,d,u,m=[])=>{let h,p,k,g;if(d.nodeType===1){if(h=d.getAttribute(D_),h&&(p=h.split("."),p[0]===u||p[0]==="0")){k=H_({$flags$:0,$hostId$:p[0],$nodeId$:p[1],$depth$:p[2],$index$:p[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:{class:d.className||""}}),o.push(k),d.removeAttribute(D_),e.$children$||(e.$children$=[]);const S=k.$elm$.getAttribute("s-sn");typeof S=="string"&&(k.$tag$==="slot-fb"&&F_(S,p[2],k,d,e,o,r,i,m),k.$elm$["s-sn"]=S,k.$elm$.removeAttribute("s-sn")),k.$index$!==void 0&&(e.$children$[k.$index$]=k),e=k,i&&k.$depth$==="0"&&(i[k.$index$]=k.$elm$)}if(d.shadowRoot)for(g=d.shadowRoot.childNodes.length-1;g>=0;g--)zb(e,o,r,i,s,d.shadowRoot.childNodes[g],u,m);const y=d.__childNodes||d.childNodes;for(g=y.length-1;g>=0;g--)zb(e,o,r,i,s,y[g],u,m)}else if(d.nodeType===8){if(p=d.nodeValue.split("."),p[1]===u||p[1]==="0"){if(h=p[0],k=H_({$hostId$:p[1],$nodeId$:p[2],$depth$:p[3],$index$:p[4]||"0",$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),h===X5)k.$elm$=V_(d,3),k.$elm$&&k.$elm$.nodeType===3&&(k.$text$=k.$elm$.textContent,o.push(k),d.remove(),u===k.$hostId$&&(e.$children$||(e.$children$=[]),e.$children$[k.$index$]=k),i&&k.$depth$==="0"&&(i[k.$index$]=k.$elm$));else if(h===W5)k.$elm$=V_(d,8),k.$elm$&&k.$elm$.nodeType===8&&(o.push(k),d.remove());else if(k.$hostId$===u)if(h===_b){const y=d["s-sn"]=p[5]||"";F_(y,p[2],k,d,e,o,r,i,m)}else h===G5&&(i?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))}}else if(e&&e.$tag$==="style"){const y=jl(null,d.textContent);y.$elm$=d,y.$index$="0",e.$children$=[y]}else d.nodeType===3&&!d.wholeText.trim()&&!d["s-nr"]&&d.remove();return e},jb=(e,o)=>{if(e.nodeType===1){const r=e[Ii]||e.getAttribute(Ii);r&&o.set(r,e);let i=0;if(e.shadowRoot)for(;i<e.shadowRoot.childNodes.length;i++)jb(e.shadowRoot.childNodes[i],o);const s=e.__childNodes||e.childNodes;for(i=0;i<s.length;i++)jb(s[i],o)}else if(e.nodeType===8){const r=e.nodeValue.split(".");r[0]===Y5&&(o.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},H_=e=>({...{$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:"0",$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},...e});function F_(e,o,r,i,s,d,u,m,h){i["s-sr"]=!0,r.$name$=e||null,r.$tag$="slot";const p=s?.$elm$?s.$elm$["s-id"]||s.$elm$.getAttribute("s-id"):"";if(m&&rn.document){const k=r.$elm$=rn.document.createElement(r.$tag$);r.$name$&&r.$elm$.setAttribute("name",e),s.$elm$.shadowRoot&&p&&p!==r.$hostId$?Ir(s.$elm$,"insertBefore")(k,Ir(s.$elm$,"children")[0]):Ir(Ir(i,"parentNode"),"insertBefore")(k,i),K_(h,o,e,i,r.$hostId$),i.remove(),r.$depth$==="0"&&(m[r.$index$]=r.$elm$)}else{const k=r.$elm$,g=p&&p!==r.$hostId$&&s.$elm$.shadowRoot;K_(h,o,e,i,g?p:r.$hostId$),xx(i),g&&s.$elm$.insertBefore(k,s.$elm$.children[0])}d.push(r),u.push(r),s.$children$||(s.$children$=[]),s.$children$[r.$index$]=r}var K_=(e,o,r,i,s)=>{var d,u;let m=i.nextSibling;if(e[o]=e[o]||[],!(!m||(d=m.nodeValue)!=null&&d.startsWith(_b+".")))do m&&((m.getAttribute&&m.getAttribute("slot")||m["s-sn"])===r||r===""&&!m["s-sn"]&&(!m.getAttribute||!m.getAttribute("slot"))&&(m.nodeType===8||m.nodeType===3))&&(m["s-sn"]=r,e[o].push({slot:i,node:m,hostId:s})),m=m?.nextSibling;while(m&&!((u=m.nodeValue)!=null&&u.startsWith(_b+".")))},V_=(e,o)=>{let r=e;do r=r.nextSibling;while(r&&(r.nodeType!==o||!r.nodeValue));return r},mm=e=>{const o=nj(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};mm("::slotted");mm(":host");mm(":host-context");var yj=e=>hx.map(o=>o(e)).find(o=>!!o),xj=e=>hx.push(e),Sb=(e,o,r)=>typeof e=="string"&&e.startsWith(gb)?(e=ij(e),e):e!=null&&!fm(e)?o&4?e==="false"?!1:e===""||!!e:o&2?typeof e=="string"?parseFloat(e):typeof e=="number"?e:NaN:o&1?String(e):e:e,CR=e=>{var o;return(o=nt(e))==null?void 0:o.$hostElement$},wj=(e,o,r)=>{const i=pn.ce(o,r);return e.dispatchEvent(i),i},q_=(e,o,r,i,s,d,u)=>{if(r===i)return;let m=R_(e,o),h=o.toLowerCase();if(o==="class"){const p=e.classList,k=Z_(r);let g=Z_(i);if((e["s-si"]||e["s-sc"])&&u){const y=e["s-sc"]||e["s-si"];g.push(y),k.forEach(S=>{S.startsWith(y)&&g.push(S)}),g=[...new Set(g)].filter(S=>S),p.add(...g)}else p.remove(...k.filter(y=>y&&!g.includes(y))),p.add(...g.filter(y=>y&&!k.includes(y)))}else if(o==="style"){for(const p in r)(!i||i[p]==null)&&(p.includes("-")?e.style.removeProperty(p):e.style[p]="");for(const p in i)(!r||i[p]!==r[p])&&(p.includes("-")?e.style.setProperty(p,i[p]):e.style[p]=i[p])}else if(o!=="key")if(o==="ref")i&&i(e);else if(!m&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):R_(rn,h)?o=h.slice(2):o=h[2]+o.slice(3),r||i){const p=o.endsWith(Sx);o=o.replace(jj,""),r&&pn.rel(e,o,r,p),i&&pn.ael(e,o,i,p)}}else{const p=fm(i);if((m||p&&i!==null)&&!s)try{if(e.tagName.includes("-"))e[o]!==i&&(e[o]=i);else{const g=i??"";o==="list"?m=!1:(r==null||e[o]!=g)&&(typeof e.__lookupSetter__(o)=="function"?e[o]=g:e.setAttribute(o,g))}}catch{}let k=!1;h!==(h=h.replace(/^xlink\:?/,""))&&(o=h,k=!0),i==null||i===!1?(i!==!1||e.getAttribute(o)==="")&&(k?e.removeAttributeNS(M_,o):e.removeAttribute(o)):(!m||d&4||s)&&!p&&e.nodeType===1&&(i=i===!0?"":i,k?e.setAttributeNS(M_,o,i):e.setAttribute(o,i))}},zj=/\s/,Z_=e=>(typeof e=="object"&&e&&"baseVal"in e&&(e=e.baseVal),!e||typeof e!="string"?[]:e.split(zj)),Sx="Capture",jj=new RegExp(Sx+"$"),Tb=(e,o,r,i)=>{const s=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,d=e&&e.$attrs$||{},u=o.$attrs$||{};for(const m of P_(Object.keys(d)))m in u||q_(s,m,d[m],void 0,r,o.$flags$,i);for(const m of P_(Object.keys(u)))q_(s,m,d[m],u[m],r,o.$flags$,i)};function P_(e){return e.includes("ref")?[...e.filter(o=>o!=="ref"),"ref"]:e}var Ab,ed,Cb=!1,Ms=!1,hm=!1,Ro=!1,Is=(e,o,r)=>{var i;const s=o.$children$[r];let d=0,u,m,h;if(Cb||(hm=!0,s.$tag$==="slot"&&(s.$flags$|=s.$children$?2:1)),s.$text$!==null)u=s.$elm$=rn.document.createTextNode(s.$text$);else if(s.$flags$&1)u=s.$elm$=rn.document.createTextNode(""),Tb(null,s,Ro);else{if(Ro||(Ro=s.$tag$==="svg"),!rn.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(u=s.$elm$=rn.document.createElementNS(Ro?F5:K5,!Cb&&va.slotRelocation&&s.$flags$&2?"slot-fb":s.$tag$),Ro&&s.$tag$==="foreignObject"&&(Ro=!1),Tb(null,s,Ro),s.$children$)for(d=0;d<s.$children$.length;++d)m=Is(e,s,d),m&&u.appendChild(m);s.$tag$==="svg"?Ro=!1:u.tagName==="foreignObject"&&(Ro=!0)}return u["s-hn"]=ed,s.$flags$&3&&(u["s-sr"]=!0,u["s-cr"]=Ab,u["s-sn"]=s.$name$||"",u["s-rf"]=(i=s.$attrs$)==null?void 0:i.ref,xx(u),h=e&&e.$children$&&e.$children$[r],h&&h.$tag$===s.$tag$&&e.$elm$&&Ui(e.$elm$,!1)),u},Ui=(e,o)=>{pn.$flags$|=1;const r=Array.from(e.__childNodes||e.childNodes);for(let i=r.length-1;i>=0;i--){const s=r[i];s["s-hn"]!==ed&&s["s-ol"]&&(Ur(Hi(s).parentNode,s,Hi(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,hm=!0),o&&Ui(s,o)}pn.$flags$&=-2},Tx=(e,o,r,i,s,d)=>{let u=e["s-cr"]&&e["s-cr"].parentNode||e,m;for(u.shadowRoot&&u.tagName===ed&&(u=u.shadowRoot);s<=d;++s)i[s]&&(m=Is(null,r,s),m&&(i[s].$elm$=m,Ur(u,m,Hi(o))))},Ax=(e,o,r)=>{for(let i=o;i<=r;++i){const s=e[i];if(s){const d=s.$elm$;Ex(s),d&&(Ms=!0,d["s-ol"]?d["s-ol"].remove():Ui(d,!0),d.remove())}}},Sj=(e,o,r,i,s=!1)=>{let d=0,u=0,m=0,h=0,p=o.length-1,k=o[0],g=o[p],y=i.length-1,S=i[0],$=i[y],A,N;for(;d<=p&&u<=y;)if(k==null)k=o[++d];else if(g==null)g=o[--p];else if(S==null)S=i[++u];else if($==null)$=i[--y];else if(ms(k,S,s))pl(k,S,s),k=o[++d],S=i[++u];else if(ms(g,$,s))pl(g,$,s),g=o[--p],$=i[--y];else if(ms(k,$,s))(k.$tag$==="slot"||$.$tag$==="slot")&&Ui(k.$elm$.parentNode,!1),pl(k,$,s),Ur(e,k.$elm$,g.$elm$.nextSibling),k=o[++d],$=i[--y];else if(ms(g,S,s))(k.$tag$==="slot"||$.$tag$==="slot")&&Ui(g.$elm$.parentNode,!1),pl(g,S,s),Ur(e,g.$elm$,k.$elm$),g=o[--p],S=i[++u];else{for(m=-1,h=d;h<=p;++h)if(o[h]&&o[h].$key$!==null&&o[h].$key$===S.$key$){m=h;break}m>=0?(N=o[m],N.$tag$!==S.$tag$?A=Is(o&&o[u],r,m):(pl(N,S,s),o[m]=void 0,A=N.$elm$),S=i[++u]):(A=Is(o&&o[u],r,u),S=i[++u]),A&&Ur(Hi(k.$elm$).parentNode,A,Hi(k.$elm$))}d>p?Tx(e,i[y+1]==null?null:i[y+1].$elm$,r,i,u,y):u>y&&Ax(o,d,p)},ms=(e,o,r=!1)=>e.$tag$===o.$tag$?e.$tag$==="slot"?e.$name$===o.$name$:r?(r&&!e.$key$&&o.$key$&&(e.$key$=o.$key$),!0):e.$key$===o.$key$:!1,Hi=e=>e&&e["s-ol"]||e,pl=(e,o,r=!1)=>{const i=o.$elm$=e.$elm$,s=e.$children$,d=o.$children$,u=o.$tag$,m=o.$text$;let h;m===null?(Ro=u==="svg"?!0:u==="foreignObject"?!1:Ro,Tb(e,o,Ro,r),s!==null&&d!==null?Sj(i,s,o,d,r):d!==null?(e.$text$!==null&&(i.textContent=""),Tx(i,null,o,d,0,d.length-1)):!r&&va.updatable&&s!==null?Ax(s,0,s.length-1):r&&va.updatable&&s!==null&&d===null&&(o.$children$=s),Ro&&u==="svg"&&(Ro=!1)):(h=i["s-cr"])?h.parentNode.textContent=m:e.$text$!==m&&(i.data=m)},nr=[],Cx=e=>{let o,r,i;const s=e.__childNodes||e.childNodes;for(const d of s){if(d["s-sr"]&&(o=d["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const u=d["s-sn"];for(i=r.length-1;i>=0;i--)if(o=r[i],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==d["s-hn"])if(I_(o,u)){let m=nr.find(h=>h.$nodeToRelocate$===o);Ms=!0,o["s-sn"]=o["s-sn"]||u,m?(m.$nodeToRelocate$["s-sh"]=d["s-hn"],m.$slotRefNode$=d):(o["s-sh"]=d["s-hn"],nr.push({$slotRefNode$:d,$nodeToRelocate$:o})),o["s-sr"]&&nr.map(h=>{I_(h.$nodeToRelocate$,o["s-sn"])&&(m=nr.find(p=>p.$nodeToRelocate$===o),m&&!h.$slotRefNode$&&(h.$slotRefNode$=m.$slotRefNode$))})}else nr.some(m=>m.$nodeToRelocate$===o)||nr.push({$nodeToRelocate$:o})}d.nodeType===1&&Cx(d)}},Ex=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Ex)},Ur=(e,o,r)=>e?.insertBefore(o,r),Tj=(e,o,r=!1)=>{var i,s,d,u;const m=e.$hostElement$,h=e.$cmpMeta$,p=e.$vnode$||jl(null,null),g=vj(o)?o:jx(null,null,o);if(ed=m.tagName,h.$attrsToReflect$&&(g.$attrs$=g.$attrs$||{},h.$attrsToReflect$.forEach(([y,S])=>{g.$attrs$[S]=m[y]})),r&&g.$attrs$)for(const y of Object.keys(g.$attrs$))m.hasAttribute(y)&&!["key","ref","style","class"].includes(y)&&(g.$attrs$[y]=m[y]);g.$tag$=null,g.$flags$|=4,e.$vnode$=g,g.$elm$=p.$elm$=m.shadowRoot||m,Cb=!!(h.$flags$&1)&&!(h.$flags$&128),Ab=m["s-cr"],Ms=!1,pl(p,g,r);{if(pn.$flags$|=1,hm){Cx(g.$elm$);for(const y of nr){const S=y.$nodeToRelocate$;if(!S["s-ol"]&&rn.document){const $=rn.document.createTextNode("");$["s-nr"]=S,Ur(S.parentNode,S["s-ol"]=$,S)}}for(const y of nr){const S=y.$nodeToRelocate$,$=y.$slotRefNode$;if($){const A=$.parentNode;let N=$.nextSibling;{let z=(i=S["s-ol"])==null?void 0:i.previousSibling;for(;z;){let B=(s=z["s-nr"])!=null?s:null;if(B&&B["s-sn"]===S["s-sn"]&&A===(B.__parentNode||B.parentNode)){for(B=B.nextSibling;B===S||B?.["s-sr"];)B=B?.nextSibling;if(!B||!B["s-nr"]){N=B;break}}z=z.previousSibling}}const E=S.__parentNode||S.parentNode,x=S.__nextSibling||S.nextSibling;(!N&&A!==E||x!==N)&&S!==N&&(!S["s-hn"]&&S["s-ol"]&&(S["s-hn"]=S["s-ol"].parentNode.nodeName),Ur(A,S,N),S.nodeType===1&&S.tagName!=="SLOT-FB"&&(S.hidden=(d=S["s-ih"])!=null?d:!1)),S&&typeof $["s-rf"]=="function"&&$["s-rf"]($)}else S.nodeType===1&&(r&&(S["s-ih"]=(u=S.hidden)!=null?u:!1),S.hidden=!0)}}Ms&&_x(g.$elm$),pn.$flags$&=-2,nr.length=0}Ab=void 0},Lx=(e,o)=>{if(o&&!e.$onRenderResolve$&&o["s-p"]){const r=o["s-p"].push(new Promise(i=>e.$onRenderResolve$=()=>{o["s-p"].splice(r-1,1),i()}))}},pm=(e,o)=>{if(e.$flags$&4){e.$flags$|=512;return}Lx(e,e.$ancestorComponent$);const r=()=>Aj(e,o);if(o){queueMicrotask(()=>{r()});return}return r()},Aj=(e,o)=>{const r=e.$hostElement$,i=Lt("scheduleUpdate",e.$cmpMeta$.$tagName$),s=e.$lazyInstance$;if(!s)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let d;return o?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([u,m])=>tr(s,u,m,r)),e.$queuedListeners$=void 0),e.$fetchedCbList$.length&&e.$fetchedCbList$.forEach(u=>u(r)),d=tr(s,"componentWillLoad",void 0,r)):d=tr(s,"componentWillUpdate",void 0,r),d=G_(d,()=>tr(s,"componentWillRender",void 0,r)),i(),G_(d,()=>Ej(e,s,o))},G_=(e,o)=>Cj(e)?e.then(o).catch(r=>{console.error(r),o()}):o(),Cj=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Ej=async(e,o,r)=>{var i;const s=e.$hostElement$,d=Lt("update",e.$cmpMeta$.$tagName$),u=s["s-rc"];r&&bj(e);const m=Lt("render",e.$cmpMeta$.$tagName$);Lj(e,o,s,r),u&&(u.map(h=>h()),s["s-rc"]=void 0),m(),d();{const h=(i=s["s-p"])!=null?i:[],p=()=>$j(e);h.length===0?p():(Promise.all(h).then(p),e.$flags$|=4,h.length=0)}},Lj=(e,o,r,i)=>{try{o=o.render&&o.render(),e.$flags$|=2,Tj(e,o,i)}catch(s){be(s,e.$hostElement$)}return null},$j=e=>{const o=e.$cmpMeta$.$tagName$,r=e.$hostElement$,i=Lt("postUpdate",o),s=e.$lazyInstance$,d=e.$ancestorComponent$;tr(s,"componentDidRender",void 0,r),e.$flags$&64?(tr(s,"componentDidUpdate",void 0,r),i()):(e.$flags$|=64,Oj(r),tr(s,"componentDidLoad",void 0,r),i(),e.$onReadyResolve$(r),d||$x()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&vx(()=>pm(e,!1)),e.$flags$&=-517},$x=e=>{var o;vx(()=>wj(rn,"appload",{detail:{namespace:I5}})),(o=pn.$orgLocNodes$)!=null&&o.size&&pn.$orgLocNodes$.clear()},tr=(e,o,r,i)=>{if(e&&e[o])try{return e[o](r)}catch(s){be(s,i)}},Oj=e=>{var o;return e.classList.add((o=va.hydratedSelectorName)!=null?o:"hydrated")},Nj=(e,o)=>nt(e).$instanceValues$.get(o),Zu=(e,o,r,i)=>{const s=nt(e);if(!s)return;if(!s)throw new Error(`Couldn't find host element for "${i.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const d=s.$hostElement$,u=s.$instanceValues$.get(o),m=s.$flags$,h=s.$lazyInstance$;r=Sb(r,i.$members$[o][0]);const p=Number.isNaN(u)&&Number.isNaN(r),k=r!==u&&!p;if((!(m&8)||u===void 0)&&k&&(s.$instanceValues$.set(o,r),h)){if(i.$watchers$&&m&128){const g=i.$watchers$[o];g&&g.map(y=>{try{h[y](r,u,o)}catch(S){be(S,d)}})}if((m&18)===2){if(h.componentShouldUpdate&&h.componentShouldUpdate(r,u,o)===!1)return;pm(s,!1)}}},Ox=(e,o,r)=>{var i,s;const d=e.prototype;if(o.$members$||va.propChangeCallback){e.watchers&&!o.$watchers$&&(o.$watchers$=e.watchers),e.deserializers&&!o.$deserializers$&&(o.$deserializers$=e.deserializers),e.serializers&&!o.$serializers$&&(o.$serializers$=e.serializers);const u=Object.entries((i=o.$members$)!=null?i:{});if(u.map(([m,[h]])=>{if(h&31||r&2&&h&32){const{get:p,set:k}=Object.getOwnPropertyDescriptor(d,m)||{};p&&(o.$members$[m][0]|=2048),k&&(o.$members$[m][0]|=4096),(r&1||!p)&&Object.defineProperty(d,m,{get(){{if((o.$members$[m][0]&2048)===0)return Nj(this,m);const g=nt(this),y=g?g.$lazyInstance$:d;return y?y[m]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(d,m,{set(g){const y=nt(this);if(y){if(k){typeof(h&32?this[m]:y.$hostElement$[m])>"u"&&y.$instanceValues$.get(m)&&(g=y.$instanceValues$.get(m)),k.apply(this,[Sb(g,h)]),g=h&32?this[m]:y.$hostElement$[m],Zu(this,m,g,o);return}{if((r&1)===0||(o.$members$[m][0]&4096)===0){Zu(this,m,g,o),r&1&&!y.$lazyInstance$&&y.$fetchedCbList$.push(()=>{o.$members$[m][0]&4096&&y.$lazyInstance$[m]!==y.$instanceValues$.get(m)&&(y.$lazyInstance$[m]=g)});return}const S=()=>{const $=y.$lazyInstance$[m];!y.$instanceValues$.get(m)&&$&&y.$instanceValues$.set(m,$),y.$lazyInstance$[m]=Sb(g,h),Zu(this,m,y.$lazyInstance$[m],o)};y.$lazyInstance$?S():y.$fetchedCbList$.push(()=>{S()})}}}})}else r&1&&h&64&&Object.defineProperty(d,m,{value(...p){var k;const g=nt(this);return(k=g?.$onInstancePromise$)==null?void 0:k.then(()=>{var y;return(y=g.$lazyInstance$)==null?void 0:y[m](...p)})}})}),r&1){const m=new Map;d.attributeChangedCallback=function(h,p,k){pn.jmp(()=>{var g;const y=m.get(h),S=nt(this);if(this.hasOwnProperty(y)&&va.lazyLoad&&(k=this[y],delete this[y]),d.hasOwnProperty(y)&&typeof this[y]=="number"&&this[y]==k)return;if(y==null){const N=S?.$flags$;if(S&&N&&!(N&8)&&N&128&&k!==p){const E=S.$lazyInstance$,x=(g=o.$watchers$)==null?void 0:g[h];x?.forEach(z=>{E[z]!=null&&E[z].call(E,k,p,h)})}return}const $=u.find(([N])=>N===y);$&&$[1][0]&4&&(k=!(k===null||k==="false"));const A=Object.getOwnPropertyDescriptor(d,y);k!=this[y]&&(!A.get||A.set)&&(this[y]=k)})},e.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...u.filter(([h,p])=>p[0]&31).map(([h,p])=>{var k;const g=p[1]||h;return m.set(g,h),p[0]&512&&((k=o.$attrsToReflect$)==null||k.push([h,g])),g})]))}}return e},Bj=async(e,o,r,i)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,r.$lazyBundleId$){const h=P5(r,o);if(h&&"then"in h){const k=uj();s=await h,k()}else s=h;if(!s)throw new Error(`Constructor for "${r.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(r.$watchers$=s.watchers,r.$serializers$=s.serializers,r.$deserializers$=s.deserializers,Ox(s,r,2),s.isProxied=!0);const p=Lt("createInstance",r.$tagName$);o.$flags$|=8;try{new s(o)}catch(k){be(k,e)}o.$flags$&=-9,o.$flags$|=128,p(),Eb(o.$lazyInstance$,e)}else{s=e.constructor;const h=e.localName;customElements.whenDefined(h).then(()=>o.$flags$|=128)}if(s&&s.style){let h;typeof s.style=="string"?h=s.style:typeof s.style!="string"&&(o.$modeName$=yj(e),o.$modeName$&&(h=s.style[o.$modeName$]));const p=bm(r,o.$modeName$);if(!Ds.has(p)){const k=Lt("registerStyles",r.$tagName$);wx(p,h,!!(r.$flags$&1)),k()}}}const d=o.$ancestorComponent$,u=()=>pm(o,!0);d&&d["s-rc"]?d["s-rc"].push(u):u()},Eb=(e,o)=>{tr(e,"connectedCallback",void 0,o)},Rj=e=>{if((pn.$flags$&1)===0){const o=nt(e);if(!o)return;const r=o.$cmpMeta$,i=Lt("connectedCallback",r.$tagName$);if(o.$flags$&1)Nx(e,o,r.$listeners$),o?.$lazyInstance$?Eb(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Eb(o.$lazyInstance$,e));else{o.$flags$|=1;let s;if(s=e.getAttribute(Ii),s){if(r.$flags$&1){const d=zx(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(d+"-h",d+"-s")}_j(e,r.$tagName$,s,o)}s||r.$flags$&12&&Dj(e);{let d=e;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){Lx(o,o.$ancestorComponent$=d);break}}r.$members$&&Object.entries(r.$members$).map(([d,[u]])=>{if(u&31&&d in e&&e[d]!==Object.prototype[d]){const m=e[d];delete e[d],e[d]=m}}),Bj(e,o,r)}i()}},Dj=e=>{if(!rn.document)return;const o=e["s-cr"]=rn.document.createComment("");o["s-cn"]=!0,Ur(e,o,e.firstChild)},Y_=(e,o)=>{tr(e,"disconnectedCallback",void 0,o||e)},Mj=async e=>{if((pn.$flags$&1)===0){const o=nt(e);o?.$rmListeners$&&(o.$rmListeners$.map(r=>r()),o.$rmListeners$=void 0),o?.$lazyInstance$?Y_(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Y_(o.$lazyInstance$,e))}gl.has(e)&&gl.delete(e),e.shadowRoot&&gl.has(e.shadowRoot)&&gl.delete(e.shadowRoot)},Ij=(e,o={})=>{var r;if(!rn.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=Lt(),s=[],d=o.exclude||[],u=rn.customElements,m=rn.document.head,h=m.querySelector("meta[charset]"),p=rn.document.createElement("style"),k=[];let g,y=!0;Object.assign(pn,o),pn.$resourcesUrl$=new URL(o.resourcesUrl||"./",rn.document.baseURI).href,pn.$flags$|=2,hj();let S=!1;if(e.map($=>{$[1].map(A=>{var N,E,x;const z={$flags$:A[0],$tagName$:A[1],$members$:A[2],$listeners$:A[3]};z.$flags$&4&&(S=!0),z.$members$=A[2],z.$listeners$=A[3],z.$attrsToReflect$=[],z.$watchers$=(N=A[4])!=null?N:{},z.$serializers$=(E=A[5])!=null?E:{},z.$deserializers$=(x=A[6])!=null?x:{};const B=o.transformTagName?o.transformTagName(z.$tagName$):z.$tagName$,I=class extends HTMLElement{constructor(K){if(super(K),this.hasRegisteredEventListeners=!1,K=this,Z5(K,z),z.$flags$&1){if(!K.shadowRoot)cj.call(K,z);else if(K.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${z.$tagName$}! Mode is set to ${K.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const K=nt(this);K&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Nx(this,K,z.$listeners$)),g&&(clearTimeout(g),g=null),y?k.push(this):pn.jmp(()=>Rj(this)))}disconnectedCallback(){pn.jmp(()=>Mj(this)),pn.raf(()=>{var K;const U=nt(this);if(!U)return;const le=k.findIndex(ce=>ce===this);le>-1&&k.splice(le,1),((K=U?.$vnode$)==null?void 0:K.$elm$)instanceof Node&&!U.$vnode$.$elm$.isConnected&&delete U.$vnode$.$elm$})}componentOnReady(){var K;return(K=nt(this))==null?void 0:K.$onReadyPromise$}};z.$lazyBundleId$=$[0],!d.includes(B)&&!u.get(B)&&(s.push(B),u.define(B,Ox(I,z,1)))})}),s.length>0&&(S&&(p.textContent+=px),p.textContent+=s.sort()+Q5,p.innerHTML.length)){p.setAttribute("data-styles","");const $=(r=pn.$nonce$)!=null?r:kx(rn.document);$!=null&&p.setAttribute("nonce",$),m.insertBefore(p,h?h.nextSibling:m.firstChild)}y=!1,k.length?k.map($=>$.connectedCallback()):pn.jmp(()=>g=setTimeout($x,30)),i()},ER=(e,o)=>o,Nx=(e,o,r,i)=>{r&&rn.document&&r.map(([s,d,u])=>{const m=Hj(rn.document,e,s),h=Uj(o,u),p=Fj(s);pn.ael(m,d,h,p),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>pn.rel(m,d,h,p))})},Uj=(e,o)=>r=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[o](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([o,r])}catch(s){be(s,e.$hostElement$)}},Hj=(e,o,r)=>r&8?rn:o,Fj=e=>J5?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,Kj=()=>{xj(e=>{try{e.shadowRoot instanceof ShadowRoot&&I6(e,z6(e))}catch{}return"default"}),pe(()=>import("./devtools-c0YYBtbu-C3HtEER5.js"),__vite__mapDeps([107,9])).then(e=>{typeof e=="object"&&e!==null&&typeof e.initialize=="function"&&e.initialize()}).catch(e=>{$n.error(e)})};const Vj=Kj;const qj=async(e,o)=>{if(!(typeof window>"u"))return await Vj(),Ij(JSON.parse('[["kol-abbr",[[289,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[289,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[289,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[260,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[289,"kol-avatar",{"_color":[1],"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[256,"kol-avatar-wc",{"_color":[1],"_src":[1],"_label":[1],"state":[32]},null,{"_color":["validateColor"],"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[289,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32],"kolFocus":[64]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[289,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[289,"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],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[289,"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],"_inline":[4],"_label":[1],"_variant":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[260,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_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],"_buttonVariant":[1,"_button-variant"],"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"],"_inline":["validateInline"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-card",[[289,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2]}]]],["kol-card-wc",[[260,"kol-card-wc",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[289,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_hideClearButton":[4,"_hide-clear-button"],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_hideClearButton":["validateHideClearButton"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[289,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[289,"kol-drawer",{"_open":[4],"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_hasCloser":["validateHasCloser"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[289,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[289,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"]}]]],["kol-icon",[[289,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[289,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input-checkbox",[[289,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[4,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[289,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[289,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[289,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_maxLengthBehavior":["validateMaxLengthBehavior"]}]]],["kol-input-file",[[289,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[289,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[289,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[289,"kol-input-radio",{"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[289,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[289,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"selectionStart":[64],"selectioconEnd":[64],"setSelectionRange":[64],"setSelectionStart":[64],"setRangeText":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[289,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[289,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_variant":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[289,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[260,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_buttonVariant":[1,"_button-variant"],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_inline":["validateInline"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-modal",[[289,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[289,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[289,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2]}]]],["kol-pagination-wc",[[256,"kol-pagination-wc",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[289,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"hidePopover":[64],"showPopover":[64],"kolFocus":[64]}]]],["kol-popover-button-wc",[[260,"kol-popover-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32],"popoverOpen":[32],"hidePopover":[64],"showPopover":[64],"kolFocus":[64]},null,{"_inline":["validateInline"],"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[260,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[289,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[289,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[289,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"getValue":[64],"kolFocus":[64]}]]],["kol-select-wc",[[256,"kol-select-wc",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[289,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[289,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32],"kolFocus":[64]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[289,"kol-spin",{"_show":[1540],"_label":[1],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_label":["validateLabel"],"_variant":["validateVariant"]}]]],["kol-split-button",[[289,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"getValue":[64],"kolFocus":[64],"closePopup":[64]}]]],["kol-table-settings-wc",[[256,"kol-table-settings-wc",{"_tableSettings":[16],"tableSettings":[32],"errorMessage":[32]},null,{"_tableSettings":["handleTableSettingsChange"]}]]],["kol-table-stateful",[[289,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_tableSettings":["validateTableSettings"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[289,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"]}]]],["kol-table-stateless-wc",[[256,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"tableDivElementHasScrollbar":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"settingsChange","handleSettingsChange"]],{"_hasSettingsMenu":["validateHasSettingsMenu"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"],"_tableSettings":["validateTableSettings"]}]]],["kol-tabs",[[289,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_hasCreateButton":["validateHasCreateButton"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[289,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[289,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"],"_orientation":["validateOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32],"hideTooltip":[64]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[289,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[289,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[260,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[260,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[289,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),o)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();var Lb={};function Zj(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Es={exports:{}},Pj=Es.exports,X_;function Gj(){return X_||(X_=1,(function(e){(function(o,r){e.exports?e.exports=r():o.log=r()})(Pj,function(){var o=function(){},r="undefined",i=typeof window!==r&&typeof window.navigator!==r&&/Trident\/|MSIE /.test(window.navigator.userAgent),s=["trace","debug","info","warn","error"],d={},u=null;function m(A,N){var E=A[N];if(typeof E.bind=="function")return E.bind(A);try{return Function.prototype.bind.call(E,A)}catch{return function(){return Function.prototype.apply.apply(E,[A,arguments])}}}function h(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function p(A){return A==="debug"&&(A="log"),typeof console===r?!1:A==="trace"&&i?h:console[A]!==void 0?m(console,A):console.log!==void 0?m(console,"log"):o}function k(){for(var A=this.getLevel(),N=0;N<s.length;N++){var E=s[N];this[E]=N<A?o:this.methodFactory(E,A,this.name)}if(this.log=this.debug,typeof console===r&&A<this.levels.SILENT)return"No console available for logging"}function g(A){return function(){typeof console!==r&&(k.call(this),this[A].apply(this,arguments))}}function y(A,N,E){return p(A)||g.apply(this,arguments)}function S(A,N){var E=this,x,z,B,I="loglevel";typeof A=="string"?I+=":"+A:typeof A=="symbol"&&(I=void 0);function K(ie){var re=(s[ie]||"silent").toUpperCase();if(!(typeof window===r||!I)){try{window.localStorage[I]=re;return}catch{}try{window.document.cookie=encodeURIComponent(I)+"="+re+";"}catch{}}}function U(){var ie;if(!(typeof window===r||!I)){try{ie=window.localStorage[I]}catch{}if(typeof ie===r)try{var re=window.document.cookie,xe=encodeURIComponent(I),$e=re.indexOf(xe+"=");$e!==-1&&(ie=/^([^;]+)/.exec(re.slice($e+xe.length+1))[1])}catch{}return E.levels[ie]===void 0&&(ie=void 0),ie}}function le(){if(!(typeof window===r||!I)){try{window.localStorage.removeItem(I)}catch{}try{window.document.cookie=encodeURIComponent(I)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch{}}}function ce(ie){var re=ie;if(typeof re=="string"&&E.levels[re.toUpperCase()]!==void 0&&(re=E.levels[re.toUpperCase()]),typeof re=="number"&&re>=0&&re<=E.levels.SILENT)return re;throw new TypeError("log.setLevel() called with invalid level: "+ie)}E.name=A,E.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},E.methodFactory=N||y,E.getLevel=function(){return B??z??x},E.setLevel=function(ie,re){return B=ce(ie),re!==!1&&K(B),k.call(E)},E.setDefaultLevel=function(ie){z=ce(ie),U()||E.setLevel(ie,!1)},E.resetLevel=function(){B=null,le(),k.call(E)},E.enableAll=function(ie){E.setLevel(E.levels.TRACE,ie)},E.disableAll=function(ie){E.setLevel(E.levels.SILENT,ie)},E.rebuild=function(){if(u!==E&&(x=ce(u.getLevel())),k.call(E),u===E)for(var ie in d)d[ie].rebuild()},x=ce(u?u.getLevel():"WARN");var Re=U();Re!=null&&(B=ce(Re)),k.call(E)}u=new S,u.getLogger=function(N){if(typeof N!="symbol"&&typeof N!="string"||N==="")throw new TypeError("You must supply a name when creating a logger.");var E=d[N];return E||(E=d[N]=new S(N,u.methodFactory)),E};var $=typeof window!==r?window.log:void 0;return u.noConflict=function(){return typeof window!==r&&window.log===u&&(window.log=$),u},u.getLoggers=function(){return d},u.default=u,u})})(Es)),Es.exports}Gj();const Yj=(e,o)=>r=>r(e,o),Xj=(e,o)=>r=>r(e,o,{append:!1}),Wj=()=>{const e=typeof process<"u"&&Lb?Lb:{},o=e.NODE_ENV==="test",r="VITEST"in e,i="JEST_WORKER_ID"in e,s="PLAYWRIGHT_TEST_BASE_URL"in e,d=e.CI==="true",u=e.TEST==="true"||e.IS_TEST==="true",m=typeof navigator<"u"&&navigator.webdriver===!0,h=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return o||r||i||s||d||u||m||h},Mo={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:Wj(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[r,i]of Mo.A11yUi.PERFORMANCE_MEASURES.entries())e[r]=[i.totalTime/i.count,i.count];const o=Object.entries(e).sort((r,i)=>i[1][0]-r[1][0]);return console.table(Object.fromEntries(o.map(([r,[i,s]])=>[r,{"avg (ms)":parseFloat(i.toFixed(2)),count:s}]))),e}}},Bx=new Set,Qj=/--[^;]+/g,Jj=/:/,eS=typeof MutationObserver<"u";let Rx=()=>{Math.min(25+Math.log2(Mo.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250)};const nS=(e,o)=>{let r=o.match(Qj);if(Array.isArray(r)){r=r.filter(s=>Jj.test(s));const i=document.createElement("style");i.innerHTML=`.${e} {${r.join(";")}}`,document.querySelector("head")?.appendChild(i)}Bx.add(e)},Pu=(e,o)=>{const r=Mo.A11yUi.THEMES.get(e);return r instanceof Map&&r.has(o)?r.get(o):""},oS=e=>{for(const o of Array.from(e.childNodes))if(o instanceof HTMLStyleElement&&o.tagName==="STYLE"&&o.dataset.themingFallback===void 0)e.removeChild(o);else break},tS=(e,o)=>{try{if(Mo.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const r=[];o.forEach(i=>{const s=new CSSStyleSheet;s.replaceSync(i),r.push(s)}),e.adoptedStyleSheets=r}catch{[...o].reverse().forEach((r,i)=>{if(typeof r!="string"||r.length===0)return;const s=document.createElement("style");switch(s.dataset.themingFallback="",i){case 4:s.dataset.themingBaseA11y="";break;case 3:s.dataset.themingBaseGlobal="";break;case 2:s.dataset.themingBaseComponent="";break;case 1:s.dataset.themingCustomGlobal="";break;case 0:s.dataset.themingCustomComponent="";break;default:s.dataset.themingUnknown="";break}s.innerHTML=r,e.insertBefore(s,e.firstChild)})}},rS=(e,o,r)=>{if(r!==!1){const i=[...Array.from(e.childNodes).filter(d=>d instanceof HTMLStyleElement&&d.tagName==="STYLE")];let s;try{s=[...Array.from(e.adoptedStyleSheets)]}catch{s=[]}r?.mode==="before"?(i.reverse().forEach(d=>o.unshift(d.innerHTML)),s.reverse().forEach(d=>o.unshift(Array.from(d.cssRules).map(u=>u.cssText).join("")))):r?.mode==="after"&&(i.forEach(d=>o.push(d.innerHTML)),s.forEach(d=>o.push(Array.from(d.cssRules).map(u=>u.cssText).join(""))))}},aS=(e,o,r)=>{const i=o.name||"default";let s;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");s=e.shadowRoot}catch{s=e}if(Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.has(e.tagName))W_(e,s,Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.get(e.tagName),r);else{const d=Pu(i,"PROPERTIES"),u=Pu(i,"GLOBAL"),m=Pu(i,e.tagName);Bx.has(i)===!1&&nS(i,u);const h=[d,u,m];rS(s,h,o.encroachCss),o.cache===!0&&(Mo.A11yUi.CSS_STYLE_CACHE.has(i)===!1&&Mo.A11yUi.CSS_STYLE_CACHE.set(i,new Map),Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.set(e.tagName,h)),W_(e,s,h,r)}},W_=(e,o,r,i)=>{const s=performance.now();if(oS(o),tS(o,r),Dx(e),i(),Mo.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const d=Mo.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);d.count+=1,d.totalTime+=performance.now()-s}else Mo.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-s})},lS=e=>{const o=Mo.A11yUi.STYLING_TASK_QUEUE.get(e);if(o){const{resetCss:r,themeDetails:i}=o;aS(e,i,r),Dx(e)}},iS={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},cS=eS?new MutationObserver((e,o)=>{for(const r of e){const i=r.target;i.classList.contains("hydrated")&&(lS(i),o.observe(i,iS))}}):null;cS&&(Rx=()=>{});const Dx=e=>{Mo.A11yUi.STYLING_TASK_QUEUE.delete(e),Rx()};class sS{Prefix;Key;Tag;createTheme=(o,r)=>Xj(o,r);createTranslation=(o,r)=>Yj(o,r);constructor(o,r,i){this.Prefix=o,this.Key=Object.getOwnPropertyNames(r),this.Tag=Object.getOwnPropertyNames(i)}}var $b;(function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"})($b||($b={}));var Ob;(function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e.alert=2]="alert",e[e.avatar=3]="avatar",e[e.badge=4]="badge",e[e.breadcrumb=5]="breadcrumb",e[e.button=6]="button",e[e["button-link"]=7]="button-link",e[e.card=8]="card",e[e.combobox=9]="combobox",e[e.details=10]="details",e[e.drawer=11]="drawer",e[e.form=12]="form",e[e.heading=13]="heading",e[e.icon=14]="icon",e[e.image=15]="image",e[e["input-checkbox"]=16]="input-checkbox",e[e["input-color"]=17]="input-color",e[e["input-date"]=18]="input-date",e[e["input-email"]=19]="input-email",e[e["input-file"]=20]="input-file",e[e["input-number"]=21]="input-number",e[e["input-password"]=22]="input-password",e[e["input-radio"]=23]="input-radio",e[e["input-range"]=24]="input-range",e[e["input-text"]=25]="input-text",e[e.kolibri=26]="kolibri",e[e.link=27]="link",e[e["link-button"]=28]="link-button",e[e.logo=29]="logo",e[e.modal=30]="modal",e[e.nav=31]="nav",e[e.pagination=32]="pagination",e[e["popover-button"]=33]="popover-button",e[e.progress=34]="progress",e[e.quote=35]="quote",e[e.select=36]="select",e[e["single-select"]=37]="single-select",e[e["skip-nav"]=38]="skip-nav",e[e.spin=39]="spin",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateful"]=43]="table-stateful",e[e["table-stateless"]=44]="table-stateless",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"})(Ob||(Ob={}));const Nb=["development","production","test"];let Bb="production";const dS=e=>{try{if(Nb.includes(e))Bb=e;else throw new Error(`Invalid NODE_ENV value: ${e}. Expected one of ${Nb.join(", ")}.`)}catch{Bb="production"}},fS=()=>{try{const e=typeof process<"u"&&Lb?"production":void 0;if(e&&Nb.includes(e))return e}catch{}return"production"};dS(fS());const uS=()=>Bb==="development",bS="color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000",bl=e=>Array.isArray(e)?e:[e],Q_=e=>`%c${e}`,mS=(e,o)=>typeof o=="string"&&o.length>0?`${Q_(e)} | ${o}`:Q_(e),ml=(e,o)=>[mS(e,o?.classifier),`${bS};${o?.overwriteStyle||""}`],Si=e=>uS()||e===!0;class hS{constructor(o){this.label=o}debug(o,r){Si(r?.forceLog)&&console.debug(...ml(this.label,r),...bl(o))}info(o,r){Si(r?.forceLog)&&console.info(...ml(this.label,r),...bl(o))}trace(o,r){Si(r?.forceLog)&&console.trace(...ml(this.label,r),...bl(o))}warn(o,r){Si(r?.forceLog)&&console.warn(...ml(this.label,r),...bl(o))}error(o,r){console.error(...ml(this.label,r),...bl(o))}throw(o,r){if(Si(r?.forceLog))throw new Error(...ml(this.label,r),...bl(o))}}const pS=new hS("KoliBri"),J_=new Set,vS=(e,o)=>{J_.has(e)===!1&&(J_.add(e),pS.debug([e].concat([]),{classifier:"💻 dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}))};vS("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");var Dr={exports:{}},e1;function kS(){if(e1)return Dr.exports;e1=1,Dr.exports=e,Dr.exports.arr=e,Dr.exports.obj=o,Dr.exports.css=r,Dr.exports.hex=i,Dr.exports.num=s;function e(x){var z=d(x);return z.length==3?z.concat(255):(z[3]=Math.round(z[3]),z)}function o(x){var z=d(x);return{r:z[0],g:z[1],b:z[2],a:z.length==3?255:Math.round(z[3])}}function r(x){var z=d(x);return z.length==3&&z.push(255),z[3]==255?"rgb("+z[0]+", "+z[1]+", "+z[2]+")":z[3]==0?"rgba("+z[0]+", "+z[1]+", "+z[2]+", 0)":"rgba("+z[0]+", "+z[1]+", "+z[2]+", "+String(z[3]/255).substr(1)+")"}function i(x){var U=d(x);U.length==3&&U.push(255);var z=U[3]==255,B=u(U[0]),I=u(U[1]),K=u(U[2]),U=u(Math.round(U[3])),le=m(B,I,K,U);return z?le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0):"#"+B+I+K:le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0)+U.charAt(0):"#"+B+I+K+U}function s(x){var z=d(x);return z.length==3?z.push(255):z[3]=Math.round(z[3]),(z[3]<<24>>>0|z[0]<<16|z[1]<<8|z[2])>>>0}function d(x){return typeof x=="string"?(x=x.toLowerCase(),h(x)||k(x)||g(x)||N(x)||E(x)||[0,0,0,255]):S(x)||$(x)||A(x)||[0,0,0,255]}function u(x){var z=x.toString(16);return z.length==1?"0"+z:z}function m(x,z,B,I){var K=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return K.indexOf(x)!=-1&&K.indexOf(z)!=-1&&K.indexOf(B)!=-1&&K.indexOf(I)!=-1}function h(x){if(x=="red")return[255,0,0];if(x=="green")return[0,255,0];if(x=="blue")return[0,0,255];if(x=="black")return[0,0,0];if(x=="white")return[255,255,255];if(x=="cyan")return[0,255,255];if(x=="gray")return[128,128,128];if(x=="grey")return[128,128,128];if(x=="magenta")return[255,0,255];if(x=="pink")return[255,0,255];if(x=="yellow")return[255,255,0]}function p(x){return x.length==1?parseInt(x+x,16):parseInt(x,16)}function k(x){var z=x.replace(/^#/,""),B=z.length;if(B==3||B==4){var I=p(z[0]),K=p(z[1]),U=p(z[2]),le=B==3?255:p(z[3]);return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function g(x){var z=x.replace(/^#/,""),B=z.length;if(B==6||B==8){var I=p(z.slice(0,2)),K=p(z.slice(2,4)),U=p(z.slice(4,6)),le=B==6?255:p(z.slice(6,8));return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function y(x,z){return typeof x!="number"||z===!0&&Math.floor(x)!==x?-1:x>=0&&x<=255?x:-1}function S(x){if(Object.prototype.toString.call(x)==="[object Object]"&&Object.getPrototypeOf(x)===Object.getPrototypeOf({})){var z=y(x.r!=null?x.r:x.red!=null?x.red:0,!0),B=y(x.g!=null?x.g:x.green!=null?x.green:0,!0),I=y(x.b!=null?x.b:x.blue!=null?x.blue:0,!0),K=y(x.a!=null?x.a:x.alpha!=null?x.alpha:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function $(x){if(Array.isArray(x)&&(x.length==3||x.length==4)){var z=y(x[0],!0),B=y(x[1],!0),I=y(x[2],!0),K=y(x[3]!=null?x[3]:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function A(x){if(typeof x=="number"&&Math.floor(x)==x&&x<=4294967295&&x>=0){var z=x>>24&255,B=x>>16&255,I=x>>8&255,K=x&255;return[B,I,K,z]}}function N(x){if(x.substr(0,4)=="rgb("){x=x.match(/^rgb\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0);if(B!=-1&&I!=-1&&K!=-1)return[B,I,K,255]}}function E(x){if(x.substr(0,5)=="rgba("){x=x.match(/^rgba\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0),U=y(z[3]*255);if(B!=-1&&I!=-1&&K!=-1&&U!=-1)return[B,I,K,U]}}return Dr.exports}kS();var Gu={},n1;function gS(){return n1||(n1=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const o=(i,s)=>{s.forEach(d=>{i.has(d)===!1&&i.add(d)})},r=(i,s=document)=>{if(s instanceof Document||s instanceof HTMLElement||s instanceof ShadowRoot){const d=new Set;o(d,s.querySelectorAll(i));const u=s.querySelectorAll('[class*="hydrated"]');for(let m=0;m<u.length;m++){const h=u[m].shadowRoot;typeof h=="object"&&h!==null?o(d,(0,e.querySelectorAll)(i,h)):o(d,(0,e.querySelectorAll)(i,u[m]))}return Array.from(d)}else throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")};e.querySelectorAll=r})(Gu)),Gu}gS();var Yu={},o1;function _S(){return o1||(o1=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;const o=(r,i=document)=>{if(i instanceof Document||i instanceof HTMLElement||i instanceof ShadowRoot){let s=i.querySelector(r);if(s===null){const d=i.querySelectorAll('[class*="hydrated"]');for(let u=0;u<d.length;u++){const m=d[u].shadowRoot;if(typeof m=="object"&&m!==null?s=(0,e.querySelector)(r,m):s=(0,e.querySelector)(r,d[u]),s!==null)break}}return s}else throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};e.querySelector=o})(Yu)),Yu}_S();new Event("StateChange");var Xu,t1;function yS(){return t1||(t1=1,Xu=function(o){return function(r,i){if(!r)return o;var s;typeof r=="string"?s=r:i=r;var d=o;return s&&(d+="__"+s),d+(i?Object.keys(i).reduce(function(u,m){var h=i[m];return h&&(u+=" "+(typeof h=="boolean"?d+"--"+m:d+"--"+m+"_"+h)),u},""):"")}}),Xu}var xS=yS(),wS=Zj(xS);function Mx(){const e=new Map,o=(r,i,s)=>{try{return e.get(r)(i,s)}catch{return e.set(r,wS(r)).get(r)(i,s)}};return o.forBlock=r=>{const i=(s,d)=>o(r,s,d);return i.forElement=s=>d=>o(r,s,d),i},o}const Ix=Mx();Ix("kol-icon");Ix("kol-icon","icon");const vm=Mx();vm("kol-alert","closer");vm("kol-alert","content");vm("kol-alert","icon");var r1;(function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"})(r1||(r1={}));const km=new sS("kol",$b,Ob);var ho;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(ho||(ho={}));var Pe;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Pe||(Pe={}));var sr;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(sr||(sr={}));const Se=new Map;Se.set(ho["Die Bundesregierung"],["Die","Bundesregierung"]);Se.set(ho["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);Se.set(ho["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);Se.set(ho["Auswärtiges Amt"],["Auswärtiges Amt"]);Se.set(ho["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);Se.set(ho["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);Se.set(ho["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);Se.set(ho["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);Se.set(ho["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);Se.set(ho["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);Se.set(ho["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);Se.set(ho["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);Se.set(ho["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);Se.set(ho["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);Se.set(ho["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);Se.set(Pe["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);Se.set(Pe["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);Se.set(Pe["Bundesamt für äußere Restitutionen"],[]);Se.set(Pe["Bundesamt für Bauwesen und Raumordnung"],[]);Se.set(Pe["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);Se.set(Pe["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);Se.set(Pe["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);Se.set(Pe["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);Se.set(Pe["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);Se.set(Pe["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);Se.set(Pe["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);Se.set(Pe["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);Se.set(Pe["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);Se.set(Pe["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);Se.set(Pe["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);Se.set(Pe["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);Se.set(Pe["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);Se.set(Pe.Bundesarchiv,["Das","Bundesarchiv"]);Se.set(Pe["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);Se.set(Pe.Bundesausgleichsamt,["Bundesausgleichsamt"]);Se.set(Pe.Bundeskartellamt,["Bundeskartellamt"]);Se.set(Pe.Bundeskriminalamt,["Bundeskriminalamt"]);Se.set(Pe.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);Se.set(Pe["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);Se.set(Pe.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);Se.set(Pe["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);Se.set(Pe.Bundessortenamt,["Bundessortenamt"]);Se.set(Pe.Bundessprachenamt,["Bundessprachenamt"]);Se.set(Pe["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);Se.set(Pe.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);Se.set(Pe["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);Se.set(Pe["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);Se.set(Pe["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);Se.set(Pe.Generalzolldirektion,["Generalzolldirektion"]);Se.set(Pe["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);Se.set(Pe["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);Se.set(sr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);Se.set(sr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);Se.set(sr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);Se.set(sr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);Se.set(sr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);Se.set(sr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);Se.set(sr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);var zS=`/* forward the rem function */
+        `);const u=this["s-cr"].parentElement;return(u.__childNodes?u.childNodes:sj(u.childNodes)).forEach(h=>{d===um(h)&&s.push(h)}),r?s.filter(h=>h.nodeType===1):s}).bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}function Ir(e,o){if("__"+o in e){const r=e["__"+o];return typeof r!="function"?r:r.bind(e)}else return typeof e[o]!="function"?e[o]:e[o].bind(e)}var Lt=(e,o="")=>()=>{},uj=(e,o)=>()=>{},gl=new WeakMap,wx=(e,o,r)=>{let i=Ds.get(e);dm&&r?(i=i||new CSSStyleSheet,typeof i=="string"?i=o:i.replaceSync(o)):i=o,Ds.set(e,i)},zx=(e,o,r)=>{var i;const s=bm(o,r),d=Ds.get(s);if(!rn.document)return s;if(e=e.nodeType===11?e:rn.document,d)if(typeof d=="string"){e=e.head||e;let u=gl.get(e),m;if(u||gl.set(e,u=new Set),!u.has(s)){if(e.host&&(m=e.querySelector(`[${yb}="${s}"]`)))m.innerHTML=d;else{m=rn.document.createElement("style"),m.innerHTML=d;const h=(i=pn.$nonce$)!=null?i:kx(rn.document);if(h!=null&&m.setAttribute("nonce",h),!(o.$flags$&1))if(e.nodeName==="HEAD"){const p=e.querySelectorAll("link[rel=preconnect]"),k=p.length>0?p[p.length-1].nextSibling:e.querySelector("style");e.insertBefore(m,k?.parentNode===e?k:null)}else if("host"in e)if(dm){const p=new CSSStyleSheet;p.replaceSync(d),xb?e.adoptedStyleSheets.unshift(p):e.adoptedStyleSheets=[p,...e.adoptedStyleSheets]}else{const p=e.querySelector("style");p?p.innerHTML=d+p.innerHTML:e.prepend(m)}else e.append(m);o.$flags$&1&&e.insertBefore(m,null)}o.$flags$&4&&(m.innerHTML+=px),u&&u.add(s)}}else e.adoptedStyleSheets.includes(d)||(xb?e.adoptedStyleSheets.push(d):e.adoptedStyleSheets=[...e.adoptedStyleSheets,d]);return s},bj=e=>{const o=e.$cmpMeta$,r=e.$hostElement$,i=o.$flags$,s=Lt("attachStyles",o.$tagName$),d=zx(r.shadowRoot?r.shadowRoot:r.getRootNode(),o,e.$modeName$);i&10&&(r["s-sc"]=d,r.classList.add(d+"-h")),s()},bm=(e,o)=>"sc-"+(o&&e.$flags$&32?e.$tagName$+"-"+o:e.$tagName$),mj=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),hj=()=>{if(!rn.document)return;const e=rn.document.querySelectorAll(`[${yb}]`);let o=0;for(;o<e.length;o++)wx(e[o].getAttribute(yb),mj(e[o].innerHTML),!0)},jx=(e,o,...r)=>{let i=null,s=null,d=null,u=!1,m=!1;const h=[],p=g=>{for(let y=0;y<g.length;y++)i=g[y],Array.isArray(i)?p(i):i!=null&&typeof i!="boolean"&&((u=typeof e!="function"&&!fm(i))&&(i=String(i)),u&&m?h[h.length-1].$text$+=i:h.push(u?jl(null,i):i),m=u)};if(p(r),o){o.key&&(s=o.key),o.name&&(d=o.name);{const g=o.className||o.class;g&&(o.class=typeof g!="object"?g:Object.keys(g).filter(y=>g[y]).join(" "))}}if(typeof e=="function")return e(o===null?{}:o,h,kj);const k=jl(e,null);return k.$attrs$=o,h.length>0&&(k.$children$=h),k.$key$=s,k.$name$=d,k},jl=(e,o)=>{const r={$flags$:0,$tag$:e,$text$:o,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r.$name$=null,r},pj={},vj=e=>e&&e.$tag$===pj,kj={forEach:(e,o)=>e.map(U_).forEach(o),map:(e,o)=>e.map(U_).map(o).map(gj)},U_=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),gj=e=>{if(typeof e.vtag=="function"){const r={...e.vattrs};return e.vkey&&(r.key=e.vkey),e.vname&&(r.name=e.vname),jx(e.vtag,r,...e.vchildren||[])}const o=jl(e.vtag,e.vtext);return o.$attrs$=e.vattrs,o.$children$=e.vchildren,o.$key$=e.vkey,o.$name$=e.vname,o},_j=(e,o,r,i)=>{var s,d;const u=Lt("hydrateClient",o),m=e.shadowRoot,h=[],p=[],k=[],g=m?[]:null,y=jl(o,null);y.$elm$=e,rn.document&&(!pn.$orgLocNodes$||!pn.$orgLocNodes$.size)&&jb(rn.document.body,pn.$orgLocNodes$=new Map),e[Ii]=r,e.removeAttribute(Ii),i.$vnode$=zb(y,h,p,g,e,e,r,k);let S=0;const $=h.length;let A;for(S;S<$;S++){A=h[S];const U=A.$hostId$+"."+A.$nodeId$,le=pn.$orgLocNodes$.get(U),ce=A.$elm$;if(!m)ce["s-hn"]=o.toUpperCase(),A.$tag$==="slot"&&(ce["s-cr"]=e["s-cr"]);else if((s=A.$tag$)!=null&&s.toString().includes("-")&&A.$tag$!=="slot-fb"&&!A.$elm$.shadowRoot){const Re=nt(A.$elm$);if(Re){const ie=bm(Re.$cmpMeta$,A.$elm$.getAttribute("s-mode")),re=rn.document.querySelector(`style[sty-id="${ie}"]`);re&&e.shadowRoot.append(re.cloneNode(!0))}}A.$tag$==="slot"&&(A.$name$=A.$elm$["s-sn"]||A.$elm$.name||null,A.$children$?(A.$flags$|=2,A.$elm$.childNodes.length||A.$children$.forEach(Re=>{A.$elm$.appendChild(Re.$elm$)})):A.$flags$|=1),le&&le.isConnected&&(le.parentElement.shadowRoot&&le["s-en"]===""&&le.parentNode.insertBefore(ce,le.nextSibling),le.parentNode.removeChild(le),m||(ce["s-oo"]=parseInt(A.$nodeId$))),le&&!le["s-id"]&&pn.$orgLocNodes$.delete(U)}const N=[],E=k.length;let x=0,z,B,I,K;for(x;x<E;x++)if(z=k[x],!(!z||!z.length))for(I=z.length,B=0,B;B<I;B++){if(K=z[B],N[K.hostId]||(N[K.hostId]=pn.$orgLocNodes$.get(K.hostId)),!N[K.hostId])continue;const U=N[K.hostId];U.shadowRoot&&K.node.parentElement!==U&&U.appendChild(K.node),(!U.shadowRoot||!m)&&(K.slot["s-cr"]||(K.slot["s-cr"]=U["s-cr"],!K.slot["s-cr"]&&U.shadowRoot?K.slot["s-cr"]=U:K.slot["s-cr"]=(U.__childNodes||U.childNodes)[0]),fj(K.node,K.slot,!1,K.node["s-oo"]),(d=K.node.parentElement)!=null&&d.shadowRoot&&K.node.getAttribute&&K.node.getAttribute("slot")&&K.node.removeAttribute("slot"))}if(m){let U=0;const le=g.length;if(le){for(U;U<le;U++){const ce=g[U];ce&&m.appendChild(ce)}Array.from(e.childNodes).forEach(ce=>{typeof ce["s-en"]!="string"&&typeof ce["s-sn"]!="string"&&(ce.nodeType===1&&ce.slot&&ce.hidden?ce.removeAttribute("hidden"):(ce.nodeType===8&&!ce.nodeValue||ce.nodeType===3&&!ce.wholeText.trim())&&ce.parentNode.removeChild(ce))})}}i.$hostElement$=e,u()},zb=(e,o,r,i,s,d,u,m=[])=>{let h,p,k,g;if(d.nodeType===1){if(h=d.getAttribute(D_),h&&(p=h.split("."),p[0]===u||p[0]==="0")){k=H_({$flags$:0,$hostId$:p[0],$nodeId$:p[1],$depth$:p[2],$index$:p[3],$tag$:d.tagName.toLowerCase(),$elm$:d,$attrs$:{class:d.className||""}}),o.push(k),d.removeAttribute(D_),e.$children$||(e.$children$=[]);const S=k.$elm$.getAttribute("s-sn");typeof S=="string"&&(k.$tag$==="slot-fb"&&F_(S,p[2],k,d,e,o,r,i,m),k.$elm$["s-sn"]=S,k.$elm$.removeAttribute("s-sn")),k.$index$!==void 0&&(e.$children$[k.$index$]=k),e=k,i&&k.$depth$==="0"&&(i[k.$index$]=k.$elm$)}if(d.shadowRoot)for(g=d.shadowRoot.childNodes.length-1;g>=0;g--)zb(e,o,r,i,s,d.shadowRoot.childNodes[g],u,m);const y=d.__childNodes||d.childNodes;for(g=y.length-1;g>=0;g--)zb(e,o,r,i,s,y[g],u,m)}else if(d.nodeType===8){if(p=d.nodeValue.split("."),p[1]===u||p[1]==="0"){if(h=p[0],k=H_({$hostId$:p[1],$nodeId$:p[2],$depth$:p[3],$index$:p[4]||"0",$elm$:d,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),h===X5)k.$elm$=V_(d,3),k.$elm$&&k.$elm$.nodeType===3&&(k.$text$=k.$elm$.textContent,o.push(k),d.remove(),u===k.$hostId$&&(e.$children$||(e.$children$=[]),e.$children$[k.$index$]=k),i&&k.$depth$==="0"&&(i[k.$index$]=k.$elm$));else if(h===W5)k.$elm$=V_(d,8),k.$elm$&&k.$elm$.nodeType===8&&(o.push(k),d.remove());else if(k.$hostId$===u)if(h===_b){const y=d["s-sn"]=p[5]||"";F_(y,p[2],k,d,e,o,r,i,m)}else h===G5&&(i?d.remove():(s["s-cr"]=d,d["s-cn"]=!0))}}else if(e&&e.$tag$==="style"){const y=jl(null,d.textContent);y.$elm$=d,y.$index$="0",e.$children$=[y]}else d.nodeType===3&&!d.wholeText.trim()&&!d["s-nr"]&&d.remove();return e},jb=(e,o)=>{if(e.nodeType===1){const r=e[Ii]||e.getAttribute(Ii);r&&o.set(r,e);let i=0;if(e.shadowRoot)for(;i<e.shadowRoot.childNodes.length;i++)jb(e.shadowRoot.childNodes[i],o);const s=e.__childNodes||e.childNodes;for(i=0;i<s.length;i++)jb(s[i],o)}else if(e.nodeType===8){const r=e.nodeValue.split(".");r[0]===Y5&&(o.set(r[1]+"."+r[2],e),e.nodeValue="",e["s-en"]=r[3])}},H_=e=>({...{$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:"0",$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},...e});function F_(e,o,r,i,s,d,u,m,h){i["s-sr"]=!0,r.$name$=e||null,r.$tag$="slot";const p=s?.$elm$?s.$elm$["s-id"]||s.$elm$.getAttribute("s-id"):"";if(m&&rn.document){const k=r.$elm$=rn.document.createElement(r.$tag$);r.$name$&&r.$elm$.setAttribute("name",e),s.$elm$.shadowRoot&&p&&p!==r.$hostId$?Ir(s.$elm$,"insertBefore")(k,Ir(s.$elm$,"children")[0]):Ir(Ir(i,"parentNode"),"insertBefore")(k,i),K_(h,o,e,i,r.$hostId$),i.remove(),r.$depth$==="0"&&(m[r.$index$]=r.$elm$)}else{const k=r.$elm$,g=p&&p!==r.$hostId$&&s.$elm$.shadowRoot;K_(h,o,e,i,g?p:r.$hostId$),xx(i),g&&s.$elm$.insertBefore(k,s.$elm$.children[0])}d.push(r),u.push(r),s.$children$||(s.$children$=[]),s.$children$[r.$index$]=r}var K_=(e,o,r,i,s)=>{var d,u;let m=i.nextSibling;if(e[o]=e[o]||[],!(!m||(d=m.nodeValue)!=null&&d.startsWith(_b+".")))do m&&((m.getAttribute&&m.getAttribute("slot")||m["s-sn"])===r||r===""&&!m["s-sn"]&&(!m.getAttribute||!m.getAttribute("slot"))&&(m.nodeType===8||m.nodeType===3))&&(m["s-sn"]=r,e[o].push({slot:i,node:m,hostId:s})),m=m?.nextSibling;while(m&&!((u=m.nodeValue)!=null&&u.startsWith(_b+".")))},V_=(e,o)=>{let r=e;do r=r.nextSibling;while(r&&(r.nodeType!==o||!r.nodeValue));return r},mm=e=>{const o=nj(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};mm("::slotted");mm(":host");mm(":host-context");var yj=e=>hx.map(o=>o(e)).find(o=>!!o),xj=e=>hx.push(e),Sb=(e,o,r)=>typeof e=="string"&&e.startsWith(gb)?(e=ij(e),e):e!=null&&!fm(e)?o&4?e==="false"?!1:e===""||!!e:o&2?typeof e=="string"?parseFloat(e):typeof e=="number"?e:NaN:o&1?String(e):e:e,CR=e=>{var o;return(o=nt(e))==null?void 0:o.$hostElement$},wj=(e,o,r)=>{const i=pn.ce(o,r);return e.dispatchEvent(i),i},q_=(e,o,r,i,s,d,u)=>{if(r===i)return;let m=R_(e,o),h=o.toLowerCase();if(o==="class"){const p=e.classList,k=Z_(r);let g=Z_(i);if((e["s-si"]||e["s-sc"])&&u){const y=e["s-sc"]||e["s-si"];g.push(y),k.forEach(S=>{S.startsWith(y)&&g.push(S)}),g=[...new Set(g)].filter(S=>S),p.add(...g)}else p.remove(...k.filter(y=>y&&!g.includes(y))),p.add(...g.filter(y=>y&&!k.includes(y)))}else if(o==="style"){for(const p in r)(!i||i[p]==null)&&(p.includes("-")?e.style.removeProperty(p):e.style[p]="");for(const p in i)(!r||i[p]!==r[p])&&(p.includes("-")?e.style.setProperty(p,i[p]):e.style[p]=i[p])}else if(o!=="key")if(o==="ref")i&&i(e);else if(!m&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"?o=o.slice(3):R_(rn,h)?o=h.slice(2):o=h[2]+o.slice(3),r||i){const p=o.endsWith(Sx);o=o.replace(jj,""),r&&pn.rel(e,o,r,p),i&&pn.ael(e,o,i,p)}}else{const p=fm(i);if((m||p&&i!==null)&&!s)try{if(e.tagName.includes("-"))e[o]!==i&&(e[o]=i);else{const g=i??"";o==="list"?m=!1:(r==null||e[o]!=g)&&(typeof e.__lookupSetter__(o)=="function"?e[o]=g:e.setAttribute(o,g))}}catch{}let k=!1;h!==(h=h.replace(/^xlink\:?/,""))&&(o=h,k=!0),i==null||i===!1?(i!==!1||e.getAttribute(o)==="")&&(k?e.removeAttributeNS(M_,o):e.removeAttribute(o)):(!m||d&4||s)&&!p&&e.nodeType===1&&(i=i===!0?"":i,k?e.setAttributeNS(M_,o,i):e.setAttribute(o,i))}},zj=/\s/,Z_=e=>(typeof e=="object"&&e&&"baseVal"in e&&(e=e.baseVal),!e||typeof e!="string"?[]:e.split(zj)),Sx="Capture",jj=new RegExp(Sx+"$"),Tb=(e,o,r,i)=>{const s=o.$elm$.nodeType===11&&o.$elm$.host?o.$elm$.host:o.$elm$,d=e&&e.$attrs$||{},u=o.$attrs$||{};for(const m of P_(Object.keys(d)))m in u||q_(s,m,d[m],void 0,r,o.$flags$,i);for(const m of P_(Object.keys(u)))q_(s,m,d[m],u[m],r,o.$flags$,i)};function P_(e){return e.includes("ref")?[...e.filter(o=>o!=="ref"),"ref"]:e}var Ab,ed,Cb=!1,Ms=!1,hm=!1,Ro=!1,Is=(e,o,r)=>{var i;const s=o.$children$[r];let d=0,u,m,h;if(Cb||(hm=!0,s.$tag$==="slot"&&(s.$flags$|=s.$children$?2:1)),s.$text$!==null)u=s.$elm$=rn.document.createTextNode(s.$text$);else if(s.$flags$&1)u=s.$elm$=rn.document.createTextNode(""),Tb(null,s,Ro);else{if(Ro||(Ro=s.$tag$==="svg"),!rn.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(u=s.$elm$=rn.document.createElementNS(Ro?F5:K5,!Cb&&va.slotRelocation&&s.$flags$&2?"slot-fb":s.$tag$),Ro&&s.$tag$==="foreignObject"&&(Ro=!1),Tb(null,s,Ro),s.$children$)for(d=0;d<s.$children$.length;++d)m=Is(e,s,d),m&&u.appendChild(m);s.$tag$==="svg"?Ro=!1:u.tagName==="foreignObject"&&(Ro=!0)}return u["s-hn"]=ed,s.$flags$&3&&(u["s-sr"]=!0,u["s-cr"]=Ab,u["s-sn"]=s.$name$||"",u["s-rf"]=(i=s.$attrs$)==null?void 0:i.ref,xx(u),h=e&&e.$children$&&e.$children$[r],h&&h.$tag$===s.$tag$&&e.$elm$&&Ui(e.$elm$,!1)),u},Ui=(e,o)=>{pn.$flags$|=1;const r=Array.from(e.__childNodes||e.childNodes);for(let i=r.length-1;i>=0;i--){const s=r[i];s["s-hn"]!==ed&&s["s-ol"]&&(Ur(Hi(s).parentNode,s,Hi(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,hm=!0),o&&Ui(s,o)}pn.$flags$&=-2},Tx=(e,o,r,i,s,d)=>{let u=e["s-cr"]&&e["s-cr"].parentNode||e,m;for(u.shadowRoot&&u.tagName===ed&&(u=u.shadowRoot);s<=d;++s)i[s]&&(m=Is(null,r,s),m&&(i[s].$elm$=m,Ur(u,m,Hi(o))))},Ax=(e,o,r)=>{for(let i=o;i<=r;++i){const s=e[i];if(s){const d=s.$elm$;Ex(s),d&&(Ms=!0,d["s-ol"]?d["s-ol"].remove():Ui(d,!0),d.remove())}}},Sj=(e,o,r,i,s=!1)=>{let d=0,u=0,m=0,h=0,p=o.length-1,k=o[0],g=o[p],y=i.length-1,S=i[0],$=i[y],A,N;for(;d<=p&&u<=y;)if(k==null)k=o[++d];else if(g==null)g=o[--p];else if(S==null)S=i[++u];else if($==null)$=i[--y];else if(ms(k,S,s))pl(k,S,s),k=o[++d],S=i[++u];else if(ms(g,$,s))pl(g,$,s),g=o[--p],$=i[--y];else if(ms(k,$,s))(k.$tag$==="slot"||$.$tag$==="slot")&&Ui(k.$elm$.parentNode,!1),pl(k,$,s),Ur(e,k.$elm$,g.$elm$.nextSibling),k=o[++d],$=i[--y];else if(ms(g,S,s))(k.$tag$==="slot"||$.$tag$==="slot")&&Ui(g.$elm$.parentNode,!1),pl(g,S,s),Ur(e,g.$elm$,k.$elm$),g=o[--p],S=i[++u];else{for(m=-1,h=d;h<=p;++h)if(o[h]&&o[h].$key$!==null&&o[h].$key$===S.$key$){m=h;break}m>=0?(N=o[m],N.$tag$!==S.$tag$?A=Is(o&&o[u],r,m):(pl(N,S,s),o[m]=void 0,A=N.$elm$),S=i[++u]):(A=Is(o&&o[u],r,u),S=i[++u]),A&&Ur(Hi(k.$elm$).parentNode,A,Hi(k.$elm$))}d>p?Tx(e,i[y+1]==null?null:i[y+1].$elm$,r,i,u,y):u>y&&Ax(o,d,p)},ms=(e,o,r=!1)=>e.$tag$===o.$tag$?e.$tag$==="slot"?e.$name$===o.$name$:r?(r&&!e.$key$&&o.$key$&&(e.$key$=o.$key$),!0):e.$key$===o.$key$:!1,Hi=e=>e&&e["s-ol"]||e,pl=(e,o,r=!1)=>{const i=o.$elm$=e.$elm$,s=e.$children$,d=o.$children$,u=o.$tag$,m=o.$text$;let h;m===null?(Ro=u==="svg"?!0:u==="foreignObject"?!1:Ro,Tb(e,o,Ro,r),s!==null&&d!==null?Sj(i,s,o,d,r):d!==null?(e.$text$!==null&&(i.textContent=""),Tx(i,null,o,d,0,d.length-1)):!r&&va.updatable&&s!==null?Ax(s,0,s.length-1):r&&va.updatable&&s!==null&&d===null&&(o.$children$=s),Ro&&u==="svg"&&(Ro=!1)):(h=i["s-cr"])?h.parentNode.textContent=m:e.$text$!==m&&(i.data=m)},nr=[],Cx=e=>{let o,r,i;const s=e.__childNodes||e.childNodes;for(const d of s){if(d["s-sr"]&&(o=d["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const u=d["s-sn"];for(i=r.length-1;i>=0;i--)if(o=r[i],!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==d["s-hn"])if(I_(o,u)){let m=nr.find(h=>h.$nodeToRelocate$===o);Ms=!0,o["s-sn"]=o["s-sn"]||u,m?(m.$nodeToRelocate$["s-sh"]=d["s-hn"],m.$slotRefNode$=d):(o["s-sh"]=d["s-hn"],nr.push({$slotRefNode$:d,$nodeToRelocate$:o})),o["s-sr"]&&nr.map(h=>{I_(h.$nodeToRelocate$,o["s-sn"])&&(m=nr.find(p=>p.$nodeToRelocate$===o),m&&!h.$slotRefNode$&&(h.$slotRefNode$=m.$slotRefNode$))})}else nr.some(m=>m.$nodeToRelocate$===o)||nr.push({$nodeToRelocate$:o})}d.nodeType===1&&Cx(d)}},Ex=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Ex)},Ur=(e,o,r)=>e?.insertBefore(o,r),Tj=(e,o,r=!1)=>{var i,s,d,u;const m=e.$hostElement$,h=e.$cmpMeta$,p=e.$vnode$||jl(null,null),g=vj(o)?o:jx(null,null,o);if(ed=m.tagName,h.$attrsToReflect$&&(g.$attrs$=g.$attrs$||{},h.$attrsToReflect$.forEach(([y,S])=>{g.$attrs$[S]=m[y]})),r&&g.$attrs$)for(const y of Object.keys(g.$attrs$))m.hasAttribute(y)&&!["key","ref","style","class"].includes(y)&&(g.$attrs$[y]=m[y]);g.$tag$=null,g.$flags$|=4,e.$vnode$=g,g.$elm$=p.$elm$=m.shadowRoot||m,Cb=!!(h.$flags$&1)&&!(h.$flags$&128),Ab=m["s-cr"],Ms=!1,pl(p,g,r);{if(pn.$flags$|=1,hm){Cx(g.$elm$);for(const y of nr){const S=y.$nodeToRelocate$;if(!S["s-ol"]&&rn.document){const $=rn.document.createTextNode("");$["s-nr"]=S,Ur(S.parentNode,S["s-ol"]=$,S)}}for(const y of nr){const S=y.$nodeToRelocate$,$=y.$slotRefNode$;if($){const A=$.parentNode;let N=$.nextSibling;{let z=(i=S["s-ol"])==null?void 0:i.previousSibling;for(;z;){let B=(s=z["s-nr"])!=null?s:null;if(B&&B["s-sn"]===S["s-sn"]&&A===(B.__parentNode||B.parentNode)){for(B=B.nextSibling;B===S||B?.["s-sr"];)B=B?.nextSibling;if(!B||!B["s-nr"]){N=B;break}}z=z.previousSibling}}const E=S.__parentNode||S.parentNode,x=S.__nextSibling||S.nextSibling;(!N&&A!==E||x!==N)&&S!==N&&(!S["s-hn"]&&S["s-ol"]&&(S["s-hn"]=S["s-ol"].parentNode.nodeName),Ur(A,S,N),S.nodeType===1&&S.tagName!=="SLOT-FB"&&(S.hidden=(d=S["s-ih"])!=null?d:!1)),S&&typeof $["s-rf"]=="function"&&$["s-rf"]($)}else S.nodeType===1&&(r&&(S["s-ih"]=(u=S.hidden)!=null?u:!1),S.hidden=!0)}}Ms&&_x(g.$elm$),pn.$flags$&=-2,nr.length=0}Ab=void 0},Lx=(e,o)=>{if(o&&!e.$onRenderResolve$&&o["s-p"]){const r=o["s-p"].push(new Promise(i=>e.$onRenderResolve$=()=>{o["s-p"].splice(r-1,1),i()}))}},pm=(e,o)=>{if(e.$flags$&4){e.$flags$|=512;return}Lx(e,e.$ancestorComponent$);const r=()=>Aj(e,o);if(o){queueMicrotask(()=>{r()});return}return r()},Aj=(e,o)=>{const r=e.$hostElement$,i=Lt("scheduleUpdate",e.$cmpMeta$.$tagName$),s=e.$lazyInstance$;if(!s)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let d;return o?(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([u,m])=>tr(s,u,m,r)),e.$queuedListeners$=void 0),e.$fetchedCbList$.length&&e.$fetchedCbList$.forEach(u=>u(r)),d=tr(s,"componentWillLoad",void 0,r)):d=tr(s,"componentWillUpdate",void 0,r),d=G_(d,()=>tr(s,"componentWillRender",void 0,r)),i(),G_(d,()=>Ej(e,s,o))},G_=(e,o)=>Cj(e)?e.then(o).catch(r=>{console.error(r),o()}):o(),Cj=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Ej=async(e,o,r)=>{var i;const s=e.$hostElement$,d=Lt("update",e.$cmpMeta$.$tagName$),u=s["s-rc"];r&&bj(e);const m=Lt("render",e.$cmpMeta$.$tagName$);Lj(e,o,s,r),u&&(u.map(h=>h()),s["s-rc"]=void 0),m(),d();{const h=(i=s["s-p"])!=null?i:[],p=()=>$j(e);h.length===0?p():(Promise.all(h).then(p),e.$flags$|=4,h.length=0)}},Lj=(e,o,r,i)=>{try{o=o.render&&o.render(),e.$flags$|=2,Tj(e,o,i)}catch(s){be(s,e.$hostElement$)}return null},$j=e=>{const o=e.$cmpMeta$.$tagName$,r=e.$hostElement$,i=Lt("postUpdate",o),s=e.$lazyInstance$,d=e.$ancestorComponent$;tr(s,"componentDidRender",void 0,r),e.$flags$&64?(tr(s,"componentDidUpdate",void 0,r),i()):(e.$flags$|=64,Oj(r),tr(s,"componentDidLoad",void 0,r),i(),e.$onReadyResolve$(r),d||$x()),e.$onInstanceResolve$(r),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&vx(()=>pm(e,!1)),e.$flags$&=-517},$x=e=>{var o;vx(()=>wj(rn,"appload",{detail:{namespace:I5}})),(o=pn.$orgLocNodes$)!=null&&o.size&&pn.$orgLocNodes$.clear()},tr=(e,o,r,i)=>{if(e&&e[o])try{return e[o](r)}catch(s){be(s,i)}},Oj=e=>{var o;return e.classList.add((o=va.hydratedSelectorName)!=null?o:"hydrated")},Nj=(e,o)=>nt(e).$instanceValues$.get(o),Zu=(e,o,r,i)=>{const s=nt(e);if(!s)return;if(!s)throw new Error(`Couldn't find host element for "${i.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const d=s.$hostElement$,u=s.$instanceValues$.get(o),m=s.$flags$,h=s.$lazyInstance$;r=Sb(r,i.$members$[o][0]);const p=Number.isNaN(u)&&Number.isNaN(r),k=r!==u&&!p;if((!(m&8)||u===void 0)&&k&&(s.$instanceValues$.set(o,r),h)){if(i.$watchers$&&m&128){const g=i.$watchers$[o];g&&g.map(y=>{try{h[y](r,u,o)}catch(S){be(S,d)}})}if((m&18)===2){if(h.componentShouldUpdate&&h.componentShouldUpdate(r,u,o)===!1)return;pm(s,!1)}}},Ox=(e,o,r)=>{var i,s;const d=e.prototype;if(o.$members$||va.propChangeCallback){e.watchers&&!o.$watchers$&&(o.$watchers$=e.watchers),e.deserializers&&!o.$deserializers$&&(o.$deserializers$=e.deserializers),e.serializers&&!o.$serializers$&&(o.$serializers$=e.serializers);const u=Object.entries((i=o.$members$)!=null?i:{});if(u.map(([m,[h]])=>{if(h&31||r&2&&h&32){const{get:p,set:k}=Object.getOwnPropertyDescriptor(d,m)||{};p&&(o.$members$[m][0]|=2048),k&&(o.$members$[m][0]|=4096),(r&1||!p)&&Object.defineProperty(d,m,{get(){{if((o.$members$[m][0]&2048)===0)return Nj(this,m);const g=nt(this),y=g?g.$lazyInstance$:d;return y?y[m]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(d,m,{set(g){const y=nt(this);if(y){if(k){typeof(h&32?this[m]:y.$hostElement$[m])>"u"&&y.$instanceValues$.get(m)&&(g=y.$instanceValues$.get(m)),k.apply(this,[Sb(g,h)]),g=h&32?this[m]:y.$hostElement$[m],Zu(this,m,g,o);return}{if((r&1)===0||(o.$members$[m][0]&4096)===0){Zu(this,m,g,o),r&1&&!y.$lazyInstance$&&y.$fetchedCbList$.push(()=>{o.$members$[m][0]&4096&&y.$lazyInstance$[m]!==y.$instanceValues$.get(m)&&(y.$lazyInstance$[m]=g)});return}const S=()=>{const $=y.$lazyInstance$[m];!y.$instanceValues$.get(m)&&$&&y.$instanceValues$.set(m,$),y.$lazyInstance$[m]=Sb(g,h),Zu(this,m,y.$lazyInstance$[m],o)};y.$lazyInstance$?S():y.$fetchedCbList$.push(()=>{S()})}}}})}else r&1&&h&64&&Object.defineProperty(d,m,{value(...p){var k;const g=nt(this);return(k=g?.$onInstancePromise$)==null?void 0:k.then(()=>{var y;return(y=g.$lazyInstance$)==null?void 0:y[m](...p)})}})}),r&1){const m=new Map;d.attributeChangedCallback=function(h,p,k){pn.jmp(()=>{var g;const y=m.get(h),S=nt(this);if(this.hasOwnProperty(y)&&va.lazyLoad&&(k=this[y],delete this[y]),d.hasOwnProperty(y)&&typeof this[y]=="number"&&this[y]==k)return;if(y==null){const N=S?.$flags$;if(S&&N&&!(N&8)&&N&128&&k!==p){const E=S.$lazyInstance$,x=(g=o.$watchers$)==null?void 0:g[h];x?.forEach(z=>{E[z]!=null&&E[z].call(E,k,p,h)})}return}const $=u.find(([N])=>N===y);$&&$[1][0]&4&&(k=!(k===null||k==="false"));const A=Object.getOwnPropertyDescriptor(d,y);k!=this[y]&&(!A.get||A.set)&&(this[y]=k)})},e.observedAttributes=Array.from(new Set([...Object.keys((s=o.$watchers$)!=null?s:{}),...u.filter(([h,p])=>p[0]&31).map(([h,p])=>{var k;const g=p[1]||h;return m.set(g,h),p[0]&512&&((k=o.$attrsToReflect$)==null||k.push([h,g])),g})]))}}return e},Bj=async(e,o,r,i)=>{let s;if((o.$flags$&32)===0){if(o.$flags$|=32,r.$lazyBundleId$){const h=P5(r,o);if(h&&"then"in h){const k=uj();s=await h,k()}else s=h;if(!s)throw new Error(`Constructor for "${r.$tagName$}#${o.$modeName$}" was not found`);s.isProxied||(r.$watchers$=s.watchers,r.$serializers$=s.serializers,r.$deserializers$=s.deserializers,Ox(s,r,2),s.isProxied=!0);const p=Lt("createInstance",r.$tagName$);o.$flags$|=8;try{new s(o)}catch(k){be(k,e)}o.$flags$&=-9,o.$flags$|=128,p(),Eb(o.$lazyInstance$,e)}else{s=e.constructor;const h=e.localName;customElements.whenDefined(h).then(()=>o.$flags$|=128)}if(s&&s.style){let h;typeof s.style=="string"?h=s.style:typeof s.style!="string"&&(o.$modeName$=yj(e),o.$modeName$&&(h=s.style[o.$modeName$]));const p=bm(r,o.$modeName$);if(!Ds.has(p)){const k=Lt("registerStyles",r.$tagName$);wx(p,h,!!(r.$flags$&1)),k()}}}const d=o.$ancestorComponent$,u=()=>pm(o,!0);d&&d["s-rc"]?d["s-rc"].push(u):u()},Eb=(e,o)=>{tr(e,"connectedCallback",void 0,o)},Rj=e=>{if((pn.$flags$&1)===0){const o=nt(e);if(!o)return;const r=o.$cmpMeta$,i=Lt("connectedCallback",r.$tagName$);if(o.$flags$&1)Nx(e,o,r.$listeners$),o?.$lazyInstance$?Eb(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Eb(o.$lazyInstance$,e));else{o.$flags$|=1;let s;if(s=e.getAttribute(Ii),s){if(r.$flags$&1){const d=zx(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(d+"-h",d+"-s")}_j(e,r.$tagName$,s,o)}s||r.$flags$&12&&Dj(e);{let d=e;for(;d=d.parentNode||d.host;)if(d.nodeType===1&&d.hasAttribute("s-id")&&d["s-p"]||d["s-p"]){Lx(o,o.$ancestorComponent$=d);break}}r.$members$&&Object.entries(r.$members$).map(([d,[u]])=>{if(u&31&&d in e&&e[d]!==Object.prototype[d]){const m=e[d];delete e[d],e[d]=m}}),Bj(e,o,r)}i()}},Dj=e=>{if(!rn.document)return;const o=e["s-cr"]=rn.document.createComment("");o["s-cn"]=!0,Ur(e,o,e.firstChild)},Y_=(e,o)=>{tr(e,"disconnectedCallback",void 0,o||e)},Mj=async e=>{if((pn.$flags$&1)===0){const o=nt(e);o?.$rmListeners$&&(o.$rmListeners$.map(r=>r()),o.$rmListeners$=void 0),o?.$lazyInstance$?Y_(o.$lazyInstance$,e):o?.$onReadyPromise$&&o.$onReadyPromise$.then(()=>Y_(o.$lazyInstance$,e))}gl.has(e)&&gl.delete(e),e.shadowRoot&&gl.has(e.shadowRoot)&&gl.delete(e.shadowRoot)},Ij=(e,o={})=>{var r;if(!rn.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=Lt(),s=[],d=o.exclude||[],u=rn.customElements,m=rn.document.head,h=m.querySelector("meta[charset]"),p=rn.document.createElement("style"),k=[];let g,y=!0;Object.assign(pn,o),pn.$resourcesUrl$=new URL(o.resourcesUrl||"./",rn.document.baseURI).href,pn.$flags$|=2,hj();let S=!1;if(e.map($=>{$[1].map(A=>{var N,E,x;const z={$flags$:A[0],$tagName$:A[1],$members$:A[2],$listeners$:A[3]};z.$flags$&4&&(S=!0),z.$members$=A[2],z.$listeners$=A[3],z.$attrsToReflect$=[],z.$watchers$=(N=A[4])!=null?N:{},z.$serializers$=(E=A[5])!=null?E:{},z.$deserializers$=(x=A[6])!=null?x:{};const B=o.transformTagName?o.transformTagName(z.$tagName$):z.$tagName$,I=class extends HTMLElement{constructor(K){if(super(K),this.hasRegisteredEventListeners=!1,K=this,Z5(K,z),z.$flags$&1){if(!K.shadowRoot)cj.call(K,z);else if(K.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${z.$tagName$}! Mode is set to ${K.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const K=nt(this);K&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Nx(this,K,z.$listeners$)),g&&(clearTimeout(g),g=null),y?k.push(this):pn.jmp(()=>Rj(this)))}disconnectedCallback(){pn.jmp(()=>Mj(this)),pn.raf(()=>{var K;const U=nt(this);if(!U)return;const le=k.findIndex(ce=>ce===this);le>-1&&k.splice(le,1),((K=U?.$vnode$)==null?void 0:K.$elm$)instanceof Node&&!U.$vnode$.$elm$.isConnected&&delete U.$vnode$.$elm$})}componentOnReady(){var K;return(K=nt(this))==null?void 0:K.$onReadyPromise$}};z.$lazyBundleId$=$[0],!d.includes(B)&&!u.get(B)&&(s.push(B),u.define(B,Ox(I,z,1)))})}),s.length>0&&(S&&(p.textContent+=px),p.textContent+=s.sort()+Q5,p.innerHTML.length)){p.setAttribute("data-styles","");const $=(r=pn.$nonce$)!=null?r:kx(rn.document);$!=null&&p.setAttribute("nonce",$),m.insertBefore(p,h?h.nextSibling:m.firstChild)}y=!1,k.length?k.map($=>$.connectedCallback()):pn.jmp(()=>g=setTimeout($x,30)),i()},ER=(e,o)=>o,Nx=(e,o,r,i)=>{r&&rn.document&&r.map(([s,d,u])=>{const m=Hj(rn.document,e,s),h=Uj(o,u),p=Fj(s);pn.ael(m,d,h,p),(o.$rmListeners$=o.$rmListeners$||[]).push(()=>pn.rel(m,d,h,p))})},Uj=(e,o)=>r=>{var i;try{e.$flags$&256?(i=e.$lazyInstance$)==null||i[o](r):(e.$queuedListeners$=e.$queuedListeners$||[]).push([o,r])}catch(s){be(s,e.$hostElement$)}},Hj=(e,o,r)=>r&8?rn:o,Fj=e=>J5?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,Kj=()=>{xj(e=>{try{e.shadowRoot instanceof ShadowRoot&&I6(e,z6(e))}catch{}return"default"}),pe(()=>import("./devtools-D0OMcZp9-LDqm7HoQ.js"),__vite__mapDeps([107,9])).then(e=>{typeof e=="object"&&e!==null&&typeof e.initialize=="function"&&e.initialize()}).catch(e=>{$n.error(e)})};const Vj=Kj;const qj=async(e,o)=>{if(!(typeof window>"u"))return await Vj(),Ij(JSON.parse('[["kol-abbr",[[289,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[289,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[289,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[260,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[289,"kol-avatar",{"_color":[1],"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[256,"kol-avatar-wc",{"_color":[1],"_src":[1],"_label":[1],"state":[32]},null,{"_color":["validateColor"],"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[289,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[289,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[289,"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],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-button-link",[[289,"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],"_inline":[4],"_label":[1],"_variant":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-button-wc",[[260,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_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],"_buttonVariant":[1,"_button-variant"],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_inline":["validateInline"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-card",[[289,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2]}]]],["kol-card-wc",[[260,"kol-card-wc",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[289,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_hideClearButton":[4,"_hide-clear-button"],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_hideClearButton":["validateHideClearButton"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[289,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[289,"kol-drawer",{"_open":[4],"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_hasCloser":["validateHasCloser"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[289,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[289,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"]}]]],["kol-icon",[[289,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[289,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input-checkbox",[[289,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[4,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[289,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[289,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[289,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_maxLengthBehavior":["validateMaxLengthBehavior"]}]]],["kol-input-file",[[289,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"reset":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[289,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[289,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[289,"kol-input-radio",{"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[289,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"focus":[64],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[289,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"selectionStart":[64],"selectioconEnd":[64],"setSelectionRange":[64],"setSelectionStart":[64],"setRangeText":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[289,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[289,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_variant":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"focus":[64],"kolFocus":[64]}]]],["kol-link-button",[[289,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"focus":[64],"kolFocus":[64]}]]],["kol-link-wc",[[260,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_buttonVariant":[1,"_button-variant"],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_inline":["validateInline"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_buttonVariant":["validateButtonVariant"]}]]],["kol-modal",[[289,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[289,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[289,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2]}]]],["kol-pagination-wc",[[256,"kol-pagination-wc",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[289,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"hidePopover":[64],"showPopover":[64],"focus":[64],"kolFocus":[64]}]]],["kol-popover-button-wc",[[260,"kol-popover-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32],"popoverOpen":[32],"hidePopover":[64],"showPopover":[64],"focus":[64],"kolFocus":[64]},null,{"_inline":["validateInline"],"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[260,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[289,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[289,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[289,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-select-wc",[[256,"kol-select-wc",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[289,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[289,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[289,"kol-spin",{"_show":[1540],"_label":[1],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_label":["validateLabel"],"_variant":["validateVariant"]}]]],["kol-split-button",[[289,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"closePopup":[64]}]]],["kol-table-settings-wc",[[256,"kol-table-settings-wc",{"_tableSettings":[16],"tableSettings":[32],"errorMessage":[32]},null,{"_tableSettings":["handleTableSettingsChange"]}]]],["kol-table-stateful",[[289,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_hasSettingsMenu":["validateHasSettingsMenu"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_tableSettings":["validateTableSettings"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[289,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"]}]]],["kol-table-stateless-wc",[[256,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"state":[32],"tableDivElementHasScrollbar":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"settingsChange","handleSettingsChange"]],{"_hasSettingsMenu":["validateHasSettingsMenu"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"],"_tableSettings":["validateTableSettings"]}]]],["kol-tabs",[[289,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_hasCreateButton":["validateHasCreateButton"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[289,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hasCounter":["validateHasCounter"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_maxLengthBehavior":["validateMaxLengthBehavior"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[289,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"],"_orientation":["validateOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32],"hideTooltip":[64]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[289,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[289,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focus":[64],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[260,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focus":[64],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[260,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[289,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),o)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();var Lb={};function Zj(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Es={exports:{}},Pj=Es.exports,X_;function Gj(){return X_||(X_=1,(function(e){(function(o,r){e.exports?e.exports=r():o.log=r()})(Pj,function(){var o=function(){},r="undefined",i=typeof window!==r&&typeof window.navigator!==r&&/Trident\/|MSIE /.test(window.navigator.userAgent),s=["trace","debug","info","warn","error"],d={},u=null;function m(A,N){var E=A[N];if(typeof E.bind=="function")return E.bind(A);try{return Function.prototype.bind.call(E,A)}catch{return function(){return Function.prototype.apply.apply(E,[A,arguments])}}}function h(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function p(A){return A==="debug"&&(A="log"),typeof console===r?!1:A==="trace"&&i?h:console[A]!==void 0?m(console,A):console.log!==void 0?m(console,"log"):o}function k(){for(var A=this.getLevel(),N=0;N<s.length;N++){var E=s[N];this[E]=N<A?o:this.methodFactory(E,A,this.name)}if(this.log=this.debug,typeof console===r&&A<this.levels.SILENT)return"No console available for logging"}function g(A){return function(){typeof console!==r&&(k.call(this),this[A].apply(this,arguments))}}function y(A,N,E){return p(A)||g.apply(this,arguments)}function S(A,N){var E=this,x,z,B,I="loglevel";typeof A=="string"?I+=":"+A:typeof A=="symbol"&&(I=void 0);function K(ie){var re=(s[ie]||"silent").toUpperCase();if(!(typeof window===r||!I)){try{window.localStorage[I]=re;return}catch{}try{window.document.cookie=encodeURIComponent(I)+"="+re+";"}catch{}}}function U(){var ie;if(!(typeof window===r||!I)){try{ie=window.localStorage[I]}catch{}if(typeof ie===r)try{var re=window.document.cookie,xe=encodeURIComponent(I),$e=re.indexOf(xe+"=");$e!==-1&&(ie=/^([^;]+)/.exec(re.slice($e+xe.length+1))[1])}catch{}return E.levels[ie]===void 0&&(ie=void 0),ie}}function le(){if(!(typeof window===r||!I)){try{window.localStorage.removeItem(I)}catch{}try{window.document.cookie=encodeURIComponent(I)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch{}}}function ce(ie){var re=ie;if(typeof re=="string"&&E.levels[re.toUpperCase()]!==void 0&&(re=E.levels[re.toUpperCase()]),typeof re=="number"&&re>=0&&re<=E.levels.SILENT)return re;throw new TypeError("log.setLevel() called with invalid level: "+ie)}E.name=A,E.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},E.methodFactory=N||y,E.getLevel=function(){return B??z??x},E.setLevel=function(ie,re){return B=ce(ie),re!==!1&&K(B),k.call(E)},E.setDefaultLevel=function(ie){z=ce(ie),U()||E.setLevel(ie,!1)},E.resetLevel=function(){B=null,le(),k.call(E)},E.enableAll=function(ie){E.setLevel(E.levels.TRACE,ie)},E.disableAll=function(ie){E.setLevel(E.levels.SILENT,ie)},E.rebuild=function(){if(u!==E&&(x=ce(u.getLevel())),k.call(E),u===E)for(var ie in d)d[ie].rebuild()},x=ce(u?u.getLevel():"WARN");var Re=U();Re!=null&&(B=ce(Re)),k.call(E)}u=new S,u.getLogger=function(N){if(typeof N!="symbol"&&typeof N!="string"||N==="")throw new TypeError("You must supply a name when creating a logger.");var E=d[N];return E||(E=d[N]=new S(N,u.methodFactory)),E};var $=typeof window!==r?window.log:void 0;return u.noConflict=function(){return typeof window!==r&&window.log===u&&(window.log=$),u},u.getLoggers=function(){return d},u.default=u,u})})(Es)),Es.exports}Gj();const Yj=(e,o)=>r=>r(e,o),Xj=(e,o)=>r=>r(e,o,{append:!1}),Wj=()=>{const e=typeof process<"u"&&Lb?Lb:{},o=e.NODE_ENV==="test",r="VITEST"in e,i="JEST_WORKER_ID"in e,s="PLAYWRIGHT_TEST_BASE_URL"in e,d=e.CI==="true",u=e.TEST==="true"||e.IS_TEST==="true",m=typeof navigator<"u"&&navigator.webdriver===!0,h=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return o||r||i||s||d||u||m||h},Mo={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:Wj(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[r,i]of Mo.A11yUi.PERFORMANCE_MEASURES.entries())e[r]=[i.totalTime/i.count,i.count];const o=Object.entries(e).sort((r,i)=>i[1][0]-r[1][0]);return console.table(Object.fromEntries(o.map(([r,[i,s]])=>[r,{"avg (ms)":parseFloat(i.toFixed(2)),count:s}]))),e}}},Bx=new Set,Qj=/--[^;]+/g,Jj=/:/,eS=typeof MutationObserver<"u";let Rx=()=>{Math.min(25+Math.log2(Mo.A11yUi.STYLING_TASK_QUEUE.size+1)*20,250)};const nS=(e,o)=>{let r=o.match(Qj);if(Array.isArray(r)){r=r.filter(s=>Jj.test(s));const i=document.createElement("style");i.innerHTML=`.${e} {${r.join(";")}}`,document.querySelector("head")?.appendChild(i)}Bx.add(e)},Pu=(e,o)=>{const r=Mo.A11yUi.THEMES.get(e);return r instanceof Map&&r.has(o)?r.get(o):""},oS=e=>{for(const o of Array.from(e.childNodes))if(o instanceof HTMLStyleElement&&o.tagName==="STYLE"&&o.dataset.themingFallback===void 0)e.removeChild(o);else break},tS=(e,o)=>{try{if(Mo.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const r=[];o.forEach(i=>{const s=new CSSStyleSheet;s.replaceSync(i),r.push(s)}),e.adoptedStyleSheets=r}catch{[...o].reverse().forEach((r,i)=>{if(typeof r!="string"||r.length===0)return;const s=document.createElement("style");switch(s.dataset.themingFallback="",i){case 4:s.dataset.themingBaseA11y="";break;case 3:s.dataset.themingBaseGlobal="";break;case 2:s.dataset.themingBaseComponent="";break;case 1:s.dataset.themingCustomGlobal="";break;case 0:s.dataset.themingCustomComponent="";break;default:s.dataset.themingUnknown="";break}s.innerHTML=r,e.insertBefore(s,e.firstChild)})}},rS=(e,o,r)=>{if(r!==!1){const i=[...Array.from(e.childNodes).filter(d=>d instanceof HTMLStyleElement&&d.tagName==="STYLE")];let s;try{s=[...Array.from(e.adoptedStyleSheets)]}catch{s=[]}r?.mode==="before"?(i.reverse().forEach(d=>o.unshift(d.innerHTML)),s.reverse().forEach(d=>o.unshift(Array.from(d.cssRules).map(u=>u.cssText).join("")))):r?.mode==="after"&&(i.forEach(d=>o.push(d.innerHTML)),s.forEach(d=>o.push(Array.from(d.cssRules).map(u=>u.cssText).join(""))))}},aS=(e,o,r)=>{const i=o.name||"default";let s;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");s=e.shadowRoot}catch{s=e}if(Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.has(e.tagName))W_(e,s,Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.get(e.tagName),r);else{const d=Pu(i,"PROPERTIES"),u=Pu(i,"GLOBAL"),m=Pu(i,e.tagName);Bx.has(i)===!1&&nS(i,u);const h=[d,u,m];rS(s,h,o.encroachCss),o.cache===!0&&(Mo.A11yUi.CSS_STYLE_CACHE.has(i)===!1&&Mo.A11yUi.CSS_STYLE_CACHE.set(i,new Map),Mo.A11yUi.CSS_STYLE_CACHE.get(i)?.set(e.tagName,h)),W_(e,s,h,r)}},W_=(e,o,r,i)=>{const s=performance.now();if(oS(o),tS(o,r),Dx(e),i(),Mo.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const d=Mo.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);d.count+=1,d.totalTime+=performance.now()-s}else Mo.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-s})},lS=e=>{const o=Mo.A11yUi.STYLING_TASK_QUEUE.get(e);if(o){const{resetCss:r,themeDetails:i}=o;aS(e,i,r),Dx(e)}},iS={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},cS=eS?new MutationObserver((e,o)=>{for(const r of e){const i=r.target;i.classList.contains("hydrated")&&(lS(i),o.observe(i,iS))}}):null;cS&&(Rx=()=>{});const Dx=e=>{Mo.A11yUi.STYLING_TASK_QUEUE.delete(e),Rx()};class sS{Prefix;Key;Tag;createTheme=(o,r)=>Xj(o,r);createTranslation=(o,r)=>Yj(o,r);constructor(o,r,i){this.Prefix=o,this.Key=Object.getOwnPropertyNames(r),this.Tag=Object.getOwnPropertyNames(i)}}var $b;(function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"})($b||($b={}));var Ob;(function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e.alert=2]="alert",e[e.avatar=3]="avatar",e[e.badge=4]="badge",e[e.breadcrumb=5]="breadcrumb",e[e.button=6]="button",e[e["button-link"]=7]="button-link",e[e.card=8]="card",e[e.combobox=9]="combobox",e[e.details=10]="details",e[e.drawer=11]="drawer",e[e.form=12]="form",e[e.heading=13]="heading",e[e.icon=14]="icon",e[e.image=15]="image",e[e["input-checkbox"]=16]="input-checkbox",e[e["input-color"]=17]="input-color",e[e["input-date"]=18]="input-date",e[e["input-email"]=19]="input-email",e[e["input-file"]=20]="input-file",e[e["input-number"]=21]="input-number",e[e["input-password"]=22]="input-password",e[e["input-radio"]=23]="input-radio",e[e["input-range"]=24]="input-range",e[e["input-text"]=25]="input-text",e[e.kolibri=26]="kolibri",e[e.link=27]="link",e[e["link-button"]=28]="link-button",e[e.logo=29]="logo",e[e.modal=30]="modal",e[e.nav=31]="nav",e[e.pagination=32]="pagination",e[e["popover-button"]=33]="popover-button",e[e.progress=34]="progress",e[e.quote=35]="quote",e[e.select=36]="select",e[e["single-select"]=37]="single-select",e[e["skip-nav"]=38]="skip-nav",e[e.spin=39]="spin",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateful"]=43]="table-stateful",e[e["table-stateless"]=44]="table-stateless",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"})(Ob||(Ob={}));const Nb=["development","production","test"];let Bb="production";const dS=e=>{try{if(Nb.includes(e))Bb=e;else throw new Error(`Invalid NODE_ENV value: ${e}. Expected one of ${Nb.join(", ")}.`)}catch{Bb="production"}},fS=()=>{try{const e=typeof process<"u"&&Lb?"production":void 0;if(e&&Nb.includes(e))return e}catch{}return"production"};dS(fS());const uS=()=>Bb==="development",bS="color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000",bl=e=>Array.isArray(e)?e:[e],Q_=e=>`%c${e}`,mS=(e,o)=>typeof o=="string"&&o.length>0?`${Q_(e)} | ${o}`:Q_(e),ml=(e,o)=>[mS(e,o?.classifier),`${bS};${o?.overwriteStyle||""}`],Si=e=>uS()||e===!0;class hS{constructor(o){this.label=o}debug(o,r){Si(r?.forceLog)&&console.debug(...ml(this.label,r),...bl(o))}info(o,r){Si(r?.forceLog)&&console.info(...ml(this.label,r),...bl(o))}trace(o,r){Si(r?.forceLog)&&console.trace(...ml(this.label,r),...bl(o))}warn(o,r){Si(r?.forceLog)&&console.warn(...ml(this.label,r),...bl(o))}error(o,r){console.error(...ml(this.label,r),...bl(o))}throw(o,r){if(Si(r?.forceLog))throw new Error(...ml(this.label,r),...bl(o))}}const pS=new hS("KoliBri"),J_=new Set,vS=(e,o)=>{J_.has(e)===!1&&(J_.add(e),pS.debug([e].concat([]),{classifier:"💻 dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}))};vS("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");var Dr={exports:{}},e1;function kS(){if(e1)return Dr.exports;e1=1,Dr.exports=e,Dr.exports.arr=e,Dr.exports.obj=o,Dr.exports.css=r,Dr.exports.hex=i,Dr.exports.num=s;function e(x){var z=d(x);return z.length==3?z.concat(255):(z[3]=Math.round(z[3]),z)}function o(x){var z=d(x);return{r:z[0],g:z[1],b:z[2],a:z.length==3?255:Math.round(z[3])}}function r(x){var z=d(x);return z.length==3&&z.push(255),z[3]==255?"rgb("+z[0]+", "+z[1]+", "+z[2]+")":z[3]==0?"rgba("+z[0]+", "+z[1]+", "+z[2]+", 0)":"rgba("+z[0]+", "+z[1]+", "+z[2]+", "+String(z[3]/255).substr(1)+")"}function i(x){var U=d(x);U.length==3&&U.push(255);var z=U[3]==255,B=u(U[0]),I=u(U[1]),K=u(U[2]),U=u(Math.round(U[3])),le=m(B,I,K,U);return z?le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0):"#"+B+I+K:le?"#"+B.charAt(0)+I.charAt(0)+K.charAt(0)+U.charAt(0):"#"+B+I+K+U}function s(x){var z=d(x);return z.length==3?z.push(255):z[3]=Math.round(z[3]),(z[3]<<24>>>0|z[0]<<16|z[1]<<8|z[2])>>>0}function d(x){return typeof x=="string"?(x=x.toLowerCase(),h(x)||k(x)||g(x)||N(x)||E(x)||[0,0,0,255]):S(x)||$(x)||A(x)||[0,0,0,255]}function u(x){var z=x.toString(16);return z.length==1?"0"+z:z}function m(x,z,B,I){var K=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return K.indexOf(x)!=-1&&K.indexOf(z)!=-1&&K.indexOf(B)!=-1&&K.indexOf(I)!=-1}function h(x){if(x=="red")return[255,0,0];if(x=="green")return[0,255,0];if(x=="blue")return[0,0,255];if(x=="black")return[0,0,0];if(x=="white")return[255,255,255];if(x=="cyan")return[0,255,255];if(x=="gray")return[128,128,128];if(x=="grey")return[128,128,128];if(x=="magenta")return[255,0,255];if(x=="pink")return[255,0,255];if(x=="yellow")return[255,255,0]}function p(x){return x.length==1?parseInt(x+x,16):parseInt(x,16)}function k(x){var z=x.replace(/^#/,""),B=z.length;if(B==3||B==4){var I=p(z[0]),K=p(z[1]),U=p(z[2]),le=B==3?255:p(z[3]);return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function g(x){var z=x.replace(/^#/,""),B=z.length;if(B==6||B==8){var I=p(z.slice(0,2)),K=p(z.slice(2,4)),U=p(z.slice(4,6)),le=B==6?255:p(z.slice(6,8));return isNaN(I)||isNaN(K)||isNaN(U)||isNaN(le)?void 0:[I,K,U,le]}}function y(x,z){return typeof x!="number"||z===!0&&Math.floor(x)!==x?-1:x>=0&&x<=255?x:-1}function S(x){if(Object.prototype.toString.call(x)==="[object Object]"&&Object.getPrototypeOf(x)===Object.getPrototypeOf({})){var z=y(x.r!=null?x.r:x.red!=null?x.red:0,!0),B=y(x.g!=null?x.g:x.green!=null?x.green:0,!0),I=y(x.b!=null?x.b:x.blue!=null?x.blue:0,!0),K=y(x.a!=null?x.a:x.alpha!=null?x.alpha:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function $(x){if(Array.isArray(x)&&(x.length==3||x.length==4)){var z=y(x[0],!0),B=y(x[1],!0),I=y(x[2],!0),K=y(x[3]!=null?x[3]:255,!0);if(z!=-1&&B!=-1&&I!=-1&&K!=-1)return[z,B,I,K]}}function A(x){if(typeof x=="number"&&Math.floor(x)==x&&x<=4294967295&&x>=0){var z=x>>24&255,B=x>>16&255,I=x>>8&255,K=x&255;return[B,I,K,z]}}function N(x){if(x.substr(0,4)=="rgb("){x=x.match(/^rgb\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0);if(B!=-1&&I!=-1&&K!=-1)return[B,I,K,255]}}function E(x){if(x.substr(0,5)=="rgba("){x=x.match(/^rgba\(([^)]+)\)/)[1];var z=x.split(/ *, */).map(Number),B=y(z[0],!0),I=y(z[1],!0),K=y(z[2],!0),U=y(z[3]*255);if(B!=-1&&I!=-1&&K!=-1&&U!=-1)return[B,I,K,U]}}return Dr.exports}kS();var Gu={},n1;function gS(){return n1||(n1=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const o=(i,s)=>{s.forEach(d=>{i.has(d)===!1&&i.add(d)})},r=(i,s=document)=>{if(s instanceof Document||s instanceof HTMLElement||s instanceof ShadowRoot){const d=new Set;o(d,s.querySelectorAll(i));const u=s.querySelectorAll('[class*="hydrated"]');for(let m=0;m<u.length;m++){const h=u[m].shadowRoot;typeof h=="object"&&h!==null?o(d,(0,e.querySelectorAll)(i,h)):o(d,(0,e.querySelectorAll)(i,u[m]))}return Array.from(d)}else throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")};e.querySelectorAll=r})(Gu)),Gu}gS();var Yu={},o1;function _S(){return o1||(o1=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;const o=(r,i=document)=>{if(i instanceof Document||i instanceof HTMLElement||i instanceof ShadowRoot){let s=i.querySelector(r);if(s===null){const d=i.querySelectorAll('[class*="hydrated"]');for(let u=0;u<d.length;u++){const m=d[u].shadowRoot;if(typeof m=="object"&&m!==null?s=(0,e.querySelector)(r,m):s=(0,e.querySelector)(r,d[u]),s!==null)break}}return s}else throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};e.querySelector=o})(Yu)),Yu}_S();new Event("StateChange");var Xu,t1;function yS(){return t1||(t1=1,Xu=function(o){return function(r,i){if(!r)return o;var s;typeof r=="string"?s=r:i=r;var d=o;return s&&(d+="__"+s),d+(i?Object.keys(i).reduce(function(u,m){var h=i[m];return h&&(u+=" "+(typeof h=="boolean"?d+"--"+m:d+"--"+m+"_"+h)),u},""):"")}}),Xu}var xS=yS(),wS=Zj(xS);function Mx(){const e=new Map,o=(r,i,s)=>{try{return e.get(r)(i,s)}catch{return e.set(r,wS(r)).get(r)(i,s)}};return o.forBlock=r=>{const i=(s,d)=>o(r,s,d);return i.forElement=s=>d=>o(r,s,d),i},o}const Ix=Mx();Ix("kol-icon");Ix("kol-icon","icon");const vm=Mx();vm("kol-alert","closer");vm("kol-alert","content");vm("kol-alert","icon");var r1;(function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"})(r1||(r1={}));const km=new sS("kol",$b,Ob);var ho;(function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(ho||(ho={}));var Pe;(function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e.Bundespolizeipräsidium="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Pe||(Pe={}));var sr;(function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"})(sr||(sr={}));const Se=new Map;Se.set(ho["Die Bundesregierung"],["Die","Bundesregierung"]);Se.set(ho["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);Se.set(ho["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);Se.set(ho["Auswärtiges Amt"],["Auswärtiges Amt"]);Se.set(ho["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);Se.set(ho["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);Se.set(ho["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);Se.set(ho["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);Se.set(ho["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);Se.set(ho["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);Se.set(ho["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);Se.set(ho["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);Se.set(ho["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);Se.set(ho["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);Se.set(ho["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);Se.set(Pe["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);Se.set(Pe["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);Se.set(Pe["Bundesamt für äußere Restitutionen"],[]);Se.set(Pe["Bundesamt für Bauwesen und Raumordnung"],[]);Se.set(Pe["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);Se.set(Pe["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);Se.set(Pe["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);Se.set(Pe["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);Se.set(Pe["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);Se.set(Pe["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);Se.set(Pe["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);Se.set(Pe["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);Se.set(Pe["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);Se.set(Pe["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);Se.set(Pe["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);Se.set(Pe["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);Se.set(Pe["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);Se.set(Pe.Bundesarchiv,["Das","Bundesarchiv"]);Se.set(Pe["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);Se.set(Pe.Bundesausgleichsamt,["Bundesausgleichsamt"]);Se.set(Pe.Bundeskartellamt,["Bundeskartellamt"]);Se.set(Pe.Bundeskriminalamt,["Bundeskriminalamt"]);Se.set(Pe.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);Se.set(Pe["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);Se.set(Pe.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);Se.set(Pe["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);Se.set(Pe.Bundessortenamt,["Bundessortenamt"]);Se.set(Pe.Bundessprachenamt,["Bundessprachenamt"]);Se.set(Pe["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);Se.set(Pe.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);Se.set(Pe["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);Se.set(Pe["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);Se.set(Pe["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);Se.set(Pe.Generalzolldirektion,["Generalzolldirektion"]);Se.set(Pe["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);Se.set(Pe["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);Se.set(sr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);Se.set(sr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);Se.set(sr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);Se.set(sr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);Se.set(sr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);Se.set(sr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);Se.set(sr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);var zS=`/* forward the rem function */
 @layer kol-theme-component {
   abbr {
     text-decoration: none;
@@ -23178,7 +23178,7 @@ Link:
     border-radius: 3px;
     padding: 0 0.3em;
   }
-}`;const PT=km.createTheme("ecl-eu",{GLOBAL:ZT,"KOL-ACCORDION":aT,"KOL-ALERT":lT,"KOL-BADGE":iT,"KOL-BREADCRUMB":cT,"KOL-BUTTON":dT,"KOL-BUTTON-LINK":sT,"KOL-CARD":fT,"KOL-COMBOBOX":uT,"KOL-DETAILS":bT,"KOL-DRAWER":mT,"KOL-FORM":hT,"KOL-HEADING":pT,"KOL-INPUT-CHECKBOX":vT,"KOL-INPUT-COLOR":kT,"KOL-INPUT-DATE":gT,"KOL-INPUT-EMAIL":_T,"KOL-INPUT-FILE":yT,"KOL-INPUT-NUMBER":xT,"KOL-INPUT-PASSWORD":wT,"KOL-INPUT-RADIO":zT,"KOL-INPUT-RANGE":jT,"KOL-INPUT-TEXT":ST,"KOL-LINK":AT,"KOL-LINK-BUTTON":TT,"KOL-MODAL":CT,"KOL-NAV":ET,"KOL-PAGINATION":LT,"KOL-POPOVER-BUTTON":$T,"KOL-SELECT":OT,"KOL-SINGLE-SELECT":NT,"KOL-SKIP-NAV":BT,"KOL-SPIN":RT,"KOL-SPLIT-BUTTON":DT,"KOL-TABLE-STATEFUL":MT,"KOL-TABLE-STATELESS":IT,"KOL-TABS":UT,"KOL-TEXTAREA":HT,"KOL-TOAST-CONTAINER":FT,"KOL-TOOLBAR":KT,"KOL-TREE":qT,"KOL-TREE-ITEM":VT}),GT="3.0.9",Rb={version:GT},YT=()=>{const e={onClick:()=>history.back()};return a.jsxs(go,{_label:"This is an example page",_level:0,_type:"info",children:[a.jsx("p",{children:"You followed an example link."}),history.length>1&&a.jsx(Q,{_label:"Go Back",_on:e})]})},Ux=["default","ecl-ec","ecl-eu","unstyled"],gm=e=>Ux.find(o=>o===e)!==void 0,_m=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function XT(){const e=matchMedia("(max-width: 1023px)"),[o,r]=j.useState(e.matches),i=()=>{r(e.matches)};return j.useEffect(()=>(i(),e.addEventListener("change",i),()=>{e.removeEventListener("change",i)}),[e]),o}function WT({children:e}){return XT()?a.jsx(ro,{_label:"All components",class:"mt",children:e}):a.jsx("div",{className:"mt scrollable-container",children:e})}function a1({label:e,to:o,children:r}){const i=Oy(o),s=Tl(o),d=g4({path:s.pathname,end:!0});return a.jsx(Jn,{_label:e,_href:i,_active:!!d,children:r})}function QT({routes:e}){const o=(i,s)=>Object.keys(s).map(d=>{const u=i==="tree"&&d==="basic/:subPage",m=u?"basic/home":d,h=u?"basic":d;return a.jsx(a1,{label:h,to:[i,m].join("/")},[i,d].join("/"))}),r=Object.entries(e).map(([i,s])=>a.jsx(a1,{label:i,to:i,children:o(i,s)},i));return a.jsx(WT,{children:a.jsx("nav",{children:a.jsx(jy,{_label:"Navigation",class:"block",children:r})})})}const JT=({buildDate:e,commitHash:o})=>!e&&!o?"":a.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:e&&o?a.jsxs(a.Fragment,{children:["Build: ",o,a.jsx("br",{}),"at ",e]}):o?`Build: ${o}`:`Build date: ${e}`}),eA=({version:e,theme:o,routes:r,routeList:i,sample:s,buildDate:d,commitHash:u,onThemeChange:m})=>{const h=()=>i.indexOf(s),p=()=>s.replace(/\//g," "),k=(S,$)=>{m($)},g=()=>{const S=h(),$=S<=0?i.length-1:S-1;location.replace(`#${i[$]}`)},y=()=>{const S=h(),$=S===i.length-1?0:S+1;location.replace(`#${i[$]}`)};return a.jsx("aside",{className:"app-sidebar p-4",children:a.jsxs("div",{className:"scrollable-container-wrapper",children:[a.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[a.jsx(me,{_label:"KoliBri React"}),a.jsx(Ys,{_label:e})]}),a.jsx(JT,{buildDate:d,commitHash:u}),a.jsx(Xn,{_label:"Theme",_options:_m,_on:{onChange:k},_value:o,class:"mt"}),a.jsx(me,{_label:"Components",_level:2,className:"block mt"}),a.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[a.jsx(Q,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:g}}),a.jsxs("span",{className:"text-base text-center",children:[p()," (",h()+1,"/",i.length,")"]}),a.jsx(Q,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:y}})]}),a.jsx(QT,{routes:r})]})})},nA=()=>{const e=ot();j5("#"+e.pathname)},ym=j.createContext(null),oA="https://public-ui.github.io/docs/components",tA="https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components",Ke="I am an error message!",yo="I am a hint.",Z=e=>{const o=j.useContext(ym),r=ot(),i=r.pathname.split("/").slice(1),s=j.useMemo(()=>i[0]==="scenarios"?null:`${oA}/${i[0]}`,[r.hash]),d=j.useMemo(()=>i[0]==="scenarios"?null:`${tA}/${i[0]}/${i[1]}.tsx`,[r.hash]);return a.jsxs(a.Fragment,{children:[a.jsx("h1",{className:"visually-hidden",children:r.pathname.replace(/\//g," ")}),o?null:a.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[a.jsx("div",{className:"indented-text",children:e.children}),a.jsxs("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0",children:[d&&a.jsx("li",{children:a.jsx(ze,{_href:d,_label:"Code",_target:"_blank"})}),s&&a.jsx("li",{children:a.jsx(ze,{_href:s,_label:"Documentation",_target:"_blank"})}),a.jsx("li",{children:a.jsx(ze,{_href:`#${r.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},rA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolAbbr shows an abbreviation and uses kol-tooltip-wc to display the long form, if provided."})}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{children:"e.g."})," an abbreviation without label."]})]}),aA={abbr:{basic:rA}},lA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Heading Accordion Tab 1 (open)",_open:!0,children:a.jsx(_o,{_label:"Combobox in Accordion",_suggestions:"['Herr','Frau','Firma']"})}),a.jsx(ro,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),a.jsx(ro,{_label:"Heading Accordion Tab 3 (deactivated)",_disabled:!0,children:"Contents Accordion Tab 3"}),a.jsx(ro,{_label:"Heading Accordion Tab 4 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 4"})]})]}),iA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),a.jsx(ro,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),a.jsx(ro,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),a.jsx(ro,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),a.jsx(ro,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),a.jsx(ro,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),cA={accordion:{basic:lA,headlines:iA}},Ti=({level:e,type:o,variant:r})=>a.jsxs(a.Fragment,{children:[a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,children:"This is the text of the alert."}),a.jsx(go,{_type:o,_variant:r,children:"In this alert, only the text without the heading is used."}),a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,_hasCloser:!0,children:"This is the text of the alert. With close button."}),a.jsx(go,{_type:o,_variant:r,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Hx=({variant:e="msg"})=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ti,{level:1,type:"default",variant:e}),a.jsx(Ti,{level:2,type:"error",variant:e}),a.jsx(Ti,{level:3,type:"info",variant:e}),a.jsx(Ti,{level:4,type:"success",variant:e}),a.jsx(Ti,{level:5,type:"warning",variant:e})]}),sA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx(Hx,{variant:"msg"})]}),dA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx("section",{className:"w-full",children:a.jsx(Hx,{variant:"card"})})]}),fA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),a.jsx("div",{children:a.jsxs(go,{_label:"Output of HTML code in the alert",_type:"info",children:[a.jsx("div",{className:"mt-2 mb-3",children:a.jsx(me,{_level:2,_label:"An H2 heading is output here"})}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[a.jsxs("div",{children:[a.jsx("h3",{children:"Text in a left-hand column"}),a.jsx("p",{children:"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?"})]}),a.jsxs("div",{children:[a.jsx("h3",{children:"Text in einer rechten Spalte"}),a.jsx("p",{children:"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"})]})]})]})})]}),uA={alert:{basic:sA,"card-msg":dA,html:fA}},bA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolAvatar shows a user's avatar with customizable colors. It can be used with or without an image. If no image is defined, the name's initials are shown instead with a configurable background color."})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(us,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),a.jsx(us,{_label:"Elke Mustermann "}),a.jsx(us,{_label:"Marianne"}),a.jsx(us,{_color:"#0000FF",_label:"Christian"})]})]}),mA={avatar:{basic:bA}},hA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(jn,{_label:"black"}),a.jsx(jn,{_color:"#86ffc6",_label:"teal"}),a.jsx(jn,{_color:"#06539e",_label:"blue"}),a.jsx(jn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),a.jsx(jn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),Ai=e=>({_label:e,_smartButton:{_ariaDescription:e,_icons:"codicon codicon-close",_label:"Remove",_on:{onClick:()=>alert("clicked")}}}),pA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolBadge with an optional ",a.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(jn,{...Ai("black")}),a.jsx(jn,{_color:"#86ffc6",...Ai("teal")}),a.jsx(jn,{_color:"#06539e",...Ai("blue")}),a.jsx(jn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...Ai("red with icon")}),a.jsx(jn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...Ai("purple with icon")})]})]}),vA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the possibility of formatted text in badges via markdown syntax."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(jn,{_color:"#7db4ebff",_label:"**Bold** and _italic_ Markdown label"}),a.jsx(jn,{_color:"#8feb7dff",_label:"This is ~~strikethrough~~ text"}),a.jsx(jn,{_color:"#e6ee8eff",_label:"Source code like `y = mx + n` is possible"})]})]}),kA={badge:{basic:hA,button:pA,"formatted-label":vA}},gA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(xs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),a.jsx(xs,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),a.jsx(xs,{_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"}]})]})]}),_A={breadcrumb:{basic:gA}},yA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Xe,{_label:"Button Text without area description"}),a.jsx(Xe,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]});function Mn(){const e=Kr.getInstance(document),o=s=>{e.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const xA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",a.jsx("code",{children:"block"}),", ",a.jsx("code",{children:"inline-block"})," and ",a.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),a.jsxs("section",{className:"text-base",children:[a.jsx(me,{_level:2,_label:"Button-Link with _inline"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(Xe,{_label:"Simple Link"})," It is rendered by default as an"," ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",a.jsx(Xe,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element.",a.jsx(Xe,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),a.jsx(me,{_level:2,_label:"Button-Link with _inline={false}"}),a.jsx("p",{children:"Use the boolean _inline property to render the link inline (default) or standalone."}),a.jsx("p",{children:a.jsx(Xe,{_label:"Disabled ButtonLink",_disabled:!0,_inline:!1})}),a.jsx("p",{children:a.jsx(Xe,{_label:"With access key",_accessKey:"c",_inline:!1,_on:o})}),a.jsx("p",{children:a.jsx(Xe,{_label:"Disabled ButtonLink",_inline:!1,_shortKey:"s"})})]})]})},wA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xe,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left"}),a.jsx(Xe,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),a.jsx(Xe,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),a.jsx(Xe,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),a.jsx(Xe,{_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"}),a.jsx(Xe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"I am a link with icon only"})]})]}),zA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xe,{_label:"I am a link that is rendered as text"}),a.jsx(Xe,{_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),jA={"button-link":{basic:xA,icons:wA,image:zA,"aria-description":yA}},SA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolButton with"," ",a.jsx(ze,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard."]})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"With S access key",_accessKey:"S",_on:o}),a.jsx(Q,{_label:"Very small b",_accessKey:"b",_on:o}),a.jsx(Q,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),a.jsx(Q,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(Q,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},TA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Button Text without area description",_on:o}),a.jsx(Q,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},AA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},CA=e=>{const{children:o,...r}=e,{dummyClickEventHandler:i}=Mn(),s={onClick:i};return a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...r,children:o})]})},Fx=(e={})=>{const o=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:{...e,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...e,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...e,_disabled:!0,_hideLabel:!0}}];return a.jsx("div",{className:"grid gap-8",children:o.map(({label:r,buttonProps:i},s)=>a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:r}),a.jsx(CA,{...i})]},s))})},EA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),a.jsx(Fx,{})]}),LA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolButton show a button-element with expert slot."})}),a.jsx(Fx,{_label:"",children:a.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),$A=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),a.jsx("div",{children:a.jsx(Q,{_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,className:"w-10rem"})})]})},OA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates how the tooltip adapts its width when containing long text inside a row-reverse flex container. The effect becomes visible when inspecting the layout with DevTools and reducing the available width (e.g. by narrowing the screen)."})}),a.jsx("div",{className:"flex flex-row-reverse",children:a.jsx(Q,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"This is a very, very long tooltip text that exceeds the width.",_variant:"primary"})})]}),Wu=new WeakMap,ko=e=>(Wu.has(e)===!1&&Wu.set(e,Sy.createRoot(e)),Wu.get(e)),NA=({label:e})=>{const o=Kr.getInstance(document),r=j.useRef(null),i=j.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${e}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${e}`,type:"warning"})},u=m=>{switch(m.code){case"KeyE":r.current?.kolFocus(),s();return;case"KeyD":i.current?.kolFocus(),d();return}};return a.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:u,children:[a.jsx(Q,{ref:r,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),a.jsx(Q,{ref:i,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},BA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e},r=[{label:"Row 1"},{label:"Row 2"}],i={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{ko(Hr(s)).render(a.jsx(NA,{label:d.data.label}))}}]]};return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),a.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"With S short key",_shortKey:"S",_on:o}),a.jsx(Q,{_label:"Very small b",_shortKey:"b",_on:o}),a.jsx(Q,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),a.jsx(Q,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(Q,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),a.jsx(me,{_level:2,_label:"Interactive sample",className:"mt"}),a.jsx(vn,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:r,_headers:i,_minWidth:"400px"})]})},RA=()=>{const{dummyClickEventHandler:e}=Mn(),o={className:"w-8rem",_on:{onClick:e}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),a.jsxs("div",{className:"grid gap-14",children:[a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Primary",_variant:"primary",...o}),a.jsx(Q,{_label:"Secondary",_variant:"secondary",...o}),a.jsx(Q,{_label:"Normal",_variant:"normal",...o}),a.jsx(Q,{_label:"Danger",_variant:"danger",...o}),a.jsx(Q,{_label:"Ghost",_variant:"ghost",...o})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),a.jsx(Q,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),a.jsx(Q,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),a.jsx(Q,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),a.jsx(Q,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},DA={button:{basic:EA,icons:$A,width:RA,"access-key":SA,"aria-description":TA,baselined:AA,"short-key":BA,"expert-slot":LA,"row-reverse-tooltip":OA}},MA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ne,{_label:"Card with title and content",children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with closer",_hasCloser:!0,children:a.jsx("p",{children:"This card has a close button."})})]})]}),IA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows cards with all headline levels as title."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ne,{_label:"Card with headline level 0",_level:0,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 1",_level:1,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 2",_level:2,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 3",_level:3,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 4",_level:4,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 5",_level:5,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 6",_level:6,children:a.jsx("div",{children:"Card contents."})})]})]}),UA={card:{basic:MA,headlines:IA}},xo=({RefComponent:e,showButtons:o=!0,...r})=>a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(e,{...r}),o&&a.jsxs("div",{className:"flex gap-4",children:[a.jsx(Q,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),a.jsx(Q,{_label:"Reset",_type:"reset",_variant:"tertiary"}),a.jsx(Q,{_label:"Help",_variant:"ghost"})]})]})});function So({children:e}){const[o]=Fr(),r=o.has("noColumns");return a.jsx("div",{className:r?"":"grid md:grid-cols-2 gap-4",children:e})}const Kx=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"}]'),Qo=[...Kx.map(e=>({label:e.name,value:e.alpha2}))],Jo=[...Kx.map(e=>e.name)],l1=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(_o,{...e,_hint:yo,_label:"Label",_suggestions:Jo,_value:"Deutschland"}),a.jsx(_o,{...e,_label:"Disabled",_suggestions:Jo,_value:"Deutschland",_disabled:!0}),a.jsx(_o,{...e,_suggestions:Jo,_msg:{_type:"error",_description:Ke},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(_o,{...e,_label:"With access key",_suggestions:Jo,_value:"Deutschland",_accessKey:"c"}),a.jsx(_o,{...e,_label:"With short key",_suggestions:Jo,_value:"Deutschland",_shortKey:"s"})]}),HA=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(l1,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(l1,{...e,_hideLabel:!0})]})]}),FA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),a.jsx(xo,{RefComponent:HA,showButtons:!1})]}),KA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"A HTML only KolCombobox."})}),a.jsx(_o,{_label:"With string array in html",_suggestions:"['Herr','Frau','Firma']",_value:"Herr"})]}),VA={combobox:{basic:FA,html:KA}},qA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(or,{_label:"Closed initially",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),a.jsx(or,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),a.jsx(or,{_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."})]})]}),ZA={details:{basic:qA}},PA=["left","top","right","bottom"].map(e=>({label:e,value:e})),xm=({value:e="left",onChange:o})=>a.jsx("div",{className:"grid gap-4",children:a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_label:"Drawer alignment",_value:e,_options:PA,_orientation:"horizontal",_on:{onChange:o}})})}),GA=()=>{const[e]=Fr(),o=e.get("align"),r=e.get("closer")==="true",i=j.useRef(null),[s,d]=j.useState(o||"left"),[u,m]=j.useState(r);return j.useEffect(()=>{o&&i.current?.open()},[o]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments."})}),a.jsx(xm,{value:s,onChange:(h,p)=>d(p)}),a.jsx(cn,{_label:"Drawer has closer",className:"mb-4",_checked:u,_on:{onInput:(h,p)=>{m(p===!0)}}}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{ref:i,_label:"I am a drawer",_align:s,_hasCloser:u,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:a.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[a.jsx("p",{className:"mt-0",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>i.current?.close()}})]})}),a.jsx(Q,{_label:"Open drawer",_on:{onClick:()=>i.current?.open()}})]})]})},YA=()=>{const[e]=Fr(),o=e.get("align"),[r,i]=j.useState(!1),[s,d]=j.useState(o||"left");return a.jsxs("div",{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",a.jsx("code",{children:"_open"})," instead of methods."]})}),a.jsx(xm,{value:s,onChange:(u,m)=>d(m)}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{_open:r,_align:s,_label:"I'm a controlled drawer",_on:{onClose:()=>i(!1)},children:a.jsxs("div",{children:[a.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>i(!1)}})]})}),a.jsx(Q,{_label:"Open drawer",_on:{onClick:()=>i(!0)}})]})]})},XA=()=>{const e=j.useRef(null),[o,r]=j.useState("bottom"),[i,s]=j.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the "Enable Overflow Handling" toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution (overflow handling within the slot content).'})}),a.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[a.jsx(xm,{value:o,onChange:(d,u)=>r(u)}),a.jsx(cn,{_label:"Enable Overflow Handling (Recommended)",_checked:i,_on:{onChange:(d,u)=>s(!!u)}})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{ref:e,_label:"Scrollable Drawer",_align:o,children:i?a.jsx("div",{style:{width:o==="left"||o==="right"?"90vw":void 0,height:o==="top"||o==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":void 0,height:o==="top"||o==="bottom"?"150vh":void 0,background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area (Scrollable)"}),a.jsxs("p",{children:["Container: ",o==="left"||o==="right"?"400px wide":"90vw wide"," ×"," ",o==="top"||o==="bottom"?"90vh high":"400px high"]}),a.jsxs("p",{children:["Content: ",o==="left"||o==="right"?"150vw wide":"400px wide"," ×"," ",o==="top"||o==="bottom"?"150vh high":"400px high"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."}),a.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}):a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":"400px",height:o==="top"||o==="bottom"?"150vh":"400px",background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area"}),a.jsxs("p",{children:["Width: ",o==="left"||o==="right"?"150vw (exceeds drawer width)":"400px"]}),a.jsxs("p",{children:["Height: ",o==="top"||o==="bottom"?"150vh (exceeds drawer height)":"400px"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."}),a.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}),a.jsx(Q,{_label:"Open scrollable drawer",_on:{onClick:()=>e.current?.open()}})]})]})},WA={drawer:{basic:GA,controlled:YA,scrolled:XA}},QA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Be,{id:"input1",_label:"Input 1"}),a.jsx(Be,{id:"input2",_label:"Input 2"}),a.jsx(Be,{id:"input3",_label:"Input 3"})]})})]}),JA=()=>{const e=j.useRef(null),o=()=>{e.current?.focusErrorList()};return j.useEffect(()=>{e.current?.focusErrorList()},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a form with error messages."})}),a.jsx(jo,{className:"w-full",ref:e,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Be,{id:"input1",_label:"Input 1"}),a.jsx(Be,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx(Be,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx("div",{children:a.jsx(Q,{_label:"ScrollTo",_type:"submit"})})]})})]})},e8={form:{basic:QA,"error-list":JA}},Vx=`public-ui.v${Rb.version}`;class n8{store=new Map;setItem(o,r){this.store.set(o,r)}getItem(o){return this.store.get(o)||null}}const Fi={darkMode:!1,theme:"default"};let Db;function qx(e){Db=e;const o=Db.getItem(Vx);try{const r=JSON.parse(o);typeof r=="object"&&r!==null&&(Fi.darkMode=r.darkMode===!0,gm(r.theme)&&(Fi.theme=r.theme))}catch{}}qx(new n8);const o8=()=>{Db.setItem(Vx,JSON.stringify(Fi))},t8=e=>{if(gm(e))Fi.theme=e,o8();else throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},Us=()=>`${Fi.theme}`,Mb=e=>{if(gm(e))return _m.find(o=>o.value===e)?.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},r8=[{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 a8({_on:e,...o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{...o,_on:i})}const l8={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(a8,{_label:o.label,style:{fontSize:"75%"}}))},compareFn:(e,o)=>e.monday<o.monday?-1:e.monday>o.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#060",_label:o.label}))},compareFn:(e,o)=>e.tuesday<o.tuesday?-1:e.tuesday>o.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},i8=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[a.jsx(ws,{className:"block w-75px",_labeled:!1}),a.jsx(me,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",a.jsxs("small",{children:["for ",Mb(Us())]})]})}),a.jsxs(or,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",a.jsx("strong",{children:Mb(Us())}),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",a.jsx(ze,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(me,{_label:"Heading Level 1",_level:1}),a.jsx(me,{_label:"Heading Level 2",_level:2}),a.jsx(me,{_label:"Heading Level 3",_level:3}),a.jsx(me,{_label:"Heading Level 4",_level:4}),a.jsx(me,{_label:"Heading Level 5",_level:5}),a.jsx(me,{_label:"Heading Level 6",_level:6}),a.jsx(me,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsxs("p",{children:["I am ",a.jsx(Ni,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{children:"e.g."})," an abbreviation without label."]}),a.jsx(er,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),a.jsx(er,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsxs(lr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_label:"ghost",_variant:"ghost"}),a.jsx(Q,{_disabled:!0,_label:"ghost",_variant:"ghost"}),a.jsx(Q,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(en,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(en,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(en,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(en,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(en,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(en,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(ro,{_label:"Links",_level:3,_open:!0,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(ze,{_href:"#/back-page",_label:"Link text"}),a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsx(ze,{_href:"/",_label:"Visited link"}),a.jsxs("p",{children:["I am a ",a.jsx(ze,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),a.jsx(ro,{_label:"ButtonLinks",_level:3,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(Xe,{_label:"Link text"}),a.jsx(Xe,{_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(Xe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsxs("p",{children:["I am a ",a.jsx(Xe,{_label:"Link"})," in the running text."]}),a.jsx(Xe,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(go,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),a.jsx(go,{_type:"success",children:"Success message text"}),a.jsx(go,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),a.jsx(go,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),a.jsx(go,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx("div",{children:a.jsx(yl,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})}),a.jsx("div",{children:a.jsx(xs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:a.jsx(jo,{slot:"",children:a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[a.jsx(Gn,{_label:"Color"}),a.jsx(Rn,{_label:"Upload file"}),a.jsx(An,{_label:"Number input"}),a.jsx(qe,{_type:"date",_label:"Date"}),a.jsx(Yn,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),a.jsx(Be,{_hint:"I am a hint.",_label:"First name"}),a.jsx(En,{_label:"password"}),a.jsx(Xn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),a.jsx(no,{_min:0,_max:50,_value:25,_label:"Slider"}),a.jsx(Ln,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ln,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),a.jsx(cn,{_label:"",children:a.jsxs("span",{slot:"expert",children:["I accept the ",a.jsx(Ni,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),a.jsx(on,{_rows:4,_label:"Textarea"})]})})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsx(vn,{_label:"Table",_minWidth:"auto",_headers:l8,_data:r8,_pagination:!0})})})]}),a.jsx(Ys,{_label:"5.0.2-test.2"})]})},c8={handout:{basic:i8}},s8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",a.jsx("code",{children:"_label"}),"-property."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_label:"Label"})]})}),a.jsx(me,{_label:"",_level:2,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#86ffc6",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:3,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#06539e",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:4,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#ae0000",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:5,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#8b008b",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:6,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),d8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolHeading renders a heading with the given level."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"I'm a H1-heading",_level:1}),a.jsx(me,{_label:"I'm a H2-heading",_level:2}),a.jsx(me,{_label:"I'm a H3-heading",_level:3}),a.jsx(me,{_label:"I'm a H4-heading",_level:4}),a.jsx(me,{_label:"I'm a H5-heading",_level:5}),a.jsx(me,{_label:"I'm a H6-heading",_level:6})]})]}),f8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"Ich bin eine H1-Überschrift",_level:1}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H2-Überschrift",_level:2}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H3-Überschrift",_level:3}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H4-Überschrift",_level:4}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H5-Überschrift",_level:5}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H6-Überschrift",_level:6}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."})]})]}),u8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolHeading with the prop ",a.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(me,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),b8={heading:{basic:d8,badge:s8,paragraph:f8,secondary:u8}},m8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolIcon renders codicon icons. This sample shows regular icons and one with a custom style-property, changing the icon color."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-home"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-compass-active"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-debug"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-squirrel"}),a.jsx(mt,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),h8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolIcon renders Font Awesome icons, if you have added this font to your theme. We are showing Font Awesome Free 6.1.1."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-house"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-circle-user"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-truck"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-city"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-regular fa-heart"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-regular fa-thumbs-up"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-brands fa-github"}),a.jsx(Be,{_label:"With Font Awesome icons",_icons:{left:{icon:"fa-solid fa-phone"},right:{icon:"fa-solid fa-arrow-right"}}})]})]}),p8={icon:{basic:m8,"font-awesome":h8}},v8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),a.jsx(Dz,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),k8={image:{basic:v8}},hs=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(cn,{...o,_label:"Not selected",_value:!1,_required:!0}),a.jsx(cn,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),a.jsx(cn,{...o,ref:r,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),a.jsx(cn,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),a.jsx(cn,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),a.jsx(cn,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),a.jsx(cn,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),a.jsx(cn,{...o,_msg:{_type:"error",_description:Ke},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),a.jsx(cn,{...o,_label:"With access key",_accessKey:"c",_value:null}),a.jsx(cn,{...o,_label:"With short key",_shortKey:"s",_value:null})]})}),wm=j.forwardRef(function(o,r){return a.jsxs(a.Fragment,{children:[a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" with label'}),a.jsx(hs,{...o,_labelAlign:"left"})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),a.jsx(hs,{ref:r,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" with label'}),a.jsx(hs,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),a.jsx(hs,{ref:r,...o,_hideLabel:!0})]})]})]})}),g8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:wm,showButtons:!1})]}),_8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),a.jsx(xo,{RefComponent:wm,_variant:"button",showButtons:!1})]}),y8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),a.jsx(xo,{RefComponent:wm,_variant:"switch",showButtons:!1})]}),x8={"input-checkbox":{basic:g8,switch:y8,button:_8}},i1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Gn,{...o,_msg:{_type:"error",_description:Ke},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),a.jsx(Gn,{...o,_msg:{_type:"error",_description:Ke},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),a.jsx(Gn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Gn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Gn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Gn,{...o,ref:r,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),a.jsx(Gn,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),a.jsx(Gn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Gn,{...o,_label:"With short key",_shortKey:"s"})]})}),w8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color"}),a.jsx(i1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color (hideLabel)"}),a.jsx(i1,{ref:r,...o,_hideLabel:!0})]})]})}),z8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:w8,showButtons:!1})]}),j8={"input-color":{basic:z8}},c1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(qe,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),a.jsx(qe,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),a.jsx(qe,{...o,_step:1,_type:"datetime-local",_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),a.jsx(qe,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(qe,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(qe,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(qe,{...o,_type:"month",_label:"Month",_required:!0}),a.jsx(qe,{...o,ref:r,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),a.jsx(qe,{...o,_type:"time",_label:"Time (standard)",_required:!0}),a.jsx(qe,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),a.jsx(qe,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),a.jsx(qe,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),a.jsx(qe,{...o,_label:"With access key",_accessKey:"s"}),a.jsx(qe,{...o,_label:"With short key",_shortKey:"s"})]})}),S8=e=>{const o="2024-09-26",r="2024-09-27",i="12:00",s="15:00",d="2024-09-26T12:00",u="2024-09-27T15:00",m="2024-W10",h="2024-W50",p="2024-02",k="2024-10",g=new Date("January 10, 2024, 12:00"),y=new Date("October 20, 2024, 15:00");return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(qe,{...e,_type:"date",_label:"Date with Iso",_min:o,_max:r}),a.jsx(qe,{...e,_type:"date",_label:"Date with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"time",_label:"Time with Iso",_min:i,_max:s}),a.jsx(qe,{...e,_type:"time",_label:"Time with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"datetime-local",_label:"DayTime with Iso",_min:d,_max:u}),a.jsx(qe,{...e,_type:"datetime-local",_label:"DayTime with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"week",_label:"Week with Iso",_min:m,_max:h}),a.jsx(qe,{...e,_type:"week",_label:"Week with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"month",_label:"Month with Iso",_min:p,_max:k}),a.jsx(qe,{...e,_type:"month",_label:"Month with Date",_min:g,_max:y})]})},T8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date"}),a.jsx(c1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (hideLabel)"}),a.jsx(c1,{ref:r,...o,_hideLabel:!0})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (with min/max)"}),a.jsx(S8,{...o})]})]})}),A8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:T8,showButtons:!1})]}),s1=e=>String(e).padStart(2,"0"),C8=(e,o,r)=>{const i=new Date(e,o-1,r);return i.getFullYear()===e&&i.getMonth()===o-1&&i.getDate()===r};function d1(e){const o=/^\s*(\d{1,2})\.(\d{1,2})\.(\d{4})\s*$/.exec(e);if(!o)return null;const r=+o[1],i=+o[2],s=+o[3];return C8(s,i,r)?`${s}-${s1(i)}-${s1(r)}`:null}function E8(e){return e instanceof HTMLElement&&e.tagName==="KOL-INPUT-DATE"}async function L8(e,o){typeof e.setIsoValue=="function"?await e.setIsoValue(o):typeof e.value<"u"?e.value=o:typeof e._value<"u"?e._value=o:e.setAttribute("_value",o),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}const $8=()=>{const[e,o]=j.useState("31.12.2025"),[r,i]=j.useState(""),s=j.useRef(null),d=j.useMemo(()=>d1(e),[e]);j.useEffect(()=>{const h=new AbortController,p=k=>{const g=k.composedPath?.()??[];s.current=g.find(E8)??null};return document.addEventListener("focusin",p,{capture:!0,signal:h.signal}),()=>h.abort()},[]),j.useEffect(()=>{const h=new AbortController,p=k=>{const g=s.current;if(!g)return;const y=k.clipboardData?.getData("text")??"",S=d1(y);if(!S){i("Clipboard: unrecognized date. Use DD.MM.YYYY.");return}k.preventDefault(),L8(g,S),i("Pasted.")};return document.addEventListener("paste",p,{capture:!0,signal:h.signal}),()=>h.abort()},[]);const u=j.useCallback(async h=>{i("");try{await navigator.clipboard.writeText(h),i("Copied.")}catch{i("Copy failed. Your browser may block clipboard access.")}},[]),m=j.useCallback((h,p)=>{if(h?.target){const k=typeof p=="string"?p:String(p??"");o(k)}},[]);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["Type a date in German format (",a.jsx("code",{children:"DD.MM.YYYY"}),"), click ",a.jsx("em",{children:"Copy to Clipboard"}),", then paste it into the date field below with ",a.jsx("kbd",{children:"Ctrl"}),"+",a.jsx("kbd",{children:"V"}),". The ISO conversion happens internally."]})}),a.jsxs("div",{className:"grid gap-8",lang:"en",children:[a.jsxs("section",{"aria-labelledby":"de-title",children:[a.jsx("h3",{id:"de-title",className:"text-lg font-semibold mb-2",children:"German date (DD.MM.YYYY)"}),a.jsxs("div",{className:"grid gap-3",children:[a.jsx(Be,{className:"w-full",_label:"German date (DD.MM.YYYY)",_placeholder:"e.g., 31.12.2025",_value:e,_type:"text",_on:{onInput:m,onChange:m}}),a.jsx("small",{className:"opacity-80",children:"Click the button to copy the exact German date, then paste it into the date field below."}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(Q,{_label:"Copy to Clipboard",_on:{onClick:()=>u(e)}}),!d&&a.jsx("span",{className:"text-red-600",children:"Invalid date"})]}),a.jsx(qe,{_type:"date",_label:"Date (paste here with Ctrl+V)",className:"w-full"})]})]}),a.jsx("p",{"aria-live":"polite",role:"status",className:"mt-2 opacity-80",children:r})]})]})},O8=()=>{const e=j.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the KolInputDate ",a.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),a.jsx(qe,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),a.jsx(Q,{className:"mt",_label:"Reset",_on:{onClick:()=>e.current?.reset()}})]})},N8=["default","error","info","success","warning"];function Qu(e){return{onChange:()=>e(o=>!o)}}const B8=()=>{const[e,o]=j.useState(!0),[r,i]=j.useState(!0),[s,d]=j.useState(!1),u=Qu(o),m=Qu(i),h=Qu(d);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example shows how messages work in input fields."})}),a.jsxs("div",{className:"flex gap-4 flex-col",children:[a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsx(cn,{_label:"Toggle Msg",_on:u,_checked:e,_variant:"button"}),a.jsx(cn,{_label:"Toggle Touched",_on:m,_checked:r,_variant:"button"}),a.jsx(cn,{_label:"Toggle Hide Msg",_on:h,_checked:s,_variant:"button"})]}),a.jsxs("pre",{children:["Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",a.jsx("br",{}),"Non-Error-Message visible: ",e&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",a.jsx("br",{}),"Error-Message visible: ",e&&r&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",r?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),N8.map(p=>a.jsx(qe,{_hideMsg:s,_label:`Date (_msg, ${p})`,_msg:e?{_description:`${p} message`,_type:p}:void 0,_touched:r},p))]})]})},R8={"input-date":{basic:A8,"copy-paste":$8,reset:O8,"show-hide-msg":B8}},f1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Yn,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Ke},_label:"E-Mail (Black background test)"})}),a.jsx(Yn,{...o,ref:r,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:yo,_msg:{_type:"error",_description:Ke},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Yn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"}),a.jsx(Yn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"}),a.jsx(Yn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"}),a.jsx(Yn,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),a.jsx(Yn,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),a.jsx(Yn,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),a.jsx(Yn,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),D8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email"}),a.jsx(f1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email (hideLabel)"}),a.jsx(f1,{ref:r,...o,_hideLabel:!0})]})]})}),M8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:D8,showButtons:!1})]}),I8={"input-email":{basic:M8}},u1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Rn,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),a.jsx(Rn,{...o,_required:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),a.jsx(Rn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Upload file"}),a.jsx(Rn,{...o,ref:r,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Ke},_label:"Upload file (Multiple)"}),a.jsx(Rn,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),a.jsx(Rn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Rn,{...o,_label:"With short key",_shortKey:"s"})]})}),U8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File"}),a.jsx(u1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File (hideLabel)"}),a.jsx(u1,{ref:r,...o,_hideLabel:!0})]})]})}),H8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:U8,showButtons:!1})]}),F8={"input-file":{basic:H8}},b1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"black-background",children:[a.jsx(An,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})," "]}),a.jsx(An,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(An,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"warning",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"info",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"success",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,ref:r,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),a.jsx(An,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),a.jsx(An,{...o,_disabled:!0,_label:"Number input (Disabled)"}),a.jsx(An,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(An,{...o,_label:"With short key",_shortKey:"s"})]})}),K8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number"}),a.jsx(b1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number (hideLabel)"}),a.jsx(b1,{ref:r,...o,_hideLabel:!0})]})]})}),V8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation."})}),a.jsx(xo,{RefComponent:K8,showButtons:!1})]});var Gi=e=>e.type==="checkbox",ha=e=>e instanceof Date,Do=e=>e==null;const Zx=e=>typeof e=="object";var Wn=e=>!Do(e)&&!Array.isArray(e)&&Zx(e)&&!ha(e),Px=e=>Wn(e)&&e.target?Gi(e.target)?e.target.checked:e.target.value:e,q8=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Gx=(e,o)=>e.has(q8(o)),Z8=e=>{const o=e.constructor&&e.constructor.prototype;return Wn(o)&&o.hasOwnProperty("isPrototypeOf")},zm=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function eo(e){let o;const r=Array.isArray(e),i=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)o=new Date(e);else if(!(zm&&(e instanceof Blob||i))&&(r||Wn(e)))if(o=r?[]:Object.create(Object.getPrototypeOf(e)),!r&&!Z8(e))o=e;else for(const s in e)e.hasOwnProperty(s)&&(o[s]=eo(e[s]));else return e;return o}var nd=e=>/^\w*$/.test(e),Dn=e=>e===void 0,jm=e=>Array.isArray(e)?e.filter(Boolean):[],Sm=e=>jm(e.replace(/["|']|\]/g,"").split(/\.|\[/)),fe=(e,o,r)=>{if(!o||!Wn(e))return r;const i=(nd(o)?[o]:Sm(o)).reduce((s,d)=>Do(s)?s:s[d],e);return Dn(i)||i===e?Dn(e[o])?r:e[o]:i},Wo=e=>typeof e=="boolean",mn=(e,o,r)=>{let i=-1;const s=nd(o)?[o]:Sm(o),d=s.length,u=d-1;for(;++i<d;){const m=s[i];let h=r;if(i!==u){const p=e[m];h=Wn(p)||Array.isArray(p)?p:isNaN(+s[i+1])?{}:[]}if(m==="__proto__"||m==="constructor"||m==="prototype")return;e[m]=h,e=e[m]}};const Hs={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},_t={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},Qt={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Yx=Ee.createContext(null);Yx.displayName="HookFormContext";const Tm=()=>Ee.useContext(Yx);var Xx=(e,o,r,i=!0)=>{const s={defaultValues:o._defaultValues};for(const d in e)Object.defineProperty(s,d,{get:()=>{const u=d;return o._proxyFormState[u]!==_t.all&&(o._proxyFormState[u]=!i||_t.all),r&&(r[u]=!0),e[u]}});return s};const Am=typeof window<"u"?Ee.useLayoutEffect:Ee.useEffect;function P8(e){const o=Tm(),{control:r=o.control,disabled:i,name:s,exact:d}=e||{},[u,m]=Ee.useState(r._formState),h=Ee.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Am(()=>r._subscribe({name:s,formState:h.current,exact:d,callback:p=>{!i&&m({...r._formState,...p})}}),[s,i,d]),Ee.useEffect(()=>{h.current.isValid&&r._setValid(!0)},[r]),Ee.useMemo(()=>Xx(u,r,h.current,!1),[u,r])}var et=e=>typeof e=="string",Ib=(e,o,r,i,s)=>et(e)?(i&&o.watch.add(e),fe(r,e,s)):Array.isArray(e)?e.map(d=>(i&&o.watch.add(d),fe(r,d))):(i&&(o.watchAll=!0),r),Ub=e=>Do(e)||!Zx(e);function yt(e,o,r=new WeakSet){if(Ub(e)||Ub(o))return Object.is(e,o);if(ha(e)&&ha(o))return e.getTime()===o.getTime();const i=Object.keys(e),s=Object.keys(o);if(i.length!==s.length)return!1;if(r.has(e)||r.has(o))return!0;r.add(e),r.add(o);for(const d of i){const u=e[d];if(!s.includes(d))return!1;if(d!=="ref"){const m=o[d];if(ha(u)&&ha(m)||Wn(u)&&Wn(m)||Array.isArray(u)&&Array.isArray(m)?!yt(u,m,r):!Object.is(u,m))return!1}}return!0}function G8(e){const o=Tm(),{control:r=o.control,name:i,defaultValue:s,disabled:d,exact:u,compute:m}=e||{},h=Ee.useRef(s),p=Ee.useRef(m),k=Ee.useRef(void 0),g=Ee.useRef(r),y=Ee.useRef(i);p.current=m;const[S,$]=Ee.useState(()=>{const B=r._getWatch(i,h.current);return p.current?p.current(B):B}),A=Ee.useCallback(B=>{const I=Ib(i,r._names,B||r._formValues,!1,h.current);return p.current?p.current(I):I},[r._formValues,r._names,i]),N=Ee.useCallback(B=>{if(!d){const I=Ib(i,r._names,B||r._formValues,!1,h.current);if(p.current){const K=p.current(I);yt(K,k.current)||($(K),k.current=K)}else $(I)}},[r._formValues,r._names,d,i]);Am(()=>((g.current!==r||!yt(y.current,i))&&(g.current=r,y.current=i,N()),r._subscribe({name:i,formState:{values:!0},exact:u,callback:B=>{N(B.values)}})),[r,u,i,N]),Ee.useEffect(()=>r._removeUnmounted());const E=g.current!==r,x=y.current,z=Ee.useMemo(()=>{if(d)return null;const B=!E&&!yt(x,i);return E||B?A():null},[d,E,i,x,A]);return z!==null?z:S}function Y8(e){const o=Tm(),{name:r,disabled:i,control:s=o.control,shouldUnregister:d,defaultValue:u,exact:m=!0}=e,h=Gx(s._names.array,r),p=Ee.useMemo(()=>fe(s._formValues,r,fe(s._defaultValues,r,u)),[s,r,u]),k=G8({control:s,name:r,defaultValue:p,exact:m}),g=P8({control:s,name:r,exact:m}),y=Ee.useRef(e),S=Ee.useRef(void 0),$=Ee.useRef(s.register(r,{...e.rules,value:k,...Wo(e.disabled)?{disabled:e.disabled}:{}}));y.current=e;const A=Ee.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!fe(g.errors,r)},isDirty:{enumerable:!0,get:()=>!!fe(g.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!fe(g.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!fe(g.validatingFields,r)},error:{enumerable:!0,get:()=>fe(g.errors,r)}}),[g,r]),N=Ee.useCallback(B=>$.current.onChange({target:{value:Px(B),name:r},type:Hs.CHANGE}),[r]),E=Ee.useCallback(()=>$.current.onBlur({target:{value:fe(s._formValues,r),name:r},type:Hs.BLUR}),[r,s._formValues]),x=Ee.useCallback(B=>{const I=fe(s._fields,r);I&&B&&(I._f.ref={focus:()=>B.focus&&B.focus(),select:()=>B.select&&B.select(),setCustomValidity:K=>B.setCustomValidity(K),reportValidity:()=>B.reportValidity()})},[s._fields,r]),z=Ee.useMemo(()=>({name:r,value:k,...Wo(i)||g.disabled?{disabled:g.disabled||i}:{},onChange:N,onBlur:E,ref:x}),[r,i,g.disabled,N,E,x,k]);return Ee.useEffect(()=>{const B=s._options.shouldUnregister||d,I=S.current;I&&I!==r&&!h&&s.unregister(I),s.register(r,{...y.current.rules,...Wo(y.current.disabled)?{disabled:y.current.disabled}:{}});const K=(U,le)=>{const ce=fe(s._fields,U);ce&&ce._f&&(ce._f.mount=le)};if(K(r,!0),B){const U=eo(fe(s._options.defaultValues,r,y.current.defaultValue));mn(s._defaultValues,r,U),Dn(fe(s._formValues,r))&&mn(s._formValues,r,U)}return!h&&s.register(r),S.current=r,()=>{(h?B&&!s._state.action:B)?s.unregister(r):K(r,!1)}},[r,s,h,d]),Ee.useEffect(()=>{s._setDisabledField({disabled:i,name:r})},[i,r,s]),Ee.useMemo(()=>({field:z,formState:g,fieldState:A}),[z,g,A])}const Wx=e=>e.render(Y8(e));var Qx=(e,o,r,i,s)=>o?{...r[e],types:{...r[e]&&r[e].types?r[e].types:{},[i]:s||!0}}:{},Bi=e=>Array.isArray(e)?e:[e],m1=()=>{let e=[];return{get observers(){return e},next:s=>{for(const d of e)d.next&&d.next(s)},subscribe:s=>(e.push(s),{unsubscribe:()=>{e=e.filter(d=>d!==s)}}),unsubscribe:()=>{e=[]}}};function Jx(e,o){const r={};for(const i in e)if(e.hasOwnProperty(i)){const s=e[i],d=o[i];if(s&&Wn(s)&&d){const u=Jx(s,d);Wn(u)&&(r[i]=u)}else e[i]&&(r[i]=d)}return r}var zo=e=>Wn(e)&&!Object.keys(e).length,Cm=e=>e.type==="file",xt=e=>typeof e=="function",Fs=e=>{if(!zm)return!1;const o=e?e.ownerDocument:0;return e instanceof(o&&o.defaultView?o.defaultView.HTMLElement:HTMLElement)},e0=e=>e.type==="select-multiple",Em=e=>e.type==="radio",X8=e=>Em(e)||Gi(e),Ju=e=>Fs(e)&&e.isConnected;function W8(e,o){const r=o.slice(0,-1).length;let i=0;for(;i<r;)e=Dn(e)?i++:e[o[i++]];return e}function Q8(e){for(const o in e)if(e.hasOwnProperty(o)&&!Dn(e[o]))return!1;return!0}function Pn(e,o){const r=Array.isArray(o)?o:nd(o)?[o]:Sm(o),i=r.length===1?e:W8(e,r),s=r.length-1,d=r[s];return i&&delete i[d],s!==0&&(Wn(i)&&zo(i)||Array.isArray(i)&&Q8(i))&&Pn(e,r.slice(0,-1)),e}var J8=e=>{for(const o in e)if(xt(e[o]))return!0;return!1};function n0(e){return Array.isArray(e)||Wn(e)&&!J8(e)}function Hb(e,o={}){for(const r in e){const i=e[r];n0(i)?(o[r]=Array.isArray(i)?[]:{},Hb(i,o[r])):Dn(i)||(o[r]=!0)}return o}function vl(e,o,r){r||(r=Hb(o));for(const i in e){const s=e[i];if(n0(s))Dn(o)||Ub(r[i])?r[i]=Hb(s,Array.isArray(s)?[]:{}):vl(s,Do(o)?{}:o[i],r[i]);else{const d=o[i];r[i]=!yt(s,d)}}return r}const h1={value:!1,isValid:!1},p1={value:!0,isValid:!0};var o0=e=>{if(Array.isArray(e)){if(e.length>1){const o=e.filter(r=>r&&r.checked&&!r.disabled).map(r=>r.value);return{value:o,isValid:!!o.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!Dn(e[0].attributes.value)?Dn(e[0].value)||e[0].value===""?p1:{value:e[0].value,isValid:!0}:p1:h1}return h1},t0=(e,{valueAsNumber:o,valueAsDate:r,setValueAs:i})=>Dn(e)?e:o?e===""?NaN:e&&+e:r&&et(e)?new Date(e):i?i(e):e;const v1={isValid:!1,value:null};var r0=e=>Array.isArray(e)?e.reduce((o,r)=>r&&r.checked&&!r.disabled?{isValid:!0,value:r.value}:o,v1):v1;function k1(e){const o=e.ref;return Cm(o)?o.files:Em(o)?r0(e.refs).value:e0(o)?[...o.selectedOptions].map(({value:r})=>r):Gi(o)?o0(e.refs).value:t0(Dn(o.value)?e.ref.value:o.value,e)}var eC=(e,o,r,i)=>{const s={};for(const d of e){const u=fe(o,d);u&&mn(s,d,u._f)}return{criteriaMode:r,names:[...e],fields:s,shouldUseNativeValidation:i}},Ks=e=>e instanceof RegExp,Ci=e=>Dn(e)?e:Ks(e)?e.source:Wn(e)?Ks(e.value)?e.value.source:e.value:e,g1=e=>({isOnSubmit:!e||e===_t.onSubmit,isOnBlur:e===_t.onBlur,isOnChange:e===_t.onChange,isOnAll:e===_t.all,isOnTouch:e===_t.onTouched});const _1="AsyncFunction";var nC=e=>!!e&&!!e.validate&&!!(xt(e.validate)&&e.validate.constructor.name===_1||Wn(e.validate)&&Object.values(e.validate).find(o=>o.constructor.name===_1)),oC=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),y1=(e,o,r)=>!r&&(o.watchAll||o.watch.has(e)||[...o.watch].some(i=>e.startsWith(i)&&/^\.\w+/.test(e.slice(i.length))));const Ri=(e,o,r,i)=>{for(const s of r||Object.keys(e)){const d=fe(e,s);if(d){const{_f:u,...m}=d;if(u){if(u.refs&&u.refs[0]&&o(u.refs[0],s)&&!i)return!0;if(u.ref&&o(u.ref,u.name)&&!i)return!0;if(Ri(m,o))break}else if(Wn(m)&&Ri(m,o))break}}};function x1(e,o,r){const i=fe(e,r);if(i||nd(r))return{error:i,name:r};const s=r.split(".");for(;s.length;){const d=s.join("."),u=fe(o,d),m=fe(e,d);if(u&&!Array.isArray(u)&&r!==d)return{name:r};if(m&&m.type)return{name:d,error:m};if(m&&m.root&&m.root.type)return{name:`${d}.root`,error:m.root};s.pop()}return{name:r}}var tC=(e,o,r,i)=>{r(e);const{name:s,...d}=e;return zo(d)||Object.keys(d).length>=Object.keys(o).length||Object.keys(d).find(u=>o[u]===(!i||_t.all))},rC=(e,o,r)=>!e||!o||e===o||Bi(e).some(i=>i&&(r?i===o:i.startsWith(o)||o.startsWith(i))),aC=(e,o,r,i,s)=>s.isOnAll?!1:!r&&s.isOnTouch?!(o||e):(r?i.isOnBlur:s.isOnBlur)?!e:(r?i.isOnChange:s.isOnChange)?e:!0,lC=(e,o)=>!jm(fe(e,o)).length&&Pn(e,o),iC=(e,o,r)=>{const i=Bi(fe(e,r));return mn(i,"root",o[r]),mn(e,r,i),e};function w1(e,o,r="validate"){if(et(e)||Array.isArray(e)&&e.every(et)||Wo(e)&&!e)return{type:r,message:et(e)?e:"",ref:o}}var hl=e=>Wn(e)&&!Ks(e)?e:{value:e,message:""},z1=async(e,o,r,i,s,d)=>{const{ref:u,refs:m,required:h,maxLength:p,minLength:k,min:g,max:y,pattern:S,validate:$,name:A,valueAsNumber:N,mount:E}=e._f,x=fe(r,A);if(!E||o.has(A))return{};const z=m?m[0]:u,B=re=>{s&&z.reportValidity&&(z.setCustomValidity(Wo(re)?"":re||""),z.reportValidity())},I={},K=Em(u),U=Gi(u),le=K||U,ce=(N||Cm(u))&&Dn(u.value)&&Dn(x)||Fs(u)&&u.value===""||x===""||Array.isArray(x)&&!x.length,Re=Qx.bind(null,A,i,I),ie=(re,xe,$e,Ve=Qt.maxLength,R=Qt.minLength)=>{const G=re?xe:$e;I[A]={type:re?Ve:R,message:G,ref:u,...Re(re?Ve:R,G)}};if(d?!Array.isArray(x)||!x.length:h&&(!le&&(ce||Do(x))||Wo(x)&&!x||U&&!o0(m).isValid||K&&!r0(m).isValid)){const{value:re,message:xe}=et(h)?{value:!!h,message:h}:hl(h);if(re&&(I[A]={type:Qt.required,message:xe,ref:z,...Re(Qt.required,xe)},!i))return B(xe),I}if(!ce&&(!Do(g)||!Do(y))){let re,xe;const $e=hl(y),Ve=hl(g);if(!Do(x)&&!isNaN(x)){const R=u.valueAsNumber||x&&+x;Do($e.value)||(re=R>$e.value),Do(Ve.value)||(xe=R<Ve.value)}else{const R=u.valueAsDate||new Date(x),G=Ce=>new Date(new Date().toDateString()+" "+Ce),de=u.type=="time",we=u.type=="week";et($e.value)&&x&&(re=de?G(x)>G($e.value):we?x>$e.value:R>new Date($e.value)),et(Ve.value)&&x&&(xe=de?G(x)<G(Ve.value):we?x<Ve.value:R<new Date(Ve.value))}if((re||xe)&&(ie(!!re,$e.message,Ve.message,Qt.max,Qt.min),!i))return B(I[A].message),I}if((p||k)&&!ce&&(et(x)||d&&Array.isArray(x))){const re=hl(p),xe=hl(k),$e=!Do(re.value)&&x.length>+re.value,Ve=!Do(xe.value)&&x.length<+xe.value;if(($e||Ve)&&(ie($e,re.message,xe.message),!i))return B(I[A].message),I}if(S&&!ce&&et(x)){const{value:re,message:xe}=hl(S);if(Ks(re)&&!x.match(re)&&(I[A]={type:Qt.pattern,message:xe,ref:u,...Re(Qt.pattern,xe)},!i))return B(xe),I}if($){if(xt($)){const re=await $(x,r),xe=w1(re,z);if(xe&&(I[A]={...xe,...Re(Qt.validate,xe.message)},!i))return B(xe.message),I}else if(Wn($)){let re={};for(const xe in $){if(!zo(re)&&!i)break;const $e=w1(await $[xe](x,r),z,xe);$e&&(re={...$e,...Re(xe,$e.message)},B($e.message),i&&(I[A]=re))}if(!zo(re)&&(I[A]={ref:z,...re},!i))return I}}return B(!0),I};const cC={mode:_t.onSubmit,reValidateMode:_t.onChange,shouldFocusError:!0};function sC(e={}){let o={...cC,...e},r={submitCount:0,isDirty:!1,isReady:!1,isLoading:xt(o.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:o.errors||{},disabled:o.disabled||!1},i={},s=Wn(o.defaultValues)||Wn(o.values)?eo(o.defaultValues||o.values)||{}:{},d=o.shouldUnregister?{}:eo(s),u={action:!1,mount:!1,watch:!1},m={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},h,p=0;const k={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let g={...k};const y={array:m1(),state:m1()},S=o.criteriaMode===_t.all,$=T=>M=>{clearTimeout(p),p=setTimeout(T,M)},A=async T=>{if(!o.disabled&&(k.isValid||g.isValid||T)){const M=o.resolver?zo((await U()).errors):await ce(i,!0);M!==r.isValid&&y.state.next({isValid:M})}},N=(T,M)=>{!o.disabled&&(k.isValidating||k.validatingFields||g.isValidating||g.validatingFields)&&((T||Array.from(m.mount)).forEach(q=>{q&&(M?mn(r.validatingFields,q,M):Pn(r.validatingFields,q))}),y.state.next({validatingFields:r.validatingFields,isValidating:!zo(r.validatingFields)}))},E=(T,M=[],q,te,oe=!0,ae=!0)=>{if(te&&q&&!o.disabled){if(u.action=!0,ae&&Array.isArray(fe(i,T))){const he=q(fe(i,T),te.argA,te.argB);oe&&mn(i,T,he)}if(ae&&Array.isArray(fe(r.errors,T))){const he=q(fe(r.errors,T),te.argA,te.argB);oe&&mn(r.errors,T,he),lC(r.errors,T)}if((k.touchedFields||g.touchedFields)&&ae&&Array.isArray(fe(r.touchedFields,T))){const he=q(fe(r.touchedFields,T),te.argA,te.argB);oe&&mn(r.touchedFields,T,he)}(k.dirtyFields||g.dirtyFields)&&(r.dirtyFields=vl(s,d)),y.state.next({name:T,isDirty:ie(T,M),dirtyFields:r.dirtyFields,errors:r.errors,isValid:r.isValid})}else mn(d,T,M)},x=(T,M)=>{mn(r.errors,T,M),y.state.next({errors:r.errors})},z=T=>{r.errors=T,y.state.next({errors:r.errors,isValid:!1})},B=(T,M,q,te)=>{const oe=fe(i,T);if(oe){const ae=fe(d,T,Dn(q)?fe(s,T):q);Dn(ae)||te&&te.defaultChecked||M?mn(d,T,M?ae:k1(oe._f)):$e(T,ae),u.mount&&!u.action&&A()}},I=(T,M,q,te,oe)=>{let ae=!1,he=!1;const We={name:T};if(!o.disabled){if(!q||te){(k.isDirty||g.isDirty)&&(he=r.isDirty,r.isDirty=We.isDirty=ie(),ae=he!==We.isDirty);const dn=yt(fe(s,T),M);he=!!fe(r.dirtyFields,T),dn?Pn(r.dirtyFields,T):mn(r.dirtyFields,T,!0),We.dirtyFields=r.dirtyFields,ae=ae||(k.dirtyFields||g.dirtyFields)&&he!==!dn}if(q){const dn=fe(r.touchedFields,T);dn||(mn(r.touchedFields,T,q),We.touchedFields=r.touchedFields,ae=ae||(k.touchedFields||g.touchedFields)&&dn!==q)}ae&&oe&&y.state.next(We)}return ae?We:{}},K=(T,M,q,te)=>{const oe=fe(r.errors,T),ae=(k.isValid||g.isValid)&&Wo(M)&&r.isValid!==M;if(o.delayError&&q?(h=$(()=>x(T,q)),h(o.delayError)):(clearTimeout(p),h=null,q?mn(r.errors,T,q):Pn(r.errors,T)),(q?!yt(oe,q):oe)||!zo(te)||ae){const he={...te,...ae&&Wo(M)?{isValid:M}:{},errors:r.errors,name:T};r={...r,...he},y.state.next(he)}},U=async T=>{N(T,!0);const M=await o.resolver(d,o.context,eC(T||m.mount,i,o.criteriaMode,o.shouldUseNativeValidation));return N(T),M},le=async T=>{const{errors:M}=await U(T);if(T)for(const q of T){const te=fe(M,q);te?mn(r.errors,q,te):Pn(r.errors,q)}else r.errors=M;return M},ce=async(T,M,q={valid:!0})=>{for(const te in T){const oe=T[te];if(oe){const{_f:ae,...he}=oe;if(ae){const We=m.array.has(ae.name),dn=oe._f&&nC(oe._f);dn&&k.validatingFields&&N([ae.name],!0);const To=await z1(oe,m.disabled,d,S,o.shouldUseNativeValidation&&!M,We);if(dn&&k.validatingFields&&N([ae.name]),To[ae.name]&&(q.valid=!1,M))break;!M&&(fe(To,ae.name)?We?iC(r.errors,To,ae.name):mn(r.errors,ae.name,To[ae.name]):Pn(r.errors,ae.name))}!zo(he)&&await ce(he,M,q)}}return q.valid},Re=()=>{for(const T of m.unMount){const M=fe(i,T);M&&(M._f.refs?M._f.refs.every(q=>!Ju(q)):!Ju(M._f.ref))&&ge(T)}m.unMount=new Set},ie=(T,M)=>!o.disabled&&(T&&M&&mn(d,T,M),!yt(Ce(),s)),re=(T,M,q)=>Ib(T,m,{...u.mount?d:Dn(M)?s:et(T)?{[T]:M}:M},q,M),xe=T=>jm(fe(u.mount?d:s,T,o.shouldUnregister?fe(s,T,[]):[])),$e=(T,M,q={})=>{const te=fe(i,T);let oe=M;if(te){const ae=te._f;ae&&(!ae.disabled&&mn(d,T,t0(M,ae)),oe=Fs(ae.ref)&&Do(M)?"":M,e0(ae.ref)?[...ae.ref.options].forEach(he=>he.selected=oe.includes(he.value)):ae.refs?Gi(ae.ref)?ae.refs.forEach(he=>{(!he.defaultChecked||!he.disabled)&&(Array.isArray(oe)?he.checked=!!oe.find(We=>We===he.value):he.checked=oe===he.value||!!oe)}):ae.refs.forEach(he=>he.checked=he.value===oe):Cm(ae.ref)?ae.ref.value="":(ae.ref.value=oe,ae.ref.type||y.state.next({name:T,values:eo(d)})))}(q.shouldDirty||q.shouldTouch)&&I(T,oe,q.shouldTouch,q.shouldDirty,!0),q.shouldValidate&&we(T)},Ve=(T,M,q)=>{for(const te in M){if(!M.hasOwnProperty(te))return;const oe=M[te],ae=T+"."+te,he=fe(i,ae);(m.array.has(T)||Wn(oe)||he&&!he._f)&&!ha(oe)?Ve(ae,oe,q):$e(ae,oe,q)}},R=(T,M,q={})=>{const te=fe(i,T),oe=m.array.has(T),ae=eo(M);mn(d,T,ae),oe?(y.array.next({name:T,values:eo(d)}),(k.isDirty||k.dirtyFields||g.isDirty||g.dirtyFields)&&q.shouldDirty&&y.state.next({name:T,dirtyFields:vl(s,d),isDirty:ie(T,ae)})):te&&!te._f&&!Do(ae)?Ve(T,ae,q):$e(T,ae,q),y1(T,m)&&y.state.next({...r,name:T}),y.state.next({name:u.mount?T:void 0,values:eo(d)})},G=async T=>{u.mount=!0;const M=T.target;let q=M.name,te=!0;const oe=fe(i,q),ae=dn=>{te=Number.isNaN(dn)||ha(dn)&&isNaN(dn.getTime())||yt(dn,fe(d,q,dn))},he=g1(o.mode),We=g1(o.reValidateMode);if(oe){let dn,To;const Zr=M.type?k1(oe._f):Px(T),zt=T.type===Hs.BLUR||T.type===Hs.FOCUS_OUT,sd=!oC(oe._f)&&!o.resolver&&!fe(r.errors,q)&&!oe._f.deps||aC(zt,fe(r.touchedFields,q),r.isSubmitted,We,he),Ot=y1(q,m,zt);mn(d,q,Zr),zt?(!M||!M.readOnly)&&(oe._f.onBlur&&oe._f.onBlur(T),h&&h(0)):oe._f.onChange&&oe._f.onChange(T);const ao=I(q,Zr,zt),jt=!zo(ao)||Ot;if(!zt&&y.state.next({name:q,type:T.type,values:eo(d)}),sd)return(k.isValid||g.isValid)&&(o.mode==="onBlur"?zt&&A():zt||A()),jt&&y.state.next({name:q,...Ot?{}:ao});if(!zt&&Ot&&y.state.next({...r}),o.resolver){const{errors:po}=await U([q]);if(ae(Zr),te){const dd=x1(r.errors,i,q),Yi=x1(po,i,dd.name||q);dn=Yi.error,q=Yi.name,To=zo(po)}}else N([q],!0),dn=(await z1(oe,m.disabled,d,S,o.shouldUseNativeValidation))[q],N([q]),ae(Zr),te&&(dn?To=!1:(k.isValid||g.isValid)&&(To=await ce(i,!0)));te&&(oe._f.deps&&(!Array.isArray(oe._f.deps)||oe._f.deps.length>0)&&we(oe._f.deps),K(q,To,dn,ao))}},de=(T,M)=>{if(fe(r.errors,M)&&T.focus)return T.focus(),1},we=async(T,M={})=>{let q,te;const oe=Bi(T);if(o.resolver){const ae=await le(Dn(T)?T:oe);q=zo(ae),te=T?!oe.some(he=>fe(ae,he)):q}else T?(te=(await Promise.all(oe.map(async ae=>{const he=fe(i,ae);return await ce(he&&he._f?{[ae]:he}:he)}))).every(Boolean),!(!te&&!r.isValid)&&A()):te=q=await ce(i);return y.state.next({...!et(T)||(k.isValid||g.isValid)&&q!==r.isValid?{}:{name:T},...o.resolver||!T?{isValid:q}:{},errors:r.errors}),M.shouldFocus&&!te&&Ri(i,de,T?oe:m.mount),te},Ce=(T,M)=>{let q={...u.mount?d:s};return M&&(q=Jx(M.dirtyFields?r.dirtyFields:r.touchedFields,q)),Dn(T)?q:et(T)?fe(q,T):T.map(te=>fe(q,te))},_=(T,M)=>({invalid:!!fe((M||r).errors,T),isDirty:!!fe((M||r).dirtyFields,T),error:fe((M||r).errors,T),isValidating:!!fe(r.validatingFields,T),isTouched:!!fe((M||r).touchedFields,T)}),L=T=>{T&&Bi(T).forEach(M=>Pn(r.errors,M)),y.state.next({errors:T?r.errors:{}})},Y=(T,M,q)=>{const te=(fe(i,T,{_f:{}})._f||{}).ref,oe=fe(r.errors,T)||{},{ref:ae,message:he,type:We,...dn}=oe;mn(r.errors,T,{...dn,...M,ref:te}),y.state.next({name:T,errors:r.errors,isValid:!1}),q&&q.shouldFocus&&te&&te.focus&&te.focus()},ne=(T,M)=>xt(T)?y.state.subscribe({next:q=>"values"in q&&T(re(void 0,M),q)}):re(T,M,!0),se=T=>y.state.subscribe({next:M=>{rC(T.name,M.name,T.exact)&&tC(M,T.formState||k,ve,T.reRenderRoot)&&T.callback({values:{...d},...r,...M,defaultValues:s})}}).unsubscribe,ue=T=>(u.mount=!0,g={...g,...T.formState},se({...T,formState:g})),ge=(T,M={})=>{for(const q of T?Bi(T):m.mount)m.mount.delete(q),m.array.delete(q),M.keepValue||(Pn(i,q),Pn(d,q)),!M.keepError&&Pn(r.errors,q),!M.keepDirty&&Pn(r.dirtyFields,q),!M.keepTouched&&Pn(r.touchedFields,q),!M.keepIsValidating&&Pn(r.validatingFields,q),!o.shouldUnregister&&!M.keepDefaultValue&&Pn(s,q);y.state.next({values:eo(d)}),y.state.next({...r,...M.keepDirty?{isDirty:ie()}:{}}),!M.keepIsValid&&A()},tn=({disabled:T,name:M})=>{(Wo(T)&&u.mount||T||m.disabled.has(M))&&(T?m.disabled.add(M):m.disabled.delete(M))},Ue=(T,M={})=>{let q=fe(i,T);const te=Wo(M.disabled)||Wo(o.disabled);return mn(i,T,{...q||{},_f:{...q&&q._f?q._f:{ref:{name:T}},name:T,mount:!0,...M}}),m.mount.add(T),q?tn({disabled:Wo(M.disabled)?M.disabled:o.disabled,name:T}):B(T,!0,M.value),{...te?{disabled:M.disabled||o.disabled}:{},...o.progressive?{required:!!M.required,min:Ci(M.min),max:Ci(M.max),minLength:Ci(M.minLength),maxLength:Ci(M.maxLength),pattern:Ci(M.pattern)}:{},name:T,onChange:G,onBlur:G,ref:oe=>{if(oe){Ue(T,M),q=fe(i,T);const ae=Dn(oe.value)&&oe.querySelectorAll&&oe.querySelectorAll("input,select,textarea")[0]||oe,he=X8(ae),We=q._f.refs||[];if(he?We.find(dn=>dn===ae):ae===q._f.ref)return;mn(i,T,{_f:{...q._f,...he?{refs:[...We.filter(Ju),ae,...Array.isArray(fe(s,T))?[{}]:[]],ref:{type:ae.type,name:T}}:{ref:ae}}}),B(T,!1,void 0,ae)}else q=fe(i,T,{}),q._f&&(q._f.mount=!1),(o.shouldUnregister||M.shouldUnregister)&&!(Gx(m.array,T)&&u.action)&&m.unMount.add(T)}}},Fo=()=>o.shouldFocusError&&Ri(i,de,m.mount),dr=T=>{Wo(T)&&(y.state.next({disabled:T}),Ri(i,(M,q)=>{const te=fe(i,q);te&&(M.disabled=te._f.disabled||T,Array.isArray(te._f.refs)&&te._f.refs.forEach(oe=>{oe.disabled=te._f.disabled||T}))},0,!1))},fr=(T,M)=>async q=>{let te;q&&(q.preventDefault&&q.preventDefault(),q.persist&&q.persist());let oe=eo(d);if(y.state.next({isSubmitting:!0}),o.resolver){const{errors:ae,values:he}=await U();r.errors=ae,oe=eo(he)}else await ce(i);if(m.disabled.size)for(const ae of m.disabled)Pn(oe,ae);if(Pn(r.errors,"root"),zo(r.errors)){y.state.next({errors:{}});try{await T(oe,q)}catch(ae){te=ae}}else M&&await M({...r.errors},q),Fo(),setTimeout(Fo);if(y.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:zo(r.errors)&&!te,submitCount:r.submitCount+1,errors:r.errors}),te)throw te},Sa=(T,M={})=>{fe(i,T)&&(Dn(M.defaultValue)?R(T,eo(fe(s,T))):(R(T,M.defaultValue),mn(s,T,eo(M.defaultValue))),M.keepTouched||Pn(r.touchedFields,T),M.keepDirty||(Pn(r.dirtyFields,T),r.isDirty=M.defaultValue?ie(T,eo(fe(s,T))):ie()),M.keepError||(Pn(r.errors,T),k.isValid&&A()),y.state.next({...r}))},tt=(T,M={})=>{const q=T?eo(T):s,te=eo(q),oe=zo(T),ae=oe?s:te;if(M.keepDefaultValues||(s=q),!M.keepValues){if(M.keepDirtyValues){const he=new Set([...m.mount,...Object.keys(vl(s,d))]);for(const We of Array.from(he))fe(r.dirtyFields,We)?mn(ae,We,fe(d,We)):R(We,fe(ae,We))}else{if(zm&&Dn(T))for(const he of m.mount){const We=fe(i,he);if(We&&We._f){const dn=Array.isArray(We._f.refs)?We._f.refs[0]:We._f.ref;if(Fs(dn)){const To=dn.closest("form");if(To){To.reset();break}}}}if(M.keepFieldsRef)for(const he of m.mount)R(he,fe(ae,he));else i={}}d=o.shouldUnregister?M.keepDefaultValues?eo(s):{}:eo(ae),y.array.next({values:{...ae}}),y.state.next({values:{...ae}})}m={mount:M.keepDirtyValues?m.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},u.mount=!k.isValid||!!M.keepIsValid||!!M.keepDirtyValues||!o.shouldUnregister&&!zo(ae),u.watch=!!o.shouldUnregister,u.action=!1,M.keepErrors||(r.errors={}),y.state.next({submitCount:M.keepSubmitCount?r.submitCount:0,isDirty:oe?!1:M.keepDirty?r.isDirty:!!(M.keepDefaultValues&&!yt(T,s)),isSubmitted:M.keepIsSubmitted?r.isSubmitted:!1,dirtyFields:oe?{}:M.keepDirtyValues?M.keepDefaultValues&&d?vl(s,d):r.dirtyFields:M.keepDefaultValues&&T?vl(s,T):M.keepDirty?r.dirtyFields:{},touchedFields:M.keepTouched?r.touchedFields:{},errors:M.keepErrors?r.errors:{},isSubmitSuccessful:M.keepIsSubmitSuccessful?r.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:s})},$t=(T,M)=>tt(xt(T)?T(d):T,M),qr=(T,M={})=>{const q=fe(i,T),te=q&&q._f;if(te){const oe=te.refs?te.refs[0]:te.ref;oe.focus&&(oe.focus(),M.shouldSelect&&xt(oe.select)&&oe.select())}},ve=T=>{r={...r,...T}},De={control:{register:Ue,unregister:ge,getFieldState:_,handleSubmit:fr,setError:Y,_subscribe:se,_runSchema:U,_focusError:Fo,_getWatch:re,_getDirty:ie,_setValid:A,_setFieldArray:E,_setDisabledField:tn,_setErrors:z,_getFieldArray:xe,_reset:tt,_resetDefaultValues:()=>xt(o.defaultValues)&&o.defaultValues().then(T=>{$t(T,o.resetOptions),y.state.next({isLoading:!1})}),_removeUnmounted:Re,_disableForm:dr,_subjects:y,_proxyFormState:k,get _fields(){return i},get _formValues(){return d},get _state(){return u},set _state(T){u=T},get _defaultValues(){return s},get _names(){return m},set _names(T){m=T},get _formState(){return r},get _options(){return o},set _options(T){o={...o,...T}}},subscribe:ue,trigger:we,register:Ue,handleSubmit:fr,watch:ne,setValue:R,getValues:Ce,reset:$t,resetField:Sa,clearErrors:L,unregister:ge,setError:Y,setFocus:qr,getFieldState:_};return{...De,formControl:De}}function od(e={}){const o=Ee.useRef(void 0),r=Ee.useRef(void 0),[i,s]=Ee.useState({isDirty:!1,isValidating:!1,isLoading:xt(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!1,defaultValues:xt(e.defaultValues)?void 0:e.defaultValues});if(!o.current)if(e.formControl)o.current={...e.formControl,formState:i},e.defaultValues&&!xt(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{const{formControl:u,...m}=sC(e);o.current={...m,formState:i}}const d=o.current.control;return d._options=e,Am(()=>{const u=d._subscribe({formState:d._proxyFormState,callback:()=>s({...d._formState}),reRenderRoot:!0});return s(m=>({...m,isReady:!0})),d._formState.isReady=!0,u},[d]),Ee.useEffect(()=>d._disableForm(e.disabled),[d,e.disabled]),Ee.useEffect(()=>{e.mode&&(d._options.mode=e.mode),e.reValidateMode&&(d._options.reValidateMode=e.reValidateMode)},[d,e.mode,e.reValidateMode]),Ee.useEffect(()=>{e.errors&&(d._setErrors(e.errors),d._focusError())},[d,e.errors]),Ee.useEffect(()=>{e.shouldUnregister&&d._subjects.state.next({values:d._getWatch()})},[d,e.shouldUnregister]),Ee.useEffect(()=>{if(d._proxyFormState.isDirty){const u=d._getDirty();u!==i.isDirty&&d._subjects.state.next({isDirty:u})}},[d,i.isDirty]),Ee.useEffect(()=>{var u;e.values&&!yt(e.values,r.current)?(d._reset(e.values,{keepFieldsRef:!0,...d._options.resetOptions}),!((u=d._options.resetOptions)===null||u===void 0)&&u.keepIsValid||d._setValid(),r.current=e.values,s(m=>({...m}))):d._resetDefaultValues()},[d,e.values]),Ee.useEffect(()=>{d._state.mount||(d._setValid(),d._state.mount=!0),d._state.watch&&(d._state.watch=!1,d._subjects.state.next({...d._formState})),d._removeUnmounted()}),o.current.formState=Xx(i,d),o.current}function a0(e,o){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&o.indexOf(i)<0&&(r[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(e);s<i.length;s++)o.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(r[i[s]]=e[i[s]]);return r}var Ki;(function(e){e.event="event",e.props="prop"})(Ki||(Ki={}));function Mr(){}function dC(e){var o,r=void 0;return function(){for(var i=[],s=arguments.length;s--;)i[s]=arguments[s];return o&&i.length===o.length&&i.every(function(d,u){return d===o[u]})||(o=i,r=e.apply(void 0,i)),r}}function Vi(e){return!!(e||"").match(/\d/)}function xl(e){return e==null}function fC(e){return typeof e=="number"&&isNaN(e)}function l0(e){return xl(e)||fC(e)||typeof e=="number"&&!isFinite(e)}function i0(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function uC(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function bC(e,o,r){var i=uC(r),s=e.search(/[1-9]/);return s=s===-1?e.length:s,e.substring(0,s)+e.substring(s,e.length).replace(i,"$1"+o)}function mC(e){var o=j.useRef(e);o.current=e;var r=j.useRef(function(){for(var i=[],s=arguments.length;s--;)i[s]=arguments[s];return o.current.apply(o,i)});return r.current}function Lm(e,o){o===void 0&&(o=!0);var r=e[0]==="-",i=r&&o;e=e.replace("-","");var s=e.split("."),d=s[0],u=s[1]||"";return{beforeDecimal:d,afterDecimal:u,hasNegation:r,addNegation:i}}function hC(e){if(!e)return e;var o=e[0]==="-";o&&(e=e.substring(1,e.length));var r=e.split("."),i=r[0].replace(/^0+/,"")||"0",s=r[1]||"";return(o?"-":"")+i+(s?"."+s:"")}function c0(e,o,r){for(var i="",s=r?"0":"",d=0;d<=o-1;d++)i+=e[d]||s;return i}function j1(e,o){return Array(o+1).join(e)}function s0(e){var o=e+"",r=o[0]==="-"?"-":"";r&&(o=o.substring(1));var i=o.split(/[eE]/g),s=i[0],d=i[1];if(d=Number(d),!d)return r+s;s=s.replace(".","");var u=1+d,m=s.length;return u<0?s="0."+j1("0",Math.abs(u))+s:u>=m?s=s+j1("0",u-m):s=(s.substring(0,u)||"0")+"."+s.substring(u),r+s}function S1(e,o,r){if(["","-"].indexOf(e)!==-1)return e;var i=(e.indexOf(".")!==-1||r)&&o,s=Lm(e),d=s.beforeDecimal,u=s.afterDecimal,m=s.hasNegation,h=parseFloat("0."+(u||"0")),p=u.length<=o?"0."+u:h.toFixed(o),k=p.split("."),g=d;d&&Number(k[0])&&(g=d.split("").reverse().reduce(function(A,N,E){return A.length>E?(Number(A[0])+Number(N)).toString()+A.substring(1,A.length):N+A},k[0]));var y=c0(k[1]||"",o,r),S=m?"-":"",$=i?".":"";return""+S+g+$+y}function ba(e,o){if(e.value=e.value,e!==null){if(e.createTextRange){var r=e.createTextRange();return r.move("character",o),r.select(),!0}return e.selectionStart||e.selectionStart===0?(e.focus(),e.setSelectionRange(o,o),!0):(e.focus(),!1)}}var d0=dC(function(e,o){for(var r=0,i=0,s=e.length,d=o.length;e[r]===o[r]&&r<s;)r++;for(;e[s-1-i]===o[d-1-i]&&d-i>r&&s-i>r;)i++;return{from:{start:r,end:s-i},to:{start:r,end:d-i}}}),pC=function(e,o){var r=Math.min(e.selectionStart,o);return{from:{start:r,end:e.selectionEnd},to:{start:r,end:o}}};function vC(e,o,r){return Math.min(Math.max(e,o),r)}function eb(e){return Math.max(e.selectionStart,e.selectionEnd)}function kC(){return typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function gC(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}function _C(e){var o=e.currentValue,r=e.formattedValue,i=e.currentValueIndex,s=e.formattedValueIndex;return o[i]===r[s]}function yC(e,o,r,i,s,d,u){u===void 0&&(u=_C);var m=s.findIndex(function(B){return B}),h=e.slice(0,m);!o&&!r.startsWith(h)&&(o=h,r=h+r,i=i+h.length);for(var p=r.length,k=e.length,g={},y=new Array(p),S=0;S<p;S++){y[S]=-1;for(var $=0,A=k;$<A;$++){var N=u({currentValue:r,lastValue:o,formattedValue:e,currentValueIndex:S,formattedValueIndex:$});if(N&&g[$]!==!0){y[S]=$,g[$]=!0;break}}}for(var E=i;E<p&&(y[E]===-1||!d(r[E]));)E++;var x=E===p||y[E]===-1?k:y[E];for(E=i-1;E>0&&y[E]===-1;)E--;var z=E===-1||y[E]===-1?0:y[E]+1;return z>x?x:i-z<x-i?z:x}function T1(e,o,r,i){var s=e.length;if(o=vC(o,0,s),i==="left"){for(;o>=0&&!r[o];)o--;o===-1&&(o=r.indexOf(!0))}else{for(;o<=s&&!r[o];)o++;o>s&&(o=r.lastIndexOf(!0))}return o===-1&&(o=s),o}function xC(e){for(var o=Array.from({length:e.length+1}).map(function(){return!0}),r=0,i=o.length;r<i;r++)o[r]=!!(Vi(e[r])||Vi(e[r-1]));return o}function f0(e,o,r,i,s,d){d===void 0&&(d=Mr);var u=mC(function($,A){var N,E;return l0($)?(E="",N=""):typeof $=="number"||A?(E=typeof $=="number"?s0($):$,N=i(E)):(E=s($,void 0),N=i(E)),{formattedValue:N,numAsString:E}}),m=j.useState(function(){return u(xl(e)?o:e,r)}),h=m[0],p=m[1],k=function($,A){$.formattedValue!==h.formattedValue&&p({formattedValue:$.formattedValue,numAsString:$.value}),d($,A)},g=e,y=r;xl(e)&&(g=h.numAsString,y=!0);var S=u(g,y);return j.useMemo(function(){p(S)},[S.formattedValue]),[h,k]}function wC(e){return e.replace(/[^0-9]/g,"")}function zC(e){return e}function jC(e){var o=e.type;o===void 0&&(o="text");var r=e.displayType;r===void 0&&(r="input");var i=e.customInput,s=e.renderText,d=e.getInputRef,u=e.format;u===void 0&&(u=zC);var m=e.removeFormatting;m===void 0&&(m=wC);var h=e.defaultValue,p=e.valueIsNumericString,k=e.onValueChange,g=e.isAllowed,y=e.onChange;y===void 0&&(y=Mr);var S=e.onKeyDown;S===void 0&&(S=Mr);var $=e.onMouseUp;$===void 0&&($=Mr);var A=e.onFocus;A===void 0&&(A=Mr);var N=e.onBlur;N===void 0&&(N=Mr);var E=e.value,x=e.getCaretBoundary;x===void 0&&(x=xC);var z=e.isValidInputCharacter;z===void 0&&(z=Vi);var B=e.isCharacterSame,I=a0(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),K=f0(E,h,!!p,u,m,k),U=K[0],le=U.formattedValue,ce=U.numAsString,Re=K[1],ie=j.useRef(),re=j.useRef({formattedValue:le,numAsString:ce}),xe=function(ve,ye){re.current={formattedValue:ve.formattedValue,numAsString:ve.value},Re(ve,ye)},$e=j.useState(!1),Ve=$e[0],R=$e[1],G=j.useRef(null),de=j.useRef({setCaretTimeout:null,focusTimeout:null});j.useEffect(function(){return R(!0),function(){clearTimeout(de.current.setCaretTimeout),clearTimeout(de.current.focusTimeout)}},[]);var we=u,Ce=function(ve,ye){var De=parseFloat(ye);return{formattedValue:ve,value:ye,floatValue:isNaN(De)?void 0:De}},_=function(ve,ye,De){ve.selectionStart===0&&ve.selectionEnd===ve.value.length||(ba(ve,ye),de.current.setCaretTimeout=setTimeout(function(){ve.value===De&&ve.selectionStart!==ye&&ba(ve,ye)},0))},L=function(ve,ye,De){return T1(ve,ye,x(ve),De)},Y=function(ve,ye,De){var T=x(ye),M=yC(ye,le,ve,De,T,z,B);return M=T1(ye,M,T),M},ne=function(ve){var ye=ve.formattedValue;ye===void 0&&(ye="");var De=ve.input,T=ve.source,M=ve.event,q=ve.numAsString,te;if(De){var oe=ve.inputValue||De.value,ae=eb(De);De.value=ye,te=Y(oe,ye,ae),te!==void 0&&_(De,te,ye)}ye!==le&&xe(Ce(ye,q),{event:M,source:T})};j.useEffect(function(){var ve=re.current,ye=ve.formattedValue,De=ve.numAsString;(le!==ye||ce!==De)&&xe(Ce(le,ce),{event:void 0,source:Ki.props})},[le,ce]);var se=G.current?eb(G.current):void 0,ue=typeof window<"u"?j.useLayoutEffect:j.useEffect;ue(function(){var ve=G.current;if(le!==re.current.formattedValue&&ve){var ye=Y(re.current.formattedValue,le,se);ve.value=le,_(ve,ye,le)}},[le]);var ge=function(ve,ye,De){var T=ye.target,M=ie.current?pC(ie.current,T.selectionEnd):d0(le,ve),q=Object.assign(Object.assign({},M),{lastValue:le}),te=m(ve,q),oe=we(te);if(te=m(oe,void 0),g&&!g(Ce(oe,te))){var ae=ye.target,he=eb(ae),We=Y(ve,le,he);return ae.value=le,_(ae,We,le),!1}return ne({formattedValue:oe,numAsString:te,inputValue:ve,event:ye,source:De,input:ye.target}),!0},tn=function(ve,ye){ye===void 0&&(ye=0);var De=ve.selectionStart,T=ve.selectionEnd;ie.current={selectionStart:De,selectionEnd:T+ye}},Ue=function(ve){var ye=ve.target,De=ye.value,T=ge(De,ve,Ki.event);T&&y(ve),ie.current=void 0},Fo=function(ve){var ye=ve.target,De=ve.key,T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;q===void 0&&(q="");var te;De==="ArrowLeft"||De==="Backspace"?te=Math.max(T-1,0):De==="ArrowRight"?te=Math.min(T+1,q.length):De==="Delete"&&(te=T);var oe=0;De==="Delete"&&T===M&&(oe=1);var ae=De==="ArrowLeft"||De==="ArrowRight";if(te===void 0||T!==M&&!ae){S(ve),tn(ye,oe);return}var he=te;if(ae){var We=De==="ArrowLeft"?"left":"right";he=L(q,te,We),he!==te&&ve.preventDefault()}else De==="Delete"&&!z(q[te])?he=L(q,te,"right"):De==="Backspace"&&!z(q[te])&&(he=L(q,te,"left"));he!==te&&_(ye,he,q),S(ve),tn(ye,oe)},dr=function(ve){var ye=ve.target,De=function(){var T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;if(q===void 0&&(q=""),T===M){var te=L(q,T);te!==T&&_(ye,te,q)}};De(),requestAnimationFrame(function(){De()}),$(ve),tn(ye)},fr=function(ve){ve.persist&&ve.persist();var ye=ve.target,De=ve.currentTarget;G.current=ye,de.current.focusTimeout=setTimeout(function(){var T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;q===void 0&&(q="");var te=L(q,T);te!==T&&!(T===0&&M===q.length)&&_(ye,te,q),A(Object.assign(Object.assign({},ve),{currentTarget:De}))},0)},Sa=function(ve){G.current=null,clearTimeout(de.current.focusTimeout),clearTimeout(de.current.setCaretTimeout),N(ve)},tt=Ve&&kC()?"numeric":void 0,$t=Object.assign({inputMode:tt},I,{type:o,value:le,onChange:Ue,onKeyDown:Fo,onMouseUp:dr,onFocus:fr,onBlur:Sa});if(r==="text")return s?Ee.createElement(Ee.Fragment,null,s(le,I)||null):Ee.createElement("span",Object.assign({},I,{ref:d}),le);if(i){var qr=i;return Ee.createElement(qr,Object.assign({},$t,{ref:d}))}return Ee.createElement("input",Object.assign({},$t,{ref:d}))}function A1(e,o){var r=o.decimalScale,i=o.fixedDecimalScale,s=o.prefix;s===void 0&&(s="");var d=o.suffix;d===void 0&&(d="");var u=o.allowNegative,m=o.thousandsGroupStyle;if(m===void 0&&(m="thousand"),e===""||e==="-")return e;var h=td(o),p=h.thousandSeparator,k=h.decimalSeparator,g=r!==0&&e.indexOf(".")!==-1||r&&i,y=Lm(e,u),S=y.beforeDecimal,$=y.afterDecimal,A=y.addNegation;return r!==void 0&&($=c0($,r,!!i)),p&&(S=bC(S,p,m)),s&&(S=s+S),d&&($=$+d),A&&(S="-"+S),e=S+(g&&k||"")+$,e}function td(e){var o=e.decimalSeparator;o===void 0&&(o=".");var r=e.thousandSeparator,i=e.allowedDecimalSeparators;return r===!0&&(r=","),i||(i=[o,"."]),{decimalSeparator:o,thousandSeparator:r,allowedDecimalSeparators:i}}function SC(e,o){e===void 0&&(e="");var r=new RegExp("(-)"),i=new RegExp("(-)(.)*(-)"),s=r.test(e),d=i.test(e);return e=e.replace(/-/g,""),s&&!d&&o&&(e="-"+e),e}function TC(e,o){return new RegExp("(^-)|[0-9]|"+i0(e),"g")}function AC(e,o,r){return e===""?!0:!o?.match(/\d/)&&!r?.match(/\d/)&&typeof e=="string"&&!isNaN(Number(e))}function CC(e,o,r){var i;o===void 0&&(o=gC(e));var s=r.allowNegative,d=r.prefix;d===void 0&&(d="");var u=r.suffix;u===void 0&&(u="");var m=r.decimalScale,h=o.from,p=o.to,k=p.start,g=p.end,y=td(r),S=y.allowedDecimalSeparators,$=y.decimalSeparator,A=e[g]===$;if(Vi(e)&&(e===d||e===u)&&o.lastValue==="")return e;if(g-k===1&&S.indexOf(e[k])!==-1){var N=m===0?"":$;e=e.substring(0,k)+N+e.substring(k+1,e.length)}var E=function(G,de,we){var Ce=!1,_=!1;d.startsWith("-")?Ce=!1:G.startsWith("--")?(Ce=!1,_=!0):u.startsWith("-")&&G.length===u.length?Ce=!1:G[0]==="-"&&(Ce=!0);var L=Ce?1:0;return _&&(L=2),L&&(G=G.substring(L),de-=L,we-=L),{value:G,start:de,end:we,hasNegation:Ce}},x=E(e,k,g),z=x.hasNegation;i=x,e=i.value,k=i.start,g=i.end;var B=E(o.lastValue,h.start,h.end),I=B.start,K=B.end,U=B.value,le=e.substring(k,g);e.length&&U.length&&(I>U.length-u.length||K<d.length)&&!(le&&u.startsWith(le))&&(e=U);var ce=0;e.startsWith(d)?ce+=d.length:k<d.length&&(ce=k),e=e.substring(ce),g-=ce;var Re=e.length,ie=e.length-u.length;e.endsWith(u)?Re=ie:(g>ie||g>e.length-u.length)&&(Re=g),e=e.substring(0,Re),e=SC(z?"-"+e:e,s),e=(e.match(TC($))||[]).join("");var re=e.indexOf($);e=e.replace(new RegExp(i0($),"g"),function(G,de){return de===re?".":""});var xe=Lm(e,s),$e=xe.beforeDecimal,Ve=xe.afterDecimal,R=xe.addNegation;return p.end-p.start<h.end-h.start&&$e===""&&A&&!parseFloat(Ve)&&(e=R?"-":""),e}function EC(e,o){var r=o.prefix;r===void 0&&(r="");var i=o.suffix;i===void 0&&(i="");var s=Array.from({length:e.length+1}).map(function(){return!0}),d=e[0]==="-";s.fill(!1,0,r.length+(d?1:0));var u=e.length;return s.fill(!1,u-i.length+1,u+1),s}function LC(e){var o=td(e),r=o.thousandSeparator,i=o.decimalSeparator,s=e.prefix;s===void 0&&(s="");var d=e.allowNegative;if(d===void 0&&(d=!0),r===i)throw new Error(`
+}`;const PT=km.createTheme("ecl-eu",{GLOBAL:ZT,"KOL-ACCORDION":aT,"KOL-ALERT":lT,"KOL-BADGE":iT,"KOL-BREADCRUMB":cT,"KOL-BUTTON":dT,"KOL-BUTTON-LINK":sT,"KOL-CARD":fT,"KOL-COMBOBOX":uT,"KOL-DETAILS":bT,"KOL-DRAWER":mT,"KOL-FORM":hT,"KOL-HEADING":pT,"KOL-INPUT-CHECKBOX":vT,"KOL-INPUT-COLOR":kT,"KOL-INPUT-DATE":gT,"KOL-INPUT-EMAIL":_T,"KOL-INPUT-FILE":yT,"KOL-INPUT-NUMBER":xT,"KOL-INPUT-PASSWORD":wT,"KOL-INPUT-RADIO":zT,"KOL-INPUT-RANGE":jT,"KOL-INPUT-TEXT":ST,"KOL-LINK":AT,"KOL-LINK-BUTTON":TT,"KOL-MODAL":CT,"KOL-NAV":ET,"KOL-PAGINATION":LT,"KOL-POPOVER-BUTTON":$T,"KOL-SELECT":OT,"KOL-SINGLE-SELECT":NT,"KOL-SKIP-NAV":BT,"KOL-SPIN":RT,"KOL-SPLIT-BUTTON":DT,"KOL-TABLE-STATEFUL":MT,"KOL-TABLE-STATELESS":IT,"KOL-TABS":UT,"KOL-TEXTAREA":HT,"KOL-TOAST-CONTAINER":FT,"KOL-TOOLBAR":KT,"KOL-TREE":qT,"KOL-TREE-ITEM":VT}),GT="3.0.10-rc.0",Rb={version:GT},YT=()=>{const e={onClick:()=>history.back()};return a.jsxs(go,{_label:"This is an example page",_level:0,_type:"info",children:[a.jsx("p",{children:"You followed an example link."}),history.length>1&&a.jsx(Q,{_label:"Go Back",_on:e})]})},Ux=["default","ecl-ec","ecl-eu","unstyled"],gm=e=>Ux.find(o=>o===e)!==void 0,_m=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function XT(){const e=matchMedia("(max-width: 1023px)"),[o,r]=j.useState(e.matches),i=()=>{r(e.matches)};return j.useEffect(()=>(i(),e.addEventListener("change",i),()=>{e.removeEventListener("change",i)}),[e]),o}function WT({children:e}){return XT()?a.jsx(ro,{_label:"All components",class:"mt",children:e}):a.jsx("div",{className:"mt scrollable-container",children:e})}function a1({label:e,to:o,children:r}){const i=Oy(o),s=Tl(o),d=g4({path:s.pathname,end:!0});return a.jsx(Jn,{_label:e,_href:i,_active:!!d,children:r})}function QT({routes:e}){const o=(i,s)=>Object.keys(s).map(d=>{const u=i==="tree"&&d==="basic/:subPage",m=u?"basic/home":d,h=u?"basic":d;return a.jsx(a1,{label:h,to:[i,m].join("/")},[i,d].join("/"))}),r=Object.entries(e).map(([i,s])=>a.jsx(a1,{label:i,to:i,children:o(i,s)},i));return a.jsx(WT,{children:a.jsx("nav",{children:a.jsx(jy,{_label:"Navigation",class:"block",children:r})})})}const JT=({buildDate:e,commitHash:o})=>!e&&!o?"":a.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:e&&o?a.jsxs(a.Fragment,{children:["Build: ",o,a.jsx("br",{}),"at ",e]}):o?`Build: ${o}`:`Build date: ${e}`}),eA=({version:e,theme:o,routes:r,routeList:i,sample:s,buildDate:d,commitHash:u,onThemeChange:m})=>{const h=()=>i.indexOf(s),p=()=>s.replace(/\//g," "),k=(S,$)=>{m($)},g=()=>{const S=h(),$=S<=0?i.length-1:S-1;location.replace(`#${i[$]}`)},y=()=>{const S=h(),$=S===i.length-1?0:S+1;location.replace(`#${i[$]}`)};return a.jsx("aside",{className:"app-sidebar p-4",children:a.jsxs("div",{className:"scrollable-container-wrapper",children:[a.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[a.jsx(me,{_label:"KoliBri React"}),a.jsx(Ys,{_label:e})]}),a.jsx(JT,{buildDate:d,commitHash:u}),a.jsx(Xn,{_label:"Theme",_options:_m,_on:{onChange:k},_value:o,class:"mt"}),a.jsx(me,{_label:"Components",_level:2,className:"block mt"}),a.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[a.jsx(Q,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:g}}),a.jsxs("span",{className:"text-base text-center",children:[p()," (",h()+1,"/",i.length,")"]}),a.jsx(Q,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:y}})]}),a.jsx(QT,{routes:r})]})})},nA=()=>{const e=ot();j5("#"+e.pathname)},ym=j.createContext(null),oA="https://public-ui.github.io/docs/components",tA="https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components",Ke="I am an error message!",yo="I am a hint.",Z=e=>{const o=j.useContext(ym),r=ot(),i=r.pathname.split("/").slice(1),s=j.useMemo(()=>i[0]==="scenarios"?null:`${oA}/${i[0]}`,[r.hash]),d=j.useMemo(()=>i[0]==="scenarios"?null:`${tA}/${i[0]}/${i[1]}.tsx`,[r.hash]);return a.jsxs(a.Fragment,{children:[a.jsx("h1",{className:"visually-hidden",children:r.pathname.replace(/\//g," ")}),o?null:a.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[a.jsx("div",{className:"indented-text",children:e.children}),a.jsxs("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0",children:[d&&a.jsx("li",{children:a.jsx(ze,{_href:d,_label:"Code",_target:"_blank"})}),s&&a.jsx("li",{children:a.jsx(ze,{_href:s,_label:"Documentation",_target:"_blank"})}),a.jsx("li",{children:a.jsx(ze,{_href:`#${r.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},rA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolAbbr shows an abbreviation and uses kol-tooltip-wc to display the long form, if provided."})}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{children:"e.g."})," an abbreviation without label."]})]}),aA={abbr:{basic:rA}},lA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Heading Accordion Tab 1 (open)",_open:!0,children:a.jsx(_o,{_label:"Combobox in Accordion",_suggestions:"['Herr','Frau','Firma']"})}),a.jsx(ro,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),a.jsx(ro,{_label:"Heading Accordion Tab 3 (deactivated)",_disabled:!0,children:"Contents Accordion Tab 3"}),a.jsx(ro,{_label:"Heading Accordion Tab 4 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 4"})]})]}),iA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),a.jsx(ro,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),a.jsx(ro,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),a.jsx(ro,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),a.jsx(ro,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),a.jsx(ro,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),cA={accordion:{basic:lA,headlines:iA}},Ti=({level:e,type:o,variant:r})=>a.jsxs(a.Fragment,{children:[a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,children:"This is the text of the alert."}),a.jsx(go,{_type:o,_variant:r,children:"In this alert, only the text without the heading is used."}),a.jsx(go,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:o,_variant:r,_hasCloser:!0,children:"This is the text of the alert. With close button."}),a.jsx(go,{_type:o,_variant:r,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Hx=({variant:e="msg"})=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ti,{level:1,type:"default",variant:e}),a.jsx(Ti,{level:2,type:"error",variant:e}),a.jsx(Ti,{level:3,type:"info",variant:e}),a.jsx(Ti,{level:4,type:"success",variant:e}),a.jsx(Ti,{level:5,type:"warning",variant:e})]}),sA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx(Hx,{variant:"msg"})]}),dA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",a.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),a.jsx("section",{className:"w-full",children:a.jsx(Hx,{variant:"card"})})]}),fA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),a.jsx("div",{children:a.jsxs(go,{_label:"Output of HTML code in the alert",_type:"info",children:[a.jsx("div",{className:"mt-2 mb-3",children:a.jsx(me,{_level:2,_label:"An H2 heading is output here"})}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[a.jsxs("div",{children:[a.jsx("h3",{children:"Text in a left-hand column"}),a.jsx("p",{children:"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?"})]}),a.jsxs("div",{children:[a.jsx("h3",{children:"Text in einer rechten Spalte"}),a.jsx("p",{children:"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"})]})]})]})})]}),uA={alert:{basic:sA,"card-msg":dA,html:fA}},bA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolAvatar shows a user's avatar with customizable colors. It can be used with or without an image. If no image is defined, the name's initials are shown instead with a configurable background color."})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(us,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),a.jsx(us,{_label:"Elke Mustermann "}),a.jsx(us,{_label:"Marianne"}),a.jsx(us,{_color:"#0000FF",_label:"Christian"})]})]}),mA={avatar:{basic:bA}},hA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(jn,{_label:"black"}),a.jsx(jn,{_color:"#86ffc6",_label:"teal"}),a.jsx(jn,{_color:"#06539e",_label:"blue"}),a.jsx(jn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),a.jsx(jn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),Ai=e=>({_label:e,_smartButton:{_ariaDescription:e,_icons:"codicon codicon-close",_label:"Remove",_on:{onClick:()=>alert("clicked")}}}),pA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolBadge with an optional ",a.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(jn,{...Ai("black")}),a.jsx(jn,{_color:"#86ffc6",...Ai("teal")}),a.jsx(jn,{_color:"#06539e",...Ai("blue")}),a.jsx(jn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...Ai("red with icon")}),a.jsx(jn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...Ai("purple with icon")})]})]}),vA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the possibility of formatted text in badges via markdown syntax."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(jn,{_color:"#7db4ebff",_label:"**Bold** and _italic_ Markdown label"}),a.jsx(jn,{_color:"#8feb7dff",_label:"This is ~~strikethrough~~ text"}),a.jsx(jn,{_color:"#e6ee8eff",_label:"Source code like `y = mx + n` is possible"})]})]}),kA={badge:{basic:hA,button:pA,"formatted-label":vA}},gA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(xs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),a.jsx(xs,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),a.jsx(xs,{_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"}]})]})]}),_A={breadcrumb:{basic:gA}},yA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Xe,{_label:"Button Text without area description"}),a.jsx(Xe,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]});function Mn(){const e=Kr.getInstance(document),o=s=>{e.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{o()},buttonWithTextClickEventHandler:s=>{const d=s.currentTarget.textContent;o(d)}}}const xA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",a.jsx("code",{children:"block"}),", ",a.jsx("code",{children:"inline-block"})," and ",a.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),a.jsxs("section",{className:"text-base",children:[a.jsx(me,{_level:2,_label:"Button-Link with _inline"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(Xe,{_label:"Simple Link"})," It is rendered by default as an"," ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",a.jsx(Xe,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element.",a.jsx(Xe,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),a.jsx(me,{_level:2,_label:"Button-Link with _inline={false}"}),a.jsx("p",{children:"Use the boolean _inline property to render the link inline (default) or standalone."}),a.jsx("p",{children:a.jsx(Xe,{_label:"Disabled ButtonLink",_disabled:!0,_inline:!1})}),a.jsx("p",{children:a.jsx(Xe,{_label:"With access key",_accessKey:"c",_inline:!1,_on:o})}),a.jsx("p",{children:a.jsx(Xe,{_label:"Disabled ButtonLink",_inline:!1,_shortKey:"s"})})]})]})},wA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xe,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left"}),a.jsx(Xe,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),a.jsx(Xe,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),a.jsx(Xe,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),a.jsx(Xe,{_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"}),a.jsx(Xe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"I am a link with icon only"})]})]}),zA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xe,{_label:"I am a link that is rendered as text"}),a.jsx(Xe,{_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),jA={"button-link":{basic:xA,icons:wA,image:zA,"aria-description":yA}},SA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolButton with"," ",a.jsx(ze,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard."]})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"With S access key",_accessKey:"S",_on:o}),a.jsx(Q,{_label:"Very small b",_accessKey:"b",_on:o}),a.jsx(Q,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),a.jsx(Q,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(Q,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})]})]})},TA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Button Text without area description",_on:o}),a.jsx(Q,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})]})]})},AA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_label:"Label-Text",_on:o}),a.jsx(Q,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})]})]})},CA=e=>{const{children:o,...r}=e,{dummyClickEventHandler:i}=Mn(),s={onClick:i};return a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...r,children:o}),a.jsx(Q,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...r,children:o})]})},Fx=(e={})=>{const o=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:{...e,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...e,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...e,_disabled:!0,_hideLabel:!0}}];return a.jsx("div",{className:"grid gap-8",children:o.map(({label:r,buttonProps:i},s)=>a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:r}),a.jsx(CA,{...i})]},s))})},EA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),a.jsx(Fx,{})]}),LA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolButton show a button-element with expert slot."})}),a.jsx(Fx,{_label:"",children:a.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),$A=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),a.jsx("div",{children:a.jsx(Q,{_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,className:"w-10rem"})})]})},OA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates how the tooltip adapts its width when containing long text inside a row-reverse flex container. The effect becomes visible when inspecting the layout with DevTools and reducing the available width (e.g. by narrowing the screen)."})}),a.jsx("div",{className:"flex flex-row-reverse",children:a.jsx(Q,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"This is a very, very long tooltip text that exceeds the width.",_variant:"primary"})})]}),Wu=new WeakMap,ko=e=>(Wu.has(e)===!1&&Wu.set(e,Sy.createRoot(e)),Wu.get(e)),NA=({label:e})=>{const o=Kr.getInstance(document),r=j.useRef(null),i=j.useRef(null),s=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${e}`,type:"info"})},d=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${e}`,type:"warning"})},u=m=>{switch(m.code){case"KeyE":r.current?.kolFocus(),s();return;case"KeyD":i.current?.kolFocus(),d();return}};return a.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:u,children:[a.jsx(Q,{ref:r,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),a.jsx(Q,{ref:i,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:d}})]})},BA=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e},r=[{label:"Row 1"},{label:"Row 2"}],i={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,d)=>{ko(Hr(s)).render(a.jsx(NA,{label:d.data.label}))}}]]};return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),a.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"With S short key",_shortKey:"S",_on:o}),a.jsx(Q,{_label:"Very small b",_shortKey:"b",_on:o}),a.jsx(Q,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),a.jsx(Q,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),a.jsx(Q,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})]}),a.jsx(me,{_level:2,_label:"Interactive sample",className:"mt"}),a.jsx(vn,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:r,_headers:i,_minWidth:"400px"})]})},RA=()=>{const{dummyClickEventHandler:e}=Mn(),o={className:"w-8rem",_on:{onClick:e}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),a.jsxs("div",{className:"grid gap-14",children:[a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Primary",_variant:"primary",...o}),a.jsx(Q,{_label:"Secondary",_variant:"secondary",...o}),a.jsx(Q,{_label:"Normal",_variant:"normal",...o}),a.jsx(Q,{_label:"Danger",_variant:"danger",...o}),a.jsx(Q,{_label:"Ghost",_variant:"ghost",...o})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_disabled:!0,_label:"Primary",_variant:"primary",...o}),a.jsx(Q,{_disabled:!0,_label:"Secondary",_variant:"secondary",...o}),a.jsx(Q,{_disabled:!0,_label:"Normal",_variant:"normal",...o}),a.jsx(Q,{_disabled:!0,_label:"Danger",_variant:"danger",...o}),a.jsx(Q,{_disabled:!0,_label:"Ghost",_variant:"ghost",...o})]})]})]})},DA={button:{basic:EA,icons:$A,width:RA,"access-key":SA,"aria-description":TA,baselined:AA,"short-key":BA,"expert-slot":LA,"row-reverse-tooltip":OA}},MA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ne,{_label:"Card with title and content",children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with closer",_hasCloser:!0,children:a.jsx("p",{children:"This card has a close button."})})]})]}),IA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows cards with all headline levels as title."})}),a.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[a.jsx(Ne,{_label:"Card with headline level 0",_level:0,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 1",_level:1,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 2",_level:2,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 3",_level:3,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 4",_level:4,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 5",_level:5,children:a.jsx("div",{children:"Card contents."})}),a.jsx(Ne,{_label:"Card with headline level 6",_level:6,children:a.jsx("div",{children:"Card contents."})})]})]}),UA={card:{basic:MA,headlines:IA}},xo=({RefComponent:e,showButtons:o=!0,...r})=>a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(e,{...r}),o&&a.jsxs("div",{className:"flex gap-4",children:[a.jsx(Q,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),a.jsx(Q,{_label:"Reset",_type:"reset",_variant:"tertiary"}),a.jsx(Q,{_label:"Help",_variant:"ghost"})]})]})});function So({children:e}){const[o]=Fr(),r=o.has("noColumns");return a.jsx("div",{className:r?"":"grid md:grid-cols-2 gap-4",children:e})}const Kx=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"}]'),Qo=[...Kx.map(e=>({label:e.name,value:e.alpha2}))],Jo=[...Kx.map(e=>e.name)],l1=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(_o,{...e,_hint:yo,_label:"Label",_suggestions:Jo,_value:"Deutschland"}),a.jsx(_o,{...e,_label:"Disabled",_suggestions:Jo,_value:"Deutschland",_disabled:!0}),a.jsx(_o,{...e,_suggestions:Jo,_msg:{_type:"error",_description:Ke},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(_o,{...e,_label:"With access key",_suggestions:Jo,_value:"Deutschland",_accessKey:"c"}),a.jsx(_o,{...e,_label:"With short key",_suggestions:Jo,_value:"Deutschland",_shortKey:"s"})]}),HA=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(l1,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(l1,{...e,_hideLabel:!0})]})]}),FA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),a.jsx(xo,{RefComponent:HA,showButtons:!1})]}),KA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"A HTML only KolCombobox."})}),a.jsx(_o,{_label:"With string array in html",_suggestions:"['Herr','Frau','Firma']",_value:"Herr"})]}),VA={combobox:{basic:FA,html:KA}},qA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",a.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(or,{_label:"Closed initially",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),a.jsx(or,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."}),a.jsx(or,{_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."})]})]}),ZA={details:{basic:qA}},PA=["left","top","right","bottom"].map(e=>({label:e,value:e})),xm=({value:e="left",onChange:o})=>a.jsx("div",{className:"grid gap-4",children:a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_label:"Drawer alignment",_value:e,_options:PA,_orientation:"horizontal",_on:{onChange:o}})})}),GA=()=>{const[e]=Fr(),o=e.get("align"),r=e.get("closer")==="true",i=j.useRef(null),[s,d]=j.useState(o||"left"),[u,m]=j.useState(r);return j.useEffect(()=>{o&&i.current?.open()},[o]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments."})}),a.jsx(xm,{value:s,onChange:(h,p)=>d(p)}),a.jsx(cn,{_label:"Drawer has closer",className:"mb-4",_checked:u,_on:{onInput:(h,p)=>{m(p===!0)}}}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{ref:i,_label:"I am a drawer",_align:s,_hasCloser:u,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:a.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[a.jsx("p",{className:"mt-0",children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>i.current?.close()}})]})}),a.jsx(Q,{_label:"Open drawer",_on:{onClick:()=>i.current?.open()}})]})]})},YA=()=>{const[e]=Fr(),o=e.get("align"),[r,i]=j.useState(!1),[s,d]=j.useState(o||"left");return a.jsxs("div",{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",a.jsx("code",{children:"_open"})," instead of methods."]})}),a.jsx(xm,{value:s,onChange:(u,m)=>d(m)}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{_open:r,_align:s,_label:"I'm a controlled drawer",_on:{onClose:()=>i(!1)},children:a.jsxs("div",{children:[a.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>i(!1)}})]})}),a.jsx(Q,{_label:"Open drawer",_on:{onClick:()=>i(!0)}})]})]})},XA=()=>{const e=j.useRef(null),[o,r]=j.useState("bottom"),[i,s]=j.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the "Enable Overflow Handling" toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution (overflow handling within the slot content).'})}),a.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[a.jsx(xm,{value:o,onChange:(d,u)=>r(u)}),a.jsx(cn,{_label:"Enable Overflow Handling (Recommended)",_checked:i,_on:{onChange:(d,u)=>s(!!u)}})]}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Qb,{ref:e,_label:"Scrollable Drawer",_align:o,children:i?a.jsx("div",{style:{width:o==="left"||o==="right"?"90vw":void 0,height:o==="top"||o==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":void 0,height:o==="top"||o==="bottom"?"150vh":void 0,background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area (Scrollable)"}),a.jsxs("p",{children:["Container: ",o==="left"||o==="right"?"400px wide":"90vw wide"," ×"," ",o==="top"||o==="bottom"?"90vh high":"400px high"]}),a.jsxs("p",{children:["Content: ",o==="left"||o==="right"?"150vw wide":"400px wide"," ×"," ",o==="top"||o==="bottom"?"150vh high":"400px high"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."}),a.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}):a.jsxs("div",{style:{width:o==="left"||o==="right"?"150vw":"400px",height:o==="top"||o==="bottom"?"150vh":"400px",background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),a.jsxs("div",{children:[a.jsx("h3",{children:"Large Content Area"}),a.jsxs("p",{children:["Width: ",o==="left"||o==="right"?"150vw (exceeds drawer width)":"400px"]}),a.jsxs("p",{children:["Height: ",o==="top"||o==="bottom"?"150vh (exceeds drawer height)":"400px"]}),a.jsxs("p",{children:[a.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."}),a.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),a.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:a.jsx(Q,{_label:"Close drawer",_on:{onClick:()=>e.current?.close()}})})]})]})}),a.jsx(Q,{_label:"Open scrollable drawer",_on:{onClick:()=>e.current?.open()}})]})]})},WA={drawer:{basic:GA,controlled:YA,scrolled:XA}},QA=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Be,{id:"input1",_label:"Input 1"}),a.jsx(Be,{id:"input2",_label:"Input 2"}),a.jsx(Be,{id:"input3",_label:"Input 3"})]})})]}),JA=()=>{const e=j.useRef(null),o=()=>{e.current?.focusErrorList()};return j.useEffect(()=>{e.current?.focusErrorList()},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a form with error messages."})}),a.jsx(jo,{className:"w-full",ref:e,_on:{onSubmit:o},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:a.jsxs("div",{className:"grid gap-2",children:[a.jsx(Be,{id:"input1",_label:"Input 1"}),a.jsx(Be,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx(Be,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),a.jsx("div",{children:a.jsx(Q,{_label:"ScrollTo",_type:"submit"})})]})})]})},e8={form:{basic:QA,"error-list":JA}},Vx=`public-ui.v${Rb.version}`;class n8{store=new Map;setItem(o,r){this.store.set(o,r)}getItem(o){return this.store.get(o)||null}}const Fi={darkMode:!1,theme:"default"};let Db;function qx(e){Db=e;const o=Db.getItem(Vx);try{const r=JSON.parse(o);typeof r=="object"&&r!==null&&(Fi.darkMode=r.darkMode===!0,gm(r.theme)&&(Fi.theme=r.theme))}catch{}}qx(new n8);const o8=()=>{Db.setItem(Vx,JSON.stringify(Fi))},t8=e=>{if(gm(e))Fi.theme=e,o8();else throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},Us=()=>`${Fi.theme}`,Mb=e=>{if(gm(e))return _m.find(o=>o.value===e)?.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},r8=[{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 a8({_on:e,...o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{...o,_on:i})}const l8={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(a8,{_label:o.label,style:{fontSize:"75%"}}))},compareFn:(e,o)=>e.monday<o.monday?-1:e.monday>o.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#060",_label:o.label}))},compareFn:(e,o)=>e.tuesday<o.tuesday?-1:e.tuesday>o.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(e,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),ko(r).render(a.jsx(jn,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},i8=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[a.jsx(ws,{className:"block w-75px",_labeled:!1}),a.jsx(me,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",a.jsxs("small",{children:["for ",Mb(Us())]})]})}),a.jsxs(or,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",a.jsx("strong",{children:Mb(Us())}),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",a.jsx(ze,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),a.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(me,{_label:"Heading Level 1",_level:1}),a.jsx(me,{_label:"Heading Level 2",_level:2}),a.jsx(me,{_label:"Heading Level 3",_level:3}),a.jsx(me,{_label:"Heading Level 4",_level:4}),a.jsx(me,{_label:"Heading Level 5",_level:5}),a.jsx(me,{_label:"Heading Level 6",_level:6}),a.jsx(me,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsxs("p",{children:["I am ",a.jsx(Ni,{_label:"as an example",children:"e.g."})," an abbreviation."]}),a.jsxs("p",{children:["I am ",a.jsx(Ni,{children:"e.g."})," an abbreviation without label."]}),a.jsx(er,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),a.jsx(er,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsxs(lr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(Q,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(Q,{_label:"ghost",_variant:"ghost"}),a.jsx(Q,{_disabled:!0,_label:"ghost",_variant:"ghost"}),a.jsx(Q,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o})]})]}),a.jsxs("div",{className:"grid gap-2 py-2",children:[a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(en,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(en,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(en,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(en,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),a.jsx(en,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),a.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[a.jsx(en,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(en,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),a.jsx(en,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(ro,{_label:"Links",_level:3,_open:!0,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(ze,{_href:"#/back-page",_label:"Link text"}),a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsx(ze,{_href:"/",_label:"Visited link"}),a.jsxs("p",{children:["I am a ",a.jsx(ze,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),a.jsx(ro,{_label:"ButtonLinks",_level:3,children:a.jsxs("div",{className:"grid gap-2",slot:"",children:[a.jsx(Xe,{_label:"Link text"}),a.jsx(Xe,{_icons:"codicon codicon-home",_label:"Link text with icon"}),a.jsx(Xe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),a.jsxs("p",{children:["I am a ",a.jsx(Xe,{_label:"Link"})," in the running text."]}),a.jsx(Xe,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx(go,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),a.jsx(go,{_type:"success",children:"Success message text"}),a.jsx(go,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),a.jsx(go,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),a.jsx(go,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:a.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[a.jsx("div",{children:a.jsx(yl,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})}),a.jsx("div",{children:a.jsx(xs,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})})]})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:a.jsx(jo,{slot:"",children:a.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[a.jsx(Gn,{_label:"Color"}),a.jsx(Rn,{_label:"Upload file"}),a.jsx(An,{_label:"Number input"}),a.jsx(qe,{_type:"date",_label:"Date"}),a.jsx(Yn,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),a.jsx(Be,{_hint:"I am a hint.",_label:"First name"}),a.jsx(En,{_label:"password"}),a.jsx(Xn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),a.jsx(no,{_min:0,_max:50,_value:25,_label:"Slider"}),a.jsx(Ln,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Ln,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),a.jsx(cn,{_label:"",children:a.jsxs("span",{slot:"expert",children:["I accept the ",a.jsx(Ni,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),a.jsx(on,{_rows:4,_label:"Textarea"})]})})}),a.jsx(Ne,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:a.jsx("div",{slot:"",className:"grid gap-2 p-2",children:a.jsx(vn,{_label:"Table",_minWidth:"auto",_headers:l8,_data:r8,_pagination:!0})})})]}),a.jsx(Ys,{_label:"5.0.2-test.2"})]})},c8={handout:{basic:i8}},s8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",a.jsx("code",{children:"_label"}),"-property."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"",_level:1,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_label:"Label"})]})}),a.jsx(me,{_label:"",_level:2,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#86ffc6",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:3,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#06539e",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:4,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#ae0000",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:5,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#8b008b",_label:"Label"})]})}),a.jsx(me,{_label:"",_level:6,children:a.jsxs("span",{slot:"expert",children:["A heading with a ",a.jsx(jn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),d8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolHeading renders a heading with the given level."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"I'm a H1-heading",_level:1}),a.jsx(me,{_label:"I'm a H2-heading",_level:2}),a.jsx(me,{_label:"I'm a H3-heading",_level:3}),a.jsx(me,{_label:"I'm a H4-heading",_level:4}),a.jsx(me,{_label:"I'm a H5-heading",_level:5}),a.jsx(me,{_label:"I'm a H6-heading",_level:6})]})]}),f8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_label:"Ich bin eine H1-Überschrift",_level:1}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H2-Überschrift",_level:2}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H3-Überschrift",_level:3}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H4-Überschrift",_level:4}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H5-Überschrift",_level:5}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."}),a.jsx(me,{_label:"Ich bin eine H6-Überschrift",_level:6}),a.jsx("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."})]})]}),u8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolHeading with the prop ",a.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(me,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),b8={heading:{basic:d8,badge:s8,paragraph:f8,secondary:u8}},m8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolIcon renders codicon icons. This sample shows regular icons and one with a custom style-property, changing the icon color."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-home"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-compass-active"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-debug"}),a.jsx(mt,{className:"block",_label:"",_icons:"codicon codicon-squirrel"}),a.jsx(mt,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),h8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolIcon renders Font Awesome icons, if you have added this font to your theme. We are showing Font Awesome Free 6.1.1."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-house"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-circle-user"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-truck"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-solid fa-city"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-regular fa-heart"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-regular fa-thumbs-up"}),a.jsx(mt,{className:"block",_label:"",_icons:"fa-brands fa-github"}),a.jsx(Be,{_label:"With Font Awesome icons",_icons:{left:{icon:"fa-solid fa-phone"},right:{icon:"fa-solid fa-arrow-right"}}})]})]}),p8={icon:{basic:m8,"font-awesome":h8}},v8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),a.jsx(Dz,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),k8={image:{basic:v8}},hs=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(cn,{...o,_label:"Not selected",_value:!1,_required:!0}),a.jsx(cn,{...o,_label:"Indeterminate",_value:null,_indeterminate:!0}),a.jsx(cn,{...o,ref:r,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),a.jsx(cn,{...o,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),a.jsx(cn,{...o,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),a.jsx(cn,{...o,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),a.jsx(cn,{...o,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),a.jsx(cn,{...o,_msg:{_type:"error",_description:Ke},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),a.jsx(cn,{...o,_label:"With access key",_accessKey:"c",_value:null}),a.jsx(cn,{...o,_label:"With short key",_shortKey:"s",_value:null})]})}),wm=j.forwardRef(function(o,r){return a.jsxs(a.Fragment,{children:[a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" with label'}),a.jsx(hs,{...o,_labelAlign:"left"})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),a.jsx(hs,{ref:r,...o,_hideLabel:!0,_labelAlign:"left"})]})]}),a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" with label'}),a.jsx(hs,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),a.jsx(hs,{ref:r,...o,_hideLabel:!0})]})]})]})}),g8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:wm,showButtons:!1})]}),_8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),a.jsx(xo,{RefComponent:wm,_variant:"button",showButtons:!1})]}),y8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),a.jsx(xo,{RefComponent:wm,_variant:"switch",showButtons:!1})]}),x8={"input-checkbox":{basic:g8,switch:y8,button:_8}},i1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Gn,{...o,_msg:{_type:"error",_description:Ke},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),a.jsx(Gn,{...o,_msg:{_type:"error",_description:Ke},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),a.jsx(Gn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(Gn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(Gn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(Gn,{...o,ref:r,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),a.jsx(Gn,{...o,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),a.jsx(Gn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Gn,{...o,_label:"With short key",_shortKey:"s"})]})}),w8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color"}),a.jsx(i1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Color (hideLabel)"}),a.jsx(i1,{ref:r,...o,_hideLabel:!0})]})]})}),z8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:w8,showButtons:!1})]}),j8={"input-color":{basic:z8}},c1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(qe,{...o,_type:"date",_label:"Date input (Black background test)",_required:!0})}),a.jsx(qe,{...o,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),a.jsx(qe,{...o,_step:1,_type:"datetime-local",_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),a.jsx(qe,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Color"}),a.jsx(qe,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Color"}),a.jsx(qe,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Color"}),a.jsx(qe,{...o,_type:"month",_label:"Month",_required:!0}),a.jsx(qe,{...o,ref:r,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),a.jsx(qe,{...o,_type:"time",_label:"Time (standard)",_required:!0}),a.jsx(qe,{...o,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),a.jsx(qe,{...o,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),a.jsx(qe,{...o,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),a.jsx(qe,{...o,_label:"With access key",_accessKey:"s"}),a.jsx(qe,{...o,_label:"With short key",_shortKey:"s"})]})}),S8=e=>{const o="2024-09-26",r="2024-09-27",i="12:00",s="15:00",d="2024-09-26T12:00",u="2024-09-27T15:00",m="2024-W10",h="2024-W50",p="2024-02",k="2024-10",g=new Date("January 10, 2024, 12:00"),y=new Date("October 20, 2024, 15:00");return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(qe,{...e,_type:"date",_label:"Date with Iso",_min:o,_max:r}),a.jsx(qe,{...e,_type:"date",_label:"Date with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"time",_label:"Time with Iso",_min:i,_max:s}),a.jsx(qe,{...e,_type:"time",_label:"Time with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"datetime-local",_label:"DayTime with Iso",_min:d,_max:u}),a.jsx(qe,{...e,_type:"datetime-local",_label:"DayTime with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"week",_label:"Week with Iso",_min:m,_max:h}),a.jsx(qe,{...e,_type:"week",_label:"Week with Date",_min:g,_max:y}),a.jsx(qe,{...e,_type:"month",_label:"Month with Iso",_min:p,_max:k}),a.jsx(qe,{...e,_type:"month",_label:"Month with Date",_min:g,_max:y})]})},T8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date"}),a.jsx(c1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (hideLabel)"}),a.jsx(c1,{ref:r,...o,_hideLabel:!0})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Date (with min/max)"}),a.jsx(S8,{...o})]})]})}),A8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:T8,showButtons:!1})]}),s1=e=>String(e).padStart(2,"0"),C8=(e,o,r)=>{const i=new Date(e,o-1,r);return i.getFullYear()===e&&i.getMonth()===o-1&&i.getDate()===r};function d1(e){const o=/^\s*(\d{1,2})\.(\d{1,2})\.(\d{4})\s*$/.exec(e);if(!o)return null;const r=+o[1],i=+o[2],s=+o[3];return C8(s,i,r)?`${s}-${s1(i)}-${s1(r)}`:null}function E8(e){return e instanceof HTMLElement&&e.tagName==="KOL-INPUT-DATE"}async function L8(e,o){typeof e.setIsoValue=="function"?await e.setIsoValue(o):typeof e.value<"u"?e.value=o:typeof e._value<"u"?e._value=o:e.setAttribute("_value",o),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}const $8=()=>{const[e,o]=j.useState("31.12.2025"),[r,i]=j.useState(""),s=j.useRef(null),d=j.useMemo(()=>d1(e),[e]);j.useEffect(()=>{const h=new AbortController,p=k=>{const g=k.composedPath?.()??[];s.current=g.find(E8)??null};return document.addEventListener("focusin",p,{capture:!0,signal:h.signal}),()=>h.abort()},[]),j.useEffect(()=>{const h=new AbortController,p=k=>{const g=s.current;if(!g)return;const y=k.clipboardData?.getData("text")??"",S=d1(y);if(!S){i("Clipboard: unrecognized date. Use DD.MM.YYYY.");return}k.preventDefault(),L8(g,S),i("Pasted.")};return document.addEventListener("paste",p,{capture:!0,signal:h.signal}),()=>h.abort()},[]);const u=j.useCallback(async h=>{i("");try{await navigator.clipboard.writeText(h),i("Copied.")}catch{i("Copy failed. Your browser may block clipboard access.")}},[]),m=j.useCallback((h,p)=>{if(h?.target){const k=typeof p=="string"?p:String(p??"");o(k)}},[]);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["Type a date in German format (",a.jsx("code",{children:"DD.MM.YYYY"}),"), click ",a.jsx("em",{children:"Copy to Clipboard"}),", then paste it into the date field below with ",a.jsx("kbd",{children:"Ctrl"}),"+",a.jsx("kbd",{children:"V"}),". The ISO conversion happens internally."]})}),a.jsxs("div",{className:"grid gap-8",lang:"en",children:[a.jsxs("section",{"aria-labelledby":"de-title",children:[a.jsx("h3",{id:"de-title",className:"text-lg font-semibold mb-2",children:"German date (DD.MM.YYYY)"}),a.jsxs("div",{className:"grid gap-3",children:[a.jsx(Be,{className:"w-full",_label:"German date (DD.MM.YYYY)",_placeholder:"e.g., 31.12.2025",_value:e,_type:"text",_on:{onInput:m,onChange:m}}),a.jsx("small",{className:"opacity-80",children:"Click the button to copy the exact German date, then paste it into the date field below."}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(Q,{_label:"Copy to Clipboard",_on:{onClick:()=>u(e)}}),!d&&a.jsx("span",{className:"text-red-600",children:"Invalid date"})]}),a.jsx(qe,{_type:"date",_label:"Date (paste here with Ctrl+V)",className:"w-full"})]})]}),a.jsx("p",{"aria-live":"polite",role:"status",className:"mt-2 opacity-80",children:r})]})]})},O8=()=>{const e=j.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the KolInputDate ",a.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),a.jsx(qe,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),a.jsx(Q,{className:"mt",_label:"Reset",_on:{onClick:()=>e.current?.reset()}})]})},N8=["default","error","info","success","warning"];function Qu(e){return{onChange:()=>e(o=>!o)}}const B8=()=>{const[e,o]=j.useState(!0),[r,i]=j.useState(!0),[s,d]=j.useState(!1),u=Qu(o),m=Qu(i),h=Qu(d);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example shows how messages work in input fields."})}),a.jsxs("div",{className:"flex gap-4 flex-col",children:[a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsx(cn,{_label:"Toggle Msg",_on:u,_checked:e,_variant:"button"}),a.jsx(cn,{_label:"Toggle Touched",_on:m,_checked:r,_variant:"button"}),a.jsx(cn,{_label:"Toggle Hide Msg",_on:h,_checked:s,_variant:"button"})]}),a.jsxs("pre",{children:["Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",a.jsx("br",{}),"Non-Error-Message visible: ",e&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",a.jsx("br",{}),"Error-Message visible: ",e&&r&&!s?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",r?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),N8.map(p=>a.jsx(qe,{_hideMsg:s,_label:`Date (_msg, ${p})`,_msg:e?{_description:`${p} message`,_type:p}:void 0,_touched:r},p))]})]})},R8={"input-date":{basic:A8,"copy-paste":$8,reset:O8,"show-hide-msg":B8}},f1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Yn,{...o,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Ke},_label:"E-Mail (Black background test)"})}),a.jsx(Yn,{...o,ref:r,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:yo,_msg:{_type:"error",_description:Ke},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Yn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"}),a.jsx(Yn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"}),a.jsx(Yn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"}),a.jsx(Yn,{...o,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),a.jsx(Yn,{...o,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),a.jsx(Yn,{...o,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),a.jsx(Yn,{...o,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),D8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email"}),a.jsx(f1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Email (hideLabel)"}),a.jsx(f1,{ref:r,...o,_hideLabel:!0})]})]})}),M8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:D8,showButtons:!1})]}),I8={"input-email":{basic:M8}},u1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Rn,{...o,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),a.jsx(Rn,{...o,_required:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),a.jsx(Rn,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"}),a.jsx(Rn,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Upload file"}),a.jsx(Rn,{...o,ref:r,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Ke},_label:"Upload file (Multiple)"}),a.jsx(Rn,{...o,_disabled:!0,_label:"Upload file (Disabled)"}),a.jsx(Rn,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(Rn,{...o,_label:"With short key",_shortKey:"s"})]})}),U8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File"}),a.jsx(u1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"File (hideLabel)"}),a.jsx(u1,{ref:r,...o,_hideLabel:!0})]})]})}),H8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:U8,showButtons:!1})]}),F8={"input-file":{basic:H8}},b1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs("div",{className:"black-background",children:[a.jsx(An,{...o,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})," "]}),a.jsx(An,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(An,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"warning",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"info",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,_required:!0,_msg:{_type:"success",_description:Ke},_touched:!0,_value:123,_label:"Number input"}),a.jsx(An,{...o,ref:r,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),a.jsx(An,{...o,_readOnly:!0,_label:"Number input (Readonly)"}),a.jsx(An,{...o,_disabled:!0,_label:"Number input (Disabled)"}),a.jsx(An,{...o,_label:"With access key",_accessKey:"c"}),a.jsx(An,{...o,_label:"With short key",_shortKey:"s"})]})}),K8=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number"}),a.jsx(b1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Number (hideLabel)"}),a.jsx(b1,{ref:r,...o,_hideLabel:!0})]})]})}),V8=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation."})}),a.jsx(xo,{RefComponent:K8,showButtons:!1})]});var Gi=e=>e.type==="checkbox",ha=e=>e instanceof Date,Do=e=>e==null;const Zx=e=>typeof e=="object";var Wn=e=>!Do(e)&&!Array.isArray(e)&&Zx(e)&&!ha(e),Px=e=>Wn(e)&&e.target?Gi(e.target)?e.target.checked:e.target.value:e,q8=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Gx=(e,o)=>e.has(q8(o)),Z8=e=>{const o=e.constructor&&e.constructor.prototype;return Wn(o)&&o.hasOwnProperty("isPrototypeOf")},zm=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function eo(e){let o;const r=Array.isArray(e),i=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)o=new Date(e);else if(!(zm&&(e instanceof Blob||i))&&(r||Wn(e)))if(o=r?[]:Object.create(Object.getPrototypeOf(e)),!r&&!Z8(e))o=e;else for(const s in e)e.hasOwnProperty(s)&&(o[s]=eo(e[s]));else return e;return o}var nd=e=>/^\w*$/.test(e),Dn=e=>e===void 0,jm=e=>Array.isArray(e)?e.filter(Boolean):[],Sm=e=>jm(e.replace(/["|']|\]/g,"").split(/\.|\[/)),fe=(e,o,r)=>{if(!o||!Wn(e))return r;const i=(nd(o)?[o]:Sm(o)).reduce((s,d)=>Do(s)?s:s[d],e);return Dn(i)||i===e?Dn(e[o])?r:e[o]:i},Wo=e=>typeof e=="boolean",mn=(e,o,r)=>{let i=-1;const s=nd(o)?[o]:Sm(o),d=s.length,u=d-1;for(;++i<d;){const m=s[i];let h=r;if(i!==u){const p=e[m];h=Wn(p)||Array.isArray(p)?p:isNaN(+s[i+1])?{}:[]}if(m==="__proto__"||m==="constructor"||m==="prototype")return;e[m]=h,e=e[m]}};const Hs={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},_t={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},Qt={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Yx=Ee.createContext(null);Yx.displayName="HookFormContext";const Tm=()=>Ee.useContext(Yx);var Xx=(e,o,r,i=!0)=>{const s={defaultValues:o._defaultValues};for(const d in e)Object.defineProperty(s,d,{get:()=>{const u=d;return o._proxyFormState[u]!==_t.all&&(o._proxyFormState[u]=!i||_t.all),r&&(r[u]=!0),e[u]}});return s};const Am=typeof window<"u"?Ee.useLayoutEffect:Ee.useEffect;function P8(e){const o=Tm(),{control:r=o.control,disabled:i,name:s,exact:d}=e||{},[u,m]=Ee.useState(r._formState),h=Ee.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Am(()=>r._subscribe({name:s,formState:h.current,exact:d,callback:p=>{!i&&m({...r._formState,...p})}}),[s,i,d]),Ee.useEffect(()=>{h.current.isValid&&r._setValid(!0)},[r]),Ee.useMemo(()=>Xx(u,r,h.current,!1),[u,r])}var et=e=>typeof e=="string",Ib=(e,o,r,i,s)=>et(e)?(i&&o.watch.add(e),fe(r,e,s)):Array.isArray(e)?e.map(d=>(i&&o.watch.add(d),fe(r,d))):(i&&(o.watchAll=!0),r),Ub=e=>Do(e)||!Zx(e);function yt(e,o,r=new WeakSet){if(Ub(e)||Ub(o))return Object.is(e,o);if(ha(e)&&ha(o))return e.getTime()===o.getTime();const i=Object.keys(e),s=Object.keys(o);if(i.length!==s.length)return!1;if(r.has(e)||r.has(o))return!0;r.add(e),r.add(o);for(const d of i){const u=e[d];if(!s.includes(d))return!1;if(d!=="ref"){const m=o[d];if(ha(u)&&ha(m)||Wn(u)&&Wn(m)||Array.isArray(u)&&Array.isArray(m)?!yt(u,m,r):!Object.is(u,m))return!1}}return!0}function G8(e){const o=Tm(),{control:r=o.control,name:i,defaultValue:s,disabled:d,exact:u,compute:m}=e||{},h=Ee.useRef(s),p=Ee.useRef(m),k=Ee.useRef(void 0),g=Ee.useRef(r),y=Ee.useRef(i);p.current=m;const[S,$]=Ee.useState(()=>{const B=r._getWatch(i,h.current);return p.current?p.current(B):B}),A=Ee.useCallback(B=>{const I=Ib(i,r._names,B||r._formValues,!1,h.current);return p.current?p.current(I):I},[r._formValues,r._names,i]),N=Ee.useCallback(B=>{if(!d){const I=Ib(i,r._names,B||r._formValues,!1,h.current);if(p.current){const K=p.current(I);yt(K,k.current)||($(K),k.current=K)}else $(I)}},[r._formValues,r._names,d,i]);Am(()=>((g.current!==r||!yt(y.current,i))&&(g.current=r,y.current=i,N()),r._subscribe({name:i,formState:{values:!0},exact:u,callback:B=>{N(B.values)}})),[r,u,i,N]),Ee.useEffect(()=>r._removeUnmounted());const E=g.current!==r,x=y.current,z=Ee.useMemo(()=>{if(d)return null;const B=!E&&!yt(x,i);return E||B?A():null},[d,E,i,x,A]);return z!==null?z:S}function Y8(e){const o=Tm(),{name:r,disabled:i,control:s=o.control,shouldUnregister:d,defaultValue:u,exact:m=!0}=e,h=Gx(s._names.array,r),p=Ee.useMemo(()=>fe(s._formValues,r,fe(s._defaultValues,r,u)),[s,r,u]),k=G8({control:s,name:r,defaultValue:p,exact:m}),g=P8({control:s,name:r,exact:m}),y=Ee.useRef(e),S=Ee.useRef(void 0),$=Ee.useRef(s.register(r,{...e.rules,value:k,...Wo(e.disabled)?{disabled:e.disabled}:{}}));y.current=e;const A=Ee.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!fe(g.errors,r)},isDirty:{enumerable:!0,get:()=>!!fe(g.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!fe(g.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!fe(g.validatingFields,r)},error:{enumerable:!0,get:()=>fe(g.errors,r)}}),[g,r]),N=Ee.useCallback(B=>$.current.onChange({target:{value:Px(B),name:r},type:Hs.CHANGE}),[r]),E=Ee.useCallback(()=>$.current.onBlur({target:{value:fe(s._formValues,r),name:r},type:Hs.BLUR}),[r,s._formValues]),x=Ee.useCallback(B=>{const I=fe(s._fields,r);I&&B&&(I._f.ref={focus:()=>B.focus&&B.focus(),select:()=>B.select&&B.select(),setCustomValidity:K=>B.setCustomValidity(K),reportValidity:()=>B.reportValidity()})},[s._fields,r]),z=Ee.useMemo(()=>({name:r,value:k,...Wo(i)||g.disabled?{disabled:g.disabled||i}:{},onChange:N,onBlur:E,ref:x}),[r,i,g.disabled,N,E,x,k]);return Ee.useEffect(()=>{const B=s._options.shouldUnregister||d,I=S.current;I&&I!==r&&!h&&s.unregister(I),s.register(r,{...y.current.rules,...Wo(y.current.disabled)?{disabled:y.current.disabled}:{}});const K=(U,le)=>{const ce=fe(s._fields,U);ce&&ce._f&&(ce._f.mount=le)};if(K(r,!0),B){const U=eo(fe(s._options.defaultValues,r,y.current.defaultValue));mn(s._defaultValues,r,U),Dn(fe(s._formValues,r))&&mn(s._formValues,r,U)}return!h&&s.register(r),S.current=r,()=>{(h?B&&!s._state.action:B)?s.unregister(r):K(r,!1)}},[r,s,h,d]),Ee.useEffect(()=>{s._setDisabledField({disabled:i,name:r})},[i,r,s]),Ee.useMemo(()=>({field:z,formState:g,fieldState:A}),[z,g,A])}const Wx=e=>e.render(Y8(e));var Qx=(e,o,r,i,s)=>o?{...r[e],types:{...r[e]&&r[e].types?r[e].types:{},[i]:s||!0}}:{},Bi=e=>Array.isArray(e)?e:[e],m1=()=>{let e=[];return{get observers(){return e},next:s=>{for(const d of e)d.next&&d.next(s)},subscribe:s=>(e.push(s),{unsubscribe:()=>{e=e.filter(d=>d!==s)}}),unsubscribe:()=>{e=[]}}};function Jx(e,o){const r={};for(const i in e)if(e.hasOwnProperty(i)){const s=e[i],d=o[i];if(s&&Wn(s)&&d){const u=Jx(s,d);Wn(u)&&(r[i]=u)}else e[i]&&(r[i]=d)}return r}var zo=e=>Wn(e)&&!Object.keys(e).length,Cm=e=>e.type==="file",xt=e=>typeof e=="function",Fs=e=>{if(!zm)return!1;const o=e?e.ownerDocument:0;return e instanceof(o&&o.defaultView?o.defaultView.HTMLElement:HTMLElement)},e0=e=>e.type==="select-multiple",Em=e=>e.type==="radio",X8=e=>Em(e)||Gi(e),Ju=e=>Fs(e)&&e.isConnected;function W8(e,o){const r=o.slice(0,-1).length;let i=0;for(;i<r;)e=Dn(e)?i++:e[o[i++]];return e}function Q8(e){for(const o in e)if(e.hasOwnProperty(o)&&!Dn(e[o]))return!1;return!0}function Pn(e,o){const r=Array.isArray(o)?o:nd(o)?[o]:Sm(o),i=r.length===1?e:W8(e,r),s=r.length-1,d=r[s];return i&&delete i[d],s!==0&&(Wn(i)&&zo(i)||Array.isArray(i)&&Q8(i))&&Pn(e,r.slice(0,-1)),e}var J8=e=>{for(const o in e)if(xt(e[o]))return!0;return!1};function n0(e){return Array.isArray(e)||Wn(e)&&!J8(e)}function Hb(e,o={}){for(const r in e){const i=e[r];n0(i)?(o[r]=Array.isArray(i)?[]:{},Hb(i,o[r])):Dn(i)||(o[r]=!0)}return o}function vl(e,o,r){r||(r=Hb(o));for(const i in e){const s=e[i];if(n0(s))Dn(o)||Ub(r[i])?r[i]=Hb(s,Array.isArray(s)?[]:{}):vl(s,Do(o)?{}:o[i],r[i]);else{const d=o[i];r[i]=!yt(s,d)}}return r}const h1={value:!1,isValid:!1},p1={value:!0,isValid:!0};var o0=e=>{if(Array.isArray(e)){if(e.length>1){const o=e.filter(r=>r&&r.checked&&!r.disabled).map(r=>r.value);return{value:o,isValid:!!o.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!Dn(e[0].attributes.value)?Dn(e[0].value)||e[0].value===""?p1:{value:e[0].value,isValid:!0}:p1:h1}return h1},t0=(e,{valueAsNumber:o,valueAsDate:r,setValueAs:i})=>Dn(e)?e:o?e===""?NaN:e&&+e:r&&et(e)?new Date(e):i?i(e):e;const v1={isValid:!1,value:null};var r0=e=>Array.isArray(e)?e.reduce((o,r)=>r&&r.checked&&!r.disabled?{isValid:!0,value:r.value}:o,v1):v1;function k1(e){const o=e.ref;return Cm(o)?o.files:Em(o)?r0(e.refs).value:e0(o)?[...o.selectedOptions].map(({value:r})=>r):Gi(o)?o0(e.refs).value:t0(Dn(o.value)?e.ref.value:o.value,e)}var eC=(e,o,r,i)=>{const s={};for(const d of e){const u=fe(o,d);u&&mn(s,d,u._f)}return{criteriaMode:r,names:[...e],fields:s,shouldUseNativeValidation:i}},Ks=e=>e instanceof RegExp,Ci=e=>Dn(e)?e:Ks(e)?e.source:Wn(e)?Ks(e.value)?e.value.source:e.value:e,g1=e=>({isOnSubmit:!e||e===_t.onSubmit,isOnBlur:e===_t.onBlur,isOnChange:e===_t.onChange,isOnAll:e===_t.all,isOnTouch:e===_t.onTouched});const _1="AsyncFunction";var nC=e=>!!e&&!!e.validate&&!!(xt(e.validate)&&e.validate.constructor.name===_1||Wn(e.validate)&&Object.values(e.validate).find(o=>o.constructor.name===_1)),oC=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),y1=(e,o,r)=>!r&&(o.watchAll||o.watch.has(e)||[...o.watch].some(i=>e.startsWith(i)&&/^\.\w+/.test(e.slice(i.length))));const Ri=(e,o,r,i)=>{for(const s of r||Object.keys(e)){const d=fe(e,s);if(d){const{_f:u,...m}=d;if(u){if(u.refs&&u.refs[0]&&o(u.refs[0],s)&&!i)return!0;if(u.ref&&o(u.ref,u.name)&&!i)return!0;if(Ri(m,o))break}else if(Wn(m)&&Ri(m,o))break}}};function x1(e,o,r){const i=fe(e,r);if(i||nd(r))return{error:i,name:r};const s=r.split(".");for(;s.length;){const d=s.join("."),u=fe(o,d),m=fe(e,d);if(u&&!Array.isArray(u)&&r!==d)return{name:r};if(m&&m.type)return{name:d,error:m};if(m&&m.root&&m.root.type)return{name:`${d}.root`,error:m.root};s.pop()}return{name:r}}var tC=(e,o,r,i)=>{r(e);const{name:s,...d}=e;return zo(d)||Object.keys(d).length>=Object.keys(o).length||Object.keys(d).find(u=>o[u]===(!i||_t.all))},rC=(e,o,r)=>!e||!o||e===o||Bi(e).some(i=>i&&(r?i===o:i.startsWith(o)||o.startsWith(i))),aC=(e,o,r,i,s)=>s.isOnAll?!1:!r&&s.isOnTouch?!(o||e):(r?i.isOnBlur:s.isOnBlur)?!e:(r?i.isOnChange:s.isOnChange)?e:!0,lC=(e,o)=>!jm(fe(e,o)).length&&Pn(e,o),iC=(e,o,r)=>{const i=Bi(fe(e,r));return mn(i,"root",o[r]),mn(e,r,i),e};function w1(e,o,r="validate"){if(et(e)||Array.isArray(e)&&e.every(et)||Wo(e)&&!e)return{type:r,message:et(e)?e:"",ref:o}}var hl=e=>Wn(e)&&!Ks(e)?e:{value:e,message:""},z1=async(e,o,r,i,s,d)=>{const{ref:u,refs:m,required:h,maxLength:p,minLength:k,min:g,max:y,pattern:S,validate:$,name:A,valueAsNumber:N,mount:E}=e._f,x=fe(r,A);if(!E||o.has(A))return{};const z=m?m[0]:u,B=re=>{s&&z.reportValidity&&(z.setCustomValidity(Wo(re)?"":re||""),z.reportValidity())},I={},K=Em(u),U=Gi(u),le=K||U,ce=(N||Cm(u))&&Dn(u.value)&&Dn(x)||Fs(u)&&u.value===""||x===""||Array.isArray(x)&&!x.length,Re=Qx.bind(null,A,i,I),ie=(re,xe,$e,Ve=Qt.maxLength,R=Qt.minLength)=>{const G=re?xe:$e;I[A]={type:re?Ve:R,message:G,ref:u,...Re(re?Ve:R,G)}};if(d?!Array.isArray(x)||!x.length:h&&(!le&&(ce||Do(x))||Wo(x)&&!x||U&&!o0(m).isValid||K&&!r0(m).isValid)){const{value:re,message:xe}=et(h)?{value:!!h,message:h}:hl(h);if(re&&(I[A]={type:Qt.required,message:xe,ref:z,...Re(Qt.required,xe)},!i))return B(xe),I}if(!ce&&(!Do(g)||!Do(y))){let re,xe;const $e=hl(y),Ve=hl(g);if(!Do(x)&&!isNaN(x)){const R=u.valueAsNumber||x&&+x;Do($e.value)||(re=R>$e.value),Do(Ve.value)||(xe=R<Ve.value)}else{const R=u.valueAsDate||new Date(x),G=Ce=>new Date(new Date().toDateString()+" "+Ce),de=u.type=="time",we=u.type=="week";et($e.value)&&x&&(re=de?G(x)>G($e.value):we?x>$e.value:R>new Date($e.value)),et(Ve.value)&&x&&(xe=de?G(x)<G(Ve.value):we?x<Ve.value:R<new Date(Ve.value))}if((re||xe)&&(ie(!!re,$e.message,Ve.message,Qt.max,Qt.min),!i))return B(I[A].message),I}if((p||k)&&!ce&&(et(x)||d&&Array.isArray(x))){const re=hl(p),xe=hl(k),$e=!Do(re.value)&&x.length>+re.value,Ve=!Do(xe.value)&&x.length<+xe.value;if(($e||Ve)&&(ie($e,re.message,xe.message),!i))return B(I[A].message),I}if(S&&!ce&&et(x)){const{value:re,message:xe}=hl(S);if(Ks(re)&&!x.match(re)&&(I[A]={type:Qt.pattern,message:xe,ref:u,...Re(Qt.pattern,xe)},!i))return B(xe),I}if($){if(xt($)){const re=await $(x,r),xe=w1(re,z);if(xe&&(I[A]={...xe,...Re(Qt.validate,xe.message)},!i))return B(xe.message),I}else if(Wn($)){let re={};for(const xe in $){if(!zo(re)&&!i)break;const $e=w1(await $[xe](x,r),z,xe);$e&&(re={...$e,...Re(xe,$e.message)},B($e.message),i&&(I[A]=re))}if(!zo(re)&&(I[A]={ref:z,...re},!i))return I}}return B(!0),I};const cC={mode:_t.onSubmit,reValidateMode:_t.onChange,shouldFocusError:!0};function sC(e={}){let o={...cC,...e},r={submitCount:0,isDirty:!1,isReady:!1,isLoading:xt(o.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:o.errors||{},disabled:o.disabled||!1},i={},s=Wn(o.defaultValues)||Wn(o.values)?eo(o.defaultValues||o.values)||{}:{},d=o.shouldUnregister?{}:eo(s),u={action:!1,mount:!1,watch:!1},m={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},h,p=0;const k={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let g={...k};const y={array:m1(),state:m1()},S=o.criteriaMode===_t.all,$=T=>M=>{clearTimeout(p),p=setTimeout(T,M)},A=async T=>{if(!o.disabled&&(k.isValid||g.isValid||T)){const M=o.resolver?zo((await U()).errors):await ce(i,!0);M!==r.isValid&&y.state.next({isValid:M})}},N=(T,M)=>{!o.disabled&&(k.isValidating||k.validatingFields||g.isValidating||g.validatingFields)&&((T||Array.from(m.mount)).forEach(q=>{q&&(M?mn(r.validatingFields,q,M):Pn(r.validatingFields,q))}),y.state.next({validatingFields:r.validatingFields,isValidating:!zo(r.validatingFields)}))},E=(T,M=[],q,te,oe=!0,ae=!0)=>{if(te&&q&&!o.disabled){if(u.action=!0,ae&&Array.isArray(fe(i,T))){const he=q(fe(i,T),te.argA,te.argB);oe&&mn(i,T,he)}if(ae&&Array.isArray(fe(r.errors,T))){const he=q(fe(r.errors,T),te.argA,te.argB);oe&&mn(r.errors,T,he),lC(r.errors,T)}if((k.touchedFields||g.touchedFields)&&ae&&Array.isArray(fe(r.touchedFields,T))){const he=q(fe(r.touchedFields,T),te.argA,te.argB);oe&&mn(r.touchedFields,T,he)}(k.dirtyFields||g.dirtyFields)&&(r.dirtyFields=vl(s,d)),y.state.next({name:T,isDirty:ie(T,M),dirtyFields:r.dirtyFields,errors:r.errors,isValid:r.isValid})}else mn(d,T,M)},x=(T,M)=>{mn(r.errors,T,M),y.state.next({errors:r.errors})},z=T=>{r.errors=T,y.state.next({errors:r.errors,isValid:!1})},B=(T,M,q,te)=>{const oe=fe(i,T);if(oe){const ae=fe(d,T,Dn(q)?fe(s,T):q);Dn(ae)||te&&te.defaultChecked||M?mn(d,T,M?ae:k1(oe._f)):$e(T,ae),u.mount&&!u.action&&A()}},I=(T,M,q,te,oe)=>{let ae=!1,he=!1;const We={name:T};if(!o.disabled){if(!q||te){(k.isDirty||g.isDirty)&&(he=r.isDirty,r.isDirty=We.isDirty=ie(),ae=he!==We.isDirty);const dn=yt(fe(s,T),M);he=!!fe(r.dirtyFields,T),dn?Pn(r.dirtyFields,T):mn(r.dirtyFields,T,!0),We.dirtyFields=r.dirtyFields,ae=ae||(k.dirtyFields||g.dirtyFields)&&he!==!dn}if(q){const dn=fe(r.touchedFields,T);dn||(mn(r.touchedFields,T,q),We.touchedFields=r.touchedFields,ae=ae||(k.touchedFields||g.touchedFields)&&dn!==q)}ae&&oe&&y.state.next(We)}return ae?We:{}},K=(T,M,q,te)=>{const oe=fe(r.errors,T),ae=(k.isValid||g.isValid)&&Wo(M)&&r.isValid!==M;if(o.delayError&&q?(h=$(()=>x(T,q)),h(o.delayError)):(clearTimeout(p),h=null,q?mn(r.errors,T,q):Pn(r.errors,T)),(q?!yt(oe,q):oe)||!zo(te)||ae){const he={...te,...ae&&Wo(M)?{isValid:M}:{},errors:r.errors,name:T};r={...r,...he},y.state.next(he)}},U=async T=>{N(T,!0);const M=await o.resolver(d,o.context,eC(T||m.mount,i,o.criteriaMode,o.shouldUseNativeValidation));return N(T),M},le=async T=>{const{errors:M}=await U(T);if(T)for(const q of T){const te=fe(M,q);te?mn(r.errors,q,te):Pn(r.errors,q)}else r.errors=M;return M},ce=async(T,M,q={valid:!0})=>{for(const te in T){const oe=T[te];if(oe){const{_f:ae,...he}=oe;if(ae){const We=m.array.has(ae.name),dn=oe._f&&nC(oe._f);dn&&k.validatingFields&&N([ae.name],!0);const To=await z1(oe,m.disabled,d,S,o.shouldUseNativeValidation&&!M,We);if(dn&&k.validatingFields&&N([ae.name]),To[ae.name]&&(q.valid=!1,M))break;!M&&(fe(To,ae.name)?We?iC(r.errors,To,ae.name):mn(r.errors,ae.name,To[ae.name]):Pn(r.errors,ae.name))}!zo(he)&&await ce(he,M,q)}}return q.valid},Re=()=>{for(const T of m.unMount){const M=fe(i,T);M&&(M._f.refs?M._f.refs.every(q=>!Ju(q)):!Ju(M._f.ref))&&ge(T)}m.unMount=new Set},ie=(T,M)=>!o.disabled&&(T&&M&&mn(d,T,M),!yt(Ce(),s)),re=(T,M,q)=>Ib(T,m,{...u.mount?d:Dn(M)?s:et(T)?{[T]:M}:M},q,M),xe=T=>jm(fe(u.mount?d:s,T,o.shouldUnregister?fe(s,T,[]):[])),$e=(T,M,q={})=>{const te=fe(i,T);let oe=M;if(te){const ae=te._f;ae&&(!ae.disabled&&mn(d,T,t0(M,ae)),oe=Fs(ae.ref)&&Do(M)?"":M,e0(ae.ref)?[...ae.ref.options].forEach(he=>he.selected=oe.includes(he.value)):ae.refs?Gi(ae.ref)?ae.refs.forEach(he=>{(!he.defaultChecked||!he.disabled)&&(Array.isArray(oe)?he.checked=!!oe.find(We=>We===he.value):he.checked=oe===he.value||!!oe)}):ae.refs.forEach(he=>he.checked=he.value===oe):Cm(ae.ref)?ae.ref.value="":(ae.ref.value=oe,ae.ref.type||y.state.next({name:T,values:eo(d)})))}(q.shouldDirty||q.shouldTouch)&&I(T,oe,q.shouldTouch,q.shouldDirty,!0),q.shouldValidate&&we(T)},Ve=(T,M,q)=>{for(const te in M){if(!M.hasOwnProperty(te))return;const oe=M[te],ae=T+"."+te,he=fe(i,ae);(m.array.has(T)||Wn(oe)||he&&!he._f)&&!ha(oe)?Ve(ae,oe,q):$e(ae,oe,q)}},R=(T,M,q={})=>{const te=fe(i,T),oe=m.array.has(T),ae=eo(M);mn(d,T,ae),oe?(y.array.next({name:T,values:eo(d)}),(k.isDirty||k.dirtyFields||g.isDirty||g.dirtyFields)&&q.shouldDirty&&y.state.next({name:T,dirtyFields:vl(s,d),isDirty:ie(T,ae)})):te&&!te._f&&!Do(ae)?Ve(T,ae,q):$e(T,ae,q),y1(T,m)&&y.state.next({...r,name:T}),y.state.next({name:u.mount?T:void 0,values:eo(d)})},G=async T=>{u.mount=!0;const M=T.target;let q=M.name,te=!0;const oe=fe(i,q),ae=dn=>{te=Number.isNaN(dn)||ha(dn)&&isNaN(dn.getTime())||yt(dn,fe(d,q,dn))},he=g1(o.mode),We=g1(o.reValidateMode);if(oe){let dn,To;const Zr=M.type?k1(oe._f):Px(T),zt=T.type===Hs.BLUR||T.type===Hs.FOCUS_OUT,sd=!oC(oe._f)&&!o.resolver&&!fe(r.errors,q)&&!oe._f.deps||aC(zt,fe(r.touchedFields,q),r.isSubmitted,We,he),Ot=y1(q,m,zt);mn(d,q,Zr),zt?(!M||!M.readOnly)&&(oe._f.onBlur&&oe._f.onBlur(T),h&&h(0)):oe._f.onChange&&oe._f.onChange(T);const ao=I(q,Zr,zt),jt=!zo(ao)||Ot;if(!zt&&y.state.next({name:q,type:T.type,values:eo(d)}),sd)return(k.isValid||g.isValid)&&(o.mode==="onBlur"?zt&&A():zt||A()),jt&&y.state.next({name:q,...Ot?{}:ao});if(!zt&&Ot&&y.state.next({...r}),o.resolver){const{errors:po}=await U([q]);if(ae(Zr),te){const dd=x1(r.errors,i,q),Yi=x1(po,i,dd.name||q);dn=Yi.error,q=Yi.name,To=zo(po)}}else N([q],!0),dn=(await z1(oe,m.disabled,d,S,o.shouldUseNativeValidation))[q],N([q]),ae(Zr),te&&(dn?To=!1:(k.isValid||g.isValid)&&(To=await ce(i,!0)));te&&(oe._f.deps&&(!Array.isArray(oe._f.deps)||oe._f.deps.length>0)&&we(oe._f.deps),K(q,To,dn,ao))}},de=(T,M)=>{if(fe(r.errors,M)&&T.focus)return T.focus(),1},we=async(T,M={})=>{let q,te;const oe=Bi(T);if(o.resolver){const ae=await le(Dn(T)?T:oe);q=zo(ae),te=T?!oe.some(he=>fe(ae,he)):q}else T?(te=(await Promise.all(oe.map(async ae=>{const he=fe(i,ae);return await ce(he&&he._f?{[ae]:he}:he)}))).every(Boolean),!(!te&&!r.isValid)&&A()):te=q=await ce(i);return y.state.next({...!et(T)||(k.isValid||g.isValid)&&q!==r.isValid?{}:{name:T},...o.resolver||!T?{isValid:q}:{},errors:r.errors}),M.shouldFocus&&!te&&Ri(i,de,T?oe:m.mount),te},Ce=(T,M)=>{let q={...u.mount?d:s};return M&&(q=Jx(M.dirtyFields?r.dirtyFields:r.touchedFields,q)),Dn(T)?q:et(T)?fe(q,T):T.map(te=>fe(q,te))},_=(T,M)=>({invalid:!!fe((M||r).errors,T),isDirty:!!fe((M||r).dirtyFields,T),error:fe((M||r).errors,T),isValidating:!!fe(r.validatingFields,T),isTouched:!!fe((M||r).touchedFields,T)}),L=T=>{T&&Bi(T).forEach(M=>Pn(r.errors,M)),y.state.next({errors:T?r.errors:{}})},Y=(T,M,q)=>{const te=(fe(i,T,{_f:{}})._f||{}).ref,oe=fe(r.errors,T)||{},{ref:ae,message:he,type:We,...dn}=oe;mn(r.errors,T,{...dn,...M,ref:te}),y.state.next({name:T,errors:r.errors,isValid:!1}),q&&q.shouldFocus&&te&&te.focus&&te.focus()},ne=(T,M)=>xt(T)?y.state.subscribe({next:q=>"values"in q&&T(re(void 0,M),q)}):re(T,M,!0),se=T=>y.state.subscribe({next:M=>{rC(T.name,M.name,T.exact)&&tC(M,T.formState||k,ve,T.reRenderRoot)&&T.callback({values:{...d},...r,...M,defaultValues:s})}}).unsubscribe,ue=T=>(u.mount=!0,g={...g,...T.formState},se({...T,formState:g})),ge=(T,M={})=>{for(const q of T?Bi(T):m.mount)m.mount.delete(q),m.array.delete(q),M.keepValue||(Pn(i,q),Pn(d,q)),!M.keepError&&Pn(r.errors,q),!M.keepDirty&&Pn(r.dirtyFields,q),!M.keepTouched&&Pn(r.touchedFields,q),!M.keepIsValidating&&Pn(r.validatingFields,q),!o.shouldUnregister&&!M.keepDefaultValue&&Pn(s,q);y.state.next({values:eo(d)}),y.state.next({...r,...M.keepDirty?{isDirty:ie()}:{}}),!M.keepIsValid&&A()},tn=({disabled:T,name:M})=>{(Wo(T)&&u.mount||T||m.disabled.has(M))&&(T?m.disabled.add(M):m.disabled.delete(M))},Ue=(T,M={})=>{let q=fe(i,T);const te=Wo(M.disabled)||Wo(o.disabled);return mn(i,T,{...q||{},_f:{...q&&q._f?q._f:{ref:{name:T}},name:T,mount:!0,...M}}),m.mount.add(T),q?tn({disabled:Wo(M.disabled)?M.disabled:o.disabled,name:T}):B(T,!0,M.value),{...te?{disabled:M.disabled||o.disabled}:{},...o.progressive?{required:!!M.required,min:Ci(M.min),max:Ci(M.max),minLength:Ci(M.minLength),maxLength:Ci(M.maxLength),pattern:Ci(M.pattern)}:{},name:T,onChange:G,onBlur:G,ref:oe=>{if(oe){Ue(T,M),q=fe(i,T);const ae=Dn(oe.value)&&oe.querySelectorAll&&oe.querySelectorAll("input,select,textarea")[0]||oe,he=X8(ae),We=q._f.refs||[];if(he?We.find(dn=>dn===ae):ae===q._f.ref)return;mn(i,T,{_f:{...q._f,...he?{refs:[...We.filter(Ju),ae,...Array.isArray(fe(s,T))?[{}]:[]],ref:{type:ae.type,name:T}}:{ref:ae}}}),B(T,!1,void 0,ae)}else q=fe(i,T,{}),q._f&&(q._f.mount=!1),(o.shouldUnregister||M.shouldUnregister)&&!(Gx(m.array,T)&&u.action)&&m.unMount.add(T)}}},Fo=()=>o.shouldFocusError&&Ri(i,de,m.mount),dr=T=>{Wo(T)&&(y.state.next({disabled:T}),Ri(i,(M,q)=>{const te=fe(i,q);te&&(M.disabled=te._f.disabled||T,Array.isArray(te._f.refs)&&te._f.refs.forEach(oe=>{oe.disabled=te._f.disabled||T}))},0,!1))},fr=(T,M)=>async q=>{let te;q&&(q.preventDefault&&q.preventDefault(),q.persist&&q.persist());let oe=eo(d);if(y.state.next({isSubmitting:!0}),o.resolver){const{errors:ae,values:he}=await U();r.errors=ae,oe=eo(he)}else await ce(i);if(m.disabled.size)for(const ae of m.disabled)Pn(oe,ae);if(Pn(r.errors,"root"),zo(r.errors)){y.state.next({errors:{}});try{await T(oe,q)}catch(ae){te=ae}}else M&&await M({...r.errors},q),Fo(),setTimeout(Fo);if(y.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:zo(r.errors)&&!te,submitCount:r.submitCount+1,errors:r.errors}),te)throw te},Sa=(T,M={})=>{fe(i,T)&&(Dn(M.defaultValue)?R(T,eo(fe(s,T))):(R(T,M.defaultValue),mn(s,T,eo(M.defaultValue))),M.keepTouched||Pn(r.touchedFields,T),M.keepDirty||(Pn(r.dirtyFields,T),r.isDirty=M.defaultValue?ie(T,eo(fe(s,T))):ie()),M.keepError||(Pn(r.errors,T),k.isValid&&A()),y.state.next({...r}))},tt=(T,M={})=>{const q=T?eo(T):s,te=eo(q),oe=zo(T),ae=oe?s:te;if(M.keepDefaultValues||(s=q),!M.keepValues){if(M.keepDirtyValues){const he=new Set([...m.mount,...Object.keys(vl(s,d))]);for(const We of Array.from(he))fe(r.dirtyFields,We)?mn(ae,We,fe(d,We)):R(We,fe(ae,We))}else{if(zm&&Dn(T))for(const he of m.mount){const We=fe(i,he);if(We&&We._f){const dn=Array.isArray(We._f.refs)?We._f.refs[0]:We._f.ref;if(Fs(dn)){const To=dn.closest("form");if(To){To.reset();break}}}}if(M.keepFieldsRef)for(const he of m.mount)R(he,fe(ae,he));else i={}}d=o.shouldUnregister?M.keepDefaultValues?eo(s):{}:eo(ae),y.array.next({values:{...ae}}),y.state.next({values:{...ae}})}m={mount:M.keepDirtyValues?m.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},u.mount=!k.isValid||!!M.keepIsValid||!!M.keepDirtyValues||!o.shouldUnregister&&!zo(ae),u.watch=!!o.shouldUnregister,u.action=!1,M.keepErrors||(r.errors={}),y.state.next({submitCount:M.keepSubmitCount?r.submitCount:0,isDirty:oe?!1:M.keepDirty?r.isDirty:!!(M.keepDefaultValues&&!yt(T,s)),isSubmitted:M.keepIsSubmitted?r.isSubmitted:!1,dirtyFields:oe?{}:M.keepDirtyValues?M.keepDefaultValues&&d?vl(s,d):r.dirtyFields:M.keepDefaultValues&&T?vl(s,T):M.keepDirty?r.dirtyFields:{},touchedFields:M.keepTouched?r.touchedFields:{},errors:M.keepErrors?r.errors:{},isSubmitSuccessful:M.keepIsSubmitSuccessful?r.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:s})},$t=(T,M)=>tt(xt(T)?T(d):T,M),qr=(T,M={})=>{const q=fe(i,T),te=q&&q._f;if(te){const oe=te.refs?te.refs[0]:te.ref;oe.focus&&(oe.focus(),M.shouldSelect&&xt(oe.select)&&oe.select())}},ve=T=>{r={...r,...T}},De={control:{register:Ue,unregister:ge,getFieldState:_,handleSubmit:fr,setError:Y,_subscribe:se,_runSchema:U,_focusError:Fo,_getWatch:re,_getDirty:ie,_setValid:A,_setFieldArray:E,_setDisabledField:tn,_setErrors:z,_getFieldArray:xe,_reset:tt,_resetDefaultValues:()=>xt(o.defaultValues)&&o.defaultValues().then(T=>{$t(T,o.resetOptions),y.state.next({isLoading:!1})}),_removeUnmounted:Re,_disableForm:dr,_subjects:y,_proxyFormState:k,get _fields(){return i},get _formValues(){return d},get _state(){return u},set _state(T){u=T},get _defaultValues(){return s},get _names(){return m},set _names(T){m=T},get _formState(){return r},get _options(){return o},set _options(T){o={...o,...T}}},subscribe:ue,trigger:we,register:Ue,handleSubmit:fr,watch:ne,setValue:R,getValues:Ce,reset:$t,resetField:Sa,clearErrors:L,unregister:ge,setError:Y,setFocus:qr,getFieldState:_};return{...De,formControl:De}}function od(e={}){const o=Ee.useRef(void 0),r=Ee.useRef(void 0),[i,s]=Ee.useState({isDirty:!1,isValidating:!1,isLoading:xt(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!1,defaultValues:xt(e.defaultValues)?void 0:e.defaultValues});if(!o.current)if(e.formControl)o.current={...e.formControl,formState:i},e.defaultValues&&!xt(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{const{formControl:u,...m}=sC(e);o.current={...m,formState:i}}const d=o.current.control;return d._options=e,Am(()=>{const u=d._subscribe({formState:d._proxyFormState,callback:()=>s({...d._formState}),reRenderRoot:!0});return s(m=>({...m,isReady:!0})),d._formState.isReady=!0,u},[d]),Ee.useEffect(()=>d._disableForm(e.disabled),[d,e.disabled]),Ee.useEffect(()=>{e.mode&&(d._options.mode=e.mode),e.reValidateMode&&(d._options.reValidateMode=e.reValidateMode)},[d,e.mode,e.reValidateMode]),Ee.useEffect(()=>{e.errors&&(d._setErrors(e.errors),d._focusError())},[d,e.errors]),Ee.useEffect(()=>{e.shouldUnregister&&d._subjects.state.next({values:d._getWatch()})},[d,e.shouldUnregister]),Ee.useEffect(()=>{if(d._proxyFormState.isDirty){const u=d._getDirty();u!==i.isDirty&&d._subjects.state.next({isDirty:u})}},[d,i.isDirty]),Ee.useEffect(()=>{var u;e.values&&!yt(e.values,r.current)?(d._reset(e.values,{keepFieldsRef:!0,...d._options.resetOptions}),!((u=d._options.resetOptions)===null||u===void 0)&&u.keepIsValid||d._setValid(),r.current=e.values,s(m=>({...m}))):d._resetDefaultValues()},[d,e.values]),Ee.useEffect(()=>{d._state.mount||(d._setValid(),d._state.mount=!0),d._state.watch&&(d._state.watch=!1,d._subjects.state.next({...d._formState})),d._removeUnmounted()}),o.current.formState=Xx(i,d),o.current}function a0(e,o){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&o.indexOf(i)<0&&(r[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(e);s<i.length;s++)o.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(r[i[s]]=e[i[s]]);return r}var Ki;(function(e){e.event="event",e.props="prop"})(Ki||(Ki={}));function Mr(){}function dC(e){var o,r=void 0;return function(){for(var i=[],s=arguments.length;s--;)i[s]=arguments[s];return o&&i.length===o.length&&i.every(function(d,u){return d===o[u]})||(o=i,r=e.apply(void 0,i)),r}}function Vi(e){return!!(e||"").match(/\d/)}function xl(e){return e==null}function fC(e){return typeof e=="number"&&isNaN(e)}function l0(e){return xl(e)||fC(e)||typeof e=="number"&&!isFinite(e)}function i0(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function uC(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function bC(e,o,r){var i=uC(r),s=e.search(/[1-9]/);return s=s===-1?e.length:s,e.substring(0,s)+e.substring(s,e.length).replace(i,"$1"+o)}function mC(e){var o=j.useRef(e);o.current=e;var r=j.useRef(function(){for(var i=[],s=arguments.length;s--;)i[s]=arguments[s];return o.current.apply(o,i)});return r.current}function Lm(e,o){o===void 0&&(o=!0);var r=e[0]==="-",i=r&&o;e=e.replace("-","");var s=e.split("."),d=s[0],u=s[1]||"";return{beforeDecimal:d,afterDecimal:u,hasNegation:r,addNegation:i}}function hC(e){if(!e)return e;var o=e[0]==="-";o&&(e=e.substring(1,e.length));var r=e.split("."),i=r[0].replace(/^0+/,"")||"0",s=r[1]||"";return(o?"-":"")+i+(s?"."+s:"")}function c0(e,o,r){for(var i="",s=r?"0":"",d=0;d<=o-1;d++)i+=e[d]||s;return i}function j1(e,o){return Array(o+1).join(e)}function s0(e){var o=e+"",r=o[0]==="-"?"-":"";r&&(o=o.substring(1));var i=o.split(/[eE]/g),s=i[0],d=i[1];if(d=Number(d),!d)return r+s;s=s.replace(".","");var u=1+d,m=s.length;return u<0?s="0."+j1("0",Math.abs(u))+s:u>=m?s=s+j1("0",u-m):s=(s.substring(0,u)||"0")+"."+s.substring(u),r+s}function S1(e,o,r){if(["","-"].indexOf(e)!==-1)return e;var i=(e.indexOf(".")!==-1||r)&&o,s=Lm(e),d=s.beforeDecimal,u=s.afterDecimal,m=s.hasNegation,h=parseFloat("0."+(u||"0")),p=u.length<=o?"0."+u:h.toFixed(o),k=p.split("."),g=d;d&&Number(k[0])&&(g=d.split("").reverse().reduce(function(A,N,E){return A.length>E?(Number(A[0])+Number(N)).toString()+A.substring(1,A.length):N+A},k[0]));var y=c0(k[1]||"",o,r),S=m?"-":"",$=i?".":"";return""+S+g+$+y}function ba(e,o){if(e.value=e.value,e!==null){if(e.createTextRange){var r=e.createTextRange();return r.move("character",o),r.select(),!0}return e.selectionStart||e.selectionStart===0?(e.focus(),e.setSelectionRange(o,o),!0):(e.focus(),!1)}}var d0=dC(function(e,o){for(var r=0,i=0,s=e.length,d=o.length;e[r]===o[r]&&r<s;)r++;for(;e[s-1-i]===o[d-1-i]&&d-i>r&&s-i>r;)i++;return{from:{start:r,end:s-i},to:{start:r,end:d-i}}}),pC=function(e,o){var r=Math.min(e.selectionStart,o);return{from:{start:r,end:e.selectionEnd},to:{start:r,end:o}}};function vC(e,o,r){return Math.min(Math.max(e,o),r)}function eb(e){return Math.max(e.selectionStart,e.selectionEnd)}function kC(){return typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function gC(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}function _C(e){var o=e.currentValue,r=e.formattedValue,i=e.currentValueIndex,s=e.formattedValueIndex;return o[i]===r[s]}function yC(e,o,r,i,s,d,u){u===void 0&&(u=_C);var m=s.findIndex(function(B){return B}),h=e.slice(0,m);!o&&!r.startsWith(h)&&(o=h,r=h+r,i=i+h.length);for(var p=r.length,k=e.length,g={},y=new Array(p),S=0;S<p;S++){y[S]=-1;for(var $=0,A=k;$<A;$++){var N=u({currentValue:r,lastValue:o,formattedValue:e,currentValueIndex:S,formattedValueIndex:$});if(N&&g[$]!==!0){y[S]=$,g[$]=!0;break}}}for(var E=i;E<p&&(y[E]===-1||!d(r[E]));)E++;var x=E===p||y[E]===-1?k:y[E];for(E=i-1;E>0&&y[E]===-1;)E--;var z=E===-1||y[E]===-1?0:y[E]+1;return z>x?x:i-z<x-i?z:x}function T1(e,o,r,i){var s=e.length;if(o=vC(o,0,s),i==="left"){for(;o>=0&&!r[o];)o--;o===-1&&(o=r.indexOf(!0))}else{for(;o<=s&&!r[o];)o++;o>s&&(o=r.lastIndexOf(!0))}return o===-1&&(o=s),o}function xC(e){for(var o=Array.from({length:e.length+1}).map(function(){return!0}),r=0,i=o.length;r<i;r++)o[r]=!!(Vi(e[r])||Vi(e[r-1]));return o}function f0(e,o,r,i,s,d){d===void 0&&(d=Mr);var u=mC(function($,A){var N,E;return l0($)?(E="",N=""):typeof $=="number"||A?(E=typeof $=="number"?s0($):$,N=i(E)):(E=s($,void 0),N=i(E)),{formattedValue:N,numAsString:E}}),m=j.useState(function(){return u(xl(e)?o:e,r)}),h=m[0],p=m[1],k=function($,A){$.formattedValue!==h.formattedValue&&p({formattedValue:$.formattedValue,numAsString:$.value}),d($,A)},g=e,y=r;xl(e)&&(g=h.numAsString,y=!0);var S=u(g,y);return j.useMemo(function(){p(S)},[S.formattedValue]),[h,k]}function wC(e){return e.replace(/[^0-9]/g,"")}function zC(e){return e}function jC(e){var o=e.type;o===void 0&&(o="text");var r=e.displayType;r===void 0&&(r="input");var i=e.customInput,s=e.renderText,d=e.getInputRef,u=e.format;u===void 0&&(u=zC);var m=e.removeFormatting;m===void 0&&(m=wC);var h=e.defaultValue,p=e.valueIsNumericString,k=e.onValueChange,g=e.isAllowed,y=e.onChange;y===void 0&&(y=Mr);var S=e.onKeyDown;S===void 0&&(S=Mr);var $=e.onMouseUp;$===void 0&&($=Mr);var A=e.onFocus;A===void 0&&(A=Mr);var N=e.onBlur;N===void 0&&(N=Mr);var E=e.value,x=e.getCaretBoundary;x===void 0&&(x=xC);var z=e.isValidInputCharacter;z===void 0&&(z=Vi);var B=e.isCharacterSame,I=a0(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),K=f0(E,h,!!p,u,m,k),U=K[0],le=U.formattedValue,ce=U.numAsString,Re=K[1],ie=j.useRef(),re=j.useRef({formattedValue:le,numAsString:ce}),xe=function(ve,ye){re.current={formattedValue:ve.formattedValue,numAsString:ve.value},Re(ve,ye)},$e=j.useState(!1),Ve=$e[0],R=$e[1],G=j.useRef(null),de=j.useRef({setCaretTimeout:null,focusTimeout:null});j.useEffect(function(){return R(!0),function(){clearTimeout(de.current.setCaretTimeout),clearTimeout(de.current.focusTimeout)}},[]);var we=u,Ce=function(ve,ye){var De=parseFloat(ye);return{formattedValue:ve,value:ye,floatValue:isNaN(De)?void 0:De}},_=function(ve,ye,De){ve.selectionStart===0&&ve.selectionEnd===ve.value.length||(ba(ve,ye),de.current.setCaretTimeout=setTimeout(function(){ve.value===De&&ve.selectionStart!==ye&&ba(ve,ye)},0))},L=function(ve,ye,De){return T1(ve,ye,x(ve),De)},Y=function(ve,ye,De){var T=x(ye),M=yC(ye,le,ve,De,T,z,B);return M=T1(ye,M,T),M},ne=function(ve){var ye=ve.formattedValue;ye===void 0&&(ye="");var De=ve.input,T=ve.source,M=ve.event,q=ve.numAsString,te;if(De){var oe=ve.inputValue||De.value,ae=eb(De);De.value=ye,te=Y(oe,ye,ae),te!==void 0&&_(De,te,ye)}ye!==le&&xe(Ce(ye,q),{event:M,source:T})};j.useEffect(function(){var ve=re.current,ye=ve.formattedValue,De=ve.numAsString;(le!==ye||ce!==De)&&xe(Ce(le,ce),{event:void 0,source:Ki.props})},[le,ce]);var se=G.current?eb(G.current):void 0,ue=typeof window<"u"?j.useLayoutEffect:j.useEffect;ue(function(){var ve=G.current;if(le!==re.current.formattedValue&&ve){var ye=Y(re.current.formattedValue,le,se);ve.value=le,_(ve,ye,le)}},[le]);var ge=function(ve,ye,De){var T=ye.target,M=ie.current?pC(ie.current,T.selectionEnd):d0(le,ve),q=Object.assign(Object.assign({},M),{lastValue:le}),te=m(ve,q),oe=we(te);if(te=m(oe,void 0),g&&!g(Ce(oe,te))){var ae=ye.target,he=eb(ae),We=Y(ve,le,he);return ae.value=le,_(ae,We,le),!1}return ne({formattedValue:oe,numAsString:te,inputValue:ve,event:ye,source:De,input:ye.target}),!0},tn=function(ve,ye){ye===void 0&&(ye=0);var De=ve.selectionStart,T=ve.selectionEnd;ie.current={selectionStart:De,selectionEnd:T+ye}},Ue=function(ve){var ye=ve.target,De=ye.value,T=ge(De,ve,Ki.event);T&&y(ve),ie.current=void 0},Fo=function(ve){var ye=ve.target,De=ve.key,T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;q===void 0&&(q="");var te;De==="ArrowLeft"||De==="Backspace"?te=Math.max(T-1,0):De==="ArrowRight"?te=Math.min(T+1,q.length):De==="Delete"&&(te=T);var oe=0;De==="Delete"&&T===M&&(oe=1);var ae=De==="ArrowLeft"||De==="ArrowRight";if(te===void 0||T!==M&&!ae){S(ve),tn(ye,oe);return}var he=te;if(ae){var We=De==="ArrowLeft"?"left":"right";he=L(q,te,We),he!==te&&ve.preventDefault()}else De==="Delete"&&!z(q[te])?he=L(q,te,"right"):De==="Backspace"&&!z(q[te])&&(he=L(q,te,"left"));he!==te&&_(ye,he,q),S(ve),tn(ye,oe)},dr=function(ve){var ye=ve.target,De=function(){var T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;if(q===void 0&&(q=""),T===M){var te=L(q,T);te!==T&&_(ye,te,q)}};De(),requestAnimationFrame(function(){De()}),$(ve),tn(ye)},fr=function(ve){ve.persist&&ve.persist();var ye=ve.target,De=ve.currentTarget;G.current=ye,de.current.focusTimeout=setTimeout(function(){var T=ye.selectionStart,M=ye.selectionEnd,q=ye.value;q===void 0&&(q="");var te=L(q,T);te!==T&&!(T===0&&M===q.length)&&_(ye,te,q),A(Object.assign(Object.assign({},ve),{currentTarget:De}))},0)},Sa=function(ve){G.current=null,clearTimeout(de.current.focusTimeout),clearTimeout(de.current.setCaretTimeout),N(ve)},tt=Ve&&kC()?"numeric":void 0,$t=Object.assign({inputMode:tt},I,{type:o,value:le,onChange:Ue,onKeyDown:Fo,onMouseUp:dr,onFocus:fr,onBlur:Sa});if(r==="text")return s?Ee.createElement(Ee.Fragment,null,s(le,I)||null):Ee.createElement("span",Object.assign({},I,{ref:d}),le);if(i){var qr=i;return Ee.createElement(qr,Object.assign({},$t,{ref:d}))}return Ee.createElement("input",Object.assign({},$t,{ref:d}))}function A1(e,o){var r=o.decimalScale,i=o.fixedDecimalScale,s=o.prefix;s===void 0&&(s="");var d=o.suffix;d===void 0&&(d="");var u=o.allowNegative,m=o.thousandsGroupStyle;if(m===void 0&&(m="thousand"),e===""||e==="-")return e;var h=td(o),p=h.thousandSeparator,k=h.decimalSeparator,g=r!==0&&e.indexOf(".")!==-1||r&&i,y=Lm(e,u),S=y.beforeDecimal,$=y.afterDecimal,A=y.addNegation;return r!==void 0&&($=c0($,r,!!i)),p&&(S=bC(S,p,m)),s&&(S=s+S),d&&($=$+d),A&&(S="-"+S),e=S+(g&&k||"")+$,e}function td(e){var o=e.decimalSeparator;o===void 0&&(o=".");var r=e.thousandSeparator,i=e.allowedDecimalSeparators;return r===!0&&(r=","),i||(i=[o,"."]),{decimalSeparator:o,thousandSeparator:r,allowedDecimalSeparators:i}}function SC(e,o){e===void 0&&(e="");var r=new RegExp("(-)"),i=new RegExp("(-)(.)*(-)"),s=r.test(e),d=i.test(e);return e=e.replace(/-/g,""),s&&!d&&o&&(e="-"+e),e}function TC(e,o){return new RegExp("(^-)|[0-9]|"+i0(e),"g")}function AC(e,o,r){return e===""?!0:!o?.match(/\d/)&&!r?.match(/\d/)&&typeof e=="string"&&!isNaN(Number(e))}function CC(e,o,r){var i;o===void 0&&(o=gC(e));var s=r.allowNegative,d=r.prefix;d===void 0&&(d="");var u=r.suffix;u===void 0&&(u="");var m=r.decimalScale,h=o.from,p=o.to,k=p.start,g=p.end,y=td(r),S=y.allowedDecimalSeparators,$=y.decimalSeparator,A=e[g]===$;if(Vi(e)&&(e===d||e===u)&&o.lastValue==="")return e;if(g-k===1&&S.indexOf(e[k])!==-1){var N=m===0?"":$;e=e.substring(0,k)+N+e.substring(k+1,e.length)}var E=function(G,de,we){var Ce=!1,_=!1;d.startsWith("-")?Ce=!1:G.startsWith("--")?(Ce=!1,_=!0):u.startsWith("-")&&G.length===u.length?Ce=!1:G[0]==="-"&&(Ce=!0);var L=Ce?1:0;return _&&(L=2),L&&(G=G.substring(L),de-=L,we-=L),{value:G,start:de,end:we,hasNegation:Ce}},x=E(e,k,g),z=x.hasNegation;i=x,e=i.value,k=i.start,g=i.end;var B=E(o.lastValue,h.start,h.end),I=B.start,K=B.end,U=B.value,le=e.substring(k,g);e.length&&U.length&&(I>U.length-u.length||K<d.length)&&!(le&&u.startsWith(le))&&(e=U);var ce=0;e.startsWith(d)?ce+=d.length:k<d.length&&(ce=k),e=e.substring(ce),g-=ce;var Re=e.length,ie=e.length-u.length;e.endsWith(u)?Re=ie:(g>ie||g>e.length-u.length)&&(Re=g),e=e.substring(0,Re),e=SC(z?"-"+e:e,s),e=(e.match(TC($))||[]).join("");var re=e.indexOf($);e=e.replace(new RegExp(i0($),"g"),function(G,de){return de===re?".":""});var xe=Lm(e,s),$e=xe.beforeDecimal,Ve=xe.afterDecimal,R=xe.addNegation;return p.end-p.start<h.end-h.start&&$e===""&&A&&!parseFloat(Ve)&&(e=R?"-":""),e}function EC(e,o){var r=o.prefix;r===void 0&&(r="");var i=o.suffix;i===void 0&&(i="");var s=Array.from({length:e.length+1}).map(function(){return!0}),d=e[0]==="-";s.fill(!1,0,r.length+(d?1:0));var u=e.length;return s.fill(!1,u-i.length+1,u+1),s}function LC(e){var o=td(e),r=o.thousandSeparator,i=o.decimalSeparator,s=e.prefix;s===void 0&&(s="");var d=e.allowNegative;if(d===void 0&&(d=!0),r===i)throw new Error(`
         Decimal separator can't be same as thousand separator.
         thousandSeparator: `+r+` (thousandSeparator = {true} is same as thousandSeparator = ",")
         decimalSeparator: `+i+` (default value for decimalSeparator is .)
@@ -23186,18 +23186,18 @@ Link:
       Prefix can't start with '-' when allowNegative is true.
       prefix: `+s+`
       allowNegative: `+d+`
-    `),d=!1),Object.assign(Object.assign({},e),{allowNegative:d})}function $C(e){e=LC(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var o=e.suffix,r=e.allowNegative,i=e.allowLeadingZeros,s=e.onKeyDown;s===void 0&&(s=Mr);var d=e.onBlur;d===void 0&&(d=Mr);var u=e.thousandSeparator,m=e.decimalScale,h=e.fixedDecimalScale,p=e.prefix;p===void 0&&(p="");var k=e.defaultValue,g=e.value,y=e.valueIsNumericString,S=e.onValueChange,$=a0(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),A=td(e),N=A.decimalSeparator,E=A.allowedDecimalSeparators,x=function(R){return A1(R,e)},z=function(R,G){return CC(R,G,e)},B=xl(g)?k:g,I=y??AC(B,p,o);xl(g)?xl(k)||(I=I||typeof k=="number"):I=I||typeof g=="number";var K=function(R){return l0(R)?R:(typeof R=="number"&&(R=s0(R)),I&&typeof m=="number"?S1(R,m,!!h):R)},U=f0(K(g),K(k),!!I,x,z,S),le=U[0],ce=le.numAsString,Re=le.formattedValue,ie=U[1],re=function(R){var G=R.target,de=R.key,we=G.selectionStart,Ce=G.selectionEnd,_=G.value;if(_===void 0&&(_=""),(de==="Backspace"||de==="Delete")&&Ce<p.length){R.preventDefault();return}if(we!==Ce){s(R);return}de==="Backspace"&&_[0]==="-"&&we===p.length+1&&r&&ba(G,1),m&&h&&(de==="Backspace"&&_[we-1]===N?(ba(G,we-1),R.preventDefault()):de==="Delete"&&_[we]===N&&R.preventDefault()),E?.includes(de)&&_[we]===N&&ba(G,we+1);var L=u===!0?",":u;de==="Backspace"&&_[we-1]===L&&ba(G,we-1),de==="Delete"&&_[we]===L&&ba(G,we+1),s(R)},xe=function(R){var G=ce;if(G.match(/\d/g)||(G=""),i||(G=hC(G)),h&&m&&(G=S1(G,m,h)),G!==ce){var de=A1(G,e);ie({formattedValue:de,value:G,floatValue:parseFloat(G)},{event:R,source:Ki.event})}d(R)},$e=function(R){return R===N?!0:Vi(R)},Ve=function(R){var G=R.currentValue,de=R.lastValue,we=R.formattedValue,Ce=R.currentValueIndex,_=R.formattedValueIndex,L=G[Ce],Y=we[_],ne=d0(de,G),se=ne.to,ue=function(ge){return z(ge).indexOf(".")+p.length};return g===0&&h&&m&&G[se.start]===N&&ue(G)<Ce&&ue(we)>_?!1:Ce>=se.start&&Ce<se.end&&E&&E.includes(L)&&Y===N?!0:L===Y};return Object.assign(Object.assign({},$),{value:Re,valueIsNumericString:!1,isValidInputCharacter:$e,isCharacterSame:Ve,onValueChange:ie,format:x,removeFormatting:z,getCaretBoundary:function(R){return EC(R,e)},onKeyDown:re,onBlur:xe})}function OC(e){var o=$C(e);return Ee.createElement(jC,Object.assign({},o))}class NC{parse(o){return o==null||o===""?"":String(o).replace(/[eE.,]/g,"").replace(/\d[+-]/g,"")}}const BC=/[.,+eE]/,RC=e=>{e.key.length===1&&!e.ctrlKey&&!e.metaKey&&BC.test(e.key)&&e.preventDefault()};function DC({_label:e,_msg:o,_touched:r,_on:i,_required:s,value:d,thousandSeparator:u=!0,suffix:m="€",...h}){const p=i&&typeof i=="object"?i:void 0;return a.jsx(OC,{...h,value:d,suffix:m,thousandSeparator:u,valueIsNumericString:!1,customInput:k=>{const g=k.value;return a.jsx(Be,{...k,_value:g,_label:e,_msg:o,_touched:r,_required:s,_on:{onBlur:k.onBlur,onChange:k.onChange,onFocus:k.onFocus,onInput:k.onInput}})},onValueChange:k=>{const g=new Event("input");p?.onInput?.(g,k.floatValue)},onBlur:k=>{p?.onBlur?.(k.nativeEvent)}})}function MC(e){const{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,_label:m,_required:h,...p}=e;return a.jsx(Wx,{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,render:({field:k,fieldState:g})=>{const y=p._on;return a.jsx(DC,{...p,_label:m,_required:h,value:k.value,_touched:g.isTouched,_msg:g.error?{_type:"error",_description:g.error.message||String(g.error)}:void 0,_on:{onInput:(S,$)=>{k.onChange($),y?.onInput?.(S,$)},onBlur:()=>k.onBlur()}})}})}function IC(){const e=new NC,[o,r]=Ee.useState(void 0),[i,s]=Ee.useState(-128),[d,u]=Ee.useState(!1),h=od({defaultValues:{currency:1e6},mode:"onTouched"}),p=h.watch(),k=g=>{h.handleSubmit(async()=>{})(g)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates formatting number input. The first example shows whole number formatting where decimal separators (. and ,) and scientific notation (e) are automatically removed on input. The second example shows currency formatting with react-number-format in a react-hook-form context."})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("div",{children:[a.jsx(jo,{children:a.jsx(An,{_label:"Whole number",_step:1,_value:o??i,_on:{onKeyDown:RC,onBlur:()=>{u(!0)},onInput:(g,y)=>{const S=e.parse(y),$=S===""?void 0:Number(S);r($),s($)}}})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify({value:i,touched:d},null,2)})]}),a.jsxs("div",{children:[a.jsx(jo,{_on:{onSubmit:k},children:a.jsx(MC,{control:h.control,name:"currency",decimalScale:2,displayType:"input",rules:{required:"Please enter a currency amount."},_label:"Currency",_required:!0})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify(p,null,2)})]})]})]})}const UC={"input-number":{basic:V8,"number-formatter":IC}},C1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(En,{...o,_label:"Passwort (Black background test)"})}),a.jsx(En,{...o,ref:r,_accessKey:"P",_required:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"}),a.jsx(En,{...o,_disabled:!0,_msg:{_type:"error",_description:Ke},_label:"Passwort (Disabled)",_touched:!0}),a.jsx(En,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),a.jsx(En,{...o,ref:r,_shortKey:"c",_label:"With access key"}),a.jsx(En,{...o,ref:r,_shortKey:"s",_label:"With short key"})]})}),HC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password"}),a.jsx(C1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password (hideLabel)"}),a.jsx(C1,{ref:r,...o,_hideLabel:!0})]})]})}),FC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:HC,showButtons:!1})]}),KC=()=>{const e=j.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),a.jsxs(jo,{className:"w-full",children:[a.jsx(En,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),a.jsx(En,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),a.jsx(En,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},VC={"input-password":{basic:FC,"show-password":KC}},E1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ln,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),a.jsx(Ln,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),a.jsx(Ln,{...o,ref:r,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),a.jsx(Ln,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),a.jsx(Ln,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),a.jsx(Ln,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ke},_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:yo})]})}),qC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(me,{_level:2,_label:"Radio",className:"block mb-2"}),a.jsx(E1,{...o})]}),a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(me,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),a.jsx(E1,{ref:r,...o,_hideLabel:!0})]})]})}),ZC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:qC,showButtons:!1})]}),PC=()=>{const[e,o]=j.useState(!0),[r,i]=j.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(m=>!m)},u=()=>{i(m=>m==="horizontal"?"vertical":"horizontal")};return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"horizontal"})," and ",a.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),a.jsxs("div",{className:"flex gap-4",children:[a.jsx(Q,{_label:"Click me a few times",_on:{onClick:d}}),a.jsx(cn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:u},_variant:"switch"})]}),e&&a.jsx(jo,{children:a.jsxs("div",{className:"container my-4 d-grid gap-4",children:[a.jsx(Ln,{_label:`Test (${r})`,_options:s,_orientation:r,_required:!0}),a.jsx(Ln,{_hideLabel:!0,_label:`Test (${r})`,_options:s,_orientation:r,_required:!0})]})})]})},GC=()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(Z,{children:["This sample shows KolInputRadio with ",a.jsx("code",{children:"object"})," and ",a.jsx("code",{children:"undefined"})," values."]}),a.jsxs(jo,{children:[a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_value:e[1].value,_options:e,_label:"Test (with object value)"})}),a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_options:e,_label:"Test (without value)"})})]})]})},YC={"input-radio":{basic:ZC,horizontal:PC,object:GC}},L1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(no,{...o,_min:0,_max:50,_msg:{_type:"error",_description:Ke},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),a.jsx(no,{...o,ref:r,_accessKey:"F",_min:0,_max:50,_step:10,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Slider with error",_touched:!0}),a.jsx(no,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"}),a.jsx(no,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"}),a.jsx(no,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Slider"}),a.jsx(no,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),a.jsx(no,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),a.jsx(no,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),XC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range"}),a.jsx(L1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range (hideLabel)"}),a.jsx(L1,{ref:r,...o,_hideLabel:!0})]})]})}),WC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:XC,showButtons:!1})]}),QC={"input-range":{basic:WC}},$1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Be,{...o,_value:"Value",_label:"First name (Black background test)"})}),a.jsx(Be,{...o,_hint:yo,_msg:{_type:"error",_description:Ke},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:r}),a.jsx(Be,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:Ke},_touched:!0,_type:"url",_label:"URL (url)"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Be,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Be,{...o,_placeholder:"Placeholder",_label:"With counter",_maxLength:10,_value:"Lorem Ipsum"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (placeholder)"}),a.jsx(Be,{...o,_value:"Value",_readOnly:!0,_label:"First name (text)"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (placeholder, disabled)"}),a.jsx(Be,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Be,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),a.jsx(Be,{...o,_value:"Value",_label:"With short key",_shortKey:"s"})]})}),JC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx($1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx($1,{ref:r,...o,_hideLabel:!0})]})]})}),eE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:JC,showButtons:!1})]}),nE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample show KolInputText with expert slot."})}),a.jsx(Be,{_label:"",_type:"text",children:a.jsx("span",{slot:"expert",children:"I am more than just a input field"})})]}),oE=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"_hideMsg"})," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs."]})}),a.jsx(Ne,{_label:"Normal input field with error",_level:0,children:a.jsx(Be,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),a.jsx(Ne,{_label:"Input fields with hidden error",_level:0,children:a.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[a.jsx("legend",{children:"Combined input field"}),a.jsx(go,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),a.jsx(Be,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),a.jsx(Be,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})]})})]}),tE=()=>{const e=j.useRef(null);function o(){e.current?.focus(),e.current?.setSelectionStart(8)}function r(){e.current?.focus(),e.current?.setSelectionRange(2,5)}function i(){e.current?.focus(),e.current?.setRangeText("INSERTED",5,9,"select")}return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how to change the selection in a KolInputText."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Be,{_value:"Very long value",_label:"Text Input Label",ref:e}),a.jsx(Xe,{_label:"Set Start",onClick:o}),a.jsx(Xe,{_label:"Set Range",onClick:r}),a.jsx(Xe,{_label:"Set Range Text",onClick:i})]})]})},O1={_icons:"codicon codicon-info",_hideLabel:!0},rE={left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},aE=()=>{const e=Kr.getInstance(document),o={onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Be,{_label:"Input with button and icons",_type:"text",_smartButton:{...O1,_label:"Open Toast",_on:o},_icons:rE}),a.jsx(Be,{_label:"Disabled input with button and without icons",_disabled:!0,_type:"text",_smartButton:{...O1,_label:"Disabled Button"}})]})]})},lE=/[^a-zA-Z0-9]/g,iE=/(.{4})(?!$)/g;class cE{electronicFormat(o){return o.replace(lE,"").toUpperCase()}printFormat(o,r){return this.electronicFormat(o).replace(iE,"$1"+(r||" "))}parse(o){return this.electronicFormat(o)}format(o,r,i){const s=r?.setSelectionStart;return i&&s&&(i%5===0&&i++,s(i)),this.printFormat(o)}}function sE({formatter:e,selectionStartRef:o,_on:r,_value:i,...s}){const d=j.useRef(null),u=r&&typeof r=="object"?r:void 0,m=o,h=d.current,p=m.current,k=e;return a.jsx(Be,{...s,ref:d,_value:k.format(i??"",h,p),_on:{...u,onInput:(g,y)=>{const S=d.current?.selectionStart;S?.().then(A=>{m.current=A??null});const $=k.parse(typeof y=="string"?y:"");u?.onInput?.(g,$)}}})}function dE(e){const{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,formatter:m,selectionStartRef:h,...p}=e;return a.jsx(Wx,{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,render:({field:k,fieldState:g})=>{const y=p._on;return a.jsx(sE,{...p,formatter:m,selectionStartRef:h,_value:k.value,_touched:g.isTouched,_msg:g.error?{_type:"error",_description:g.error.message||String(g.error)}:void 0,_on:{onInput:(S,$)=>{k.onChange($),y?.onInput?.(S,$)},onBlur:()=>k.onBlur()}})}})}function fE(){const e=j.useMemo(()=>new cE,[]),o=j.useRef(null),i=od({defaultValues:{iban:"DE89370400440532013000"},mode:"onTouched"}),s=i.watch(),d=u=>{i.handleSubmit(async()=>{})(u)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates formatting a data value in an input field (example IBAN). The data value is formatted to the input field (print format) and vice versa the formatting is removed again (machine format)"})}),a.jsx("section",{className:"w-full",children:a.jsxs("div",{children:[a.jsx(jo,{_on:{onSubmit:d},children:a.jsx(dE,{control:i.control,name:"iban",id:"field-iban",formatter:e,selectionStartRef:o,rules:{required:"Please enter an IBAN."},_label:"IBAN",_required:!0})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify(s,null,2)})]})})]})}const uE={"input-text":{basic:eE,"hide-msg":oE,"text-formatter":fE,"smart-button":aE,"expert-slot":nE,"select-range":tE}},bE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color."})}),a.jsx(me,{class:"block",_level:3,_label:"Regular"}),a.jsx(ws,{class:"block",style:{width:300}}),a.jsx(me,{class:"block",_level:3,_label:"Without Label"}),a.jsx(ws,{class:"block",style:{width:300},_labeled:!1}),a.jsx(me,{class:"block",_level:3,_label:"Customized color"}),a.jsx(ws,{class:"block",style:{width:300},_color:"#cc006e"})]}),mE={kolibri:{basic:bE}},hE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLinkButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(en,{_href:"#/back-page",_label:"Link Button Text without area description"}),a.jsx(en,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})]})]}),fa={_href:"#/back-page"},pE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(en,{_label:"Primary",_variant:"primary",...fa}),a.jsx(en,{_label:"Secondary",_variant:"secondary",...fa}),a.jsx(en,{_label:"Normal",_variant:"normal",...fa}),a.jsx(en,{_label:"Danger",_variant:"danger",...fa}),a.jsx(en,{_label:"Ghost",_variant:"ghost",...fa}),a.jsx(en,{_label:"Access Key",_variant:"primary",_accessKey:"c",...fa}),a.jsx(en,{_label:"Short Key",_variant:"primary",_shortKey:"s",...fa})]})]}),vE={"link-button":{basic:pE,"aria-description":hE}},kE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),a.jsx(ze,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),a.jsx(ze,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"})]})]}),gE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"Link Text without aria description"}),a.jsx(ze,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"})]})]}),_E=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolLink renders a link. This sample shows disabled links, links with hidden label, the boolean _inline property and links with different CSS"," ",a.jsx("code",{children:"display"}),"-properties."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_inline:!1,_label:"Simple Link"}),a.jsx(ze,{_disabled:!0,_href:"#/back-page",_inline:!1,_label:"Simple Link (disabled)"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_inline:!1,_label:"Icon Link"}),a.jsx(ze,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_inline:!1,_label:"Icon Link (disabled)"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(ze,{_href:"#/back-page",_label:"Simple Link"})," It is rendered by default as a ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element."," ",a.jsx(ze,{class:"d-inline-block",_accessKey:"S",_href:"#/back-page",_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element. ",a.jsx(ze,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."]})]})]}),yE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with icons in different alignments and combinations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),a.jsx(ze,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),a.jsx(ze,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),a.jsx(ze,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),a.jsx(ze,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons",_href:"#/back-page"}),a.jsx(ze,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),a.jsx(ze,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),a.jsx(ze,{_icons:{top:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with an icon at the top",_target:"_blank"}),a.jsx(ze,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),a.jsx(ze,{_href:"https://public-ui.github.io/",_label:"I am a external link with all icons",_target:"_blank",_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"}})]})]}),xE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),a.jsx(ze,{_href:"#/back-page",_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),wE=()=>{const e=Ws(),o={onClick:r=>{r.preventDefault(),e("/back-page")}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolLink works with react-router. Primary click uses preventDefault() and navigate(...), while right click open in new tab still follows _href. Make sure _href and navigate(...) point to the same path."})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(ze,{_href:"/back-page",_inline:!1,_label:"Go to overview",_on:o})})]})},zE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),a.jsx(ze,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),a.jsx(ze,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})]})]}),jE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolLink with different ",a.jsx("code",{children:"_target"}),"-properties."]})}),a.jsx("div",{className:"text-base d-flex gap-4",children:a.jsxs("ul",{children:[a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link without target"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"})})]})})]}),SE={link:{basic:_E,icons:yE,image:xE,target:jE,"aria-description":gE,"access-key":kE,"short-key":zE,"react-router":wE}},TE=()=>{const[e]=Fr(),o=e.get("show-modal"),r=j.useRef(null),i=j.useRef(null),s={onClick:()=>r.current?.openModal()},d={onClick:()=>i.current?.openModal()},u={onClick:()=>r.current?.closeModal()};return j.useEffect(()=>{o==="true"&&(r.current?.openModal(),i.current?.openModal())},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolModal supports the variants ",a.jsx("code",{children:"blank"})," and ",a.jsx("code",{children:"card"}),". The card variant includes a ",a.jsx("code",{children:"KolCard"})," container and a closer button."]})}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{children:[a.jsx(Q,{_label:"Open blank modal",_on:s}),a.jsx(Kk,{ref:r,_label:"Blank modal",_variant:"blank",_width:"40%",children:a.jsxs("div",{className:"bg-white p-4 rounded shadow",children:[a.jsx("p",{className:"mt-0",children:"You must add styling and a close button yourself."}),a.jsx(Q,{_label:"Open card modal",className:"mr",_on:d}),a.jsx(Q,{_label:"Close",_on:u})]})})]}),a.jsxs("div",{children:[a.jsx(Q,{_label:"Open card modal",_on:d}),a.jsx(Kk,{ref:i,_label:"Card modal",_variant:"card",_width:"30%",children:a.jsx("p",{className:"mt-0",children:"This variant wraps content inside a KolCard."})})]})]})]})},AE={modal:{basic:TE}},CE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolNav with a link to the current page. This makes the component automatically assign ",a.jsx("code",{children:'aria-current="page"'}),"to it."]})}),a.jsx(yl,{class:"block w-sm",_label:"Main navigation",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Nav - aria-current (Current page)",_href:"#/nav/aria-current",_active:!0}]})]}),u0=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_href:"#/back-page",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]},{_label:"4 Navigation point with children and onClick",_children:[{_label:"4.1 Nested link",_href:"#/back-page"}],_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0,_children:[{_label:"5.1 Nested link",_href:"#/back-page"}]},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel",_children:[{_label:"6.1 Nested link",_href:"#/back-page"}]}],EE=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home"},{_label:"4 Navigation point with children and onClick",_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel"}],LE=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page",_active:!0},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]}],$E=()=>{const[e,o]=j.useState(!1);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels."})}),a.jsxs("section",{className:"grid gap-8",children:[a.jsx("section",{children:a.jsx(cn,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(r,i)=>{o(i)}}})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation without submenu"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation without submenu",_links:EE,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation with submenu"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation with submenu",_links:u0,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation with submenu active"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation with submenu active",_links:LE,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]})]})]})},OE={nav:{basic:$E,"aria-current":CE}},NE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(yi,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),a.jsx(yi,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),a.jsx(yi,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),a.jsx(yi,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),a.jsx(yi,{_max:400,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 5",_on:{},_pageSizeOptions:[10,100]})]})]}),BE={pagination:{basic:NE}},RE=()=>{const{dummyClickEventHandler:e}=Mn(),o=Ee.useRef(null),r={onClick:e},i=[{_label:"Edit",_icons:"codicon codicon-edit",_on:r},{_label:"Delete",_icons:"codicon codicon-trash",_on:r},{_label:"Duplicate",_icons:"codicon codicon-copy",_on:r}];return j.useEffect(()=>{o.current&&(o.current.showPopover(),o.current.kolFocus())},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the ",a.jsx("code",{children:"_popoverAlign"})," prop."]})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(cb,{_label:"Actions",_variant:"primary",_icons:{right:"codicon codicon-chevron-down"},ref:o,children:a.jsx(pa,{_label:"Action toolbar",_items:i,_orientation:"vertical"})}),a.jsx(cb,{_label:"Help",_icons:"codicon codicon-info",_popoverAlign:"right",_tooltipAlign:"bottom",_hideLabel:!0,children:a.jsxs("div",{className:"w-sm p-2 border border-solid border-gray",children:[a.jsx(me,{_label:"Help Information",_level:0}),a.jsxs("p",{children:[a.jsx("u",{children:"Lorem ipsum dolor sit amet"}),", consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae."]})]})})]})]})},DE={"popover-button":{basic:RE}},ME=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.'})}),a.jsxs("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2",children:[a.jsxs("fieldset",{title:"Percentages",className:"flex flex-col gap-4",children:[a.jsx(er,{_variant:"bar",_max:7,_value:0}),a.jsx(er,{_variant:"bar",_max:7,_value:2}),a.jsx(er,{_variant:"bar",_max:7,_value:7}),a.jsx(er,{_variant:"cycle",_max:7,_value:6})]}),a.jsxs("fieldset",{title:"Custom units",className:"flex flex-col gap-4",children:[a.jsx(er,{_label:"Distance",_variant:"bar",_max:65434,_value:7236,_unit:"m"}),a.jsx(er,{_label:"12 Tasks to do",_variant:"bar",_max:12,_value:5,_unit:"tasks completed"}),a.jsx(er,{_label:"Max 150 kg",_variant:"cycle",_max:150,_value:42,_unit:"kg"})]})]})]}),IE={progress:{basic:ME}},UE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.'})}),a.jsx(zy,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})]}),HE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows a quote in the "block" variant.'})}),a.jsx(zy,{_label:"RFC 1149",_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:`Avian carriers can provide high delay, low throughput, and low altitude
+    `),d=!1),Object.assign(Object.assign({},e),{allowNegative:d})}function $C(e){e=LC(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var o=e.suffix,r=e.allowNegative,i=e.allowLeadingZeros,s=e.onKeyDown;s===void 0&&(s=Mr);var d=e.onBlur;d===void 0&&(d=Mr);var u=e.thousandSeparator,m=e.decimalScale,h=e.fixedDecimalScale,p=e.prefix;p===void 0&&(p="");var k=e.defaultValue,g=e.value,y=e.valueIsNumericString,S=e.onValueChange,$=a0(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),A=td(e),N=A.decimalSeparator,E=A.allowedDecimalSeparators,x=function(R){return A1(R,e)},z=function(R,G){return CC(R,G,e)},B=xl(g)?k:g,I=y??AC(B,p,o);xl(g)?xl(k)||(I=I||typeof k=="number"):I=I||typeof g=="number";var K=function(R){return l0(R)?R:(typeof R=="number"&&(R=s0(R)),I&&typeof m=="number"?S1(R,m,!!h):R)},U=f0(K(g),K(k),!!I,x,z,S),le=U[0],ce=le.numAsString,Re=le.formattedValue,ie=U[1],re=function(R){var G=R.target,de=R.key,we=G.selectionStart,Ce=G.selectionEnd,_=G.value;if(_===void 0&&(_=""),(de==="Backspace"||de==="Delete")&&Ce<p.length){R.preventDefault();return}if(we!==Ce){s(R);return}de==="Backspace"&&_[0]==="-"&&we===p.length+1&&r&&ba(G,1),m&&h&&(de==="Backspace"&&_[we-1]===N?(ba(G,we-1),R.preventDefault()):de==="Delete"&&_[we]===N&&R.preventDefault()),E?.includes(de)&&_[we]===N&&ba(G,we+1);var L=u===!0?",":u;de==="Backspace"&&_[we-1]===L&&ba(G,we-1),de==="Delete"&&_[we]===L&&ba(G,we+1),s(R)},xe=function(R){var G=ce;if(G.match(/\d/g)||(G=""),i||(G=hC(G)),h&&m&&(G=S1(G,m,h)),G!==ce){var de=A1(G,e);ie({formattedValue:de,value:G,floatValue:parseFloat(G)},{event:R,source:Ki.event})}d(R)},$e=function(R){return R===N?!0:Vi(R)},Ve=function(R){var G=R.currentValue,de=R.lastValue,we=R.formattedValue,Ce=R.currentValueIndex,_=R.formattedValueIndex,L=G[Ce],Y=we[_],ne=d0(de,G),se=ne.to,ue=function(ge){return z(ge).indexOf(".")+p.length};return g===0&&h&&m&&G[se.start]===N&&ue(G)<Ce&&ue(we)>_?!1:Ce>=se.start&&Ce<se.end&&E&&E.includes(L)&&Y===N?!0:L===Y};return Object.assign(Object.assign({},$),{value:Re,valueIsNumericString:!1,isValidInputCharacter:$e,isCharacterSame:Ve,onValueChange:ie,format:x,removeFormatting:z,getCaretBoundary:function(R){return EC(R,e)},onKeyDown:re,onBlur:xe})}function OC(e){var o=$C(e);return Ee.createElement(jC,Object.assign({},o))}class NC{parse(o){return o==null||o===""?"":String(o).replace(/[eE.,]/g,"").replace(/\d[+-]/g,"")}}const BC=/[.,+eE]/,RC=e=>{e.key.length===1&&!e.ctrlKey&&!e.metaKey&&BC.test(e.key)&&e.preventDefault()};function DC({_label:e,_msg:o,_touched:r,_on:i,_required:s,value:d,thousandSeparator:u=!0,suffix:m="€",...h}){const p=i&&typeof i=="object"?i:void 0;return a.jsx(OC,{...h,value:d,suffix:m,thousandSeparator:u,valueIsNumericString:!1,customInput:k=>{const g=k.value;return a.jsx(Be,{...k,_value:g,_label:e,_msg:o,_touched:r,_required:s,_on:{onBlur:k.onBlur,onChange:k.onChange,onFocus:k.onFocus,onInput:k.onInput}})},onValueChange:k=>{const g=new Event("input");p?.onInput?.(g,k.floatValue)},onBlur:k=>{p?.onBlur?.(k.nativeEvent)}})}function MC(e){const{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,_label:m,_required:h,...p}=e;return a.jsx(Wx,{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,render:({field:k,fieldState:g})=>{const y=p._on;return a.jsx(DC,{...p,_label:m,_required:h,value:k.value,_touched:g.isTouched,_msg:g.error?{_type:"error",_description:g.error.message||String(g.error)}:void 0,_on:{onInput:(S,$)=>{k.onChange($),y?.onInput?.(S,$)},onBlur:()=>k.onBlur()}})}})}function IC(){const e=new NC,[o,r]=Ee.useState(void 0),[i,s]=Ee.useState(-128),[d,u]=Ee.useState(!1),h=od({defaultValues:{currency:1e6},mode:"onTouched"}),p=h.watch(),k=g=>{h.handleSubmit(async()=>{})(g)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates formatting number input. The first example shows whole number formatting where decimal separators (. and ,) and scientific notation (e) are automatically removed on input. The second example shows currency formatting with react-number-format in a react-hook-form context."})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("div",{children:[a.jsx(jo,{children:a.jsx(An,{_label:"Whole number",_step:1,_value:o??i,_on:{onKeyDown:RC,onBlur:()=>{u(!0)},onInput:(g,y)=>{const S=e.parse(y),$=S===""?void 0:Number(S);r($),s($)}}})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify({value:i,touched:d},null,2)})]}),a.jsxs("div",{children:[a.jsx(jo,{_on:{onSubmit:k},children:a.jsx(MC,{control:h.control,name:"currency",decimalScale:2,displayType:"input",rules:{required:"Please enter a currency amount."},_label:"Currency",_required:!0})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify(p,null,2)})]})]})]})}const UC={"input-number":{basic:V8,"number-formatter":IC}},C1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(En,{...o,_label:"Passwort (Black background test)"})}),a.jsx(En,{...o,ref:r,_accessKey:"P",_required:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"}),a.jsx(En,{...o,_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"}),a.jsx(En,{...o,_disabled:!0,_msg:{_type:"error",_description:Ke},_label:"Passwort (Disabled)",_touched:!0}),a.jsx(En,{...o,_readOnly:!0,_label:"Passwort (Readonly)"}),a.jsx(En,{...o,ref:r,_shortKey:"c",_label:"With access key"}),a.jsx(En,{...o,ref:r,_shortKey:"s",_label:"With short key"})]})}),HC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password"}),a.jsx(C1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Password (hideLabel)"}),a.jsx(C1,{ref:r,...o,_hideLabel:!0})]})]})}),FC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:HC,showButtons:!1})]}),KC=()=>{const e=j.useRef(null);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),a.jsxs(jo,{className:"w-full",children:[a.jsx(En,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),a.jsx(En,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),a.jsx(En,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},VC={"input-password":{basic:FC,"show-password":KC}},E1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Ln,{...o,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),a.jsx(Ln,{...o,_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"}),a.jsx(Ln,{...o,ref:r,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),a.jsx(Ln,{...o,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ke},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),a.jsx(Ln,{...o,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),a.jsx(Ln,{...o,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ke},_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:yo})]})}),qC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(me,{_level:2,_label:"Radio",className:"block mb-2"}),a.jsx(E1,{...o})]}),a.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[a.jsx(me,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),a.jsx(E1,{ref:r,...o,_hideLabel:!0})]})]})}),ZC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:qC,showButtons:!1})]}),PC=()=>{const[e,o]=j.useState(!0),[r,i]=j.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],d=()=>{o(m=>!m)},u=()=>{i(m=>m==="horizontal"?"vertical":"horizontal")};return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"horizontal"})," and ",a.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),a.jsxs("div",{className:"flex gap-4",children:[a.jsx(Q,{_label:"Click me a few times",_on:{onClick:d}}),a.jsx(cn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:u},_variant:"switch"})]}),e&&a.jsx(jo,{children:a.jsxs("div",{className:"container my-4 d-grid gap-4",children:[a.jsx(Ln,{_label:`Test (${r})`,_options:s,_orientation:r,_required:!0}),a.jsx(Ln,{_hideLabel:!0,_label:`Test (${r})`,_options:s,_orientation:r,_required:!0})]})})]})},GC=()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(Z,{children:["This sample shows KolInputRadio with ",a.jsx("code",{children:"object"})," and ",a.jsx("code",{children:"undefined"})," values."]}),a.jsxs(jo,{children:[a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_value:e[1].value,_options:e,_label:"Test (with object value)"})}),a.jsxs("p",{children:["In this example for ",a.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),a.jsx("div",{className:"container my-4 d-grid gap-4",children:a.jsx(Ln,{_options:e,_label:"Test (without value)"})})]})]})},YC={"input-radio":{basic:ZC,horizontal:PC,object:GC}},L1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(no,{...o,_min:0,_max:50,_msg:{_type:"error",_description:Ke},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),a.jsx(no,{...o,ref:r,_accessKey:"F",_min:0,_max:50,_step:10,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Slider with error",_touched:!0}),a.jsx(no,{...o,_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"}),a.jsx(no,{...o,_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"}),a.jsx(no,{...o,_msg:{_type:"success",_description:"Success message"},_label:"Slider"}),a.jsx(no,{...o,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),a.jsx(no,{...o,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),a.jsx(no,{...o,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),XC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range"}),a.jsx(L1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Range (hideLabel)"}),a.jsx(L1,{ref:r,...o,_hideLabel:!0})]})]})}),WC=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:XC,showButtons:!1})]}),QC={"input-range":{basic:WC}},$1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(Be,{...o,_value:"Value",_label:"First name (Black background test)"})}),a.jsx(Be,{...o,_hint:yo,_msg:{_type:"error",_description:Ke},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:r}),a.jsx(Be,{...o,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_msg:{_type:"error",_description:Ke},_touched:!0,_type:"url",_label:"URL (url)"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(Be,{...o,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),a.jsx(Be,{...o,_placeholder:"Placeholder",_label:"With counter",_maxLength:10,_value:"Lorem Ipsum"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (placeholder)"}),a.jsx(Be,{...o,_value:"Value",_readOnly:!0,_label:"First name (text)"}),a.jsx(Be,{...o,_placeholder:"Placeholder",_disabled:!0,_label:"First name (placeholder, disabled)"}),a.jsx(Be,{...o,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),a.jsx(Be,{...o,_value:"Value",_label:"With access key",_accessKey:"c"}),a.jsx(Be,{...o,_value:"Value",_label:"With short key",_shortKey:"s"})]})}),JC=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx($1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx($1,{ref:r,...o,_hideLabel:!0})]})]})}),eE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:JC,showButtons:!1})]}),nE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample show KolInputText with expert slot."})}),a.jsx(Be,{_label:"",_type:"text",children:a.jsx("span",{slot:"expert",children:"I am more than just a input field"})})]}),oE=()=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows the ",a.jsx("code",{children:"_hideMsg"})," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs."]})}),a.jsx(Ne,{_label:"Normal input field with error",_level:0,children:a.jsx(Be,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),a.jsx(Ne,{_label:"Input fields with hidden error",_level:0,children:a.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[a.jsx("legend",{children:"Combined input field"}),a.jsx(go,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),a.jsx(Be,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),a.jsx(Be,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})]})})]}),tE=()=>{const e=j.useRef(null);function o(){e.current?.focus(),e.current?.setSelectionStart(8)}function r(){e.current?.focus(),e.current?.setSelectionRange(2,5)}function i(){e.current?.focus(),e.current?.setRangeText("INSERTED",5,9,"select")}return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how to change the selection in a KolInputText."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Be,{_value:"Very long value",_label:"Text Input Label",ref:e}),a.jsx(Xe,{_label:"Set Start",onClick:o}),a.jsx(Xe,{_label:"Set Range",onClick:r}),a.jsx(Xe,{_label:"Set Range Text",onClick:i})]})]})},O1={_icons:"codicon codicon-info",_hideLabel:!0},rE={left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},aE=()=>{const e=Kr.getInstance(document),o={onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Be,{_label:"Input with button and icons",_type:"text",_smartButton:{...O1,_label:"Open Toast",_on:o},_icons:rE}),a.jsx(Be,{_label:"Disabled input with button and without icons",_disabled:!0,_type:"text",_smartButton:{...O1,_label:"Disabled Button"}})]})]})},lE=/[^a-zA-Z0-9]/g,iE=/(.{4})(?!$)/g;class cE{electronicFormat(o){return o.replace(lE,"").toUpperCase()}printFormat(o,r){return this.electronicFormat(o).replace(iE,"$1"+(r||" "))}parse(o){return this.electronicFormat(o)}format(o,r,i){const s=r?.setSelectionStart;return i&&s&&(i%5===0&&i++,s(i)),this.printFormat(o)}}function sE({formatter:e,selectionStartRef:o,_on:r,_value:i,...s}){const d=j.useRef(null),u=r&&typeof r=="object"?r:void 0,m=o,h=d.current,p=m.current,k=e;return a.jsx(Be,{...s,ref:d,_value:k.format(i??"",h,p),_on:{...u,onInput:(g,y)=>{const S=d.current?.selectionStart;S?.().then(A=>{m.current=A??null});const $=k.parse(typeof y=="string"?y:"");u?.onInput?.(g,$)}}})}function dE(e){const{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,formatter:m,selectionStartRef:h,...p}=e;return a.jsx(Wx,{name:o,control:r,rules:i,defaultValue:s,shouldUnregister:d,disabled:u,render:({field:k,fieldState:g})=>{const y=p._on;return a.jsx(sE,{...p,formatter:m,selectionStartRef:h,_value:k.value,_touched:g.isTouched,_msg:g.error?{_type:"error",_description:g.error.message||String(g.error)}:void 0,_on:{onInput:(S,$)=>{k.onChange($),y?.onInput?.(S,$)},onBlur:()=>k.onBlur()}})}})}function fE(){const e=j.useMemo(()=>new cE,[]),o=j.useRef(null),i=od({defaultValues:{iban:"DE89370400440532013000"},mode:"onTouched"}),s=i.watch(),d=u=>{i.handleSubmit(async()=>{})(u)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates formatting a data value in an input field (example IBAN). The data value is formatted to the input field (print format) and vice versa the formatting is removed again (machine format)"})}),a.jsx("section",{className:"w-full",children:a.jsxs("div",{children:[a.jsx(jo,{_on:{onSubmit:d},children:a.jsx(dE,{control:i.control,name:"iban",id:"field-iban",formatter:e,selectionStartRef:o,rules:{required:"Please enter an IBAN."},_label:"IBAN",_required:!0})}),a.jsx("pre",{className:"text-base mt-2",children:JSON.stringify(s,null,2)})]})})]})}const uE={"input-text":{basic:eE,"hide-msg":oE,"text-formatter":fE,"smart-button":aE,"expert-slot":nE,"select-range":tE}},bE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color."})}),a.jsx(me,{class:"block",_level:3,_label:"Regular"}),a.jsx(ws,{class:"block",style:{width:300}}),a.jsx(me,{class:"block",_level:3,_label:"Without Label"}),a.jsx(ws,{class:"block",style:{width:300},_labeled:!1}),a.jsx(me,{class:"block",_level:3,_label:"Customized color"}),a.jsx(ws,{class:"block",style:{width:300},_color:"#cc006e"})]}),mE={kolibri:{basic:bE}},hE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLinkButton with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(en,{_href:"#/back-page",_label:"Link Button Text without area description"}),a.jsx(en,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})]})]}),fa={_href:"#/back-page"},pE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants."})}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(en,{_label:"Primary",_variant:"primary",...fa}),a.jsx(en,{_label:"Secondary",_variant:"secondary",...fa}),a.jsx(en,{_label:"Normal",_variant:"normal",...fa}),a.jsx(en,{_label:"Danger",_variant:"danger",...fa}),a.jsx(en,{_label:"Ghost",_variant:"ghost",...fa}),a.jsx(en,{_label:"Access Key",_variant:"primary",_accessKey:"c",...fa}),a.jsx(en,{_label:"Short Key",_variant:"primary",_shortKey:"s",...fa})]})]}),vE={"link-button":{basic:pE,"aria-description":hE}},kE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),a.jsx(ze,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),a.jsx(ze,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"})]})]}),gE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with aria-description"})}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"Link Text without aria description"}),a.jsx(ze,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"})]})]}),_E=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolLink renders a link. This sample shows disabled links, links with hidden label, the boolean _inline property and links with different CSS"," ",a.jsx("code",{children:"display"}),"-properties."]})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_inline:!1,_label:"Simple Link"}),a.jsx(ze,{_disabled:!0,_href:"#/back-page",_inline:!1,_label:"Simple Link (disabled)"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_inline:!1,_label:"Icon Link"}),a.jsx(ze,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_inline:!1,_label:"Icon Link (disabled)"}),a.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",a.jsx(ze,{_href:"#/back-page",_label:"Simple Link"})," It is rendered by default as a ",a.jsx("strong",{children:"inline element"}),"."]}),a.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element."," ",a.jsx(ze,{class:"d-inline-block",_accessKey:"S",_href:"#/back-page",_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",a.jsx("br",{}),a.jsx("br",{}),"After that, there is a link that is rendered as a block element. ",a.jsx(ze,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."]})]})]}),yE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolLink with icons in different alignments and combinations."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),a.jsx(ze,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),a.jsx(ze,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),a.jsx(ze,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),a.jsx(ze,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons",_href:"#/back-page"}),a.jsx(ze,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),a.jsx(ze,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),a.jsx(ze,{_icons:{top:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with an icon at the top",_target:"_blank"}),a.jsx(ze,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),a.jsx(ze,{_href:"https://public-ui.github.io/",_label:"I am a external link with all icons",_target:"_blank",_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"}})]})]}),xE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),a.jsx(ze,{_href:"#/back-page",_label:"",children:a.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),wE=()=>{const e=Ws(),o={onClick:r=>{r.preventDefault(),e("/back-page")}};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolLink works with react-router. Primary click uses preventDefault() and navigate(...), while right click open in new tab still follows _href. Make sure _href and navigate(...) point to the same path."})}),a.jsx("div",{className:"grid gap-4",children:a.jsx(ze,{_href:"/back-page",_inline:!1,_label:"Go to overview",_on:o})})]})},zE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ze,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),a.jsx(ze,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),a.jsx(ze,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),a.jsx(ze,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})]})]}),jE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolLink with different ",a.jsx("code",{children:"_target"}),"-properties."]})}),a.jsx("div",{className:"text-base d-flex gap-4",children:a.jsxs("ul",{children:[a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link without target"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})}),a.jsx("li",{children:a.jsx(ze,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"})})]})})]}),SE={link:{basic:_E,icons:yE,image:xE,target:jE,"aria-description":gE,"access-key":kE,"short-key":zE,"react-router":wE}},TE=()=>{const[e]=Fr(),o=e.get("show-modal"),r=j.useRef(null),i=j.useRef(null),s={onClick:()=>r.current?.openModal()},d={onClick:()=>i.current?.openModal()},u={onClick:()=>r.current?.closeModal()};return j.useEffect(()=>{o==="true"&&(r.current?.openModal(),i.current?.openModal())},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["KolModal supports the variants ",a.jsx("code",{children:"blank"})," and ",a.jsx("code",{children:"card"}),". The card variant includes a ",a.jsx("code",{children:"KolCard"})," container and a closer button."]})}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{children:[a.jsx(Q,{_label:"Open blank modal",_on:s}),a.jsx(Kk,{ref:r,_label:"Blank modal",_variant:"blank",_width:"40%",children:a.jsxs("div",{className:"bg-white p-4 rounded shadow",children:[a.jsx("p",{className:"mt-0",children:"You must add styling and a close button yourself."}),a.jsx(Q,{_label:"Open card modal",className:"mr",_on:d}),a.jsx(Q,{_label:"Close",_on:u})]})})]}),a.jsxs("div",{children:[a.jsx(Q,{_label:"Open card modal",_on:d}),a.jsx(Kk,{ref:i,_label:"Card modal",_variant:"card",_width:"30%",children:a.jsx("p",{className:"mt-0",children:"This variant wraps content inside a KolCard."})})]})]})]})},AE={modal:{basic:TE}},CE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolNav with a link to the current page. This makes the component automatically assign ",a.jsx("code",{children:'aria-current="page"'}),"to it."]})}),a.jsx(yl,{class:"block w-sm",_label:"Main navigation",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Nav - aria-current (Current page)",_href:"#/nav/aria-current",_active:!0}]})]}),u0=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_href:"#/back-page",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]},{_label:"4 Navigation point with children and onClick",_children:[{_label:"4.1 Nested link",_href:"#/back-page"}],_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0,_children:[{_label:"5.1 Nested link",_href:"#/back-page"}]},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel",_children:[{_label:"6.1 Nested link",_href:"#/back-page"}]}],EE=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home"},{_label:"4 Navigation point with children and onClick",_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel"}],LE=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page",_active:!0},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]}],$E=()=>{const[e,o]=j.useState(!1);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels."})}),a.jsxs("section",{className:"grid gap-8",children:[a.jsx("section",{children:a.jsx(cn,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(r,i)=>{o(i)}}})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation without submenu"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation without submenu",_links:EE,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation with submenu"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation with submenu",_links:u0,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Navigation with submenu active"}),a.jsx(yl,{class:"block w-fit",_label:"Navigation with submenu active",_links:LE,_hasCompactButton:!0,_hasIconsWhenExpanded:e})]})]})]})},OE={nav:{basic:$E,"aria-current":CE}},NE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size."})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(yi,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),a.jsx(yi,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),a.jsx(yi,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),a.jsx(yi,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),a.jsx(yi,{_max:400,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 5",_on:{},_pageSizeOptions:[10,100]})]})]}),BE={pagination:{basic:NE}},RE=()=>{const{dummyClickEventHandler:e}=Mn(),o=Ee.useRef(null),r={onClick:e},i=[{_label:"Edit",_icons:"codicon codicon-edit",_on:r},{_label:"Delete",_icons:"codicon codicon-trash",_on:r},{_label:"Duplicate",_icons:"codicon codicon-copy",_on:r}];return j.useEffect(()=>{o.current&&(o.current.showPopover(),o.current.focus())},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the ",a.jsx("code",{children:"_popoverAlign"})," prop."]})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(cb,{_label:"Actions",_variant:"primary",_icons:{right:"codicon codicon-chevron-down"},ref:o,children:a.jsx(pa,{_label:"Action toolbar",_items:i,_orientation:"vertical"})}),a.jsx(cb,{_label:"Help",_icons:"codicon codicon-info",_popoverAlign:"right",_tooltipAlign:"bottom",_hideLabel:!0,children:a.jsxs("div",{className:"w-sm p-2 border border-solid border-gray",children:[a.jsx(me,{_label:"Help Information",_level:0}),a.jsxs("p",{children:[a.jsx("u",{children:"Lorem ipsum dolor sit amet"}),", consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae."]})]})})]})]})},DE={"popover-button":{basic:RE}},ME=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.'})}),a.jsxs("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2",children:[a.jsxs("fieldset",{title:"Percentages",className:"flex flex-col gap-4",children:[a.jsx(er,{_variant:"bar",_max:7,_value:0}),a.jsx(er,{_variant:"bar",_max:7,_value:2}),a.jsx(er,{_variant:"bar",_max:7,_value:7}),a.jsx(er,{_variant:"cycle",_max:7,_value:6})]}),a.jsxs("fieldset",{title:"Custom units",className:"flex flex-col gap-4",children:[a.jsx(er,{_label:"Distance",_variant:"bar",_max:65434,_value:7236,_unit:"m"}),a.jsx(er,{_label:"12 Tasks to do",_variant:"bar",_max:12,_value:5,_unit:"tasks completed"}),a.jsx(er,{_label:"Max 150 kg",_variant:"cycle",_max:150,_value:42,_unit:"kg"})]})]})]}),IE={progress:{basic:ME}},UE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.'})}),a.jsx(zy,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})]}),HE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows a quote in the "block" variant.'})}),a.jsx(zy,{_label:"RFC 1149",_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:`Avian carriers can provide high delay, low throughput, and low altitude
 								service. The connection topology is limited to a single point-to-point path
 								for each carrier, used with standard carriers, but many carriers can be used
 								without significant interference with each other, outside early spring.
 								This is because of the 3D ether space available to the carriers, in contrast
 								to the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
-								avoidance system, which increases availability.`,_variant:"block"})]}),FE={quote:{basic:UE,block:HE}},$i=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],KE=$i.map((e,o)=>o===0?{label:"Select salutation",value:"",disabled:!0}:e),VE=Qo.reduce((e,o)=>{const r=o.label.charAt(0).toUpperCase();return e[r]||(e[r]={label:r,options:[]}),e[r].options.push({label:o.label,value:o.label}),e},{}),N1=Object.values(VE),B1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xn,{...o,ref:r,_accessKey:"a",_options:$i,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Xn,{...o,_options:$i,_label:"Disabled",_disabled:!0}),a.jsx(Xn,{...o,_options:KE,_label:"Salutation with error",_msg:{_type:"error",_description:Ke},_touched:!0}),a.jsx(Xn,{...o,_options:Qo,_label:"Multiple choice",_multiple:!0}),a.jsx(Xn,{...o,_options:Qo,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Ke},_hint:yo,_touched:!0}),a.jsx(Xn,{...o,_options:$i,_label:"With access key",_accessKey:"c"}),a.jsx(Xn,{...o,_options:$i,_label:"With short key",_shortKey:"s"}),a.jsx(Xn,{...o,_options:N1,_label:"With grouped by first letter",_value:"Albanien"}),a.jsx(Xn,{...o,_options:N1,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})]})}),qE=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(B1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(B1,{ref:r,...o,_hideLabel:!0})]})]})}),ZE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:qE,showButtons:!1})]}),R1={select:{basic:ZE}},PE=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}],D1=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(bo,{...e,_hint:yo,_label:"Label",_options:Qo,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),a.jsx(bo,{...e,_label:"Disabled",_options:Qo,_value:"de",_disabled:!0}),a.jsx(bo,{...e,_options:Qo,_msg:{_type:"error",_description:Ke},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(bo,{...e,_label:"With access key",_options:Qo,_value:"de",_accessKey:"c"}),a.jsx(bo,{...e,_label:"With short key",_options:Qo,_value:"de",_shortKey:"s"}),a.jsx(bo,{...e,_label:"With long labels",_options:PE,_placeholder:"Placeholder"}),a.jsx(bo,{...e,_label:"With hidden clear button",_options:Qo,_value:"de",_hideClearButton:!0}),a.jsx(bo,{...e,_hint:yo,_label:"With disabled options",_options:[{value:"bw",label:"Baden-Württemberg"},{value:"by",label:"Bayern",disabled:!0},{value:"be",label:"Berlin"},{value:"bb",label:"Brandenburg"},{value:"hb",label:"Bremen"},{value:"hh",label:"Hamburg"},{value:"he",label:"Hessen"},{value:"mv",label:"Mecklenburg-Vorpommern",disabled:!0},{value:"ni",label:"Niedersachsen",disabled:!0},{value:"nw",label:"Nordrhein-Westfalen"},{value:"rp",label:"Rheinland-Pfalz",disabled:!0},{value:"sl",label:"Saarland"},{value:"sn",label:"Sachsen"},{value:"st",label:"Sachsen-Anhalt",disabled:!0},{value:"sh",label:"Schleswig-Holstein",disabled:!0},{value:"th",label:"Thüringen"}],_value:"be",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})]}),GE=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(D1,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(D1,{...e,_hideLabel:!0})]})]}),YE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),a.jsx(xo,{RefComponent:GE,showButtons:!1})]}),XE={"single-select":{basic:YE}},WE=()=>{const e=j.useRef(null);return j.useEffect(()=>{e.current?.kolFocus()},[]),a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(Z,{children:[a.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),a.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),a.jsx(Mz,{ref:e,_label:"Hidden navigation",_links:[{_label:"To the top",_href:"#/back-page"},{_label:"To the form",_href:"#/back-page"},{_label:"To the end",_href:"#/back-page"}]})]})},QE={"skip-nav":{basic:WE}},JE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),a.jsx(Gs,{_show:!0})]}),eL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free."})}),a.jsx(Gs,{_show:!0,_variant:"none",children:a.jsx("span",{slot:"expert",className:"loader"})})]}),nL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),a.jsx(Gs,{_show:!0,_variant:"cycle"})]}),oL=()=>{const[e,o]=j.useState(!0);return j.useEffect(()=>{const r=setInterval(()=>o(i=>!i),3e3);return()=>clearInterval(r)},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolSpin with a label."})}),a.jsx(Gs,{_show:e,_label:e?"Loading data...":"Data loaded."})]})},tL={spin:{basic:JE,cycle:nL,custom:eL,label:oL}},rL=()=>{const{buttonWithTextClickEventHandler:e}=Mn(),o={onClick:e},r=[{_label:"Save",_icons:"codicon codicon-save",_on:o},{_label:"Move",_icons:"codicon codicon-move",_on:o},{_label:"Delete",_icons:"codicon codicon-trash",_on:o}];return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The ",a.jsx("code",{children:"SplitButton"})," component combines a primary action button with a context menu. Clicking the main button triggers the",a.jsx("strong",{children:" Edit"})," action. The context menu opens a vertical list of additional actions:",a.jsx("strong",{children:" Save"}),", ",a.jsx("strong",{children:"Move"}),", and ",a.jsx("strong",{children:"Delete"}),"."]})}),a.jsx("div",{className:"flex flex-col gap-4",children:a.jsx(kl,{_label:"Edit",_on:o,children:a.jsx(pa,{_label:"Action toolbar",_items:r,_orientation:"vertical"})})})]})},aL=()=>{const e=j.useRef(null),o=()=>{e.current?.closePopup()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),a.jsx("div",{className:"flex gap-4",children:a.jsx(kl,{ref:e,_label:"Only the arrow opens",children:a.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:r=>r.stopPropagation(),children:[a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),a.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[a.jsx(Be,{_label:"User"}),a.jsx(Be,{_label:"Role"}),a.jsx(Q,{_label:"Close",_on:{onClick:o}})]})]})})})]})},lL={"split-button":{basic:rL,"with-context":aL}},ps=[{left:"Left Example",center:"Center Example",right:"Right Example"}],Ei=()=>0,iL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with columns headers and data in different text alignments."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(me,{_label:"Simple table",_level:3}),a.jsx(vn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Ei},{label:"center",key:"center",textAlign:"center",compareFn:Ei},{label:"right",key:"right",textAlign:"right",compareFn:Ei}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Ei},{label:"center",key:"center",textAlign:"center",compareFn:Ei},{label:"right",key:"right",textAlign:"right"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}})]})]}),cL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan."})}),a.jsx("section",{className:"w-full flex flex-col",children:a.jsx(vn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}})})]}),nb=22,sL=[{city:"Reykjavík",temperature:6},{city:"Berlin",temperature:21},{city:"Palma de Mallorca",temperature:29},{city:"Cairo",temperature:35},{city:"Helsinki",temperature:14}],dL={horizontal:[[{label:"City",key:"city"},{label:"Temperature (°C)",key:"temperature",textAlign:"right",compareFn:(e,o,r="ASC")=>{const i=e.temperature,s=o.temperature,d=Math.abs(i-nb),u=Math.abs(s-nb);return d!==u?r==="DESC"?u-d:d-u:r==="DESC"?s-i:i-s},render:(e,o,r)=>{const i=Math.abs(r.temperature-nb);return`${r.temperature} °C (Δ ${i} °C)`}}]]},fL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates how ",a.jsx("code",{children:"compareFn"})," receives the current ",a.jsx("code",{children:"sortDirection"}),". Ascending sorts show cities that are closest to 22 °C first, descending sorts highlight the most extreme temperatures."]})}),a.jsx("section",{className:"w-full",children:a.jsx(vn,{_minWidth:"100%",_label:"Direction aware compare function",_data:sL,_headers:dL,className:"block"})})]}),rd=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),ar=[{order:0,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,date:new Date("1986-07-10T11:39:29.539Z")},{order:3,date:new Date("1976-02-02T10:00:36.346Z")},{order:4,date:new Date("1998-07-07T12:50:36.016Z")},{order:5,date:new Date("1994-09-05T05:10:44.078Z")},{order:6,date:new Date("1986-05-23T13:05:01.874Z")},{order:7,date:new Date("1975-06-29T21:51:29.359Z")},{order:8,date:new Date("1974-05-15T23:47:02.499Z")},{order:9,date:new Date("1990-05-27T10:13:19.641Z")},{order:10,date:new Date("1993-10-20T03:54:08.739Z")},{order:11,date:new Date("2000-02-25T11:55:43.705Z")},{order:12,date:new Date("1988-08-27T09:59:12.251Z")},{order:13,date:new Date("1980-10-24T10:41:24.897Z")},{order:14,date:new Date("1995-01-25T12:31:27.983Z")},{order:15,date:new Date("1995-04-15T02:00:39.048Z")},{order:16,date:new Date("1994-03-15T19:13:04.564Z")},{order:17,date:new Date("1999-03-02T16:53:04.418Z")},{order:18,date:new Date("1982-08-23T18:37:38.014Z")},{order:19,date:new Date("1995-06-19T12:39:56.321Z")},{order:20,date:new Date("1994-09-23T15:03:35.746Z")},{order:21,date:new Date("1990-04-15T23:38:02.147Z")},{order:22,date:new Date("1983-08-01T10:36:44.006Z")},{order:23,date:new Date("1986-06-28T21:27:04.588Z")},{order:24,date:new Date("1986-08-14T19:34:40.904Z")},{order:25,date:new Date("1998-07-14T15:52:29.010Z")},{order:26,date:new Date("1985-02-15T18:56:32.344Z")},{order:27,date:new Date("1989-09-06T10:49:30.896Z")},{order:28,date:new Date("1994-09-05T14:21:37.211Z")},{order:29,date:new Date("1995-12-15T23:12:14.411Z")},{order:30,date:new Date("1986-08-14T19:34:40.904Z")},{order:31,date:new Date("1985-02-15T18:56:32.344Z")},{order:32,date:new Date("1989-09-06T10:49:30.896Z")},{order:33,date:new Date("1994-09-05T14:21:37.211Z")},{order:34,date:new Date("1995-12-15T23:12:14.411Z")},{order:35,date:new Date("1986-08-14T19:34:40.904Z")},{order:36,date:new Date("1985-02-15T18:56:32.344Z")},{order:37,date:new Date("1989-09-06T10:49:30.896Z")},{order:38,date:new Date("1994-09-05T14:21:37.211Z")},{order:39,date:new Date("1995-12-15T23:12:14.411Z")},{order:40,date:new Date("1986-08-14T19:34:40.904Z")},{order:41,date:new Date("1985-02-15T18:56:32.344Z")},{order:42,date:new Date("1989-09-06T10:49:30.896Z")},{order:43,date:new Date("1994-09-05T14:21:37.211Z")},{order:44,date:new Date("1995-12-15T23:12:14.411Z")},{order:45,date:new Date("1986-08-14T19:34:40.904Z")},{order:46,date:new Date("1985-02-15T18:56:32.344Z")},{order:47,date:new Date("1989-09-06T10:49:30.896Z")},{order:48,date:new Date("1994-09-05T14:21:37.211Z")},{order:49,date:new Date("1995-12-15T23:12:14.411Z")},{order:50,date:new Date("1986-08-14T19:34:40.904Z")},{order:51,date:new Date("1985-02-15T18:56:32.344Z")},{order:52,date:new Date("1989-09-06T10:49:30.896Z")},{order:53,date:new Date("1994-09-05T14:21:37.211Z")},{order:54,date:new Date("1995-12-15T23:12:14.411Z")},{order:55,date:new Date("1986-08-14T19:34:40.904Z")},{order:56,date:new Date("1985-02-15T18:56:32.344Z")},{order:57,date:new Date("1989-09-06T10:49:30.896Z")},{order:58,date:new Date("1994-09-05T14:21:37.211Z")},{order:59,date:new Date("1995-12-15T23:12:14.411Z")},{order:60,date:new Date("1986-08-14T19:34:40.904Z")},{order:61,date:new Date("1985-02-15T18:56:32.344Z")},{order:62,date:new Date("1989-09-06T10:49:30.896Z")},{order:63,date:new Date("1994-09-05T14:21:37.211Z")},{order:64,date:new Date("1995-12-15T23:12:14.411Z")},{order:65,date:new Date("1986-08-14T19:34:40.904Z")},{order:66,date:new Date("1985-02-15T18:56:32.344Z")},{order:67,date:new Date("1989-09-06T10:49:30.896Z")},{order:68,date:new Date("1994-09-05T14:21:37.211Z")},{order:69,date:new Date("1995-12-15T23:12:14.411Z")},{order:70,date:new Date("1986-08-14T19:34:40.904Z")},{order:71,date:new Date("1985-02-15T18:56:32.344Z")},{order:72,date:new Date("1989-09-06T10:49:30.896Z")},{order:73,date:new Date("1994-09-05T14:21:37.211Z")},{order:74,date:new Date("1995-12-15T23:12:14.411Z")},{order:75,date:new Date("1986-08-14T19:34:40.904Z")},{order:76,date:new Date("1985-02-15T18:56:32.344Z")},{order:77,date:new Date("1989-09-06T10:49:30.896Z")},{order:78,date:new Date("1994-09-05T14:21:37.211Z")},{order:79,date:new Date("1995-12-15T23:12:14.411Z")},{order:80,date:new Date("1986-08-14T19:34:40.904Z")},{order:81,date:new Date("1985-02-15T18:56:32.344Z")},{order:82,date:new Date("1989-09-06T10:49:30.896Z")},{order:83,date:new Date("1994-09-05T14:21:37.211Z")},{order:84,date:new Date("1995-12-15T23:12:14.411Z")},{order:85,date:new Date("1986-08-14T19:34:40.904Z")},{order:86,date:new Date("1985-02-15T18:56:32.344Z")},{order:87,date:new Date("1989-09-06T10:49:30.896Z")},{order:88,date:new Date("1994-09-05T14:21:37.211Z")},{order:89,date:new Date("1995-12-15T23:12:14.411Z")},{order:90,date:new Date("1986-08-14T19:34:40.904Z")},{order:91,date:new Date("1985-02-15T18:56:32.344Z")},{order:92,date:new Date("1989-09-06T10:49:30.896Z")},{order:93,date:new Date("1994-09-05T14:21:37.211Z")},{order:94,date:new Date("1995-12-15T23:12:14.411Z")},{order:95,date:new Date("1986-08-14T19:34:40.904Z")},{order:96,date:new Date("1985-02-15T18:56:32.344Z")},{order:97,date:new Date("1989-09-06T10:49:30.896Z")},{order:98,date:new Date("1994-09-05T14:21:37.211Z")},{order:99,date:new Date("1995-12-15T23:12:14.411Z")}],M1=[{small:"Small Example",large:"Larger Example"}],ob={horizontal:[[{label:"Large Column",key:"large",textAlign:"left",width:"300px"},{label:"Small Column",key:"small",textAlign:"left",width:"200px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"}]]},uL=()=>0,bL=()=>{const[e,o]=j.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys."})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsxs("div",{className:"w-[400px] flex flex-col gap-4",children:[a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"300px",_headers:ob,_data:M1,className:"block"}),a.jsx(vn,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:e?"600px":"300px",_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",compareFn:uL,render:(r,i,s)=>rd.format(s.date)}]]},_data:ar,_pagination:!0}),a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"300px",_headers:ob,_data:[],className:"block"})]}),a.jsx(cn,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(r,i)=>{o(!!i)}}}),a.jsx(me,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),a.jsx("p",{className:"mt-0",children:a.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),a.jsx(vn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:ob,_data:M1,className:"block",_pagination:!0})]})]})};function mL({_on:e,...o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{...o,_on:i})}const Li=e=>{const o=e.charAt(0).toUpperCase()+e.slice(1);return{label:o,key:e,textAlign:"left",render:(r,i)=>{const s={_label:o,_variant:e,_icons:{right:"codicon codicon-squirrel"}};ko(Hr(r)).render(i.label==="button"?a.jsx(mL,{...s}):a.jsx(en,{_href:"#/back-page",...s}))}}},hL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(zl,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Li("primary"),Li("secondary"),Li("normal"),Li("danger"),Li("ghost")]],vertical:[[{label:"Button"},{label:"Link-Button"}]]},_data:[{primary:"button",secondary:"button",normal:"button",danger:"button",ghost:"button"},{primary:"link-button",secondary:"link-button",normal:"link-button",danger:"link-button",ghost:"link-button"}],className:"block"}),a.jsx(zl,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,o)=>{const r={_label:o.label,_icons:{right:"codicon codicon-squirrel"}};ko(Hr(e)).render(o.label==="button-link"?a.jsx(Xe,{...r}):a.jsx(ze,{_href:"#/back-page",...r}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),pL=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Vs=[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0,sortDirection:"ASC"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>pL.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}],vL={horizontal:[Vs]},kL={vertical:[Vs]},gL=()=>{const[e,o]=j.useState(kL),[r,i]=j.useState(vL);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Vertical"}),a.jsx(Xe,{_label:"Reset Table",_on:{onClick:()=>o({vertical:[[...Vs]]})}}),a.jsx(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:ar.slice(0,10),_headers:e,className:"block",_allowMultiSort:!0})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Horizontal"}),a.jsx(Xe,{_label:"Reset Table",_on:{onClick:()=>i({horizontal:[[...Vs]]})}}),a.jsx(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:ar,_headers:r,className:"block",_allowMultiSort:!0})]})]})]})},_L=[{id:"1001",name:"John",age:30},{id:"1002",name:"Jane",age:25}],yL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates a column that cannot be hidden in the settings."})}),a.jsx(vn,{_label:"Table with a non-hidable column",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1},{key:"name",label:"Name"},{key:"age",label:"Age"}]]},_data:_L,className:"block",style:{maxWidth:"600px"}})]}),tb={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>rd.format(r.date)}]]},rb={_page:2},xL=()=>a.jsxs("div",{className:"w-full grid gap-14",children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with different pagination positions."})}),a.jsxs("section",{className:"w-full flex flex-col gap-14",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at the bottom."}),a.jsx(vn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"bottom"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at the top."}),a.jsx(vn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"top"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at both top and bottom."}),a.jsx(vn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"both"})]})]})]}),wL=[{columnA:"Column A",columnB:"Column B",columnC:"Column C"}],zL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example shows the table with predefined settings."})}),a.jsx(vn,{_label:"Table for demonstration purposes with predefined settings",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{label:"column A",key:"columnA"},{label:"column B",key:"columnB"},{label:"column C",key:"columnC"}]]},_tableSettings:{columns:[{key:"columnC",visible:!0,label:"Column C",width:45},{key:"columnB",visible:!0,label:"Column B",width:20},{key:"columnA",visible:!1,label:"Column A"}]},_data:wL,"_min-width":"500px",className:"block",style:{maxWidth:"600px"}})]}),jL=[{order:0,shipped:!1,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,shipped:!0,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,shipped:!1,date:new Date("1986-07-10T11:39:29.539Z")}];function SL({label:e,icons:o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{_label:e,_icons:o,_on:i})}const TL={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,o)=>`Index: ${o.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,o)=>{o.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,o)=>{e.innerHTML=`<strong>${rd.format(o.label)}</strong>`},compareFn:(e,o)=>e.date.getTime()-o.date.getTime()},{label:"Action (react)",width:"20em",render:e=>{ko(Hr(e)).render(a.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[a.jsx(Be,{_label:"Input"}),a.jsx(SL,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},AL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful using React render functions for the cell contents."})}),a.jsx(vn,{_label:"Sort by date column",_minWidth:"auto",_data:jL,_headers:TL,className:"w-full"})]}),CL=[{id:"U-001",name:"Andrea Schmidt",team:"Design",email:"andrea@example.org",status:"Active"},{id:"U-002",name:"Boris Klein",team:"Engineering",email:"boris@example.org",status:"Active"},{id:"U-003",name:"Chiara Russo",team:"Support",email:"chiara@example.org",status:"On leave"}],EL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This example demonstrates how the table settings respect column metadata. Some columns can be hidden, reordered, or resized, while others stay locked based on their ",a.jsx("code",{children:"hidable"}),", ",a.jsx("code",{children:"sortable"}),", and ",a.jsx("code",{children:"resizable"})," flags."]})}),a.jsx(vn,{_label:"Table with column option restrictions",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1,sortable:!1},{key:"name",label:"Name"},{key:"team",label:"Team",sortable:!1},{key:"email",label:"E-Mail",resizable:!1},{key:"status",label:"Status",hidable:!1,resizable:!1}]]},_tableSettings:{columns:[{hidable:!1,key:"id",label:"ID",sortable:!1,visible:!0,width:15},{key:"name",label:"Name",visible:!0,width:30},{key:"team",label:"Team",sortable:!1,visible:!0,width:20},{key:"email",label:"E-Mail",resizable:!1,visible:!0,width:25},{hidable:!1,key:"status",label:"Status",resizable:!1,visible:!0,width:10}]},_data:CL,className:"block",style:{maxWidth:"720px"}})]}),b0=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),LL={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>b0.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},$L={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>b0.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},OL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Vertical headers"}),a.jsx(vn,{_label:"Sort a date column",_minWidth:"auto",_data:ar.slice(0,10),_headers:$L,className:"block"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Horizontal headers"}),a.jsx(vn,{_label:"Sort a date column",_minWidth:"auto",_data:ar,_headers:LL,className:"block"})]})]})]}),NL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function BL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const RL=()=>{const[e,o]=j.useState(),r={label:h=>`Selection for ${h.name}`,selectedKeys:e?e.map(h=>h.internalIdentifier):["AAA1004"],disabledKeys:["AAA1003","AAA1004"],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,p)=>{console.log("Selection change via callback",p)},u=async()=>{const h=await i.current?.getSelection();o(h)};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const m=(h,p)=>{ko(Hr(h)).render(a.jsx(BL,{label:`Click ${p.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(vn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:m}]]},_data:NL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(Q,{_label:"getSelection()",_on:{onClick:()=>{u()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},DL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function ML({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const IL=()=>{const[e,o]=j.useState(),r={label:h=>`Selection for ${h.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,p)=>{console.log("Selection change via callback",p)},u=async()=>{const h=await i.current?.getSelection();o(h)};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const m=(h,p)=>{ko(Hr(h)).render(a.jsx(ML,{label:`Click ${p.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(vn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:m}]]},_data:DL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(Q,{_label:"getSelection()",_on:{onClick:()=>{u()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},UL=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],HL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:UL,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,o)=>{console.log(o)}}})})]}),FL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function KL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const VL=()=>{const[e,o]=j.useState(["AAA1002","AAA1004"]),r={label:m=>`Selection for ${m.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier",disabledKeys:["AAA1003","AAA1004"]},i=j.useRef(null),s=({detail:m})=>{console.log("Selection change via event",m)},d=(m,h)=>{console.log("Selection change via callback",h),o(Array.isArray(h)?h:[h])};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const u=(m,h)=>{ko(Hr(m)).render(a.jsx(KL,{label:`Click ${h.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:u}]]},_data:FL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},qL=[{id:"U1001",name:"Alice Johnson",role:"Admin",email:"alice@example.org",active:"Yes"},{id:"U1002",name:"Bob Smith",role:"Editor",email:"bob@example.org",active:"No"},{id:"U1003",name:"Carol Lee",role:"Viewer",email:"carol@example.org",active:"Yes"},{id:"U1004",name:"David Kim",role:"Editor",email:"david@example.org",active:"Yes"}],ZL=()=>a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsxs("p",{children:["This sample shows ",a.jsx("code",{children:"KolTableStateless"})," with the settings menu enabled via",a.jsx("code",{children:"_hasSettingsMenu"}),". Each column demonstrates a different combination of sorting and resizing options."]}),a.jsxs("ul",{children:[a.jsxs("li",{children:[a.jsx("strong",{children:"ID"})," keeps a fixed width with ",a.jsx("code",{children:"resizable: false"})," while still allowing sorting."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Name"})," represents the default behavior with both sorting and resizing enabled."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Role"})," disables sorting but keeps ",a.jsx("code",{children:"resizable: true"})," so users can widen the column if necessary."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"E-Mail"})," allows sorting but locks its width with ",a.jsx("code",{children:"resizable: false"})," to keep the layout stable."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Active"})," is neither sortable nor resizable to emphasise the status indicator."]})]})]}),a.jsx(zl,{_label:"Users (stateless with settings menu)",_minWidth:"auto",className:"w-full",_hasSettingsMenu:!0,_headerCells:{horizontal:[[{key:"id",label:"ID",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!1},{key:"name",label:"Name",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!0},{key:"role",label:"Role",textAlign:"center",sortDirection:"NOS",sortable:!1,resizable:!0},{key:"email",label:"E-Mail",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!1},{key:"active",label:"Active",textAlign:"center",sortDirection:"NOS",sortable:!1,resizable:!1}]]},_data:qL,_on:{onSort:(e,o)=>console.log("sort",o),onSelectionChange:(e,o)=>console.log("selection",o)}})]}),PL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"Foo Disabled",internalIdentifier:"AAA1003"}];function GL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const YL=()=>{const[e,o]=j.useState(["1002"]),r={label:m=>`Selection for ${m.name}`,multiple:!1,selectedKeys:e,disabledKeys:["AAA1003"],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:m})=>{console.log("Selection change via event",m)},d=(m,h)=>{console.log("Selection change via callback",h),o(Array.isArray(h)?h:[h])};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const u=(m,h)=>{ko(Hr(m)).render(a.jsx(GL,{label:`Click ${h.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:u}]]},_data:PL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},I1=[{common_name:"African elephant",scientific_name:"Loxodonta africana",conservation_status:"Vulnerable",habitat:"Savannas and forests",diet:"Herbivore",geographic_range:"Sub-Saharan Africa"},{common_name:"American bison",scientific_name:"Bison bison",conservation_status:"Near Threatened",habitat:"Grasslands and plains",diet:"Herbivore",geographic_range:"North America"},{common_name:"Arctic fox",scientific_name:"Vulpes lagopus",conservation_status:"Least Concern",habitat:"Tundra",diet:"Omnivore",geographic_range:"Arctic Circle"},{common_name:"Atlantic puffin",scientific_name:"Fratercula arctica",conservation_status:"Vulnerable",habitat:"Coastal cliffs and open ocean",diet:"Carnivore",geographic_range:"North Atlantic Ocean"},{common_name:"Bengal tiger",scientific_name:"Panthera tigris tigris",conservation_status:"Endangered",habitat:"Tropical forests and grasslands",diet:"Carnivore",geographic_range:"Indian subcontinent"},{common_name:"Black rhinoceros",scientific_name:"Diceros bicornis",conservation_status:"Critically Endangered",habitat:"Savannas and shrublands",diet:"Herbivore",geographic_range:"Eastern and Southern Africa"},{common_name:"Blue whale",scientific_name:"Balaenoptera musculus",conservation_status:"Endangered",habitat:"Open ocean",diet:"Carnivore",geographic_range:"Global oceans"},{common_name:"California condor",scientific_name:"Gymnogyps californianus",conservation_status:"Critically Endangered",habitat:"Cliffs and scrublands",diet:"Scavenger",geographic_range:"Western United States"},{common_name:"Cheetah",scientific_name:"Acinonyx jubatus",conservation_status:"Vulnerable",habitat:"Grasslands and savannas",diet:"Carnivore",geographic_range:"Africa and Iran"},{common_name:"Emperor penguin",scientific_name:"Aptenodytes forsteri",conservation_status:"Near Threatened",habitat:"Sea ice and open ocean",diet:"Carnivore",geographic_range:"Antarctica"},{common_name:"Galápagos tortoise",scientific_name:"Chelonoidis niger",conservation_status:"Vulnerable",habitat:"Volcanic highlands",diet:"Herbivore",geographic_range:"Galápagos Islands"},{common_name:"Giant anteater",scientific_name:"Myrmecophaga tridactyla",conservation_status:"Vulnerable",habitat:"Grasslands and forests",diet:"Insectivore",geographic_range:"Central and South America"},{common_name:"Giant panda",scientific_name:"Ailuropoda melanoleuca",conservation_status:"Vulnerable",habitat:"Temperate bamboo forests",diet:"Herbivore",geographic_range:"Central China"},{common_name:"Golden eagle",scientific_name:"Aquila chrysaetos",conservation_status:"Least Concern",habitat:"Mountains and open plains",diet:"Carnivore",geographic_range:"Northern Hemisphere"},{common_name:"Gray wolf",scientific_name:"Canis lupus",conservation_status:"Least Concern",habitat:"Forests and tundra",diet:"Carnivore",geographic_range:"Northern Hemisphere"},{common_name:"Great white shark",scientific_name:"Carcharodon carcharias",conservation_status:"Vulnerable",habitat:"Coastal and offshore waters",diet:"Carnivore",geographic_range:"Global temperate seas"},{common_name:"Green sea turtle",scientific_name:"Chelonia mydas",conservation_status:"Endangered",habitat:"Coastal waters and beaches",diet:"Herbivore",geographic_range:"Tropical and subtropical oceans"},{common_name:"Harpy eagle",scientific_name:"Harpia harpyja",conservation_status:"Near Threatened",habitat:"Tropical rainforests",diet:"Carnivore",geographic_range:"Central and South America"},{common_name:"Humpback whale",scientific_name:"Megaptera novaeangliae",conservation_status:"Least Concern",habitat:"Open ocean",diet:"Carnivore",geographic_range:"Global oceans"},{common_name:"Jaguar",scientific_name:"Panthera onca",conservation_status:"Near Threatened",habitat:"Tropical rainforests and wetlands",diet:"Carnivore",geographic_range:"Central and South America"},{common_name:"Koala",scientific_name:"Phascolarctos cinereus",conservation_status:"Vulnerable",habitat:"Eucalyptus woodlands",diet:"Herbivore",geographic_range:"Eastern Australia"},{common_name:"Monarch butterfly",scientific_name:"Danaus plexippus",conservation_status:"Endangered",habitat:"Prairies and meadows",diet:"Herbivore",geographic_range:"North America"},{common_name:"Mountain gorilla",scientific_name:"Gorilla beringei beringei",conservation_status:"Endangered",habitat:"Montane forests",diet:"Herbivore",geographic_range:"Central Africa"},{common_name:"Narwhal",scientific_name:"Monodon monoceros",conservation_status:"Near Threatened",habitat:"Arctic waters",diet:"Carnivore",geographic_range:"Arctic Circle"},{common_name:"Okapi",scientific_name:"Okapia johnstoni",conservation_status:"Endangered",habitat:"Rainforests",diet:"Herbivore",geographic_range:"Democratic Republic of the Congo"},{common_name:"Polar bear",scientific_name:"Ursus maritimus",conservation_status:"Vulnerable",habitat:"Sea ice and tundra",diet:"Carnivore",geographic_range:"Arctic Circle"},{common_name:"Red kangaroo",scientific_name:"Osphranter rufus",conservation_status:"Least Concern",habitat:"Deserts and grasslands",diet:"Herbivore",geographic_range:"Australia"},{common_name:"Red panda",scientific_name:"Ailurus fulgens",conservation_status:"Endangered",habitat:"Temperate forests",diet:"Omnivore",geographic_range:"Eastern Himalayas"},{common_name:"Snow leopard",scientific_name:"Panthera uncia",conservation_status:"Vulnerable",habitat:"Mountain ranges",diet:"Carnivore",geographic_range:"Central and South Asia"},{common_name:"Southern cassowary",scientific_name:"Casuarius casuarius",conservation_status:"Least Concern",habitat:"Tropical rainforests",diet:"Omnivore",geographic_range:"New Guinea and northeastern Australia"},{common_name:"Tasmanian devil",scientific_name:"Sarcophilus harrisii",conservation_status:"Endangered",habitat:"Forests and coastal scrub",diet:"Carnivore",geographic_range:"Tasmania"},{common_name:"Yellow-eyed penguin",scientific_name:"Megadyptes antipodes",conservation_status:"Endangered",habitat:"Coastal forests and beaches",diet:"Carnivore",geographic_range:"New Zealand"}],XL=Array.from({length:200},(e,o)=>{const r=I1[o%I1.length];return{id:o+1,...r}}),WL={horizontal:[[{label:"ID",key:"id",textAlign:"right"},{label:"Common name",key:"common_name",textAlign:"left"},{label:"Scientific name",key:"scientific_name",textAlign:"left"},{label:"Conservation status",key:"conservation_status",textAlign:"left"},{label:"Habitat",key:"habitat",textAlign:"left"},{label:"Diet",key:"diet",textAlign:"left"},{label:"Geographic range",key:"geographic_range",textAlign:"left"}]]},QL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with horizontal and vertical scrollbars. It should be focusable and scrollable with the keyboard. The table headline should be sticky at the top of the table. The data now lists animal species with conservation-focused details."})}),a.jsx(me,{_level:2,_label:"Sticky headers"}),a.jsx(vn,{_label:"Animal species overview",_minWidth:"1200px",_data:XL,_headers:WL,className:"block"})]}),JL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with footer data."})}),a.jsx(vn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})]}),e$={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>rd.format(r.date)}]]},n$={_page:2},o$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolTableStateful can be navigated using a pagination."})}),a.jsx("div",{className:"w-full",children:a.jsx(vn,{_label:"Table description",_minWidth:"auto",_data:ar,_headers:e$,_pagination:n$})})]}),t$={table:{"column-alignment":iL,"complex-headers":cL,"horizontal-scrollbar":bL,"interactive-child-elements":hL,"multi-sort":gL,"non-hidable-columns":yL,"pagination-position":xL,"predefined-settings":zL,"render-cell":AL,"settings-column-options":EL,"sort-data":OL,"direction-aware-sort":fL,"stateful-with-selection":RL,"stateless-with-settings-menu":ZL,"stateful-with-single-selection":IL,stateless:HL,"stateless-with-selection":VL,"stateless-with-single-selection":YL,"sticky-header":QL,"with-footer":JL,"with-pagination":o$}},r$=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],a$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_align"})," set to ",a.jsx("code",{children:"left"}),", ",a.jsx("code",{children:"right"}),", ",a.jsx("code",{children:"top"})," and ",a.jsx("code",{children:"bottom"}),"."]})}),a.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(e=>{const o=`Tabs with ${e} align`;return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:o}),a.jsxs(lr,{_tabs:r$,_align:e,_label:o,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},e)})})]}),m0=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],l$=m0.map(e=>({...e,_icons:void 0})),i$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),a.jsxs(lr,{_tabs:l$,_label:"Regular tabs",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),a.jsxs(lr,{_tabs:m0,className:"mt-4",_label:"Tabs with icons",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),U1=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],c$=()=>a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_behavior"})," set to ",a.jsx("code",{children:"select-manual"})," and ",a.jsx("code",{children:"select-automatic"}),"."]}),a.jsx("p",{children:"This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption."})]}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:'Tabs with "select manual" behavior'}),a.jsxs(lr,{_tabs:U1,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:'Tabs with "select automatic" behavior'}),a.jsxs(lr,{_tabs:U1,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),s$=()=>{const[e,o]=j.useState([{_label:"First tab"},{_label:"Second Tab"}]),r=()=>{o([...e,{_label:`Tab #${e.length+1}`}])};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTabs with a "create tab" button.'})}),a.jsxs(lr,{_tabs:e,className:"mt-4",_label:"Tabs with create button",_hasCreateButton:!0,_on:{onCreate:r},children:[e.map((i,s)=>a.jsxs("div",{slot:`tab-${s}`,children:["Contents of ",i._label]},`tab-${s}`)),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"})]})]})},d$=[{_icons:"codicon codicon-pie-chart",_label:"First Tab",_hideLabel:!0},{_icons:"codicon codicon-calendar",_label:"Second Tab",_hideLabel:!0},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab",_hideLabel:!0},{_icons:"codicon codicon-telescope",_label:"Last Tab",_hideLabel:!0}],f$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),a.jsxs(lr,{_label:"Tabs with icons",_tabs:d$,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),u$={tabs:{basic:i$,"create-button":s$,"icons-only":f$,behavior:c$,align:a$}},b$=`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
+								avoidance system, which increases availability.`,_variant:"block"})]}),FE={quote:{basic:UE,block:HE}},$i=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],KE=$i.map((e,o)=>o===0?{label:"Select salutation",value:"",disabled:!0}:e),VE=Qo.reduce((e,o)=>{const r=o.label.charAt(0).toUpperCase();return e[r]||(e[r]={label:r,options:[]}),e[r].options.push({label:o.label,value:o.label}),e},{}),N1=Object.values(VE),B1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Xn,{...o,ref:r,_accessKey:"a",_options:$i,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),a.jsx(Xn,{...o,_options:$i,_label:"Disabled",_disabled:!0}),a.jsx(Xn,{...o,_options:KE,_label:"Salutation with error",_msg:{_type:"error",_description:Ke},_touched:!0}),a.jsx(Xn,{...o,_options:Qo,_label:"Multiple choice",_multiple:!0}),a.jsx(Xn,{...o,_options:Qo,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Ke},_hint:yo,_touched:!0}),a.jsx(Xn,{...o,_options:$i,_label:"With access key",_accessKey:"c"}),a.jsx(Xn,{...o,_options:$i,_label:"With short key",_shortKey:"s"}),a.jsx(Xn,{...o,_options:N1,_label:"With grouped by first letter",_value:"Albanien"}),a.jsx(Xn,{...o,_options:N1,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})]})}),qE=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(B1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(B1,{ref:r,...o,_hideLabel:!0})]})]})}),ZE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),a.jsx(xo,{RefComponent:qE,showButtons:!1})]}),R1={select:{basic:ZE}},PE=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}],D1=e=>a.jsxs("div",{className:"grid gap-4",children:[a.jsx(bo,{...e,_hint:yo,_label:"Label",_options:Qo,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),a.jsx(bo,{...e,_label:"Disabled",_options:Qo,_value:"de",_disabled:!0}),a.jsx(bo,{...e,_options:Qo,_msg:{_type:"error",_description:Ke},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),a.jsx(bo,{...e,_label:"With access key",_options:Qo,_value:"de",_accessKey:"c"}),a.jsx(bo,{...e,_label:"With short key",_options:Qo,_value:"de",_shortKey:"s"}),a.jsx(bo,{...e,_label:"With long labels",_options:PE,_placeholder:"Placeholder"}),a.jsx(bo,{...e,_label:"With hidden clear button",_options:Qo,_value:"de",_hideClearButton:!0}),a.jsx(bo,{...e,_hint:yo,_label:"With disabled options",_options:[{value:"bw",label:"Baden-Württemberg"},{value:"by",label:"Bayern",disabled:!0},{value:"be",label:"Berlin"},{value:"bb",label:"Brandenburg"},{value:"hb",label:"Bremen"},{value:"hh",label:"Hamburg"},{value:"he",label:"Hessen"},{value:"mv",label:"Mecklenburg-Vorpommern",disabled:!0},{value:"ni",label:"Niedersachsen",disabled:!0},{value:"nw",label:"Nordrhein-Westfalen"},{value:"rp",label:"Rheinland-Pfalz",disabled:!0},{value:"sl",label:"Saarland"},{value:"sn",label:"Sachsen"},{value:"st",label:"Sachsen-Anhalt",disabled:!0},{value:"sh",label:"Schleswig-Holstein",disabled:!0},{value:"th",label:"Thüringen"}],_value:"be",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})]}),GE=e=>a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(D1,{...e})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(D1,{...e,_hideLabel:!0})]})]}),YE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),a.jsx(xo,{RefComponent:GE,showButtons:!1})]}),XE={"single-select":{basic:YE}},WE=()=>{const e=j.useRef(null);return j.useEffect(()=>{e.current?.focus()},[]),a.jsxs("div",{className:"grid gap-4",children:[a.jsxs(Z,{children:[a.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),a.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),a.jsx(Mz,{ref:e,_label:"Hidden navigation",_links:[{_label:"To the top",_href:"#/back-page"},{_label:"To the form",_href:"#/back-page"},{_label:"To the end",_href:"#/back-page"}]})]})},QE={"skip-nav":{basic:WE}},JE=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),a.jsx(Gs,{_show:!0})]}),eL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free."})}),a.jsx(Gs,{_show:!0,_variant:"none",children:a.jsx("span",{slot:"expert",className:"loader"})})]}),nL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),a.jsx(Gs,{_show:!0,_variant:"cycle"})]}),oL=()=>{const[e,o]=j.useState(!0);return j.useEffect(()=>{const r=setInterval(()=>o(i=>!i),3e3);return()=>clearInterval(r)},[]),a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolSpin with a label."})}),a.jsx(Gs,{_show:e,_label:e?"Loading data...":"Data loaded."})]})},tL={spin:{basic:JE,cycle:nL,custom:eL,label:oL}},rL=()=>{const{buttonWithTextClickEventHandler:e}=Mn(),o={onClick:e},r=[{_label:"Save",_icons:"codicon codicon-save",_on:o},{_label:"Move",_icons:"codicon codicon-move",_on:o},{_label:"Delete",_icons:"codicon codicon-trash",_on:o}];return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The ",a.jsx("code",{children:"SplitButton"})," component combines a primary action button with a context menu. Clicking the main button triggers the",a.jsx("strong",{children:" Edit"})," action. The context menu opens a vertical list of additional actions:",a.jsx("strong",{children:" Save"}),", ",a.jsx("strong",{children:"Move"}),", and ",a.jsx("strong",{children:"Delete"}),"."]})}),a.jsx("div",{className:"flex flex-col gap-4",children:a.jsx(kl,{_label:"Edit",_on:o,children:a.jsx(pa,{_label:"Action toolbar",_items:r,_orientation:"vertical"})})})]})},aL=()=>{const e=j.useRef(null),o=()=>{e.current?.closePopup()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),a.jsx("div",{className:"flex gap-4",children:a.jsx(kl,{ref:e,_label:"Only the arrow opens",children:a.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:r=>r.stopPropagation(),children:[a.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),a.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[a.jsx(Be,{_label:"User"}),a.jsx(Be,{_label:"Role"}),a.jsx(Q,{_label:"Close",_on:{onClick:o}})]})]})})})]})},lL={"split-button":{basic:rL,"with-context":aL}},ps=[{left:"Left Example",center:"Center Example",right:"Right Example"}],Ei=()=>0,iL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with columns headers and data in different text alignments."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(me,{_label:"Simple table",_level:3}),a.jsx(vn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Ei},{label:"center",key:"center",textAlign:"center",compareFn:Ei},{label:"right",key:"right",textAlign:"right",compareFn:Ei}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Ei},{label:"center",key:"center",textAlign:"center",compareFn:Ei},{label:"right",key:"right",textAlign:"right"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}}),a.jsx(me,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),a.jsx(vn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:ps,className:"block",style:{maxWidth:"600px"}})]})]}),cL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan."})}),a.jsx("section",{className:"w-full flex flex-col",children:a.jsx(vn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}})})]}),nb=22,sL=[{city:"Reykjavík",temperature:6},{city:"Berlin",temperature:21},{city:"Palma de Mallorca",temperature:29},{city:"Cairo",temperature:35},{city:"Helsinki",temperature:14}],dL={horizontal:[[{label:"City",key:"city"},{label:"Temperature (°C)",key:"temperature",textAlign:"right",compareFn:(e,o,r="ASC")=>{const i=e.temperature,s=o.temperature,d=Math.abs(i-nb),u=Math.abs(s-nb);return d!==u?r==="DESC"?u-d:d-u:r==="DESC"?s-i:i-s},render:(e,o,r)=>{const i=Math.abs(r.temperature-nb);return`${r.temperature} °C (Δ ${i} °C)`}}]]},fL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates how ",a.jsx("code",{children:"compareFn"})," receives the current ",a.jsx("code",{children:"sortDirection"}),". Ascending sorts show cities that are closest to 22 °C first, descending sorts highlight the most extreme temperatures."]})}),a.jsx("section",{className:"w-full",children:a.jsx(vn,{_minWidth:"100%",_label:"Direction aware compare function",_data:sL,_headers:dL,className:"block"})})]}),rd=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),ar=[{order:0,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,date:new Date("1986-07-10T11:39:29.539Z")},{order:3,date:new Date("1976-02-02T10:00:36.346Z")},{order:4,date:new Date("1998-07-07T12:50:36.016Z")},{order:5,date:new Date("1994-09-05T05:10:44.078Z")},{order:6,date:new Date("1986-05-23T13:05:01.874Z")},{order:7,date:new Date("1975-06-29T21:51:29.359Z")},{order:8,date:new Date("1974-05-15T23:47:02.499Z")},{order:9,date:new Date("1990-05-27T10:13:19.641Z")},{order:10,date:new Date("1993-10-20T03:54:08.739Z")},{order:11,date:new Date("2000-02-25T11:55:43.705Z")},{order:12,date:new Date("1988-08-27T09:59:12.251Z")},{order:13,date:new Date("1980-10-24T10:41:24.897Z")},{order:14,date:new Date("1995-01-25T12:31:27.983Z")},{order:15,date:new Date("1995-04-15T02:00:39.048Z")},{order:16,date:new Date("1994-03-15T19:13:04.564Z")},{order:17,date:new Date("1999-03-02T16:53:04.418Z")},{order:18,date:new Date("1982-08-23T18:37:38.014Z")},{order:19,date:new Date("1995-06-19T12:39:56.321Z")},{order:20,date:new Date("1994-09-23T15:03:35.746Z")},{order:21,date:new Date("1990-04-15T23:38:02.147Z")},{order:22,date:new Date("1983-08-01T10:36:44.006Z")},{order:23,date:new Date("1986-06-28T21:27:04.588Z")},{order:24,date:new Date("1986-08-14T19:34:40.904Z")},{order:25,date:new Date("1998-07-14T15:52:29.010Z")},{order:26,date:new Date("1985-02-15T18:56:32.344Z")},{order:27,date:new Date("1989-09-06T10:49:30.896Z")},{order:28,date:new Date("1994-09-05T14:21:37.211Z")},{order:29,date:new Date("1995-12-15T23:12:14.411Z")},{order:30,date:new Date("1986-08-14T19:34:40.904Z")},{order:31,date:new Date("1985-02-15T18:56:32.344Z")},{order:32,date:new Date("1989-09-06T10:49:30.896Z")},{order:33,date:new Date("1994-09-05T14:21:37.211Z")},{order:34,date:new Date("1995-12-15T23:12:14.411Z")},{order:35,date:new Date("1986-08-14T19:34:40.904Z")},{order:36,date:new Date("1985-02-15T18:56:32.344Z")},{order:37,date:new Date("1989-09-06T10:49:30.896Z")},{order:38,date:new Date("1994-09-05T14:21:37.211Z")},{order:39,date:new Date("1995-12-15T23:12:14.411Z")},{order:40,date:new Date("1986-08-14T19:34:40.904Z")},{order:41,date:new Date("1985-02-15T18:56:32.344Z")},{order:42,date:new Date("1989-09-06T10:49:30.896Z")},{order:43,date:new Date("1994-09-05T14:21:37.211Z")},{order:44,date:new Date("1995-12-15T23:12:14.411Z")},{order:45,date:new Date("1986-08-14T19:34:40.904Z")},{order:46,date:new Date("1985-02-15T18:56:32.344Z")},{order:47,date:new Date("1989-09-06T10:49:30.896Z")},{order:48,date:new Date("1994-09-05T14:21:37.211Z")},{order:49,date:new Date("1995-12-15T23:12:14.411Z")},{order:50,date:new Date("1986-08-14T19:34:40.904Z")},{order:51,date:new Date("1985-02-15T18:56:32.344Z")},{order:52,date:new Date("1989-09-06T10:49:30.896Z")},{order:53,date:new Date("1994-09-05T14:21:37.211Z")},{order:54,date:new Date("1995-12-15T23:12:14.411Z")},{order:55,date:new Date("1986-08-14T19:34:40.904Z")},{order:56,date:new Date("1985-02-15T18:56:32.344Z")},{order:57,date:new Date("1989-09-06T10:49:30.896Z")},{order:58,date:new Date("1994-09-05T14:21:37.211Z")},{order:59,date:new Date("1995-12-15T23:12:14.411Z")},{order:60,date:new Date("1986-08-14T19:34:40.904Z")},{order:61,date:new Date("1985-02-15T18:56:32.344Z")},{order:62,date:new Date("1989-09-06T10:49:30.896Z")},{order:63,date:new Date("1994-09-05T14:21:37.211Z")},{order:64,date:new Date("1995-12-15T23:12:14.411Z")},{order:65,date:new Date("1986-08-14T19:34:40.904Z")},{order:66,date:new Date("1985-02-15T18:56:32.344Z")},{order:67,date:new Date("1989-09-06T10:49:30.896Z")},{order:68,date:new Date("1994-09-05T14:21:37.211Z")},{order:69,date:new Date("1995-12-15T23:12:14.411Z")},{order:70,date:new Date("1986-08-14T19:34:40.904Z")},{order:71,date:new Date("1985-02-15T18:56:32.344Z")},{order:72,date:new Date("1989-09-06T10:49:30.896Z")},{order:73,date:new Date("1994-09-05T14:21:37.211Z")},{order:74,date:new Date("1995-12-15T23:12:14.411Z")},{order:75,date:new Date("1986-08-14T19:34:40.904Z")},{order:76,date:new Date("1985-02-15T18:56:32.344Z")},{order:77,date:new Date("1989-09-06T10:49:30.896Z")},{order:78,date:new Date("1994-09-05T14:21:37.211Z")},{order:79,date:new Date("1995-12-15T23:12:14.411Z")},{order:80,date:new Date("1986-08-14T19:34:40.904Z")},{order:81,date:new Date("1985-02-15T18:56:32.344Z")},{order:82,date:new Date("1989-09-06T10:49:30.896Z")},{order:83,date:new Date("1994-09-05T14:21:37.211Z")},{order:84,date:new Date("1995-12-15T23:12:14.411Z")},{order:85,date:new Date("1986-08-14T19:34:40.904Z")},{order:86,date:new Date("1985-02-15T18:56:32.344Z")},{order:87,date:new Date("1989-09-06T10:49:30.896Z")},{order:88,date:new Date("1994-09-05T14:21:37.211Z")},{order:89,date:new Date("1995-12-15T23:12:14.411Z")},{order:90,date:new Date("1986-08-14T19:34:40.904Z")},{order:91,date:new Date("1985-02-15T18:56:32.344Z")},{order:92,date:new Date("1989-09-06T10:49:30.896Z")},{order:93,date:new Date("1994-09-05T14:21:37.211Z")},{order:94,date:new Date("1995-12-15T23:12:14.411Z")},{order:95,date:new Date("1986-08-14T19:34:40.904Z")},{order:96,date:new Date("1985-02-15T18:56:32.344Z")},{order:97,date:new Date("1989-09-06T10:49:30.896Z")},{order:98,date:new Date("1994-09-05T14:21:37.211Z")},{order:99,date:new Date("1995-12-15T23:12:14.411Z")}],M1=[{small:"Small Example",large:"Larger Example"}],ob={horizontal:[[{label:"Large Column",key:"large",textAlign:"left",width:"300px"},{label:"Small Column",key:"small",textAlign:"left",width:"200px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"}]]},uL=()=>0,bL=()=>{const[e,o]=j.useState(!0);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys."})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsxs("div",{className:"w-[400px] flex flex-col gap-4",children:[a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"300px",_headers:ob,_data:M1,className:"block"}),a.jsx(vn,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:e?"600px":"300px",_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",compareFn:uL,render:(r,i,s)=>rd.format(s.date)}]]},_data:ar,_pagination:!0}),a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"300px",_headers:ob,_data:[],className:"block"})]}),a.jsx(cn,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(r,i)=>{o(!!i)}}}),a.jsx(me,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),a.jsx("p",{className:"mt-0",children:a.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),a.jsx(vn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:ob,_data:M1,className:"block",_pagination:!0})]})]})};function mL({_on:e,...o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{...o,_on:i})}const Li=e=>{const o=e.charAt(0).toUpperCase()+e.slice(1);return{label:o,key:e,textAlign:"left",render:(r,i)=>{const s={_label:o,_variant:e,_icons:{right:"codicon codicon-squirrel"}};ko(Hr(r)).render(i.label==="button"?a.jsx(mL,{...s}):a.jsx(en,{_href:"#/back-page",...s}))}}},hL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly."})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(zl,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Li("primary"),Li("secondary"),Li("normal"),Li("danger"),Li("ghost")]],vertical:[[{label:"Button"},{label:"Link-Button"}]]},_data:[{primary:"button",secondary:"button",normal:"button",danger:"button",ghost:"button"},{primary:"link-button",secondary:"link-button",normal:"link-button",danger:"link-button",ghost:"link-button"}],className:"block"}),a.jsx(zl,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,o)=>{const r={_label:o.label,_icons:{right:"codicon codicon-squirrel"}};ko(Hr(e)).render(o.label==="button-link"?a.jsx(Xe,{...r}):a.jsx(ze,{_href:"#/back-page",...r}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),pL=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Vs=[{label:"order",key:"order",textAlign:"center",compareFn:(e,o)=>e.order<o.order?-1:o.order<e.order?1:0,sortDirection:"ASC"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>pL.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}],vL={horizontal:[Vs]},kL={vertical:[Vs]},gL=()=>{const[e,o]=j.useState(kL),[r,i]=j.useState(vL);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Vertical"}),a.jsx(Xe,{_label:"Reset Table",_on:{onClick:()=>o({vertical:[[...Vs]]})}}),a.jsx(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:ar.slice(0,10),_headers:e,className:"block",_allowMultiSort:!0})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Horizontal"}),a.jsx(Xe,{_label:"Reset Table",_on:{onClick:()=>i({horizontal:[[...Vs]]})}}),a.jsx(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:ar,_headers:r,className:"block",_allowMultiSort:!0})]})]})]})},_L=[{id:"1001",name:"John",age:30},{id:"1002",name:"Jane",age:25}],yL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates a column that cannot be hidden in the settings."})}),a.jsx(vn,{_label:"Table with a non-hidable column",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1},{key:"name",label:"Name"},{key:"age",label:"Age"}]]},_data:_L,className:"block",style:{maxWidth:"600px"}})]}),tb={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>rd.format(r.date)}]]},rb={_page:2},xL=()=>a.jsxs("div",{className:"w-full grid gap-14",children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with different pagination positions."})}),a.jsxs("section",{className:"w-full flex flex-col gap-14",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at the bottom."}),a.jsx(vn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"bottom"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at the top."}),a.jsx(vn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"top"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Table with pagination at both top and bottom."}),a.jsx(vn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:ar,_headers:tb,_pagination:rb,_paginationPosition:"both"})]})]})]}),wL=[{columnA:"Column A",columnB:"Column B",columnC:"Column C"}],zL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example shows the table with predefined settings."})}),a.jsx(vn,{_label:"Table for demonstration purposes with predefined settings",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{label:"column A",key:"columnA"},{label:"column B",key:"columnB"},{label:"column C",key:"columnC"}]]},_tableSettings:{columns:[{key:"columnC",visible:!0,label:"Column C",width:45},{key:"columnB",visible:!0,label:"Column B",width:20},{key:"columnA",visible:!1,label:"Column A"}]},_data:wL,"_min-width":"500px",className:"block",style:{maxWidth:"600px"}})]}),jL=[{order:0,shipped:!1,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,shipped:!0,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,shipped:!1,date:new Date("1986-07-10T11:39:29.539Z")}];function SL({label:e,icons:o}){const{dummyClickEventHandler:r}=Mn(),i={onClick:r};return a.jsx(Q,{_label:e,_icons:o,_on:i})}const TL={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,o)=>`Index: ${o.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,o)=>{o.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,o)=>{e.innerHTML=`<strong>${rd.format(o.label)}</strong>`},compareFn:(e,o)=>e.date.getTime()-o.date.getTime()},{label:"Action (react)",width:"20em",render:e=>{ko(Hr(e)).render(a.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[a.jsx(Be,{_label:"Input"}),a.jsx(SL,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},AL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful using React render functions for the cell contents."})}),a.jsx(vn,{_label:"Sort by date column",_minWidth:"auto",_data:jL,_headers:TL,className:"w-full"})]}),CL=[{id:"U-001",name:"Andrea Schmidt",team:"Design",email:"andrea@example.org",status:"Active"},{id:"U-002",name:"Boris Klein",team:"Engineering",email:"boris@example.org",status:"Active"},{id:"U-003",name:"Chiara Russo",team:"Support",email:"chiara@example.org",status:"On leave"}],EL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This example demonstrates how the table settings respect column metadata. Some columns can be hidden, reordered, or resized, while others stay locked based on their ",a.jsx("code",{children:"hidable"}),", ",a.jsx("code",{children:"sortable"}),", and ",a.jsx("code",{children:"resizable"})," flags."]})}),a.jsx(vn,{_label:"Table with column option restrictions",_minWidth:"auto",_hasSettingsMenu:!0,_headers:{horizontal:[[{key:"id",label:"ID",hidable:!1,sortable:!1},{key:"name",label:"Name"},{key:"team",label:"Team",sortable:!1},{key:"email",label:"E-Mail",resizable:!1},{key:"status",label:"Status",hidable:!1,resizable:!1}]]},_tableSettings:{columns:[{hidable:!1,key:"id",label:"ID",sortable:!1,visible:!0,width:15},{key:"name",label:"Name",visible:!0,width:30},{key:"team",label:"Team",sortable:!1,visible:!0,width:20},{key:"email",label:"E-Mail",resizable:!1,visible:!0,width:25},{hidable:!1,key:"status",label:"Status",resizable:!1,visible:!0,width:10}]},_data:CL,className:"block",style:{maxWidth:"720px"}})]}),b0=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),LL={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>b0.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},$L={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,o,r)=>b0.format(r.date),compareFn:(e,o)=>e.date<o.date?-1:o.date<e.date?1:0}]]},OL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),a.jsxs("section",{className:"w-full grid gap-4",children:[a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Vertical headers"}),a.jsx(vn,{_label:"Sort a date column",_minWidth:"auto",_data:ar.slice(0,10),_headers:$L,className:"block"})]}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Horizontal headers"}),a.jsx(vn,{_label:"Sort a date column",_minWidth:"auto",_data:ar,_headers:LL,className:"block"})]})]})]}),NL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function BL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const RL=()=>{const[e,o]=j.useState(),r={label:h=>`Selection for ${h.name}`,selectedKeys:e?e.map(h=>h.internalIdentifier):["AAA1004"],disabledKeys:["AAA1003","AAA1004"],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,p)=>{console.log("Selection change via callback",p)},u=async()=>{const h=await i.current?.getSelection();o(h)};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const m=(h,p)=>{ko(Hr(h)).render(a.jsx(BL,{label:`Click ${p.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(vn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:m}]]},_data:NL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(Q,{_label:"getSelection()",_on:{onClick:()=>{u()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},DL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function ML({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const IL=()=>{const[e,o]=j.useState(),r={label:h=>`Selection for ${h.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:h})=>{console.log("Selection change via event",h)},d=(h,p)=>{console.log("Selection change via callback",p)},u=async()=>{const h=await i.current?.getSelection();o(h)};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const m=(h,p)=>{ko(Hr(h)).render(a.jsx(ML,{label:`Click ${p.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),a.jsxs("section",{className:"w-full",children:[a.jsx(vn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:m}]]},_data:DL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i}),a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[a.jsx(Q,{_label:"getSelection()",_on:{onClick:()=>{u()}}}),a.jsx("pre",{className:"text-base",children:JSON.stringify(e,null,2)})]})]})]})},UL=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],HL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:UL,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,o)=>{console.log(o)}}})})]}),FL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function KL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const VL=()=>{const[e,o]=j.useState(["AAA1002","AAA1004"]),r={label:m=>`Selection for ${m.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier",disabledKeys:["AAA1003","AAA1004"]},i=j.useRef(null),s=({detail:m})=>{console.log("Selection change via event",m)},d=(m,h)=>{console.log("Selection change via callback",h),o(Array.isArray(h)?h:[h])};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const u=(m,h)=>{ko(Hr(m)).render(a.jsx(KL,{label:`Click ${h.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:u}]]},_data:FL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},qL=[{id:"U1001",name:"Alice Johnson",role:"Admin",email:"alice@example.org",active:"Yes"},{id:"U1002",name:"Bob Smith",role:"Editor",email:"bob@example.org",active:"No"},{id:"U1003",name:"Carol Lee",role:"Viewer",email:"carol@example.org",active:"Yes"},{id:"U1004",name:"David Kim",role:"Editor",email:"david@example.org",active:"Yes"}],ZL=()=>a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsxs("p",{children:["This sample shows ",a.jsx("code",{children:"KolTableStateless"})," with the settings menu enabled via",a.jsx("code",{children:"_hasSettingsMenu"}),". Each column demonstrates a different combination of sorting and resizing options."]}),a.jsxs("ul",{children:[a.jsxs("li",{children:[a.jsx("strong",{children:"ID"})," keeps a fixed width with ",a.jsx("code",{children:"resizable: false"})," while still allowing sorting."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Name"})," represents the default behavior with both sorting and resizing enabled."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Role"})," disables sorting but keeps ",a.jsx("code",{children:"resizable: true"})," so users can widen the column if necessary."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"E-Mail"})," allows sorting but locks its width with ",a.jsx("code",{children:"resizable: false"})," to keep the layout stable."]}),a.jsxs("li",{children:[a.jsx("strong",{children:"Active"})," is neither sortable nor resizable to emphasise the status indicator."]})]})]}),a.jsx(zl,{_label:"Users (stateless with settings menu)",_minWidth:"auto",className:"w-full",_hasSettingsMenu:!0,_headerCells:{horizontal:[[{key:"id",label:"ID",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!1},{key:"name",label:"Name",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!0},{key:"role",label:"Role",textAlign:"center",sortDirection:"NOS",sortable:!1,resizable:!0},{key:"email",label:"E-Mail",textAlign:"center",sortDirection:"NOS",sortable:!0,resizable:!1},{key:"active",label:"Active",textAlign:"center",sortDirection:"NOS",sortable:!1,resizable:!1}]]},_data:qL,_on:{onSort:(e,o)=>console.log("sort",o),onSelectionChange:(e,o)=>console.log("selection",o)}})]}),PL=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"Foo Disabled",internalIdentifier:"AAA1003"}];function GL({label:e}){const{dummyClickEventHandler:o}=Mn(),r={onClick:o};return a.jsx(Q,{_label:e,_on:r})}const YL=()=>{const[e,o]=j.useState(["1002"]),r={label:m=>`Selection for ${m.name}`,multiple:!1,selectedKeys:e,disabledKeys:["AAA1003"],keyPropertyName:"internalIdentifier"},i=j.useRef(null),s=({detail:m})=>{console.log("Selection change via event",m)},d=(m,h)=>{console.log("Selection change via callback",h),o(Array.isArray(h)?h:[h])};j.useEffect(()=>(i.current?.addEventListener(Et.selectionChange,s),()=>{i.current?.removeEventListener(Et.selectionChange,s)}),[i]);const u=(m,h)=>{ko(Hr(m)).render(a.jsx(GL,{label:`Click ${h.data?.id}`}))};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),a.jsx("section",{className:"w-full",children:a.jsx(zl,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:u}]]},_data:PL,_selection:r,_on:{onSelectionChange:d},className:"block",style:{maxWidth:"600px"},ref:i})})]})},I1=[{common_name:"African elephant",scientific_name:"Loxodonta africana",conservation_status:"Vulnerable",habitat:"Savannas and forests",diet:"Herbivore",geographic_range:"Sub-Saharan Africa"},{common_name:"American bison",scientific_name:"Bison bison",conservation_status:"Near Threatened",habitat:"Grasslands and plains",diet:"Herbivore",geographic_range:"North America"},{common_name:"Arctic fox",scientific_name:"Vulpes lagopus",conservation_status:"Least Concern",habitat:"Tundra",diet:"Omnivore",geographic_range:"Arctic Circle"},{common_name:"Atlantic puffin",scientific_name:"Fratercula arctica",conservation_status:"Vulnerable",habitat:"Coastal cliffs and open ocean",diet:"Carnivore",geographic_range:"North Atlantic Ocean"},{common_name:"Bengal tiger",scientific_name:"Panthera tigris tigris",conservation_status:"Endangered",habitat:"Tropical forests and grasslands",diet:"Carnivore",geographic_range:"Indian subcontinent"},{common_name:"Black rhinoceros",scientific_name:"Diceros bicornis",conservation_status:"Critically Endangered",habitat:"Savannas and shrublands",diet:"Herbivore",geographic_range:"Eastern and Southern Africa"},{common_name:"Blue whale",scientific_name:"Balaenoptera musculus",conservation_status:"Endangered",habitat:"Open ocean",diet:"Carnivore",geographic_range:"Global oceans"},{common_name:"California condor",scientific_name:"Gymnogyps californianus",conservation_status:"Critically Endangered",habitat:"Cliffs and scrublands",diet:"Scavenger",geographic_range:"Western United States"},{common_name:"Cheetah",scientific_name:"Acinonyx jubatus",conservation_status:"Vulnerable",habitat:"Grasslands and savannas",diet:"Carnivore",geographic_range:"Africa and Iran"},{common_name:"Emperor penguin",scientific_name:"Aptenodytes forsteri",conservation_status:"Near Threatened",habitat:"Sea ice and open ocean",diet:"Carnivore",geographic_range:"Antarctica"},{common_name:"Galápagos tortoise",scientific_name:"Chelonoidis niger",conservation_status:"Vulnerable",habitat:"Volcanic highlands",diet:"Herbivore",geographic_range:"Galápagos Islands"},{common_name:"Giant anteater",scientific_name:"Myrmecophaga tridactyla",conservation_status:"Vulnerable",habitat:"Grasslands and forests",diet:"Insectivore",geographic_range:"Central and South America"},{common_name:"Giant panda",scientific_name:"Ailuropoda melanoleuca",conservation_status:"Vulnerable",habitat:"Temperate bamboo forests",diet:"Herbivore",geographic_range:"Central China"},{common_name:"Golden eagle",scientific_name:"Aquila chrysaetos",conservation_status:"Least Concern",habitat:"Mountains and open plains",diet:"Carnivore",geographic_range:"Northern Hemisphere"},{common_name:"Gray wolf",scientific_name:"Canis lupus",conservation_status:"Least Concern",habitat:"Forests and tundra",diet:"Carnivore",geographic_range:"Northern Hemisphere"},{common_name:"Great white shark",scientific_name:"Carcharodon carcharias",conservation_status:"Vulnerable",habitat:"Coastal and offshore waters",diet:"Carnivore",geographic_range:"Global temperate seas"},{common_name:"Green sea turtle",scientific_name:"Chelonia mydas",conservation_status:"Endangered",habitat:"Coastal waters and beaches",diet:"Herbivore",geographic_range:"Tropical and subtropical oceans"},{common_name:"Harpy eagle",scientific_name:"Harpia harpyja",conservation_status:"Near Threatened",habitat:"Tropical rainforests",diet:"Carnivore",geographic_range:"Central and South America"},{common_name:"Humpback whale",scientific_name:"Megaptera novaeangliae",conservation_status:"Least Concern",habitat:"Open ocean",diet:"Carnivore",geographic_range:"Global oceans"},{common_name:"Jaguar",scientific_name:"Panthera onca",conservation_status:"Near Threatened",habitat:"Tropical rainforests and wetlands",diet:"Carnivore",geographic_range:"Central and South America"},{common_name:"Koala",scientific_name:"Phascolarctos cinereus",conservation_status:"Vulnerable",habitat:"Eucalyptus woodlands",diet:"Herbivore",geographic_range:"Eastern Australia"},{common_name:"Monarch butterfly",scientific_name:"Danaus plexippus",conservation_status:"Endangered",habitat:"Prairies and meadows",diet:"Herbivore",geographic_range:"North America"},{common_name:"Mountain gorilla",scientific_name:"Gorilla beringei beringei",conservation_status:"Endangered",habitat:"Montane forests",diet:"Herbivore",geographic_range:"Central Africa"},{common_name:"Narwhal",scientific_name:"Monodon monoceros",conservation_status:"Near Threatened",habitat:"Arctic waters",diet:"Carnivore",geographic_range:"Arctic Circle"},{common_name:"Okapi",scientific_name:"Okapia johnstoni",conservation_status:"Endangered",habitat:"Rainforests",diet:"Herbivore",geographic_range:"Democratic Republic of the Congo"},{common_name:"Polar bear",scientific_name:"Ursus maritimus",conservation_status:"Vulnerable",habitat:"Sea ice and tundra",diet:"Carnivore",geographic_range:"Arctic Circle"},{common_name:"Red kangaroo",scientific_name:"Osphranter rufus",conservation_status:"Least Concern",habitat:"Deserts and grasslands",diet:"Herbivore",geographic_range:"Australia"},{common_name:"Red panda",scientific_name:"Ailurus fulgens",conservation_status:"Endangered",habitat:"Temperate forests",diet:"Omnivore",geographic_range:"Eastern Himalayas"},{common_name:"Snow leopard",scientific_name:"Panthera uncia",conservation_status:"Vulnerable",habitat:"Mountain ranges",diet:"Carnivore",geographic_range:"Central and South Asia"},{common_name:"Southern cassowary",scientific_name:"Casuarius casuarius",conservation_status:"Least Concern",habitat:"Tropical rainforests",diet:"Omnivore",geographic_range:"New Guinea and northeastern Australia"},{common_name:"Tasmanian devil",scientific_name:"Sarcophilus harrisii",conservation_status:"Endangered",habitat:"Forests and coastal scrub",diet:"Carnivore",geographic_range:"Tasmania"},{common_name:"Yellow-eyed penguin",scientific_name:"Megadyptes antipodes",conservation_status:"Endangered",habitat:"Coastal forests and beaches",diet:"Carnivore",geographic_range:"New Zealand"}],XL=Array.from({length:200},(e,o)=>{const r=I1[o%I1.length];return{id:o+1,...r}}),WL={horizontal:[[{label:"ID",key:"id",textAlign:"right"},{label:"Common name",key:"common_name",textAlign:"left"},{label:"Scientific name",key:"scientific_name",textAlign:"left"},{label:"Conservation status",key:"conservation_status",textAlign:"left"},{label:"Habitat",key:"habitat",textAlign:"left"},{label:"Diet",key:"diet",textAlign:"left"},{label:"Geographic range",key:"geographic_range",textAlign:"left"}]]},QL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with horizontal and vertical scrollbars. It should be focusable and scrollable with the keyboard. The table headline should be sticky at the top of the table. The data now lists animal species with conservation-focused details."})}),a.jsx(me,{_level:2,_label:"Sticky headers"}),a.jsx(vn,{_label:"Animal species overview",_minWidth:"1200px",_data:XL,_headers:WL,className:"block"})]}),JL=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTableStateful with footer data."})}),a.jsx(vn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})]}),e$={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,o,r)=>rd.format(r.date)}]]},n$={_page:2},o$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows how KolTableStateful can be navigated using a pagination."})}),a.jsx("div",{className:"w-full",children:a.jsx(vn,{_label:"Table description",_minWidth:"auto",_data:ar,_headers:e$,_pagination:n$})})]}),t$={table:{"column-alignment":iL,"complex-headers":cL,"horizontal-scrollbar":bL,"interactive-child-elements":hL,"multi-sort":gL,"non-hidable-columns":yL,"pagination-position":xL,"predefined-settings":zL,"render-cell":AL,"settings-column-options":EL,"sort-data":OL,"direction-aware-sort":fL,"stateful-with-selection":RL,"stateless-with-settings-menu":ZL,"stateful-with-single-selection":IL,stateless:HL,"stateless-with-selection":VL,"stateless-with-single-selection":YL,"sticky-header":QL,"with-footer":JL,"with-pagination":o$}},r$=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],a$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_align"})," set to ",a.jsx("code",{children:"left"}),", ",a.jsx("code",{children:"right"}),", ",a.jsx("code",{children:"top"})," and ",a.jsx("code",{children:"bottom"}),"."]})}),a.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(e=>{const o=`Tabs with ${e} align`;return a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:o}),a.jsxs(lr,{_tabs:r$,_align:e,_label:o,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},e)})})]}),m0=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],l$=m0.map(e=>({...e,_icons:void 0})),i$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),a.jsxs(lr,{_tabs:l$,_label:"Regular tabs",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),a.jsxs(lr,{_tabs:m0,className:"mt-4",_label:"Tabs with icons",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),U1=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],c$=()=>a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsxs("p",{children:["This sample shows KolTabs with the property ",a.jsx("code",{children:"_behavior"})," set to ",a.jsx("code",{children:"select-manual"})," and ",a.jsx("code",{children:"select-automatic"}),"."]}),a.jsx("p",{children:"This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption."})]}),a.jsxs("div",{className:"grid gap-8",children:[a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:'Tabs with "select manual" behavior'}),a.jsxs(lr,{_tabs:U1,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:'Tabs with "select automatic" behavior'}),a.jsxs(lr,{_tabs:U1,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),s$=()=>{const[e,o]=j.useState([{_label:"First tab"},{_label:"Second Tab"}]),r=()=>{o([...e,{_label:`Tab #${e.length+1}`}])};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:'This sample shows KolTabs with a "create tab" button.'})}),a.jsxs(lr,{_tabs:e,className:"mt-4",_label:"Tabs with create button",_hasCreateButton:!0,_on:{onCreate:r},children:[e.map((i,s)=>a.jsxs("div",{slot:`tab-${s}`,children:["Contents of ",i._label]},`tab-${s}`)),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"})]})]})},d$=[{_icons:"codicon codicon-pie-chart",_label:"First Tab",_hideLabel:!0},{_icons:"codicon codicon-calendar",_label:"Second Tab",_hideLabel:!0},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab",_hideLabel:!0},{_icons:"codicon codicon-telescope",_label:"Last Tab",_hideLabel:!0}],f$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),a.jsxs(lr,{_label:"Tabs with icons",_tabs:d$,children:[a.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),a.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),a.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),a.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),u$={tabs:{basic:i$,"create-button":s$,"icons-only":f$,behavior:c$,align:a$}},b$=`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
 elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
 et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
-sit amet.`,m$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),a.jsx(jo,{className:"w-full",children:a.jsx(on,{_adjustHeight:!0,_value:b$,_label:"Text input (auto grow)"})})]}),H1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(on,{...o,ref:r,_placeholder:"Placeholder",_label:"Text"})}),a.jsx(on,{...o,_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Ke},_label:"Text",_touched:!0,_hint:yo}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}}),a.jsx(on,{...o,ref:r,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),a.jsx(on,{...o,ref:r,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),a.jsx(on,{...o,ref:r,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),a.jsx(on,{...o,ref:r,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),a.jsx(on,{...o,ref:r,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),a.jsx(on,{...o,ref:r,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),a.jsx(on,{...o,ref:r,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),h$=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(H1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(H1,{ref:r,...o,_hideLabel:!0})]})]})}),p$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),a.jsx(xo,{RefComponent:h$,showButtons:!1})]}),v$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(on,{_label:"Text input (unset)"}),a.jsx(on,{_resize:"vertical",_label:"Text input (vertical)"}),a.jsx(on,{_resize:"none",_label:"Text input (none)"})]})})]}),k$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),a.jsx(jo,{className:"w-full",children:a.jsx(on,{_rows:10,_label:"Texteingabe"})})]}),g$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The sample demonstrates various ",a.jsx("code",{children:"KolTextarea"})," configurations — contrasting soft vs. hard ",a.jsx("code",{children:"_maxLength"})," settings and the optional",a.jsx("code",{children:"_hasCounter"})," — including one instance without length limits."]})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsx(on,{_label:"Textarea with soft max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0,_maxLengthBehavior:"soft"}),a.jsx(on,{_label:"Textarea with max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20}),a.jsx(on,{_label:"Textarea with max length and counter",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0}),a.jsx(on,{_label:"Textarea with counter",_value:"Lorem Ipsum",className:"mt-2",_hasCounter:!0})]})]}),_$={textarea:{basic:p$,"adjust-height":m$,resize:v$,rows:k$,"with-counter":g$}},y$=()=>{const[e]=Fr(),o=e.get("type"),r=Kr.getInstance(document),i=()=>{r.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})};j.useEffect(()=>{o&&r.enqueue({description:"Toasty",label:`Toast with type '${o}'`,type:o})},[o,r]);const s=()=>{r.enqueue({render:(m,{close:h})=>{ko(m).render(a.jsx(a.Fragment,{children:a.jsx(Q,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),h()}}})}))},label:"Initial Toast",type:"warning"})},d=async()=>{const m=await r.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});m&&setTimeout(m,2e3)},u=()=>{r.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),a.jsx("section",{className:"grid gap-4",children:a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Show simple toast",_on:{onClick:i}}),a.jsx(Q,{_label:"Show complex toast",_on:{onClick:s}}),a.jsx(Q,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void d()}}),a.jsx(Q,{_label:"Close all toasts",_on:{onClick:u}})]})})]})},$m=["default","info","success","warning","error"],x$=$m.map(e=>({label:e,value:e})),F1=e=>typeof e=="string"&&$m.includes(e),w$=()=>{const[e]=Fr(),o=e.get("type"),r=F1(o)?o:void 0,[i,s]=j.useState(()=>r??"default"),d=j.useMemo(()=>Kr.getInstance(document),[]);j.useEffect(()=>($m.forEach(p=>{d.enqueue({description:"Toasty",label:`Toast with type '${p}'`,type:p})}),()=>{d.closeAll()}),[d]),j.useEffect(()=>{r&&s(r)},[r]);const u=(p,k)=>{F1(k)&&s(k)},m=()=>{d.enqueue({description:"Toasty",label:`Toast with type '${i}'`,type:i})},h=()=>{d.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options. Use the configuration below to choose a toast type and open a toast with the card variant."})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(Ln,{_orientation:"horizontal",_label:"Toast type",_value:i,_options:x$,_on:{onChange:u}}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:`Open ${i} toast`,_on:{onClick:m}}),a.jsx(Q,{_label:"Close all toasts",_on:{onClick:h}})]})]})]})},z$={toast:{basic:y$,configurator:w$}},j$=()=>{const e=[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}];return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(me,{_label:"Orientation horizontal",_level:2}),a.jsx(pa,{class:"block w-fit",_label:"Toolbar",_items:e}),a.jsx(me,{_label:"Orientation vertical",_level:2}),a.jsx(pa,{class:"block w-fit",_label:"Toolbar",_items:e,_orientation:"vertical"})]})]})},S$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),a.jsx(pa,{_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"}]})]}),T$={toolbar:{basic:j$,disabled:S$}},A$=()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]},C$=()=>{const e=j.useContext(ym),{subPage:o}=y4(),[r,i]=j.useState("1 Home"),[s,d]=j.useState(!1),[u,m]=j.useState(!1),[h,p]=j.useState(!0),k=()=>{i(`1 Home ${A$()}`)},g=y=>({_href:`#/tree/basic/${y}${e?"?hideMenus":""}`,_active:y===o});return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),a.jsxs(jy,{_label:"Sitemap",class:"block w-fit",children:[a.jsx(Jn,{_label:r,...g("home")}),a.jsxs(Jn,{_label:"2 About (open initially)",...g("about"),_open:!0,children:[a.jsx(Jn,{_label:"2.0 Legal",...g("legal")}),a.jsxs(Jn,{_label:"2.1 Team",...g("team"),children:[a.jsx(Jn,{_label:"2.1.1. Values",...g("values")}),a.jsxs(Jn,{_label:"2.1.2. Members",...g("members"),children:[a.jsx(Jn,{_label:"2.1.2.1 Humans",...g("humans")}),s&&a.jsx(Jn,{_label:"2.1.2.2 Pets",...g("pets")})]}),a.jsx(Jn,{_label:"2.1.3 Locations",...g("locations"),children:u&&a.jsxs(Jn,{_label:"2.1.3.1 Europe",...g("europe"),children:[a.jsx(Jn,{_label:"2.1.3.1.1 Denmark",...g("denmark")}),a.jsx(Jn,{_label:"2.1.3.1.2 Netherlands",...g("netherlands")})]})})]})]}),h&&a.jsxs(Jn,{_label:"3. Products",...g("products"),children:[a.jsxs(Jn,{_label:"3.1 Home",...g("home-products"),children:[a.jsx(Jn,{_label:"3.1.1 Refrigerators",...g("fridges")}),a.jsx(Jn,{_label:"3.1.2 Coffee makers",...g("coffee-makers")})]}),a.jsx(Jn,{_label:"3.1 Office",...g("office-products"),children:a.jsx(Jn,{_label:"3.2.1 Printers",...g("printers")})})]})]}),a.jsxs("p",{children:["Current tree item: ",o??"none"]}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Change label for '1 Home'",_on:{onClick:k}}),a.jsx(Q,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),a.jsx(Q,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>m(!u)}}),a.jsx(Q,{_label:"Toggle '3. Products'",_on:{onClick:()=>p(!h)}})]})]})},E$={tree:{"basic/:subPage":C$}},L$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),a.jsx(Ys,{_label:"1.1.1"})]}),$$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),a.jsxs("p",{children:[a.jsx(Ys,{_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."]})]}),O$={version:{basic:L$,context:$$}},N$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example show how different components works with tabIndex."})}),a.jsxs("div",{className:"w-full grid gap-4",children:[a.jsx(Ne,{_label:"Button",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Q,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),a.jsx(Q,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),a.jsx(Q,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),a.jsx(Q,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),a.jsx(Ne,{_label:"ButtonLink",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Xe,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),a.jsx(Xe,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),a.jsx(Xe,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),a.jsx(Xe,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"Combobox",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(_o,{_hint:yo,_label:"Combobox 1, Tabindex 4",_suggestions:Jo,_value:"Deutschland",tabIndex:4}),a.jsx(_o,{_disabled:!0,_hint:yo,_label:"Combobox 2, Tabindex 3",_suggestions:Jo,_value:"Deutschland",tabIndex:3}),a.jsx(_o,{_touched:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Combobox 3, Tabindex 2",_suggestions:Jo,_value:"Deutschland",tabIndex:2}),a.jsx(_o,{_hint:yo,_label:"Combobox 4, Tabindex 1",_suggestions:Jo,_value:"Deutschland",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputCheckbox",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(cn,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),a.jsx(cn,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),a.jsx(cn,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Ke},_value:!1,tabIndex:2}),a.jsx(cn,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1})]})}),a.jsx(Ne,{_label:"InputColor",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Gn,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),a.jsx(Gn,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),a.jsx(Gn,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Gn,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputDate",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(qe,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),a.jsx(qe,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),a.jsx(qe,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(qe,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputEmail",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Yn,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),a.jsx(Yn,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),a.jsx(Yn,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Yn,{_label:"InputEmail 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputFile",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Rn,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),a.jsx(Rn,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),a.jsx(Rn,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Rn,{_label:"InputFile 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputNumber",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(An,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),a.jsx(An,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),a.jsx(An,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(An,{_label:"InputNumber 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputPassword",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(En,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),a.jsx(En,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),a.jsx(En,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(En,{_label:"InputPassword 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputRadio",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 2, Tabindex 3",_disabled:!0,tabIndex:3}),a.jsx(Ln,{_touched:!0,_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2})," ",a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputRange",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(no,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),a.jsx(no,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),a.jsx(no,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(no,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1})]})}),a.jsx(Ne,{_label:"InputText",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Be,{_label:"InputText 1, Tabindex 4",tabIndex:4}),a.jsx(Be,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),a.jsx(Be,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Be,{_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"LinkButton",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(en,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),a.jsx(en,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),a.jsx(en,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),a.jsx(en,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),a.jsx(Ne,{_label:"Link",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(ze,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),a.jsx(ze,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),a.jsx(ze,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),a.jsx(ze,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"SingleSelect",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(bo,{_label:"InputText 1, Tabindex 4",_options:Qo,_value:"de",tabIndex:4}),a.jsx(bo,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Qo,_value:"de",tabIndex:3}),a.jsx(bo,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Qo,_msg:{_type:"error",_description:Ke},_value:"de",tabIndex:2}),a.jsx(bo,{_label:"InputText 4, Tabindex 1",_options:Qo,_value:"de",tabIndex:1})]})}),a.jsx(Ne,{_label:"SplitButton",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(kl,{_label:"InputText 1, Tabindex 4",tabIndex:4,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 3, Tabindex 2",tabIndex:2,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 4, Tabindex 1",tabIndex:1,children:"Dropdown-Inhalt"})]})}),a.jsx(Ne,{_label:"Textarea",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(on,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),a.jsx(on,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),a.jsx(on,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(on,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})]})})]})]}),B$=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates how tooltip animation duration and width can be customized via",a.jsx("code",{children:"--kolibri-tooltip-animation-duration"})," and ",a.jsx("code",{children:"--kol-tooltip-width"}),"."]})}),a.jsxs("div",{className:"flex justify-center items-center gap-4",children:[a.jsx(Q,{_label:"Custom duration",_hideLabel:!0,style:{"--kolibri-tooltip-animation-duration":"2500ms"},_icons:"codicon codicon-clock",_on:o}),a.jsx(Q,{_label:"Custom width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-arrow-both",_on:o})]})]})},R$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolForm with KolInputDate inside to make sure enter on the date icon does not submit the form."})}),a.jsxs(jo,{_on:{onSubmit:()=>{console.error("submitted"),alert("submitted")}},children:[a.jsx(qe,{_label:"date",_name:"datum"}),a.jsx(Q,{_label:"Submit",_type:"submit"})]})]}),vs=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],D$=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This example shows how deactivated interactive elements are displayed."}),a.jsxs("ul",{children:[a.jsx("li",{children:"Deactivated interactive elements pose a particular challenge for accessibility."}),a.jsx("li",{children:"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."}),a.jsx("li",{children:"Deactivated interactive elements should be labelled clearly and legibly."}),a.jsx("li",{children:"Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic."})]}),a.jsx("p",{children:"This implementation ensures standardized use for all users."})]}),a.jsxs("div",{className:"w-full grid gap-4",children:[a.jsx(Ne,{_label:"Button",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Label",_on:o}),a.jsx(Q,{_disabled:!0,_label:"Label",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o}),a.jsx(Q,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o})]})}),a.jsx(Ne,{_label:"ButtonLink",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Xe,{_label:"Label"}),a.jsx(Xe,{_disabled:!0,_label:"Label"}),a.jsx(Xe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),a.jsx(Xe,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"})]})}),a.jsx(Ne,{_label:"Link",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ze,{_href:"#",_label:"Label"}),a.jsx(ze,{_disabled:!0,_href:"#",_label:"Label"}),a.jsx(ze,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),a.jsx(ze,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),a.jsx(Ne,{_label:"LinkButton",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(en,{_href:"#",_label:"Label"}),a.jsx(en,{_disabled:!0,_href:"#",_label:"Label"}),a.jsx(en,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),a.jsx(en,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),a.jsx(Ne,{_label:"Accordion",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Label",children:"Content"}),a.jsx(ro,{_disabled:!0,_label:"Label",children:"Content"}),a.jsx(ro,{_label:"Label (open)",_open:!0,children:"Content"}),a.jsx(ro,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),a.jsx(Ne,{_label:"Details",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(or,{_label:"Label",children:"Content"}),a.jsx(or,{_disabled:!0,_label:"Label",children:"Content"}),a.jsx(or,{_label:"Label (open)",_open:!0,children:"Content"}),a.jsx(or,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),[cn,Gn,qe,Yn,Rn,An,En,no,Be].map(r=>{const s=r.render.displayName;return a.jsx(Ne,{_label:s,_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(r,{_label:"Label"}),a.jsx(r,{_disabled:!0,_label:"Label"}),a.jsx(r,{_hideLabel:!0,_label:"Label"}),a.jsx(r,{_disabled:!0,_hideLabel:!0,_label:"Label"})]})},s)}),[Ln,Xn].map(r=>{const s=r.render.displayName;return a.jsx(Ne,{_label:s,_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(r,{_label:"Label",_options:vs}),a.jsx(r,{_disabled:!0,_label:"Label",_options:vs}),a.jsx(r,{_hideLabel:!0,_label:"Label",_options:vs}),a.jsx(r,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:vs})]})},s)}),a.jsx(Ne,{_label:"KolTextarea",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(on,{_label:"Label",_rows:3}),a.jsx(on,{_disabled:!0,_label:"Label",_rows:3}),a.jsx(on,{_hideLabel:!0,_label:"Label",_rows:3}),a.jsx(on,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})]})})]})]})},h0=()=>{const e=new Map;return e.set("inputCheckbox",(o,r)=>a.jsx(cn,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:r})),e.set("inputColor",(o,r)=>a.jsx(Gn,{className:"w-full",_name:"color",_label:"Color",ref:r})),e.set("inputDate",(o,r)=>a.jsx(qe,{className:"w-full",_name:"date",_label:"Date",ref:r})),e.set("inputEmail",(o,r)=>a.jsx(Yn,{className:"w-full",_name:"email",_label:"Email",ref:r})),e.set("inputFile",(o,r)=>a.jsx(Rn,{className:"w-full",_name:"file",_label:"File",ref:r})),e.set("inputFileMultiple",(o,r)=>a.jsx(Rn,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:r})),e.set("inputNumber",(o,r)=>a.jsx(An,{className:"w-full",_name:"number",_label:"Number",ref:r})),e.set("inputPassword",(o,r)=>a.jsx(En,{className:"w-full",_name:"password",_label:"Password",ref:r})),e.set("inputRadio",(o,r)=>a.jsx(Ln,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:r})),e.set("inputRange",(o,r)=>a.jsx(no,{className:"w-full",_name:"range",_label:"Range",ref:r})),e.set("inputText",(o,r)=>a.jsx(Be,{className:"w-full",_name:"text",_label:"Text",ref:r})),e.set("select",(o,r)=>a.jsx(Xn,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:r})),e.set("selectMultiple",(o,r)=>a.jsx(Xn,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:r})),e.set("singleSelect",(o,r)=>a.jsx(bo,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:r})),e.set("textarea",(o,r)=>a.jsx(on,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:r})),e.set("accordion",(o,r)=>a.jsx(ro,{className:"w-full",_label:"Accordion here",ref:r})),e.set("button",(o,r)=>a.jsx("div",{children:a.jsx(Q,{_label:"Button here",ref:r})})),e.set("buttonLink",(o,r)=>a.jsx(Xe,{_label:"ButtonLink here",ref:r})),e.set("combobox",(o,r)=>a.jsx(_o,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:r})),e.set("details",(o,r)=>a.jsx(or,{className:"w-full",_label:"Details here",ref:r,children:"detailed details"})),e.set("link",(o,r)=>a.jsx(ze,{className:"w-full",_label:"Link here",_href:"#",ref:r})),e.set("linkButton",(o,r)=>a.jsx("div",{children:a.jsx(en,{_label:"LinkButton here",_href:"#",ref:r})})),e},K1=e=>{const r=[...j.useMemo(()=>h0(),[]).keys()].map(i=>i);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example."})}),e.invalidComponent&&a.jsx(go,{_type:"error",_variant:"card",children:"Component not found."}),a.jsx(me,{_level:2,_label:"Focus Test Cases"}),a.jsx("ul",{children:r.map(i=>a.jsx("li",{children:a.jsx(ze,{_label:i,_href:`#/scenarios/focus-elements?component=${i}`})},i))})]})},M$=()=>{const e=j.useRef(null),o=j.useMemo(()=>h0(),[]),[r]=Fr(),i=r.get("component");if(j.useLayoutEffect(()=>{setTimeout(()=>{e.current?.kolFocus()},500)},[e]),i){const s=o.get(i);if(!s)return a.jsx(K1,{invalidComponent:!0});const d=j.forwardRef(s);return a.jsx(d,{ref:e})}else return a.jsx(K1,{})},I$=[{name:"Elephant",species:"Loxodonta",habitat:"Savannah",diet:"Herbivore",lifespan:60},{name:"Tiger",species:"Panthera tigris",habitat:"Forest",diet:"Carnivore",lifespan:20},{name:"Kangaroo",species:"Macropus",habitat:"Grassland",diet:"Herbivore",lifespan:23},{name:"Penguin",species:"Aptenodytes forsteri",habitat:"Antarctica",diet:"Carnivore",lifespan:20},{name:"Giraffe",species:"Giraffa camelopardalis",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Panda",species:"Ailuropoda melanoleuca",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Dolphin",species:"Delphinus delphis",habitat:"Ocean",diet:"Carnivore",lifespan:40},{name:"Eagle",species:"Aquila chrysaetos",habitat:"Mountains",diet:"Carnivore",lifespan:30},{name:"Koala",species:"Phascolarctos cinereus",habitat:"Forest",diet:"Herbivore",lifespan:18},{name:"Lion",species:"Panthera leo",habitat:"Savannah",diet:"Carnivore",lifespan:15},{name:"Zebra",species:"Equus quagga",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Wolf",species:"Canis lupus",habitat:"Forest",diet:"Carnivore",lifespan:14},{name:"Cheetah",species:"Acinonyx jubatus",habitat:"Savannah",diet:"Carnivore",lifespan:12},{name:"Polar Bear",species:"Ursus maritimus",habitat:"Arctic",diet:"Carnivore",lifespan:25},{name:"Rhinoceros",species:"Rhinocerotidae",habitat:"Savannah",diet:"Herbivore",lifespan:40},{name:"Hippopotamus",species:"Hippopotamus amphibius",habitat:"Rivers",diet:"Herbivore",lifespan:45},{name:"Chimpanzee",species:"Pan troglodytes",habitat:"Forest",diet:"Omnivore",lifespan:50},{name:"Orangutan",species:"Pongo",habitat:"Forest",diet:"Omnivore",lifespan:45},{name:"Leopard",species:"Panthera pardus",habitat:"Forest",diet:"Carnivore",lifespan:17},{name:"Hyena",species:"Hyaenidae",habitat:"Savannah",diet:"Carnivore",lifespan:25},{name:"Crocodile",species:"Crocodylidae",habitat:"Rivers",diet:"Carnivore",lifespan:70},{name:"Alligator",species:"Alligatoridae",habitat:"Swamps",diet:"Carnivore",lifespan:50},{name:"Ostrich",species:"Struthio camelus",habitat:"Savannah",diet:"Omnivore",lifespan:40},{name:"Flamingo",species:"Phoenicopterus",habitat:"Lakes",diet:"Omnivore",lifespan:30},{name:"Peacock",species:"Pavo cristatus",habitat:"Forest",diet:"Omnivore",lifespan:20},{name:"Parrot",species:"Psittaciformes",habitat:"Forest",diet:"Omnivore",lifespan:50},{name:"Toucan",species:"Ramphastidae",habitat:"Forest",diet:"Omnivore",lifespan:20},{name:"Sloth",species:"Folivora",habitat:"Forest",diet:"Herbivore",lifespan:30},{name:"Armadillo",species:"Dasypodidae",habitat:"Grassland",diet:"Omnivore",lifespan:15},{name:"Anteater",species:"Myrmecophaga tridactyla",habitat:"Forest",diet:"Insectivore",lifespan:14},{name:"Bat",species:"Chiroptera",habitat:"Caves",diet:"Omnivore",lifespan:20},{name:"Otter",species:"Lutrinae",habitat:"Rivers",diet:"Carnivore",lifespan:16},{name:"Beaver",species:"Castor",habitat:"Rivers",diet:"Herbivore",lifespan:24},{name:"Moose",species:"Alces alces",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Deer",species:"Cervidae",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Bison",species:"Bison bison",habitat:"Grassland",diet:"Herbivore",lifespan:20},{name:"Buffalo",species:"Syncerus caffer",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Camel",species:"Camelus",habitat:"Desert",diet:"Herbivore",lifespan:50},{name:"Llama",species:"Lama glama",habitat:"Mountains",diet:"Herbivore",lifespan:20},{name:"Alpaca",species:"Vicugna pacos",habitat:"Mountains",diet:"Herbivore",lifespan:20},{name:"Goat",species:"Capra aegagrus hircus",habitat:"Mountains",diet:"Herbivore",lifespan:18},{name:"Sheep",species:"Ovis aries",habitat:"Grassland",diet:"Herbivore",lifespan:12},{name:"Cow",species:"Bos taurus",habitat:"Grassland",diet:"Herbivore",lifespan:20},{name:"Pig",species:"Sus scrofa domesticus",habitat:"Farm",diet:"Omnivore",lifespan:15},{name:"Chicken",species:"Gallus gallus domesticus",habitat:"Farm",diet:"Omnivore",lifespan:10}],U$=[{_icons:"codicon codicon-pie-chart",_label:"Erster Tab"},{_icons:"codicon codicon-calendar",_label:"Zweiter Tab",_disabled:!0},{_icons:"codicon codicon-briefcase",_label:"Deaktivierter Tab",_disabled:!0},{_icons:"codicon codicon-telescope",_label:"Letzter Tab",_disabled:!0}],V1={horizontal:[[{key:"name",label:"Name",textAlign:"left",width:"400px"},{key:"species",label:"Species",textAlign:"left",width:"400px"},{key:"habitat",label:"Habitat",textAlign:"left",width:"400px"},{key:"diet",label:"Diet",textAlign:"left",width:"400px"},{key:"lifespan",label:"lifespan",textAlign:"right",width:"400px"}]]};function H$(){const[e]=j.useState(()=>{const o=V1.horizontal[0];let r=0;for(const i of o)r+=parseFloat(i.width?.replace("px","")||"0");return`${r}px`});return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas."})}),a.jsxs("div",{className:"mainlayout",children:[a.jsx("aside",{className:"nav-area",children:a.jsx(yl,{_label:"Main navigation",_links:u0,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),a.jsx("div",{className:"content",children:a.jsxs(lr,{_tabs:U$,_align:"top",_label:"Demo Tabs",children:[a.jsx("div",{style:{overflow:"hidden"},children:a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:V1,_data:I$,_pagination:{_page:1},className:"block"})}),a.jsx("div",{}),a.jsx("div",{}),a.jsx("div",{})]})})]})]})}const F$=()=>{const e="Unrecognized phone number.",o="Choose at least two and up to five toppings.",r=["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"],i=[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}];return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."}),a.jsx("p",{children:"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example."})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Phone number"}),a.jsx(go,{_alert:!0,_type:"error",_label:e}),a.jsxs("div",{className:"grid grid-cols-3 gap-4 max-w-2xl",children:[a.jsx(Xn,{_options:i,_label:"CountryCode ",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),a.jsx(Be,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),a.jsx(Be,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0})]})]}),a.jsxs("fieldset",{className:"mt",children:[a.jsx("legend",{children:"Pizza toppings"}),a.jsx(go,{_alert:!0,_type:"error",_label:o}),r.map(s=>a.jsx(cn,{_label:s,_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0},s))]})]})},p0=j.createContext(void 0),v0=j.createContext(!1),uo=e=>{const o=j.useRef(null),[r,i]=j.useState(void 0),[s,d]=j.useState(e.inputProps._value),u=e.formatter||JSON.stringify,m=j.useContext(p0),h=j.useContext(v0),p=async()=>{const g=await o.current?.getValue();i(g)};j.useEffect(()=>{const g=()=>{p()};return m?.addEventListener("runAll",g),()=>{m?.removeEventListener("runAll",g)}},[m]);const k=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map(g=>[g,(y,S)=>{h&&console.log(e.inputProps._label,g,S,y),g==="onInput"&&d(S)}]));return a.jsx(a.Fragment,{children:a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId,children:[a.jsx(e.InputComponent,{ref:o,_on:k,...e.inputProps,_value:s}),a.jsx(Q,{_label:"getValue()",_on:{onClick:()=>{p()}}}),a.jsx("pre",{className:"text-base",children:u(r)})]})})},K$=()=>{const e=j.useMemo(()=>new EventTarget,[]),[o,r]=j.useState(!0);return a.jsx(a.Fragment,{children:a.jsx(p0.Provider,{value:e,children:a.jsxs(v0.Provider,{value:o,children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows how the input components ",a.jsx("code",{children:"getValue()"}),` method works. It's called when clicking the "getValue()" button and prints the current value right next to itself.`]})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(Ne,{_label:"Sample options",className:"block ha mb-8",children:a.jsx(cn,{_label:"Log events to console",_value:!0,_checked:o,_on:{onChange:(i,s)=>r(s)}})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(uo,{testId:"scenario-inputText",InputComponent:Be,inputProps:{_label:"InputText"}}),a.jsx(uo,{testId:"scenario-inputCheckboxString",InputComponent:cn,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),a.jsx(uo,{testId:"scenario-inputCheckboxBoolean",InputComponent:cn,inputProps:{_label:"KolInputCheckbox (boolean)"}}),a.jsx(uo,{testId:"scenario-inputColor",InputComponent:Gn,inputProps:{_label:"KolInputColor"}}),a.jsx(uo,{testId:"scenario-inputDate",InputComponent:qe,inputProps:{_label:"KolInputDate"}}),a.jsx(uo,{testId:"scenario-inputEmail",InputComponent:Yn,inputProps:{_label:"KolInputEmail"}}),a.jsx(uo,{testId:"scenario-inputFile",InputComponent:Rn,inputProps:{_label:"KolInputFile"},formatter:i=>i instanceof FileList?`FileList{${Array.from(i).map(s=>s.name).join(", ")}}`:JSON.stringify(i)}),a.jsx(uo,{testId:"scenario-inputNumber",InputComponent:An,inputProps:{_label:"KolInputNumber"}}),a.jsx(uo,{testId:"scenario-inputPassword",InputComponent:En,inputProps:{_label:"KolInputPassword"}}),a.jsx(uo,{testId:"scenario-inputRange",InputComponent:no,inputProps:{_label:"KolInputRange"}}),a.jsx(uo,{testId:"scenario-inputRadio",InputComponent:Ln,inputProps:{_label:"KolInputRadio",_orientation:"horizontal",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"New York"}}),a.jsx(uo,{testId:"scenario-select",InputComponent:Xn,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),a.jsx(uo,{testId:"scenario-singleSelect",InputComponent:bo,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),a.jsx(uo,{testId:"scenario-combobox",InputComponent:_o,inputProps:{_label:"KolCombobox",_suggestions:Jo,_value:"Deutschland"}}),a.jsx(uo,{testId:"scenario-textarea",InputComponent:on,inputProps:{_label:"KolTextarea"}}),a.jsx(uo,{testId:"scenario-button",InputComponent:Q,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),a.jsx(uo,{testId:"scenario-buttonLink",InputComponent:Xe,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsx("div",{}),a.jsx(Q,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})]})]})]})]})})})},V$=333,q$=new Array(V$).fill(0).map((e,o)=>o+1),Z$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example renders many KoliBri components to show the performance."})}),a.jsx("div",{className:"w-full grid gap-4",children:q$.map(e=>a.jsxs("div",{className:"flex flex-wrap items-end gap-4",children:[a.jsx(Be,{_label:`TextInput #${e}`}),a.jsx(An,{_label:`NumberInput #${e}`}),a.jsx(cn,{_label:`Checkbox #${e}`})]},e))})]});var ab={exports:{}},Ie={};var q1;function P$(){if(q1)return Ie;q1=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),d=Symbol.for("react.consumer"),u=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),y=Symbol.iterator;function S(_){return _===null||typeof _!="object"?null:(_=y&&_[y]||_["@@iterator"],typeof _=="function"?_:null)}var $={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},A=Object.assign,N={};function E(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}E.prototype.isReactComponent={},E.prototype.setState=function(_,L){if(typeof _!="object"&&typeof _!="function"&&_!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,_,L,"setState")},E.prototype.forceUpdate=function(_){this.updater.enqueueForceUpdate(this,_,"forceUpdate")};function x(){}x.prototype=E.prototype;function z(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}var B=z.prototype=new x;B.constructor=z,A(B,E.prototype),B.isPureReactComponent=!0;var I=Array.isArray;function K(){}var U={H:null,A:null,T:null,S:null},le=Object.prototype.hasOwnProperty;function ce(_,L,Y){var ne=Y.ref;return{$$typeof:e,type:_,key:L,ref:ne!==void 0?ne:null,props:Y}}function Re(_,L){return ce(_.type,L,_.props)}function ie(_){return typeof _=="object"&&_!==null&&_.$$typeof===e}function re(_){var L={"=":"=0",":":"=2"};return"$"+_.replace(/[=:]/g,function(Y){return L[Y]})}var xe=/\/+/g;function $e(_,L){return typeof _=="object"&&_!==null&&_.key!=null?re(""+_.key):L.toString(36)}function Ve(_){switch(_.status){case"fulfilled":return _.value;case"rejected":throw _.reason;default:switch(typeof _.status=="string"?_.then(K,K):(_.status="pending",_.then(function(L){_.status==="pending"&&(_.status="fulfilled",_.value=L)},function(L){_.status==="pending"&&(_.status="rejected",_.reason=L)})),_.status){case"fulfilled":return _.value;case"rejected":throw _.reason}}throw _}function R(_,L,Y,ne,se){var ue=typeof _;(ue==="undefined"||ue==="boolean")&&(_=null);var ge=!1;if(_===null)ge=!0;else switch(ue){case"bigint":case"string":case"number":ge=!0;break;case"object":switch(_.$$typeof){case e:case o:ge=!0;break;case k:return ge=_._init,R(ge(_._payload),L,Y,ne,se)}}if(ge)return se=se(_),ge=ne===""?"."+$e(_,0):ne,I(se)?(Y="",ge!=null&&(Y=ge.replace(xe,"$&/")+"/"),R(se,L,Y,"",function(Fo){return Fo})):se!=null&&(ie(se)&&(se=Re(se,Y+(se.key==null||_&&_.key===se.key?"":(""+se.key).replace(xe,"$&/")+"/")+ge)),L.push(se)),1;ge=0;var tn=ne===""?".":ne+":";if(I(_))for(var Ue=0;Ue<_.length;Ue++)ne=_[Ue],ue=tn+$e(ne,Ue),ge+=R(ne,L,Y,ue,se);else if(Ue=S(_),typeof Ue=="function")for(_=Ue.call(_),Ue=0;!(ne=_.next()).done;)ne=ne.value,ue=tn+$e(ne,Ue++),ge+=R(ne,L,Y,ue,se);else if(ue==="object"){if(typeof _.then=="function")return R(Ve(_),L,Y,ne,se);throw L=String(_),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(_).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return ge}function G(_,L,Y){if(_==null)return _;var ne=[],se=0;return R(_,ne,"","",function(ue){return L.call(Y,ue,se++)}),ne}function de(_){if(_._status===-1){var L=_._result;L=L(),L.then(function(Y){(_._status===0||_._status===-1)&&(_._status=1,_._result=Y)},function(Y){(_._status===0||_._status===-1)&&(_._status=2,_._result=Y)}),_._status===-1&&(_._status=0,_._result=L)}if(_._status===1)return _._result.default;throw _._result}var we=typeof reportError=="function"?reportError:function(_){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof _=="object"&&_!==null&&typeof _.message=="string"?String(_.message):String(_),error:_});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",_);return}console.error(_)},Ce={map:G,forEach:function(_,L,Y){G(_,function(){L.apply(this,arguments)},Y)},count:function(_){var L=0;return G(_,function(){L++}),L},toArray:function(_){return G(_,function(L){return L})||[]},only:function(_){if(!ie(_))throw Error("React.Children.only expected to receive a single React element child.");return _}};return Ie.Activity=g,Ie.Children=Ce,Ie.Component=E,Ie.Fragment=r,Ie.Profiler=s,Ie.PureComponent=z,Ie.StrictMode=i,Ie.Suspense=h,Ie.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=U,Ie.__COMPILER_RUNTIME={__proto__:null,c:function(_){return U.H.useMemoCache(_)}},Ie.cache=function(_){return function(){return _.apply(null,arguments)}},Ie.cacheSignal=function(){return null},Ie.cloneElement=function(_,L,Y){if(_==null)throw Error("The argument must be a React element, but you passed "+_+".");var ne=A({},_.props),se=_.key;if(L!=null)for(ue in L.key!==void 0&&(se=""+L.key),L)!le.call(L,ue)||ue==="key"||ue==="__self"||ue==="__source"||ue==="ref"&&L.ref===void 0||(ne[ue]=L[ue]);var ue=arguments.length-2;if(ue===1)ne.children=Y;else if(1<ue){for(var ge=Array(ue),tn=0;tn<ue;tn++)ge[tn]=arguments[tn+2];ne.children=ge}return ce(_.type,se,ne)},Ie.createContext=function(_){return _={$$typeof:u,_currentValue:_,_currentValue2:_,_threadCount:0,Provider:null,Consumer:null},_.Provider=_,_.Consumer={$$typeof:d,_context:_},_},Ie.createElement=function(_,L,Y){var ne,se={},ue=null;if(L!=null)for(ne in L.key!==void 0&&(ue=""+L.key),L)le.call(L,ne)&&ne!=="key"&&ne!=="__self"&&ne!=="__source"&&(se[ne]=L[ne]);var ge=arguments.length-2;if(ge===1)se.children=Y;else if(1<ge){for(var tn=Array(ge),Ue=0;Ue<ge;Ue++)tn[Ue]=arguments[Ue+2];se.children=tn}if(_&&_.defaultProps)for(ne in ge=_.defaultProps,ge)se[ne]===void 0&&(se[ne]=ge[ne]);return ce(_,ue,se)},Ie.createRef=function(){return{current:null}},Ie.forwardRef=function(_){return{$$typeof:m,render:_}},Ie.isValidElement=ie,Ie.lazy=function(_){return{$$typeof:k,_payload:{_status:-1,_result:_},_init:de}},Ie.memo=function(_,L){return{$$typeof:p,type:_,compare:L===void 0?null:L}},Ie.startTransition=function(_){var L=U.T,Y={};U.T=Y;try{var ne=_(),se=U.S;se!==null&&se(Y,ne),typeof ne=="object"&&ne!==null&&typeof ne.then=="function"&&ne.then(K,we)}catch(ue){we(ue)}finally{L!==null&&Y.types!==null&&(L.types=Y.types),U.T=L}},Ie.unstable_useCacheRefresh=function(){return U.H.useCacheRefresh()},Ie.use=function(_){return U.H.use(_)},Ie.useActionState=function(_,L,Y){return U.H.useActionState(_,L,Y)},Ie.useCallback=function(_,L){return U.H.useCallback(_,L)},Ie.useContext=function(_){return U.H.useContext(_)},Ie.useDebugValue=function(){},Ie.useDeferredValue=function(_,L){return U.H.useDeferredValue(_,L)},Ie.useEffect=function(_,L){return U.H.useEffect(_,L)},Ie.useEffectEvent=function(_){return U.H.useEffectEvent(_)},Ie.useId=function(){return U.H.useId()},Ie.useImperativeHandle=function(_,L,Y){return U.H.useImperativeHandle(_,L,Y)},Ie.useInsertionEffect=function(_,L){return U.H.useInsertionEffect(_,L)},Ie.useLayoutEffect=function(_,L){return U.H.useLayoutEffect(_,L)},Ie.useMemo=function(_,L){return U.H.useMemo(_,L)},Ie.useOptimistic=function(_,L){return U.H.useOptimistic(_,L)},Ie.useReducer=function(_,L,Y){return U.H.useReducer(_,L,Y)},Ie.useRef=function(_){return U.H.useRef(_)},Ie.useState=function(_){return U.H.useState(_)},Ie.useSyncExternalStore=function(_,L,Y){return U.H.useSyncExternalStore(_,L,Y)},Ie.useTransition=function(){return U.H.useTransition()},Ie.version="19.2.0",Ie}var Z1;function G$(){return Z1||(Z1=1,ab.exports=P$()),ab.exports}var Y$=G$();const hn=yy(Y$);var X$=e=>e.type==="checkbox",Oi=e=>e instanceof Date,Om=e=>e==null;const k0=e=>typeof e=="object";var ka=e=>!Om(e)&&!Array.isArray(e)&&k0(e)&&!Oi(e),W$=e=>ka(e)&&e.target?X$(e.target)?e.target.checked:e.target.value:e,Q$=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,J$=(e,o)=>e.has(Q$(o)),e9=e=>{const o=e.constructor&&e.constructor.prototype;return ka(o)&&o.hasOwnProperty("isPrototypeOf")},n9=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function g0(e){let o;const r=Array.isArray(e),i=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)o=new Date(e);else if(!(n9&&(e instanceof Blob||i))&&(r||ka(e)))if(o=r?[]:Object.create(Object.getPrototypeOf(e)),!r&&!e9(e))o=e;else for(const s in e)e.hasOwnProperty(s)&&(o[s]=g0(e[s]));else return e;return o}var _0=e=>/^\w*$/.test(e),Fb=e=>e===void 0,o9=e=>Array.isArray(e)?e.filter(Boolean):[],y0=e=>o9(e.replace(/["|']|\]/g,"").split(/\.|\[/)),Bo=(e,o,r)=>{if(!o||!ka(e))return r;const i=(_0(o)?[o]:y0(o)).reduce((s,d)=>Om(s)?s:s[d],e);return Fb(i)||i===e?Fb(e[o])?r:e[o]:i},lb=e=>typeof e=="boolean",P1=(e,o,r)=>{let i=-1;const s=_0(o)?[o]:y0(o),d=s.length,u=d-1;for(;++i<d;){const m=s[i];let h=r;if(i!==u){const p=e[m];h=ka(p)||Array.isArray(p)?p:isNaN(+s[i+1])?{}:[]}if(m==="__proto__"||m==="constructor"||m==="prototype")return;e[m]=h,e=e[m]}};const G1={BLUR:"blur",CHANGE:"change"},Y1={all:"all"},x0=hn.createContext(null);x0.displayName="HookFormContext";const Nm=()=>hn.useContext(x0);var t9=(e,o,r,i=!0)=>{const s={defaultValues:o._defaultValues};for(const d in e)Object.defineProperty(s,d,{get:()=>{const u=d;return o._proxyFormState[u]!==Y1.all&&(o._proxyFormState[u]=!i||Y1.all),r&&(r[u]=!0),e[u]}});return s};const w0=typeof window<"u"?hn.useLayoutEffect:hn.useEffect;function r9(e){const o=Nm(),{control:r=o.control,disabled:i,name:s,exact:d}=e||{},[u,m]=hn.useState(r._formState),h=hn.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return w0(()=>r._subscribe({name:s,formState:h.current,exact:d,callback:p=>{!i&&m({...r._formState,...p})}}),[s,i,d]),hn.useEffect(()=>{h.current.isValid&&r._setValid(!0)},[r]),hn.useMemo(()=>t9(u,r,h.current,!1),[u,r])}var a9=e=>typeof e=="string",l9=(e,o,r,i,s)=>a9(e)?Bo(r,e,s):Array.isArray(e)?e.map(d=>Bo(r,d)):r,X1=e=>Om(e)||!k0(e);function z0(e,o,r=new WeakSet){if(X1(e)||X1(o))return e===o;if(Oi(e)&&Oi(o))return e.getTime()===o.getTime();const i=Object.keys(e),s=Object.keys(o);if(i.length!==s.length)return!1;if(r.has(e)||r.has(o))return!0;r.add(e),r.add(o);for(const d of i){const u=e[d];if(!s.includes(d))return!1;if(d!=="ref"){const m=o[d];if(Oi(u)&&Oi(m)||ka(u)&&ka(m)||Array.isArray(u)&&Array.isArray(m)?!z0(u,m,r):u!==m)return!1}}return!0}function i9(e){const o=Nm(),{control:r=o.control,name:i,defaultValue:s,disabled:d,exact:u,compute:m}=e||{},h=hn.useRef(s),p=hn.useRef(m),k=hn.useRef(void 0);p.current=m;const g=hn.useMemo(()=>r._getWatch(i,h.current),[r,i]),[y,S]=hn.useState(p.current?p.current(g):g);return w0(()=>r._subscribe({name:i,formState:{values:!0},exact:u,callback:$=>{if(!d){const A=l9(i,r._names,$.values||r._formValues,!1,h.current);if(p.current){const N=p.current(A);z0(N,k.current)||(S(N),k.current=N)}else S(A)}}}),[r,d,i,u]),hn.useEffect(()=>r._removeUnmounted()),y}function c9(e){const o=Nm(),{name:r,disabled:i,control:s=o.control,shouldUnregister:d,defaultValue:u}=e,m=J$(s._names.array,r),h=hn.useMemo(()=>Bo(s._formValues,r,Bo(s._defaultValues,r,u)),[s,r,u]),p=i9({control:s,name:r,defaultValue:h,exact:!0}),k=r9({control:s,name:r,exact:!0}),g=hn.useRef(e),y=hn.useRef(void 0),S=hn.useRef(s.register(r,{...e.rules,value:p,...lb(e.disabled)?{disabled:e.disabled}:{}}));g.current=e;const $=hn.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!Bo(k.errors,r)},isDirty:{enumerable:!0,get:()=>!!Bo(k.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!Bo(k.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!Bo(k.validatingFields,r)},error:{enumerable:!0,get:()=>Bo(k.errors,r)}}),[k,r]),A=hn.useCallback(z=>S.current.onChange({target:{value:W$(z),name:r},type:G1.CHANGE}),[r]),N=hn.useCallback(()=>S.current.onBlur({target:{value:Bo(s._formValues,r),name:r},type:G1.BLUR}),[r,s._formValues]),E=hn.useCallback(z=>{const B=Bo(s._fields,r);B&&z&&(B._f.ref={focus:()=>z.focus&&z.focus(),select:()=>z.select&&z.select(),setCustomValidity:I=>z.setCustomValidity(I),reportValidity:()=>z.reportValidity()})},[s._fields,r]),x=hn.useMemo(()=>({name:r,value:p,...lb(i)||k.disabled?{disabled:k.disabled||i}:{},onChange:A,onBlur:N,ref:E}),[r,i,k.disabled,A,N,E,p]);return hn.useEffect(()=>{const z=s._options.shouldUnregister||d,B=y.current;B&&B!==r&&!m&&s.unregister(B),s.register(r,{...g.current.rules,...lb(g.current.disabled)?{disabled:g.current.disabled}:{}});const I=(K,U)=>{const le=Bo(s._fields,K);le&&le._f&&(le._f.mount=U)};if(I(r,!0),z){const K=g0(Bo(s._options.defaultValues,r));P1(s._defaultValues,r,K),Fb(Bo(s._formValues,r))&&P1(s._formValues,r,K)}return!m&&s.register(r),y.current=r,()=>{(m?z&&!s._state.action:z)?s.unregister(r):I(r,!1)}},[r,s,m,d]),hn.useEffect(()=>{s._setDisabledField({disabled:i,name:r})},[i,r,s]),hn.useMemo(()=>({field:x,formState:k,fieldState:$}),[x,k,$])}const s9=e=>e.render(c9(e));function Uo(e,o){const r=hn.forwardRef((i,s)=>{const{name:d,control:u,rules:m,defaultValue:h,shouldUnregister:p,disabled:k,...g}=i;return hn.createElement(s9,{name:d,control:u,rules:m,defaultValue:h,shouldUnregister:p,disabled:k,render:({field:y,fieldState:S})=>{const $=g._on,A={...g,ref:N=>{s&&(typeof s=="function"?s(N):s.current=N),N&&y.ref(N)},_name:d,_touched:S.isTouched,_disabled:g._disabled||k||y.disabled,_msg:S.error?{_type:"error",_description:S.error.message||String(S.error)}:void 0,_on:{...$||{},onInput:(N,E)=>{y.onChange(E),$?.onInput?.(N,E)},onChange:(N,E)=>{y.onChange(E),$?.onChange?.(N,E)},onBlur:N=>{y.onBlur(),$?.onBlur?.(N)}}};return o&&(A[o]=y.value),hn.createElement(e,{...A})}})});return r.displayName=`withController(${e.displayName||e.name||"Component"})`,r}const Kb=Uo(Be,"_value"),j0=Uo(En,"_value"),S0=Uo(Yn,"_value"),T0=Uo(An,"_value"),A0=Uo(no,"_value"),C0=Uo(qe,"_value"),E0=Uo(Gn,"_value"),d9=Uo(Rn),L0=Uo(on,"_value"),$0=Uo(_o,"_value"),O0=Uo(Xn,"_value"),N0=Uo(bo,"_value"),B0=Uo(Ln,"_value"),R0=Uo(cn,"_checked"),f9={firstName:"",lastName:"",email:"",password:"",age:18,volume:50,birthday:"",favoriteColor:"#000000",cv:null,bio:"",country:"",language:"de",framework:"",gender:"",termsAccepted:!1},u9=[{label:"English",value:"en"},{label:"German",value:"de"},{label:"French",value:"fr"}],b9=[{label:"React",value:"react"},{label:"Vue",value:"vue"},{label:"Stencil",value:"stencil"}],m9=[{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Other",value:"other"}],h9=["firstName","lastName","email","password","age","volume","birthday","favoriteColor","cv","bio","country","language","framework","gender","termsAccepted"],p9=()=>{const{control:e,handleSubmit:o,setValue:r,getValues:i,trigger:s}=od({defaultValues:f9,mode:"onTouched",shouldFocusError:!0}),d=()=>{h9.forEach(h=>{r(h,i(h),{shouldTouch:!0,shouldValidate:!0})})},u=h=>{alert(JSON.stringify(h,null,2))},m=h=>{d(),s(void 0,{shouldFocus:!0}),console.warn("Validation errors:",h)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates a form using React Hook Form with KoliBri adapters wrapped in a KolForm. All inputs are validated, and error messages are shown on submit."})}),a.jsx(jo,{className:"w-full max-w-xl",_on:{onSubmit:h=>{o(u,m)(h)}},children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Kb,{name:"firstName",control:e,_label:"First Name",rules:{required:"First name is required"},_required:!0}),a.jsx(Kb,{name:"lastName",control:e,_label:"Last Name",rules:{required:"Last name is required"},_required:!0}),a.jsx(S0,{name:"email",control:e,_label:"Email",rules:{required:"Email is required"},_required:!0}),a.jsx(j0,{name:"password",control:e,_label:"Password",rules:{required:"Password is required"},_required:!0}),a.jsx(T0,{name:"age",control:e,_label:"Age",rules:{required:"Age is required",min:0},_required:!0}),a.jsx(A0,{name:"volume",control:e,_label:"Volume (0–100)",_min:0,_max:100}),a.jsx(C0,{name:"birthday",control:e,_label:"Birthday",rules:{required:"Birthday is required"}}),a.jsx(E0,{name:"favoriteColor",control:e,_label:"Favorite Color",id:"favoriteColor"}),a.jsx(d9,{name:"cv",control:e,_label:"Upload CV",rules:{required:"Please upload your CV"},_required:!0}),a.jsx(L0,{name:"bio",control:e,_label:"Bio",rules:{required:"Please provide a short bio"},_required:!0}),a.jsx($0,{control:e,rules:{required:"Please select a country"},name:"country",_label:"Country",_suggestions:Jo,_required:!0}),a.jsx(O0,{control:e,rules:{required:"Please select a language"},name:"language",_label:"Preferred Language",_options:u9,_required:!0}),a.jsx(N0,{rules:{required:"Please select a framework"},control:e,name:"framework",_label:"Favorite Framework",_options:b9,_required:!0}),a.jsx(B0,{control:e,rules:{required:"Please select your gender"},name:"gender",_label:"Gender",_options:m9,_required:!0}),a.jsx(R0,{name:"termsAccepted",control:e,_label:"I accept the terms and conditions",rules:{required:"You must accept the terms"},_required:!0}),a.jsx(Q,{_label:"Submit",_type:"submit"})]})})]})},v9=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface."})}),a.jsxs("div",{className:"w-full flex flex-wrap gap-4",children:[a.jsx(Q,{_icons:"codicon codicon-home",_label:"Button",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:o}),a.jsx(en,{_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o}),a.jsx(en,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o}),a.jsx(_o,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_suggestions:[]}),a.jsx(Gn,{_hideLabel:!0,_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),a.jsx(Rn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-File"}),a.jsx(qe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Date"}),a.jsx(Yn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Email"}),a.jsx(An,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Number"}),a.jsx(En,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Password"}),a.jsx(no,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Range"}),a.jsx(Be,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Text"}),a.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),a.jsx(bo,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),a.jsx(on,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox"})]})]})},W1=(e,o,r)=>{if(e&&"reportValidity"in e){const i=fe(r,o);e.setCustomValidity(i&&i.message||""),e.reportValidity()}},D0=(e,o)=>{for(const r in o.fields){const i=o.fields[r];i&&i.ref&&"reportValidity"in i.ref?W1(i.ref,r,e):i.refs&&i.refs.forEach(s=>W1(s,r,e))}},k9=(e,o)=>{o.shouldUseNativeValidation&&D0(e,o);const r={};for(const i in e){const s=fe(o.fields,i),d=Object.assign(e[i]||{},{ref:s&&s.ref});if(g9(o.names||Object.keys(e),i)){const u=Object.assign({},fe(r,i));mn(u,"root",d),mn(r,i,u)}else mn(r,i,d)}return r},g9=(e,o)=>e.some(r=>r.startsWith(o+"."));var _9=function(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,u=i.path.join(".");if(!r[u])if("unionErrors"in i){var m=i.unionErrors[0].errors[0];r[u]={message:m.message,type:m.code}}else r[u]={message:d,type:s};if("unionErrors"in i&&i.unionErrors.forEach(function(k){return k.errors.forEach(function(g){return e.push(g)})}),o){var h=r[u].types,p=h&&h[i.code];r[u]=Qx(u,o,r,s,p?[].concat(p,i.message):i.message)}e.shift()}return r},y9=function(e,o,r){return r===void 0&&(r={}),function(i,s,d){try{return Promise.resolve((function(u,m){try{var h=Promise.resolve(e[r.mode==="sync"?"parse":"parseAsync"](i,o)).then(function(p){return d.shouldUseNativeValidation&&D0({},d),{errors:{},values:r.raw?i:p}})}catch(p){return m(p)}return h&&h.then?h.then(void 0,m):h})(0,function(u){if((function(m){return Array.isArray(m?.errors)})(u))return{values:{},errors:k9(_9(u.errors,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw u}))}catch(u){return Promise.reject(u)}}};function ee(e,o,r){function i(m,h){if(m._zod||Object.defineProperty(m,"_zod",{value:{def:h,constr:u,traits:new Set},enumerable:!1}),m._zod.traits.has(e))return;m._zod.traits.add(e),o(m,h);const p=u.prototype,k=Object.keys(p);for(let g=0;g<k.length;g++){const y=k[g];y in m||(m[y]=p[y].bind(m))}}const s=r?.Parent??Object;class d extends s{}Object.defineProperty(d,"name",{value:e});function u(m){var h;const p=r?.Parent?new d:this;i(p,m),(h=p._zod).deferred??(h.deferred=[]);for(const k of p._zod.deferred)k();return p}return Object.defineProperty(u,"init",{value:i}),Object.defineProperty(u,Symbol.hasInstance,{value:m=>r?.Parent&&m instanceof r.Parent?!0:m?._zod?.traits?.has(e)}),Object.defineProperty(u,"name",{value:e}),u}class wl extends Error{constructor(){super("Encountered Promise during synchronous parse. Use .parseAsync() instead.")}}class M0 extends Error{constructor(o){super(`Encountered unidirectional transform during encode: ${o}`),this.name="ZodEncodeError"}}const I0={};function ga(e){return I0}function x9(e){const o=Object.values(e).filter(i=>typeof i=="number");return Object.entries(e).filter(([i,s])=>o.indexOf(+i)===-1).map(([i,s])=>s)}function Vb(e,o){return typeof o=="bigint"?o.toString():o}function Bm(e){return{get value(){{const o=e();return Object.defineProperty(this,"value",{value:o}),o}}}}function Rm(e){return e==null}function Dm(e){const o=e.startsWith("^")?1:0,r=e.endsWith("$")?e.length-1:e.length;return e.slice(o,r)}function w9(e,o){const r=(e.toString().split(".")[1]||"").length,i=o.toString();let s=(i.split(".")[1]||"").length;if(s===0&&/\d?e-\d?/.test(i)){const h=i.match(/\d?e-(\d?)/);h?.[1]&&(s=Number.parseInt(h[1]))}const d=r>s?r:s,u=Number.parseInt(e.toFixed(d).replace(".","")),m=Number.parseInt(o.toFixed(d).replace(".",""));return u%m/10**d}const Q1=Symbol("evaluating");function xn(e,o,r){let i;Object.defineProperty(e,o,{get(){if(i!==Q1)return i===void 0&&(i=Q1,i=r()),i},set(s){Object.defineProperty(e,o,{value:s})},configurable:!0})}function za(e,o,r){Object.defineProperty(e,o,{value:r,writable:!0,enumerable:!0,configurable:!0})}function ja(...e){const o={};for(const r of e){const i=Object.getOwnPropertyDescriptors(r);Object.assign(o,i)}return Object.defineProperties({},o)}function J1(e){return JSON.stringify(e)}function z9(e){return e.toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}const U0="captureStackTrace"in Error?Error.captureStackTrace:(...e)=>{};function qs(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}const j9=Bm(()=>{if(typeof navigator<"u"&&navigator?.userAgent?.includes("Cloudflare"))return!1;try{const e=Function;return new e(""),!0}catch{return!1}});function qi(e){if(qs(e)===!1)return!1;const o=e.constructor;if(o===void 0||typeof o!="function")return!0;const r=o.prototype;return!(qs(r)===!1||Object.prototype.hasOwnProperty.call(r,"isPrototypeOf")===!1)}function H0(e){return qi(e)?{...e}:Array.isArray(e)?[...e]:e}const S9=new Set(["string","number","symbol"]);function ad(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vr(e,o,r){const i=new e._zod.constr(o??e._zod.def);return(!o||r?.parent)&&(i._zod.parent=e),i}function Ae(e){const o=e;if(!o)return{};if(typeof o=="string")return{error:()=>o};if(o?.message!==void 0){if(o?.error!==void 0)throw new Error("Cannot specify both `message` and `error` params");o.error=o.message}return delete o.message,typeof o.error=="string"?{...o,error:()=>o.error}:o}function T9(e){return Object.keys(e).filter(o=>e[o]._zod.optin==="optional"&&e[o]._zod.optout==="optional")}const A9={safeint:[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER],int32:[-2147483648,2147483647],uint32:[0,4294967295],float32:[-34028234663852886e22,34028234663852886e22],float64:[-Number.MAX_VALUE,Number.MAX_VALUE]};function C9(e,o){const r=e._zod.def,i=ja(e._zod.def,{get shape(){const s={};for(const d in o){if(!(d in r.shape))throw new Error(`Unrecognized key: "${d}"`);o[d]&&(s[d]=r.shape[d])}return za(this,"shape",s),s},checks:[]});return Vr(e,i)}function E9(e,o){const r=e._zod.def,i=ja(e._zod.def,{get shape(){const s={...e._zod.def.shape};for(const d in o){if(!(d in r.shape))throw new Error(`Unrecognized key: "${d}"`);o[d]&&delete s[d]}return za(this,"shape",s),s},checks:[]});return Vr(e,i)}function L9(e,o){if(!qi(o))throw new Error("Invalid input to extend: expected a plain object");const r=e._zod.def.checks;if(r&&r.length>0)throw new Error("Object schemas containing refinements cannot be extended. Use `.safeExtend()` instead.");const s=ja(e._zod.def,{get shape(){const d={...e._zod.def.shape,...o};return za(this,"shape",d),d},checks:[]});return Vr(e,s)}function $9(e,o){if(!qi(o))throw new Error("Invalid input to safeExtend: expected a plain object");const r={...e._zod.def,get shape(){const i={...e._zod.def.shape,...o};return za(this,"shape",i),i},checks:e._zod.def.checks};return Vr(e,r)}function O9(e,o){const r=ja(e._zod.def,{get shape(){const i={...e._zod.def.shape,...o._zod.def.shape};return za(this,"shape",i),i},get catchall(){return o._zod.def.catchall},checks:[]});return Vr(e,r)}function N9(e,o,r){const i=ja(o._zod.def,{get shape(){const s=o._zod.def.shape,d={...s};if(r)for(const u in r){if(!(u in s))throw new Error(`Unrecognized key: "${u}"`);r[u]&&(d[u]=e?new e({type:"optional",innerType:s[u]}):s[u])}else for(const u in s)d[u]=e?new e({type:"optional",innerType:s[u]}):s[u];return za(this,"shape",d),d},checks:[]});return Vr(o,i)}function B9(e,o,r){const i=ja(o._zod.def,{get shape(){const s=o._zod.def.shape,d={...s};if(r)for(const u in r){if(!(u in d))throw new Error(`Unrecognized key: "${u}"`);r[u]&&(d[u]=new e({type:"nonoptional",innerType:s[u]}))}else for(const u in s)d[u]=new e({type:"nonoptional",innerType:s[u]});return za(this,"shape",d),d},checks:[]});return Vr(o,i)}function _l(e,o=0){if(e.aborted===!0)return!0;for(let r=o;r<e.issues.length;r++)if(e.issues[r]?.continue!==!0)return!0;return!1}function F0(e,o){return o.map(r=>{var i;return(i=r).path??(i.path=[]),r.path.unshift(e),r})}function ks(e){return typeof e=="string"?e:e?.message}function _a(e,o,r){const i={...e,path:e.path??[]};if(!e.message){const s=ks(e.inst?._zod.def?.error?.(e))??ks(o?.error?.(e))??ks(r.customError?.(e))??ks(r.localeError?.(e))??"Invalid input";i.message=s}return delete i.inst,delete i.continue,o?.reportInput||delete i.input,i}function Mm(e){return Array.isArray(e)?"array":typeof e=="string"?"string":"unknown"}function Zi(...e){const[o,r,i]=e;return typeof o=="string"?{message:o,code:"custom",input:r,inst:i}:{...o}}const K0=(e,o)=>{e.name="$ZodError",Object.defineProperty(e,"_zod",{value:e._zod,enumerable:!1}),Object.defineProperty(e,"issues",{value:o,enumerable:!1}),e.message=JSON.stringify(o,Vb,2),Object.defineProperty(e,"toString",{value:()=>e.message,enumerable:!1})},V0=ee("$ZodError",K0),q0=ee("$ZodError",K0,{Parent:Error});function R9(e,o=r=>r.message){const r={},i=[];for(const s of e.issues)s.path.length>0?(r[s.path[0]]=r[s.path[0]]||[],r[s.path[0]].push(o(s))):i.push(o(s));return{formErrors:i,fieldErrors:r}}function D9(e,o=r=>r.message){const r={_errors:[]},i=s=>{for(const d of s.issues)if(d.code==="invalid_union"&&d.errors.length)d.errors.map(u=>i({issues:u}));else if(d.code==="invalid_key")i({issues:d.issues});else if(d.code==="invalid_element")i({issues:d.issues});else if(d.path.length===0)r._errors.push(o(d));else{let u=r,m=0;for(;m<d.path.length;){const h=d.path[m];m===d.path.length-1?(u[h]=u[h]||{_errors:[]},u[h]._errors.push(o(d))):u[h]=u[h]||{_errors:[]},u=u[h],m++}}};return i(e),r}const Im=e=>(o,r,i,s)=>{const d=i?Object.assign(i,{async:!1}):{async:!1},u=o._zod.run({value:r,issues:[]},d);if(u instanceof Promise)throw new wl;if(u.issues.length){const m=new(s?.Err??e)(u.issues.map(h=>_a(h,d,ga())));throw U0(m,s?.callee),m}return u.value},Um=e=>async(o,r,i,s)=>{const d=i?Object.assign(i,{async:!0}):{async:!0};let u=o._zod.run({value:r,issues:[]},d);if(u instanceof Promise&&(u=await u),u.issues.length){const m=new(s?.Err??e)(u.issues.map(h=>_a(h,d,ga())));throw U0(m,s?.callee),m}return u.value},ld=e=>(o,r,i)=>{const s=i?{...i,async:!1}:{async:!1},d=o._zod.run({value:r,issues:[]},s);if(d instanceof Promise)throw new wl;return d.issues.length?{success:!1,error:new(e??V0)(d.issues.map(u=>_a(u,s,ga())))}:{success:!0,data:d.value}},M9=ld(q0),id=e=>async(o,r,i)=>{const s=i?Object.assign(i,{async:!0}):{async:!0};let d=o._zod.run({value:r,issues:[]},s);return d instanceof Promise&&(d=await d),d.issues.length?{success:!1,error:new e(d.issues.map(u=>_a(u,s,ga())))}:{success:!0,data:d.value}},I9=id(q0),U9=e=>(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return Im(e)(o,r,s)},H9=e=>(o,r,i)=>Im(e)(o,r,i),F9=e=>async(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return Um(e)(o,r,s)},K9=e=>async(o,r,i)=>Um(e)(o,r,i),V9=e=>(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return ld(e)(o,r,s)},q9=e=>(o,r,i)=>ld(e)(o,r,i),Z9=e=>async(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return id(e)(o,r,s)},P9=e=>async(o,r,i)=>id(e)(o,r,i),G9=/^[cC][^\s-]{8,}$/,Y9=/^[0-9a-z]+$/,X9=/^[0-9A-HJKMNP-TV-Za-hjkmnp-tv-z]{26}$/,W9=/^[0-9a-vA-V]{20}$/,Q9=/^[A-Za-z0-9]{27}$/,J9=/^[a-zA-Z0-9_-]{21}$/,eO=/^P(?:(\d+W)|(?!.*W)(?=\d|T\d)(\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+([.,]\d+)?S)?)?)$/,nO=/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/,ey=e=>e?new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${e}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`):/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/,oO=/^(?!\.)(?!.*\.\.)([A-Za-z0-9_'+\-\.]*)[A-Za-z0-9_+-]@([A-Za-z0-9][A-Za-z0-9\-]*\.)+[A-Za-z]{2,}$/,tO="^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";function rO(){return new RegExp(tO,"u")}const aO=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,lO=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:))$/,iO=/^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/([0-9]|[1-2][0-9]|3[0-2])$/,cO=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|::|([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:?){0,6})\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/,sO=/^$|^(?:[0-9a-zA-Z+/]{4})*(?:(?:[0-9a-zA-Z+/]{2}==)|(?:[0-9a-zA-Z+/]{3}=))?$/,Z0=/^[A-Za-z0-9_-]*$/,dO=/^\+(?:[0-9]){6,14}[0-9]$/,P0="(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))",fO=new RegExp(`^${P0}$`);function G0(e){const o="(?:[01]\\d|2[0-3]):[0-5]\\d";return typeof e.precision=="number"?e.precision===-1?`${o}`:e.precision===0?`${o}:[0-5]\\d`:`${o}:[0-5]\\d\\.\\d{${e.precision}}`:`${o}(?::[0-5]\\d(?:\\.\\d+)?)?`}function uO(e){return new RegExp(`^${G0(e)}$`)}function bO(e){const o=G0({precision:e.precision}),r=["Z"];e.local&&r.push(""),e.offset&&r.push("([+-](?:[01]\\d|2[0-3]):[0-5]\\d)");const i=`${o}(?:${r.join("|")})`;return new RegExp(`^${P0}T(?:${i})$`)}const mO=e=>{const o=e?`[\\s\\S]{${e?.minimum??0},${e?.maximum??""}}`:"[\\s\\S]*";return new RegExp(`^${o}$`)},hO=/^-?\d+$/,pO=/^-?\d+(?:\.\d+)?/,vO=/^(?:true|false)$/i,kO=/^[^A-Z]*$/,gO=/^[^a-z]*$/,Ho=ee("$ZodCheck",(e,o)=>{var r;e._zod??(e._zod={}),e._zod.def=o,(r=e._zod).onattach??(r.onattach=[])}),Y0={number:"number",bigint:"bigint",object:"date"},X0=ee("$ZodCheckLessThan",(e,o)=>{Ho.init(e,o);const r=Y0[typeof o.value];e._zod.onattach.push(i=>{const s=i._zod.bag,d=(o.inclusive?s.maximum:s.exclusiveMaximum)??Number.POSITIVE_INFINITY;o.value<d&&(o.inclusive?s.maximum=o.value:s.exclusiveMaximum=o.value)}),e._zod.check=i=>{(o.inclusive?i.value<=o.value:i.value<o.value)||i.issues.push({origin:r,code:"too_big",maximum:o.value,input:i.value,inclusive:o.inclusive,inst:e,continue:!o.abort})}}),W0=ee("$ZodCheckGreaterThan",(e,o)=>{Ho.init(e,o);const r=Y0[typeof o.value];e._zod.onattach.push(i=>{const s=i._zod.bag,d=(o.inclusive?s.minimum:s.exclusiveMinimum)??Number.NEGATIVE_INFINITY;o.value>d&&(o.inclusive?s.minimum=o.value:s.exclusiveMinimum=o.value)}),e._zod.check=i=>{(o.inclusive?i.value>=o.value:i.value>o.value)||i.issues.push({origin:r,code:"too_small",minimum:o.value,input:i.value,inclusive:o.inclusive,inst:e,continue:!o.abort})}}),_O=ee("$ZodCheckMultipleOf",(e,o)=>{Ho.init(e,o),e._zod.onattach.push(r=>{var i;(i=r._zod.bag).multipleOf??(i.multipleOf=o.value)}),e._zod.check=r=>{if(typeof r.value!=typeof o.value)throw new Error("Cannot mix number and bigint in multiple_of check.");(typeof r.value=="bigint"?r.value%o.value===BigInt(0):w9(r.value,o.value)===0)||r.issues.push({origin:typeof r.value,code:"not_multiple_of",divisor:o.value,input:r.value,inst:e,continue:!o.abort})}}),yO=ee("$ZodCheckNumberFormat",(e,o)=>{Ho.init(e,o),o.format=o.format||"float64";const r=o.format?.includes("int"),i=r?"int":"number",[s,d]=A9[o.format];e._zod.onattach.push(u=>{const m=u._zod.bag;m.format=o.format,m.minimum=s,m.maximum=d,r&&(m.pattern=hO)}),e._zod.check=u=>{const m=u.value;if(r){if(!Number.isInteger(m)){u.issues.push({expected:i,format:o.format,code:"invalid_type",continue:!1,input:m,inst:e});return}if(!Number.isSafeInteger(m)){m>0?u.issues.push({input:m,code:"too_big",maximum:Number.MAX_SAFE_INTEGER,note:"Integers must be within the safe integer range.",inst:e,origin:i,continue:!o.abort}):u.issues.push({input:m,code:"too_small",minimum:Number.MIN_SAFE_INTEGER,note:"Integers must be within the safe integer range.",inst:e,origin:i,continue:!o.abort});return}}m<s&&u.issues.push({origin:"number",input:m,code:"too_small",minimum:s,inclusive:!0,inst:e,continue:!o.abort}),m>d&&u.issues.push({origin:"number",input:m,code:"too_big",maximum:d,inst:e})}}),xO=ee("$ZodCheckMaxLength",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag.maximum??Number.POSITIVE_INFINITY;o.maximum<s&&(i._zod.bag.maximum=o.maximum)}),e._zod.check=i=>{const s=i.value;if(s.length<=o.maximum)return;const u=Mm(s);i.issues.push({origin:u,code:"too_big",maximum:o.maximum,inclusive:!0,input:s,inst:e,continue:!o.abort})}}),wO=ee("$ZodCheckMinLength",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag.minimum??Number.NEGATIVE_INFINITY;o.minimum>s&&(i._zod.bag.minimum=o.minimum)}),e._zod.check=i=>{const s=i.value;if(s.length>=o.minimum)return;const u=Mm(s);i.issues.push({origin:u,code:"too_small",minimum:o.minimum,inclusive:!0,input:s,inst:e,continue:!o.abort})}}),zO=ee("$ZodCheckLengthEquals",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag;s.minimum=o.length,s.maximum=o.length,s.length=o.length}),e._zod.check=i=>{const s=i.value,d=s.length;if(d===o.length)return;const u=Mm(s),m=d>o.length;i.issues.push({origin:u,...m?{code:"too_big",maximum:o.length}:{code:"too_small",minimum:o.length},inclusive:!0,exact:!0,input:i.value,inst:e,continue:!o.abort})}}),cd=ee("$ZodCheckStringFormat",(e,o)=>{var r,i;Ho.init(e,o),e._zod.onattach.push(s=>{const d=s._zod.bag;d.format=o.format,o.pattern&&(d.patterns??(d.patterns=new Set),d.patterns.add(o.pattern))}),o.pattern?(r=e._zod).check??(r.check=s=>{o.pattern.lastIndex=0,!o.pattern.test(s.value)&&s.issues.push({origin:"string",code:"invalid_format",format:o.format,input:s.value,...o.pattern?{pattern:o.pattern.toString()}:{},inst:e,continue:!o.abort})}):(i=e._zod).check??(i.check=()=>{})}),jO=ee("$ZodCheckRegex",(e,o)=>{cd.init(e,o),e._zod.check=r=>{o.pattern.lastIndex=0,!o.pattern.test(r.value)&&r.issues.push({origin:"string",code:"invalid_format",format:"regex",input:r.value,pattern:o.pattern.toString(),inst:e,continue:!o.abort})}}),SO=ee("$ZodCheckLowerCase",(e,o)=>{o.pattern??(o.pattern=kO),cd.init(e,o)}),TO=ee("$ZodCheckUpperCase",(e,o)=>{o.pattern??(o.pattern=gO),cd.init(e,o)}),AO=ee("$ZodCheckIncludes",(e,o)=>{Ho.init(e,o);const r=ad(o.includes),i=new RegExp(typeof o.position=="number"?`^.{${o.position}}${r}`:r);o.pattern=i,e._zod.onattach.push(s=>{const d=s._zod.bag;d.patterns??(d.patterns=new Set),d.patterns.add(i)}),e._zod.check=s=>{s.value.includes(o.includes,o.position)||s.issues.push({origin:"string",code:"invalid_format",format:"includes",includes:o.includes,input:s.value,inst:e,continue:!o.abort})}}),CO=ee("$ZodCheckStartsWith",(e,o)=>{Ho.init(e,o);const r=new RegExp(`^${ad(o.prefix)}.*`);o.pattern??(o.pattern=r),e._zod.onattach.push(i=>{const s=i._zod.bag;s.patterns??(s.patterns=new Set),s.patterns.add(r)}),e._zod.check=i=>{i.value.startsWith(o.prefix)||i.issues.push({origin:"string",code:"invalid_format",format:"starts_with",prefix:o.prefix,input:i.value,inst:e,continue:!o.abort})}}),EO=ee("$ZodCheckEndsWith",(e,o)=>{Ho.init(e,o);const r=new RegExp(`.*${ad(o.suffix)}$`);o.pattern??(o.pattern=r),e._zod.onattach.push(i=>{const s=i._zod.bag;s.patterns??(s.patterns=new Set),s.patterns.add(r)}),e._zod.check=i=>{i.value.endsWith(o.suffix)||i.issues.push({origin:"string",code:"invalid_format",format:"ends_with",suffix:o.suffix,input:i.value,inst:e,continue:!o.abort})}}),LO=ee("$ZodCheckOverwrite",(e,o)=>{Ho.init(e,o),e._zod.check=r=>{r.value=o.tx(r.value)}});class $O{constructor(o=[]){this.content=[],this.indent=0,this&&(this.args=o)}indented(o){this.indent+=1,o(this),this.indent-=1}write(o){if(typeof o=="function"){o(this,{execution:"sync"}),o(this,{execution:"async"});return}const i=o.split(`
+sit amet.`,m$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),a.jsx(jo,{className:"w-full",children:a.jsx(on,{_adjustHeight:!0,_value:b$,_label:"Text input (auto grow)"})})]}),H1=j.forwardRef(function(o,r){return a.jsxs("div",{className:"grid gap-4",children:[a.jsx("div",{className:"black-background",children:a.jsx(on,{...o,ref:r,_placeholder:"Placeholder",_label:"Text"})}),a.jsx(on,{...o,_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Ke},_label:"Text",_touched:!0,_hint:yo}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}}),a.jsx(on,{...o,_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}}),a.jsx(on,{...o,ref:r,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),a.jsx(on,{...o,ref:r,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),a.jsx(on,{...o,ref:r,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),a.jsx(on,{...o,ref:r,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),a.jsx(on,{...o,ref:r,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),a.jsx(on,{...o,ref:r,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),a.jsx(on,{...o,ref:r,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),h$=j.forwardRef(function(o,r){return a.jsxs(So,{children:[a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text"}),a.jsx(H1,{...o})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Text (hideLabel)"}),a.jsx(H1,{ref:r,...o,_hideLabel:!0})]})]})}),p$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),a.jsx(xo,{RefComponent:h$,showButtons:!1})]}),v$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),a.jsx(jo,{className:"w-full",children:a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(on,{_label:"Text input (unset)"}),a.jsx(on,{_resize:"vertical",_label:"Text input (vertical)"}),a.jsx(on,{_resize:"none",_label:"Text input (none)"})]})})]}),k$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates the ",a.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),a.jsx(jo,{className:"w-full",children:a.jsx(on,{_rows:10,_label:"Texteingabe"})})]}),g$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["The sample demonstrates various ",a.jsx("code",{children:"KolTextarea"})," configurations — contrasting soft vs. hard ",a.jsx("code",{children:"_maxLength"})," settings and the optional",a.jsx("code",{children:"_hasCounter"})," — including one instance without length limits."]})}),a.jsxs("section",{className:"w-full flex flex-col gap-4",children:[a.jsx(on,{_label:"Textarea with soft max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0,_maxLengthBehavior:"soft"}),a.jsx(on,{_label:"Textarea with max length",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20}),a.jsx(on,{_label:"Textarea with max length and counter",_value:"Lorem Ipsum",className:"mt-2",_maxLength:20,_hasCounter:!0}),a.jsx(on,{_label:"Textarea with counter",_value:"Lorem Ipsum",className:"mt-2",_hasCounter:!0})]})]}),_$={textarea:{basic:p$,"adjust-height":m$,resize:v$,rows:k$,"with-counter":g$}},y$=()=>{const[e]=Fr(),o=e.get("type"),r=Kr.getInstance(document),i=()=>{r.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})};j.useEffect(()=>{o&&r.enqueue({description:"Toasty",label:`Toast with type '${o}'`,type:o})},[o,r]);const s=()=>{r.enqueue({render:(m,{close:h})=>{ko(m).render(a.jsx(a.Fragment,{children:a.jsx(Q,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),h()}}})}))},label:"Initial Toast",type:"warning"})},d=async()=>{const m=await r.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});m&&setTimeout(m,2e3)},u=()=>{r.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),a.jsx("section",{className:"grid gap-4",children:a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Show simple toast",_on:{onClick:i}}),a.jsx(Q,{_label:"Show complex toast",_on:{onClick:s}}),a.jsx(Q,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void d()}}),a.jsx(Q,{_label:"Close all toasts",_on:{onClick:u}})]})})]})},$m=["default","info","success","warning","error"],x$=$m.map(e=>({label:e,value:e})),F1=e=>typeof e=="string"&&$m.includes(e),w$=()=>{const[e]=Fr(),o=e.get("type"),r=F1(o)?o:void 0,[i,s]=j.useState(()=>r??"default"),d=j.useMemo(()=>Kr.getInstance(document),[]);j.useEffect(()=>($m.forEach(p=>{d.enqueue({description:"Toasty",label:`Toast with type '${p}'`,type:p})}),()=>{d.closeAll()}),[d]),j.useEffect(()=>{r&&s(r)},[r]);const u=(p,k)=>{F1(k)&&s(k)},m=()=>{d.enqueue({description:"Toasty",label:`Toast with type '${i}'`,type:i})},h=()=>{d.closeAll()};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates the toast service with all its options. Use the configuration below to choose a toast type and open a toast with the card variant."})}),a.jsxs("section",{className:"grid gap-4",children:[a.jsx(Ln,{_orientation:"horizontal",_label:"Toast type",_value:i,_options:x$,_on:{onChange:u}}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:`Open ${i} toast`,_on:{onClick:m}}),a.jsx(Q,{_label:"Close all toasts",_on:{onClick:h}})]})]})]})},z$={toast:{basic:y$,configurator:w$}},j$=()=>{const e=[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}];return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements."})}),a.jsxs("div",{className:"flex flex-col gap-4",children:[a.jsx(me,{_label:"Orientation horizontal",_level:2}),a.jsx(pa,{class:"block w-fit",_label:"Toolbar",_items:e}),a.jsx(me,{_label:"Orientation vertical",_level:2}),a.jsx(pa,{class:"block w-fit",_label:"Toolbar",_items:e,_orientation:"vertical"})]})]})},S$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),a.jsx(pa,{_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"}]})]}),T$={toolbar:{basic:j$,disabled:S$}},A$=()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]},C$=()=>{const e=j.useContext(ym),{subPage:o}=y4(),[r,i]=j.useState("1 Home"),[s,d]=j.useState(!1),[u,m]=j.useState(!1),[h,p]=j.useState(!0),k=()=>{i(`1 Home ${A$()}`)},g=y=>({_href:`#/tree/basic/${y}${e?"?hideMenus":""}`,_active:y===o});return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),a.jsxs(jy,{_label:"Sitemap",class:"block w-fit",children:[a.jsx(Jn,{_label:r,...g("home")}),a.jsxs(Jn,{_label:"2 About (open initially)",...g("about"),_open:!0,children:[a.jsx(Jn,{_label:"2.0 Legal",...g("legal")}),a.jsxs(Jn,{_label:"2.1 Team",...g("team"),children:[a.jsx(Jn,{_label:"2.1.1. Values",...g("values")}),a.jsxs(Jn,{_label:"2.1.2. Members",...g("members"),children:[a.jsx(Jn,{_label:"2.1.2.1 Humans",...g("humans")}),s&&a.jsx(Jn,{_label:"2.1.2.2 Pets",...g("pets")})]}),a.jsx(Jn,{_label:"2.1.3 Locations",...g("locations"),children:u&&a.jsxs(Jn,{_label:"2.1.3.1 Europe",...g("europe"),children:[a.jsx(Jn,{_label:"2.1.3.1.1 Denmark",...g("denmark")}),a.jsx(Jn,{_label:"2.1.3.1.2 Netherlands",...g("netherlands")})]})})]})]}),h&&a.jsxs(Jn,{_label:"3. Products",...g("products"),children:[a.jsxs(Jn,{_label:"3.1 Home",...g("home-products"),children:[a.jsx(Jn,{_label:"3.1.1 Refrigerators",...g("fridges")}),a.jsx(Jn,{_label:"3.1.2 Coffee makers",...g("coffee-makers")})]}),a.jsx(Jn,{_label:"3.1 Office",...g("office-products"),children:a.jsx(Jn,{_label:"3.2.1 Printers",...g("printers")})})]})]}),a.jsxs("p",{children:["Current tree item: ",o??"none"]}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(Q,{_label:"Change label for '1 Home'",_on:{onClick:k}}),a.jsx(Q,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>d(!s)}}),a.jsx(Q,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>m(!u)}}),a.jsx(Q,{_label:"Toggle '3. Products'",_on:{onClick:()=>p(!h)}})]})]})},E$={tree:{"basic/:subPage":C$}},L$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),a.jsx(Ys,{_label:"1.1.1"})]}),$$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),a.jsxs("p",{children:[a.jsx(Ys,{_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."]})]}),O$={version:{basic:L$,context:$$}},N$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example show how different components works with tabIndex."})}),a.jsxs("div",{className:"w-full grid gap-4",children:[a.jsx(Ne,{_label:"Button",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Q,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),a.jsx(Q,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),a.jsx(Q,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),a.jsx(Q,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),a.jsx(Ne,{_label:"ButtonLink",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Xe,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),a.jsx(Xe,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),a.jsx(Xe,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),a.jsx(Xe,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"Combobox",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(_o,{_hint:yo,_label:"Combobox 1, Tabindex 4",_suggestions:Jo,_value:"Deutschland",tabIndex:4}),a.jsx(_o,{_disabled:!0,_hint:yo,_label:"Combobox 2, Tabindex 3",_suggestions:Jo,_value:"Deutschland",tabIndex:3}),a.jsx(_o,{_touched:!0,_hint:yo,_msg:{_type:"error",_description:Ke},_label:"Combobox 3, Tabindex 2",_suggestions:Jo,_value:"Deutschland",tabIndex:2}),a.jsx(_o,{_hint:yo,_label:"Combobox 4, Tabindex 1",_suggestions:Jo,_value:"Deutschland",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputCheckbox",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(cn,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),a.jsx(cn,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),a.jsx(cn,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Ke},_value:!1,tabIndex:2}),a.jsx(cn,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1})]})}),a.jsx(Ne,{_label:"InputColor",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Gn,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),a.jsx(Gn,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),a.jsx(Gn,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Gn,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputDate",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(qe,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),a.jsx(qe,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),a.jsx(qe,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(qe,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputEmail",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Yn,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),a.jsx(Yn,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),a.jsx(Yn,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Yn,{_label:"InputEmail 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputFile",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Rn,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),a.jsx(Rn,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),a.jsx(Rn,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Rn,{_label:"InputFile 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputNumber",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(An,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),a.jsx(An,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),a.jsx(An,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(An,{_label:"InputNumber 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputPassword",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(En,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),a.jsx(En,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),a.jsx(En,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(En,{_label:"InputPassword 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputRadio",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 2, Tabindex 3",_disabled:!0,tabIndex:3}),a.jsx(Ln,{_touched:!0,_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2})," ",a.jsx(Ln,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"InputRange",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(no,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),a.jsx(no,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),a.jsx(no,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(no,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1})]})}),a.jsx(Ne,{_label:"InputText",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(Be,{_label:"InputText 1, Tabindex 4",tabIndex:4}),a.jsx(Be,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),a.jsx(Be,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(Be,{_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"LinkButton",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(en,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),a.jsx(en,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),a.jsx(en,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),a.jsx(en,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),a.jsx(Ne,{_label:"Link",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(ze,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),a.jsx(ze,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),a.jsx(ze,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),a.jsx(ze,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),a.jsx(Ne,{_label:"SingleSelect",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(bo,{_label:"InputText 1, Tabindex 4",_options:Qo,_value:"de",tabIndex:4}),a.jsx(bo,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Qo,_value:"de",tabIndex:3}),a.jsx(bo,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Qo,_msg:{_type:"error",_description:Ke},_value:"de",tabIndex:2}),a.jsx(bo,{_label:"InputText 4, Tabindex 1",_options:Qo,_value:"de",tabIndex:1})]})}),a.jsx(Ne,{_label:"SplitButton",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(kl,{_label:"InputText 1, Tabindex 4",tabIndex:4,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 3, Tabindex 2",tabIndex:2,children:"Dropdown-Inhalt"}),a.jsx(kl,{_label:"InputText 4, Tabindex 1",tabIndex:1,children:"Dropdown-Inhalt"})]})}),a.jsx(Ne,{_label:"Textarea",_level:0,children:a.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[a.jsx(on,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),a.jsx(on,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),a.jsx(on,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Ke},tabIndex:2}),a.jsx(on,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})]})})]})]}),B$=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample demonstrates how tooltip animation duration and width can be customized via",a.jsx("code",{children:"--kolibri-tooltip-animation-duration"})," and ",a.jsx("code",{children:"--kol-tooltip-width"}),"."]})}),a.jsxs("div",{className:"flex justify-center items-center gap-4",children:[a.jsx(Q,{_label:"Custom duration",_hideLabel:!0,style:{"--kolibri-tooltip-animation-duration":"2500ms"},_icons:"codicon codicon-clock",_on:o}),a.jsx(Q,{_label:"Custom width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-arrow-both",_on:o})]})]})},R$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"KolForm with KolInputDate inside to make sure enter on the date icon does not submit the form."})}),a.jsxs(jo,{_on:{onSubmit:()=>{console.error("submitted"),alert("submitted")}},children:[a.jsx(qe,{_label:"date",_name:"datum"}),a.jsx(Q,{_label:"Submit",_type:"submit"})]})]}),vs=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],D$=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This example shows how deactivated interactive elements are displayed."}),a.jsxs("ul",{children:[a.jsx("li",{children:"Deactivated interactive elements pose a particular challenge for accessibility."}),a.jsx("li",{children:"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."}),a.jsx("li",{children:"Deactivated interactive elements should be labelled clearly and legibly."}),a.jsx("li",{children:"Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic."})]}),a.jsx("p",{children:"This implementation ensures standardized use for all users."})]}),a.jsxs("div",{className:"w-full grid gap-4",children:[a.jsx(Ne,{_label:"Button",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Label",_on:o}),a.jsx(Q,{_disabled:!0,_label:"Label",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o}),a.jsx(Q,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o})]})}),a.jsx(Ne,{_label:"ButtonLink",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Xe,{_label:"Label"}),a.jsx(Xe,{_disabled:!0,_label:"Label"}),a.jsx(Xe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),a.jsx(Xe,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"})]})}),a.jsx(Ne,{_label:"Link",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(ze,{_href:"#",_label:"Label"}),a.jsx(ze,{_disabled:!0,_href:"#",_label:"Label"}),a.jsx(ze,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),a.jsx(ze,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),a.jsx(Ne,{_label:"LinkButton",_level:0,children:a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(en,{_href:"#",_label:"Label"}),a.jsx(en,{_disabled:!0,_href:"#",_label:"Label"}),a.jsx(en,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),a.jsx(en,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),a.jsx(Ne,{_label:"Accordion",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(ro,{_label:"Label",children:"Content"}),a.jsx(ro,{_disabled:!0,_label:"Label",children:"Content"}),a.jsx(ro,{_label:"Label (open)",_open:!0,children:"Content"}),a.jsx(ro,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),a.jsx(Ne,{_label:"Details",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(or,{_label:"Label",children:"Content"}),a.jsx(or,{_disabled:!0,_label:"Label",children:"Content"}),a.jsx(or,{_label:"Label (open)",_open:!0,children:"Content"}),a.jsx(or,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),[cn,Gn,qe,Yn,Rn,An,En,no,Be].map(r=>{const s=r.render.displayName;return a.jsx(Ne,{_label:s,_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(r,{_label:"Label"}),a.jsx(r,{_disabled:!0,_label:"Label"}),a.jsx(r,{_hideLabel:!0,_label:"Label"}),a.jsx(r,{_disabled:!0,_hideLabel:!0,_label:"Label"})]})},s)}),[Ln,Xn].map(r=>{const s=r.render.displayName;return a.jsx(Ne,{_label:s,_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(r,{_label:"Label",_options:vs}),a.jsx(r,{_disabled:!0,_label:"Label",_options:vs}),a.jsx(r,{_hideLabel:!0,_label:"Label",_options:vs}),a.jsx(r,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:vs})]})},s)}),a.jsx(Ne,{_label:"KolTextarea",_level:0,children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(on,{_label:"Label",_rows:3}),a.jsx(on,{_disabled:!0,_label:"Label",_rows:3}),a.jsx(on,{_hideLabel:!0,_label:"Label",_rows:3}),a.jsx(on,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})]})})]})]})},h0=()=>{const e=new Map;return e.set("inputCheckbox",(o,r)=>a.jsx(cn,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:r})),e.set("inputColor",(o,r)=>a.jsx(Gn,{className:"w-full",_name:"color",_label:"Color",ref:r})),e.set("inputDate",(o,r)=>a.jsx(qe,{className:"w-full",_name:"date",_label:"Date",ref:r})),e.set("inputEmail",(o,r)=>a.jsx(Yn,{className:"w-full",_name:"email",_label:"Email",ref:r})),e.set("inputFile",(o,r)=>a.jsx(Rn,{className:"w-full",_name:"file",_label:"File",ref:r})),e.set("inputFileMultiple",(o,r)=>a.jsx(Rn,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:r})),e.set("inputNumber",(o,r)=>a.jsx(An,{className:"w-full",_name:"number",_label:"Number",ref:r})),e.set("inputPassword",(o,r)=>a.jsx(En,{className:"w-full",_name:"password",_label:"Password",ref:r})),e.set("inputRadio",(o,r)=>a.jsx(Ln,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:r})),e.set("inputRange",(o,r)=>a.jsx(no,{className:"w-full",_name:"range",_label:"Range",ref:r})),e.set("inputText",(o,r)=>a.jsx(Be,{className:"w-full",_name:"text",_label:"Text",ref:r})),e.set("select",(o,r)=>a.jsx(Xn,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:r})),e.set("selectMultiple",(o,r)=>a.jsx(Xn,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:r})),e.set("singleSelect",(o,r)=>a.jsx(bo,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:r})),e.set("textarea",(o,r)=>a.jsx(on,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:r})),e.set("accordion",(o,r)=>a.jsx(ro,{className:"w-full",_label:"Accordion here",ref:r})),e.set("button",(o,r)=>a.jsx("div",{children:a.jsx(Q,{_label:"Button here",ref:r})})),e.set("buttonLink",(o,r)=>a.jsx(Xe,{_label:"ButtonLink here",ref:r})),e.set("combobox",(o,r)=>a.jsx(_o,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:r})),e.set("details",(o,r)=>a.jsx(or,{className:"w-full",_label:"Details here",ref:r,children:"detailed details"})),e.set("link",(o,r)=>a.jsx(ze,{className:"w-full",_label:"Link here",_href:"#",ref:r})),e.set("linkButton",(o,r)=>a.jsx("div",{children:a.jsx(en,{_label:"LinkButton here",_href:"#",ref:r})})),e},K1=e=>{const r=[...j.useMemo(()=>h0(),[]).keys()].map(i=>i);return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example."})}),e.invalidComponent&&a.jsx(go,{_type:"error",_variant:"card",children:"Component not found."}),a.jsx(me,{_level:2,_label:"Focus Test Cases"}),a.jsx("ul",{children:r.map(i=>a.jsx("li",{children:a.jsx(ze,{_label:i,_href:`#/scenarios/focus-elements?component=${i}`})},i))})]})},M$=()=>{const e=j.useRef(null),o=j.useMemo(()=>h0(),[]),[r]=Fr(),i=r.get("component");if(j.useLayoutEffect(()=>{setTimeout(()=>{e.current?.focus()},500)},[e]),i){const s=o.get(i);if(!s)return a.jsx(K1,{invalidComponent:!0});const d=j.forwardRef(s);return a.jsx(d,{ref:e})}else return a.jsx(K1,{})},I$=[{name:"Elephant",species:"Loxodonta",habitat:"Savannah",diet:"Herbivore",lifespan:60},{name:"Tiger",species:"Panthera tigris",habitat:"Forest",diet:"Carnivore",lifespan:20},{name:"Kangaroo",species:"Macropus",habitat:"Grassland",diet:"Herbivore",lifespan:23},{name:"Penguin",species:"Aptenodytes forsteri",habitat:"Antarctica",diet:"Carnivore",lifespan:20},{name:"Giraffe",species:"Giraffa camelopardalis",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Panda",species:"Ailuropoda melanoleuca",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Dolphin",species:"Delphinus delphis",habitat:"Ocean",diet:"Carnivore",lifespan:40},{name:"Eagle",species:"Aquila chrysaetos",habitat:"Mountains",diet:"Carnivore",lifespan:30},{name:"Koala",species:"Phascolarctos cinereus",habitat:"Forest",diet:"Herbivore",lifespan:18},{name:"Lion",species:"Panthera leo",habitat:"Savannah",diet:"Carnivore",lifespan:15},{name:"Zebra",species:"Equus quagga",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Wolf",species:"Canis lupus",habitat:"Forest",diet:"Carnivore",lifespan:14},{name:"Cheetah",species:"Acinonyx jubatus",habitat:"Savannah",diet:"Carnivore",lifespan:12},{name:"Polar Bear",species:"Ursus maritimus",habitat:"Arctic",diet:"Carnivore",lifespan:25},{name:"Rhinoceros",species:"Rhinocerotidae",habitat:"Savannah",diet:"Herbivore",lifespan:40},{name:"Hippopotamus",species:"Hippopotamus amphibius",habitat:"Rivers",diet:"Herbivore",lifespan:45},{name:"Chimpanzee",species:"Pan troglodytes",habitat:"Forest",diet:"Omnivore",lifespan:50},{name:"Orangutan",species:"Pongo",habitat:"Forest",diet:"Omnivore",lifespan:45},{name:"Leopard",species:"Panthera pardus",habitat:"Forest",diet:"Carnivore",lifespan:17},{name:"Hyena",species:"Hyaenidae",habitat:"Savannah",diet:"Carnivore",lifespan:25},{name:"Crocodile",species:"Crocodylidae",habitat:"Rivers",diet:"Carnivore",lifespan:70},{name:"Alligator",species:"Alligatoridae",habitat:"Swamps",diet:"Carnivore",lifespan:50},{name:"Ostrich",species:"Struthio camelus",habitat:"Savannah",diet:"Omnivore",lifespan:40},{name:"Flamingo",species:"Phoenicopterus",habitat:"Lakes",diet:"Omnivore",lifespan:30},{name:"Peacock",species:"Pavo cristatus",habitat:"Forest",diet:"Omnivore",lifespan:20},{name:"Parrot",species:"Psittaciformes",habitat:"Forest",diet:"Omnivore",lifespan:50},{name:"Toucan",species:"Ramphastidae",habitat:"Forest",diet:"Omnivore",lifespan:20},{name:"Sloth",species:"Folivora",habitat:"Forest",diet:"Herbivore",lifespan:30},{name:"Armadillo",species:"Dasypodidae",habitat:"Grassland",diet:"Omnivore",lifespan:15},{name:"Anteater",species:"Myrmecophaga tridactyla",habitat:"Forest",diet:"Insectivore",lifespan:14},{name:"Bat",species:"Chiroptera",habitat:"Caves",diet:"Omnivore",lifespan:20},{name:"Otter",species:"Lutrinae",habitat:"Rivers",diet:"Carnivore",lifespan:16},{name:"Beaver",species:"Castor",habitat:"Rivers",diet:"Herbivore",lifespan:24},{name:"Moose",species:"Alces alces",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Deer",species:"Cervidae",habitat:"Forest",diet:"Herbivore",lifespan:20},{name:"Bison",species:"Bison bison",habitat:"Grassland",diet:"Herbivore",lifespan:20},{name:"Buffalo",species:"Syncerus caffer",habitat:"Savannah",diet:"Herbivore",lifespan:25},{name:"Camel",species:"Camelus",habitat:"Desert",diet:"Herbivore",lifespan:50},{name:"Llama",species:"Lama glama",habitat:"Mountains",diet:"Herbivore",lifespan:20},{name:"Alpaca",species:"Vicugna pacos",habitat:"Mountains",diet:"Herbivore",lifespan:20},{name:"Goat",species:"Capra aegagrus hircus",habitat:"Mountains",diet:"Herbivore",lifespan:18},{name:"Sheep",species:"Ovis aries",habitat:"Grassland",diet:"Herbivore",lifespan:12},{name:"Cow",species:"Bos taurus",habitat:"Grassland",diet:"Herbivore",lifespan:20},{name:"Pig",species:"Sus scrofa domesticus",habitat:"Farm",diet:"Omnivore",lifespan:15},{name:"Chicken",species:"Gallus gallus domesticus",habitat:"Farm",diet:"Omnivore",lifespan:10}],U$=[{_icons:"codicon codicon-pie-chart",_label:"Erster Tab"},{_icons:"codicon codicon-calendar",_label:"Zweiter Tab",_disabled:!0},{_icons:"codicon codicon-briefcase",_label:"Deaktivierter Tab",_disabled:!0},{_icons:"codicon codicon-telescope",_label:"Letzter Tab",_disabled:!0}],V1={horizontal:[[{key:"name",label:"Name",textAlign:"left",width:"400px"},{key:"species",label:"Species",textAlign:"left",width:"400px"},{key:"habitat",label:"Habitat",textAlign:"left",width:"400px"},{key:"diet",label:"Diet",textAlign:"left",width:"400px"},{key:"lifespan",label:"lifespan",textAlign:"right",width:"400px"}]]};function H$(){const[e]=j.useState(()=>{const o=V1.horizontal[0];let r=0;for(const i of o)r+=parseFloat(i.width?.replace("px","")||"0");return`${r}px`});return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas."})}),a.jsxs("div",{className:"mainlayout",children:[a.jsx("aside",{className:"nav-area",children:a.jsx(yl,{_label:"Main navigation",_links:u0,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),a.jsx("div",{className:"content",children:a.jsxs(lr,{_tabs:U$,_align:"top",_label:"Demo Tabs",children:[a.jsx("div",{style:{overflow:"hidden"},children:a.jsx(vn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:V1,_data:I$,_pagination:{_page:1},className:"block"})}),a.jsx("div",{}),a.jsx("div",{}),a.jsx("div",{})]})})]})]})}const F$=()=>{const e="Unrecognized phone number.",o="Choose at least two and up to five toppings.",r=["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"],i=[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}];return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."}),a.jsx("p",{children:"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example."})]}),a.jsxs("fieldset",{children:[a.jsx("legend",{children:"Phone number"}),a.jsx(go,{_alert:!0,_type:"error",_label:e}),a.jsxs("div",{className:"grid grid-cols-3 gap-4 max-w-2xl",children:[a.jsx(Xn,{_options:i,_label:"CountryCode ",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),a.jsx(Be,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),a.jsx(Be,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0})]})]}),a.jsxs("fieldset",{className:"mt",children:[a.jsx("legend",{children:"Pizza toppings"}),a.jsx(go,{_alert:!0,_type:"error",_label:o}),r.map(s=>a.jsx(cn,{_label:s,_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0},s))]})]})},p0=j.createContext(void 0),v0=j.createContext(!1),uo=e=>{const o=j.useRef(null),[r,i]=j.useState(void 0),[s,d]=j.useState(e.inputProps._value),u=e.formatter||JSON.stringify,m=j.useContext(p0),h=j.useContext(v0),p=async()=>{const g=await o.current?.getValue();i(g)};j.useEffect(()=>{const g=()=>{p()};return m?.addEventListener("runAll",g),()=>{m?.removeEventListener("runAll",g)}},[m]);const k=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map(g=>[g,(y,S)=>{h&&console.log(e.inputProps._label,g,S,y),g==="onInput"&&d(S)}]));return a.jsx(a.Fragment,{children:a.jsxs("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId,children:[a.jsx(e.InputComponent,{ref:o,_on:k,...e.inputProps,_value:s}),a.jsx(Q,{_label:"getValue()",_on:{onClick:()=>{p()}}}),a.jsx("pre",{className:"text-base",children:u(r)})]})})},K$=()=>{const e=j.useMemo(()=>new EventTarget,[]),[o,r]=j.useState(!0);return a.jsx(a.Fragment,{children:a.jsx(p0.Provider,{value:e,children:a.jsxs(v0.Provider,{value:o,children:[a.jsx(Z,{children:a.jsxs("p",{children:["This sample shows how the input components ",a.jsx("code",{children:"getValue()"}),` method works. It's called when clicking the "getValue()" button and prints the current value right next to itself.`]})}),a.jsxs("section",{className:"w-full flex flex-col",children:[a.jsx(Ne,{_label:"Sample options",className:"block ha mb-8",children:a.jsx(cn,{_label:"Log events to console",_value:!0,_checked:o,_on:{onChange:(i,s)=>r(s)}})}),a.jsxs("div",{className:"grid gap-4",children:[a.jsx(uo,{testId:"scenario-inputText",InputComponent:Be,inputProps:{_label:"InputText"}}),a.jsx(uo,{testId:"scenario-inputCheckboxString",InputComponent:cn,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),a.jsx(uo,{testId:"scenario-inputCheckboxBoolean",InputComponent:cn,inputProps:{_label:"KolInputCheckbox (boolean)"}}),a.jsx(uo,{testId:"scenario-inputColor",InputComponent:Gn,inputProps:{_label:"KolInputColor"}}),a.jsx(uo,{testId:"scenario-inputDate",InputComponent:qe,inputProps:{_label:"KolInputDate"}}),a.jsx(uo,{testId:"scenario-inputEmail",InputComponent:Yn,inputProps:{_label:"KolInputEmail"}}),a.jsx(uo,{testId:"scenario-inputFile",InputComponent:Rn,inputProps:{_label:"KolInputFile"},formatter:i=>i instanceof FileList?`FileList{${Array.from(i).map(s=>s.name).join(", ")}}`:JSON.stringify(i)}),a.jsx(uo,{testId:"scenario-inputNumber",InputComponent:An,inputProps:{_label:"KolInputNumber"}}),a.jsx(uo,{testId:"scenario-inputPassword",InputComponent:En,inputProps:{_label:"KolInputPassword"}}),a.jsx(uo,{testId:"scenario-inputRange",InputComponent:no,inputProps:{_label:"KolInputRange"}}),a.jsx(uo,{testId:"scenario-inputRadio",InputComponent:Ln,inputProps:{_label:"KolInputRadio",_orientation:"horizontal",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"New York"}}),a.jsx(uo,{testId:"scenario-select",InputComponent:Xn,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),a.jsx(uo,{testId:"scenario-singleSelect",InputComponent:bo,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),a.jsx(uo,{testId:"scenario-combobox",InputComponent:_o,inputProps:{_label:"KolCombobox",_suggestions:Jo,_value:"Deutschland"}}),a.jsx(uo,{testId:"scenario-textarea",InputComponent:on,inputProps:{_label:"KolTextarea"}}),a.jsx(uo,{testId:"scenario-button",InputComponent:Q,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),a.jsx(uo,{testId:"scenario-buttonLink",InputComponent:Xe,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsx("div",{}),a.jsx(Q,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})]})]})]})]})})})},V$=333,q$=new Array(V$).fill(0).map((e,o)=>o+1),Z$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example renders many KoliBri components to show the performance."})}),a.jsx("div",{className:"w-full grid gap-4",children:q$.map(e=>a.jsxs("div",{className:"flex flex-wrap items-end gap-4",children:[a.jsx(Be,{_label:`TextInput #${e}`}),a.jsx(An,{_label:`NumberInput #${e}`}),a.jsx(cn,{_label:`Checkbox #${e}`})]},e))})]});var ab={exports:{}},Ie={};var q1;function P$(){if(q1)return Ie;q1=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),d=Symbol.for("react.consumer"),u=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),y=Symbol.iterator;function S(_){return _===null||typeof _!="object"?null:(_=y&&_[y]||_["@@iterator"],typeof _=="function"?_:null)}var $={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},A=Object.assign,N={};function E(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}E.prototype.isReactComponent={},E.prototype.setState=function(_,L){if(typeof _!="object"&&typeof _!="function"&&_!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,_,L,"setState")},E.prototype.forceUpdate=function(_){this.updater.enqueueForceUpdate(this,_,"forceUpdate")};function x(){}x.prototype=E.prototype;function z(_,L,Y){this.props=_,this.context=L,this.refs=N,this.updater=Y||$}var B=z.prototype=new x;B.constructor=z,A(B,E.prototype),B.isPureReactComponent=!0;var I=Array.isArray;function K(){}var U={H:null,A:null,T:null,S:null},le=Object.prototype.hasOwnProperty;function ce(_,L,Y){var ne=Y.ref;return{$$typeof:e,type:_,key:L,ref:ne!==void 0?ne:null,props:Y}}function Re(_,L){return ce(_.type,L,_.props)}function ie(_){return typeof _=="object"&&_!==null&&_.$$typeof===e}function re(_){var L={"=":"=0",":":"=2"};return"$"+_.replace(/[=:]/g,function(Y){return L[Y]})}var xe=/\/+/g;function $e(_,L){return typeof _=="object"&&_!==null&&_.key!=null?re(""+_.key):L.toString(36)}function Ve(_){switch(_.status){case"fulfilled":return _.value;case"rejected":throw _.reason;default:switch(typeof _.status=="string"?_.then(K,K):(_.status="pending",_.then(function(L){_.status==="pending"&&(_.status="fulfilled",_.value=L)},function(L){_.status==="pending"&&(_.status="rejected",_.reason=L)})),_.status){case"fulfilled":return _.value;case"rejected":throw _.reason}}throw _}function R(_,L,Y,ne,se){var ue=typeof _;(ue==="undefined"||ue==="boolean")&&(_=null);var ge=!1;if(_===null)ge=!0;else switch(ue){case"bigint":case"string":case"number":ge=!0;break;case"object":switch(_.$$typeof){case e:case o:ge=!0;break;case k:return ge=_._init,R(ge(_._payload),L,Y,ne,se)}}if(ge)return se=se(_),ge=ne===""?"."+$e(_,0):ne,I(se)?(Y="",ge!=null&&(Y=ge.replace(xe,"$&/")+"/"),R(se,L,Y,"",function(Fo){return Fo})):se!=null&&(ie(se)&&(se=Re(se,Y+(se.key==null||_&&_.key===se.key?"":(""+se.key).replace(xe,"$&/")+"/")+ge)),L.push(se)),1;ge=0;var tn=ne===""?".":ne+":";if(I(_))for(var Ue=0;Ue<_.length;Ue++)ne=_[Ue],ue=tn+$e(ne,Ue),ge+=R(ne,L,Y,ue,se);else if(Ue=S(_),typeof Ue=="function")for(_=Ue.call(_),Ue=0;!(ne=_.next()).done;)ne=ne.value,ue=tn+$e(ne,Ue++),ge+=R(ne,L,Y,ue,se);else if(ue==="object"){if(typeof _.then=="function")return R(Ve(_),L,Y,ne,se);throw L=String(_),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(_).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return ge}function G(_,L,Y){if(_==null)return _;var ne=[],se=0;return R(_,ne,"","",function(ue){return L.call(Y,ue,se++)}),ne}function de(_){if(_._status===-1){var L=_._result;L=L(),L.then(function(Y){(_._status===0||_._status===-1)&&(_._status=1,_._result=Y)},function(Y){(_._status===0||_._status===-1)&&(_._status=2,_._result=Y)}),_._status===-1&&(_._status=0,_._result=L)}if(_._status===1)return _._result.default;throw _._result}var we=typeof reportError=="function"?reportError:function(_){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof _=="object"&&_!==null&&typeof _.message=="string"?String(_.message):String(_),error:_});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",_);return}console.error(_)},Ce={map:G,forEach:function(_,L,Y){G(_,function(){L.apply(this,arguments)},Y)},count:function(_){var L=0;return G(_,function(){L++}),L},toArray:function(_){return G(_,function(L){return L})||[]},only:function(_){if(!ie(_))throw Error("React.Children.only expected to receive a single React element child.");return _}};return Ie.Activity=g,Ie.Children=Ce,Ie.Component=E,Ie.Fragment=r,Ie.Profiler=s,Ie.PureComponent=z,Ie.StrictMode=i,Ie.Suspense=h,Ie.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=U,Ie.__COMPILER_RUNTIME={__proto__:null,c:function(_){return U.H.useMemoCache(_)}},Ie.cache=function(_){return function(){return _.apply(null,arguments)}},Ie.cacheSignal=function(){return null},Ie.cloneElement=function(_,L,Y){if(_==null)throw Error("The argument must be a React element, but you passed "+_+".");var ne=A({},_.props),se=_.key;if(L!=null)for(ue in L.key!==void 0&&(se=""+L.key),L)!le.call(L,ue)||ue==="key"||ue==="__self"||ue==="__source"||ue==="ref"&&L.ref===void 0||(ne[ue]=L[ue]);var ue=arguments.length-2;if(ue===1)ne.children=Y;else if(1<ue){for(var ge=Array(ue),tn=0;tn<ue;tn++)ge[tn]=arguments[tn+2];ne.children=ge}return ce(_.type,se,ne)},Ie.createContext=function(_){return _={$$typeof:u,_currentValue:_,_currentValue2:_,_threadCount:0,Provider:null,Consumer:null},_.Provider=_,_.Consumer={$$typeof:d,_context:_},_},Ie.createElement=function(_,L,Y){var ne,se={},ue=null;if(L!=null)for(ne in L.key!==void 0&&(ue=""+L.key),L)le.call(L,ne)&&ne!=="key"&&ne!=="__self"&&ne!=="__source"&&(se[ne]=L[ne]);var ge=arguments.length-2;if(ge===1)se.children=Y;else if(1<ge){for(var tn=Array(ge),Ue=0;Ue<ge;Ue++)tn[Ue]=arguments[Ue+2];se.children=tn}if(_&&_.defaultProps)for(ne in ge=_.defaultProps,ge)se[ne]===void 0&&(se[ne]=ge[ne]);return ce(_,ue,se)},Ie.createRef=function(){return{current:null}},Ie.forwardRef=function(_){return{$$typeof:m,render:_}},Ie.isValidElement=ie,Ie.lazy=function(_){return{$$typeof:k,_payload:{_status:-1,_result:_},_init:de}},Ie.memo=function(_,L){return{$$typeof:p,type:_,compare:L===void 0?null:L}},Ie.startTransition=function(_){var L=U.T,Y={};U.T=Y;try{var ne=_(),se=U.S;se!==null&&se(Y,ne),typeof ne=="object"&&ne!==null&&typeof ne.then=="function"&&ne.then(K,we)}catch(ue){we(ue)}finally{L!==null&&Y.types!==null&&(L.types=Y.types),U.T=L}},Ie.unstable_useCacheRefresh=function(){return U.H.useCacheRefresh()},Ie.use=function(_){return U.H.use(_)},Ie.useActionState=function(_,L,Y){return U.H.useActionState(_,L,Y)},Ie.useCallback=function(_,L){return U.H.useCallback(_,L)},Ie.useContext=function(_){return U.H.useContext(_)},Ie.useDebugValue=function(){},Ie.useDeferredValue=function(_,L){return U.H.useDeferredValue(_,L)},Ie.useEffect=function(_,L){return U.H.useEffect(_,L)},Ie.useEffectEvent=function(_){return U.H.useEffectEvent(_)},Ie.useId=function(){return U.H.useId()},Ie.useImperativeHandle=function(_,L,Y){return U.H.useImperativeHandle(_,L,Y)},Ie.useInsertionEffect=function(_,L){return U.H.useInsertionEffect(_,L)},Ie.useLayoutEffect=function(_,L){return U.H.useLayoutEffect(_,L)},Ie.useMemo=function(_,L){return U.H.useMemo(_,L)},Ie.useOptimistic=function(_,L){return U.H.useOptimistic(_,L)},Ie.useReducer=function(_,L,Y){return U.H.useReducer(_,L,Y)},Ie.useRef=function(_){return U.H.useRef(_)},Ie.useState=function(_){return U.H.useState(_)},Ie.useSyncExternalStore=function(_,L,Y){return U.H.useSyncExternalStore(_,L,Y)},Ie.useTransition=function(){return U.H.useTransition()},Ie.version="19.2.0",Ie}var Z1;function G$(){return Z1||(Z1=1,ab.exports=P$()),ab.exports}var Y$=G$();const hn=yy(Y$);var X$=e=>e.type==="checkbox",Oi=e=>e instanceof Date,Om=e=>e==null;const k0=e=>typeof e=="object";var ka=e=>!Om(e)&&!Array.isArray(e)&&k0(e)&&!Oi(e),W$=e=>ka(e)&&e.target?X$(e.target)?e.target.checked:e.target.value:e,Q$=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,J$=(e,o)=>e.has(Q$(o)),e9=e=>{const o=e.constructor&&e.constructor.prototype;return ka(o)&&o.hasOwnProperty("isPrototypeOf")},n9=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function g0(e){let o;const r=Array.isArray(e),i=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)o=new Date(e);else if(!(n9&&(e instanceof Blob||i))&&(r||ka(e)))if(o=r?[]:Object.create(Object.getPrototypeOf(e)),!r&&!e9(e))o=e;else for(const s in e)e.hasOwnProperty(s)&&(o[s]=g0(e[s]));else return e;return o}var _0=e=>/^\w*$/.test(e),Fb=e=>e===void 0,o9=e=>Array.isArray(e)?e.filter(Boolean):[],y0=e=>o9(e.replace(/["|']|\]/g,"").split(/\.|\[/)),Bo=(e,o,r)=>{if(!o||!ka(e))return r;const i=(_0(o)?[o]:y0(o)).reduce((s,d)=>Om(s)?s:s[d],e);return Fb(i)||i===e?Fb(e[o])?r:e[o]:i},lb=e=>typeof e=="boolean",P1=(e,o,r)=>{let i=-1;const s=_0(o)?[o]:y0(o),d=s.length,u=d-1;for(;++i<d;){const m=s[i];let h=r;if(i!==u){const p=e[m];h=ka(p)||Array.isArray(p)?p:isNaN(+s[i+1])?{}:[]}if(m==="__proto__"||m==="constructor"||m==="prototype")return;e[m]=h,e=e[m]}};const G1={BLUR:"blur",CHANGE:"change"},Y1={all:"all"},x0=hn.createContext(null);x0.displayName="HookFormContext";const Nm=()=>hn.useContext(x0);var t9=(e,o,r,i=!0)=>{const s={defaultValues:o._defaultValues};for(const d in e)Object.defineProperty(s,d,{get:()=>{const u=d;return o._proxyFormState[u]!==Y1.all&&(o._proxyFormState[u]=!i||Y1.all),r&&(r[u]=!0),e[u]}});return s};const w0=typeof window<"u"?hn.useLayoutEffect:hn.useEffect;function r9(e){const o=Nm(),{control:r=o.control,disabled:i,name:s,exact:d}=e||{},[u,m]=hn.useState(r._formState),h=hn.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return w0(()=>r._subscribe({name:s,formState:h.current,exact:d,callback:p=>{!i&&m({...r._formState,...p})}}),[s,i,d]),hn.useEffect(()=>{h.current.isValid&&r._setValid(!0)},[r]),hn.useMemo(()=>t9(u,r,h.current,!1),[u,r])}var a9=e=>typeof e=="string",l9=(e,o,r,i,s)=>a9(e)?Bo(r,e,s):Array.isArray(e)?e.map(d=>Bo(r,d)):r,X1=e=>Om(e)||!k0(e);function z0(e,o,r=new WeakSet){if(X1(e)||X1(o))return e===o;if(Oi(e)&&Oi(o))return e.getTime()===o.getTime();const i=Object.keys(e),s=Object.keys(o);if(i.length!==s.length)return!1;if(r.has(e)||r.has(o))return!0;r.add(e),r.add(o);for(const d of i){const u=e[d];if(!s.includes(d))return!1;if(d!=="ref"){const m=o[d];if(Oi(u)&&Oi(m)||ka(u)&&ka(m)||Array.isArray(u)&&Array.isArray(m)?!z0(u,m,r):u!==m)return!1}}return!0}function i9(e){const o=Nm(),{control:r=o.control,name:i,defaultValue:s,disabled:d,exact:u,compute:m}=e||{},h=hn.useRef(s),p=hn.useRef(m),k=hn.useRef(void 0);p.current=m;const g=hn.useMemo(()=>r._getWatch(i,h.current),[r,i]),[y,S]=hn.useState(p.current?p.current(g):g);return w0(()=>r._subscribe({name:i,formState:{values:!0},exact:u,callback:$=>{if(!d){const A=l9(i,r._names,$.values||r._formValues,!1,h.current);if(p.current){const N=p.current(A);z0(N,k.current)||(S(N),k.current=N)}else S(A)}}}),[r,d,i,u]),hn.useEffect(()=>r._removeUnmounted()),y}function c9(e){const o=Nm(),{name:r,disabled:i,control:s=o.control,shouldUnregister:d,defaultValue:u}=e,m=J$(s._names.array,r),h=hn.useMemo(()=>Bo(s._formValues,r,Bo(s._defaultValues,r,u)),[s,r,u]),p=i9({control:s,name:r,defaultValue:h,exact:!0}),k=r9({control:s,name:r,exact:!0}),g=hn.useRef(e),y=hn.useRef(void 0),S=hn.useRef(s.register(r,{...e.rules,value:p,...lb(e.disabled)?{disabled:e.disabled}:{}}));g.current=e;const $=hn.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!Bo(k.errors,r)},isDirty:{enumerable:!0,get:()=>!!Bo(k.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!Bo(k.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!Bo(k.validatingFields,r)},error:{enumerable:!0,get:()=>Bo(k.errors,r)}}),[k,r]),A=hn.useCallback(z=>S.current.onChange({target:{value:W$(z),name:r},type:G1.CHANGE}),[r]),N=hn.useCallback(()=>S.current.onBlur({target:{value:Bo(s._formValues,r),name:r},type:G1.BLUR}),[r,s._formValues]),E=hn.useCallback(z=>{const B=Bo(s._fields,r);B&&z&&(B._f.ref={focus:()=>z.focus&&z.focus(),select:()=>z.select&&z.select(),setCustomValidity:I=>z.setCustomValidity(I),reportValidity:()=>z.reportValidity()})},[s._fields,r]),x=hn.useMemo(()=>({name:r,value:p,...lb(i)||k.disabled?{disabled:k.disabled||i}:{},onChange:A,onBlur:N,ref:E}),[r,i,k.disabled,A,N,E,p]);return hn.useEffect(()=>{const z=s._options.shouldUnregister||d,B=y.current;B&&B!==r&&!m&&s.unregister(B),s.register(r,{...g.current.rules,...lb(g.current.disabled)?{disabled:g.current.disabled}:{}});const I=(K,U)=>{const le=Bo(s._fields,K);le&&le._f&&(le._f.mount=U)};if(I(r,!0),z){const K=g0(Bo(s._options.defaultValues,r));P1(s._defaultValues,r,K),Fb(Bo(s._formValues,r))&&P1(s._formValues,r,K)}return!m&&s.register(r),y.current=r,()=>{(m?z&&!s._state.action:z)?s.unregister(r):I(r,!1)}},[r,s,m,d]),hn.useEffect(()=>{s._setDisabledField({disabled:i,name:r})},[i,r,s]),hn.useMemo(()=>({field:x,formState:k,fieldState:$}),[x,k,$])}const s9=e=>e.render(c9(e));function Uo(e,o){const r=hn.forwardRef((i,s)=>{const{name:d,control:u,rules:m,defaultValue:h,shouldUnregister:p,disabled:k,...g}=i;return hn.createElement(s9,{name:d,control:u,rules:m,defaultValue:h,shouldUnregister:p,disabled:k,render:({field:y,fieldState:S})=>{const $=g._on,A={...g,ref:N=>{s&&(typeof s=="function"?s(N):s.current=N),N&&y.ref(N)},_name:d,_touched:S.isTouched,_disabled:g._disabled||k||y.disabled,_msg:S.error?{_type:"error",_description:S.error.message||String(S.error)}:void 0,_on:{...$||{},onInput:(N,E)=>{y.onChange(E),$?.onInput?.(N,E)},onChange:(N,E)=>{y.onChange(E),$?.onChange?.(N,E)},onBlur:N=>{y.onBlur(),$?.onBlur?.(N)}}};return o&&(A[o]=y.value),hn.createElement(e,{...A})}})});return r.displayName=`withController(${e.displayName||e.name||"Component"})`,r}const Kb=Uo(Be,"_value"),j0=Uo(En,"_value"),S0=Uo(Yn,"_value"),T0=Uo(An,"_value"),A0=Uo(no,"_value"),C0=Uo(qe,"_value"),E0=Uo(Gn,"_value"),d9=Uo(Rn),L0=Uo(on,"_value"),$0=Uo(_o,"_value"),O0=Uo(Xn,"_value"),N0=Uo(bo,"_value"),B0=Uo(Ln,"_value"),R0=Uo(cn,"_checked"),f9={firstName:"",lastName:"",email:"",password:"",age:18,volume:50,birthday:"",favoriteColor:"#000000",cv:null,bio:"",country:"",language:"de",framework:"",gender:"",termsAccepted:!1},u9=[{label:"English",value:"en"},{label:"German",value:"de"},{label:"French",value:"fr"}],b9=[{label:"React",value:"react"},{label:"Vue",value:"vue"},{label:"Stencil",value:"stencil"}],m9=[{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Other",value:"other"}],h9=["firstName","lastName","email","password","age","volume","birthday","favoriteColor","cv","bio","country","language","framework","gender","termsAccepted"],p9=()=>{const{control:e,handleSubmit:o,setValue:r,getValues:i,trigger:s}=od({defaultValues:f9,mode:"onTouched",shouldFocusError:!0}),d=()=>{h9.forEach(h=>{r(h,i(h),{shouldTouch:!0,shouldValidate:!0})})},u=h=>{alert(JSON.stringify(h,null,2))},m=h=>{d(),s(void 0,{shouldFocus:!0}),console.warn("Validation errors:",h)};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This sample demonstrates a form using React Hook Form with KoliBri adapters wrapped in a KolForm. All inputs are validated, and error messages are shown on submit."})}),a.jsx(jo,{className:"w-full max-w-xl",_on:{onSubmit:h=>{o(u,m)(h)}},children:a.jsxs("div",{className:"grid gap-4",children:[a.jsx(Kb,{name:"firstName",control:e,_label:"First Name",rules:{required:"First name is required"},_required:!0}),a.jsx(Kb,{name:"lastName",control:e,_label:"Last Name",rules:{required:"Last name is required"},_required:!0}),a.jsx(S0,{name:"email",control:e,_label:"Email",rules:{required:"Email is required"},_required:!0}),a.jsx(j0,{name:"password",control:e,_label:"Password",rules:{required:"Password is required"},_required:!0}),a.jsx(T0,{name:"age",control:e,_label:"Age",rules:{required:"Age is required",min:0},_required:!0}),a.jsx(A0,{name:"volume",control:e,_label:"Volume (0–100)",_min:0,_max:100}),a.jsx(C0,{name:"birthday",control:e,_label:"Birthday",rules:{required:"Birthday is required"}}),a.jsx(E0,{name:"favoriteColor",control:e,_label:"Favorite Color",id:"favoriteColor"}),a.jsx(d9,{name:"cv",control:e,_label:"Upload CV",rules:{required:"Please upload your CV"},_required:!0}),a.jsx(L0,{name:"bio",control:e,_label:"Bio",rules:{required:"Please provide a short bio"},_required:!0}),a.jsx($0,{control:e,rules:{required:"Please select a country"},name:"country",_label:"Country",_suggestions:Jo,_required:!0}),a.jsx(O0,{control:e,rules:{required:"Please select a language"},name:"language",_label:"Preferred Language",_options:u9,_required:!0}),a.jsx(N0,{rules:{required:"Please select a framework"},control:e,name:"framework",_label:"Favorite Framework",_options:b9,_required:!0}),a.jsx(B0,{control:e,rules:{required:"Please select your gender"},name:"gender",_label:"Gender",_options:m9,_required:!0}),a.jsx(R0,{name:"termsAccepted",control:e,_label:"I accept the terms and conditions",rules:{required:"You must accept the terms"},_required:!0}),a.jsx(Q,{_label:"Submit",_type:"submit"})]})})]})},v9=()=>{const{dummyClickEventHandler:e}=Mn(),o={onClick:e};return a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface."})}),a.jsxs("div",{className:"w-full flex flex-wrap gap-4",children:[a.jsx(Q,{_icons:"codicon codicon-home",_label:"Button",_on:o}),a.jsx(Q,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:o}),a.jsx(en,{_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o}),a.jsx(en,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o}),a.jsx(_o,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_suggestions:[]}),a.jsx(Gn,{_hideLabel:!0,_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),a.jsx(Rn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-File"}),a.jsx(qe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Date"}),a.jsx(Yn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Email"}),a.jsx(An,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Number"}),a.jsx(En,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Password"}),a.jsx(no,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Range"}),a.jsx(Be,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Text"}),a.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),a.jsx(bo,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),a.jsx(on,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox"})]})]})},W1=(e,o,r)=>{if(e&&"reportValidity"in e){const i=fe(r,o);e.setCustomValidity(i&&i.message||""),e.reportValidity()}},D0=(e,o)=>{for(const r in o.fields){const i=o.fields[r];i&&i.ref&&"reportValidity"in i.ref?W1(i.ref,r,e):i.refs&&i.refs.forEach(s=>W1(s,r,e))}},k9=(e,o)=>{o.shouldUseNativeValidation&&D0(e,o);const r={};for(const i in e){const s=fe(o.fields,i),d=Object.assign(e[i]||{},{ref:s&&s.ref});if(g9(o.names||Object.keys(e),i)){const u=Object.assign({},fe(r,i));mn(u,"root",d),mn(r,i,u)}else mn(r,i,d)}return r},g9=(e,o)=>e.some(r=>r.startsWith(o+"."));var _9=function(e,o){for(var r={};e.length;){var i=e[0],s=i.code,d=i.message,u=i.path.join(".");if(!r[u])if("unionErrors"in i){var m=i.unionErrors[0].errors[0];r[u]={message:m.message,type:m.code}}else r[u]={message:d,type:s};if("unionErrors"in i&&i.unionErrors.forEach(function(k){return k.errors.forEach(function(g){return e.push(g)})}),o){var h=r[u].types,p=h&&h[i.code];r[u]=Qx(u,o,r,s,p?[].concat(p,i.message):i.message)}e.shift()}return r},y9=function(e,o,r){return r===void 0&&(r={}),function(i,s,d){try{return Promise.resolve((function(u,m){try{var h=Promise.resolve(e[r.mode==="sync"?"parse":"parseAsync"](i,o)).then(function(p){return d.shouldUseNativeValidation&&D0({},d),{errors:{},values:r.raw?i:p}})}catch(p){return m(p)}return h&&h.then?h.then(void 0,m):h})(0,function(u){if((function(m){return Array.isArray(m?.errors)})(u))return{values:{},errors:k9(_9(u.errors,!d.shouldUseNativeValidation&&d.criteriaMode==="all"),d)};throw u}))}catch(u){return Promise.reject(u)}}};function ee(e,o,r){function i(m,h){if(m._zod||Object.defineProperty(m,"_zod",{value:{def:h,constr:u,traits:new Set},enumerable:!1}),m._zod.traits.has(e))return;m._zod.traits.add(e),o(m,h);const p=u.prototype,k=Object.keys(p);for(let g=0;g<k.length;g++){const y=k[g];y in m||(m[y]=p[y].bind(m))}}const s=r?.Parent??Object;class d extends s{}Object.defineProperty(d,"name",{value:e});function u(m){var h;const p=r?.Parent?new d:this;i(p,m),(h=p._zod).deferred??(h.deferred=[]);for(const k of p._zod.deferred)k();return p}return Object.defineProperty(u,"init",{value:i}),Object.defineProperty(u,Symbol.hasInstance,{value:m=>r?.Parent&&m instanceof r.Parent?!0:m?._zod?.traits?.has(e)}),Object.defineProperty(u,"name",{value:e}),u}class wl extends Error{constructor(){super("Encountered Promise during synchronous parse. Use .parseAsync() instead.")}}class M0 extends Error{constructor(o){super(`Encountered unidirectional transform during encode: ${o}`),this.name="ZodEncodeError"}}const I0={};function ga(e){return I0}function x9(e){const o=Object.values(e).filter(i=>typeof i=="number");return Object.entries(e).filter(([i,s])=>o.indexOf(+i)===-1).map(([i,s])=>s)}function Vb(e,o){return typeof o=="bigint"?o.toString():o}function Bm(e){return{get value(){{const o=e();return Object.defineProperty(this,"value",{value:o}),o}}}}function Rm(e){return e==null}function Dm(e){const o=e.startsWith("^")?1:0,r=e.endsWith("$")?e.length-1:e.length;return e.slice(o,r)}function w9(e,o){const r=(e.toString().split(".")[1]||"").length,i=o.toString();let s=(i.split(".")[1]||"").length;if(s===0&&/\d?e-\d?/.test(i)){const h=i.match(/\d?e-(\d?)/);h?.[1]&&(s=Number.parseInt(h[1]))}const d=r>s?r:s,u=Number.parseInt(e.toFixed(d).replace(".","")),m=Number.parseInt(o.toFixed(d).replace(".",""));return u%m/10**d}const Q1=Symbol("evaluating");function xn(e,o,r){let i;Object.defineProperty(e,o,{get(){if(i!==Q1)return i===void 0&&(i=Q1,i=r()),i},set(s){Object.defineProperty(e,o,{value:s})},configurable:!0})}function za(e,o,r){Object.defineProperty(e,o,{value:r,writable:!0,enumerable:!0,configurable:!0})}function ja(...e){const o={};for(const r of e){const i=Object.getOwnPropertyDescriptors(r);Object.assign(o,i)}return Object.defineProperties({},o)}function J1(e){return JSON.stringify(e)}function z9(e){return e.toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}const U0="captureStackTrace"in Error?Error.captureStackTrace:(...e)=>{};function qs(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}const j9=Bm(()=>{if(typeof navigator<"u"&&navigator?.userAgent?.includes("Cloudflare"))return!1;try{const e=Function;return new e(""),!0}catch{return!1}});function qi(e){if(qs(e)===!1)return!1;const o=e.constructor;if(o===void 0||typeof o!="function")return!0;const r=o.prototype;return!(qs(r)===!1||Object.prototype.hasOwnProperty.call(r,"isPrototypeOf")===!1)}function H0(e){return qi(e)?{...e}:Array.isArray(e)?[...e]:e}const S9=new Set(["string","number","symbol"]);function ad(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Vr(e,o,r){const i=new e._zod.constr(o??e._zod.def);return(!o||r?.parent)&&(i._zod.parent=e),i}function Ae(e){const o=e;if(!o)return{};if(typeof o=="string")return{error:()=>o};if(o?.message!==void 0){if(o?.error!==void 0)throw new Error("Cannot specify both `message` and `error` params");o.error=o.message}return delete o.message,typeof o.error=="string"?{...o,error:()=>o.error}:o}function T9(e){return Object.keys(e).filter(o=>e[o]._zod.optin==="optional"&&e[o]._zod.optout==="optional")}const A9={safeint:[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER],int32:[-2147483648,2147483647],uint32:[0,4294967295],float32:[-34028234663852886e22,34028234663852886e22],float64:[-Number.MAX_VALUE,Number.MAX_VALUE]};function C9(e,o){const r=e._zod.def,i=ja(e._zod.def,{get shape(){const s={};for(const d in o){if(!(d in r.shape))throw new Error(`Unrecognized key: "${d}"`);o[d]&&(s[d]=r.shape[d])}return za(this,"shape",s),s},checks:[]});return Vr(e,i)}function E9(e,o){const r=e._zod.def,i=ja(e._zod.def,{get shape(){const s={...e._zod.def.shape};for(const d in o){if(!(d in r.shape))throw new Error(`Unrecognized key: "${d}"`);o[d]&&delete s[d]}return za(this,"shape",s),s},checks:[]});return Vr(e,i)}function L9(e,o){if(!qi(o))throw new Error("Invalid input to extend: expected a plain object");const r=e._zod.def.checks;if(r&&r.length>0)throw new Error("Object schemas containing refinements cannot be extended. Use `.safeExtend()` instead.");const s=ja(e._zod.def,{get shape(){const d={...e._zod.def.shape,...o};return za(this,"shape",d),d},checks:[]});return Vr(e,s)}function $9(e,o){if(!qi(o))throw new Error("Invalid input to safeExtend: expected a plain object");const r={...e._zod.def,get shape(){const i={...e._zod.def.shape,...o};return za(this,"shape",i),i},checks:e._zod.def.checks};return Vr(e,r)}function O9(e,o){const r=ja(e._zod.def,{get shape(){const i={...e._zod.def.shape,...o._zod.def.shape};return za(this,"shape",i),i},get catchall(){return o._zod.def.catchall},checks:[]});return Vr(e,r)}function N9(e,o,r){const i=ja(o._zod.def,{get shape(){const s=o._zod.def.shape,d={...s};if(r)for(const u in r){if(!(u in s))throw new Error(`Unrecognized key: "${u}"`);r[u]&&(d[u]=e?new e({type:"optional",innerType:s[u]}):s[u])}else for(const u in s)d[u]=e?new e({type:"optional",innerType:s[u]}):s[u];return za(this,"shape",d),d},checks:[]});return Vr(o,i)}function B9(e,o,r){const i=ja(o._zod.def,{get shape(){const s=o._zod.def.shape,d={...s};if(r)for(const u in r){if(!(u in d))throw new Error(`Unrecognized key: "${u}"`);r[u]&&(d[u]=new e({type:"nonoptional",innerType:s[u]}))}else for(const u in s)d[u]=new e({type:"nonoptional",innerType:s[u]});return za(this,"shape",d),d},checks:[]});return Vr(o,i)}function _l(e,o=0){if(e.aborted===!0)return!0;for(let r=o;r<e.issues.length;r++)if(e.issues[r]?.continue!==!0)return!0;return!1}function F0(e,o){return o.map(r=>{var i;return(i=r).path??(i.path=[]),r.path.unshift(e),r})}function ks(e){return typeof e=="string"?e:e?.message}function _a(e,o,r){const i={...e,path:e.path??[]};if(!e.message){const s=ks(e.inst?._zod.def?.error?.(e))??ks(o?.error?.(e))??ks(r.customError?.(e))??ks(r.localeError?.(e))??"Invalid input";i.message=s}return delete i.inst,delete i.continue,o?.reportInput||delete i.input,i}function Mm(e){return Array.isArray(e)?"array":typeof e=="string"?"string":"unknown"}function Zi(...e){const[o,r,i]=e;return typeof o=="string"?{message:o,code:"custom",input:r,inst:i}:{...o}}const K0=(e,o)=>{e.name="$ZodError",Object.defineProperty(e,"_zod",{value:e._zod,enumerable:!1}),Object.defineProperty(e,"issues",{value:o,enumerable:!1}),e.message=JSON.stringify(o,Vb,2),Object.defineProperty(e,"toString",{value:()=>e.message,enumerable:!1})},V0=ee("$ZodError",K0),q0=ee("$ZodError",K0,{Parent:Error});function R9(e,o=r=>r.message){const r={},i=[];for(const s of e.issues)s.path.length>0?(r[s.path[0]]=r[s.path[0]]||[],r[s.path[0]].push(o(s))):i.push(o(s));return{formErrors:i,fieldErrors:r}}function D9(e,o=r=>r.message){const r={_errors:[]},i=s=>{for(const d of s.issues)if(d.code==="invalid_union"&&d.errors.length)d.errors.map(u=>i({issues:u}));else if(d.code==="invalid_key")i({issues:d.issues});else if(d.code==="invalid_element")i({issues:d.issues});else if(d.path.length===0)r._errors.push(o(d));else{let u=r,m=0;for(;m<d.path.length;){const h=d.path[m];m===d.path.length-1?(u[h]=u[h]||{_errors:[]},u[h]._errors.push(o(d))):u[h]=u[h]||{_errors:[]},u=u[h],m++}}};return i(e),r}const Im=e=>(o,r,i,s)=>{const d=i?Object.assign(i,{async:!1}):{async:!1},u=o._zod.run({value:r,issues:[]},d);if(u instanceof Promise)throw new wl;if(u.issues.length){const m=new(s?.Err??e)(u.issues.map(h=>_a(h,d,ga())));throw U0(m,s?.callee),m}return u.value},Um=e=>async(o,r,i,s)=>{const d=i?Object.assign(i,{async:!0}):{async:!0};let u=o._zod.run({value:r,issues:[]},d);if(u instanceof Promise&&(u=await u),u.issues.length){const m=new(s?.Err??e)(u.issues.map(h=>_a(h,d,ga())));throw U0(m,s?.callee),m}return u.value},ld=e=>(o,r,i)=>{const s=i?{...i,async:!1}:{async:!1},d=o._zod.run({value:r,issues:[]},s);if(d instanceof Promise)throw new wl;return d.issues.length?{success:!1,error:new(e??V0)(d.issues.map(u=>_a(u,s,ga())))}:{success:!0,data:d.value}},M9=ld(q0),id=e=>async(o,r,i)=>{const s=i?Object.assign(i,{async:!0}):{async:!0};let d=o._zod.run({value:r,issues:[]},s);return d instanceof Promise&&(d=await d),d.issues.length?{success:!1,error:new e(d.issues.map(u=>_a(u,s,ga())))}:{success:!0,data:d.value}},I9=id(q0),U9=e=>(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return Im(e)(o,r,s)},H9=e=>(o,r,i)=>Im(e)(o,r,i),F9=e=>async(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return Um(e)(o,r,s)},K9=e=>async(o,r,i)=>Um(e)(o,r,i),V9=e=>(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return ld(e)(o,r,s)},q9=e=>(o,r,i)=>ld(e)(o,r,i),Z9=e=>async(o,r,i)=>{const s=i?Object.assign(i,{direction:"backward"}):{direction:"backward"};return id(e)(o,r,s)},P9=e=>async(o,r,i)=>id(e)(o,r,i),G9=/^[cC][^\s-]{8,}$/,Y9=/^[0-9a-z]+$/,X9=/^[0-9A-HJKMNP-TV-Za-hjkmnp-tv-z]{26}$/,W9=/^[0-9a-vA-V]{20}$/,Q9=/^[A-Za-z0-9]{27}$/,J9=/^[a-zA-Z0-9_-]{21}$/,eO=/^P(?:(\d+W)|(?!.*W)(?=\d|T\d)(\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+([.,]\d+)?S)?)?)$/,nO=/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/,ey=e=>e?new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${e}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`):/^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/,oO=/^(?!\.)(?!.*\.\.)([A-Za-z0-9_'+\-\.]*)[A-Za-z0-9_+-]@([A-Za-z0-9][A-Za-z0-9\-]*\.)+[A-Za-z]{2,}$/,tO="^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";function rO(){return new RegExp(tO,"u")}const aO=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,lO=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:))$/,iO=/^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/([0-9]|[1-2][0-9]|3[0-2])$/,cO=/^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|::|([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:?){0,6})\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/,sO=/^$|^(?:[0-9a-zA-Z+/]{4})*(?:(?:[0-9a-zA-Z+/]{2}==)|(?:[0-9a-zA-Z+/]{3}=))?$/,Z0=/^[A-Za-z0-9_-]*$/,dO=/^\+(?:[0-9]){6,14}[0-9]$/,P0="(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))",fO=new RegExp(`^${P0}$`);function G0(e){const o="(?:[01]\\d|2[0-3]):[0-5]\\d";return typeof e.precision=="number"?e.precision===-1?`${o}`:e.precision===0?`${o}:[0-5]\\d`:`${o}:[0-5]\\d\\.\\d{${e.precision}}`:`${o}(?::[0-5]\\d(?:\\.\\d+)?)?`}function uO(e){return new RegExp(`^${G0(e)}$`)}function bO(e){const o=G0({precision:e.precision}),r=["Z"];e.local&&r.push(""),e.offset&&r.push("([+-](?:[01]\\d|2[0-3]):[0-5]\\d)");const i=`${o}(?:${r.join("|")})`;return new RegExp(`^${P0}T(?:${i})$`)}const mO=e=>{const o=e?`[\\s\\S]{${e?.minimum??0},${e?.maximum??""}}`:"[\\s\\S]*";return new RegExp(`^${o}$`)},hO=/^-?\d+$/,pO=/^-?\d+(?:\.\d+)?/,vO=/^(?:true|false)$/i,kO=/^[^A-Z]*$/,gO=/^[^a-z]*$/,Ho=ee("$ZodCheck",(e,o)=>{var r;e._zod??(e._zod={}),e._zod.def=o,(r=e._zod).onattach??(r.onattach=[])}),Y0={number:"number",bigint:"bigint",object:"date"},X0=ee("$ZodCheckLessThan",(e,o)=>{Ho.init(e,o);const r=Y0[typeof o.value];e._zod.onattach.push(i=>{const s=i._zod.bag,d=(o.inclusive?s.maximum:s.exclusiveMaximum)??Number.POSITIVE_INFINITY;o.value<d&&(o.inclusive?s.maximum=o.value:s.exclusiveMaximum=o.value)}),e._zod.check=i=>{(o.inclusive?i.value<=o.value:i.value<o.value)||i.issues.push({origin:r,code:"too_big",maximum:o.value,input:i.value,inclusive:o.inclusive,inst:e,continue:!o.abort})}}),W0=ee("$ZodCheckGreaterThan",(e,o)=>{Ho.init(e,o);const r=Y0[typeof o.value];e._zod.onattach.push(i=>{const s=i._zod.bag,d=(o.inclusive?s.minimum:s.exclusiveMinimum)??Number.NEGATIVE_INFINITY;o.value>d&&(o.inclusive?s.minimum=o.value:s.exclusiveMinimum=o.value)}),e._zod.check=i=>{(o.inclusive?i.value>=o.value:i.value>o.value)||i.issues.push({origin:r,code:"too_small",minimum:o.value,input:i.value,inclusive:o.inclusive,inst:e,continue:!o.abort})}}),_O=ee("$ZodCheckMultipleOf",(e,o)=>{Ho.init(e,o),e._zod.onattach.push(r=>{var i;(i=r._zod.bag).multipleOf??(i.multipleOf=o.value)}),e._zod.check=r=>{if(typeof r.value!=typeof o.value)throw new Error("Cannot mix number and bigint in multiple_of check.");(typeof r.value=="bigint"?r.value%o.value===BigInt(0):w9(r.value,o.value)===0)||r.issues.push({origin:typeof r.value,code:"not_multiple_of",divisor:o.value,input:r.value,inst:e,continue:!o.abort})}}),yO=ee("$ZodCheckNumberFormat",(e,o)=>{Ho.init(e,o),o.format=o.format||"float64";const r=o.format?.includes("int"),i=r?"int":"number",[s,d]=A9[o.format];e._zod.onattach.push(u=>{const m=u._zod.bag;m.format=o.format,m.minimum=s,m.maximum=d,r&&(m.pattern=hO)}),e._zod.check=u=>{const m=u.value;if(r){if(!Number.isInteger(m)){u.issues.push({expected:i,format:o.format,code:"invalid_type",continue:!1,input:m,inst:e});return}if(!Number.isSafeInteger(m)){m>0?u.issues.push({input:m,code:"too_big",maximum:Number.MAX_SAFE_INTEGER,note:"Integers must be within the safe integer range.",inst:e,origin:i,continue:!o.abort}):u.issues.push({input:m,code:"too_small",minimum:Number.MIN_SAFE_INTEGER,note:"Integers must be within the safe integer range.",inst:e,origin:i,continue:!o.abort});return}}m<s&&u.issues.push({origin:"number",input:m,code:"too_small",minimum:s,inclusive:!0,inst:e,continue:!o.abort}),m>d&&u.issues.push({origin:"number",input:m,code:"too_big",maximum:d,inst:e})}}),xO=ee("$ZodCheckMaxLength",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag.maximum??Number.POSITIVE_INFINITY;o.maximum<s&&(i._zod.bag.maximum=o.maximum)}),e._zod.check=i=>{const s=i.value;if(s.length<=o.maximum)return;const u=Mm(s);i.issues.push({origin:u,code:"too_big",maximum:o.maximum,inclusive:!0,input:s,inst:e,continue:!o.abort})}}),wO=ee("$ZodCheckMinLength",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag.minimum??Number.NEGATIVE_INFINITY;o.minimum>s&&(i._zod.bag.minimum=o.minimum)}),e._zod.check=i=>{const s=i.value;if(s.length>=o.minimum)return;const u=Mm(s);i.issues.push({origin:u,code:"too_small",minimum:o.minimum,inclusive:!0,input:s,inst:e,continue:!o.abort})}}),zO=ee("$ZodCheckLengthEquals",(e,o)=>{var r;Ho.init(e,o),(r=e._zod.def).when??(r.when=i=>{const s=i.value;return!Rm(s)&&s.length!==void 0}),e._zod.onattach.push(i=>{const s=i._zod.bag;s.minimum=o.length,s.maximum=o.length,s.length=o.length}),e._zod.check=i=>{const s=i.value,d=s.length;if(d===o.length)return;const u=Mm(s),m=d>o.length;i.issues.push({origin:u,...m?{code:"too_big",maximum:o.length}:{code:"too_small",minimum:o.length},inclusive:!0,exact:!0,input:i.value,inst:e,continue:!o.abort})}}),cd=ee("$ZodCheckStringFormat",(e,o)=>{var r,i;Ho.init(e,o),e._zod.onattach.push(s=>{const d=s._zod.bag;d.format=o.format,o.pattern&&(d.patterns??(d.patterns=new Set),d.patterns.add(o.pattern))}),o.pattern?(r=e._zod).check??(r.check=s=>{o.pattern.lastIndex=0,!o.pattern.test(s.value)&&s.issues.push({origin:"string",code:"invalid_format",format:o.format,input:s.value,...o.pattern?{pattern:o.pattern.toString()}:{},inst:e,continue:!o.abort})}):(i=e._zod).check??(i.check=()=>{})}),jO=ee("$ZodCheckRegex",(e,o)=>{cd.init(e,o),e._zod.check=r=>{o.pattern.lastIndex=0,!o.pattern.test(r.value)&&r.issues.push({origin:"string",code:"invalid_format",format:"regex",input:r.value,pattern:o.pattern.toString(),inst:e,continue:!o.abort})}}),SO=ee("$ZodCheckLowerCase",(e,o)=>{o.pattern??(o.pattern=kO),cd.init(e,o)}),TO=ee("$ZodCheckUpperCase",(e,o)=>{o.pattern??(o.pattern=gO),cd.init(e,o)}),AO=ee("$ZodCheckIncludes",(e,o)=>{Ho.init(e,o);const r=ad(o.includes),i=new RegExp(typeof o.position=="number"?`^.{${o.position}}${r}`:r);o.pattern=i,e._zod.onattach.push(s=>{const d=s._zod.bag;d.patterns??(d.patterns=new Set),d.patterns.add(i)}),e._zod.check=s=>{s.value.includes(o.includes,o.position)||s.issues.push({origin:"string",code:"invalid_format",format:"includes",includes:o.includes,input:s.value,inst:e,continue:!o.abort})}}),CO=ee("$ZodCheckStartsWith",(e,o)=>{Ho.init(e,o);const r=new RegExp(`^${ad(o.prefix)}.*`);o.pattern??(o.pattern=r),e._zod.onattach.push(i=>{const s=i._zod.bag;s.patterns??(s.patterns=new Set),s.patterns.add(r)}),e._zod.check=i=>{i.value.startsWith(o.prefix)||i.issues.push({origin:"string",code:"invalid_format",format:"starts_with",prefix:o.prefix,input:i.value,inst:e,continue:!o.abort})}}),EO=ee("$ZodCheckEndsWith",(e,o)=>{Ho.init(e,o);const r=new RegExp(`.*${ad(o.suffix)}$`);o.pattern??(o.pattern=r),e._zod.onattach.push(i=>{const s=i._zod.bag;s.patterns??(s.patterns=new Set),s.patterns.add(r)}),e._zod.check=i=>{i.value.endsWith(o.suffix)||i.issues.push({origin:"string",code:"invalid_format",format:"ends_with",suffix:o.suffix,input:i.value,inst:e,continue:!o.abort})}}),LO=ee("$ZodCheckOverwrite",(e,o)=>{Ho.init(e,o),e._zod.check=r=>{r.value=o.tx(r.value)}});class $O{constructor(o=[]){this.content=[],this.indent=0,this&&(this.args=o)}indented(o){this.indent+=1,o(this),this.indent-=1}write(o){if(typeof o=="function"){o(this,{execution:"sync"}),o(this,{execution:"async"});return}const i=o.split(`
 `).filter(u=>u),s=Math.min(...i.map(u=>u.length-u.trimStart().length)),d=i.map(u=>u.slice(s)).map(u=>" ".repeat(this.indent*2)+u);for(const u of d)this.content.push(u)}compile(){const o=Function,r=this?.args,s=[...(this?.content??[""]).map(d=>`  ${d}`)];return new o(...r,s.join(`
 `))}}const OO={major:4,minor:1,patch:13},In=ee("$ZodType",(e,o)=>{var r;e??(e={}),e._zod.def=o,e._zod.bag=e._zod.bag||{},e._zod.version=OO;const i=[...e._zod.def.checks??[]];e._zod.traits.has("$ZodCheck")&&i.unshift(e);for(const s of i)for(const d of s._zod.onattach)d(e);if(i.length===0)(r=e._zod).deferred??(r.deferred=[]),e._zod.deferred?.push(()=>{e._zod.run=e._zod.parse});else{const s=(u,m,h)=>{let p=_l(u),k;for(const g of m){if(g._zod.def.when){if(!g._zod.def.when(u))continue}else if(p)continue;const y=u.issues.length,S=g._zod.check(u);if(S instanceof Promise&&h?.async===!1)throw new wl;if(k||S instanceof Promise)k=(k??Promise.resolve()).then(async()=>{await S,u.issues.length!==y&&(p||(p=_l(u,y)))});else{if(u.issues.length===y)continue;p||(p=_l(u,y))}}return k?k.then(()=>u):u},d=(u,m,h)=>{if(_l(u))return u.aborted=!0,u;const p=s(m,i,h);if(p instanceof Promise){if(h.async===!1)throw new wl;return p.then(k=>e._zod.parse(k,h))}return e._zod.parse(p,h)};e._zod.run=(u,m)=>{if(m.skipChecks)return e._zod.parse(u,m);if(m.direction==="backward"){const p=e._zod.parse({value:u.value,issues:[]},{...m,skipChecks:!0});return p instanceof Promise?p.then(k=>d(k,u,m)):d(p,u,m)}const h=e._zod.parse(u,m);if(h instanceof Promise){if(m.async===!1)throw new wl;return h.then(p=>s(p,i,m))}return s(h,i,m)}}e["~standard"]={validate:s=>{try{const d=M9(e,s);return d.success?{value:d.data}:{issues:d.error?.issues}}catch{return I9(e,s).then(u=>u.success?{value:u.data}:{issues:u.error?.issues})}},vendor:"zod",version:1}}),Hm=ee("$ZodString",(e,o)=>{In.init(e,o),e._zod.pattern=[...e?._zod.bag?.patterns??[]].pop()??mO(e._zod.bag),e._zod.parse=(r,i)=>{if(o.coerce)try{r.value=String(r.value)}catch{}return typeof r.value=="string"||r.issues.push({expected:"string",code:"invalid_type",input:r.value,inst:e}),r}}),Cn=ee("$ZodStringFormat",(e,o)=>{cd.init(e,o),Hm.init(e,o)}),NO=ee("$ZodGUID",(e,o)=>{o.pattern??(o.pattern=nO),Cn.init(e,o)}),BO=ee("$ZodUUID",(e,o)=>{if(o.version){const i={v1:1,v2:2,v3:3,v4:4,v5:5,v6:6,v7:7,v8:8}[o.version];if(i===void 0)throw new Error(`Invalid UUID version: "${o.version}"`);o.pattern??(o.pattern=ey(i))}else o.pattern??(o.pattern=ey());Cn.init(e,o)}),RO=ee("$ZodEmail",(e,o)=>{o.pattern??(o.pattern=oO),Cn.init(e,o)}),DO=ee("$ZodURL",(e,o)=>{Cn.init(e,o),e._zod.check=r=>{try{const i=r.value.trim(),s=new URL(i);o.hostname&&(o.hostname.lastIndex=0,o.hostname.test(s.hostname)||r.issues.push({code:"invalid_format",format:"url",note:"Invalid hostname",pattern:o.hostname.source,input:r.value,inst:e,continue:!o.abort})),o.protocol&&(o.protocol.lastIndex=0,o.protocol.test(s.protocol.endsWith(":")?s.protocol.slice(0,-1):s.protocol)||r.issues.push({code:"invalid_format",format:"url",note:"Invalid protocol",pattern:o.protocol.source,input:r.value,inst:e,continue:!o.abort})),o.normalize?r.value=s.href:r.value=i;return}catch{r.issues.push({code:"invalid_format",format:"url",input:r.value,inst:e,continue:!o.abort})}}}),MO=ee("$ZodEmoji",(e,o)=>{o.pattern??(o.pattern=rO()),Cn.init(e,o)}),IO=ee("$ZodNanoID",(e,o)=>{o.pattern??(o.pattern=J9),Cn.init(e,o)}),UO=ee("$ZodCUID",(e,o)=>{o.pattern??(o.pattern=G9),Cn.init(e,o)}),HO=ee("$ZodCUID2",(e,o)=>{o.pattern??(o.pattern=Y9),Cn.init(e,o)}),FO=ee("$ZodULID",(e,o)=>{o.pattern??(o.pattern=X9),Cn.init(e,o)}),KO=ee("$ZodXID",(e,o)=>{o.pattern??(o.pattern=W9),Cn.init(e,o)}),VO=ee("$ZodKSUID",(e,o)=>{o.pattern??(o.pattern=Q9),Cn.init(e,o)}),qO=ee("$ZodISODateTime",(e,o)=>{o.pattern??(o.pattern=bO(o)),Cn.init(e,o)}),ZO=ee("$ZodISODate",(e,o)=>{o.pattern??(o.pattern=fO),Cn.init(e,o)}),PO=ee("$ZodISOTime",(e,o)=>{o.pattern??(o.pattern=uO(o)),Cn.init(e,o)}),GO=ee("$ZodISODuration",(e,o)=>{o.pattern??(o.pattern=eO),Cn.init(e,o)}),YO=ee("$ZodIPv4",(e,o)=>{o.pattern??(o.pattern=aO),Cn.init(e,o),e._zod.bag.format="ipv4"}),XO=ee("$ZodIPv6",(e,o)=>{o.pattern??(o.pattern=lO),Cn.init(e,o),e._zod.bag.format="ipv6",e._zod.check=r=>{try{new URL(`http://[${r.value}]`)}catch{r.issues.push({code:"invalid_format",format:"ipv6",input:r.value,inst:e,continue:!o.abort})}}}),WO=ee("$ZodCIDRv4",(e,o)=>{o.pattern??(o.pattern=iO),Cn.init(e,o)}),QO=ee("$ZodCIDRv6",(e,o)=>{o.pattern??(o.pattern=cO),Cn.init(e,o),e._zod.check=r=>{const i=r.value.split("/");try{if(i.length!==2)throw new Error;const[s,d]=i;if(!d)throw new Error;const u=Number(d);if(`${u}`!==d)throw new Error;if(u<0||u>128)throw new Error;new URL(`http://[${s}]`)}catch{r.issues.push({code:"invalid_format",format:"cidrv6",input:r.value,inst:e,continue:!o.abort})}}});function Q0(e){if(e==="")return!0;if(e.length%4!==0)return!1;try{return atob(e),!0}catch{return!1}}const JO=ee("$ZodBase64",(e,o)=>{o.pattern??(o.pattern=sO),Cn.init(e,o),e._zod.bag.contentEncoding="base64",e._zod.check=r=>{Q0(r.value)||r.issues.push({code:"invalid_format",format:"base64",input:r.value,inst:e,continue:!o.abort})}});function eN(e){if(!Z0.test(e))return!1;const o=e.replace(/[-_]/g,i=>i==="-"?"+":"/"),r=o.padEnd(Math.ceil(o.length/4)*4,"=");return Q0(r)}const nN=ee("$ZodBase64URL",(e,o)=>{o.pattern??(o.pattern=Z0),Cn.init(e,o),e._zod.bag.contentEncoding="base64url",e._zod.check=r=>{eN(r.value)||r.issues.push({code:"invalid_format",format:"base64url",input:r.value,inst:e,continue:!o.abort})}}),oN=ee("$ZodE164",(e,o)=>{o.pattern??(o.pattern=dO),Cn.init(e,o)});function tN(e,o=null){try{const r=e.split(".");if(r.length!==3)return!1;const[i]=r;if(!i)return!1;const s=JSON.parse(atob(i));return!("typ"in s&&s?.typ!=="JWT"||!s.alg||o&&(!("alg"in s)||s.alg!==o))}catch{return!1}}const rN=ee("$ZodJWT",(e,o)=>{Cn.init(e,o),e._zod.check=r=>{tN(r.value,o.alg)||r.issues.push({code:"invalid_format",format:"jwt",input:r.value,inst:e,continue:!o.abort})}}),J0=ee("$ZodNumber",(e,o)=>{In.init(e,o),e._zod.pattern=e._zod.bag.pattern??pO,e._zod.parse=(r,i)=>{if(o.coerce)try{r.value=Number(r.value)}catch{}const s=r.value;if(typeof s=="number"&&!Number.isNaN(s)&&Number.isFinite(s))return r;const d=typeof s=="number"?Number.isNaN(s)?"NaN":Number.isFinite(s)?void 0:"Infinity":void 0;return r.issues.push({expected:"number",code:"invalid_type",input:s,inst:e,...d?{received:d}:{}}),r}}),aN=ee("$ZodNumberFormat",(e,o)=>{yO.init(e,o),J0.init(e,o)}),lN=ee("$ZodBoolean",(e,o)=>{In.init(e,o),e._zod.pattern=vO,e._zod.parse=(r,i)=>{if(o.coerce)try{r.value=!!r.value}catch{}const s=r.value;return typeof s=="boolean"||r.issues.push({expected:"boolean",code:"invalid_type",input:s,inst:e}),r}}),iN=ee("$ZodUnknown",(e,o)=>{In.init(e,o),e._zod.parse=r=>r}),cN=ee("$ZodNever",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>(r.issues.push({expected:"never",code:"invalid_type",input:r.value,inst:e}),r)}),sN=ee("$ZodDate",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{if(o.coerce)try{r.value=new Date(r.value)}catch{}const s=r.value,d=s instanceof Date;return d&&!Number.isNaN(s.getTime())||r.issues.push({expected:"date",code:"invalid_type",input:s,...d?{received:"Invalid Date"}:{},inst:e}),r}});function ny(e,o,r){e.issues.length&&o.issues.push(...F0(r,e.issues)),o.value[r]=e.value}const dN=ee("$ZodArray",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{const s=r.value;if(!Array.isArray(s))return r.issues.push({expected:"array",code:"invalid_type",input:s,inst:e}),r;r.value=Array(s.length);const d=[];for(let u=0;u<s.length;u++){const m=s[u],h=o.element._zod.run({value:m,issues:[]},i);h instanceof Promise?d.push(h.then(p=>ny(p,r,u))):ny(h,r,u)}return d.length?Promise.all(d).then(()=>r):r}});function Zs(e,o,r,i){e.issues.length&&o.issues.push(...F0(r,e.issues)),e.value===void 0?r in i&&(o.value[r]=void 0):o.value[r]=e.value}function ew(e){const o=Object.keys(e.shape);for(const i of o)if(!e.shape?.[i]?._zod?.traits?.has("$ZodType"))throw new Error(`Invalid element at key "${i}": expected a Zod schema`);const r=T9(e.shape);return{...e,keys:o,keySet:new Set(o),numKeys:o.length,optionalKeys:new Set(r)}}function nw(e,o,r,i,s,d){const u=[],m=s.keySet,h=s.catchall._zod,p=h.def.type;for(const k in o){if(m.has(k))continue;if(p==="never"){u.push(k);continue}const g=h.run({value:o[k],issues:[]},i);g instanceof Promise?e.push(g.then(y=>Zs(y,r,k,o))):Zs(g,r,k,o)}return u.length&&r.issues.push({code:"unrecognized_keys",keys:u,input:o,inst:d}),e.length?Promise.all(e).then(()=>r):r}const fN=ee("$ZodObject",(e,o)=>{if(In.init(e,o),!Object.getOwnPropertyDescriptor(o,"shape")?.get){const m=o.shape;Object.defineProperty(o,"shape",{get:()=>{const h={...m};return Object.defineProperty(o,"shape",{value:h}),h}})}const i=Bm(()=>ew(o));xn(e._zod,"propValues",()=>{const m=o.shape,h={};for(const p in m){const k=m[p]._zod;if(k.values){h[p]??(h[p]=new Set);for(const g of k.values)h[p].add(g)}}return h});const s=qs,d=o.catchall;let u;e._zod.parse=(m,h)=>{u??(u=i.value);const p=m.value;if(!s(p))return m.issues.push({expected:"object",code:"invalid_type",input:p,inst:e}),m;m.value={};const k=[],g=u.shape;for(const y of u.keys){const $=g[y]._zod.run({value:p[y],issues:[]},h);$ instanceof Promise?k.push($.then(A=>Zs(A,m,y,p))):Zs($,m,y,p)}return d?nw(k,p,m,h,i.value,e):k.length?Promise.all(k).then(()=>m):m}}),uN=ee("$ZodObjectJIT",(e,o)=>{fN.init(e,o);const r=e._zod.parse,i=Bm(()=>ew(o)),s=y=>{const S=new $O(["shape","payload","ctx"]),$=i.value,A=z=>{const B=J1(z);return`shape[${B}]._zod.run({ value: input[${B}], issues: [] }, ctx)`};S.write("const input = payload.value;");const N=Object.create(null);let E=0;for(const z of $.keys)N[z]=`key_${E++}`;S.write("const newResult = {};");for(const z of $.keys){const B=N[z],I=J1(z);S.write(`const ${B} = ${A(z)};`),S.write(`
         if (${B}.issues.length) {
@@ -23216,7 +23216,7 @@ sit amet.`,m$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{chi
           newResult[${I}] = ${B}.value;
         }
-      `)}S.write("payload.value = newResult;"),S.write("return payload;");const x=S.compile();return(z,B)=>x(y,z,B)};let d;const u=qs,m=!I0.jitless,p=m&&j9.value,k=o.catchall;let g;e._zod.parse=(y,S)=>{g??(g=i.value);const $=y.value;return u($)?m&&p&&S?.async===!1&&S.jitless!==!0?(d||(d=s(o.shape)),y=d(y,S),k?nw([],$,y,S,g,e):y):r(y,S):(y.issues.push({expected:"object",code:"invalid_type",input:$,inst:e}),y)}});function oy(e,o,r,i){for(const d of e)if(d.issues.length===0)return o.value=d.value,o;const s=e.filter(d=>!_l(d));return s.length===1?(o.value=s[0].value,s[0]):(o.issues.push({code:"invalid_union",input:o.value,inst:r,errors:e.map(d=>d.issues.map(u=>_a(u,i,ga())))}),o)}const bN=ee("$ZodUnion",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.options.some(s=>s._zod.optin==="optional")?"optional":void 0),xn(e._zod,"optout",()=>o.options.some(s=>s._zod.optout==="optional")?"optional":void 0),xn(e._zod,"values",()=>{if(o.options.every(s=>s._zod.values))return new Set(o.options.flatMap(s=>Array.from(s._zod.values)))}),xn(e._zod,"pattern",()=>{if(o.options.every(s=>s._zod.pattern)){const s=o.options.map(d=>d._zod.pattern);return new RegExp(`^(${s.map(d=>Dm(d.source)).join("|")})$`)}});const r=o.options.length===1,i=o.options[0]._zod.run;e._zod.parse=(s,d)=>{if(r)return i(s,d);let u=!1;const m=[];for(const h of o.options){const p=h._zod.run({value:s.value,issues:[]},d);if(p instanceof Promise)m.push(p),u=!0;else{if(p.issues.length===0)return p;m.push(p)}}return u?Promise.all(m).then(h=>oy(h,s,e,d)):oy(m,s,e,d)}}),mN=ee("$ZodIntersection",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{const s=r.value,d=o.left._zod.run({value:s,issues:[]},i),u=o.right._zod.run({value:s,issues:[]},i);return d instanceof Promise||u instanceof Promise?Promise.all([d,u]).then(([h,p])=>ty(r,h,p)):ty(r,d,u)}});function qb(e,o){if(e===o)return{valid:!0,data:e};if(e instanceof Date&&o instanceof Date&&+e==+o)return{valid:!0,data:e};if(qi(e)&&qi(o)){const r=Object.keys(o),i=Object.keys(e).filter(d=>r.indexOf(d)!==-1),s={...e,...o};for(const d of i){const u=qb(e[d],o[d]);if(!u.valid)return{valid:!1,mergeErrorPath:[d,...u.mergeErrorPath]};s[d]=u.data}return{valid:!0,data:s}}if(Array.isArray(e)&&Array.isArray(o)){if(e.length!==o.length)return{valid:!1,mergeErrorPath:[]};const r=[];for(let i=0;i<e.length;i++){const s=e[i],d=o[i],u=qb(s,d);if(!u.valid)return{valid:!1,mergeErrorPath:[i,...u.mergeErrorPath]};r.push(u.data)}return{valid:!0,data:r}}return{valid:!1,mergeErrorPath:[]}}function ty(e,o,r){if(o.issues.length&&e.issues.push(...o.issues),r.issues.length&&e.issues.push(...r.issues),_l(e))return e;const i=qb(o.value,r.value);if(!i.valid)throw new Error(`Unmergable intersection. Error path: ${JSON.stringify(i.mergeErrorPath)}`);return e.value=i.data,e}const hN=ee("$ZodEnum",(e,o)=>{In.init(e,o);const r=x9(o.entries),i=new Set(r);e._zod.values=i,e._zod.pattern=new RegExp(`^(${r.filter(s=>S9.has(typeof s)).map(s=>typeof s=="string"?ad(s):s.toString()).join("|")})$`),e._zod.parse=(s,d)=>{const u=s.value;return i.has(u)||s.issues.push({code:"invalid_value",values:r,input:u,inst:e}),s}}),pN=ee("$ZodTransform",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new M0(e.constructor.name);const s=o.transform(r.value,r);if(i.async)return(s instanceof Promise?s:Promise.resolve(s)).then(u=>(r.value=u,r));if(s instanceof Promise)throw new wl;return r.value=s,r}});function ry(e,o){return e.issues.length&&o===void 0?{issues:[],value:void 0}:e}const vN=ee("$ZodOptional",(e,o)=>{In.init(e,o),e._zod.optin="optional",e._zod.optout="optional",xn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,void 0]):void 0),xn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${Dm(r.source)})?$`):void 0}),e._zod.parse=(r,i)=>{if(o.innerType._zod.optin==="optional"){const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ry(d,r.value)):ry(s,r.value)}return r.value===void 0?r:o.innerType._zod.run(r,i)}}),kN=ee("$ZodNullable",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.innerType._zod.optin),xn(e._zod,"optout",()=>o.innerType._zod.optout),xn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${Dm(r.source)}|null)$`):void 0}),xn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,null]):void 0),e._zod.parse=(r,i)=>r.value===null?r:o.innerType._zod.run(r,i)}),gN=ee("$ZodDefault",(e,o)=>{In.init(e,o),e._zod.optin="optional",xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);if(r.value===void 0)return r.value=o.defaultValue,r;const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ay(d,o)):ay(s,o)}});function ay(e,o){return e.value===void 0&&(e.value=o.defaultValue),e}const _N=ee("$ZodPrefault",(e,o)=>{In.init(e,o),e._zod.optin="optional",xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>(i.direction==="backward"||r.value===void 0&&(r.value=o.defaultValue),o.innerType._zod.run(r,i))}),yN=ee("$ZodNonOptional",(e,o)=>{In.init(e,o),xn(e._zod,"values",()=>{const r=o.innerType._zod.values;return r?new Set([...r].filter(i=>i!==void 0)):void 0}),e._zod.parse=(r,i)=>{const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ly(d,e)):ly(s,e)}});function ly(e,o){return!e.issues.length&&e.value===void 0&&e.issues.push({code:"invalid_type",expected:"nonoptional",input:e.value,inst:o}),e}const xN=ee("$ZodCatch",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.innerType._zod.optin),xn(e._zod,"optout",()=>o.innerType._zod.optout),xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>(r.value=d.value,d.issues.length&&(r.value=o.catchValue({...r,error:{issues:d.issues.map(u=>_a(u,i,ga()))},input:r.value}),r.issues=[]),r)):(r.value=s.value,s.issues.length&&(r.value=o.catchValue({...r,error:{issues:s.issues.map(d=>_a(d,i,ga()))},input:r.value}),r.issues=[]),r)}}),wN=ee("$ZodPipe",(e,o)=>{In.init(e,o),xn(e._zod,"values",()=>o.in._zod.values),xn(e._zod,"optin",()=>o.in._zod.optin),xn(e._zod,"optout",()=>o.out._zod.optout),xn(e._zod,"propValues",()=>o.in._zod.propValues),e._zod.parse=(r,i)=>{if(i.direction==="backward"){const d=o.out._zod.run(r,i);return d instanceof Promise?d.then(u=>gs(u,o.in,i)):gs(d,o.in,i)}const s=o.in._zod.run(r,i);return s instanceof Promise?s.then(d=>gs(d,o.out,i)):gs(s,o.out,i)}});function gs(e,o,r){return e.issues.length?(e.aborted=!0,e):o._zod.run({value:e.value,issues:e.issues},r)}const zN=ee("$ZodReadonly",(e,o)=>{In.init(e,o),xn(e._zod,"propValues",()=>o.innerType._zod.propValues),xn(e._zod,"values",()=>o.innerType._zod.values),xn(e._zod,"optin",()=>o.innerType?._zod?.optin),xn(e._zod,"optout",()=>o.innerType?._zod?.optout),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(iy):iy(s)}});function iy(e){return e.value=Object.freeze(e.value),e}const jN=ee("$ZodCustom",(e,o)=>{Ho.init(e,o),In.init(e,o),e._zod.parse=(r,i)=>r,e._zod.check=r=>{const i=r.value,s=o.fn(i);if(s instanceof Promise)return s.then(d=>cy(d,r,i,e));cy(s,r,i,e)}});function cy(e,o,r,i){if(!e){const s={code:"custom",input:r,inst:i,path:[...i._zod.def.path??[]],continue:!i._zod.def.abort};i._zod.def.params&&(s.params=i._zod.def.params),o.issues.push(Zi(s))}}var sy;class SN{constructor(){this._map=new WeakMap,this._idmap=new Map}add(o,...r){const i=r[0];if(this._map.set(o,i),i&&typeof i=="object"&&"id"in i){if(this._idmap.has(i.id))throw new Error(`ID ${i.id} already exists in the registry`);this._idmap.set(i.id,o)}return this}clear(){return this._map=new WeakMap,this._idmap=new Map,this}remove(o){const r=this._map.get(o);return r&&typeof r=="object"&&"id"in r&&this._idmap.delete(r.id),this._map.delete(o),this}get(o){const r=o._zod.parent;if(r){const i={...this.get(r)??{}};delete i.id;const s={...i,...this._map.get(o)};return Object.keys(s).length?s:void 0}return this._map.get(o)}has(o){return this._map.has(o)}}function TN(){return new SN}(sy=globalThis).__zod_globalRegistry??(sy.__zod_globalRegistry=TN());const _s=globalThis.__zod_globalRegistry;function AN(e,o){return new e({type:"string",...Ae(o)})}function CN(e,o){return new e({type:"string",format:"email",check:"string_format",abort:!1,...Ae(o)})}function dy(e,o){return new e({type:"string",format:"guid",check:"string_format",abort:!1,...Ae(o)})}function EN(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,...Ae(o)})}function LN(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v4",...Ae(o)})}function $N(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v6",...Ae(o)})}function ON(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v7",...Ae(o)})}function NN(e,o){return new e({type:"string",format:"url",check:"string_format",abort:!1,...Ae(o)})}function BN(e,o){return new e({type:"string",format:"emoji",check:"string_format",abort:!1,...Ae(o)})}function RN(e,o){return new e({type:"string",format:"nanoid",check:"string_format",abort:!1,...Ae(o)})}function DN(e,o){return new e({type:"string",format:"cuid",check:"string_format",abort:!1,...Ae(o)})}function MN(e,o){return new e({type:"string",format:"cuid2",check:"string_format",abort:!1,...Ae(o)})}function IN(e,o){return new e({type:"string",format:"ulid",check:"string_format",abort:!1,...Ae(o)})}function UN(e,o){return new e({type:"string",format:"xid",check:"string_format",abort:!1,...Ae(o)})}function HN(e,o){return new e({type:"string",format:"ksuid",check:"string_format",abort:!1,...Ae(o)})}function FN(e,o){return new e({type:"string",format:"ipv4",check:"string_format",abort:!1,...Ae(o)})}function KN(e,o){return new e({type:"string",format:"ipv6",check:"string_format",abort:!1,...Ae(o)})}function VN(e,o){return new e({type:"string",format:"cidrv4",check:"string_format",abort:!1,...Ae(o)})}function qN(e,o){return new e({type:"string",format:"cidrv6",check:"string_format",abort:!1,...Ae(o)})}function ZN(e,o){return new e({type:"string",format:"base64",check:"string_format",abort:!1,...Ae(o)})}function PN(e,o){return new e({type:"string",format:"base64url",check:"string_format",abort:!1,...Ae(o)})}function GN(e,o){return new e({type:"string",format:"e164",check:"string_format",abort:!1,...Ae(o)})}function YN(e,o){return new e({type:"string",format:"jwt",check:"string_format",abort:!1,...Ae(o)})}function XN(e,o){return new e({type:"string",format:"datetime",check:"string_format",offset:!1,local:!1,precision:null,...Ae(o)})}function WN(e,o){return new e({type:"string",format:"date",check:"string_format",...Ae(o)})}function QN(e,o){return new e({type:"string",format:"time",check:"string_format",precision:null,...Ae(o)})}function JN(e,o){return new e({type:"string",format:"duration",check:"string_format",...Ae(o)})}function eB(e,o){return new e({type:"number",checks:[],...Ae(o)})}function nB(e,o){return new e({type:"number",check:"number_format",abort:!1,format:"safeint",...Ae(o)})}function oB(e,o){return new e({type:"boolean",...Ae(o)})}function tB(e){return new e({type:"unknown"})}function rB(e,o){return new e({type:"never",...Ae(o)})}function aB(e,o){return new e({type:"date",...Ae(o)})}function fy(e,o){return new X0({check:"less_than",...Ae(o),value:e,inclusive:!1})}function Ls(e,o){return new X0({check:"less_than",...Ae(o),value:e,inclusive:!0})}function uy(e,o){return new W0({check:"greater_than",...Ae(o),value:e,inclusive:!1})}function $s(e,o){return new W0({check:"greater_than",...Ae(o),value:e,inclusive:!0})}function by(e,o){return new _O({check:"multiple_of",...Ae(o),value:e})}function ow(e,o){return new xO({check:"max_length",...Ae(o),maximum:e})}function Ps(e,o){return new wO({check:"min_length",...Ae(o),minimum:e})}function tw(e,o){return new zO({check:"length_equals",...Ae(o),length:e})}function lB(e,o){return new jO({check:"string_format",format:"regex",...Ae(o),pattern:e})}function iB(e){return new SO({check:"string_format",format:"lowercase",...Ae(e)})}function cB(e){return new TO({check:"string_format",format:"uppercase",...Ae(e)})}function sB(e,o){return new AO({check:"string_format",format:"includes",...Ae(o),includes:e})}function dB(e,o){return new CO({check:"string_format",format:"starts_with",...Ae(o),prefix:e})}function fB(e,o){return new EO({check:"string_format",format:"ends_with",...Ae(o),suffix:e})}function Al(e){return new LO({check:"overwrite",tx:e})}function uB(e){return Al(o=>o.normalize(e))}function bB(){return Al(e=>e.trim())}function mB(){return Al(e=>e.toLowerCase())}function hB(){return Al(e=>e.toUpperCase())}function pB(){return Al(e=>z9(e))}function vB(e,o,r){return new e({type:"array",element:o,...Ae(r)})}function kB(e,o,r){return new e({type:"custom",check:"custom",fn:o,...Ae(r)})}function gB(e){const o=_B(r=>(r.addIssue=i=>{if(typeof i=="string")r.issues.push(Zi(i,r.value,o._zod.def));else{const s=i;s.fatal&&(s.continue=!1),s.code??(s.code="custom"),s.input??(s.input=r.value),s.inst??(s.inst=o),s.continue??(s.continue=!o._zod.def.abort),r.issues.push(Zi(s))}},e(r.value,r)));return o}function _B(e,o){const r=new Ho({check:"custom",...Ae(o)});return r._zod.check=e,r}const yB=ee("ZodISODateTime",(e,o)=>{qO.init(e,o),On.init(e,o)});function xB(e){return XN(yB,e)}const wB=ee("ZodISODate",(e,o)=>{ZO.init(e,o),On.init(e,o)});function zB(e){return WN(wB,e)}const jB=ee("ZodISOTime",(e,o)=>{PO.init(e,o),On.init(e,o)});function SB(e){return QN(jB,e)}const TB=ee("ZodISODuration",(e,o)=>{GO.init(e,o),On.init(e,o)});function AB(e){return JN(TB,e)}const CB=(e,o)=>{V0.init(e,o),e.name="ZodError",Object.defineProperties(e,{format:{value:r=>D9(e,r)},flatten:{value:r=>R9(e,r)},addIssue:{value:r=>{e.issues.push(r),e.message=JSON.stringify(e.issues,Vb,2)}},addIssues:{value:r=>{e.issues.push(...r),e.message=JSON.stringify(e.issues,Vb,2)}},isEmpty:{get(){return e.issues.length===0}}})},pt=ee("ZodError",CB,{Parent:Error}),EB=Im(pt),LB=Um(pt),$B=ld(pt),OB=id(pt),NB=U9(pt),BB=H9(pt),RB=F9(pt),DB=K9(pt),MB=V9(pt),IB=q9(pt),UB=Z9(pt),HB=P9(pt),Fn=ee("ZodType",(e,o)=>(In.init(e,o),e.def=o,e.type=o.type,Object.defineProperty(e,"_def",{value:o}),e.check=(...r)=>e.clone(ja(o,{checks:[...o.checks??[],...r.map(i=>typeof i=="function"?{_zod:{check:i,def:{check:"custom"},onattach:[]}}:i)]})),e.clone=(r,i)=>Vr(e,r,i),e.brand=()=>e,e.register=((r,i)=>(r.add(e,i),e)),e.parse=(r,i)=>EB(e,r,i,{callee:e.parse}),e.safeParse=(r,i)=>$B(e,r,i),e.parseAsync=async(r,i)=>LB(e,r,i,{callee:e.parseAsync}),e.safeParseAsync=async(r,i)=>OB(e,r,i),e.spa=e.safeParseAsync,e.encode=(r,i)=>NB(e,r,i),e.decode=(r,i)=>BB(e,r,i),e.encodeAsync=async(r,i)=>RB(e,r,i),e.decodeAsync=async(r,i)=>DB(e,r,i),e.safeEncode=(r,i)=>MB(e,r,i),e.safeDecode=(r,i)=>IB(e,r,i),e.safeEncodeAsync=async(r,i)=>UB(e,r,i),e.safeDecodeAsync=async(r,i)=>HB(e,r,i),e.refine=(r,i)=>e.check(R7(r,i)),e.superRefine=r=>e.check(D7(r)),e.overwrite=r=>e.check(Al(r)),e.optional=()=>ky(e),e.nullable=()=>gy(e),e.nullish=()=>ky(gy(e)),e.nonoptional=r=>C7(e,r),e.array=()=>h7(e),e.or=r=>g7([e,r]),e.and=r=>y7(e,r),e.transform=r=>Pb(e,lw(r)),e.default=r=>S7(e,r),e.prefault=r=>A7(e,r),e.catch=r=>L7(e,r),e.pipe=r=>Pb(e,r),e.readonly=()=>N7(e),e.describe=r=>{const i=e.clone();return _s.add(i,{description:r}),i},Object.defineProperty(e,"description",{get(){return _s.get(e)?.description},configurable:!0}),e.meta=(...r)=>{if(r.length===0)return _s.get(e);const i=e.clone();return _s.add(i,r[0]),i},e.isOptional=()=>e.safeParse(void 0).success,e.isNullable=()=>e.safeParse(null).success,e)),rw=ee("_ZodString",(e,o)=>{Hm.init(e,o),Fn.init(e,o);const r=e._zod.bag;e.format=r.format??null,e.minLength=r.minimum??null,e.maxLength=r.maximum??null,e.regex=(...i)=>e.check(lB(...i)),e.includes=(...i)=>e.check(sB(...i)),e.startsWith=(...i)=>e.check(dB(...i)),e.endsWith=(...i)=>e.check(fB(...i)),e.min=(...i)=>e.check(Ps(...i)),e.max=(...i)=>e.check(ow(...i)),e.length=(...i)=>e.check(tw(...i)),e.nonempty=(...i)=>e.check(Ps(1,...i)),e.lowercase=i=>e.check(iB(i)),e.uppercase=i=>e.check(cB(i)),e.trim=()=>e.check(bB()),e.normalize=(...i)=>e.check(uB(...i)),e.toLowerCase=()=>e.check(mB()),e.toUpperCase=()=>e.check(hB()),e.slugify=()=>e.check(pB())}),FB=ee("ZodString",(e,o)=>{Hm.init(e,o),rw.init(e,o),e.email=r=>e.check(CN(KB,r)),e.url=r=>e.check(NN(VB,r)),e.jwt=r=>e.check(YN(a7,r)),e.emoji=r=>e.check(BN(qB,r)),e.guid=r=>e.check(dy(my,r)),e.uuid=r=>e.check(EN(ys,r)),e.uuidv4=r=>e.check(LN(ys,r)),e.uuidv6=r=>e.check($N(ys,r)),e.uuidv7=r=>e.check(ON(ys,r)),e.nanoid=r=>e.check(RN(ZB,r)),e.guid=r=>e.check(dy(my,r)),e.cuid=r=>e.check(DN(PB,r)),e.cuid2=r=>e.check(MN(GB,r)),e.ulid=r=>e.check(IN(YB,r)),e.base64=r=>e.check(ZN(o7,r)),e.base64url=r=>e.check(PN(t7,r)),e.xid=r=>e.check(UN(XB,r)),e.ksuid=r=>e.check(HN(WB,r)),e.ipv4=r=>e.check(FN(QB,r)),e.ipv6=r=>e.check(KN(JB,r)),e.cidrv4=r=>e.check(VN(e7,r)),e.cidrv6=r=>e.check(qN(n7,r)),e.e164=r=>e.check(GN(r7,r)),e.datetime=r=>e.check(xB(r)),e.date=r=>e.check(zB(r)),e.time=r=>e.check(SB(r)),e.duration=r=>e.check(AB(r))});function Jt(e){return AN(FB,e)}const On=ee("ZodStringFormat",(e,o)=>{Cn.init(e,o),rw.init(e,o)}),KB=ee("ZodEmail",(e,o)=>{RO.init(e,o),On.init(e,o)}),my=ee("ZodGUID",(e,o)=>{NO.init(e,o),On.init(e,o)}),ys=ee("ZodUUID",(e,o)=>{BO.init(e,o),On.init(e,o)}),VB=ee("ZodURL",(e,o)=>{DO.init(e,o),On.init(e,o)}),qB=ee("ZodEmoji",(e,o)=>{MO.init(e,o),On.init(e,o)}),ZB=ee("ZodNanoID",(e,o)=>{IO.init(e,o),On.init(e,o)}),PB=ee("ZodCUID",(e,o)=>{UO.init(e,o),On.init(e,o)}),GB=ee("ZodCUID2",(e,o)=>{HO.init(e,o),On.init(e,o)}),YB=ee("ZodULID",(e,o)=>{FO.init(e,o),On.init(e,o)}),XB=ee("ZodXID",(e,o)=>{KO.init(e,o),On.init(e,o)}),WB=ee("ZodKSUID",(e,o)=>{VO.init(e,o),On.init(e,o)}),QB=ee("ZodIPv4",(e,o)=>{YO.init(e,o),On.init(e,o)}),JB=ee("ZodIPv6",(e,o)=>{XO.init(e,o),On.init(e,o)}),e7=ee("ZodCIDRv4",(e,o)=>{WO.init(e,o),On.init(e,o)}),n7=ee("ZodCIDRv6",(e,o)=>{QO.init(e,o),On.init(e,o)}),o7=ee("ZodBase64",(e,o)=>{JO.init(e,o),On.init(e,o)}),t7=ee("ZodBase64URL",(e,o)=>{nN.init(e,o),On.init(e,o)}),r7=ee("ZodE164",(e,o)=>{oN.init(e,o),On.init(e,o)}),a7=ee("ZodJWT",(e,o)=>{rN.init(e,o),On.init(e,o)}),aw=ee("ZodNumber",(e,o)=>{J0.init(e,o),Fn.init(e,o),e.gt=(i,s)=>e.check(uy(i,s)),e.gte=(i,s)=>e.check($s(i,s)),e.min=(i,s)=>e.check($s(i,s)),e.lt=(i,s)=>e.check(fy(i,s)),e.lte=(i,s)=>e.check(Ls(i,s)),e.max=(i,s)=>e.check(Ls(i,s)),e.int=i=>e.check(py(i)),e.safe=i=>e.check(py(i)),e.positive=i=>e.check(uy(0,i)),e.nonnegative=i=>e.check($s(0,i)),e.negative=i=>e.check(fy(0,i)),e.nonpositive=i=>e.check(Ls(0,i)),e.multipleOf=(i,s)=>e.check(by(i,s)),e.step=(i,s)=>e.check(by(i,s)),e.finite=()=>e;const r=e._zod.bag;e.minValue=Math.max(r.minimum??Number.NEGATIVE_INFINITY,r.exclusiveMinimum??Number.NEGATIVE_INFINITY)??null,e.maxValue=Math.min(r.maximum??Number.POSITIVE_INFINITY,r.exclusiveMaximum??Number.POSITIVE_INFINITY)??null,e.isInt=(r.format??"").includes("int")||Number.isSafeInteger(r.multipleOf??.5),e.isFinite=!0,e.format=r.format??null});function hy(e){return eB(aw,e)}const l7=ee("ZodNumberFormat",(e,o)=>{aN.init(e,o),aw.init(e,o)});function py(e){return nB(l7,e)}const i7=ee("ZodBoolean",(e,o)=>{lN.init(e,o),Fn.init(e,o)});function c7(e){return oB(i7,e)}const s7=ee("ZodUnknown",(e,o)=>{iN.init(e,o),Fn.init(e,o)});function vy(){return tB(s7)}const d7=ee("ZodNever",(e,o)=>{cN.init(e,o),Fn.init(e,o)});function f7(e){return rB(d7,e)}const u7=ee("ZodDate",(e,o)=>{sN.init(e,o),Fn.init(e,o),e.min=(i,s)=>e.check($s(i,s)),e.max=(i,s)=>e.check(Ls(i,s));const r=e._zod.bag;e.minDate=r.minimum?new Date(r.minimum):null,e.maxDate=r.maximum?new Date(r.maximum):null});function b7(e){return aB(u7,e)}const m7=ee("ZodArray",(e,o)=>{dN.init(e,o),Fn.init(e,o),e.element=o.element,e.min=(r,i)=>e.check(Ps(r,i)),e.nonempty=r=>e.check(Ps(1,r)),e.max=(r,i)=>e.check(ow(r,i)),e.length=(r,i)=>e.check(tw(r,i)),e.unwrap=()=>e.element});function h7(e,o){return vB(m7,e,o)}const p7=ee("ZodObject",(e,o)=>{uN.init(e,o),Fn.init(e,o),xn(e,"shape",()=>o.shape),e.keyof=()=>x7(Object.keys(e._zod.def.shape)),e.catchall=r=>e.clone({...e._zod.def,catchall:r}),e.passthrough=()=>e.clone({...e._zod.def,catchall:vy()}),e.loose=()=>e.clone({...e._zod.def,catchall:vy()}),e.strict=()=>e.clone({...e._zod.def,catchall:f7()}),e.strip=()=>e.clone({...e._zod.def,catchall:void 0}),e.extend=r=>L9(e,r),e.safeExtend=r=>$9(e,r),e.merge=r=>O9(e,r),e.pick=r=>C9(e,r),e.omit=r=>E9(e,r),e.partial=(...r)=>N9(iw,e,r[0]),e.required=(...r)=>B9(cw,e,r[0])});function v7(e,o){const r={type:"object",shape:e??{},...Ae(o)};return new p7(r)}const k7=ee("ZodUnion",(e,o)=>{bN.init(e,o),Fn.init(e,o),e.options=o.options});function g7(e,o){return new k7({type:"union",options:e,...Ae(o)})}const _7=ee("ZodIntersection",(e,o)=>{mN.init(e,o),Fn.init(e,o)});function y7(e,o){return new _7({type:"intersection",left:e,right:o})}const Zb=ee("ZodEnum",(e,o)=>{hN.init(e,o),Fn.init(e,o),e.enum=o.entries,e.options=Object.values(o.entries);const r=new Set(Object.keys(o.entries));e.extract=(i,s)=>{const d={};for(const u of i)if(r.has(u))d[u]=o.entries[u];else throw new Error(`Key ${u} not found in enum`);return new Zb({...o,checks:[],...Ae(s),entries:d})},e.exclude=(i,s)=>{const d={...o.entries};for(const u of i)if(r.has(u))delete d[u];else throw new Error(`Key ${u} not found in enum`);return new Zb({...o,checks:[],...Ae(s),entries:d})}});function x7(e,o){const r=Array.isArray(e)?Object.fromEntries(e.map(i=>[i,i])):e;return new Zb({type:"enum",entries:r,...Ae(o)})}const w7=ee("ZodTransform",(e,o)=>{pN.init(e,o),Fn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new M0(e.constructor.name);r.addIssue=d=>{if(typeof d=="string")r.issues.push(Zi(d,r.value,o));else{const u=d;u.fatal&&(u.continue=!1),u.code??(u.code="custom"),u.input??(u.input=r.value),u.inst??(u.inst=e),r.issues.push(Zi(u))}};const s=o.transform(r.value,r);return s instanceof Promise?s.then(d=>(r.value=d,r)):(r.value=s,r)}});function lw(e){return new w7({type:"transform",transform:e})}const iw=ee("ZodOptional",(e,o)=>{vN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function ky(e){return new iw({type:"optional",innerType:e})}const z7=ee("ZodNullable",(e,o)=>{kN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function gy(e){return new z7({type:"nullable",innerType:e})}const j7=ee("ZodDefault",(e,o)=>{gN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeDefault=e.unwrap});function S7(e,o){return new j7({type:"default",innerType:e,get defaultValue(){return typeof o=="function"?o():H0(o)}})}const T7=ee("ZodPrefault",(e,o)=>{_N.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function A7(e,o){return new T7({type:"prefault",innerType:e,get defaultValue(){return typeof o=="function"?o():H0(o)}})}const cw=ee("ZodNonOptional",(e,o)=>{yN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function C7(e,o){return new cw({type:"nonoptional",innerType:e,...Ae(o)})}const E7=ee("ZodCatch",(e,o)=>{xN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeCatch=e.unwrap});function L7(e,o){return new E7({type:"catch",innerType:e,catchValue:typeof o=="function"?o:()=>o})}const $7=ee("ZodPipe",(e,o)=>{wN.init(e,o),Fn.init(e,o),e.in=o.in,e.out=o.out});function Pb(e,o){return new $7({type:"pipe",in:e,out:o})}const O7=ee("ZodReadonly",(e,o)=>{zN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function N7(e){return new O7({type:"readonly",innerType:e})}const B7=ee("ZodCustom",(e,o)=>{jN.init(e,o),Fn.init(e,o)});function R7(e,o={}){return kB(B7,e,o)}function D7(e){return gB(e)}function M7(e,o){return Pb(lw(e),o)}const I7=v7({date:M7(e=>typeof e=="string"||e instanceof Date?new Date(e):void 0,b7({message:"Date is required"}).refine(e=>!isNaN(e.getTime()),{message:"Invalid date"})),text:Jt({message:"Please enter text."}).min(10,"Text must be at least 10 characters long."),email:Jt({message:"Please enter your email."}).min(1,"Please enter your email.").email("Invalid email address."),password:Jt({message:"Please enter a password."}).min(8,"Password must be at least 8 characters.").regex(/[A-Z]/,"Password must include at least one uppercase letter.").regex(/[0-9]/,"Password must include at least one number."),range:hy({message:"Please select a range."}).min(30,"Minimum value is 30."),number:hy({message:"Please enter a number."}).min(1,"Minimum is 1.").max(10,"Maximum is 10."),checkbox:c7().refine(e=>e===!0,{message:"You must accept the terms and conditions."}),radio:Jt({message:"Please select a gender."}).min(1,"Please select a gender."),color:Jt({message:"Please select a color."}).min(1,"Please select a color."),select:Jt({message:"Please select a value."}).min(1,"Please select a value."),singleSelect:Jt({message:"Please select a single option."}).min(1,"Please select a single option."),combobox:Jt({message:"Please select a country."}).min(1,"Please select a country."),textarea:Jt({message:"Please enter a message."}).min(1,"Please enter a message.")}),U7=()=>{const{dummyClickEventHandler:e}=Mn(),{handleSubmit:o,formState:{errors:r},reset:i,control:s}=od({mode:"onBlur",reValidateMode:"onChange",resolver:y9(I7),defaultValues:{range:30,number:5}}),d=()=>{i(void 0,{keepErrors:!1,keepTouched:!1,keepDirty:!1})},u=Object.entries(r).map(([m,h])=>[m,h.message]).filter(([,m])=>!!m);return a.jsxs("section",{className:"w-full max-w-3xl mx-auto p-6",children:[a.jsx(me,{_level:2,_label:"Sample Form with Validation (Zod)"}),a.jsx(Z,{children:a.jsxs("p",{children:["This example shows validation with ",a.jsx("code",{children:"react-hook-form"}),", ",a.jsx("code",{children:"Zod"}),", and an error list."]})}),u.length>0&&a.jsx(go,{_type:"error",_label:"Please fix the following:",_alert:!0,_variant:"card",children:a.jsx("ul",{className:"list-disc pl-5",children:u.map(([m,h],p)=>a.jsx("li",{children:a.jsx(ze,{_label:h,_href:`#field-${m}`,_on:{onClick:k=>{k.preventDefault(),document.getElementById(`field-${m}`)?.focus()}}})},p))})}),a.jsxs("form",{onSubmit:o(e),noValidate:!0,className:"grid gap-4 mt-6",children:[a.jsx(C0,{control:s,name:"date",_label:"Date"}),a.jsx(Kb,{control:s,name:"text",_label:"Text (≥ 10 chars)"}),a.jsx(S0,{control:s,name:"email",_label:"Email"}),a.jsx(j0,{control:s,name:"password",_label:"Password"}),a.jsx(A0,{control:s,name:"range",_label:"Range (≥ 30)",_min:0,_max:100}),a.jsx(T0,{control:s,name:"number",_label:"Number (1 – 10)"}),a.jsx(R0,{control:s,name:"checkbox",_label:"Accept terms"}),a.jsx(B0,{control:s,name:"radio",_label:"Gender",_options:[{label:"Female",value:"f"},{label:"Male",value:"m"}]}),a.jsx(E0,{control:s,name:"color",_label:"Favorite Color"}),a.jsx(O0,{control:s,name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(N0,{control:s,name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx($0,{control:s,name:"combobox",_label:"Country",_suggestions:Jo}),a.jsx(L0,{control:s,name:"textarea",_label:"Message",_rows:4}),a.jsxs("div",{className:"flex gap-4 mt-4",children:[a.jsx(Q,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Reset",_type:"reset",onClick:d})]})]})]})},H7=()=>{const{searchParams:e}=new URL(location.href);return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This sample shows how KoliBri can be used in a static form context."}),a.jsxs("ol",{children:[a.jsxs("li",{children:["First you have to enable the ",a.jsx("code",{children:"experimental mode"}),":"," ",a.jsx("code",{className:"bg-gray-200",children:'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />'})]}),a.jsxs("li",{children:["Currently you have to use a native ",a.jsx("code",{children:"form"})," element:"," ",a.jsx("code",{className:"bg-gray-200",children:'<form method="GET">...</form>'})]}),a.jsxs("li",{children:["It is important in static usage to give every input a ",a.jsx("code",{children:"name"})," attribute:"," ",a.jsx("code",{className:"bg-gray-200",children:'<KolInputColor _name="color" _label="Color" />'})]}),a.jsxs("li",{children:["Last of all one button should have the type ",a.jsx("code",{children:"submit"}),":"," ",a.jsx("code",{className:"bg-gray-200",children:'<KolButton _label="Submit" _type="submit" _variant="primary" />'})]})]})]}),a.jsxs("section",{className:"w-full flex flex-col",children:[e.size>0&&a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Submitted data"}),a.jsx("pre",{className:"text-base",children:a.jsx("code",{children:JSON.stringify(Object.fromEntries(e.entries()),null,2)})})]}),a.jsxs("form",{className:"grid gap-4",method:"get",noValidate:!0,children:[a.jsx(cn,{_name:"checkbox",_label:"Checkbox"}),a.jsx(Gn,{_name:"color",_label:"Color"}),a.jsx(qe,{_name:"date",_label:"Date"}),a.jsx(Yn,{_name:"email",_label:"Email"}),a.jsx(Rn,{_name:"file",_label:"File"}),a.jsx(Rn,{_name:"file",_label:"Files (multiple)",_multiple:!0}),a.jsx(An,{_name:"number",_label:"Number"}),a.jsx(En,{_name:"password",_label:"Password"}),a.jsx(Ln,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(no,{_name:"range",_label:"Range"}),a.jsx(Be,{_name:"text",_label:"Text"}),a.jsx(Xn,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(Xn,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),a.jsx(bo,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(_o,{_name:"combobox",_label:"Combobox",_suggestions:Jo}),a.jsx(on,{_name:"textarea",_label:"Textarea",_rows:5}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Reset",_type:"reset"})]}),a.jsx("input",{type:"hidden",value:crypto.randomUUID(),name:"random"})]})]})]})},F7=()=>{const[e,o]=j.useState(!1),[r,i]=j.useState(!1);j.useEffect(()=>{let h;return e&&(h=setTimeout(()=>{o(!1)},2e3)),()=>clearTimeout(h)},[e]),j.useEffect(()=>{let h;return r&&(h=setTimeout(()=>{i(!1)},2e3)),()=>clearTimeout(h)},[r]);const s=()=>o(!0),d=()=>i(!0),u=j.useMemo(()=>Array.from({length:5},(p,k)=>({_label:`Button ${k+1}`,_on:{onClick:s},_icons:e?"codicon codicon-loading codicon-modifier-spin":void 0,_disabled:e})),[e]),m=j.useMemo(()=>Array.from({length:5},(p,k)=>({_label:`Button ${k+1}`,_on:{onClick:d},_disabled:r,_icons:r?"codicon codicon-loading codicon-modifier-spin":void 0})),[r]);return a.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[a.jsx(me,{_label:"Disabled Toolbar Buttons Bug (solved)"}),a.jsx(me,{_label:"icon vor disabled",_level:2}),a.jsx(pa,{_label:"KolToolbar A",_items:u}),a.jsx(me,{_label:"disabled vor icon",_level:2}),a.jsxs("p",{children:["Klicke auf einen der ",m.length-1," ersten Buttons hatte zur Folge, dass die nachfolgenden Buttons kaputt gehen."]}),a.jsx(pa,{_label:"KolToolbar B",_items:m})]})},K7=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates tooltip positioning within container query contexts. Container queries can interfere with fixed positioning, causing tooltips to render incorrectly relative to the viewport. The layout containment fix ensures tooltips position properly even when their parent elements use container-based sizing and layout rules."})}),a.jsx("div",{style:{container:"test / size",contain:"layout"},children:a.jsx(cb,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]}),V7={scenarios:{"change-tabindex":N$,"custom-tooltip-css-properties":B$,"date-in-form":R$,"disabled-interactive-scenario":D$,"focus-elements":M$,"input-group-with-error":F$,"inputs-get-value":K$,"react-hook-form-adapter":p9,"same-height-of-all-interactive-elements":v9,"static-form":H7,"sample-form-with-validation":U7,"table-horizontal-scrollbar-advanced":H$,"toolbar-item-order":F7,"tooltip-positioning":K7,"performance-test":Z$}},Fm={...c8,...aA,...cA,...uA,...mA,...kA,..._A,...jA,...DA,...UA,...VA,...ZA,...WA,...e8,...b8,...p8,...k8,...x8,...j8,...R8,...I8,...F8,...UC,...VC,...YC,...QC,...uE,...mE,...vE,...SE,...AE,...OE,...BE,...DE,...IE,...FE,...R1,...R1,...QE,...tL,...XE,...lL,...t$,...u$,..._$,...z$,...T$,...E$,...O$,...V7};qx(localStorage);const sw=(e,o="/")=>{let r=[];for(const i in e)if(e[i]){const s=e[i],d=`${o}${i}`;typeof s=="function"?r.push(d):typeof s=="object"&&s!==null&&(r=r.concat(sw(s,`${d}/`)))}return r},dw=e=>{const o=[];for(const r in e)if(e[r]){const i=e[r],s=`/${r}`;if(typeof i=="function")o.push(a.jsx(ma,{path:s,element:a.jsx(i,{})},s)),o.push(a.jsx(ma,{path:`${s}/all`,element:a.jsx("div",{className:"d-grid gap-4",children:_m.filter(d=>Ux.indexOf(d.value)>=0).map(d=>a.jsxs("div",{className:"d-grid gap-2",children:[a.jsx("div",{className:"mt-4",children:a.jsx("strong",{children:d.label})}),a.jsx("div",{className:"my-2",children:a.jsx(i,{})}),a.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof i=="object"&&i!==null){const d=Object.keys(i);d.length>0&&o.push(a.jsx(ma,{path:`${s}/*`,element:a.jsxs(Iy,{children:[a.jsx(ma,{path:"/",element:a.jsx(My,{to:d[0]})}),dw(i)]})},s))}}return o},Gb=sw(Fm),q7=dw(Fm),_y=new Map;Gb.forEach(e=>{const o=e.split("/");_y.has(o[1])||_y.set(o[1],{label:o[1],value:e})});const Z7=()=>{const e=ot(),[o,r]=Fr(),i=o.get("theme")??Us(),s=o.has("hideMenus");t8(i),nA(),document.title=`KoliBri-Handout - ${Mb(Us())} | v${Rb.version}`,document.body.setAttribute("class",i),document.body.dataset.theme=i;const d=u=>{r({theme:u}),window.location.reload()};return a.jsx(ym.Provider,{value:s,children:a.jsxs("div",{className:s?"":"app-container","data-theme":i,children:[!s&&a.jsx(eA,{version:Rb.version,theme:i,sample:e.pathname,routes:Fm,routeList:Gb,buildDate:"2025-12-18T16:53:23.771Z",commitHash:"04bb7c1b8",onThemeChange:d}),a.jsx("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:a.jsxs(Iy,{children:[q7,a.jsx(ma,{path:"*",element:a.jsx(My,{to:Gb[0],replace:!0})}),a.jsx(ma,{path:"back-page",element:a.jsx(YT,{})})]})})]})})},P7=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),G7=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Yb=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Xb=e=>`${e}-sample`;Yb&&Oz(Xb);const Y7=async()=>[m3,rT,PT];(async()=>{try{await N5(await Y7(),()=>{qj(window,{transformTagName:Yb?Xb:void 0})},{environment:"production",reflectInputValues:!0,theme:{detect:"auto"},translation:{name:"en"},translations:P7?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Yb?Xb:void 0}),G7&&wa.patchTheme("default",{"KOL-BUTTON":`
+      `)}S.write("payload.value = newResult;"),S.write("return payload;");const x=S.compile();return(z,B)=>x(y,z,B)};let d;const u=qs,m=!I0.jitless,p=m&&j9.value,k=o.catchall;let g;e._zod.parse=(y,S)=>{g??(g=i.value);const $=y.value;return u($)?m&&p&&S?.async===!1&&S.jitless!==!0?(d||(d=s(o.shape)),y=d(y,S),k?nw([],$,y,S,g,e):y):r(y,S):(y.issues.push({expected:"object",code:"invalid_type",input:$,inst:e}),y)}});function oy(e,o,r,i){for(const d of e)if(d.issues.length===0)return o.value=d.value,o;const s=e.filter(d=>!_l(d));return s.length===1?(o.value=s[0].value,s[0]):(o.issues.push({code:"invalid_union",input:o.value,inst:r,errors:e.map(d=>d.issues.map(u=>_a(u,i,ga())))}),o)}const bN=ee("$ZodUnion",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.options.some(s=>s._zod.optin==="optional")?"optional":void 0),xn(e._zod,"optout",()=>o.options.some(s=>s._zod.optout==="optional")?"optional":void 0),xn(e._zod,"values",()=>{if(o.options.every(s=>s._zod.values))return new Set(o.options.flatMap(s=>Array.from(s._zod.values)))}),xn(e._zod,"pattern",()=>{if(o.options.every(s=>s._zod.pattern)){const s=o.options.map(d=>d._zod.pattern);return new RegExp(`^(${s.map(d=>Dm(d.source)).join("|")})$`)}});const r=o.options.length===1,i=o.options[0]._zod.run;e._zod.parse=(s,d)=>{if(r)return i(s,d);let u=!1;const m=[];for(const h of o.options){const p=h._zod.run({value:s.value,issues:[]},d);if(p instanceof Promise)m.push(p),u=!0;else{if(p.issues.length===0)return p;m.push(p)}}return u?Promise.all(m).then(h=>oy(h,s,e,d)):oy(m,s,e,d)}}),mN=ee("$ZodIntersection",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{const s=r.value,d=o.left._zod.run({value:s,issues:[]},i),u=o.right._zod.run({value:s,issues:[]},i);return d instanceof Promise||u instanceof Promise?Promise.all([d,u]).then(([h,p])=>ty(r,h,p)):ty(r,d,u)}});function qb(e,o){if(e===o)return{valid:!0,data:e};if(e instanceof Date&&o instanceof Date&&+e==+o)return{valid:!0,data:e};if(qi(e)&&qi(o)){const r=Object.keys(o),i=Object.keys(e).filter(d=>r.indexOf(d)!==-1),s={...e,...o};for(const d of i){const u=qb(e[d],o[d]);if(!u.valid)return{valid:!1,mergeErrorPath:[d,...u.mergeErrorPath]};s[d]=u.data}return{valid:!0,data:s}}if(Array.isArray(e)&&Array.isArray(o)){if(e.length!==o.length)return{valid:!1,mergeErrorPath:[]};const r=[];for(let i=0;i<e.length;i++){const s=e[i],d=o[i],u=qb(s,d);if(!u.valid)return{valid:!1,mergeErrorPath:[i,...u.mergeErrorPath]};r.push(u.data)}return{valid:!0,data:r}}return{valid:!1,mergeErrorPath:[]}}function ty(e,o,r){if(o.issues.length&&e.issues.push(...o.issues),r.issues.length&&e.issues.push(...r.issues),_l(e))return e;const i=qb(o.value,r.value);if(!i.valid)throw new Error(`Unmergable intersection. Error path: ${JSON.stringify(i.mergeErrorPath)}`);return e.value=i.data,e}const hN=ee("$ZodEnum",(e,o)=>{In.init(e,o);const r=x9(o.entries),i=new Set(r);e._zod.values=i,e._zod.pattern=new RegExp(`^(${r.filter(s=>S9.has(typeof s)).map(s=>typeof s=="string"?ad(s):s.toString()).join("|")})$`),e._zod.parse=(s,d)=>{const u=s.value;return i.has(u)||s.issues.push({code:"invalid_value",values:r,input:u,inst:e}),s}}),pN=ee("$ZodTransform",(e,o)=>{In.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new M0(e.constructor.name);const s=o.transform(r.value,r);if(i.async)return(s instanceof Promise?s:Promise.resolve(s)).then(u=>(r.value=u,r));if(s instanceof Promise)throw new wl;return r.value=s,r}});function ry(e,o){return e.issues.length&&o===void 0?{issues:[],value:void 0}:e}const vN=ee("$ZodOptional",(e,o)=>{In.init(e,o),e._zod.optin="optional",e._zod.optout="optional",xn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,void 0]):void 0),xn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${Dm(r.source)})?$`):void 0}),e._zod.parse=(r,i)=>{if(o.innerType._zod.optin==="optional"){const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ry(d,r.value)):ry(s,r.value)}return r.value===void 0?r:o.innerType._zod.run(r,i)}}),kN=ee("$ZodNullable",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.innerType._zod.optin),xn(e._zod,"optout",()=>o.innerType._zod.optout),xn(e._zod,"pattern",()=>{const r=o.innerType._zod.pattern;return r?new RegExp(`^(${Dm(r.source)}|null)$`):void 0}),xn(e._zod,"values",()=>o.innerType._zod.values?new Set([...o.innerType._zod.values,null]):void 0),e._zod.parse=(r,i)=>r.value===null?r:o.innerType._zod.run(r,i)}),gN=ee("$ZodDefault",(e,o)=>{In.init(e,o),e._zod.optin="optional",xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);if(r.value===void 0)return r.value=o.defaultValue,r;const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ay(d,o)):ay(s,o)}});function ay(e,o){return e.value===void 0&&(e.value=o.defaultValue),e}const _N=ee("$ZodPrefault",(e,o)=>{In.init(e,o),e._zod.optin="optional",xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>(i.direction==="backward"||r.value===void 0&&(r.value=o.defaultValue),o.innerType._zod.run(r,i))}),yN=ee("$ZodNonOptional",(e,o)=>{In.init(e,o),xn(e._zod,"values",()=>{const r=o.innerType._zod.values;return r?new Set([...r].filter(i=>i!==void 0)):void 0}),e._zod.parse=(r,i)=>{const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>ly(d,e)):ly(s,e)}});function ly(e,o){return!e.issues.length&&e.value===void 0&&e.issues.push({code:"invalid_type",expected:"nonoptional",input:e.value,inst:o}),e}const xN=ee("$ZodCatch",(e,o)=>{In.init(e,o),xn(e._zod,"optin",()=>o.innerType._zod.optin),xn(e._zod,"optout",()=>o.innerType._zod.optout),xn(e._zod,"values",()=>o.innerType._zod.values),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(d=>(r.value=d.value,d.issues.length&&(r.value=o.catchValue({...r,error:{issues:d.issues.map(u=>_a(u,i,ga()))},input:r.value}),r.issues=[]),r)):(r.value=s.value,s.issues.length&&(r.value=o.catchValue({...r,error:{issues:s.issues.map(d=>_a(d,i,ga()))},input:r.value}),r.issues=[]),r)}}),wN=ee("$ZodPipe",(e,o)=>{In.init(e,o),xn(e._zod,"values",()=>o.in._zod.values),xn(e._zod,"optin",()=>o.in._zod.optin),xn(e._zod,"optout",()=>o.out._zod.optout),xn(e._zod,"propValues",()=>o.in._zod.propValues),e._zod.parse=(r,i)=>{if(i.direction==="backward"){const d=o.out._zod.run(r,i);return d instanceof Promise?d.then(u=>gs(u,o.in,i)):gs(d,o.in,i)}const s=o.in._zod.run(r,i);return s instanceof Promise?s.then(d=>gs(d,o.out,i)):gs(s,o.out,i)}});function gs(e,o,r){return e.issues.length?(e.aborted=!0,e):o._zod.run({value:e.value,issues:e.issues},r)}const zN=ee("$ZodReadonly",(e,o)=>{In.init(e,o),xn(e._zod,"propValues",()=>o.innerType._zod.propValues),xn(e._zod,"values",()=>o.innerType._zod.values),xn(e._zod,"optin",()=>o.innerType?._zod?.optin),xn(e._zod,"optout",()=>o.innerType?._zod?.optout),e._zod.parse=(r,i)=>{if(i.direction==="backward")return o.innerType._zod.run(r,i);const s=o.innerType._zod.run(r,i);return s instanceof Promise?s.then(iy):iy(s)}});function iy(e){return e.value=Object.freeze(e.value),e}const jN=ee("$ZodCustom",(e,o)=>{Ho.init(e,o),In.init(e,o),e._zod.parse=(r,i)=>r,e._zod.check=r=>{const i=r.value,s=o.fn(i);if(s instanceof Promise)return s.then(d=>cy(d,r,i,e));cy(s,r,i,e)}});function cy(e,o,r,i){if(!e){const s={code:"custom",input:r,inst:i,path:[...i._zod.def.path??[]],continue:!i._zod.def.abort};i._zod.def.params&&(s.params=i._zod.def.params),o.issues.push(Zi(s))}}var sy;class SN{constructor(){this._map=new WeakMap,this._idmap=new Map}add(o,...r){const i=r[0];if(this._map.set(o,i),i&&typeof i=="object"&&"id"in i){if(this._idmap.has(i.id))throw new Error(`ID ${i.id} already exists in the registry`);this._idmap.set(i.id,o)}return this}clear(){return this._map=new WeakMap,this._idmap=new Map,this}remove(o){const r=this._map.get(o);return r&&typeof r=="object"&&"id"in r&&this._idmap.delete(r.id),this._map.delete(o),this}get(o){const r=o._zod.parent;if(r){const i={...this.get(r)??{}};delete i.id;const s={...i,...this._map.get(o)};return Object.keys(s).length?s:void 0}return this._map.get(o)}has(o){return this._map.has(o)}}function TN(){return new SN}(sy=globalThis).__zod_globalRegistry??(sy.__zod_globalRegistry=TN());const _s=globalThis.__zod_globalRegistry;function AN(e,o){return new e({type:"string",...Ae(o)})}function CN(e,o){return new e({type:"string",format:"email",check:"string_format",abort:!1,...Ae(o)})}function dy(e,o){return new e({type:"string",format:"guid",check:"string_format",abort:!1,...Ae(o)})}function EN(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,...Ae(o)})}function LN(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v4",...Ae(o)})}function $N(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v6",...Ae(o)})}function ON(e,o){return new e({type:"string",format:"uuid",check:"string_format",abort:!1,version:"v7",...Ae(o)})}function NN(e,o){return new e({type:"string",format:"url",check:"string_format",abort:!1,...Ae(o)})}function BN(e,o){return new e({type:"string",format:"emoji",check:"string_format",abort:!1,...Ae(o)})}function RN(e,o){return new e({type:"string",format:"nanoid",check:"string_format",abort:!1,...Ae(o)})}function DN(e,o){return new e({type:"string",format:"cuid",check:"string_format",abort:!1,...Ae(o)})}function MN(e,o){return new e({type:"string",format:"cuid2",check:"string_format",abort:!1,...Ae(o)})}function IN(e,o){return new e({type:"string",format:"ulid",check:"string_format",abort:!1,...Ae(o)})}function UN(e,o){return new e({type:"string",format:"xid",check:"string_format",abort:!1,...Ae(o)})}function HN(e,o){return new e({type:"string",format:"ksuid",check:"string_format",abort:!1,...Ae(o)})}function FN(e,o){return new e({type:"string",format:"ipv4",check:"string_format",abort:!1,...Ae(o)})}function KN(e,o){return new e({type:"string",format:"ipv6",check:"string_format",abort:!1,...Ae(o)})}function VN(e,o){return new e({type:"string",format:"cidrv4",check:"string_format",abort:!1,...Ae(o)})}function qN(e,o){return new e({type:"string",format:"cidrv6",check:"string_format",abort:!1,...Ae(o)})}function ZN(e,o){return new e({type:"string",format:"base64",check:"string_format",abort:!1,...Ae(o)})}function PN(e,o){return new e({type:"string",format:"base64url",check:"string_format",abort:!1,...Ae(o)})}function GN(e,o){return new e({type:"string",format:"e164",check:"string_format",abort:!1,...Ae(o)})}function YN(e,o){return new e({type:"string",format:"jwt",check:"string_format",abort:!1,...Ae(o)})}function XN(e,o){return new e({type:"string",format:"datetime",check:"string_format",offset:!1,local:!1,precision:null,...Ae(o)})}function WN(e,o){return new e({type:"string",format:"date",check:"string_format",...Ae(o)})}function QN(e,o){return new e({type:"string",format:"time",check:"string_format",precision:null,...Ae(o)})}function JN(e,o){return new e({type:"string",format:"duration",check:"string_format",...Ae(o)})}function eB(e,o){return new e({type:"number",checks:[],...Ae(o)})}function nB(e,o){return new e({type:"number",check:"number_format",abort:!1,format:"safeint",...Ae(o)})}function oB(e,o){return new e({type:"boolean",...Ae(o)})}function tB(e){return new e({type:"unknown"})}function rB(e,o){return new e({type:"never",...Ae(o)})}function aB(e,o){return new e({type:"date",...Ae(o)})}function fy(e,o){return new X0({check:"less_than",...Ae(o),value:e,inclusive:!1})}function Ls(e,o){return new X0({check:"less_than",...Ae(o),value:e,inclusive:!0})}function uy(e,o){return new W0({check:"greater_than",...Ae(o),value:e,inclusive:!1})}function $s(e,o){return new W0({check:"greater_than",...Ae(o),value:e,inclusive:!0})}function by(e,o){return new _O({check:"multiple_of",...Ae(o),value:e})}function ow(e,o){return new xO({check:"max_length",...Ae(o),maximum:e})}function Ps(e,o){return new wO({check:"min_length",...Ae(o),minimum:e})}function tw(e,o){return new zO({check:"length_equals",...Ae(o),length:e})}function lB(e,o){return new jO({check:"string_format",format:"regex",...Ae(o),pattern:e})}function iB(e){return new SO({check:"string_format",format:"lowercase",...Ae(e)})}function cB(e){return new TO({check:"string_format",format:"uppercase",...Ae(e)})}function sB(e,o){return new AO({check:"string_format",format:"includes",...Ae(o),includes:e})}function dB(e,o){return new CO({check:"string_format",format:"starts_with",...Ae(o),prefix:e})}function fB(e,o){return new EO({check:"string_format",format:"ends_with",...Ae(o),suffix:e})}function Al(e){return new LO({check:"overwrite",tx:e})}function uB(e){return Al(o=>o.normalize(e))}function bB(){return Al(e=>e.trim())}function mB(){return Al(e=>e.toLowerCase())}function hB(){return Al(e=>e.toUpperCase())}function pB(){return Al(e=>z9(e))}function vB(e,o,r){return new e({type:"array",element:o,...Ae(r)})}function kB(e,o,r){return new e({type:"custom",check:"custom",fn:o,...Ae(r)})}function gB(e){const o=_B(r=>(r.addIssue=i=>{if(typeof i=="string")r.issues.push(Zi(i,r.value,o._zod.def));else{const s=i;s.fatal&&(s.continue=!1),s.code??(s.code="custom"),s.input??(s.input=r.value),s.inst??(s.inst=o),s.continue??(s.continue=!o._zod.def.abort),r.issues.push(Zi(s))}},e(r.value,r)));return o}function _B(e,o){const r=new Ho({check:"custom",...Ae(o)});return r._zod.check=e,r}const yB=ee("ZodISODateTime",(e,o)=>{qO.init(e,o),On.init(e,o)});function xB(e){return XN(yB,e)}const wB=ee("ZodISODate",(e,o)=>{ZO.init(e,o),On.init(e,o)});function zB(e){return WN(wB,e)}const jB=ee("ZodISOTime",(e,o)=>{PO.init(e,o),On.init(e,o)});function SB(e){return QN(jB,e)}const TB=ee("ZodISODuration",(e,o)=>{GO.init(e,o),On.init(e,o)});function AB(e){return JN(TB,e)}const CB=(e,o)=>{V0.init(e,o),e.name="ZodError",Object.defineProperties(e,{format:{value:r=>D9(e,r)},flatten:{value:r=>R9(e,r)},addIssue:{value:r=>{e.issues.push(r),e.message=JSON.stringify(e.issues,Vb,2)}},addIssues:{value:r=>{e.issues.push(...r),e.message=JSON.stringify(e.issues,Vb,2)}},isEmpty:{get(){return e.issues.length===0}}})},pt=ee("ZodError",CB,{Parent:Error}),EB=Im(pt),LB=Um(pt),$B=ld(pt),OB=id(pt),NB=U9(pt),BB=H9(pt),RB=F9(pt),DB=K9(pt),MB=V9(pt),IB=q9(pt),UB=Z9(pt),HB=P9(pt),Fn=ee("ZodType",(e,o)=>(In.init(e,o),e.def=o,e.type=o.type,Object.defineProperty(e,"_def",{value:o}),e.check=(...r)=>e.clone(ja(o,{checks:[...o.checks??[],...r.map(i=>typeof i=="function"?{_zod:{check:i,def:{check:"custom"},onattach:[]}}:i)]})),e.clone=(r,i)=>Vr(e,r,i),e.brand=()=>e,e.register=((r,i)=>(r.add(e,i),e)),e.parse=(r,i)=>EB(e,r,i,{callee:e.parse}),e.safeParse=(r,i)=>$B(e,r,i),e.parseAsync=async(r,i)=>LB(e,r,i,{callee:e.parseAsync}),e.safeParseAsync=async(r,i)=>OB(e,r,i),e.spa=e.safeParseAsync,e.encode=(r,i)=>NB(e,r,i),e.decode=(r,i)=>BB(e,r,i),e.encodeAsync=async(r,i)=>RB(e,r,i),e.decodeAsync=async(r,i)=>DB(e,r,i),e.safeEncode=(r,i)=>MB(e,r,i),e.safeDecode=(r,i)=>IB(e,r,i),e.safeEncodeAsync=async(r,i)=>UB(e,r,i),e.safeDecodeAsync=async(r,i)=>HB(e,r,i),e.refine=(r,i)=>e.check(R7(r,i)),e.superRefine=r=>e.check(D7(r)),e.overwrite=r=>e.check(Al(r)),e.optional=()=>ky(e),e.nullable=()=>gy(e),e.nullish=()=>ky(gy(e)),e.nonoptional=r=>C7(e,r),e.array=()=>h7(e),e.or=r=>g7([e,r]),e.and=r=>y7(e,r),e.transform=r=>Pb(e,lw(r)),e.default=r=>S7(e,r),e.prefault=r=>A7(e,r),e.catch=r=>L7(e,r),e.pipe=r=>Pb(e,r),e.readonly=()=>N7(e),e.describe=r=>{const i=e.clone();return _s.add(i,{description:r}),i},Object.defineProperty(e,"description",{get(){return _s.get(e)?.description},configurable:!0}),e.meta=(...r)=>{if(r.length===0)return _s.get(e);const i=e.clone();return _s.add(i,r[0]),i},e.isOptional=()=>e.safeParse(void 0).success,e.isNullable=()=>e.safeParse(null).success,e)),rw=ee("_ZodString",(e,o)=>{Hm.init(e,o),Fn.init(e,o);const r=e._zod.bag;e.format=r.format??null,e.minLength=r.minimum??null,e.maxLength=r.maximum??null,e.regex=(...i)=>e.check(lB(...i)),e.includes=(...i)=>e.check(sB(...i)),e.startsWith=(...i)=>e.check(dB(...i)),e.endsWith=(...i)=>e.check(fB(...i)),e.min=(...i)=>e.check(Ps(...i)),e.max=(...i)=>e.check(ow(...i)),e.length=(...i)=>e.check(tw(...i)),e.nonempty=(...i)=>e.check(Ps(1,...i)),e.lowercase=i=>e.check(iB(i)),e.uppercase=i=>e.check(cB(i)),e.trim=()=>e.check(bB()),e.normalize=(...i)=>e.check(uB(...i)),e.toLowerCase=()=>e.check(mB()),e.toUpperCase=()=>e.check(hB()),e.slugify=()=>e.check(pB())}),FB=ee("ZodString",(e,o)=>{Hm.init(e,o),rw.init(e,o),e.email=r=>e.check(CN(KB,r)),e.url=r=>e.check(NN(VB,r)),e.jwt=r=>e.check(YN(a7,r)),e.emoji=r=>e.check(BN(qB,r)),e.guid=r=>e.check(dy(my,r)),e.uuid=r=>e.check(EN(ys,r)),e.uuidv4=r=>e.check(LN(ys,r)),e.uuidv6=r=>e.check($N(ys,r)),e.uuidv7=r=>e.check(ON(ys,r)),e.nanoid=r=>e.check(RN(ZB,r)),e.guid=r=>e.check(dy(my,r)),e.cuid=r=>e.check(DN(PB,r)),e.cuid2=r=>e.check(MN(GB,r)),e.ulid=r=>e.check(IN(YB,r)),e.base64=r=>e.check(ZN(o7,r)),e.base64url=r=>e.check(PN(t7,r)),e.xid=r=>e.check(UN(XB,r)),e.ksuid=r=>e.check(HN(WB,r)),e.ipv4=r=>e.check(FN(QB,r)),e.ipv6=r=>e.check(KN(JB,r)),e.cidrv4=r=>e.check(VN(e7,r)),e.cidrv6=r=>e.check(qN(n7,r)),e.e164=r=>e.check(GN(r7,r)),e.datetime=r=>e.check(xB(r)),e.date=r=>e.check(zB(r)),e.time=r=>e.check(SB(r)),e.duration=r=>e.check(AB(r))});function Jt(e){return AN(FB,e)}const On=ee("ZodStringFormat",(e,o)=>{Cn.init(e,o),rw.init(e,o)}),KB=ee("ZodEmail",(e,o)=>{RO.init(e,o),On.init(e,o)}),my=ee("ZodGUID",(e,o)=>{NO.init(e,o),On.init(e,o)}),ys=ee("ZodUUID",(e,o)=>{BO.init(e,o),On.init(e,o)}),VB=ee("ZodURL",(e,o)=>{DO.init(e,o),On.init(e,o)}),qB=ee("ZodEmoji",(e,o)=>{MO.init(e,o),On.init(e,o)}),ZB=ee("ZodNanoID",(e,o)=>{IO.init(e,o),On.init(e,o)}),PB=ee("ZodCUID",(e,o)=>{UO.init(e,o),On.init(e,o)}),GB=ee("ZodCUID2",(e,o)=>{HO.init(e,o),On.init(e,o)}),YB=ee("ZodULID",(e,o)=>{FO.init(e,o),On.init(e,o)}),XB=ee("ZodXID",(e,o)=>{KO.init(e,o),On.init(e,o)}),WB=ee("ZodKSUID",(e,o)=>{VO.init(e,o),On.init(e,o)}),QB=ee("ZodIPv4",(e,o)=>{YO.init(e,o),On.init(e,o)}),JB=ee("ZodIPv6",(e,o)=>{XO.init(e,o),On.init(e,o)}),e7=ee("ZodCIDRv4",(e,o)=>{WO.init(e,o),On.init(e,o)}),n7=ee("ZodCIDRv6",(e,o)=>{QO.init(e,o),On.init(e,o)}),o7=ee("ZodBase64",(e,o)=>{JO.init(e,o),On.init(e,o)}),t7=ee("ZodBase64URL",(e,o)=>{nN.init(e,o),On.init(e,o)}),r7=ee("ZodE164",(e,o)=>{oN.init(e,o),On.init(e,o)}),a7=ee("ZodJWT",(e,o)=>{rN.init(e,o),On.init(e,o)}),aw=ee("ZodNumber",(e,o)=>{J0.init(e,o),Fn.init(e,o),e.gt=(i,s)=>e.check(uy(i,s)),e.gte=(i,s)=>e.check($s(i,s)),e.min=(i,s)=>e.check($s(i,s)),e.lt=(i,s)=>e.check(fy(i,s)),e.lte=(i,s)=>e.check(Ls(i,s)),e.max=(i,s)=>e.check(Ls(i,s)),e.int=i=>e.check(py(i)),e.safe=i=>e.check(py(i)),e.positive=i=>e.check(uy(0,i)),e.nonnegative=i=>e.check($s(0,i)),e.negative=i=>e.check(fy(0,i)),e.nonpositive=i=>e.check(Ls(0,i)),e.multipleOf=(i,s)=>e.check(by(i,s)),e.step=(i,s)=>e.check(by(i,s)),e.finite=()=>e;const r=e._zod.bag;e.minValue=Math.max(r.minimum??Number.NEGATIVE_INFINITY,r.exclusiveMinimum??Number.NEGATIVE_INFINITY)??null,e.maxValue=Math.min(r.maximum??Number.POSITIVE_INFINITY,r.exclusiveMaximum??Number.POSITIVE_INFINITY)??null,e.isInt=(r.format??"").includes("int")||Number.isSafeInteger(r.multipleOf??.5),e.isFinite=!0,e.format=r.format??null});function hy(e){return eB(aw,e)}const l7=ee("ZodNumberFormat",(e,o)=>{aN.init(e,o),aw.init(e,o)});function py(e){return nB(l7,e)}const i7=ee("ZodBoolean",(e,o)=>{lN.init(e,o),Fn.init(e,o)});function c7(e){return oB(i7,e)}const s7=ee("ZodUnknown",(e,o)=>{iN.init(e,o),Fn.init(e,o)});function vy(){return tB(s7)}const d7=ee("ZodNever",(e,o)=>{cN.init(e,o),Fn.init(e,o)});function f7(e){return rB(d7,e)}const u7=ee("ZodDate",(e,o)=>{sN.init(e,o),Fn.init(e,o),e.min=(i,s)=>e.check($s(i,s)),e.max=(i,s)=>e.check(Ls(i,s));const r=e._zod.bag;e.minDate=r.minimum?new Date(r.minimum):null,e.maxDate=r.maximum?new Date(r.maximum):null});function b7(e){return aB(u7,e)}const m7=ee("ZodArray",(e,o)=>{dN.init(e,o),Fn.init(e,o),e.element=o.element,e.min=(r,i)=>e.check(Ps(r,i)),e.nonempty=r=>e.check(Ps(1,r)),e.max=(r,i)=>e.check(ow(r,i)),e.length=(r,i)=>e.check(tw(r,i)),e.unwrap=()=>e.element});function h7(e,o){return vB(m7,e,o)}const p7=ee("ZodObject",(e,o)=>{uN.init(e,o),Fn.init(e,o),xn(e,"shape",()=>o.shape),e.keyof=()=>x7(Object.keys(e._zod.def.shape)),e.catchall=r=>e.clone({...e._zod.def,catchall:r}),e.passthrough=()=>e.clone({...e._zod.def,catchall:vy()}),e.loose=()=>e.clone({...e._zod.def,catchall:vy()}),e.strict=()=>e.clone({...e._zod.def,catchall:f7()}),e.strip=()=>e.clone({...e._zod.def,catchall:void 0}),e.extend=r=>L9(e,r),e.safeExtend=r=>$9(e,r),e.merge=r=>O9(e,r),e.pick=r=>C9(e,r),e.omit=r=>E9(e,r),e.partial=(...r)=>N9(iw,e,r[0]),e.required=(...r)=>B9(cw,e,r[0])});function v7(e,o){const r={type:"object",shape:e??{},...Ae(o)};return new p7(r)}const k7=ee("ZodUnion",(e,o)=>{bN.init(e,o),Fn.init(e,o),e.options=o.options});function g7(e,o){return new k7({type:"union",options:e,...Ae(o)})}const _7=ee("ZodIntersection",(e,o)=>{mN.init(e,o),Fn.init(e,o)});function y7(e,o){return new _7({type:"intersection",left:e,right:o})}const Zb=ee("ZodEnum",(e,o)=>{hN.init(e,o),Fn.init(e,o),e.enum=o.entries,e.options=Object.values(o.entries);const r=new Set(Object.keys(o.entries));e.extract=(i,s)=>{const d={};for(const u of i)if(r.has(u))d[u]=o.entries[u];else throw new Error(`Key ${u} not found in enum`);return new Zb({...o,checks:[],...Ae(s),entries:d})},e.exclude=(i,s)=>{const d={...o.entries};for(const u of i)if(r.has(u))delete d[u];else throw new Error(`Key ${u} not found in enum`);return new Zb({...o,checks:[],...Ae(s),entries:d})}});function x7(e,o){const r=Array.isArray(e)?Object.fromEntries(e.map(i=>[i,i])):e;return new Zb({type:"enum",entries:r,...Ae(o)})}const w7=ee("ZodTransform",(e,o)=>{pN.init(e,o),Fn.init(e,o),e._zod.parse=(r,i)=>{if(i.direction==="backward")throw new M0(e.constructor.name);r.addIssue=d=>{if(typeof d=="string")r.issues.push(Zi(d,r.value,o));else{const u=d;u.fatal&&(u.continue=!1),u.code??(u.code="custom"),u.input??(u.input=r.value),u.inst??(u.inst=e),r.issues.push(Zi(u))}};const s=o.transform(r.value,r);return s instanceof Promise?s.then(d=>(r.value=d,r)):(r.value=s,r)}});function lw(e){return new w7({type:"transform",transform:e})}const iw=ee("ZodOptional",(e,o)=>{vN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function ky(e){return new iw({type:"optional",innerType:e})}const z7=ee("ZodNullable",(e,o)=>{kN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function gy(e){return new z7({type:"nullable",innerType:e})}const j7=ee("ZodDefault",(e,o)=>{gN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeDefault=e.unwrap});function S7(e,o){return new j7({type:"default",innerType:e,get defaultValue(){return typeof o=="function"?o():H0(o)}})}const T7=ee("ZodPrefault",(e,o)=>{_N.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function A7(e,o){return new T7({type:"prefault",innerType:e,get defaultValue(){return typeof o=="function"?o():H0(o)}})}const cw=ee("ZodNonOptional",(e,o)=>{yN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function C7(e,o){return new cw({type:"nonoptional",innerType:e,...Ae(o)})}const E7=ee("ZodCatch",(e,o)=>{xN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType,e.removeCatch=e.unwrap});function L7(e,o){return new E7({type:"catch",innerType:e,catchValue:typeof o=="function"?o:()=>o})}const $7=ee("ZodPipe",(e,o)=>{wN.init(e,o),Fn.init(e,o),e.in=o.in,e.out=o.out});function Pb(e,o){return new $7({type:"pipe",in:e,out:o})}const O7=ee("ZodReadonly",(e,o)=>{zN.init(e,o),Fn.init(e,o),e.unwrap=()=>e._zod.def.innerType});function N7(e){return new O7({type:"readonly",innerType:e})}const B7=ee("ZodCustom",(e,o)=>{jN.init(e,o),Fn.init(e,o)});function R7(e,o={}){return kB(B7,e,o)}function D7(e){return gB(e)}function M7(e,o){return Pb(lw(e),o)}const I7=v7({date:M7(e=>typeof e=="string"||e instanceof Date?new Date(e):void 0,b7({message:"Date is required"}).refine(e=>!isNaN(e.getTime()),{message:"Invalid date"})),text:Jt({message:"Please enter text."}).min(10,"Text must be at least 10 characters long."),email:Jt({message:"Please enter your email."}).min(1,"Please enter your email.").email("Invalid email address."),password:Jt({message:"Please enter a password."}).min(8,"Password must be at least 8 characters.").regex(/[A-Z]/,"Password must include at least one uppercase letter.").regex(/[0-9]/,"Password must include at least one number."),range:hy({message:"Please select a range."}).min(30,"Minimum value is 30."),number:hy({message:"Please enter a number."}).min(1,"Minimum is 1.").max(10,"Maximum is 10."),checkbox:c7().refine(e=>e===!0,{message:"You must accept the terms and conditions."}),radio:Jt({message:"Please select a gender."}).min(1,"Please select a gender."),color:Jt({message:"Please select a color."}).min(1,"Please select a color."),select:Jt({message:"Please select a value."}).min(1,"Please select a value."),singleSelect:Jt({message:"Please select a single option."}).min(1,"Please select a single option."),combobox:Jt({message:"Please select a country."}).min(1,"Please select a country."),textarea:Jt({message:"Please enter a message."}).min(1,"Please enter a message.")}),U7=()=>{const{dummyClickEventHandler:e}=Mn(),{handleSubmit:o,formState:{errors:r},reset:i,control:s}=od({mode:"onBlur",reValidateMode:"onChange",resolver:y9(I7),defaultValues:{range:30,number:5}}),d=()=>{i(void 0,{keepErrors:!1,keepTouched:!1,keepDirty:!1})},u=Object.entries(r).map(([m,h])=>[m,h.message]).filter(([,m])=>!!m);return a.jsxs("section",{className:"w-full max-w-3xl mx-auto p-6",children:[a.jsx(me,{_level:2,_label:"Sample Form with Validation (Zod)"}),a.jsx(Z,{children:a.jsxs("p",{children:["This example shows validation with ",a.jsx("code",{children:"react-hook-form"}),", ",a.jsx("code",{children:"Zod"}),", and an error list."]})}),u.length>0&&a.jsx(go,{_type:"error",_label:"Please fix the following:",_alert:!0,_variant:"card",children:a.jsx("ul",{className:"list-disc pl-5",children:u.map(([m,h],p)=>a.jsx("li",{children:a.jsx(ze,{_label:h,_href:`#field-${m}`,_on:{onClick:k=>{k.preventDefault(),document.getElementById(`field-${m}`)?.focus()}}})},p))})}),a.jsxs("form",{onSubmit:o(e),noValidate:!0,className:"grid gap-4 mt-6",children:[a.jsx(C0,{control:s,name:"date",_label:"Date"}),a.jsx(Kb,{control:s,name:"text",_label:"Text (≥ 10 chars)"}),a.jsx(S0,{control:s,name:"email",_label:"Email"}),a.jsx(j0,{control:s,name:"password",_label:"Password"}),a.jsx(A0,{control:s,name:"range",_label:"Range (≥ 30)",_min:0,_max:100}),a.jsx(T0,{control:s,name:"number",_label:"Number (1 – 10)"}),a.jsx(R0,{control:s,name:"checkbox",_label:"Accept terms"}),a.jsx(B0,{control:s,name:"radio",_label:"Gender",_options:[{label:"Female",value:"f"},{label:"Male",value:"m"}]}),a.jsx(E0,{control:s,name:"color",_label:"Favorite Color"}),a.jsx(O0,{control:s,name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(N0,{control:s,name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx($0,{control:s,name:"combobox",_label:"Country",_suggestions:Jo}),a.jsx(L0,{control:s,name:"textarea",_label:"Message",_rows:4}),a.jsxs("div",{className:"flex gap-4 mt-4",children:[a.jsx(Q,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Reset",_type:"reset",onClick:d})]})]})]})},H7=()=>{const{searchParams:e}=new URL(location.href);return a.jsxs(a.Fragment,{children:[a.jsxs(Z,{children:[a.jsx("p",{children:"This sample shows how KoliBri can be used in a static form context."}),a.jsxs("ol",{children:[a.jsxs("li",{children:["First you have to enable the ",a.jsx("code",{children:"experimental mode"}),":"," ",a.jsx("code",{className:"bg-gray-200",children:'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />'})]}),a.jsxs("li",{children:["Currently you have to use a native ",a.jsx("code",{children:"form"})," element:"," ",a.jsx("code",{className:"bg-gray-200",children:'<form method="GET">...</form>'})]}),a.jsxs("li",{children:["It is important in static usage to give every input a ",a.jsx("code",{children:"name"})," attribute:"," ",a.jsx("code",{className:"bg-gray-200",children:'<KolInputColor _name="color" _label="Color" />'})]}),a.jsxs("li",{children:["Last of all one button should have the type ",a.jsx("code",{children:"submit"}),":"," ",a.jsx("code",{className:"bg-gray-200",children:'<KolButton _label="Submit" _type="submit" _variant="primary" />'})]})]})]}),a.jsxs("section",{className:"w-full flex flex-col",children:[e.size>0&&a.jsxs("div",{className:"grid gap-4",children:[a.jsx(me,{_level:2,_label:"Submitted data"}),a.jsx("pre",{className:"text-base",children:a.jsx("code",{children:JSON.stringify(Object.fromEntries(e.entries()),null,2)})})]}),a.jsxs("form",{className:"grid gap-4",method:"get",noValidate:!0,children:[a.jsx(cn,{_name:"checkbox",_label:"Checkbox"}),a.jsx(Gn,{_name:"color",_label:"Color"}),a.jsx(qe,{_name:"date",_label:"Date"}),a.jsx(Yn,{_name:"email",_label:"Email"}),a.jsx(Rn,{_name:"file",_label:"File"}),a.jsx(Rn,{_name:"file",_label:"Files (multiple)",_multiple:!0}),a.jsx(An,{_name:"number",_label:"Number"}),a.jsx(En,{_name:"password",_label:"Password"}),a.jsx(Ln,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(no,{_name:"range",_label:"Range"}),a.jsx(Be,{_name:"text",_label:"Text"}),a.jsx(Xn,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(Xn,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),a.jsx(bo,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),a.jsx(_o,{_name:"combobox",_label:"Combobox",_suggestions:Jo}),a.jsx(on,{_name:"textarea",_label:"Textarea",_rows:5}),a.jsxs("div",{className:"flex flex-wrap gap-4",children:[a.jsx(Q,{_label:"Submit",_type:"submit",_variant:"primary"}),a.jsx(Q,{_label:"Reset",_type:"reset"})]}),a.jsx("input",{type:"hidden",value:crypto.randomUUID(),name:"random"})]})]})]})},F7=()=>{const[e,o]=j.useState(!1),[r,i]=j.useState(!1);j.useEffect(()=>{let h;return e&&(h=setTimeout(()=>{o(!1)},2e3)),()=>clearTimeout(h)},[e]),j.useEffect(()=>{let h;return r&&(h=setTimeout(()=>{i(!1)},2e3)),()=>clearTimeout(h)},[r]);const s=()=>o(!0),d=()=>i(!0),u=j.useMemo(()=>Array.from({length:5},(p,k)=>({_label:`Button ${k+1}`,_on:{onClick:s},_icons:e?"codicon codicon-loading codicon-modifier-spin":void 0,_disabled:e})),[e]),m=j.useMemo(()=>Array.from({length:5},(p,k)=>({_label:`Button ${k+1}`,_on:{onClick:d},_disabled:r,_icons:r?"codicon codicon-loading codicon-modifier-spin":void 0})),[r]);return a.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[a.jsx(me,{_label:"Disabled Toolbar Buttons Bug (solved)"}),a.jsx(me,{_label:"icon vor disabled",_level:2}),a.jsx(pa,{_label:"KolToolbar A",_items:u}),a.jsx(me,{_label:"disabled vor icon",_level:2}),a.jsxs("p",{children:["Klicke auf einen der ",m.length-1," ersten Buttons hatte zur Folge, dass die nachfolgenden Buttons kaputt gehen."]}),a.jsx(pa,{_label:"KolToolbar B",_items:m})]})},K7=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsx("p",{children:"This example demonstrates tooltip positioning within container query contexts. Container queries can interfere with fixed positioning, causing tooltips to render incorrectly relative to the viewport. The layout containment fix ensures tooltips position properly even when their parent elements use container-based sizing and layout rules."})}),a.jsx("div",{style:{container:"test / size",contain:"layout"},children:a.jsx(cb,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]}),V7={scenarios:{"change-tabindex":N$,"custom-tooltip-css-properties":B$,"date-in-form":R$,"disabled-interactive-scenario":D$,"focus-elements":M$,"input-group-with-error":F$,"inputs-get-value":K$,"react-hook-form-adapter":p9,"same-height-of-all-interactive-elements":v9,"static-form":H7,"sample-form-with-validation":U7,"table-horizontal-scrollbar-advanced":H$,"toolbar-item-order":F7,"tooltip-positioning":K7,"performance-test":Z$}},Fm={...c8,...aA,...cA,...uA,...mA,...kA,..._A,...jA,...DA,...UA,...VA,...ZA,...WA,...e8,...b8,...p8,...k8,...x8,...j8,...R8,...I8,...F8,...UC,...VC,...YC,...QC,...uE,...mE,...vE,...SE,...AE,...OE,...BE,...DE,...IE,...FE,...R1,...R1,...QE,...tL,...XE,...lL,...t$,...u$,..._$,...z$,...T$,...E$,...O$,...V7};qx(localStorage);const sw=(e,o="/")=>{let r=[];for(const i in e)if(e[i]){const s=e[i],d=`${o}${i}`;typeof s=="function"?r.push(d):typeof s=="object"&&s!==null&&(r=r.concat(sw(s,`${d}/`)))}return r},dw=e=>{const o=[];for(const r in e)if(e[r]){const i=e[r],s=`/${r}`;if(typeof i=="function")o.push(a.jsx(ma,{path:s,element:a.jsx(i,{})},s)),o.push(a.jsx(ma,{path:`${s}/all`,element:a.jsx("div",{className:"d-grid gap-4",children:_m.filter(d=>Ux.indexOf(d.value)>=0).map(d=>a.jsxs("div",{className:"d-grid gap-2",children:[a.jsx("div",{className:"mt-4",children:a.jsx("strong",{children:d.label})}),a.jsx("div",{className:"my-2",children:a.jsx(i,{})}),a.jsx("hr",{"aria-hidden":"true"})]},d.value))})},`${s}/all`));else if(typeof i=="object"&&i!==null){const d=Object.keys(i);d.length>0&&o.push(a.jsx(ma,{path:`${s}/*`,element:a.jsxs(Iy,{children:[a.jsx(ma,{path:"/",element:a.jsx(My,{to:d[0]})}),dw(i)]})},s))}}return o},Gb=sw(Fm),q7=dw(Fm),_y=new Map;Gb.forEach(e=>{const o=e.split("/");_y.has(o[1])||_y.set(o[1],{label:o[1],value:e})});const Z7=()=>{const e=ot(),[o,r]=Fr(),i=o.get("theme")??Us(),s=o.has("hideMenus");t8(i),nA(),document.title=`KoliBri-Handout - ${Mb(Us())} | v${Rb.version}`,document.body.setAttribute("class",i),document.body.dataset.theme=i;const d=u=>{r({theme:u}),window.location.reload()};return a.jsx(ym.Provider,{value:s,children:a.jsxs("div",{className:s?"":"app-container","data-theme":i,children:[!s&&a.jsx(eA,{version:Rb.version,theme:i,sample:e.pathname,routes:Fm,routeList:Gb,buildDate:"2025-12-22T13:45:54.940Z",commitHash:"1efdcf553",onThemeChange:d}),a.jsx("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:a.jsxs(Iy,{children:[q7,a.jsx(ma,{path:"*",element:a.jsx(My,{to:Gb[0],replace:!0})}),a.jsx(ma,{path:"back-page",element:a.jsx(YT,{})})]})})]})})},P7=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),G7=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Yb=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Xb=e=>`${e}-sample`;Yb&&Oz(Xb);const Y7=async()=>[m3,rT,PT];(async()=>{try{await N5(await Y7(),()=>{qj(window,{transformTagName:Yb?Xb:void 0})},{environment:"production",reflectInputValues:!0,theme:{detect:"auto"},translation:{name:"en"},translations:P7?new Set([o=>o("en",{"kol-error":"Tiny error!"}),o=>o("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Yb?Xb:void 0}),G7&&wa.patchTheme("default",{"KOL-BUTTON":`
 						button {
 							border: 1px solid red;
 						}`,"KOL-SPIN":`
@@ -23226,4 +23226,4 @@ sit amet.`,m$=()=>a.jsxs(a.Fragment,{children:[a.jsx(Z,{children:a.jsxs("p",{chi
 						.bg-spin-3 {
 							background-color: gold;
 						}`},{append:!0})}catch(o){console.warn("Theme registration failed:",o)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&Sy.createRoot(e).render(a.jsx(j.StrictMode,{children:a.jsx(a6,{children:a.jsx(Z7,{})})}))})();export{Js as $,lx as A,gR as B,P6 as C,rR as D,TR as E,ER as F,im as G,pj as H,W7 as I,J7 as J,Fu as K,$n as L,U6 as M,X7 as N,sm as O,zR as P,wR as Q,jR as R,iR as S,cR as T,r5 as U,yg as V,J6 as W,pR as X,hR as Y,yR as Z,$5 as _,Et as a,bR as a0,lR as a1,K6 as a2,sR as a3,Kg as a4,wa as a5,uR as a6,xR as a7,l_ as a8,k_ as a9,u_ as aa,u5 as ab,S_ as ac,g5 as ad,Rg as ae,$_ as af,E_ as ag,Og as ah,mR as ai,k5 as aj,_R as ak,vR as al,Vg as am,Pg as an,Qg as ao,w_ as ap,L_ as aq,C_ as ar,F6 as as,pb as at,_5 as au,y5 as av,Xo as aw,h5 as ax,Q7 as ay,Eg as b,$g as c,SR as d,Dg as e,tR as f,CR as g,jx as h,qg as i,i_ as j,aR as k,Ig as l,dR as m,fR as n,Iu as o,v5 as p,kR as q,AR as r,hb as s,jg as t,nR as u,ix as v,cm as w,oR as x,f_ as y,m_ as z};
-//# sourceMappingURL=index-DbZw8XzB.js.map
+//# sourceMappingURL=index-_1Ax2eV-.js.map