hyperfloat 0.0.0-stage → 1.0.44
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/LICENSE +21 -0
- package/dist/hyperfloat.css +9 -0
- package/dist/hyperfloat.css.map +1 -0
- package/dist/hyperfloat.d.ts +297 -0
- package/dist/hyperfloat.js +6466 -0
- package/dist/hyperfloat.js.map +1 -0
- package/dist/hyperfloat.min.js +9 -0
- package/dist/hyperfloat.min.js.map +1 -0
- package/dist/hyperfloat.mjs +9 -0
- package/dist/hyperfloat.mjs.map +1 -0
- package/dist/styles.d.ts +3 -0
- package/package.json +51 -3
- package/README.md +0 -3
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Felipe Otto
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Hyperfloat 1.0.44
|
|
3
|
+
* https://trivonui.com/hyperfloat
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2026 — Felipe Otto (Trivon UI)
|
|
6
|
+
* Restored under the MIT License
|
|
7
|
+
*/
|
|
8
|
+
._trivon-ui-hyperfloat{width:100vw;height:100dvh;position:fixed;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:var(--trivon-ui-hyperfloat-z-index);overflow:hidden}._trivon-ui-hyperfloat,[data-hyperfloat-boundary]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;right:0;bottom:0;pointer-events:none}[data-hyperfloat-boundary]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;opacity:0;visibility:hidden}[data-hyperfloat-opened=true][data-hyperfloat-boundary]{opacity:1;visibility:visible}[data-hyperfloat-anchored=false][data-hyperfloat-placement=center][data-hyperfloat-boundary]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-hyperfloat-anchored=false][data-hyperfloat-placement=top][data-hyperfloat-boundary]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[data-hyperfloat-anchored=false][data-hyperfloat-placement=top-start][data-hyperfloat-boundary]{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[data-hyperfloat-anchored=false][data-hyperfloat-placement=top-end][data-hyperfloat-boundary]{-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[data-hyperfloat-anchored=false][data-hyperfloat-placement=left][data-hyperfloat-boundary]{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-hyperfloat-anchored=false][data-hyperfloat-placement=left-start][data-hyperfloat-boundary]{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[data-hyperfloat-anchored=false][data-hyperfloat-placement=left-end][data-hyperfloat-boundary]{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[data-hyperfloat-anchored=false][data-hyperfloat-placement=right][data-hyperfloat-boundary]{-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-hyperfloat-anchored=false][data-hyperfloat-placement=right-start][data-hyperfloat-boundary]{-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}[data-hyperfloat-anchored=false][data-hyperfloat-placement=right-end][data-hyperfloat-boundary]{-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[data-hyperfloat-anchored=false][data-hyperfloat-placement=bottom][data-hyperfloat-boundary]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[data-hyperfloat-anchored=false][data-hyperfloat-placement=bottom-start][data-hyperfloat-boundary]{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[data-hyperfloat-anchored=false][data-hyperfloat-placement=bottom-end][data-hyperfloat-boundary]{-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}[data-hyperfloat-overlay]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}[data-hyperfloat-opened=true][data-hyperfloat-overlay-enabled=true] [data-hyperfloat-overlay]{pointer-events:visible}[data-hyperfloat-overlay-color=black][data-hyperfloat-overlay-enabled=true] [data-hyperfloat-overlay]{background:rgba(0,0,0,.45)}[data-hyperfloat-overlay-color=white][data-hyperfloat-overlay-enabled=true] [data-hyperfloat-overlay]{background:hsla(0,0%,100%,.45)}[data-hyperfloat-overlay-blur=true][data-hyperfloat-overlay-enabled=true] [data-hyperfloat-overlay]{backdrop-filter:blur(2px) saturate(100%);-webkit-backdrop-filter:blur(2px) saturate(100%)}[data-hyperfloat-positioner]{max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;position:relative!important;margin:0!important;padding:0!important;pointer-events:none!important;will-change:transform}[data-hyperfloat-anchor=element] [data-hyperfloat-positioner],[data-hyperfloat-anchor=pointer] [data-hyperfloat-positioner]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;position:absolute!important;top:0!important;left:0!important}[data-hyperfloat-box]{max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;border-style:solid;border-width:0;pointer-events:visible;overflow:hidden;will-change:transform;background:#fff}[data-hyperfloat-box],[data-hyperfloat-size=auto] [data-hyperfloat-box]{width:auto;height:auto}[data-hyperfloat-size=small] [data-hyperfloat-box]{width:468px;height:auto;min-height:100}[data-hyperfloat-size=medium] [data-hyperfloat-box]{width:768px;height:768px}[data-hyperfloat-size=full] [data-hyperfloat-box],[data-hyperfloat-size=large] [data-hyperfloat-box]{width:100vw;height:100vw}[data-hyperfloat-header]{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;z-index:3}[data-hyperfloat-header]:empty{display:none}[data-hyperfloat-footer]{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;z-index:3}[data-hyperfloat-footer]:empty{display:none}[data-hyperfloat-content]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;pointer-events:visible;z-index:2}[data-hyperfloat-content-inner]{container:content;width:100%;height:auto;display:block;pointer-events:visible;z-index:1}[data-hyperfloat-loading]{display:block;width:120;height:2px;border-radius:1px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2}[data-hyperfloat-loading-bar]{position:absolute;top:0;left:0;width:0;height:100%;border-radius:30;-webkit-animation:hyperfloatLoadingMovingDefault 1s ease-in-out infinite;animation:hyperfloatLoadingMovingDefault 1s ease-in-out infinite}.hyperfloat-loading-bar{background:#000}@-webkit-keyframes hyperfloatLoadingMovingDefault{50%{width:100%}to{width:0;right:0;left:auto}}@keyframes hyperfloatLoadingMovingDefault{50%{width:100%}to{width:0;right:0;left:auto}}[data-hyperfloat-sandbox]{position:absolute;width:1px;height:1px;margin:-1px;display:none;border:none;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
|
|
9
|
+
/*# sourceMappingURL=hyperfloat.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["main.css"],"names":[],"mappings":"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","file":"hyperfloat.css","sourcesContent":["/* src/styles/main.css */\n\n._trivon-ui-hyperfloat {\n width: 100vw;\n height: 100dvh;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n transition: all .2s ease;\n\n pointer-events: none;\n\n z-index: var(--trivon-ui-hyperfloat-z-index);\n\n overflow: hidden;\n}\n\n[data-hyperfloat-box] {\n background: white;\n}\n\n/*------------------------------------------------------*/\n/* Boundary */\n\n[data-hyperfloat-boundary] {\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n opacity: 0;\n visibility: hidden;\n\n pointer-events: none;\n}\n\n[data-hyperfloat-opened=\"true\"][data-hyperfloat-boundary] {\n opacity: 1;\n visibility: visible;\n}\n\n/* Center */\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"center\"][data-hyperfloat-boundary] {\n align-items: center;\n justify-content: center;\n}\n\n/* Top */\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"top\"][data-hyperfloat-boundary] {\n align-items: center;\n justify-content: start;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"top-start\"][data-hyperfloat-boundary] {\n align-items: start;\n justify-content: start;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"top-end\"][data-hyperfloat-boundary] {\n align-items: end;\n justify-content: start;\n}\n\n/* Left */\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"left\"][data-hyperfloat-boundary] {\n align-items: start;\n justify-content: center;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"left-start\"][data-hyperfloat-boundary] {\n align-items: start;\n justify-content: start;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"left-end\"][data-hyperfloat-boundary] {\n align-items: start;\n justify-content: end;\n}\n\n/* Right */\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"right\"][data-hyperfloat-boundary] {\n align-items: end;\n justify-content: center;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"right-start\"][data-hyperfloat-boundary] {\n align-items: end;\n justify-content: start;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"right-end\"][data-hyperfloat-boundary] {\n align-items: end;\n justify-content: end;\n}\n\n/* Bottom */\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"bottom\"][data-hyperfloat-boundary] {\n align-items: center;\n justify-content: end;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"bottom-start\"][data-hyperfloat-boundary] {\n align-items: start;\n justify-content: end;\n}\n\n[data-hyperfloat-anchored=\"false\"][data-hyperfloat-placement=\"bottom-end\"][data-hyperfloat-boundary] {\n align-items: end;\n justify-content: end;\n}\n\n/*------------------------------------------------------*/\n/* Overlay */\n\n[data-hyperfloat-overlay] {\n width: 100%;\n height: 100%;\n\n display: flex;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n pointer-events: none;\n}\n\n[data-hyperfloat-opened=\"true\"][data-hyperfloat-overlay-enabled=\"true\"] [data-hyperfloat-overlay] {\n pointer-events: visible;\n}\n\n[data-hyperfloat-overlay-color=\"black\"][data-hyperfloat-overlay-enabled=\"true\"] [data-hyperfloat-overlay] {\n background: rgba(0, 0, 0, 0.45);\n}\n\n[data-hyperfloat-overlay-color=\"white\"][data-hyperfloat-overlay-enabled=\"true\"] [data-hyperfloat-overlay] {\n background: rgba(255, 255, 255, 0.45);\n}\n\n[data-hyperfloat-overlay-blur=\"true\"][data-hyperfloat-overlay-enabled=\"true\"] [data-hyperfloat-overlay] {\n\n backdrop-filter: blur(2px) saturate(100%);\n -webkit-backdrop-filter: blur(2px) saturate(100%);\n}\n\n[data-hyperfloat-positioner] {\n /* Encolhe para abraçar o Box, mas NUNCA ultrapassa o Boundary + Padding */\n max-width: 100% !important;\n max-height: 100% !important;\n\n /* Previne que o flexbox estoure limites internos */\n min-width: 0 !important;\n min-height: 0 !important;\n\n display: flex !important;\n\n position: relative !important;\n\n margin: 0 !important;\n\n padding: 0 !important;\n\n pointer-events: none !important;\n\n will-change: transform;\n}\n\n[data-hyperfloat-anchor=\"element\"] [data-hyperfloat-positioner],\n[data-hyperfloat-anchor=\"pointer\"] [data-hyperfloat-positioner] {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n}\n\n/*------------------------------------------------------*/\n/* Box */\n\n[data-hyperfloat-box] {\n width: auto;\n height: auto;\n\n /* ...mas se a tela for menor que 400px, ele para nos 100% do positioner */\n max-width: 100% !important;\n max-height: 100% !important;\n\n min-width: 0;\n min-height: 0;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n position: relative;\n\n border-style: solid;\n border-width: 0;\n\n pointer-events: visible;\n\n overflow: hidden;\n\n will-change: transform;\n\n background: #fff;\n}\n\n/*.hyperfloat-box:has([data-hyperfloat-content-inner]:empty) {\n min-width: 20;\n min-height: 20;\n background: #fff;\n}*/\n\n/*------------------------------------------------------*/\n/* Size */\n\n/* Auto */\n[data-hyperfloat-size=\"auto\"] [data-hyperfloat-box] {\n width: auto;\n height: auto;\n}\n\n/* Small */\n[data-hyperfloat-size=\"small\"] [data-hyperfloat-box] {\n width: 468px;\n height: auto;\n min-height: 100;\n}\n\n/* Medium */\n[data-hyperfloat-size=\"medium\"] [data-hyperfloat-box] {\n width: 768px;\n height: 768px;\n}\n\n/* Large */\n[data-hyperfloat-size=\"large\"] [data-hyperfloat-box] {\n width: 100vw;\n height: 100vw;\n}\n\n/* Full */\n[data-hyperfloat-size=\"full\"] [data-hyperfloat-box] {\n width: 100vw;\n height: 100vw;\n}\n\n[data-hyperfloat-header] {\n box-sizing: border-box;\n height: auto;\n width: 100%;\n\n display: flex;\n\n position: relative;\n\n flex-shrink: 0;\n\n z-index: 3;\n}\n\n[data-hyperfloat-header]:empty {\n display: none;\n}\n\n[data-hyperfloat-footer] {\n box-sizing: border-box;\n height: auto;\n width: 100%;\n\n display: flex;\n\n position: relative;\n\n flex-shrink: 0;\n\n z-index: 3;\n}\n\n[data-hyperfloat-footer]:empty {\n display: none;\n}\n\n[data-hyperfloat-content] {\n\n box-sizing: border-box;\n width: 100%;\n /*height: 100%;*/\n\n flex: 1;\n\n position: relative;\n\n overflow: hidden auto;\n /* Necessário ter Y */\n\n pointer-events: visible;\n z-index: 2;\n}\n\n/*[data-hyperfloat-content].lenis,\n[data-hyperfloat-content].lenis.lenis-smooth {\n overflow: hidden;\n}*/\n\n[data-hyperfloat-content-inner] {\n container: content;\n width: 100%;\n height: auto;\n display: block;\n\n pointer-events: visible;\n\n z-index: 1;\n}\n\n/*[data-hyperfloat-content-inner]:has([data-hyperfloat-loading]) {\n height: 100%;\n}*/\n\n[data-hyperfloat-loading] {\n display: block;\n width: 120;\n height: 2px;\n border-radius: 1px;\n position: absolute;\n\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n margin: auto;\n\n z-index: 2;\n}\n\n[data-hyperfloat-loading-bar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0%;\n height: 100%;\n border-radius: 30;\n animation: hyperfloatLoadingMovingDefault 1s ease-in-out infinite;\n}\n\n.hyperfloat-loading-bar {\n background: #000;\n}\n\n\n@keyframes hyperfloatLoadingMovingDefault {\n 50% {\n width: 100%;\n }\n\n 100% {\n width: 0;\n right: 0;\n left: unset;\n }\n}\n\n[data-hyperfloat-sandbox] {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n display: none;\n border: none;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n}"]}
|
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Hyperfloat 1.0.44
|
|
3
|
+
* https://trivonui.com/hyperfloat
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2026 — Felipe Otto (Trivon UI)
|
|
6
|
+
* Restored under the MIT License
|
|
7
|
+
*/
|
|
8
|
+
type HyperfloatActionOptions = {
|
|
9
|
+
target?: Element;
|
|
10
|
+
event?: string;
|
|
11
|
+
source?: string;
|
|
12
|
+
};
|
|
13
|
+
interface HyperfloatActionHookResponse {
|
|
14
|
+
prevent?: boolean;
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
interface HyperfloatAccessibilityOptions {
|
|
19
|
+
role?: string;
|
|
20
|
+
label?: string;
|
|
21
|
+
modal?: boolean;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}
|
|
24
|
+
interface HyperfloatAccessibility {
|
|
25
|
+
role: string;
|
|
26
|
+
label: string;
|
|
27
|
+
modal: boolean;
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
interface HyperfloatElements {
|
|
32
|
+
boundary: HTMLElement;
|
|
33
|
+
overlay: HTMLElement | null;
|
|
34
|
+
positioner: HTMLElement;
|
|
35
|
+
box: HTMLElement;
|
|
36
|
+
content: HTMLElement;
|
|
37
|
+
contentInner: HTMLElement;
|
|
38
|
+
loading: HTMLElement | null;
|
|
39
|
+
header: HTMLElement | null;
|
|
40
|
+
headerInner: HTMLElement | null;
|
|
41
|
+
footer: HTMLElement | null;
|
|
42
|
+
footerInner: HTMLElement | null;
|
|
43
|
+
}
|
|
44
|
+
type HyperfloatElementTarget = string | Element | Node | NodeList | Element[] | any[] | null;
|
|
45
|
+
|
|
46
|
+
type HyperfloatRegisterEvent = 'click' | 'pointerenter' | 'pointermove' | 'mouseenter' | 'mousemove';
|
|
47
|
+
interface HyperfloatRegisterOpenObject {
|
|
48
|
+
el: HyperfloatElementTarget;
|
|
49
|
+
event?: HyperfloatRegisterEvent;
|
|
50
|
+
}
|
|
51
|
+
type HyperfloatRegisterOptions = HyperfloatElementTarget | HyperfloatRegisterOpenObject;
|
|
52
|
+
type HyperfloatUnregisterTarget = HyperfloatElementTarget;
|
|
53
|
+
|
|
54
|
+
type HyperfloatBoundaryPaddingOptions = string | number | {
|
|
55
|
+
top?: number;
|
|
56
|
+
left?: number;
|
|
57
|
+
bottom?: number;
|
|
58
|
+
right?: number;
|
|
59
|
+
};
|
|
60
|
+
interface HyperfloatBoundaryPadding {
|
|
61
|
+
top: number;
|
|
62
|
+
left: number;
|
|
63
|
+
bottom: number;
|
|
64
|
+
right: number;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
interface HyperfloatDismissOptions {
|
|
68
|
+
outsideClick?: boolean;
|
|
69
|
+
outsideWheel?: boolean;
|
|
70
|
+
escapeKey?: boolean;
|
|
71
|
+
pointerLeave?: boolean;
|
|
72
|
+
mouseLeave?: boolean;
|
|
73
|
+
closeWithParent?: boolean;
|
|
74
|
+
timeout?: number;
|
|
75
|
+
idleTimeout?: number;
|
|
76
|
+
}
|
|
77
|
+
interface HyperfloatDismiss {
|
|
78
|
+
outsideClick: boolean;
|
|
79
|
+
outsideWheel: boolean;
|
|
80
|
+
escapeKey: boolean;
|
|
81
|
+
pointerLeave: boolean;
|
|
82
|
+
closeWithParent: boolean;
|
|
83
|
+
timeout: number | null;
|
|
84
|
+
idleTimeout: number | null;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
type HyperfloatDraggableOptions = boolean | {
|
|
88
|
+
bounds?: boolean;
|
|
89
|
+
handle?: string | Element | Node;
|
|
90
|
+
};
|
|
91
|
+
type HyperfloatDraggable = null | {
|
|
92
|
+
bounds: boolean;
|
|
93
|
+
handle: null | HTMLElement | Element;
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
type HyperfloatFlipOptions = boolean | {
|
|
97
|
+
mainAxis?: boolean;
|
|
98
|
+
crossAxis?: boolean;
|
|
99
|
+
};
|
|
100
|
+
type HyperfloatFlip = null | {
|
|
101
|
+
mainAxis: boolean;
|
|
102
|
+
crossAxis: boolean;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
interface HyperfloatMetaOptions {
|
|
106
|
+
type?: string;
|
|
107
|
+
variant?: string;
|
|
108
|
+
role?: string;
|
|
109
|
+
[key: string]: any;
|
|
110
|
+
}
|
|
111
|
+
interface HyperfloatMeta {
|
|
112
|
+
type: string;
|
|
113
|
+
variant: string;
|
|
114
|
+
role: string;
|
|
115
|
+
[key: string]: any;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
type HyperfloatOffsetOptions = string | number | {
|
|
119
|
+
mainAxis?: number | string;
|
|
120
|
+
crossAxis?: number | string;
|
|
121
|
+
alignmentAxis?: number | string;
|
|
122
|
+
};
|
|
123
|
+
type HyperfloatOffset = null | {
|
|
124
|
+
mainAxis?: number;
|
|
125
|
+
crossAxis?: number;
|
|
126
|
+
alignmentAxis?: number;
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
interface HyperfloatPointerTarget {
|
|
130
|
+
el: HTMLElement | null;
|
|
131
|
+
action: 'open' | 'close' | null;
|
|
132
|
+
}
|
|
133
|
+
interface HyperfloatPointer {
|
|
134
|
+
x: number;
|
|
135
|
+
y: number;
|
|
136
|
+
target: HyperfloatPointerTarget;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
type HyperfloatPlacementOptions = 'center' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
140
|
+
|
|
141
|
+
type HyperfloatOverlayOptions = boolean | {
|
|
142
|
+
color?: 'white' | 'black' | string;
|
|
143
|
+
blur?: boolean;
|
|
144
|
+
};
|
|
145
|
+
type HyperfloatOverlay = null | {
|
|
146
|
+
color: 'white' | 'black' | (string & {});
|
|
147
|
+
blur: boolean;
|
|
148
|
+
};
|
|
149
|
+
|
|
150
|
+
type HyperfloatSizePresets = 'auto' | 'small' | 'medium' | 'large' | 'full';
|
|
151
|
+
type HyperfloatSizeOptions = HyperfloatSizePresets | (string & {}) | number | {
|
|
152
|
+
width?: number | string;
|
|
153
|
+
height?: number | string;
|
|
154
|
+
};
|
|
155
|
+
interface HyperfloatSize {
|
|
156
|
+
type: 'preset' | 'custom';
|
|
157
|
+
width: number;
|
|
158
|
+
height: number;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
type HyperfloatShiftOptions = boolean | {
|
|
162
|
+
mainAxis?: boolean;
|
|
163
|
+
crossAxis?: boolean;
|
|
164
|
+
};
|
|
165
|
+
type HyperfloatShift = null | {
|
|
166
|
+
mainAxis: boolean;
|
|
167
|
+
crossAxis: boolean;
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
type HyperfloatTeardown = () => void;
|
|
171
|
+
declare class Hyperfloat {
|
|
172
|
+
static version: string;
|
|
173
|
+
static create<T extends Hyperfloat>(this: new (options?: any) => T, options?: HyperfloatOptions): Promise<T>;
|
|
174
|
+
static config(data: {
|
|
175
|
+
zIndex?: number;
|
|
176
|
+
autoRaf?: boolean;
|
|
177
|
+
}): void;
|
|
178
|
+
static defaults(args?: HyperfloatDefaultOptions): void;
|
|
179
|
+
static open(id: string, args?: HyperfloatActionOptions): Promise<void>;
|
|
180
|
+
static close(id: string, args?: HyperfloatActionOptions): Promise<void>;
|
|
181
|
+
static closeAll(args?: HyperfloatActionOptions): Promise<void>;
|
|
182
|
+
static destroy(id: string, args?: HyperfloatActionOptions): Promise<void>;
|
|
183
|
+
static destroyAll(args?: HyperfloatActionOptions): Promise<void>;
|
|
184
|
+
static sync(): void;
|
|
185
|
+
static update(): void;
|
|
186
|
+
static refresh(): void;
|
|
187
|
+
static raf(time?: number): void;
|
|
188
|
+
static getAll(): Hyperfloat[];
|
|
189
|
+
static getOpened(anchor?: string | null, locked?: boolean): Hyperfloat[];
|
|
190
|
+
static getByPriority(operator?: '>' | '>=' | '<' | '<=' | '==', priorityRef?: number): Hyperfloat[];
|
|
191
|
+
constructor(options: HyperfloatOptions);
|
|
192
|
+
open(args?: HyperfloatActionOptions): Promise<void>;
|
|
193
|
+
close(args?: HyperfloatActionOptions): Promise<void>;
|
|
194
|
+
destroy(args?: HyperfloatActionOptions): Promise<void>;
|
|
195
|
+
sync(): void;
|
|
196
|
+
refresh(args?: {
|
|
197
|
+
force: boolean;
|
|
198
|
+
}): void;
|
|
199
|
+
update(): void;
|
|
200
|
+
registerOpen(options?: HyperfloatRegisterOptions): HyperfloatTeardown;
|
|
201
|
+
registerClose(options?: HyperfloatRegisterOptions): HyperfloatTeardown;
|
|
202
|
+
unregisterOpen(target: HyperfloatUnregisterTarget): void;
|
|
203
|
+
unregisterClose(target: HyperfloatUnregisterTarget): void;
|
|
204
|
+
content: string | Element | Node | (() => any);
|
|
205
|
+
ignoreCloseAll: boolean;
|
|
206
|
+
vars: Record<string, any>;
|
|
207
|
+
get id(): string;
|
|
208
|
+
get anchor(): HyperfloatAnchorOptions;
|
|
209
|
+
get opened(): boolean;
|
|
210
|
+
get resolvedPlacement(): HyperfloatPlacementOptions;
|
|
211
|
+
get state(): {
|
|
212
|
+
opened: boolean;
|
|
213
|
+
anchored: boolean;
|
|
214
|
+
locked: boolean;
|
|
215
|
+
pointer: HyperfloatPointer;
|
|
216
|
+
priority: number;
|
|
217
|
+
dragging: boolean;
|
|
218
|
+
lastBreakpoint: number | null;
|
|
219
|
+
resolvedPlacement: HyperfloatPlacementOptions;
|
|
220
|
+
};
|
|
221
|
+
get elements(): HyperfloatElements;
|
|
222
|
+
get accessibility(): HyperfloatAccessibility;
|
|
223
|
+
set accessibility(options: HyperfloatAccessibilityOptions);
|
|
224
|
+
get meta(): HyperfloatMeta;
|
|
225
|
+
set meta(options: HyperfloatMetaOptions);
|
|
226
|
+
get dismiss(): HyperfloatDismiss;
|
|
227
|
+
set dismiss(options: HyperfloatDismissOptions);
|
|
228
|
+
get destroyAfterClose(): boolean;
|
|
229
|
+
set destroyAfterClose(value: boolean);
|
|
230
|
+
get overlay(): HyperfloatOverlay;
|
|
231
|
+
set overlay(value: HyperfloatOverlayOptions);
|
|
232
|
+
get placement(): HyperfloatPlacementOptions;
|
|
233
|
+
set placement(value: HyperfloatPlacementOptions);
|
|
234
|
+
get boundaryPadding(): HyperfloatBoundaryPadding;
|
|
235
|
+
set boundaryPadding(options: HyperfloatBoundaryPaddingOptions);
|
|
236
|
+
get size(): HyperfloatSize;
|
|
237
|
+
set size(options: HyperfloatSizeOptions);
|
|
238
|
+
get offset(): HyperfloatOffset;
|
|
239
|
+
set offset(options: HyperfloatOffsetOptions);
|
|
240
|
+
get flip(): HyperfloatFlip;
|
|
241
|
+
set flip(options: HyperfloatFlipOptions);
|
|
242
|
+
get shift(): HyperfloatShift;
|
|
243
|
+
set shift(options: HyperfloatShiftOptions);
|
|
244
|
+
get draggable(): HyperfloatDraggable;
|
|
245
|
+
set draggable(options: HyperfloatDraggableOptions);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
type HyperfloatBreakpointsOptions = Record<number | string, Omit<HyperfloatBaseOptions, 'breakpoints' | 'destroyAfterClose' | 'ignoreCloseAll' | 'draggable' | 'autoOpen' | 'header' | 'footer' | 'debug'>>;
|
|
249
|
+
interface HyperfloatBaseOptions {
|
|
250
|
+
meta?: HyperfloatMetaOptions;
|
|
251
|
+
accessibility?: HyperfloatAccessibilityOptions;
|
|
252
|
+
dismiss?: HyperfloatDismissOptions;
|
|
253
|
+
destroyAfterClose?: boolean;
|
|
254
|
+
autoOpen?: boolean;
|
|
255
|
+
overlay?: HyperfloatOverlayOptions;
|
|
256
|
+
placement?: HyperfloatPlacementOptions;
|
|
257
|
+
boundaryPadding?: HyperfloatBoundaryPaddingOptions;
|
|
258
|
+
draggable?: HyperfloatDraggableOptions;
|
|
259
|
+
offset?: HyperfloatOffsetOptions;
|
|
260
|
+
flip?: HyperfloatFlipOptions;
|
|
261
|
+
shift?: HyperfloatShiftOptions;
|
|
262
|
+
ignoreCloseAll?: boolean;
|
|
263
|
+
header?: string | Element | Node | (() => any);
|
|
264
|
+
footer?: string | Element | Node | (() => any);
|
|
265
|
+
size?: HyperfloatSizeOptions;
|
|
266
|
+
breakpoints?: HyperfloatBreakpointsOptions;
|
|
267
|
+
debug?: boolean;
|
|
268
|
+
}
|
|
269
|
+
type HyperfloatDefaultOptions = Omit<HyperfloatBaseOptions, 'ignoreCloseAll'>;
|
|
270
|
+
type HyperfloatAnchorOptions = 'viewport' | 'element' | 'pointer';
|
|
271
|
+
interface HyperfloatOptions extends HyperfloatBaseOptions {
|
|
272
|
+
id?: string;
|
|
273
|
+
anchor?: HyperfloatAnchorOptions;
|
|
274
|
+
open?: HyperfloatRegisterOptions;
|
|
275
|
+
close?: HyperfloatRegisterOptions;
|
|
276
|
+
content?: string | Element | Node | (() => any);
|
|
277
|
+
vars?: Record<string, any>;
|
|
278
|
+
interpolate?: (this: Hyperfloat, ...args: any[]) => any;
|
|
279
|
+
onBeforeInit?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
280
|
+
onInit?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
281
|
+
onAfterInit?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
282
|
+
onBeforeOpen?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
283
|
+
onOpen?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
284
|
+
onAfterOpen?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
285
|
+
onBeforeClose?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
286
|
+
onClose?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
287
|
+
onAfterClose?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
288
|
+
onDestroy?: (this: Hyperfloat, data?: any) => void | HyperfloatActionHookResponse | Promise<void | HyperfloatActionHookResponse>;
|
|
289
|
+
onReady?: (this: Hyperfloat, data?: any) => void;
|
|
290
|
+
onSync?: (this: Hyperfloat, data?: any) => void;
|
|
291
|
+
onRefresh?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
292
|
+
onUpdate?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
293
|
+
onMove?: (this: Hyperfloat, data?: any) => void | Promise<void>;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
export { Hyperfloat, Hyperfloat as default };
|
|
297
|
+
export type { HyperfloatAccessibility, HyperfloatAccessibilityOptions, HyperfloatActionHookResponse, HyperfloatActionOptions, HyperfloatAnchorOptions, HyperfloatBaseOptions, HyperfloatBoundaryPadding, HyperfloatBoundaryPaddingOptions, HyperfloatBreakpointsOptions, HyperfloatDefaultOptions, HyperfloatDismiss, HyperfloatDismissOptions, HyperfloatDraggable, HyperfloatDraggableOptions, HyperfloatElementTarget, HyperfloatElements, HyperfloatFlip, HyperfloatFlipOptions, HyperfloatMeta, HyperfloatMetaOptions, HyperfloatOffset, HyperfloatOffsetOptions, HyperfloatOptions, HyperfloatOverlay, HyperfloatOverlayOptions, HyperfloatPlacementOptions, HyperfloatPointer, HyperfloatPointerTarget, HyperfloatRegisterEvent, HyperfloatRegisterOpenObject, HyperfloatRegisterOptions, HyperfloatShift, HyperfloatShiftOptions, HyperfloatSize, HyperfloatSizeOptions, HyperfloatSizePresets, HyperfloatUnregisterTarget };
|