cupertino-pane
Advanced tools
Changelog
[1.2.3] - 2021-01-22
.calcFitHeight()
method to re-calculate automatically height fitHeight: true
, if this value was not proper calculated due DOM issues #123maxFitHeight
property to settings to define maximum possible automatically calculated height #122resize
callback to orientationchange
callback for device orientation changes. Fixed issues regarding resize and keyboards. #125Changelog
[1.2.2] - 2021-01-20
fitHeight
property for usage pane without breakpoints. On fitHeight: true
, pane height will automatically calculated before present. Then height will be applied as top breakpoint height, bottom and middle breakpoint will be disabled. See Bulletin demo on example. #113fitScreenHeight
property. On fitScreenHeight: true
, pane height will not be more than screen height.buttonClose
-> buttonDestroy
#116window.resize
events and orientation changing now automatically reset breakpoints and pane to proper position. May be good using in pair with fitScreenHeight: true
#119Changelog
[1.2.0] - 2020-12-15
.preventDismiss()
method and gesture #87const settings = {
...
onWillDismiss: (e) => {
if (e) {
console.log(e.prevented);
}
}
}
const myPane = new CupertinoPane('.cupertino-pane', settings);
myPane.present({animate: true});
myPane.preventDismiss(true);
setBreakpoints()
method for inversed pane #92textarea
overflow scroll. Pane disallowed from drag if scroll available and target element is textarea #88onTransitionEnd
callback with top position #105currentBreak()
detection for onDragEnd
callbac #106Changelog
[1.1.94] - 2020-11-15
handleKeyboard: false
.preventDismiss()
method. Using in pair with onWillDismiss()
callback to prevent pane from destroy on custom conditions #82const settings = {
...
onWillDismiss: () => {
if (disallowDismiss) {
drawer.preventDismiss();
}
}
}
Changelog
1.1.9 - 2020-10-10
inverse
property which allows to use top-to-bottom
direction. #58let settings: CupertinoSettings = {
inverse: true
};
.setDarkMode({enable: true})
method, to helps maintain color scheme after pane initialization #68.setBreakpoints(breakpoints: PaneBreaks)
method. Method updates breakpoints configuration for rendered Pane. #69lowerThanBottom
configuration and become accessable in default mode<script>var exports = {"__esModule": true};</script>