@mrreality255/turbo-react 0.2.0 → 0.3.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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +37 -20
  4. package/dist/index.es.js +1307 -1035
  5. package/dist/index.umd.js +19 -3
  6. package/package.json +56 -56
package/README.md CHANGED
@@ -1 +1 @@
1
- # TurboReact
1
+ # TurboReact
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- button{cursor:pointer}button:disabled{color:#bbb!important;cursor:not-allowed;pointer-events:none}button._text_1eq6a_25:before{content:"[ "}button._text_1eq6a_25:after{content:" ]"}button._fill_1eq6a_41{width:100%;height:100%}button._btn_1eq6a_55{font-weight:700;color:#333;background-color:#090;font-family:monospace;padding:.2em 1em;margin:0 .5em .5em 0;border-style:none;box-shadow:.5em .65em 3px #00000080}button._default_1eq6a_77._btn_1eq6a_55{color:#0ff}button._btn_1eq6a_55:focus{color:#fff}button._btn_1eq6a_55:hover:not(:disabled){color:#fff;transform:translate3d(.05em,.05em,.9em);box-shadow:.4em .4em 3px #00000080}button._btn_1eq6a_55:active:not(:disabled){transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_1eq6a_55._down_1eq6a_117{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32;opacity:1}button._btn_1eq6a_55._down_1eq6a_117:hover{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_1eq6a_55:focus{outline:red}button._plain_1eq6a_153{font-weight:bolder;margin:0;display:inline-block;padding:4px 10px;font-family:monospace;font-size:.9em;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;color:#000;background-color:#777;border:0px solid #666;box-shadow:0 0 4px #666}button._plain_1eq6a_153:hover{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd}button._plain_1eq6a_153:active{transform:translate(1px,1px) scale(.98)}button._plain_1eq6a_153._down_1eq6a_117{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd;transform:translate(1px,1px) scale(.98)}button._link_1eq6a_229{background-color:inherit;color:#0f0;font-family:monospace;border:none;margin:0;padding:0}button._link_1eq6a_229:hover{color:#ff0}button._link_1eq6a_229:active{color:#ff0;transform:scale(.95)}._plain_1eq6a_153._default_1eq6a_77{color:#fff}._plain_1eq6a_153._green_1eq6a_277{color:#0f0;background-color:#030;border:1px solid #00ff00;box-shadow:0 0 4px #0f0}._plain_1eq6a_153._green_1eq6a_277:hover{background-color:#050;color:#3c0;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._green_1eq6a_277._down_1eq6a_117{background-color:#0a0;color:#ff0;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._green_1eq6a_277._default_1eq6a_77{color:#ff0}._plain_1eq6a_153._blue_1eq6a_325{color:#0cc;background-color:#077;border:1px solid #099}._plain_1eq6a_153._blue_1eq6a_325:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._blue_1eq6a_325._down_1eq6a_117{background-color:#0cc;color:#fff;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._blue_1eq6a_325._default_1eq6a_77{color:#aff}._link_1eq6a_229._blue_1eq6a_325:hover:not(:disabled){background-color:#090;color:#ff0}._plain_1eq6a_153._cyan_1eq6a_385{color:#000;background-color:#099;border:1px solid #099}._plain_1eq6a_153._cyan_1eq6a_385:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._cyan_1eq6a_385._down_1eq6a_117{background-color:#0cc;color:#fff;box-shadow:0 0 6px #0f8}._plain_1eq6a_153._cyan_1eq6a_385._default_1eq6a_77{color:#0ff}._link_1eq6a_229._cyan_1eq6a_385{color:#fff}._link_1eq6a_229._cyan_1eq6a_385:hover:not(:disabled){background-color:#000;color:#ff7}._plain_1eq6a_153._dark_1eq6a_449{background-color:#770;color:#ff0}._plain_1eq6a_153._dark_1eq6a_449:hover{background-color:#990;color:#330;box-shadow:0 0 6px #880}._plain_1eq6a_153._dark_1eq6a_449._default_1eq6a_77{color:#fff}._plain_1eq6a_153._dark_1eq6a_449._down_1eq6a_117{background-color:#ff0}._link_1eq6a_229._dark_1eq6a_449{color:#bb0}._link_1eq6a_229._dark_1eq6a_449:hover:not(:disabled){background-color:#bb0;color:#000}button._btn_1eq6a_55._grey_1eq6a_507{background-color:#ddd}button._btn_1eq6a_55._grey_1eq6a_507:active:not(:disabled){background-color:#ddd}._link_1eq6a_229._grey_1eq6a_507{color:#222}._link_1eq6a_229._grey_1eq6a_507:hover:not(:disabled){background-color:#090;color:#000}._link_1eq6a_229._dialog_1eq6a_541{color:#ff0}._link_1eq6a_229._dialog_1eq6a_541:hover:not(:disabled){background-color:#090;color:#fff}button._btn_1eq6a_55._red_1eq6a_561{background-color:red;color:#ff0}button._btn_1eq6a_55._red_1eq6a_561:active:not(:disabled){background:red}._link_1eq6a_229._red_1eq6a_561{color:#fff}._link_1eq6a_229._red_1eq6a_561:hover:not(:disabled){background-color:red;color:#ff0}._plain_1eq6a_153._red_1eq6a_561{color:#ff0;background-color:#900;border:1px solid #900;box-shadow:0 0 4px red}._plain_1eq6a_153._red_1eq6a_561:hover{background-color:#a00;color:#ff0;box-shadow:0 0 6px red}._plain_1eq6a_153._red_1eq6a_561._down_1eq6a_117{background-color:red;color:#ff0;box-shadow:0 0 6px red}._plain_1eq6a_153._default_1eq6a_77._red_1eq6a_561{color:#fff}button._btn_1eq6a_55._mono_1eq6a_643{background-color:#ddd}button._btn_1eq6a_55._mono_1eq6a_643:active:not(:disabled){background-color:#ddd}._link_1eq6a_229._mono_1eq6a_643{color:#999}._link_1eq6a_229._mono_1eq6a_643:hover:not(:disabled){background-color:#999;color:#000}button._btn_1eq6a_55._dark_1eq6a_449{background-color:#aa0;color:#000}button._btn_1eq6a_55._dark_1eq6a_449:active:not(:disabled){background-color:#bb0}label._cb_1yqjk_1{cursor:pointer}input._cb_1yqjk_1:before{content:"[ ]"}input._cb_1yqjk_1:checked:before{content:"[x]"}input._cb_1yqjk_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._cb_1yqjk_1:disabled{color:#999!important}label._cb_1yqjk_1._disabled_1yqjk_51{color:#999!important}input._cb_1yqjk_1+label._cb_1yqjk_1:hover{color:#fff}input._cb_1yqjk_1:hover{color:#fff}input._cb_1yqjk_1._mono_1yqjk_75:disabled{color:#444!important}label._cb_1yqjk_1._mono_1yqjk_75._disabled_1yqjk_51{color:#444!important}input._cb_1yqjk_1._dialog_1yqjk_91:disabled{color:#999}label._cb_1yqjk_1._dialog_1yqjk_91._disabled_1yqjk_51{color:#999}input._cb_1yqjk_1._green_1yqjk_107+label._cb_1yqjk_1:hover{color:#ff0}input._cb_1yqjk_1._green_1yqjk_107:hover{color:#ff0}input._cb_1yqjk_1._dialog_1yqjk_91+label._cb_1yqjk_1:hover{color:#ff0}input._cb_1yqjk_1._dialog_1yqjk_91:hover{color:#ff0}label._cb_1yqjk_1._dialog_1yqjk_91,input._cb_1yqjk_1._dialog_1yqjk_91{color:#000}input._tb_1juvc_1{flex-grow:1;margin:.5em 0;padding:0;border-style:solid;border-width:0;font-family:monospace;text-decoration:none;outline:none;background-color:inherit;color:inherit}input._tb_1juvc_1:disabled{color:#999}input._tb_1juvc_1[type=number]::-webkit-inner-spin-button,input._tb_1juvc_1[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div._tb_1juvc_1{background-color:#000;color:#ff0;width:100%;display:flex}div._tb_1juvc_1:focus-within{background-color:#222}div._tb_1juvc_1>div._prefix_1juvc_73{min-width:1em;padding-top:.5em;padding-left:.5em}div._tb_1juvc_1>div._prefix_1juvc_73._empty_1juvc_85{min-width:.25em}div._tbWrapper_1juvc_97:focus-within>label{color:#fff}div._tbWrapper_1juvc_97._green_1juvc_103:focus-within>label{color:#ff0}div._tb_1juvc_1._dialog_1juvc_111{background-color:#006;color:#fff}div._tb_1juvc_1._dialog_1juvc_111:focus-within{background-color:#008}div._tb_1juvc_1._blue_1juvc_129{background-color:#000}div._tb_1juvc_1._blue_1juvc_129:focus-within{background-color:#222}div._tb_1juvc_1._grey_1juvc_145{color:#fff}div._tb_1juvc_1._mono_1juvc_153{background-color:#333;color:#fff}div._tb_1juvc_1._red_1juvc_163{background-color:#600;color:#ff0}div._tb_1juvc_1._red_1juvc_163:focus-within{background-color:#000;color:#ff0}div._tb_1juvc_1._green_1juvc_103{background-color:#020}div._tb_1juvc_1._green_1juvc_103:focus-within{background-color:#000}html{overscroll-behavior-x:none}div._glass_zhks7_9{position:fixed;inset:0;z-index:2}div._glass_zhks7_9._backdrop_zhks7_27{background-color:#000;opacity:.4;z-index:1}div._clickable_16ge4_3{cursor:pointer}div._fullSize_16ge4_11{width:100%;height:100%}div._main_16ge4_21{position:relative}div._shadow_16ge4_29{box-shadow:.5em .5em #000000bf}div._frameStd_16ge4_37{border-style:double;border-width:3px;position:relative}div._frameStd_16ge4_37._single_16ge4_49{border-style:solid;border-width:2px}div._frameStd_16ge4_37._borderless_16ge4_59{border-style:hidden;border-width:2px}div._contentWithTitle_16ge4_69{margin-top:.75em}div._close_16ge4_77{position:absolute}div._titleWrapper_16ge4_85{background-color:unset;text-align:center;width:calc(100% - 8em);position:absolute;left:4em;top:-.5em}div._title_16ge4_85{display:inline-block;width:auto;background-color:inherit;padding:0 .5em}div._close_16ge4_77 button._btn_16ge4_117{background-color:inherit;color:inherit;margin:0;padding:0;border-style:none;cursor:pointer;transition:transform .1s ease;transform:scale(1.25);outline:none}div._close_16ge4_77 button._btn_16ge4_117:active{transform:scale(1)}div._contentInsideWrapper_16ge4_149{width:100%;height:100%;overflow:auto}div._outerBox_16ge4_163{width:100%;height:100%;position:relative}div._outerBox_16ge4_163._shadow_16ge4_29{width:calc(100% - .5em);height:calc(100% - .5em);position:relative}div._outerBox_16ge4_163>div>div>div._frameStd_16ge4_37{position:absolute;inset:6px}div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{top:-.555em;left:3em}div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203._padding_16ge4_213{top:1em;left:1em;height:calc(100% - 2em);width:calc(100% - 2em);position:relative}div._outerBox_16ge4_163 div._content_16ge4_69{height:calc(100% - 1em);overflow:auto;position:relative}div._outerBox_16ge4_163 div._content_16ge4_69{height:100%;overflow:auto}div._outerBox_16ge4_163 div._content_16ge4_69._contentPadding_16ge4_251{height:calc(100% - 1em);margin-right:.5em}div._outerBox_16ge4_163 div._content_16ge4_69._contentPaddingSpace_16ge4_261{height:calc(100% - 3em)}div._outerBox_16ge4_163 div._contentWithTitle_16ge4_69{height:calc(100% - .75em)}div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77{top:-.75em;left:.5em}div._outerMargin_16ge4_291{padding:6px}div._autoSize_16ge4_299._space_16ge4_299{margin-bottom:.5em}div._autoSize_16ge4_299 div._shadow_16ge4_29{width:calc(100% - .5em)}div._autoSize_16ge4_299 div._padding_16ge4_213{padding:1em;position:relative}div._autoSize_16ge4_299 div._close_16ge4_77{top:-.75em;left:1.25em}div._autoSize_16ge4_299 div._padding_16ge4_213 div._close_16ge4_77{left:2em;top:.5em}div._autoSize_16ge4_299 div._title_16ge4_85{top:0;left:3.5em}div._autoSize_16ge4_299 div._padding_16ge4_213 div._title_16ge4_85{top:.5em;left:4.5em}div._contentPadding_16ge4_251{margin:.5em 1em .5em .5em}div._contentWithTitle_16ge4_69._contentPadding_16ge4_251{margin-top:.75em}div._contentPaddingSpace_16ge4_261{margin:1.5em}div._main_16ge4_21._blue_16ge4_405>div._frameBck_16ge4_405,div._main_16ge4_21._blue_16ge4_405>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._blue_16ge4_405>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._blue_16ge4_405>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._blue_16ge4_405>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._blue_16ge4_405>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#006;color:#fff}div._main_16ge4_21._cyan_16ge4_459>div._frameBck_16ge4_405,div._main_16ge4_21._cyan_16ge4_459>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._cyan_16ge4_459>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._cyan_16ge4_459>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._cyan_16ge4_459>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._cyan_16ge4_459>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#066;color:#fff}div._main_16ge4_21._dark_16ge4_513>div._frameBck_16ge4_405,div._main_16ge4_21._dark_16ge4_513>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._dark_16ge4_513>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._dark_16ge4_513>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._dark_16ge4_513>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._dark_16ge4_513>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#222;color:#ff0}div._main_16ge4_21._green_16ge4_567>div._frameBck_16ge4_405,div._main_16ge4_21._green_16ge4_567>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._green_16ge4_567>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._green_16ge4_567>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._green_16ge4_567>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._green_16ge4_567>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#030;color:#0f0}div._main_16ge4_21._grey_16ge4_631>div._frameBck_16ge4_405,div._main_16ge4_21._grey_16ge4_631>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._grey_16ge4_631>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._grey_16ge4_631>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._grey_16ge4_631>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#999;color:#000}div._main_16ge4_21._grey_16ge4_631>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77{background-color:#999;color:#000}div._main_16ge4_21._grey_16ge4_631>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77>button{color:#090}div._main_16ge4_21._dialog_16ge4_723>div._frameBck_16ge4_405,div._main_16ge4_21._dialog_16ge4_723>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._dialog_16ge4_723>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._dialog_16ge4_723>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._dialog_16ge4_723>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._dialog_16ge4_723>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#666;color:#fff}div._main_16ge4_21._dialog_16ge4_723>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77>button{color:#0f0}div._main_16ge4_21._mono_16ge4_807>div._frameBck_16ge4_405,div._main_16ge4_21._mono_16ge4_807>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._mono_16ge4_807>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._mono_16ge4_807>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._mono_16ge4_807>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._mono_16ge4_807>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#000;color:#999}div._main_16ge4_21._red_16ge4_861>div._frameBck_16ge4_405,div._main_16ge4_21._red_16ge4_861>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div>div._title_16ge4_85,div._main_16ge4_21._red_16ge4_861>div._frameBck_16ge4_405>div._outerMargin_16ge4_291>div>div._frameStd_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._red_16ge4_861>div._outerBox_16ge4_163>div._frameBck_16ge4_405,div._main_16ge4_21._red_16ge4_861>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div._close_16ge4_77,div._main_16ge4_21._red_16ge4_861>div._outerBox_16ge4_163>div._fullSize_16ge4_11>div._wrapper_16ge4_203>div._frame_16ge4_37>div>div._title_16ge4_85{background-color:#900;color:#ff0}div._main_16ge4_21._blue_16ge4_405 div._content_16ge4_69,div._main_16ge4_21._cyan_16ge4_459 div._content_16ge4_69{color:#ff0}div._main_16ge4_21._blue_16ge4_405 button._btn_16ge4_117{color:#0f0}div._contentInsideWrapper_16ge4_149._dialog_16ge4_723{color:#000}div._menu_1jpcc_1 ul{margin:0;padding:0;list-style:none}div._menu_1jpcc_1 ul li{padding:.5em;transition:background-color .75s ease,color .3s ease}div._menu_1jpcc_1 ul li a{text-decoration:none;color:inherit;display:block;width:100%;outline:none}div._menu_1jpcc_1 ul li:hover,div._menu_1jpcc_1 ul li._selected_1jpcc_51{background-color:#090}div._menu_1jpcc_1 ul li._disabled_1jpcc_59{color:#999!important;pointer-events:none}li._separator_1jpcc_69{border-style:solid;border-width:0 0 2px 0}li a span._secondary_1jpcc_79{float:right}li a span._prefix_1jpcc_87{width:1em;display:inline-block}div._menu_1jpcc_1._cyan_1jpcc_101 ul li:hover,div._menu_1jpcc_1._cyan_1jpcc_101 ul li._selected_1jpcc_51{background-color:#000;color:#ff0}div._menu_1jpcc_1._grey_1jpcc_121 ul li._disabled_1jpcc_59{color:#333!important;pointer-events:none}div._menu_1jpcc_1._mono_1jpcc_131 ul li._disabled_1jpcc_59{color:#444;pointer-events:none}div._menu_1jpcc_1._dark_1jpcc_141 ul li:hover,div._menu_1jpcc_1._dark_1jpcc_141 ul li._selected_1jpcc_51{background-color:#cc0;color:#000}div._menu_1jpcc_1._green_1jpcc_161 ul li:hover,div._menu_1jpcc_1._green_1jpcc_161 ul li._selected_1jpcc_51{background-color:#0d0;color:#000}div._menu_1jpcc_1._mono_1jpcc_131 ul li:hover,div._menu_1jpcc_1._mono_1jpcc_131 ul li._selected_1jpcc_51{background-color:#999;color:#000}div._menu_1jpcc_1._red_1jpcc_201 ul li:hover{background-color:#dd0;color:#000}div._menu_1jpcc_1._red_1jpcc_201 ul li._selected_1jpcc_51{background-color:#ff0;color:#600}div._menu_1jpcc_1._blue_1jpcc_221 ul li._separator_1jpcc_69{border-color:#fff}div._menu_1jpcc_1._dark_1jpcc_141 ul li._separator_1jpcc_69{border-color:#ff0}div._menu_1jpcc_1._green_1jpcc_161 ul li._separator_1jpcc_69{border-color:#0f0}div._menu_1jpcc_1._cyan_1jpcc_101 ul li._separator_1jpcc_69{border-color:#fff}div._menu_1jpcc_1._red_1jpcc_201 ul li._separator_1jpcc_69{color:#dd0}div._gb_1l8j1_1{background-color:#066;overflow:hidden;padding:.25em;position:relative}label._gb_1l8j1_1{color:#fff}label._gb_1l8j1_1._green_1l8j1_23{color:#ff0}label._gb_1l8j1_1._dialog_1l8j1_31{color:#fff}div._gb_1l8j1_1._cyan_1l8j1_39{background-color:#000}div._gb_1l8j1_1._grey_1l8j1_47{background-color:#088}div._gb_1l8j1_1._red_1l8j1_55{background-color:#400}div._gb_1l8j1_1._green_1l8j1_23{background-color:#020}div._gb_1l8j1_1._dark_1l8j1_71{background-color:#000}div._gb_1l8j1_1._mono_1l8j1_79{background-color:#222}h1._heading_1jaeq_1{margin:.5em 0;font-size:1em;width:100%;border-style:solid;border-width:0 0 2px 0px;padding-bottom:.5em;font-weight:400}h1._blue_1jaeq_27._heading_1jaeq_1{color:#0ff}div._editable_1lfbo_1{cursor:pointer}div._pb_1lfbo_9 div._wrapper_1lfbo_9{background-color:#660;width:100%;height:1.5em}div._pb_1lfbo_9 div._wrapper_1lfbo_9 div{background-color:#ff0;height:1.5em}div._value_1lfbo_31{width:100%;text-align:center}div._editSpace_1lfbo_41{position:relative;width:100%;height:1em;overflow:hidden}div._cursor_1lfbo_55{position:absolute;height:.5em}div._cursor_1lfbo_55:before{content:"▲"}div._pb_1lfbo_9._dialog_1lfbo_77 div._value_1lfbo_31,div._pb_1lfbo_9._dialog_1lfbo_77 div._cursor_1lfbo_55{color:#ff0}div._pb_1lfbo_9._green_1lfbo_93 div._wrapper_1lfbo_9{background-color:#060}div._pb_1lfbo_9._green_1lfbo_93 div._wrapper_1lfbo_9 div{background-color:#0f0}div._pb_1lfbo_9._grey_1lfbo_109 div._value_1lfbo_31,div._pb_1lfbo_9._grey_1lfbo_109 div._cursor_1lfbo_55{color:#ff0}div._pb_1lfbo_9._mono_1lfbo_125 div._wrapper_1lfbo_9{background-color:#666}div._pb_1lfbo_9._mono_1lfbo_125 div._wrapper_1lfbo_9 div{background-color:#fff}div._pb_1lfbo_9._mono_1lfbo_125 div._cursor_1lfbo_55,div._pb_1lfbo_9._mono_1lfbo_125 div._value_1lfbo_31{color:#fff}div._pb_1lfbo_9:focus-within>label{color:#fff}div._pb_1lfbo_9._green_1lfbo_93:focus-within>label{color:#ff0}div._nv_hojc4_1{width:100%}div._nv_hojc4_1>._label_hojc4_9{color:#fff}._value_hojc4_17{flex-grow:1}div._nv_hojc4_1>._label_hojc4_9._blue_hojc4_25{color:#0ff}div._nv_hojc4_1>._label_hojc4_9._green_hojc4_33{color:#ff0}div._nv_hojc4_1>._label_hojc4_9._grey_hojc4_41{color:#333}div._nv_hojc4_1>._label_hojc4_9._dialog_hojc4_49{color:#111}label._rb_khpw4_1{cursor:pointer}input._rb_khpw4_1:before{content:"( )"}input._rb_khpw4_1:checked:before{content:"(•)"}input._rb_khpw4_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._rb_khpw4_1:disabled{color:#999!important}label._rb_khpw4_1._disabled_khpw4_51{color:#999!important}input._rb_khpw4_1+label._rb_khpw4_1:hover{color:#fff}input._rb_khpw4_1:hover{color:#fff}input._rb_khpw4_1._mono_khpw4_75:disabled{color:#444!important}label._rb_khpw4_1._mono_khpw4_75._disabled_khpw4_51{color:#444!important}input._rb_khpw4_1._dialog_khpw4_91:disabled{color:#999}label._rb_khpw4_1._dialog_khpw4_91._disabled_khpw4_51{color:#999}input._rb_khpw4_1._green_khpw4_107+label._rb_khpw4_1:hover{color:#ff0}input._rb_khpw4_1._green_khpw4_107:hover{color:#ff0}input._rb_khpw4_1._dialog_khpw4_91+label._rb_khpw4_1:hover{color:#ff0}input._rb_khpw4_1._dialog_khpw4_91:hover{color:#ff0}label._rb_khpw4_1._dialog_khpw4_91,input._rb_khpw4_1._dialog_khpw4_91{color:#fff}table._tb_232o0_1{position:absolute;left:0;top:0;width:100%;height:auto;border-collapse:collapse;overflow:auto}tr._hdr_232o0_21{background-color:#000}table._tb_232o0_1>thead>tr>th{font-weight:400;color:#fff;padding:3px;position:sticky;top:0;z-index:2;background-color:inherit}._ptr_232o0_51{cursor:pointer}table._tb_232o0_1>tbody>tr>td{padding:3px}table._tb_232o0_1>tbody>tr._alt_232o0_67>td{background-color:#0003}table._tb_232o0_1>tbody>tr:hover{background-color:#0006}th>span._icon_232o0_83{position:absolute;right:0}th>span._iconR_232o0_93{left:0;right:unset}table._tb_232o0_1._blue_232o0_107>thead>tr>th{color:#0ff}table._tb_232o0_1._red_232o0_115>thead>tr>th{color:#fff;background-color:#500}table._tb_232o0_1._green_232o0_125>thead>tr>th{color:#ff0;background-color:#050}table._tb_232o0_1._dialog_232o0_135>thead>tr>th{color:#ff0;background-color:#055}div._field_1sopd_1{display:flex}div._field_1sopd_1>div{flex:1}div._err_1sopd_17{color:red}body{padding:0;margin:0;background-color:#033;font-family:monospace;font-size:14px;color:#fff}
1
+ button{cursor:pointer}button:disabled{color:#bbb!important;cursor:not-allowed;pointer-events:none}button._text_153u7_13:before{content:"[ "}button._text_153u7_13:after{content:" ]"}button._fill_153u7_21{width:100%;height:100%}button._btn_153u7_28{font-weight:700;color:#333;background-color:#090;font-family:monospace;padding:.2em 1em;margin:0 .5em .5em 0;border-style:none;box-shadow:.5em .65em 3px #00000080}button._default_153u7_39._btn_153u7_28{color:#0ff}button._btn_153u7_28:focus{color:#fff}button._btn_153u7_28:hover:not(:disabled){color:#fff;transform:translate3d(.05em,.05em,.9em);box-shadow:.4em .4em 3px #00000080}button._btn_153u7_28:active:not(:disabled){transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_153u7_28._down_153u7_59{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32;opacity:1}button._btn_153u7_28._down_153u7_59:hover{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_153u7_28:focus{outline:red}button._plain_153u7_77{font-weight:bolder;margin:0;display:inline-block;padding:4px 10px;font-family:monospace;font-size:.9em;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;color:#000;background-color:#777;border:0px solid #666;box-shadow:0 0 4px #666}button._plain_153u7_77:hover{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd}button._plain_153u7_77:active{transform:translate(1px,1px) scale(.98)}button._plain_153u7_77._down_153u7_59{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd;transform:translate(1px,1px) scale(.98)}button._link_153u7_115{background-color:inherit;color:#0f0;font-family:monospace;border:none;margin:0;padding:0}button._link_153u7_115:hover{color:#ff0}button._link_153u7_115:active{color:#ff0;transform:scale(.95)}._plain_153u7_77._default_153u7_39{color:#fff}._plain_153u7_77._green_153u7_139{color:#0f0;background-color:#030;border:1px solid #00ff00;box-shadow:0 0 4px #0f0}._plain_153u7_77._green_153u7_139:hover{background-color:#050;color:#3c0;box-shadow:0 0 6px #0f8}._plain_153u7_77._green_153u7_139._down_153u7_59{background-color:#0a0;color:#ff0;box-shadow:0 0 6px #0f8}._plain_153u7_77._green_153u7_139._default_153u7_39{color:#ff0}._plain_153u7_77._blue_153u7_163{color:#0cc;background-color:#077;border:1px solid #099}._plain_153u7_77._blue_153u7_163:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_153u7_77._blue_153u7_163._down_153u7_59{background-color:#0cc;color:#fff;box-shadow:0 0 6px #0f8}._plain_153u7_77._blue_153u7_163._default_153u7_39{color:#aff}._link_153u7_115._blue_153u7_163:hover:not(:disabled){background-color:#090;color:#ff0}._plain_153u7_77._cyan_153u7_193{color:#000;background-color:#099;border:1px solid #099}._plain_153u7_77._cyan_153u7_193:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_153u7_77._cyan_153u7_193._down_153u7_59{background-color:#0cc;color:#fff;box-shadow:0 0 6px #0f8}._plain_153u7_77._cyan_153u7_193._default_153u7_39{color:#0ff}._link_153u7_115._cyan_153u7_193{color:#fff}._link_153u7_115._cyan_153u7_193:hover:not(:disabled){background-color:#000;color:#ff7}._plain_153u7_77._dark_153u7_225{background-color:#770;color:#ff0}._plain_153u7_77._dark_153u7_225:hover{background-color:#990;color:#330;box-shadow:0 0 6px #880}._plain_153u7_77._dark_153u7_225._default_153u7_39{color:#fff}._plain_153u7_77._dark_153u7_225._down_153u7_59{background-color:#ff0}._link_153u7_115._dark_153u7_225{color:#bb0}._link_153u7_115._dark_153u7_225:hover:not(:disabled){background-color:#bb0;color:#000}button._btn_153u7_28._grey_153u7_254{background-color:#ddd}button._btn_153u7_28._grey_153u7_254:active:not(:disabled){background-color:#ddd}._link_153u7_115._grey_153u7_254{color:#222}._link_153u7_115._grey_153u7_254:hover:not(:disabled){background-color:#090;color:#000}._link_153u7_115._dialog_153u7_271{color:#ff0}._link_153u7_115._dialog_153u7_271:hover:not(:disabled){background-color:#090;color:#fff}button._btn_153u7_28._red_153u7_281{background-color:red;color:#ff0}button._btn_153u7_28._red_153u7_281:active:not(:disabled){background:red}._link_153u7_115._red_153u7_281{color:#fff}._link_153u7_115._red_153u7_281:hover:not(:disabled){background-color:red;color:#ff0}._plain_153u7_77._red_153u7_281{color:#ff0;background-color:#900;border:1px solid #900;box-shadow:0 0 4px red}._plain_153u7_77._red_153u7_281:hover{background-color:#a00;color:#ff0;box-shadow:0 0 6px red}._plain_153u7_77._red_153u7_281._down_153u7_59{background-color:red;color:#ff0;box-shadow:0 0 6px red}._plain_153u7_77._default_153u7_39._red_153u7_281{color:#fff}button._btn_153u7_28._mono_153u7_322{background-color:#ddd}button._btn_153u7_28._mono_153u7_322:active:not(:disabled){background-color:#ddd}._link_153u7_115._mono_153u7_322{color:#999}._link_153u7_115._mono_153u7_322:hover:not(:disabled){background-color:#999;color:#000}button._btn_153u7_28._dark_153u7_225{background-color:#aa0;color:#000}button._btn_153u7_28._dark_153u7_225:active:not(:disabled){background-color:#bb0}div._cbWrapper_vu1th_1:focus-within>label{color:#fff}div._cbWrapper_vu1th_1:focus-within>input{color:#fff}label._cb_vu1th_1{cursor:pointer}input._cb_vu1th_1:before{content:"[ ]"}input._cb_vu1th_1:checked:before{content:"[x]"}input._cb_vu1th_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._cb_vu1th_1:disabled{color:#999!important}label._cb_vu1th_1._disabled_vu1th_33{color:#999!important}input._cb_vu1th_1+label._cb_vu1th_1:hover{color:#fff}input._cb_vu1th_1:hover{color:#fff}input._cb_vu1th_1._mono_vu1th_45:disabled{color:#444!important}label._cb_vu1th_1._mono_vu1th_45._disabled_vu1th_33{color:#444!important}input._cb_vu1th_1._dialog_vu1th_53:disabled{color:#999}label._cb_vu1th_1._dialog_vu1th_53._disabled_vu1th_33{color:#999}input._cb_vu1th_1._green_vu1th_61+label._cb_vu1th_1:hover{color:#ff0}input._cb_vu1th_1._green_vu1th_61:hover{color:#ff0}input._cb_vu1th_1._dialog_vu1th_53+label._cb_vu1th_1:hover{color:#fff}input._cb_vu1th_1._dialog_vu1th_53:hover{color:#fff}label._cb_vu1th_1._dialog_vu1th_53,input._cb_vu1th_1._dialog_vu1th_53{color:#000}input._tb_2zn0x_1{flex-grow:1;margin:.5em 0;padding:0;border-style:solid;border-width:0;font-family:monospace;text-decoration:none;outline:none;background-color:inherit;color:inherit}input._tb_2zn0x_1:disabled{color:#999}input._tb_2zn0x_1[type=number]::-webkit-inner-spin-button,input._tb_2zn0x_1[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div._tb_2zn0x_1{background-color:#000;color:#ff0;width:100%;display:flex}div._tb_2zn0x_1:focus-within{background-color:#222}div._tb_2zn0x_1>div._prefix_2zn0x_37{min-width:1em;padding-top:.5em;padding-left:.5em}div._tb_2zn0x_1>div._prefix_2zn0x_37._empty_2zn0x_43{min-width:.25em}div._tbWrapper_2zn0x_49:focus-within>label{color:#fff}div._tbWrapper_2zn0x_49._green_2zn0x_52:focus-within>label{color:#ff0}div._tb_2zn0x_1._dialog_2zn0x_56{background-color:#006;color:#fff}div._tb_2zn0x_1._dialog_2zn0x_56:focus-within{background-color:#008}div._tb_2zn0x_1._blue_2zn0x_65{background-color:#000}div._tb_2zn0x_1._blue_2zn0x_65:focus-within{background-color:#222}div._tb_2zn0x_1._grey_2zn0x_73{color:#fff}div._tb_2zn0x_1._mono_2zn0x_77{background-color:#333;color:#fff}div._tb_2zn0x_1._red_2zn0x_82{background-color:#600;color:#ff0}div._tb_2zn0x_1._red_2zn0x_82:focus-within{background-color:#000;color:#ff0}div._tb_2zn0x_1._green_2zn0x_52{background-color:#020}div._tb_2zn0x_1._green_2zn0x_52:focus-within{background-color:#000}html{overscroll-behavior-x:none}div._glass_13zv8_5{position:fixed;inset:0;z-index:2}div._glass_13zv8_5._backdrop_13zv8_14{background-color:#000;opacity:.4;z-index:1}div._clickable_23vp6_2{cursor:pointer}div._fullSize_23vp6_6{width:100%;height:100%}div._main_23vp6_11{position:relative}div._shadow_23vp6_15{box-shadow:.5em .5em #000000bf}div._frameStd_23vp6_19{border-style:double;border-width:3px;position:relative}div._frameStd_23vp6_19._single_23vp6_25{border-style:solid;border-width:2px}div._frameStd_23vp6_19._borderless_23vp6_30{border-style:hidden;border-width:2px}div._contentWithTitle_23vp6_35{margin-top:.75em}div._close_23vp6_39{position:absolute}div._titleWrapper_23vp6_43{background-color:unset;text-align:center;width:calc(100% - 8em);position:absolute;left:4em;top:-.5em}div._title_23vp6_43{display:inline-block;width:auto;background-color:inherit;padding:0 .5em}div._close_23vp6_39 button._btn_23vp6_59{background-color:inherit;color:inherit;margin:0;padding:0;border-style:none;cursor:pointer;transition:transform .1s ease;transform:scale(1.25);outline:none}div._close_23vp6_39 button._btn_23vp6_59:active{transform:scale(1)}div._contentInsideWrapper_23vp6_75{width:100%;height:100%;overflow:auto}div._outerBox_23vp6_82{width:100%;height:100%;position:relative}div._outerBox_23vp6_82._shadow_23vp6_15{width:calc(100% - .5em);height:calc(100% - .5em);position:relative}div._outerBox_23vp6_82>div>div>div._frameStd_23vp6_19{position:absolute;inset:6px}div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{top:-.555em;left:3em}div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102._padding_23vp6_107{top:1em;left:1em;height:calc(100% - 2em);width:calc(100% - 2em);position:relative}div._outerBox_23vp6_82 div._content_23vp6_35{height:calc(100% - 1em);overflow:auto;position:relative}div._outerBox_23vp6_82 div._content_23vp6_35{height:100%;overflow:auto}div._outerBox_23vp6_82 div._content_23vp6_35._contentPadding_23vp6_126{height:calc(100% - 1em);margin-right:.5em}div._outerBox_23vp6_82 div._content_23vp6_35._contentPaddingSpace_23vp6_131{height:calc(100% - 3em)}div._outerBox_23vp6_82 div._contentWithTitle_23vp6_35{height:calc(100% - .75em)}div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39{top:-.75em;left:.5em}div._outerMargin_23vp6_146{padding:6px}div._autoSize_23vp6_150._space_23vp6_150{margin-bottom:.5em}div._autoSize_23vp6_150 div._shadow_23vp6_15{width:calc(100% - .5em)}div._autoSize_23vp6_150 div._padding_23vp6_107{padding:1em;position:relative}div._autoSize_23vp6_150 div._close_23vp6_39{top:-.75em;left:1.25em}div._autoSize_23vp6_150 div._padding_23vp6_107 div._close_23vp6_39{left:2em;top:.5em}div._autoSize_23vp6_150 div._title_23vp6_43{top:0;left:3.5em}div._autoSize_23vp6_150 div._padding_23vp6_107 div._title_23vp6_43{top:.5em;left:4.5em}div._contentPadding_23vp6_126{margin:.5em 1em .5em .5em}div._contentWithTitle_23vp6_35._contentPadding_23vp6_126{margin-top:.75em}div._contentPaddingSpace_23vp6_131{margin:1.5em}div._main_23vp6_11._blue_23vp6_203>div._frameBck_23vp6_203,div._main_23vp6_11._blue_23vp6_203>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._blue_23vp6_203>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._blue_23vp6_203>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._blue_23vp6_203>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._blue_23vp6_203>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#006;color:#fff}div._main_23vp6_11._cyan_23vp6_230>div._frameBck_23vp6_203,div._main_23vp6_11._cyan_23vp6_230>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._cyan_23vp6_230>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._cyan_23vp6_230>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._cyan_23vp6_230>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._cyan_23vp6_230>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#066;color:#fff}div._main_23vp6_11._dark_23vp6_257>div._frameBck_23vp6_203,div._main_23vp6_11._dark_23vp6_257>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._dark_23vp6_257>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._dark_23vp6_257>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._dark_23vp6_257>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._dark_23vp6_257>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#222;color:#ff0}div._main_23vp6_11._green_23vp6_284>div._frameBck_23vp6_203,div._main_23vp6_11._green_23vp6_284>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._green_23vp6_284>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._green_23vp6_284>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._green_23vp6_284>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._green_23vp6_284>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#030;color:#0f0}div._main_23vp6_11._grey_23vp6_316>div._frameBck_23vp6_203,div._main_23vp6_11._grey_23vp6_316>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._grey_23vp6_316>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._grey_23vp6_316>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._grey_23vp6_316>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#999;color:#000}div._main_23vp6_11._grey_23vp6_316>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39{background-color:#999;color:#000}div._main_23vp6_11._grey_23vp6_316>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39>button{color:#090}div._main_23vp6_11._dialog_23vp6_362>div._frameBck_23vp6_203,div._main_23vp6_11._dialog_23vp6_362>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._dialog_23vp6_362>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._dialog_23vp6_362>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._dialog_23vp6_362>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._dialog_23vp6_362>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#666;color:#fff}div._main_23vp6_11._dialog_23vp6_362>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39>button{color:#0f0}div._main_23vp6_11._mono_23vp6_404>div._frameBck_23vp6_203,div._main_23vp6_11._mono_23vp6_404>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._mono_23vp6_404>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._mono_23vp6_404>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._mono_23vp6_404>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._mono_23vp6_404>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#000;color:#999}div._main_23vp6_11._red_23vp6_431>div._frameBck_23vp6_203,div._main_23vp6_11._red_23vp6_431>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div>div._title_23vp6_43,div._main_23vp6_11._red_23vp6_431>div._frameBck_23vp6_203>div._outerMargin_23vp6_146>div>div._frameStd_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._red_23vp6_431>div._outerBox_23vp6_82>div._frameBck_23vp6_203,div._main_23vp6_11._red_23vp6_431>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div._close_23vp6_39,div._main_23vp6_11._red_23vp6_431>div._outerBox_23vp6_82>div._fullSize_23vp6_6>div._wrapper_23vp6_102>div._frame_23vp6_19>div>div._title_23vp6_43{background-color:#900;color:#ff0}div._main_23vp6_11._blue_23vp6_203 div._content_23vp6_35,div._main_23vp6_11._cyan_23vp6_230 div._content_23vp6_35{color:#ff0}div._main_23vp6_11._blue_23vp6_203 button._btn_23vp6_59{color:#0f0}div._contentInsideWrapper_23vp6_75._dialog_23vp6_362{color:#000}div._menu_278a8_1 ul{margin:0;padding:0;list-style:none}div._menu_278a8_1 ul li{padding:.5em;transition:background-color .75s ease,color .3s ease}div._menu_278a8_1 ul li a{text-decoration:none;color:inherit;display:block;width:100%;outline:none}div._menu_278a8_1 ul li:hover,div._menu_278a8_1 ul li._selected_278a8_26{background-color:#090}div._menu_278a8_1 ul li._disabled_278a8_30{color:#999!important;pointer-events:none}li._separator_278a8_35{border-style:solid;border-width:0 0 2px 0}li a span._secondary_278a8_40{float:right}li a span._prefix_278a8_44{width:1em;display:inline-block}div._menu_278a8_1._cyan_278a8_51 ul li:hover,div._menu_278a8_1._cyan_278a8_51 ul li._selected_278a8_26{background-color:#000;color:#ff0}div._menu_278a8_1._grey_278a8_61 ul li._disabled_278a8_30{color:#333!important;pointer-events:none}div._menu_278a8_1._mono_278a8_66 ul li._disabled_278a8_30{color:#444;pointer-events:none}div._menu_278a8_1._dark_278a8_71 ul li:hover,div._menu_278a8_1._dark_278a8_71 ul li._selected_278a8_26{background-color:#cc0;color:#000}div._menu_278a8_1._green_278a8_81 ul li:hover,div._menu_278a8_1._green_278a8_81 ul li._selected_278a8_26{background-color:#0d0;color:#000}div._menu_278a8_1._mono_278a8_66 ul li:hover,div._menu_278a8_1._mono_278a8_66 ul li._selected_278a8_26{background-color:#999;color:#000}div._menu_278a8_1._red_278a8_101 ul li:hover{background-color:#dd0;color:#000}div._menu_278a8_1._red_278a8_101 ul li._selected_278a8_26{background-color:#ff0;color:#600}div._menu_278a8_1._blue_278a8_111 ul li._separator_278a8_35{border-color:#fff}div._menu_278a8_1._dark_278a8_71 ul li._separator_278a8_35{border-color:#ff0}div._menu_278a8_1._green_278a8_81 ul li._separator_278a8_35{border-color:#0f0}div._menu_278a8_1._cyan_278a8_51 ul li._separator_278a8_35{border-color:#fff}div._menu_278a8_1._red_278a8_101 ul li._separator_278a8_35{color:#dd0}div._gb_11c0s_1{background-color:#066;overflow:hidden;padding:.25em;position:relative}label._gb_11c0s_1{color:#fff}label._gb_11c0s_1._green_11c0s_12{color:#ff0}label._gb_11c0s_1._dialog_11c0s_16{color:#fff}div._gb_11c0s_1._cyan_11c0s_20{background-color:#000}div._gb_11c0s_1._grey_11c0s_24{background-color:#088}div._gb_11c0s_1._red_11c0s_28{background-color:#400}div._gb_11c0s_1._green_11c0s_12{background-color:#020}div._gb_11c0s_1._dark_11c0s_36{background-color:#000}div._gb_11c0s_1._mono_11c0s_40{background-color:#222}h1._heading_91071_1{margin:.5em 0;font-size:1em;width:100%;border-style:solid;border-width:0 0 2px 0px;padding-bottom:.5em;font-weight:400}h1._blue_91071_14._heading_91071_1{color:#0ff}div._editable_r4hjn_1{cursor:pointer}div._pb_r4hjn_5 div._wrapper_r4hjn_5{background-color:#660;width:100%;height:1.5em}div._pb_r4hjn_5 div._wrapper_r4hjn_5 div{background-color:#ff0;height:1.5em}div._value_r4hjn_16{width:100%;text-align:center}div._editSpace_r4hjn_21{position:relative;width:100%;height:1em;overflow:hidden}div._cursor_r4hjn_28{position:absolute;height:.5em}div._cursor_r4hjn_28:before{content:"▲"}div._pb_r4hjn_5._dialog_r4hjn_39 div._value_r4hjn_16,div._pb_r4hjn_5._dialog_r4hjn_39 div._cursor_r4hjn_28{color:#ff0}div._pb_r4hjn_5._green_r4hjn_47 div._wrapper_r4hjn_5{background-color:#060}div._pb_r4hjn_5._green_r4hjn_47 div._wrapper_r4hjn_5 div{background-color:#0f0}div._pb_r4hjn_5._grey_r4hjn_55 div._value_r4hjn_16,div._pb_r4hjn_5._grey_r4hjn_55 div._cursor_r4hjn_28{color:#ff0}div._pb_r4hjn_5._mono_r4hjn_63 div._wrapper_r4hjn_5{background-color:#666}div._pb_r4hjn_5._mono_r4hjn_63 div._wrapper_r4hjn_5 div{background-color:#fff}div._pb_r4hjn_5._mono_r4hjn_63 div._cursor_r4hjn_28,div._pb_r4hjn_5._mono_r4hjn_63 div._value_r4hjn_16{color:#fff}div._pb_r4hjn_5:focus-within>label{color:#fff}div._pb_r4hjn_5._green_r4hjn_47:focus-within>label{color:#ff0}div._nv_1r7hs_1{width:100%}div._nv_1r7hs_1>._label_1r7hs_5{color:#fff}._value_1r7hs_9{flex-grow:1}div._nv_1r7hs_1>._label_1r7hs_5._blue_1r7hs_13{color:#0ff}div._nv_1r7hs_1>._label_1r7hs_5._green_1r7hs_17{color:#ff0}div._nv_1r7hs_1>._label_1r7hs_5._grey_1r7hs_21{color:#333}div._nv_1r7hs_1>._label_1r7hs_5._dialog_1r7hs_25{color:#111}div._rbWrapper_1mldh_1:focus-within>label{color:#fff}div._rbWrapper_1mldh_1:focus-within>input{color:#fff}label._rb_1mldh_1{cursor:pointer}input._rb_1mldh_1:before{content:"( )"}input._rb_1mldh_1:checked:before{content:"(•)"}input._rb_1mldh_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._rb_1mldh_1:disabled{color:#999!important}label._rb_1mldh_1._disabled_1mldh_33{color:#999!important}input._rb_1mldh_1+label._rb_1mldh_1:hover{color:#fff}input._rb_1mldh_1:hover{color:#fff}input._rb_1mldh_1._mono_1mldh_45:disabled{color:#444!important}label._rb_1mldh_1._mono_1mldh_45._disabled_1mldh_33{color:#444!important}input._rb_1mldh_1._dialog_1mldh_53:disabled{color:#999}label._rb_1mldh_1._dialog_1mldh_53._disabled_1mldh_33{color:#999}div._rbWrapper_1mldh_1>label._rb_1mldh_1._green_1mldh_61:hover{color:#ff0}div._rbWrapper_1mldh_1._green_1mldh_61>input:hover{color:#ff0}input._rb_1mldh_1._green_1mldh_61:hover{color:#ff0}input._rb_1mldh_1._dialog_1mldh_53+label._rb_1mldh_1:hover{color:#ff0}input._rb_1mldh_1._dialog_1mldh_53:hover{color:#ff0}label._rb_1mldh_1._dialog_1mldh_53,input._rb_1mldh_1._dialog_1mldh_53{color:#000}div._rbWrapper_1mldh_1._green_1mldh_61:focus-within>label{color:#ff0}div._rbWrapper_1mldh_1._green_1mldh_61:focus-within>input{color:#ff0}table._tb_h5mf5_1{position:absolute;left:0;top:0;width:100%;height:auto;border-collapse:collapse;overflow:auto}tr._hdr_h5mf5_11{background-color:#000}table._tb_h5mf5_1>thead>tr>th{font-weight:400;color:#fff;padding:3px;position:sticky;top:0;z-index:2;background-color:inherit}._ptr_h5mf5_26{cursor:pointer}table._tb_h5mf5_1>tbody>tr>td{padding:3px}table._tb_h5mf5_1>tbody>tr._alt_h5mf5_34>td{background-color:#0003}table._tb_h5mf5_1>tbody>tr:hover{background-color:#0006}th>span._icon_h5mf5_42{position:absolute;right:0}th>span._iconR_h5mf5_47{left:0;right:unset}table._tb_h5mf5_1._blue_h5mf5_54>thead>tr>th{color:#0ff}table._tb_h5mf5_1._red_h5mf5_58>thead>tr>th{color:#fff;background-color:#500}table._tb_h5mf5_1._green_h5mf5_63>thead>tr>th{color:#ff0;background-color:#050}table._tb_h5mf5_1._dialog_h5mf5_68>thead>tr>th{color:#ff0;background-color:#055}div._field_w8oiv_1{display:flex}div._field_w8oiv_1>div{flex:1}div._err_w8oiv_9{color:red}body{padding:0;margin:0;background-color:#033;font-family:monospace;font-size:14px;color:#fff}
package/dist/index.d.ts CHANGED
@@ -41,7 +41,7 @@ declare interface ILayerManager {
41
41
  export declare const InputUtils: {
42
42
  handleChange: (newValue: string, p: TInputProps) => string;
43
43
  newDataContext: () => IDataContext;
44
- newFormContext: (dataContext: IDataContext, updateDataContext: (fct: (prev: IDataContext) => IDataContext) => void) => TFormContext;
44
+ newFormContext: (dataContext: IDataContext, updateDataContext: (fct: (prev: IDataContext) => IDataContext) => void, updateCallback?: (chgInfo: TDataContextChange) => void) => TFormContext;
45
45
  getDataContent: typeof getDataContent;
46
46
  getInitialState: typeof getInitialState;
47
47
  };
@@ -62,7 +62,7 @@ export declare const StrUtils: {
62
62
  parseDateTime: (x: string | number | undefined) => DateTime | undefined;
63
63
  };
64
64
 
65
- export declare type TAlignType = "left" | "center" | "right";
65
+ export declare type TAlignType = 'left' | 'center' | 'right';
66
66
 
67
67
  export declare function TAppContainer(p: TAppContainerProps): JSX.Element;
68
68
 
@@ -112,7 +112,7 @@ export declare type TButtonProps = TControlProps & {
112
112
  onClick?: () => void;
113
113
  };
114
114
 
115
- export declare type TButtonVariant = "standard" | "plain" | "link" | "text";
115
+ export declare type TButtonVariant = 'standard' | 'plain' | 'link' | 'text';
116
116
 
117
117
  export declare function TCheckbox(p: TCheckBoxProps): JSX.Element;
118
118
 
@@ -120,7 +120,7 @@ export declare type TCheckBoxProps = TInputProps & {
120
120
  caption?: string;
121
121
  };
122
122
 
123
- export declare type TClosingEffect = "resize" | "opacity";
123
+ export declare type TClosingEffect = 'resize' | 'opacity';
124
124
 
125
125
  export declare type TClosingEffectProps = {
126
126
  animationDuration?: number;
@@ -157,6 +157,11 @@ export declare type TDataContent = {
157
157
 
158
158
  export declare type TDataContentItem = string | TDataContent | TDataContent[];
159
159
 
160
+ export declare type TDataContextChange = {
161
+ id: string;
162
+ newValue: TFormValueType;
163
+ };
164
+
160
165
  export declare type TDataContextValue = TFormValue;
161
166
 
162
167
  export declare type TDateTimeFormat = 'datetime' | 'date' | 'time';
@@ -175,7 +180,7 @@ export declare type TDialogContext<T, C> = {
175
180
  submit: (result: TDialogSubmitFctResult<T>) => void;
176
181
  };
177
182
 
178
- export declare type TDialogModalResult = "ok";
183
+ export declare type TDialogModalResult = 'ok';
179
184
 
180
185
  export declare type TDialogProps = TPaletteProps & {
181
186
  header?: React.ReactNode;
@@ -214,9 +219,9 @@ export declare type TDialogWrapperProps<T, C> = {
214
219
 
215
220
  export declare function TDropDown(p: TDropDownProps): JSX.Element;
216
221
 
217
- export declare type TDropDownMode = "select" | "combo";
222
+ export declare type TDropDownMode = 'select' | 'combo';
218
223
 
219
- export declare type TDropDownProps = Omit<TTextBoxProps, "mode"> & {
224
+ export declare type TDropDownProps = Omit<TTextBoxProps, 'mode'> & {
220
225
  hasFilter?: boolean;
221
226
  filterCaption?: string;
222
227
  items: TMenuItem[];
@@ -274,14 +279,17 @@ export declare type TFormFieldProps = TPaletteProps & {
274
279
  buttonProps?: TToggleButtonProps;
275
280
  checkBoxProps?: TCheckBoxProps;
276
281
  dropDownProps?: TDropDownProps;
277
- formProps?: Omit<TFormProps, "context" | "children">;
282
+ formProps?: Omit<TFormProps, 'context' | 'children'>;
278
283
  progressBarProps?: TProgressBarProps;
279
- templateProps?: Omit<TFormTemplateProps, "items" | "onUpdateItems">;
284
+ radioGroupProps?: TRadioGroupProps;
285
+ templateProps?: Omit<TFormTemplateProps, 'items' | 'onUpdateItems'>;
280
286
  textBoxProps?: TTextBoxProps;
281
287
  onAction?: (id: string, customData: unknown) => void;
288
+ onChange?: (newValue: string, id: string) => void;
289
+ onChanging?: (newValue: string, id: string) => string;
282
290
  };
283
291
 
284
- export declare type TFormFieldType = "checkbox" | "toggle" | "progress" | "textbox" | "dropdown" | "form" | "template";
292
+ export declare type TFormFieldType = 'checkbox' | 'radiogroup' | 'toggle' | 'progress' | 'textbox' | 'dropdown' | 'form' | 'template';
285
293
 
286
294
  export declare type TFormProps = {
287
295
  disabled?: boolean;
@@ -316,11 +324,11 @@ export declare type TFormValue = {
316
324
  export declare type TFormValueType = string | TFormValueTypeDataCtx | TFormValueTypeList;
317
325
 
318
326
  export declare type TFormValueTypeDataCtx = IDataContext & {
319
- mode: "datacontext";
327
+ mode: 'datacontext';
320
328
  };
321
329
 
322
330
  export declare type TFormValueTypeList = {
323
- mode: "list";
331
+ mode: 'list';
324
332
  items: IDataContext[];
325
333
  };
326
334
 
@@ -354,7 +362,7 @@ export declare function THeading(p: THeadingProps): JSX.Element;
354
362
 
355
363
  export declare type THeadingProps = TViewProps;
356
364
 
357
- export declare type THorizAlignMode = "right";
365
+ export declare type THorizAlignMode = 'right';
358
366
 
359
367
  export declare function THorizLayout(p: THorizLayoutProps): JSX.Element;
360
368
 
@@ -387,7 +395,7 @@ export declare type TMenuEventHandlerRef = {
387
395
  export declare type TMenuItem = {
388
396
  id: string;
389
397
  disabled?: boolean;
390
- label?: string;
398
+ caption?: string;
391
399
  prefix?: string;
392
400
  prefixColor?: string;
393
401
  prefixWidth?: string | number;
@@ -434,7 +442,7 @@ export declare type TNotificationProps = TViewProps & {
434
442
  timeout?: number;
435
443
  };
436
444
 
437
- export declare type TPalette = "blue" | "green" | "cyan" | "grey" | "dark" | "red" | "dialog" | "mono";
445
+ export declare type TPalette = 'blue' | 'green' | 'cyan' | 'grey' | 'dark' | 'red' | 'dialog' | 'mono';
438
446
 
439
447
  export declare type TPaletteProps = {
440
448
  palette?: TPalette;
@@ -461,6 +469,15 @@ export declare type TRadioButtonProps = TInputProps & {
461
469
  caption?: string;
462
470
  };
463
471
 
472
+ export declare type TRadioGroupItem = {
473
+ id: string;
474
+ caption: string;
475
+ };
476
+
477
+ export declare type TRadioGroupProps = {
478
+ items: TRadioGroupItem[];
479
+ };
480
+
464
481
  export declare type TRect = {
465
482
  x?: number | string;
466
483
  y?: number | string;
@@ -484,7 +501,7 @@ export declare type TTableColumnProps<T extends object> = {
484
501
  caption?: string | React.ReactNode;
485
502
  data?: TTableValueProvider<T>;
486
503
  icon?: string;
487
- sortIcon?: "up" | "down";
504
+ sortIcon?: 'up' | 'down';
488
505
  width?: string | number;
489
506
  };
490
507
 
@@ -499,7 +516,7 @@ export declare type TTableValueProvider<T> = string | React.ReactNode | ((item:
499
516
 
500
517
  export declare function TTextBox(p: TTextBoxProps): JSX.Element;
501
518
 
502
- export declare type TTextBoxMode = "text" | "password" | "number" | "email";
519
+ export declare type TTextBoxMode = 'text' | 'password' | 'number' | 'email';
503
520
 
504
521
  export declare type TTextBoxProps = TInputProps & {
505
522
  align?: TAlignType;
@@ -577,13 +594,13 @@ declare type TWidthCategory = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
577
594
 
578
595
  export declare function TWindow(p: TWindowProps): JSX.Element;
579
596
 
580
- export declare type TWindowInnerPadding = "none" | "space";
597
+ export declare type TWindowInnerPadding = 'none' | 'space';
581
598
 
582
599
  export declare type TWindowProps = TPaletteProps & {
583
600
  children?: React.ReactNode;
584
601
  fill?: boolean;
585
602
  noShadow?: boolean;
586
- border?: "std" | "single" | "none";
603
+ border?: 'std' | 'single' | 'none';
587
604
  outerPadding?: boolean;
588
605
  innerPadding?: TWindowInnerPadding;
589
606
  caption?: string;
@@ -638,7 +655,7 @@ export declare function useMouseValue(ref: {
638
655
  }) => void;
639
656
  };
640
657
 
641
- export declare function useNewFormContext(initialState: IDataContext | undefined): TFormContext;
658
+ export declare function useNewFormContext(initialState: IDataContext | undefined, onCtxChange?: (prev: IDataContext) => IDataContext): TFormContext;
642
659
 
643
660
  export declare function useNotifications(): {
644
661
  show: (msg: string | default_2.ReactNode, p?: TNotificationProps) => void;