{"_id":"@bazumax/v2-cupertino","name":"@bazumax/v2-cupertino","dist-tags":{"latest":"1.2.82"},"versions":{"1.2.82":{"name":"@bazumax/v2-cupertino","version":"1.2.82","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.6.5","cupertino-pane":"^1.2.82","vue":"^2.6.11"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/eslint-config-typescript":"^5.0.2","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","typescript":"~3.9.3","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended","@vue/typescript/recommended"],"parserOptions":{"ecmaVersion":2020},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"gitHead":"5df06ed9786d22d755e08f4f2862e03a7e3634ee","description":" \n\n> #### Notes: if your are looking for vue 3 repo [here Cupertino-Pane for vue 3](https://github.com/Devrax/v-cupertino)\n> # Installation\n\nActually kinda easy\n\n```sh\n npm i -D v2-cupertino\n```\n\n> # How works\n\n\n## **Slot**\n\nThe component just have one simple slot where you can easily put one or multiple components (by wrapping it in a template or wrap element like a div), doesn't have any special v-slots, any component or html element used will fallback into v-slot:default.\n\n```html\n \n\n \n```\n\n
\n
\n\n## **Props**\n| props | type | example | comments |\n|-|-|-|-|\n| :drawerOptions ( optional ) | `CupertinoSettings` | `` | The same as the Cupertinos Options; **constraints** you cannot override cupertino's callbacks even if you specified in the `CupertinoSettings`' Object|\n| :entryAnimation ( optional ) | `Boolean` | `` | Whether the drawer should present, destroy or hide with a smooth animation |\n| :entryComponent ( optional ) | `Component` | `` | The component itself use slots, but I think it would be faster to toggle between component from scripts instead of using v-if also components remember their state because are wrapped by `` tag|\n|:isPresent | Boolean | `` | Whether the component should be present or hide, when initialize; **default:** true |\n|:id | Number | String | `` | If you have multiples v2-cupertino components in the same app that might be working in the same time could crash the library cupertino-pane due that all of them are using the same selector class to create a new pane, using custom id, will allow you to use multiples v2-cupertino components as much as you want |\n\n
\n
\n\n## **Events**\n _**Note:** Are the same hooks as the Cupertino pane but instead of camelCase are kebak-case and without the prefix **on**: `@will-dismiss, @backdrop-tap...`_\n\n\n| events | return | comments |\n| - | - | - |\n| @did-dismiss | `() => void` | |\n| @will-dismiss | `() => void` | |\n| @did-present | `() => cupertinoInstance` | **Returns:** the cupertino instance inside the component when the drawer is already visible, this is useful when you need to have access to the instance once is visible | \n| @will-present | `() => cupertinoInstance` | **Returns:** the cupertino instance inside the component when the drawer will be visible, this is useful when you need to have access to the instance before is visible | \n| @drag-start | `() => number` | **Returns:** the property `y` from the method `getBoundingClientRect()` that belongs to the `DOMRect` |\n| @drag | `() => number` | **Returns:** the property `y` from the method `getBoundingClientRect()` that belongs to the `DOMRect` |\n| @drag-end | `() => number` | **Returns:** the property `y` from the method `getBoundingClientRect()` that belongs to the `DOMRect` |\n| @backdrop-tap | `() => void` | |\n| @transition-start | `() => void` | |\n| @transition-end | `() => void` | |\n\n
\n
\n\n\n **Notes:** In case you need more information about the library, remember that this is only a wrapper, for more information go to the oficial [Cupertino Pane library](https://github.com/roman-rr/cupertino-pane/blob/master/README.md).\n\n
\n
\n\n# License\nLicensed under the MIT License. [View original LICENSE](https://github.com/roman-rr/cupertino-pane/blob/master/LICENSE) [Project's LICENSE](/LICENSE)\n\nLol, that's all, thanks\n\n\n","readmeFilename":"README.md"}