@elcrm/telegram 0.0.76 → 0.0.78
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/Loading/index.d.ts +6 -0
- package/dist/SafeArea/index.d.ts +2 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.es.js +312 -296
- package/dist/index.umd.js +11 -11
- package/package.json +1 -1
package/dist/SafeArea/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export type TSafeArea = {
|
|
2
2
|
className?: string;
|
|
3
3
|
children?: React.ReactNode;
|
|
4
|
+
isScroll?: boolean;
|
|
4
5
|
};
|
|
5
|
-
declare const SafeArea: ({ className, children }: TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const SafeArea: ({ className, children, isScroll }: TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export default SafeArea;
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*{-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}.debug{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}.debug .b,.debug .o{padding:0 15px;cursor:pointer}.mb{bottom:0;position:fixed;left:0;right:0;padding:10px}.mb button{width:100%}.tm{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)}.tm ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}.tm ul:first-child{border-top:0}.tm 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)}.tm ol:hover{display:flex}.tm li{position:relative}.tm 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)}.tm button:hover{background-color:var(--tg-theme-button-color)}.tm button:hover+ol{display:flex}.ta{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}.ta .--body{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}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease}.modal-overlay.closing{animation:fadeOut .3s ease}.modal-popup{position:relative;width:100%;min-height:var(--modal-height);max-width:500px;max-height:var(--modal-height);overflow:hidden;animation:slideUp .3s ease;background:var(--tg-theme-bg-color)}.modal-popup.closing{animation:slideDown .3s ease}.notice{position:fixed;top:0;z-index:999;max-height:0px}.notice .item{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)}.notice svg{margin-top:7px}.notice .text{padding:9px 0;flex:1}.notice .error{background:#f44336}.notice .success{background:#4caf50}.notice .warning{background:#ff9800}.notice .item.thema{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.notice .item.error.thema svg{color:#f44336}.notice .item.success.thema svg{color:#4caf50}.notice .item.warning.thema svg{color:#ff9800}.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);margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px);border-bottom:1px solid var(--tg-theme-section-separator-color)}.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}}._h_rl5ga_1{z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;padding:5px 16px 0;gap:10px;background-color:var(--tg-theme-footer-bg);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px))}._h_rl5ga_1._row_rl5ga_14{flex-direction:row}._h_rl5ga_1._column_rl5ga_17{flex-direction:column}._h_rl5ga_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0}._h_rl5ga_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_rl5ga_1 button{flex:1}.
|
|
1
|
+
*{-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}.debug{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}.debug .b,.debug .o{padding:0 15px;cursor:pointer}.mb{bottom:0;position:fixed;left:0;right:0;padding:10px}.mb button{width:100%}.tm{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)}.tm ul{list-style-type:none;margin:0;display:block;width:100%;padding:8px;border-top:1px solid var(--tg-theme-hint-color)}.tm ul:first-child{border-top:0}.tm 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)}.tm ol:hover{display:flex}.tm li{position:relative}.tm 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)}.tm button:hover{background-color:var(--tg-theme-button-color)}.tm button:hover+ol{display:flex}.ta{margin:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#0006}.ta .--body{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}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-bg-color-alpha);z-index:11;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease}.modal-overlay.closing{animation:fadeOut .3s ease}.modal-popup{position:relative;width:100%;min-height:var(--modal-height);max-width:500px;max-height:var(--modal-height);overflow:hidden;animation:slideUp .3s ease;background:var(--tg-theme-bg-color)}.modal-popup.closing{animation:slideDown .3s ease}.notice{position:fixed;top:0;z-index:999;max-height:0px}.notice .item{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)}.notice svg{margin-top:7px}.notice .text{padding:9px 0;flex:1}.notice .error{background:#f44336}.notice .success{background:#4caf50}.notice .warning{background:#ff9800}.notice .item.thema{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color)}.notice .item.error.thema svg{color:#f44336}.notice .item.success.thema svg{color:#4caf50}.notice .item.warning.thema svg{color:#ff9800}.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);margin-bottom:calc(var(--tg-safe-area-inset-bottom) + 40px);border-bottom:1px solid var(--tg-theme-section-separator-color)}.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}}._h_rl5ga_1{z-index:2;position:fixed;bottom:0;left:0;right:0;display:flex;padding:5px 16px 0;gap:10px;background-color:var(--tg-theme-footer-bg);padding-bottom:calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom, 0px))}._h_rl5ga_1._row_rl5ga_14{flex-direction:row}._h_rl5ga_1._column_rl5ga_17{flex-direction:column}._h_rl5ga_1 div[data-active]{flex:1;text-align:center;padding:10px 0 0}._h_rl5ga_1 div[data-active=true]{color:var(--tg-theme-button-color)}._h_rl5ga_1 button{flex:1}._p_11v0c_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));height:var(--tg-safe-area-height);max-height:var(--tg-safe-area-height)}._m_11v0c_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_11v0c_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}
|
package/dist/index.d.ts
CHANGED
|
@@ -44,7 +44,8 @@ declare namespace Telegram {
|
|
|
44
44
|
isOverlay?: boolean;
|
|
45
45
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
const toggleBottomSheet: () => void;
|
|
47
|
-
const SafeArea: ({ className, children }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
const SafeArea: ({ className, children, isScroll }: import("./SafeArea").TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
const Loading: ({ children, className }: import("./Loading").TLoading) => import("react/jsx-runtime").JSX.Element;
|
|
48
49
|
const Modal: typeof _Modal;
|
|
49
50
|
const MainButton: {
|
|
50
51
|
callback: never[];
|
|
@@ -101,7 +102,8 @@ export declare const BackButton: (params: boolean | {
|
|
|
101
102
|
* Notice({type: 'success', text: 'Операция выполнена', thema: true});
|
|
102
103
|
*/
|
|
103
104
|
export declare const Notice: (type: any, text?: any, thema?: any) => void;
|
|
104
|
-
export declare const SafeArea: ({ className, children }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
105
|
+
export declare const SafeArea: ({ className, children, isScroll }: import('./SafeArea').TSafeArea) => import("react/jsx-runtime").JSX.Element;
|
|
106
|
+
export declare const Loading: ({ children, className }: import('./Loading').TLoading) => import("react/jsx-runtime").JSX.Element;
|
|
105
107
|
export declare const Header: () => import("react/jsx-runtime").JSX.Element, toggleBottomSheet: () => void, Modal: typeof _Modal, MainButton: {
|
|
106
108
|
callback: never[];
|
|
107
109
|
set: (j: MainButton | boolean) => void;
|