@wisemen/vue-core-design-system 1.35.4 → 1.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/composables/virtualKeyboardInset.composable.d.ts +13 -0
- package/dist/index.cjs +49 -47
- package/dist/index.js +5138 -4981
- package/dist/style.css +1 -1
- package/dist/ui/dialog/dialog.context.d.ts +4 -4
- package/dist/ui/responsive-drawer/ResponsiveDrawer.d.ts +164 -2
- package/dist/ui/responsive-drawer/pageScrollLock.d.ts +2 -0
- package/dist/ui/responsive-drawer/responsiveDrawer.props.d.ts +8 -2
- package/dist/ui/responsive-drawer/stories/ResponsiveDrawerPlayground.d.ts +11 -0
- package/dist/ui/responsive-drawer/stories/responsiveDrawer.story.d.ts +41 -0
- package/package.json +3 -3
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* The height, in px, of the layout viewport the on-screen keyboard covers (0 while it is closed).
|
|
4
|
+
*
|
|
5
|
+
* iOS Safari doesn't resize the layout viewport for the keyboard, so `position: fixed; bottom: 0`
|
|
6
|
+
* ends up behind it. Lift fixed bottom content by this inset to keep it above the keyboard.
|
|
7
|
+
* Browsers that do resize the layout viewport for the keyboard (Chrome on Android, or
|
|
8
|
+
* `interactive-widget=resizes-content`) report 0, because fixed content already moves with it.
|
|
9
|
+
* Also 0 while pinch-zoomed, when the visual viewport no longer tells where the keyboard is.
|
|
10
|
+
*
|
|
11
|
+
* `ResponsiveDrawer` uses it too: its view ends where the keyboard starts.
|
|
12
|
+
*/
|
|
13
|
+
export declare const useVirtualKeyboardInset: () => Readonly<Ref<number>>;
|