@mrreality255/turbo-react 0.0.5 → 0.0.6

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.
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_1pooi_25:before{content:"[ "}button._text_1pooi_25:after{content:" ]"}button._fill_1pooi_41{width:100%;height:100%}button._btn_1pooi_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_1pooi_77._btn_1pooi_55{color:#0ff}button._btn_1pooi_55:focus{color:#fff}button._btn_1pooi_55:hover:not(:disabled){color:#fff;transform:translate3d(.05em,.05em,.9em);box-shadow:.4em .4em 3px #00000080}button._btn_1pooi_55:active:not(:disabled){transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_1pooi_55:focus{outline:red}button._plain_1pooi_127{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_1pooi_127:hover{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd}button._plain_1pooi_127:active{transform:translate(1px,1px) scale(.98)}button._link_1pooi_189{background-color:inherit;color:#0f0;font-family:monospace;border:none;margin:0;padding:0}button._link_1pooi_189:hover{color:#ff0}button._link_1pooi_189:active{color:#ff0;transform:scale(.95)}._plain_1pooi_127._default_1pooi_77{color:#fff}._plain_1pooi_127._green_1pooi_237{color:#0f0;background-color:#030;border:1px solid #00ff00;box-shadow:0 0 4px #0f0}._plain_1pooi_127._green_1pooi_237:hover{background-color:#050;color:#0f8;box-shadow:0 0 6px #0f8}._plain_1pooi_127._green_1pooi_237._default_1pooi_77{color:#ff0}._plain_1pooi_127._blue_1pooi_273{color:#000;background-color:#099;border:1px solid #099}._plain_1pooi_127._blue_1pooi_273:hover{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_1pooi_127._blue_1pooi_273._default_1pooi_77{color:#aff}._link_1pooi_189._blue_1pooi_273:hover:not(:disabled){background-color:#090;color:#ff0}._plain_1pooi_127._cyan_1pooi_321{color:#000;background-color:#099;border:1px solid #099}._plain_1pooi_127._cyan_1pooi_321:hover{background-color:#055;color:#0fa;box-shadow:0 0 6px #0f8}._plain_1pooi_127._cyan_1pooi_321._default_1pooi_77{color:#0ff}._link_1pooi_189._cyan_1pooi_321{color:#fff}._link_1pooi_189._cyan_1pooi_321:hover:not(:disabled){background-color:#000;color:#ff7}._plain_1pooi_127._dark_1pooi_373{color:#ff0}._plain_1pooi_127._dark_1pooi_373._default_1pooi_77{color:#fff}._link_1pooi_189._dark_1pooi_373{color:#bb0}._link_1pooi_189._dark_1pooi_373:hover:not(:disabled){background-color:#bb0;color:#000}button._btn_1pooi_55._grey_1pooi_409{background-color:#ddd}button._btn_1pooi_55._grey_1pooi_409:active:not(:disabled){background-color:#ddd}._link_1pooi_189._grey_1pooi_409{color:#222}._link_1pooi_189._grey_1pooi_409:hover:not(:disabled){background-color:#090;color:#000}._link_1pooi_189._dialog_1pooi_443{color:#ff0}._link_1pooi_189._dialog_1pooi_443:hover:not(:disabled){background-color:#090;color:#fff}button._btn_1pooi_55._red_1pooi_463{background-color:red;color:#ff0}button._btn_1pooi_55._red_1pooi_463:active:not(:disabled){background:red}._link_1pooi_189._red_1pooi_463{color:#fff}._link_1pooi_189._red_1pooi_463:hover:not(:disabled){background-color:red;color:#ff0}._plain_1pooi_127._red_1pooi_463{color:#ff0;background-color:#900;border:1px solid #900;box-shadow:0 0 4px red}._plain_1pooi_127._red_1pooi_463:hover{background-color:#500;color:#ff0;box-shadow:0 0 6px red}._plain_1pooi_127._default_1pooi_77._red_1pooi_463{color:#fff}button._btn_1pooi_55._mono_1pooi_533{background-color:#ddd}button._btn_1pooi_55._mono_1pooi_533:active:not(:disabled){background-color:#ddd}._link_1pooi_189._mono_1pooi_533{color:#999}._link_1pooi_189._mono_1pooi_533:hover:not(:disabled){background-color:#999;color:#000}button._btn_1pooi_55._dark_1pooi_373{background-color:#aa0;color:#000}button._btn_1pooi_55._dark_1pooi_373:active:not(:disabled){background-color:#bb0}label._cb_1824p_1{cursor:pointer}input._cb_1824p_1:before{content:"[ ]"}input._cb_1824p_1:checked:before{content:"[x]"}input._cb_1824p_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._cb_1824p_1:disabled{color:#999!important}label._cb_1824p_1._disabled_1824p_51{color:#999!important}input._cb_1824p_1+label._cb_1824p_1:hover{color:#fff}input._cb_1824p_1:hover{color:#fff}input._cb_1824p_1._mono_1824p_75:disabled{color:#444!important}label._cb_1824p_1._mono_1824p_75._disabled_1824p_51{color:#444!important}input._cb_1824p_1._dialog_1824p_91:disabled{color:#999}label._cb_1824p_1._dialog_1824p_91._disabled_1824p_51{color:#999}input._cb_1824p_1._green_1824p_107+label._cb_1824p_1:hover{color:#ff0}input._cb_1824p_1._green_1824p_107:hover{color:#ff0}input._cb_1824p_1._dialog_1824p_91+label._cb_1824p_1:hover{color:#ff0}input._cb_1824p_1._dialog_1824p_91:hover{color:#ff0}label._cb_1824p_1._dialog_1824p_91,input._cb_1824p_1._dialog_1824p_91{color:#fff}input._tb_16rjd_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_16rjd_1:disabled{color:#999}input._tb_16rjd_1[type=number]::-webkit-inner-spin-button,input._tb_16rjd_1[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div._tb_16rjd_1{background-color:#000;color:#ff0;width:100%;display:flex}div._tb_16rjd_1:focus-within{background-color:#222}div._tb_16rjd_1>div._prefix_16rjd_73{min-width:1em;padding-top:.5em;padding-left:.5em}div._tb_16rjd_1>div._prefix_16rjd_73._empty_16rjd_85{min-width:.25em}div._tb_16rjd_1._dialog_16rjd_97{background-color:#006;color:#fff}div._tb_16rjd_1._dialog_16rjd_97:focus-within{background-color:#008}div._tb_16rjd_1._blue_16rjd_115{background-color:#000}div._tb_16rjd_1._blue_16rjd_115:focus-within{background-color:#222}div._tb_16rjd_1._grey_16rjd_131{color:#fff}div._tb_16rjd_1._mono_16rjd_139{background-color:#333;color:#fff}div._tb_16rjd_1._red_16rjd_149{background-color:#600;color:#ff0}div._tb_16rjd_1._red_16rjd_149:focus-within{background-color:#000;color:#ff0}div._tb_16rjd_1._green_16rjd_169{background-color:#020}div._tb_16rjd_1._green_16rjd_169: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_yr9y6_3{cursor:pointer}div._fullSize_yr9y6_11{width:100%;height:100%}div._main_yr9y6_21{position:relative}div._shadow_yr9y6_29{box-shadow:.5em .5em #000000bf}div._frameStd_yr9y6_37{border-style:double;border-width:3px;position:relative}div._frameStd_yr9y6_37._single_yr9y6_49{border-style:solid;border-width:2px}div._frameStd_yr9y6_37._borderless_yr9y6_59{border-style:hidden;border-width:2px}div._contentWithTitle_yr9y6_69{margin-top:.75em}div._close_yr9y6_77{position:absolute}div._titleWrapper_yr9y6_85{background-color:unset;text-align:center;width:calc(100% - 8em);position:absolute;left:4em;top:-.5em}div._title_yr9y6_85{display:inline-block;width:auto;background-color:inherit;padding:0 .5em}div._close_yr9y6_77 button._btn_yr9y6_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_yr9y6_77 button._btn_yr9y6_117:active{transform:scale(1)}div._contentInsideWrapper_yr9y6_149{width:100%;height:100%;overflow:auto}div._outerBox_yr9y6_163{width:100%;height:100%;position:relative}div._outerBox_yr9y6_163._shadow_yr9y6_29{width:calc(100% - .5em);height:calc(100% - .5em);position:relative}div._outerBox_yr9y6_163>div>div>div._frameStd_yr9y6_37{position:absolute;inset:6px}div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{top:-.555em;left:3em}div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203._padding_yr9y6_213{top:1em;left:1em;height:calc(100% - 2em);width:calc(100% - 2em);position:relative}div._outerBox_yr9y6_163 div._content_yr9y6_69{height:calc(100% - 1em);overflow:auto;position:relative}div._outerBox_yr9y6_163 div._content_yr9y6_69{height:100%;overflow:auto}div._outerBox_yr9y6_163 div._content_yr9y6_69._contentPadding_yr9y6_251{height:calc(100% - 1em);margin-right:.5em}div._outerBox_yr9y6_163 div._content_yr9y6_69._contentPaddingSpace_yr9y6_261{height:calc(100% - 3em)}div._outerBox_yr9y6_163 div._contentWithTitle_yr9y6_69{height:calc(100% - .75em)}div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77{top:-.75em;left:.5em}div._outerMargin_yr9y6_291{padding:6px}div._autoSize_yr9y6_299._space_yr9y6_299{margin-bottom:.5em}div._autoSize_yr9y6_299 div._shadow_yr9y6_29{width:calc(100% - .5em)}div._autoSize_yr9y6_299 div._padding_yr9y6_213{padding:1em;position:relative}div._autoSize_yr9y6_299 div._close_yr9y6_77{top:-.75em;left:1.25em}div._autoSize_yr9y6_299 div._padding_yr9y6_213 div._close_yr9y6_77{left:2em;top:.5em}div._autoSize_yr9y6_299 div._title_yr9y6_85{top:0;left:3.5em}div._autoSize_yr9y6_299 div._padding_yr9y6_213 div._title_yr9y6_85{top:.5em;left:4.5em}div._contentPadding_yr9y6_251{margin:.5em 1em .5em .5em}div._contentWithTitle_yr9y6_69._contentPadding_yr9y6_251{margin-top:.75em}div._contentPaddingSpace_yr9y6_261{margin:1.5em}div._main_yr9y6_21._blue_yr9y6_405>div._frameBck_yr9y6_405,div._main_yr9y6_21._blue_yr9y6_405>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._blue_yr9y6_405>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._blue_yr9y6_405>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._blue_yr9y6_405>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._blue_yr9y6_405>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#006;color:#fff}div._main_yr9y6_21._cyan_yr9y6_459>div._frameBck_yr9y6_405,div._main_yr9y6_21._cyan_yr9y6_459>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._cyan_yr9y6_459>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._cyan_yr9y6_459>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._cyan_yr9y6_459>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._cyan_yr9y6_459>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#066;color:#fff}div._main_yr9y6_21._dark_yr9y6_513>div._frameBck_yr9y6_405,div._main_yr9y6_21._dark_yr9y6_513>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._dark_yr9y6_513>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._dark_yr9y6_513>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._dark_yr9y6_513>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._dark_yr9y6_513>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#222;color:#ff0}div._main_yr9y6_21._green_yr9y6_567>div._frameBck_yr9y6_405,div._main_yr9y6_21._green_yr9y6_567>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._green_yr9y6_567>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._green_yr9y6_567>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._green_yr9y6_567>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._green_yr9y6_567>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#030;color:#0f0}div._main_yr9y6_21._grey_yr9y6_631>div._frameBck_yr9y6_405,div._main_yr9y6_21._grey_yr9y6_631>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._grey_yr9y6_631>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._grey_yr9y6_631>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._grey_yr9y6_631>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#999;color:#000}div._main_yr9y6_21._grey_yr9y6_631>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77{background-color:#999;color:#000}div._main_yr9y6_21._grey_yr9y6_631>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77>button{color:#090}div._main_yr9y6_21._dialog_yr9y6_723>div._frameBck_yr9y6_405,div._main_yr9y6_21._dialog_yr9y6_723>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._dialog_yr9y6_723>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._dialog_yr9y6_723>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._dialog_yr9y6_723>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._dialog_yr9y6_723>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#666;color:#fff}div._main_yr9y6_21._dialog_yr9y6_723>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77>button{color:#0f0}div._main_yr9y6_21._mono_yr9y6_807>div._frameBck_yr9y6_405,div._main_yr9y6_21._mono_yr9y6_807>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._mono_yr9y6_807>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._mono_yr9y6_807>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._mono_yr9y6_807>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._mono_yr9y6_807>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#000;color:#999}div._main_yr9y6_21._red_yr9y6_861>div._frameBck_yr9y6_405,div._main_yr9y6_21._red_yr9y6_861>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div>div._title_yr9y6_85,div._main_yr9y6_21._red_yr9y6_861>div._frameBck_yr9y6_405>div._outerMargin_yr9y6_291>div>div._frameStd_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._red_yr9y6_861>div._outerBox_yr9y6_163>div._frameBck_yr9y6_405,div._main_yr9y6_21._red_yr9y6_861>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div._close_yr9y6_77,div._main_yr9y6_21._red_yr9y6_861>div._outerBox_yr9y6_163>div._fullSize_yr9y6_11>div._wrapper_yr9y6_203>div._frame_yr9y6_37>div>div._title_yr9y6_85{background-color:#900;color:#ff0}div._main_yr9y6_21._blue_yr9y6_405 div._content_yr9y6_69,div._main_yr9y6_21._cyan_yr9y6_459 div._content_yr9y6_69{color:#ff0}div._main_yr9y6_21._blue_yr9y6_405 button._btn_yr9y6_117{color:#0f0}div._main_yr9y6_21._dialog_yr9y6_723 div._contentInsideWrapper_yr9y6_149{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_1vow5_1{cursor:pointer}div._pb_1vow5_9 div._wrapper_1vow5_9{background-color:#660;width:100%;height:1.5em}div._pb_1vow5_9 div._wrapper_1vow5_9 div{background-color:#ff0;height:1.5em}div._value_1vow5_31{width:100%;text-align:center}div._editSpace_1vow5_41{position:relative;width:100%;height:1em;overflow:hidden}div._cursor_1vow5_55{position:absolute;height:.5em}div._cursor_1vow5_55:before{content:"▲"}div._pb_1vow5_9._dialog_1vow5_77 div._value_1vow5_31,div._pb_1vow5_9._dialog_1vow5_77 div._cursor_1vow5_55{color:#ff0}div._pb_1vow5_9._green_1vow5_93 div._wrapper_1vow5_9{background-color:#060}div._pb_1vow5_9._green_1vow5_93 div._wrapper_1vow5_9 div{background-color:#0f0}div._pb_1vow5_9._grey_1vow5_109 div._value_1vow5_31,div._pb_1vow5_9._grey_1vow5_109 div._cursor_1vow5_55{color:#ff0}div._pb_1vow5_9._mono_1vow5_125 div._wrapper_1vow5_9{background-color:#666}div._pb_1vow5_9._mono_1vow5_125 div._wrapper_1vow5_9 div{background-color:#fff}div._pb_1vow5_9._mono_1vow5_125 div._cursor_1vow5_55,div._pb_1vow5_9._mono_1vow5_125 div._value_1vow5_31{color:#fff}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_x4k87_13:before{content:"[ "}button._text_x4k87_13:after{content:" ]"}button._fill_x4k87_21{width:100%;height:100%}button._btn_x4k87_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_x4k87_39._btn_x4k87_28{color:#0ff}button._btn_x4k87_28:focus{color:#fff}button._btn_x4k87_28:hover:not(:disabled){color:#fff;transform:translate3d(.05em,.05em,.9em);box-shadow:.4em .4em 3px #00000080}button._btn_x4k87_28:active:not(:disabled){transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_x4k87_28._down_x4k87_59{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32;opacity:1}button._btn_x4k87_28._down_x4k87_59:hover{transform:translate3d(.25em,.25em,10em);box-shadow:0 0 #00000080;background:#32cd32}button._btn_x4k87_28:focus{outline:red}button._plain_x4k87_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_x4k87_77:hover{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd}button._plain_x4k87_77:active{transform:translate(1px,1px) scale(.98)}button._plain_x4k87_77._down_x4k87_59{background-color:#bbb;color:#000;box-shadow:0 0 6px #ddd;transform:translate(1px,1px) scale(.98)}button._link_x4k87_115{background-color:inherit;color:#0f0;font-family:monospace;border:none;margin:0;padding:0}button._link_x4k87_115:hover{color:#ff0}button._link_x4k87_115:active{color:#ff0;transform:scale(.95)}._plain_x4k87_77._default_x4k87_39{color:#fff}._plain_x4k87_77._green_x4k87_139{color:#0f0;background-color:#030;border:1px solid #00ff00;box-shadow:0 0 4px #0f0}._plain_x4k87_77._green_x4k87_139:hover,._plain_x4k87_77._green_x4k87_139._down_x4k87_59{background-color:#050;color:#0f8;box-shadow:0 0 6px #0f8}._plain_x4k87_77._green_x4k87_139._default_x4k87_39{color:#ff0}._plain_x4k87_77._blue_x4k87_163{color:#000;background-color:#099;border:1px solid #099}._plain_x4k87_77._blue_x4k87_163:hover,._plain_x4k87_77._blue_x4k87_163._down_x4k87_59{background-color:#099;color:#0ff;box-shadow:0 0 6px #0f8}._plain_x4k87_77._blue_x4k87_163._default_x4k87_39{color:#aff}._link_x4k87_115._blue_x4k87_163:hover:not(:disabled){background-color:#090;color:#ff0}._plain_x4k87_77._cyan_x4k87_193{color:#000;background-color:#099;border:1px solid #099}._plain_x4k87_77._cyan_x4k87_193:hover,._plain_x4k87_77._cyan_x4k87_193._down_x4k87_59{background-color:#055;color:#0fa;box-shadow:0 0 6px #0f8}._plain_x4k87_77._cyan_x4k87_193._default_x4k87_39{color:#0ff}._link_x4k87_115._cyan_x4k87_193{color:#fff}._link_x4k87_115._cyan_x4k87_193:hover:not(:disabled){background-color:#000;color:#ff7}._plain_x4k87_77._dark_x4k87_225{color:#ff0}._plain_x4k87_77._dark_x4k87_225._default_x4k87_39{color:#fff}._link_x4k87_115._dark_x4k87_225{color:#bb0}._link_x4k87_115._dark_x4k87_225:hover:not(:disabled){background-color:#bb0;color:#000}button._btn_x4k87_28._grey_x4k87_243{background-color:#ddd}button._btn_x4k87_28._grey_x4k87_243:active:not(:disabled){background-color:#ddd}._link_x4k87_115._grey_x4k87_243{color:#222}._link_x4k87_115._grey_x4k87_243:hover:not(:disabled){background-color:#090;color:#000}._link_x4k87_115._dialog_x4k87_260{color:#ff0}._link_x4k87_115._dialog_x4k87_260:hover:not(:disabled){background-color:#090;color:#fff}button._btn_x4k87_28._red_x4k87_270{background-color:red;color:#ff0}button._btn_x4k87_28._red_x4k87_270:active:not(:disabled){background:red}._link_x4k87_115._red_x4k87_270{color:#fff}._link_x4k87_115._red_x4k87_270:hover:not(:disabled){background-color:red;color:#ff0}._plain_x4k87_77._red_x4k87_270{color:#ff0;background-color:#900;border:1px solid #900;box-shadow:0 0 4px red}._plain_x4k87_77._red_x4k87_270:hover,._plain_x4k87_77._red_x4k87_270._down_x4k87_59{background-color:#500;color:#ff0;box-shadow:0 0 6px red}._plain_x4k87_77._default_x4k87_39._red_x4k87_270{color:#fff}button._btn_x4k87_28._mono_x4k87_311{background-color:#ddd}button._btn_x4k87_28._mono_x4k87_311:active:not(:disabled){background-color:#ddd}._link_x4k87_115._mono_x4k87_311{color:#999}._link_x4k87_115._mono_x4k87_311:hover:not(:disabled){background-color:#999;color:#000}button._btn_x4k87_28._dark_x4k87_225{background-color:#aa0;color:#000}button._btn_x4k87_28._dark_x4k87_225:active:not(:disabled){background-color:#bb0}label._cb_10efi_1{cursor:pointer}input._cb_10efi_1:before{content:"[ ]"}input._cb_10efi_1:checked:before{content:"[x]"}input._cb_10efi_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._cb_10efi_1:disabled{color:#999!important}label._cb_10efi_1._disabled_10efi_26{color:#999!important}input._cb_10efi_1+label._cb_10efi_1:hover{color:#fff}input._cb_10efi_1:hover{color:#fff}input._cb_10efi_1._mono_10efi_38:disabled{color:#444!important}label._cb_10efi_1._mono_10efi_38._disabled_10efi_26{color:#444!important}input._cb_10efi_1._dialog_10efi_46:disabled{color:#999}label._cb_10efi_1._dialog_10efi_46._disabled_10efi_26{color:#999}input._cb_10efi_1._green_10efi_54+label._cb_10efi_1:hover{color:#ff0}input._cb_10efi_1._green_10efi_54:hover{color:#ff0}input._cb_10efi_1._dialog_10efi_46+label._cb_10efi_1:hover{color:#ff0}input._cb_10efi_1._dialog_10efi_46:hover{color:#ff0}label._cb_10efi_1._dialog_10efi_46,input._cb_10efi_1._dialog_10efi_46{color:#000}input._tb_1p9v1_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_1p9v1_1:disabled{color:#999}input._tb_1p9v1_1[type=number]::-webkit-inner-spin-button,input._tb_1p9v1_1[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div._tb_1p9v1_1{background-color:#000;color:#ff0;width:100%;display:flex}div._tb_1p9v1_1:focus-within{background-color:#222}div._tb_1p9v1_1>div._prefix_1p9v1_37{min-width:1em;padding-top:.5em;padding-left:.5em}div._tb_1p9v1_1>div._prefix_1p9v1_37._empty_1p9v1_43{min-width:.25em}div._tbWrapper_1p9v1_49:focus-within>label{color:#fff}div._tbWrapper_1p9v1_49._green_1p9v1_52:focus-within>label{color:#ff0}div._tb_1p9v1_1._dialog_1p9v1_56{background-color:#006;color:#fff}div._tb_1p9v1_1._dialog_1p9v1_56:focus-within{background-color:#008}div._tb_1p9v1_1._blue_1p9v1_65{background-color:#000}div._tb_1p9v1_1._blue_1p9v1_65:focus-within{background-color:#222}div._tb_1p9v1_1._grey_1p9v1_73{color:#fff}div._tb_1p9v1_1._mono_1p9v1_77{background-color:#333;color:#fff}div._tb_1p9v1_1._red_1p9v1_82{background-color:#600;color:#ff0}div._tb_1p9v1_1._red_1p9v1_82:focus-within{background-color:#000;color:#ff0}div._tb_1p9v1_1._green_1p9v1_52{background-color:#020}div._tb_1p9v1_1._green_1p9v1_52:focus-within{background-color:#000}html{overscroll-behavior-x:none}div._glass_wibzt_5{position:fixed;inset:0;z-index:2}div._glass_wibzt_5._backdrop_wibzt_14{background-color:#000;opacity:.4;z-index:1}div._clickable_1xa7b_2{cursor:pointer}div._fullSize_1xa7b_6{width:100%;height:100%}div._main_1xa7b_11{position:relative}div._shadow_1xa7b_15{box-shadow:.5em .5em #000000bf}div._frameStd_1xa7b_19{border-style:double;border-width:3px;position:relative}div._frameStd_1xa7b_19._single_1xa7b_25{border-style:solid;border-width:2px}div._frameStd_1xa7b_19._borderless_1xa7b_30{border-style:hidden;border-width:2px}div._contentWithTitle_1xa7b_35{margin-top:.75em}div._close_1xa7b_39{position:absolute}div._titleWrapper_1xa7b_43{background-color:unset;text-align:center;width:calc(100% - 8em);position:absolute;left:4em;top:-.5em}div._title_1xa7b_43{display:inline-block;width:auto;background-color:inherit;padding:0 .5em}div._close_1xa7b_39 button._btn_1xa7b_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_1xa7b_39 button._btn_1xa7b_59:active{transform:scale(1)}div._contentInsideWrapper_1xa7b_75{width:100%;height:100%;overflow:auto}div._outerBox_1xa7b_82{width:100%;height:100%;position:relative}div._outerBox_1xa7b_82._shadow_1xa7b_15{width:calc(100% - .5em);height:calc(100% - .5em);position:relative}div._outerBox_1xa7b_82>div>div>div._frameStd_1xa7b_19{position:absolute;inset:6px}div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{top:-.555em;left:3em}div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102._padding_1xa7b_107{top:1em;left:1em;height:calc(100% - 2em);width:calc(100% - 2em);position:relative}div._outerBox_1xa7b_82 div._content_1xa7b_35{height:calc(100% - 1em);overflow:auto;position:relative}div._outerBox_1xa7b_82 div._content_1xa7b_35{height:100%;overflow:auto}div._outerBox_1xa7b_82 div._content_1xa7b_35._contentPadding_1xa7b_126{height:calc(100% - 1em);margin-right:.5em}div._outerBox_1xa7b_82 div._content_1xa7b_35._contentPaddingSpace_1xa7b_131{height:calc(100% - 3em)}div._outerBox_1xa7b_82 div._contentWithTitle_1xa7b_35{height:calc(100% - .75em)}div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39{top:-.75em;left:.5em}div._outerMargin_1xa7b_146{padding:6px}div._autoSize_1xa7b_150._space_1xa7b_150{margin-bottom:.5em}div._autoSize_1xa7b_150 div._shadow_1xa7b_15{width:calc(100% - .5em)}div._autoSize_1xa7b_150 div._padding_1xa7b_107{padding:1em;position:relative}div._autoSize_1xa7b_150 div._close_1xa7b_39{top:-.75em;left:1.25em}div._autoSize_1xa7b_150 div._padding_1xa7b_107 div._close_1xa7b_39{left:2em;top:.5em}div._autoSize_1xa7b_150 div._title_1xa7b_43{top:0;left:3.5em}div._autoSize_1xa7b_150 div._padding_1xa7b_107 div._title_1xa7b_43{top:.5em;left:4.5em}div._contentPadding_1xa7b_126{margin:.5em 1em .5em .5em}div._contentWithTitle_1xa7b_35._contentPadding_1xa7b_126{margin-top:.75em}div._contentPaddingSpace_1xa7b_131{margin:1.5em}div._main_1xa7b_11._blue_1xa7b_203>div._frameBck_1xa7b_203,div._main_1xa7b_11._blue_1xa7b_203>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._blue_1xa7b_203>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._blue_1xa7b_203>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._blue_1xa7b_203>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._blue_1xa7b_203>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#006;color:#fff}div._main_1xa7b_11._cyan_1xa7b_230>div._frameBck_1xa7b_203,div._main_1xa7b_11._cyan_1xa7b_230>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._cyan_1xa7b_230>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._cyan_1xa7b_230>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._cyan_1xa7b_230>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._cyan_1xa7b_230>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#066;color:#fff}div._main_1xa7b_11._dark_1xa7b_257>div._frameBck_1xa7b_203,div._main_1xa7b_11._dark_1xa7b_257>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._dark_1xa7b_257>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._dark_1xa7b_257>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._dark_1xa7b_257>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._dark_1xa7b_257>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#222;color:#ff0}div._main_1xa7b_11._green_1xa7b_284>div._frameBck_1xa7b_203,div._main_1xa7b_11._green_1xa7b_284>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._green_1xa7b_284>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._green_1xa7b_284>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._green_1xa7b_284>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._green_1xa7b_284>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#030;color:#0f0}div._main_1xa7b_11._grey_1xa7b_316>div._frameBck_1xa7b_203,div._main_1xa7b_11._grey_1xa7b_316>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._grey_1xa7b_316>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._grey_1xa7b_316>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._grey_1xa7b_316>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#999;color:#000}div._main_1xa7b_11._grey_1xa7b_316>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39{background-color:#999;color:#000}div._main_1xa7b_11._grey_1xa7b_316>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39>button{color:#090}div._main_1xa7b_11._dialog_1xa7b_362>div._frameBck_1xa7b_203,div._main_1xa7b_11._dialog_1xa7b_362>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._dialog_1xa7b_362>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._dialog_1xa7b_362>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._dialog_1xa7b_362>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._dialog_1xa7b_362>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#666;color:#fff}div._main_1xa7b_11._dialog_1xa7b_362>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39>button{color:#0f0}div._main_1xa7b_11._mono_1xa7b_404>div._frameBck_1xa7b_203,div._main_1xa7b_11._mono_1xa7b_404>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._mono_1xa7b_404>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._mono_1xa7b_404>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._mono_1xa7b_404>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._mono_1xa7b_404>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#000;color:#999}div._main_1xa7b_11._red_1xa7b_431>div._frameBck_1xa7b_203,div._main_1xa7b_11._red_1xa7b_431>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div>div._title_1xa7b_43,div._main_1xa7b_11._red_1xa7b_431>div._frameBck_1xa7b_203>div._outerMargin_1xa7b_146>div>div._frameStd_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._red_1xa7b_431>div._outerBox_1xa7b_82>div._frameBck_1xa7b_203,div._main_1xa7b_11._red_1xa7b_431>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div._close_1xa7b_39,div._main_1xa7b_11._red_1xa7b_431>div._outerBox_1xa7b_82>div._fullSize_1xa7b_6>div._wrapper_1xa7b_102>div._frame_1xa7b_19>div>div._title_1xa7b_43{background-color:#900;color:#ff0}div._main_1xa7b_11._blue_1xa7b_203 div._content_1xa7b_35,div._main_1xa7b_11._cyan_1xa7b_230 div._content_1xa7b_35{color:#ff0}div._main_1xa7b_11._blue_1xa7b_203 button._btn_1xa7b_59{color:#0f0}div._contentInsideWrapper_1xa7b_75._dialog_1xa7b_362{color:#000}div._menu_mq5rc_1 ul{margin:0;padding:0;list-style:none}div._menu_mq5rc_1 ul li{padding:.5em;transition:background-color .75s ease,color .3s ease}div._menu_mq5rc_1 ul li a{text-decoration:none;color:inherit;display:block;width:100%;outline:none}div._menu_mq5rc_1 ul li:hover,div._menu_mq5rc_1 ul li._selected_mq5rc_26{background-color:#090}div._menu_mq5rc_1 ul li._disabled_mq5rc_30{color:#999!important;pointer-events:none}li._separator_mq5rc_35{border-style:solid;border-width:0 0 2px 0}li a span._secondary_mq5rc_40{float:right}li a span._prefix_mq5rc_44{width:1em;display:inline-block}div._menu_mq5rc_1._cyan_mq5rc_51 ul li:hover,div._menu_mq5rc_1._cyan_mq5rc_51 ul li._selected_mq5rc_26{background-color:#000;color:#ff0}div._menu_mq5rc_1._grey_mq5rc_61 ul li._disabled_mq5rc_30{color:#333!important;pointer-events:none}div._menu_mq5rc_1._mono_mq5rc_66 ul li._disabled_mq5rc_30{color:#444;pointer-events:none}div._menu_mq5rc_1._dark_mq5rc_71 ul li:hover,div._menu_mq5rc_1._dark_mq5rc_71 ul li._selected_mq5rc_26{background-color:#cc0;color:#000}div._menu_mq5rc_1._green_mq5rc_81 ul li:hover,div._menu_mq5rc_1._green_mq5rc_81 ul li._selected_mq5rc_26{background-color:#0d0;color:#000}div._menu_mq5rc_1._mono_mq5rc_66 ul li:hover,div._menu_mq5rc_1._mono_mq5rc_66 ul li._selected_mq5rc_26{background-color:#999;color:#000}div._menu_mq5rc_1._red_mq5rc_101 ul li:hover{background-color:#dd0;color:#000}div._menu_mq5rc_1._red_mq5rc_101 ul li._selected_mq5rc_26{background-color:#ff0;color:#600}div._menu_mq5rc_1._blue_mq5rc_111 ul li._separator_mq5rc_35{border-color:#fff}div._menu_mq5rc_1._dark_mq5rc_71 ul li._separator_mq5rc_35{border-color:#ff0}div._menu_mq5rc_1._green_mq5rc_81 ul li._separator_mq5rc_35{border-color:#0f0}div._menu_mq5rc_1._cyan_mq5rc_51 ul li._separator_mq5rc_35{border-color:#fff}div._menu_mq5rc_1._red_mq5rc_101 ul li._separator_mq5rc_35{color:#dd0}div._gb_w5z0c_1{background-color:#066;overflow:hidden;padding:.25em;position:relative}label._gb_w5z0c_1{color:#fff}label._gb_w5z0c_1._green_w5z0c_12{color:#ff0}label._gb_w5z0c_1._dialog_w5z0c_16{color:#fff}div._gb_w5z0c_1._cyan_w5z0c_20{background-color:#000}div._gb_w5z0c_1._grey_w5z0c_24{background-color:#088}div._gb_w5z0c_1._red_w5z0c_28{background-color:#400}div._gb_w5z0c_1._green_w5z0c_12{background-color:#020}div._gb_w5z0c_1._dark_w5z0c_36{background-color:#000}div._gb_w5z0c_1._mono_w5z0c_40{background-color:#222}h1._heading_16p41_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_16p41_14._heading_16p41_1{color:#0ff}div._editable_1b34u_1{cursor:pointer}div._pb_1b34u_5 div._wrapper_1b34u_5{background-color:#660;width:100%;height:1.5em}div._pb_1b34u_5 div._wrapper_1b34u_5 div{background-color:#ff0;height:1.5em}div._value_1b34u_16{width:100%;text-align:center}div._editSpace_1b34u_21{position:relative;width:100%;height:1em;overflow:hidden}div._cursor_1b34u_28{position:absolute;height:.5em}div._cursor_1b34u_28:before{content:"▲"}div._pb_1b34u_5._dialog_1b34u_39 div._value_1b34u_16,div._pb_1b34u_5._dialog_1b34u_39 div._cursor_1b34u_28{color:#ff0}div._pb_1b34u_5._green_1b34u_47 div._wrapper_1b34u_5{background-color:#060}div._pb_1b34u_5._green_1b34u_47 div._wrapper_1b34u_5 div{background-color:#0f0}div._pb_1b34u_5._grey_1b34u_55 div._value_1b34u_16,div._pb_1b34u_5._grey_1b34u_55 div._cursor_1b34u_28{color:#ff0}div._pb_1b34u_5._mono_1b34u_63 div._wrapper_1b34u_5{background-color:#666}div._pb_1b34u_5._mono_1b34u_63 div._wrapper_1b34u_5 div{background-color:#fff}div._pb_1b34u_5._mono_1b34u_63 div._cursor_1b34u_28,div._pb_1b34u_5._mono_1b34u_63 div._value_1b34u_16{color:#fff}div._pb_1b34u_5:focus-within>label{color:#fff}div._pb_1b34u_5._green_1b34u_47:focus-within>label{color:#ff0}div._nv_1rwcl_1{width:100%}div._nv_1rwcl_1>._label_1rwcl_5{color:#fff}._value_1rwcl_9{flex-grow:1}div._nv_1rwcl_1>._label_1rwcl_5._blue_1rwcl_13{color:#0ff}div._nv_1rwcl_1>._label_1rwcl_5._green_1rwcl_17{color:#ff0}div._nv_1rwcl_1>._label_1rwcl_5._grey_1rwcl_21{color:#333}div._nv_1rwcl_1>._label_1rwcl_5._dialog_1rwcl_25{color:#111}label._rb_atev7_1{cursor:pointer}input._rb_atev7_1:before{content:"( )"}input._rb_atev7_1:checked:before{content:"(•)"}input._rb_atev7_1{cursor:pointer;font-family:monospace;color:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}input._rb_atev7_1:disabled{color:#999!important}label._rb_atev7_1._disabled_atev7_26{color:#999!important}input._rb_atev7_1+label._rb_atev7_1:hover{color:#fff}input._rb_atev7_1:hover{color:#fff}input._rb_atev7_1._mono_atev7_38:disabled{color:#444!important}label._rb_atev7_1._mono_atev7_38._disabled_atev7_26{color:#444!important}input._rb_atev7_1._dialog_atev7_46:disabled{color:#999}label._rb_atev7_1._dialog_atev7_46._disabled_atev7_26{color:#999}input._rb_atev7_1._green_atev7_54+label._rb_atev7_1:hover{color:#ff0}input._rb_atev7_1._green_atev7_54:hover{color:#ff0}input._rb_atev7_1._dialog_atev7_46+label._rb_atev7_1:hover{color:#ff0}input._rb_atev7_1._dialog_atev7_46:hover{color:#ff0}label._rb_atev7_1._dialog_atev7_46,input._rb_atev7_1._dialog_atev7_46{color:#fff}table._tb_1dsyz_1{position:absolute;left:0;top:0;width:100%;height:auto;border-collapse:collapse;overflow:auto}tr._hdr_1dsyz_11{background-color:#000}table._tb_1dsyz_1>thead>tr>th{font-weight:400;color:#fff;padding:3px;position:sticky;top:0;z-index:2;background-color:inherit}._ptr_1dsyz_26{cursor:pointer}table._tb_1dsyz_1>tbody>tr>td{padding:3px}table._tb_1dsyz_1>tbody>tr._alt_1dsyz_34>td{background-color:#0003}table._tb_1dsyz_1>tbody>tr:hover{background-color:#0006}th>span._icon_1dsyz_42{position:absolute;right:0}th>span._iconR_1dsyz_47{left:0;right:unset}table._tb_1dsyz_1._blue_1dsyz_54>thead>tr>th{color:#0ff}table._tb_1dsyz_1._red_1dsyz_58>thead>tr>th{color:#fff;background-color:#500}table._tb_1dsyz_1._green_1dsyz_63>thead>tr>th{color:#ff0;background-color:#050}table._tb_1dsyz_1._dialog_1dsyz_68>thead>tr>th{color:#ff0;background-color:#055}div._field_m4yvb_1{display:flex}div._field_m4yvb_1>div{flex:1}div._err_m4yvb_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
@@ -26,6 +26,10 @@ export declare interface IDataContext {
26
26
  isDisabled: boolean;
27
27
  isLoading: boolean;
28
28
  isValid: boolean | undefined;
29
+ submitRef: {
30
+ id?: string;
31
+ ref?: HTMLButtonElement;
32
+ };
29
33
  }
30
34
 
31
35
  declare interface ILayerManager {
@@ -58,7 +62,7 @@ export declare const StrUtils: {
58
62
  parseDateTime: (x: string | number | undefined) => DateTime | undefined;
59
63
  };
60
64
 
61
- export declare type TAlignType = "left" | "center" | "right";
65
+ export declare type TAlignType = 'left' | 'center' | 'right';
62
66
 
63
67
  export declare function TAppContainer(p: TAppContainerProps): JSX.Element;
64
68
 
@@ -99,6 +103,7 @@ export declare function TButton(p: TButtonProps): JSX.Element;
99
103
  export declare type TButtonProps = TControlProps & {
100
104
  children?: React.ReactNode;
101
105
  default?: boolean;
106
+ down?: boolean;
102
107
  fill?: boolean;
103
108
  variant?: TButtonVariant;
104
109
  width?: string | number;
@@ -107,7 +112,7 @@ export declare type TButtonProps = TControlProps & {
107
112
  onClick?: () => void;
108
113
  };
109
114
 
110
- export declare type TButtonVariant = "standard" | "plain" | "link" | "text";
115
+ export declare type TButtonVariant = 'standard' | 'plain' | 'link' | 'text';
111
116
 
112
117
  export declare function TCheckbox(p: TCheckBoxProps): JSX.Element;
113
118
 
@@ -115,7 +120,7 @@ export declare type TCheckBoxProps = TInputProps & {
115
120
  caption?: string;
116
121
  };
117
122
 
118
- export declare type TClosingEffect = "resize" | "opacity";
123
+ export declare type TClosingEffect = 'resize' | 'opacity';
119
124
 
120
125
  export declare type TClosingEffectProps = {
121
126
  animationDuration?: number;
@@ -137,7 +142,12 @@ export declare type TColLayoutProps = {
137
142
  children?: React.ReactNode;
138
143
  };
139
144
 
145
+ export declare type TCompactKeyEvent = {
146
+ stopPropagation: () => void;
147
+ };
148
+
140
149
  export declare type TControlProps = TPaletteProps & {
150
+ autoFocus?: boolean;
141
151
  disabled?: boolean;
142
152
  };
143
153
 
@@ -151,6 +161,13 @@ export declare type TDataContextValue = TFormValue;
151
161
 
152
162
  export declare type TDateTimeFormat = 'datetime' | 'date' | 'time';
153
163
 
164
+ export declare type TDialogButtonsProps = {
165
+ cancel?: string | boolean;
166
+ submit?: string | boolean;
167
+ onSubmit?: () => void;
168
+ onCancel?: () => void;
169
+ };
170
+
154
171
  export declare type TDialogContext<T, C> = {
155
172
  frm: TFormContext;
156
173
  ctx: C | undefined;
@@ -164,6 +181,7 @@ export declare type TDialogProps = TPaletteProps & {
164
181
  header?: React.ReactNode;
165
182
  footer?: React.ReactNode;
166
183
  content: React.ReactNode;
184
+ buttons?: TDialogButtonsProps;
167
185
  items?: TFormFieldProps[];
168
186
  caption?: string;
169
187
  pos: TViewportProps;
@@ -196,11 +214,17 @@ export declare type TDialogWrapperProps<T, C> = {
196
214
 
197
215
  export declare function TDropDown(p: TDropDownProps): JSX.Element;
198
216
 
199
- export declare type TDropDownProps = Omit<TTextBoxProps, "mode"> & {
217
+ export declare type TDropDownMode = 'select' | 'combo';
218
+
219
+ export declare type TDropDownProps = Omit<TTextBoxProps, 'mode'> & {
220
+ hasFilter?: boolean;
221
+ filterCaption?: string;
200
222
  items: TMenuItem[];
201
223
  inputRef?: RefObject<HTMLInputElement>;
224
+ mode?: TDropDownMode;
202
225
  wrapperRef?: RefObject<HTMLDivElement>;
203
226
  windowPalette?: TPalette;
227
+ onMatchFilter?: (item: TMenuItem, filter: string) => boolean;
204
228
  };
205
229
 
206
230
  export declare function TErrorPanel(p: TErrorPanelProps): JSX.Element;
@@ -223,6 +247,10 @@ declare type TFormContext = IDataContext & {
223
247
  update: (id: string, newValue: TFormValueType, isValid: boolean) => void;
224
248
  validate: () => boolean;
225
249
  initializeField: (id: string, initValue: TFormValueType, isValid: boolean) => void;
250
+ setDefaultSubmit: (value: {
251
+ id: string;
252
+ ref: HTMLButtonElement;
253
+ } | null) => void;
226
254
  setDisabled: (disabled: boolean) => void;
227
255
  setError: (error: string | undefined) => void;
228
256
  setLoading: (loading: boolean) => void;
@@ -234,6 +262,7 @@ export declare type TFormFieldProps = TPaletteProps & {
234
262
  id: string;
235
263
  caption?: string;
236
264
  type: TFormFieldType;
265
+ autoFocus?: boolean;
237
266
  disabled?: boolean;
238
267
  defaultValue?: string;
239
268
  isOptional?: boolean;
@@ -349,6 +378,10 @@ export declare function TLoadingBar(): JSX.Element;
349
378
 
350
379
  export declare function TMenu(p: TMenuProps): JSX.Element;
351
380
 
381
+ export declare type TMenuEventHandlerRef = {
382
+ current: null | ((keyCode: string) => boolean);
383
+ };
384
+
352
385
  export declare type TMenuItem = {
353
386
  id: string;
354
387
  disabled?: boolean;
@@ -364,6 +397,7 @@ export declare type TMenuItem = {
364
397
 
365
398
  export declare type TMenuProps = TPaletteProps & {
366
399
  selectedRef?: RefObject<HTMLAnchorElement | null>;
400
+ menuEventHandlerRef?: TMenuEventHandlerRef;
367
401
  items: TMenuItem[];
368
402
  onClick?: (id: string) => void;
369
403
  onSelect?: (id: string) => void;
@@ -448,7 +482,7 @@ export declare type TTableColumnProps<T extends object> = {
448
482
  caption?: string | React.ReactNode;
449
483
  data?: TTableValueProvider<T>;
450
484
  icon?: string;
451
- sortIcon?: "up" | "down";
485
+ sortIcon?: 'up' | 'down';
452
486
  width?: string | number;
453
487
  };
454
488
 
@@ -463,24 +497,27 @@ export declare type TTableValueProvider<T> = string | React.ReactNode | ((item:
463
497
 
464
498
  export declare function TTextBox(p: TTextBoxProps): JSX.Element;
465
499
 
466
- export declare type TTextBoxMode = "text" | "password" | "number" | "email";
500
+ export declare type TTextBoxMode = 'text' | 'password' | 'number' | 'email';
467
501
 
468
502
  export declare type TTextBoxProps = TInputProps & {
469
503
  align?: TAlignType;
504
+ autoComplete?: boolean;
470
505
  caption?: string;
471
506
  mode?: TTextBoxMode;
472
507
  prefix?: string;
473
508
  prefixColor?: string;
474
509
  prefixStyle?: CSSProperties;
475
510
  readOnly?: boolean;
476
- suffix?: string;
511
+ suffix?: React.ReactNode;
477
512
  suffixColor?: string;
478
513
  suffixStyle?: CSSProperties;
479
514
  inputStyle?: CSSProperties;
480
515
  wrapperRef?: RefObject<HTMLDivElement | null>;
481
516
  inputRef?: RefObject<HTMLInputElement | null>;
517
+ onBlur?: () => void;
482
518
  onFocus?: () => void;
483
519
  onClick?: () => void;
520
+ onKeyDown?: (key: string, event: TCompactKeyEvent) => void;
484
521
  };
485
522
 
486
523
  export declare type TValueHook = {
@@ -519,6 +556,9 @@ export declare type TViewportProps = {
519
556
  top?: string | number;
520
557
  bottom?: string | number;
521
558
  };
559
+ onClick?: (e: {
560
+ stopPropagation: () => void;
561
+ }) => void;
522
562
  };
523
563
 
524
564
  export declare type TViewProps = TPaletteProps & {
@@ -527,13 +567,13 @@ export declare type TViewProps = TPaletteProps & {
527
567
 
528
568
  export declare function TWindow(p: TWindowProps): JSX.Element;
529
569
 
530
- export declare type TWindowInnerPadding = "none" | "space";
570
+ export declare type TWindowInnerPadding = 'none' | 'space';
531
571
 
532
572
  export declare type TWindowProps = TPaletteProps & {
533
573
  children?: React.ReactNode;
534
574
  fill?: boolean;
535
575
  noShadow?: boolean;
536
- border?: "std" | "single" | "none";
576
+ border?: 'std' | 'single' | 'none';
537
577
  outerPadding?: boolean;
538
578
  innerPadding?: TWindowInnerPadding;
539
579
  caption?: string;
@@ -541,6 +581,7 @@ export declare type TWindowProps = TPaletteProps & {
541
581
  style?: CSSProperties;
542
582
  onClick?: () => void;
543
583
  onClose?: () => void;
584
+ onHotKey?: (hotkey: string, event: KeyboardEvent) => void;
544
585
  };
545
586
 
546
587
  export declare function useClosingEffect(mode?: TClosingEffect, delay?: number): {