@elcrm/telegram 0.0.133 → 0.0.134
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/dist/index.css +1 -1
- package/dist/index.d.ts +186 -6
- package/dist/index.es.js +117 -117
- package/dist/index.umd.js +11 -11
- package/package.json +1 -1
- package/dist/src/lib/index.d.ts +0 -186
- /package/dist/{src/lib/AppBar → AppBar}/AppBar.d.ts +0 -0
- /package/dist/{src/lib/Badge → Badge}/Badge.d.ts +0 -0
- /package/dist/{src/lib/BottomSheet → BottomSheet}/index.d.ts +0 -0
- /package/dist/{src/lib/Header → Header}/Header.d.ts +0 -0
- /package/dist/{src/lib/Loading → Loading}/index.d.ts +0 -0
- /package/dist/{src/lib/Madal → Madal}/Modal.d.ts +0 -0
- /package/dist/{src/lib/Menu → Menu}/index.d.ts +0 -0
- /package/dist/{src/lib/Notice → Notice}/Notice.d.ts +0 -0
- /package/dist/{src/lib/SafeArea → SafeArea}/index.d.ts +0 -0
- /package/dist/{src/lib/Scroll → Scroll}/Scroll.d.ts +0 -0
- /package/dist/{src/lib/SidePanel → SidePanel}/SidePanel.d.ts +0 -0
- /package/dist/{src/lib/Sidebar → Sidebar}/Sidebar.d.ts +0 -0
- /package/dist/{src/lib/TabBar → TabBar}/TabBar.d.ts +0 -0
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--tg-safe-area-height: 100dvh;--tg-max-width: 500px;--tg-scroll-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) )}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0}body{overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}:root{--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var( --tg-content-safe-area-inset-top, 0px ) - var(--tg-offset-bottom, 60px) )}._o_1apbm_11{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;justify-content:center;animation:_fadeIn_1apbm_1 .3s ease}._o_1apbm_11._x_1apbm_24{animation:_fadeOut_1apbm_1 .3s ease}._p_1apbm_28{position:fixed;width:100%;overflow:hidden;animation:_slideUp_1apbm_1 .3s ease;background:var(--tg-theme-bg-color);bottom:0;left:0;right:0;margin:0 auto;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px))}._p_1apbm_28._x_1apbm_24{animation:_slideDown_1apbm_1 .3s ease}._p_1apbm_28._m_1apbm_45{--tg-scroll-height: 100dvh;--tg-modal-offset-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );top:0}._p_1apbm_28._o_1apbm_11{--tg-modal-offset-top: 0px;top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px))}@keyframes _fadeIn_1apbm_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1apbm_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1apbm_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_1apbm_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._n_zlj3m_1{position:fixed;z-index:999;max-height:0px;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._n_zlj3m_1 ._i_zlj3m_10{display:block;color:#fff;overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;border-radius:10px;padding-left:10px;gap:10px;width:calc(100vw - 40px)}._n_zlj3m_1 svg{margin-top:7px}._n_zlj3m_1 ._t_zlj3m_28{padding:9px 0;flex:1}._n_zlj3m_1 ._e_zlj3m_32{background:var(--tg-notice-error, #f44336)}._n_zlj3m_1 ._s_zlj3m_35{background:var(--tg-notice-success, #4caf50)}._n_zlj3m_1 ._w_zlj3m_38{background:var(--tg-notice-warning, #ff9800)}._n_zlj3m_1 ._i_zlj3m_10._h_zlj3m_41{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}._n_zlj3m_1 ._i_zlj3m_10._e_zlj3m_32._h_zlj3m_41 svg{color:#f44336}._n_zlj3m_1 ._i_zlj3m_10._s_zlj3m_35._t_zlj3m_28 svg{color:#4caf50}._n_zlj3m_1 ._i_zlj3m_10._w_zlj3m_38._t_zlj3m_28 svg{color:#ff9800}body:has(._d_1u25q_1){--tg-viewport-height: calc(100dvh - 50px) ;--tg-safe-area-inset-top: 50px}._d_1u25q_1{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}._d_1u25q_1 ._b_1u25q_21,._d_1u25q_1 ._o_1u25q_25{padding:0 15px;cursor:pointer}._m_1u25q_30{bottom:0;position:fixed;left:0;right:0;padding:10px}._m_1u25q_30 button{width:100%}._t_1u25q_41{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul:first-child{border-top:0}._t_1u25q_41 ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ol:hover{display:flex}._t_1u25q_41 li{position:relative}._t_1u25q_41 button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}._t_1u25q_41 button:hover{background-color:var(--tg-theme-button-color)}._t_1u25q_41 button:hover+ol{display:flex}._a_1u25q_108{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}._a_1u25q_108 ._v_1u25q_118{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}._p_1axqy_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_1axqy_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_1axqy_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._m_ppm7n_2{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:0 10px}._g_ppm7n_10{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;gap:1px}._i_ppm7n_18{display:flex;align-items:center;padding:12px 16px;border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_ppm7n_35{display:flex;align-items:center;gap:12px;flex:1}._l_ppm7n_42{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}._l_ppm7n_42 svg{width:20px;height:20px;color:#fff}._a_ppm7n_57{color:#8e8e93;font-size:18px}._n_ppm7n_62{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._o_8ho2f_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_8ho2f_1 .3s ease}._m_8ho2f_14{position:fixed;bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._l_8ho2f_28{left:0;transform:translate(-100%)}._r_8ho2f_33{right:0;transform:translate(100%)}._x_8ho2f_38{transform:translate(0)}._h_8ho2f_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_8ho2f_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_8ho2f_57{flex:1;overflow-y:auto}._c_8ho2f_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_8ho2f_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_8ho2f_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_8ho2f_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_8ho2f_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_8ho2f_72 li:last-child{border-bottom:none}._u_8ho2f_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}.footer-menu-overlay{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;transition:opacity .5s ease-out;opacity:1}.footer-menu-overlay.is-overlay{background:var(--tg-theme-bg-color-alpha);top:0}.footer-menu-overlay.closing{opacity:0}.footer-menu-popup-book{position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:70vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 -10px 30px #00000080;box-shadow:0 -.5px #0000001a;background:var(--tg-theme-secondary-bg-color-alpha);border-bottom:1px solid var(--tg-theme-section-separator-color)}.footer-menu-popup-book.footer{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}.footer-menu-popup-book.closing{animation:slideDown .3s ease}.footer-menu-header{position:relative;display:flex;opacity:.8;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--tg-theme-section-separator-color);z-index:1}.footer-menu-header h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}.footer-menu-close-btn{background:none;border:none;color:var(--tg-theme-text-color);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease-in-out}.footer-menu-close-btn:active{transform:scale(1.1)}.chapters-list{position:relative;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 0 20px;z-index:1}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease,transform .15s ease-in-out;border-bottom:1px solid var(--tg-theme-section-separator-color)}.chapter-item:active{transform:scale(1.02)}.chapter-item:hover{background-color:#ffffff0d}.chapter-item.active{background-color:#ffffff1a}.chapter-info-item{display:flex;align-items:center;gap:12px}.chapter-number{background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-width:24px;min-height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.chapter-item.active .chapter-number{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.chapter-title{color:var(--tg-theme-text-color);font-size:16px;font-weight:400}.chapter-title p{font-size:10px;color:var(--tg-subtitle_text_color);font-weight:400}.chapter-title b{font-size:16px;font-weight:400}.chapter-duration{color:var(--tg-theme-text-color);opacity:.8;font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:#333}.chapters-list::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width: 375px){.chapter-progress{padding:15px 10px 5px}.chapters-popup{max-height:80vh}.chapter-item{padding:12px 15px}.chapter-title{font-size:14px}.chapter-duration{font-size:12px}}body:has(._h_xpmv7_1){--tg-offset-bottom: 60px}._h_xpmv7_1{--tab-bar-margin: 0 auto;--tab-bar-bg: var(--tg-theme-secondary-bg-color-alpha);--tab-bar-padding: 0 0 calc( var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) ) 0;z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;gap:10px;max-width:var(--tg-max-width, 500px);opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease,transform .15s cubic-bezier(.4,0,.2,1);transform-origin:center;background-color:var(--tab-bar-bg);margin:var(--tab-bar-margin);padding:var(--tab-bar-padding)}._h_xpmv7_1[data-scale=true]{transform:scale(1.02)}._h_xpmv7_1[data-style=liquid-glass]{--tab-bar-actual-radius: 100px;--tab-bar-padding: 3px;--tab-bar-margin: 10px 10px calc( var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) ) 10px;box-shadow:0 -.5px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);justify-content:space-around;align-items:flex-start;align-self:stretch;border-radius:100px;touch-action:none}._h_xpmv7_1[data-style=liquid-glass]:after{border-radius:inherit;box-shadow:inset 0 .4px #ffffff80,inset 0 -.3px #ffffff80;content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute;z-index:2}._h_xpmv7_1._r_xpmv7_61{flex-direction:row}._h_xpmv7_1._c_xpmv7_64{flex-direction:column}._h_xpmv7_1._x_xpmv7_67{opacity:0;visibility:hidden}._h_xpmv7_1 ._b_xpmv7_71{width:100%;position:relative;display:flex;justify-content:space-around;align-items:flex-start;align-self:stretch;color:var(--tg-theme-hint-color)}._h_xpmv7_1 ._b_xpmv7_71 div{display:flex;flex-direction:column;align-items:center;padding:var(--tab-bar-button-padding);cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;justify-content:center}._h_xpmv7_1 ._b_xpmv7_71 div[data-active]{flex:1;text-align:center;position:relative;z-index:1}._h_xpmv7_1 ._b_xpmv7_71 div[data-active=true]{color:var(--tg-theme-button-color)}._h_xpmv7_1 ._b_xpmv7_71 span{padding-top:2px;font-size:10px;font-weight:400}._h_xpmv7_1 ._b_xpmv7_71 ._a_xpmv7_107{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--count-options));border-radius:inherit;box-shadow:var(--tab-bar-actual-shadow);transform:translate(calc(var(--tab-bar-actual-index) * 100%));transform-origin:0 0;transition:transform .15s;border-radius:var(--tab-bar-actual-radius);background:var(--tab-bar-actual-color)}@keyframes _draw_xpmv7_1{to{stroke-dashoffset:0}}._h_xpmv7_1 [data-active=true] path{stroke-dasharray:60;stroke-dashoffset:60;animation:_draw_xpmv7_1 1s ease-in-out forwards}._b_r6m8n_1{position:absolute;inset:var(--tg-badge-inset, 0px 0px auto auto);color:var(--tg-badge-color, #ffffff);border-radius:var(--tg-badge-border-radius, 50%);transform:var(--tg-badge-transform, translate(50%, -50%));background:var(--tg-badge-background, #ff0000);padding:var(--tg-badge-padding, 5px);font-size:var(--tg-badge-font-size, 14px);font-weight:var(--tg-badge-font-weight, 700);line-height:var(--tg-badge-line-height, 1);letter-spacing:var(--tg-badge-letter-spacing, 0)}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}._s_ezoxx_3{overflow:scroll;width:100%;max-width:var(--tg-max-width);height:var(--tg-scroll-height);max-height:var(--tg-scroll-height);padding-top:var(--tg-modal-offset-top, 0px);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));margin:0 auto}._s_ezoxx_3._n_ezoxx_14{padding-left:7px;padding-right:7px}._s_ezoxx_3._n_ezoxx_14:after{content:"";position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}._a_ohhaz_1{display:flex;align-items:center;justify-content:center;padding:8px 8px 12px}._a_ohhaz_1 b{font-size:18px;font-weight:600}._a_ohhaz_1._l_ohhaz_12{justify-content:flex-start}._a_ohhaz_1._r_ohhaz_15{justify-content:flex-end}
|
|
1
|
+
@charset "UTF-8";:root{--tg-safe-area-height: 100dvh;--tg-max-width: 500px;--tg-scroll-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) );--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--tg-header-height, 0px) )}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0}html{height:-webkit-fill-available}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);-webkit-font-smoothing:antialiased;font-family:sans-serif;font-variant:no-common-ligatures;text-rendering:optimizeLegibility;padding:0;margin:0}body{overflow:hidden!important}body::-webkit-scrollbar{width:0px;height:0px;display:none!important;-ms-overflow-style:none;scrollbar-width:none}:root{--tg-modal-height: calc( 100dvh - var(--tg-safe-area-inset-top, 0px) - var( --tg-content-safe-area-inset-top, 0px ) - var(--tg-offset-bottom, 60px) )}._o_1apbm_11{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;justify-content:center;animation:_fadeIn_1apbm_1 .3s ease}._o_1apbm_11._x_1apbm_24{animation:_fadeOut_1apbm_1 .3s ease}._p_1apbm_28{position:fixed;width:100%;overflow:hidden;animation:_slideUp_1apbm_1 .3s ease;background:var(--tg-theme-bg-color);bottom:0;left:0;right:0;margin:0 auto;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px))}._p_1apbm_28._x_1apbm_24{animation:_slideDown_1apbm_1 .3s ease}._p_1apbm_28._m_1apbm_45{--tg-scroll-height: 100dvh;--tg-modal-offset-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );top:0}._p_1apbm_28._o_1apbm_11{--tg-modal-offset-top: 0px;top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px))}@keyframes _fadeIn_1apbm_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1apbm_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1apbm_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_1apbm_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._n_zlj3m_1{position:fixed;z-index:999;max-height:0px;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._n_zlj3m_1 ._i_zlj3m_10{display:block;color:#fff;overflow:hidden;cursor:pointer;display:flex;margin:20px 20px 10px;border-radius:10px;padding-left:10px;gap:10px;width:calc(100vw - 40px)}._n_zlj3m_1 svg{margin-top:7px}._n_zlj3m_1 ._t_zlj3m_28{padding:9px 0;flex:1}._n_zlj3m_1 ._e_zlj3m_32{background:var(--tg-notice-error, #f44336)}._n_zlj3m_1 ._s_zlj3m_35{background:var(--tg-notice-success, #4caf50)}._n_zlj3m_1 ._w_zlj3m_38{background:var(--tg-notice-warning, #ff9800)}._n_zlj3m_1 ._i_zlj3m_10._h_zlj3m_41{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}._n_zlj3m_1 ._i_zlj3m_10._e_zlj3m_32._h_zlj3m_41 svg{color:#f44336}._n_zlj3m_1 ._i_zlj3m_10._s_zlj3m_35._t_zlj3m_28 svg{color:#4caf50}._n_zlj3m_1 ._i_zlj3m_10._w_zlj3m_38._t_zlj3m_28 svg{color:#ff9800}body:has(._d_1u25q_1){--tg-viewport-height: calc(100dvh - 50px) ;--tg-safe-area-inset-top: 50px}._d_1u25q_1{height:50px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--tg-theme-header-bg-color);color:var(--tg-theme-text-color);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tg-theme-bg-color);z-index:222;position:fixed;top:0;left:0;right:0}._d_1u25q_1 ._b_1u25q_21,._d_1u25q_1 ._o_1u25q_25{padding:0 15px;cursor:pointer}._m_1u25q_30{bottom:0;position:fixed;left:0;right:0;padding:10px}._m_1u25q_30 button{width:100%}._t_1u25q_41{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;width:200px;position:absolute;right:5px;z-index:999;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ul:first-child{border-top:0}._t_1u25q_41 ol{list-style-type:none;display:none;padding:8px;background-color:var(--tg-theme-bg-color);border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;right:100%;left:-180px;z-index:100;width:100%;top:0;flex-direction:column;border:1px solid var(--tg-theme-hint-color)}._t_1u25q_41 ol:hover{display:flex}._t_1u25q_41 li{position:relative}._t_1u25q_41 button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color)}._t_1u25q_41 button:hover{background-color:var(--tg-theme-button-color)}._t_1u25q_41 button:hover+ol{display:flex}._a_1u25q_108{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}._a_1u25q_108 ._v_1u25q_118{font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;font-size:17px;overflow:hidden;width:270px;height:auto;background-color:#ffffff73;border-radius:12px}._p_1axqy_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_1axqy_10{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));margin-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));margin-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));margin-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px))}._s_1axqy_17{overflow:scroll}._l_gfyud_1{padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}._m_ppm7n_2{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:0 10px}._g_ppm7n_10{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;gap:1px}._i_ppm7n_18{display:flex;align-items:center;padding:12px 16px;border:none;text-align:left;font-size:17px;cursor:pointer;transition:background-color .2s;width:100%;position:relative;background:none;color:inherit;background-color:var(--tg-theme-secondary-bg-color);font-weight:400}._c_ppm7n_35{display:flex;align-items:center;gap:12px;flex:1}._l_ppm7n_42{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}._l_ppm7n_42 svg{width:20px;height:20px;color:#fff}._a_ppm7n_57{color:#8e8e93;font-size:18px}._n_ppm7n_62{margin-left:auto;color:#8e8e93;font-size:17px;margin-right:4px}._o_8ho2f_3{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:998;animation:_fadeIn_8ho2f_1 .3s ease}._m_8ho2f_14{position:fixed;bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #ffffff);z-index:999;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px))}._l_8ho2f_28{left:0;transform:translate(-100%)}._r_8ho2f_33{right:0;transform:translate(100%)}._x_8ho2f_38{transform:translate(0)}._h_8ho2f_42{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tg-theme-section-bg-color, #e5e5e5)}._h_8ho2f_42 h3{margin:0;font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #000000)}._c_8ho2f_57{flex:1;overflow-y:auto}._c_8ho2f_57:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:100%;background:var(--tg-theme-bg-color)}._u_8ho2f_72{display:flex;flex-direction:column;gap:10px;padding:16px}._u_8ho2f_72 li{padding:12px 0;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e5e5e5);display:flex;align-items:center;gap:10px}._u_8ho2f_72 li i{width:15px;height:15px;display:block;background:var(--tg-theme-button-color);border-radius:50%}._u_8ho2f_72 li em{display:block;width:15px;height:15px;background:var(--tg-theme-secondary-bg-color);border-radius:50%}._u_8ho2f_72 li:last-child{border-bottom:none}._u_8ho2f_72 li p{margin:0;font-size:15px;color:var(--tg-theme-text-color, #000000)}.footer-menu-overlay{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;transition:opacity .5s ease-out;opacity:1}.footer-menu-overlay.is-overlay{background:var(--tg-theme-bg-color-alpha);top:0}.footer-menu-overlay.closing{opacity:0}.footer-menu-popup-book{position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:70vh;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 -10px 30px #00000080;box-shadow:0 -.5px #0000001a;background:var(--tg-theme-secondary-bg-color-alpha);border-bottom:1px solid var(--tg-theme-section-separator-color)}.footer-menu-popup-book.footer{margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px)}.footer-menu-popup-book.closing{animation:slideDown .3s ease}.footer-menu-header{position:relative;display:flex;opacity:.8;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--tg-theme-section-separator-color);z-index:1}.footer-menu-header h3{margin:0;color:var(--tg-theme-text-color);font-size:18px;font-weight:600}.footer-menu-close-btn{background:none;border:none;color:var(--tg-theme-text-color);font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease-in-out}.footer-menu-close-btn:active{transform:scale(1.1)}.chapters-list{position:relative;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 0 20px;z-index:1}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease,transform .15s ease-in-out;border-bottom:1px solid var(--tg-theme-section-separator-color)}.chapter-item:active{transform:scale(1.02)}.chapter-item:hover{background-color:#ffffff0d}.chapter-item.active{background-color:#ffffff1a}.chapter-info-item{display:flex;align-items:center;gap:12px}.chapter-number{background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-width:24px;min-height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.chapter-item.active .chapter-number{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.chapter-title{color:var(--tg-theme-text-color);font-size:16px;font-weight:400}.chapter-title p{font-size:10px;color:var(--tg-subtitle_text_color);font-weight:400}.chapter-title b{font-size:16px;font-weight:400}.chapter-duration{color:var(--tg-theme-text-color);opacity:.8;font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:#333}.chapters-list::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width: 375px){.chapter-progress{padding:15px 10px 5px}.chapters-popup{max-height:80vh}.chapter-item{padding:12px 15px}.chapter-title{font-size:14px}.chapter-duration{font-size:12px}}body:has(._h_xfork_1){--tg-offset-bottom: 60px}._h_xfork_1{z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;gap:10px;max-width:var(--tg-max-width, 500px);opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease,transform .15s cubic-bezier(.4,0,.2,1);transform-origin:center;background-color:var(--tab-bar-bg, var(--tg-theme-secondary-bg-color-alpha));margin:var(--tab-bar-margin, 0 auto);padding:var(--tab-bar-padding, 0 0 calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px)) 0)}._h_xfork_1[data-scale=true]{transform:scale(1.02)}._h_xfork_1[data-style=liquid-glass]{--tab-bar-actual-radius: 100px;--tab-bar-padding: 3px;--tab-bar-margin: 0px 16px calc( var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) ) 16px;box-shadow:0 -.5px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);justify-content:space-around;align-items:flex-start;align-self:stretch;border-radius:100px;touch-action:none}._h_xfork_1[data-style=liquid-glass]:after{border-radius:inherit;box-shadow:inset 0 .4px #ffffff80,inset 0 -.3px #ffffff80;content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute;z-index:2}._h_xfork_1._r_xfork_53{flex-direction:row}._h_xfork_1._c_xfork_56{flex-direction:column}._h_xfork_1._x_xfork_59{opacity:0;visibility:hidden}._h_xfork_1 ._b_xfork_63{width:100%;position:relative;display:flex;justify-content:space-around;align-items:flex-start;align-self:stretch;color:var(--tg-theme-hint-color)}._h_xfork_1 ._b_xfork_63 div{display:flex;flex-direction:column;align-items:center;padding:var(--tab-bar-button-padding);cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;justify-content:center}._h_xfork_1 ._b_xfork_63 div[data-active]{flex:1;text-align:center;position:relative;z-index:1}._h_xfork_1 ._b_xfork_63 div[data-active=true]{color:var(--tg-theme-button-color)}._h_xfork_1 ._b_xfork_63 span{padding-top:2px;font-size:10px;font-weight:400}._h_xfork_1 ._b_xfork_63 ._a_xfork_99{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--count-options));border-radius:inherit;box-shadow:var(--tab-bar-actual-shadow);transform:translate(calc(var(--tab-bar-actual-index) * 100%));transform-origin:0 0;transition:transform .15s;border-radius:var(--tab-bar-actual-radius);background:var(--tab-bar-actual-color)}@keyframes _draw_xfork_1{to{stroke-dashoffset:0}}._h_xfork_1 [data-active=true] path{stroke-dasharray:60;stroke-dashoffset:60;animation:_draw_xfork_1 1s ease-in-out forwards}._b_r6m8n_1{position:absolute;inset:var(--tg-badge-inset, 0px 0px auto auto);color:var(--tg-badge-color, #ffffff);border-radius:var(--tg-badge-border-radius, 50%);transform:var(--tg-badge-transform, translate(50%, -50%));background:var(--tg-badge-background, #ff0000);padding:var(--tg-badge-padding, 5px);font-size:var(--tg-badge-font-size, 14px);font-weight:var(--tg-badge-font-weight, 700);line-height:var(--tg-badge-line-height, 1);letter-spacing:var(--tg-badge-letter-spacing, 0)}._w_yx04q_3{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px));padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top, 0px));padding-left:calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right, 0px));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height);background:var(--tg-theme-bg-color)}._v_yx04q_24{transform:translate(0)}._w_yx04q_3{backface-visibility:hidden;perspective:1000px}._s_yx04q_34{overflow:scroll}._n_yx04q_38{position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}@media (prefers-reduced-motion: no-preference){._w_yx04q_3{transition:transform .35s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){._w_yx04q_3{transform:translate(0);transition:none}}._s_ezoxx_3{overflow:scroll;width:100%;max-width:var(--tg-max-width);height:var(--tg-scroll-height);max-height:var(--tg-scroll-height);padding-top:var(--tg-modal-offset-top, 0px);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-offset-bottom, 0px));margin:0 auto}._s_ezoxx_3._n_ezoxx_14{padding-left:7px;padding-right:7px}._s_ezoxx_3._n_ezoxx_14:after{content:"";position:fixed;top:0;right:0;bottom:0;width:7px;z-index:2;background:var(--tg-theme-bg-color)}._a_ohhaz_1{display:flex;align-items:center;justify-content:center;padding:8px 8px 12px}._a_ohhaz_1 b{font-size:18px;font-weight:600}._a_ohhaz_1._l_ohhaz_12{justify-content:flex-start}._a_ohhaz_1._r_ohhaz_15{justify-content:flex-end}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,186 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { Modal as _Modal } from './Madal/Modal';
|
|
2
|
+
import { default as _Sidebar } from './Sidebar/Sidebar';
|
|
3
|
+
import { default as _SidePanel } from './SidePanel/SidePanel';
|
|
4
|
+
import { default as _Scroll } from './Scroll/Scroll';
|
|
5
|
+
import { default as _AppBar } from './AppBar/AppBar';
|
|
6
|
+
type MainButton = {
|
|
7
|
+
text?: string;
|
|
8
|
+
color?: string;
|
|
9
|
+
textColor?: string;
|
|
10
|
+
isActive?: boolean;
|
|
11
|
+
callback?: () => void;
|
|
12
|
+
page: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const clsx: (...classes: (string | undefined | boolean | null)[]) => string;
|
|
15
|
+
declare namespace Telegram {
|
|
16
|
+
const WebApp: any;
|
|
17
|
+
const getUser: () => any;
|
|
18
|
+
const Location: (callback: (locationData: any) => void) => void;
|
|
19
|
+
/**
|
|
20
|
+
* Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
|
|
21
|
+
*
|
|
22
|
+
* @property {Function} Send - Основной метод для отправки уведомления.
|
|
23
|
+
* @param {string|object} type - Тип уведомления ('error', 'success', 'warning') или объект: {type, text, thema}.
|
|
24
|
+
* @param {string} [text] - Текст уведомления (используется если type - строка).
|
|
25
|
+
* @param {boolean} [thema] - Признак применения темы оформления (используется если type - строка).
|
|
26
|
+
*
|
|
27
|
+
* @property {Function} Error - Показывает уведомление об ошибке.
|
|
28
|
+
* @param {string} [text] - Текст уведомления.
|
|
29
|
+
*
|
|
30
|
+
* @property {Function} Success - Показывает уведомление об успехе.
|
|
31
|
+
* @param {string} [text] - Текст уведомления.
|
|
32
|
+
*
|
|
33
|
+
* @property {Function} Warning - Показывает предупреждение.
|
|
34
|
+
* @param {string} [text] - Текст уведомления.
|
|
35
|
+
*
|
|
36
|
+
* Пример использования:
|
|
37
|
+
* Telegram.Notice.Send('error', 'Что-то пошло не так');
|
|
38
|
+
* Telegram.Notice.Send({type: 'success', text: 'Операция выполнена', thema: true});
|
|
39
|
+
* Telegram.Notice.Error('Произошла ошибка');
|
|
40
|
+
* Telegram.Notice.Success('Операция выполнена успешно');
|
|
41
|
+
* Telegram.Notice.Warning('Внимание!');
|
|
42
|
+
*/
|
|
43
|
+
const Notice: {
|
|
44
|
+
Send: (type: any, text?: any, thema?: any) => void;
|
|
45
|
+
Error: (text?: any) => void;
|
|
46
|
+
Success: (text?: any) => void;
|
|
47
|
+
Warning: (text?: any) => void;
|
|
48
|
+
};
|
|
49
|
+
const Header: () => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
/**
|
|
51
|
+
* @param {TAction[]} [actions] - Массив действий для отображения в футере
|
|
52
|
+
* @param {React.ReactNode} [children] - Дополнительные дочерние элементы
|
|
53
|
+
* @param {string} [className] - Пользовательский CSS-класс
|
|
54
|
+
* @param {string} [page] - Текущая страница для определения активного действия
|
|
55
|
+
* @param {"row"|"column"} [direction="row"] - Направление расположения элементов футера
|
|
56
|
+
* @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
|
|
57
|
+
* @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
|
|
58
|
+
*/
|
|
59
|
+
const TabBar: ({ actions, children, className, actual, toHide, page, style, onPageChange, direction, }: import("./TabBar/TabBar").TFooter) => import("react/jsx-runtime").JSX.Element;
|
|
60
|
+
/**
|
|
61
|
+
* @param {object} props - параметры компонента
|
|
62
|
+
* @param {React.ReactNode} props.children - Контент внутри шита
|
|
63
|
+
* @param {string} [props.title] - Заголовок окна (опционально)
|
|
64
|
+
* @param {boolean} [props.isOverlay=true] - Показывать ли затемняющую подложку (по умолчанию true)
|
|
65
|
+
*/
|
|
66
|
+
const BottomSheet: ({ children, title, isOverlay, footer, className, onOpen, }: {
|
|
67
|
+
children: React.ReactNode;
|
|
68
|
+
title?: string;
|
|
69
|
+
isOverlay?: boolean;
|
|
70
|
+
className?: string;
|
|
71
|
+
footer?: boolean;
|
|
72
|
+
onOpen?: (isOpen: boolean) => void;
|
|
73
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
74
|
+
const toggleBottomSheet: () => void;
|
|
75
|
+
const SafeArea: ({ className, children, isScroll }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
const Sidebar: typeof _Sidebar;
|
|
78
|
+
const SidePanel: typeof _SidePanel;
|
|
79
|
+
const AppBar: typeof _AppBar;
|
|
80
|
+
const SideBarController: (name: string, action: boolean) => void;
|
|
81
|
+
const SidePanelController: (name: string, action: boolean) => void;
|
|
82
|
+
const Scroll: typeof _Scroll;
|
|
83
|
+
const Modal: typeof _Modal;
|
|
84
|
+
const Menu: ({ items }: import("./Menu").TMenu) => import("react/jsx-runtime").JSX.Element;
|
|
85
|
+
const MainButton: {
|
|
86
|
+
callback: never[];
|
|
87
|
+
set: (j: MainButton | boolean) => void;
|
|
88
|
+
};
|
|
89
|
+
const BackButtonPrev: () => void;
|
|
90
|
+
const BackButtonState: () => (boolean | {
|
|
91
|
+
page?: string;
|
|
92
|
+
callback?: () => void;
|
|
93
|
+
})[];
|
|
94
|
+
/**
|
|
95
|
+
* @param {object} params - параметры компонента
|
|
96
|
+
* @param {string} [params.page] - Текущая страница для определения активного действия
|
|
97
|
+
* @param {() => void} [params.callback] - Функция для обработки смены страницы
|
|
98
|
+
*/
|
|
99
|
+
const BackButton: (params: boolean | {
|
|
100
|
+
page?: string;
|
|
101
|
+
callback?: () => void;
|
|
102
|
+
}) => void;
|
|
103
|
+
}
|
|
104
|
+
/**
|
|
105
|
+
* @param {TAction[]} [actions] - Массив действий для отображения в футере
|
|
106
|
+
* @param {React.ReactNode} [children] - Дополнительные дочерние элементы
|
|
107
|
+
* @param {string} [className] - Пользовательский CSS-класс
|
|
108
|
+
* @param {string} [page] - Текущая страница для определения активного действия
|
|
109
|
+
* @param {"row"|"column"} [direction="row"] - Направление расположения элементов футера
|
|
110
|
+
* @param {(page: string) => void} [onPageChange] - Функция для обработки смены страницы
|
|
111
|
+
* @param {boolean} [toHide=false] - Скрывать при открытой клавиатуре
|
|
112
|
+
*/
|
|
113
|
+
export declare const TabBar: ({ actions, children, className, actual, toHide, page, style, onPageChange, direction, }: import('./TabBar/TabBar').TFooter) => import("react/jsx-runtime").JSX.Element;
|
|
114
|
+
/**
|
|
115
|
+
* @param {object} props - параметры компонента
|
|
116
|
+
* @param {React.ReactNode} props.children - Контент внутри шита
|
|
117
|
+
* @param {string} [props.title] - Заголовок окна (опционально)
|
|
118
|
+
* @param {boolean} [props.isOverlay=true] - Показывать ли затемняющую подложку (по умолчанию true)
|
|
119
|
+
*/
|
|
120
|
+
export declare const BottomSheet: ({ children, title, isOverlay, footer, className, onOpen, }: {
|
|
121
|
+
children: React.ReactNode;
|
|
122
|
+
title?: string;
|
|
123
|
+
isOverlay?: boolean;
|
|
124
|
+
className?: string;
|
|
125
|
+
footer?: boolean;
|
|
126
|
+
onOpen?: (isOpen: boolean) => void;
|
|
127
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
128
|
+
/**
|
|
129
|
+
* @param {object} params - параметры компонента
|
|
130
|
+
* @param {string} [params.page] - Текущая страница для определения активного действия
|
|
131
|
+
* @param {() => void} [params.callback] - Функция для обработки смены страницы
|
|
132
|
+
*/
|
|
133
|
+
export declare const BackButton: (params: boolean | {
|
|
134
|
+
page?: string;
|
|
135
|
+
callback?: () => void;
|
|
136
|
+
}) => void;
|
|
137
|
+
export declare const BackButtonPrev: () => void;
|
|
138
|
+
export declare const BackButtonState: () => (boolean | {
|
|
139
|
+
page?: string;
|
|
140
|
+
callback?: () => void;
|
|
141
|
+
})[];
|
|
142
|
+
/**
|
|
143
|
+
* Объект для отображения уведомлений с поддержкой тем оформления и хаптик-отклика.
|
|
144
|
+
*
|
|
145
|
+
* @property {Function} Send - Основной метод для отправки уведомления.
|
|
146
|
+
* @param {string|object} type - Тип уведомления ('error', 'success', 'warning') или объект: {type, text, thema}.
|
|
147
|
+
* @param {string} [text] - Текст уведомления (используется если type - строка).
|
|
148
|
+
* @param {boolean} [thema] - Признак применения темы оформления (используется если type - строка).
|
|
149
|
+
*
|
|
150
|
+
* @property {Function} Error - Показывает уведомление об ошибке.
|
|
151
|
+
* @param {string} [text] - Текст уведомления.
|
|
152
|
+
*
|
|
153
|
+
* @property {Function} Success - Показывает уведомление об успехе.
|
|
154
|
+
* @param {string} [text] - Текст уведомления.
|
|
155
|
+
*
|
|
156
|
+
* @property {Function} Warning - Показывает предупреждение.
|
|
157
|
+
* @param {string} [text] - Текст уведомления.
|
|
158
|
+
*
|
|
159
|
+
* Пример использования:
|
|
160
|
+
* Notice.Send('error', 'Что-то пошло не так');
|
|
161
|
+
* Notice.Send({type: 'success', text: 'Операция выполнена', thema: true});
|
|
162
|
+
* Notice.Error('Произошла ошибка');
|
|
163
|
+
* Notice.Success('Операция выполнена успешно');
|
|
164
|
+
* Notice.Warning('Внимание!');
|
|
165
|
+
*/
|
|
166
|
+
export declare const Notice: {
|
|
167
|
+
Send: (type: any, text?: any, thema?: any) => void;
|
|
168
|
+
Error: (text?: any) => void;
|
|
169
|
+
Success: (text?: any) => void;
|
|
170
|
+
Warning: (text?: any) => void;
|
|
171
|
+
};
|
|
172
|
+
export declare const SafeArea: ({ className, children, isScroll }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
173
|
+
export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
|
|
174
|
+
export declare const Menu: ({ items }: import('./Menu').TMenu) => import("react/jsx-runtime").JSX.Element;
|
|
175
|
+
export declare const SidePanel: typeof _SidePanel;
|
|
176
|
+
export declare const Scroll: typeof _Scroll;
|
|
177
|
+
export declare const AppBar: typeof _AppBar;
|
|
178
|
+
export declare const Sidebar: typeof _Sidebar;
|
|
179
|
+
export declare const Location: (callback: (locationData: any) => void) => void;
|
|
180
|
+
export declare const SidePanelController: (name: string, action: boolean) => void;
|
|
181
|
+
export declare const SideBarController: (name: string, action: boolean) => void;
|
|
182
|
+
export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
|
|
183
|
+
callback: never[];
|
|
184
|
+
set: (j: MainButton | boolean) => void;
|
|
185
|
+
}, WebApp: any, getUser: () => any;
|
|
186
|
+
export default Telegram;
|