{"_id":"@bepo65/leaflet.fullscreen","_rev":"5-f19338647ac35c62fb988f331fd84e7f","name":"@bepo65/leaflet.fullscreen","dist-tags":{"latest":"2.0.2"},"versions":{"2.0.0":{"name":"@bepo65/leaflet.fullscreen","version":"2.0.0","description":"Simple plugin for Leaflet that adds fullscreen button to your maps.","main":"Control.FullScreen.js","scripts":{"lint":"eslint --config .eslintrc Control.FullScreen.js","init-changelog":"standard-version -i CHANGELOG.md --same-file --prerelease pre --first-release","release":"standard-version -i CHANGELOG.md --same-file"},"repository":{"type":"git","url":"git://github.com/BePo65/leaflet.fullscreen.git"},"bugs":{"url":"https://github.com/BePo65/leaflet.fullscreen/issues"},"homepage":"https://github.com/BePo65/leaflet.fullscreen","keywords":["leaflet","plugins","maps","fullscreen","angular"],"author":{"name":"BePo65"},"license":"MIT","dependencies":{"screenfull":"^5.1.0"},"peerDependencies":{"leaflet":"^1.7.0"},"devDependencies":{"@commitlint/cli":"^11.0.0","@commitlint/config-angular":"^11.0.0","eslint":"^7.19.0","husky":"^5.0.9","standard-version":"^9.1.0"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"standard-version":{"packageFiles":[{"filename":"package.json","type":"json"}],"bumpFiles":[{"filename":"package.json","type":"json"},{"filename":"README.md","updater":"tools/npm-scripts/readme-updater.js"}]},"gitHead":"e5ca170774f379061d40f5c90ae19515eaaa260f","_id":"@bepo65/leaflet.fullscreen@2.0.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Tu7TsMooh5Znf9AJDzNoWd6RTe3NcKg/jMDko2ecuaVx+8HDF8MgL3eD7UgkD2E2mgEBoUaHthM8QO6vjjtBgA==","shasum":"3c3187a33b5ebb9cb6fd4586393f45c900df1a0e","tarball":"https://registry.npmjs.org/@bepo65/leaflet.fullscreen/-/leaflet.fullscreen-2.0.0.tgz","fileCount":15,"unpackedSize":22824,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIqhZCRA9TVsSAnZWagAA7HwP/36hG0uOv5vCnfjKZRXu\nyyJQ9Mkr4hCI5RjzgEIDk9hV8tr6DrbChdoWnc1y8MQPMrqODu9cVifIU0VC\nZmlCqH/p6mwDUkUxoYzGHdeVq3x4LQFFV76YmQRmWM6TFgeIILG7zi89xQh5\n+L/iVOLln+8ZCTR6O2LUkbrWcYA1cOj01LGO82G0Pweku1GwnCQjpTx8j57B\nlTsMO0UPZ1XH9O7kecz/QkGa70p+SuBfe7kDS5rdIKvjyMgKWdjs9561YWH9\nYz8Je7PFIzwadCDhoqjXA7QJ6nHWGL94J85DVUJ9zXuln2D9OHhXsNweIezZ\nDdt87sHpx+s3VP1VcPTomJgOvnCBpVHHM2zxMg/wsWvXqIALQDZv9+pDLjB1\nofuYzfhu1VOY1wcICQJb0uTCIdPCV2YY+IHqJLhQaM84UM6eJLXmRkj727md\nksGVq1KOlS3+nnH2yHMccOlAfVisZn3vFkHQD7BhvzfQbbdV2hGGEY8YYtUB\nWv1tzpd8YpFuFgxHX5FWy/0LEgYYhTkhDnqJxXeXaJ0DqIU5iwajCeps/96t\nZAiBBrvvekuwATIpHx6h6NnHz9Gbvi/D08XSioNOFMDBcBOzb5wHD+SKSPd6\nWotoTapHp2KSNUonXrD5ftwUD9LWpC+q2wcqjooyT8lDGG/cy9iTxxitiClY\njZQ+\r\n=CbbR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDttbOO6WmplKgn1HDrHLtDJtdgiWKyJUSSg4Keo1v0AAiASxBj33RgPFT0mDGr2ZgCvzcI3JYam9oDUH+6H/OMXqw=="}]},"_npmUser":{"name":"bepo65","email":"bepo65@t-online.de"},"directories":{},"maintainers":[{"name":"bepo65","email":"bepo65@t-online.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/leaflet.fullscreen_2.0.0_1612884056994_0.5734791118675402"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.1":{"name":"@bepo65/leaflet.fullscreen","version":"2.0.1","description":"Simple plugin for Leaflet that adds fullscreen button to your maps.","main":"Control.FullScreen.js","scripts":{"lint":"eslint --config .eslintrc Control.FullScreen.js","init-changelog":"standard-version -i CHANGELOG.md --same-file --prerelease pre --first-release","release":"standard-version -i CHANGELOG.md --same-file"},"repository":{"type":"git","url":"git://github.com/BePo65/leaflet.fullscreen.git"},"bugs":{"url":"https://github.com/BePo65/leaflet.fullscreen/issues"},"homepage":"https://github.com/BePo65/leaflet.fullscreen","keywords":["leaflet","plugins","maps","fullscreen","angular"],"author":{"name":"BePo65"},"license":"MIT","dependencies":{"screenfull":"^5.1.0"},"peerDependencies":{"leaflet":"^1.7.0"},"devDependencies":{"@commitlint/cli":"^11.0.0","@commitlint/config-angular":"^11.0.0","eslint":"^7.19.0","husky":"^5.0.9","standard-version":"^9.1.0"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"standard-version":{"packageFiles":[{"filename":"package.json","type":"json"}],"bumpFiles":[{"filename":"package.json","type":"json"},{"filename":"README.md","updater":"tools/npm-scripts/readme-updater.js"}]},"gitHead":"1e96f3617acff13d7f2e0fb07fc85e5b18d59080","_id":"@bepo65/leaflet.fullscreen@2.0.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-CJj+h39W+cmlKvMjWpxDNBu53WFc90YhFpzQyB9SSMX7OvwvEkx5hFFNvJaIFyXqFGuUBvmyydbDntpSI09rlQ==","shasum":"af1992eb66b8fa0d01f709c88a22170362f04d72","tarball":"https://registry.npmjs.org/@bepo65/leaflet.fullscreen/-/leaflet.fullscreen-2.0.1.tgz","fileCount":10,"unpackedSize":20660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIqvMCRA9TVsSAnZWagAAW7QQAJ9c5J+OOCZelYbBz+Kj\nWMNeRn3WXpS+f0AziNfYZ7ebHiNPCspxYXS3fqDcxHm5H0PcSX+ocsG7a71a\nbNCM2OF/uhF7pSkfvSAk2ijO+sNB7LdMOlpHkP2jBql17iSoh9M5JN0aSUkH\nDa86UflZ+rMgpq8hQJAMftIRe4Cb9HqsY2blFxuwCGGA/VM5t+8fUvWPxXTz\n6Nb2OcrfVfS/zpwjaZ95UJTU6golrQh0y2f2AUhBvtdwJ/i+WYIslmp/qUyq\nvczgDjWeJpapqJm9kMsej1f733130gVnavf7UCMrycYOhow1oVuVAHNQB40B\nb0I7XHiIrnpyccVRO+n6ZxdZsJOlMrVFTgsZKdJ9iPxX1e3T36qyqUR5vEcg\nkAf7TxkSu5Q8+NSJY+IKXU+m7yOob+OZwT08Yge31GyvY0WL9rARWLHn+M3l\nIraqZfLGBsZvhOLs8ppHFvn+vQ7pd2KNb+czOrsI3XuheHKlNSX4khZrDqdd\nMa0CkWm4VFRTM7t7IrWsSmxB8M2UWpfMi2xZH5Q/D2cQPXPcaCyxpf9469eF\n1ZSJl0ZM6NQLaMYEzE+D9eh1ZOE7Pm0tBwBziHNliv7fY0zKOugrUl8jla+K\nMCrf0IQTrvoXI41EG/nKiM+MIgjbVA5FpGO0YCxZA29FU+mrQlH0Qsd18I5I\nYzns\r\n=rl2A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEgRedupHnmeTFYCVstt6Zluhjx7l2BQhWs8WaL4RPmsAiAaA4stpj4PQgSLIqNtAp5MKJF5cwV1bH0jSHLX5IOqXA=="}]},"_npmUser":{"name":"bepo65","email":"bepo65@t-online.de"},"directories":{},"maintainers":[{"name":"bepo65","email":"bepo65@t-online.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/leaflet.fullscreen_2.0.1_1612884940352_0.3720501830261864"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.2":{"name":"@bepo65/leaflet.fullscreen","version":"2.0.2","description":"Simple plugin for Leaflet that adds fullscreen button to your maps.","main":"Control.FullScreen.js","scripts":{"lint":"eslint --config .eslintrc Control.FullScreen.js","init-changelog":"standard-version -i CHANGELOG.md --same-file --prerelease pre --first-release","release":"standard-version -i CHANGELOG.md --same-file"},"repository":{"type":"git","url":"git://github.com/BePo65/leaflet.fullscreen.git"},"bugs":{"url":"https://github.com/BePo65/leaflet.fullscreen/issues"},"homepage":"https://github.com/BePo65/leaflet.fullscreen","keywords":["leaflet","plugins","maps","fullscreen","angular"],"author":{"name":"BePo65"},"license":"MIT","dependencies":{"screenfull":"^5.1.0"},"peerDependencies":{"leaflet":"^1.7.0"},"devDependencies":{"@commitlint/cli":"^13.2.1","@commitlint/config-angular":"^13.2.0","eslint":"^7.19.0","husky":"^7.0.4","standard-version":"^9.3.2"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"standard-version":{"packageFiles":[{"filename":"package.json","type":"json"}],"bumpFiles":[{"filename":"package.json","type":"json"},{"filename":"README.md","updater":"tools/npm-scripts/readme-updater.js"}]},"gitHead":"a8152ce50b7201604f8ebfcbeb78f44b419ec3fb","_id":"@bepo65/leaflet.fullscreen@2.0.2","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-NWqCj09L3CigUWB7Gm0p0UrfZtUAOwL6C/U3yT/T0Wquevet6m9jogsa7IgfRuapIwkcMP9gRYhrbfay2mhUPA==","shasum":"f90460bb9d20ab879546080a2b0adb5103f88f56","tarball":"https://registry.npmjs.org/@bepo65/leaflet.fullscreen/-/leaflet.fullscreen-2.0.2.tgz","fileCount":11,"unpackedSize":22155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzHihCRA9TVsSAnZWagAAfFEQAIJ26h3W4wRBoBbWwHvR\nt3iJ8hl3HQwzYtopmYD8ZZAsiNBDm3y0cdesaPw96ep279XQ4gqGR65fLozq\n3TxB5gC+iu2MA7sq6V4fKcFlwWERan07iIeza1Z/A2b+GCJFh7SDjmqd/9UW\nWqHVhbdKZotH0cNI2SN8S0D04Ph908MYsK81N4Cpt6G3hCAV4mPJWOw5m8+V\nlG3KLq8aqvNR6HfvQX5HiSNTaN2+z0GmsnNZv+wHbksT3vDO27xAMqAJ6xsi\ndsrTabrMWvw/6mmY9Zkolfr7yVv/GmfMMa3e635g6zPWDRx0RmP/ZbgUgoWS\nPVMGHrrAWUF1+L7a1oy/bgo0QcSfPLbnHyvvLR1Mmqczu57w8xFr47n+Ro76\n60pDoyIJRqaHiOhMNM1sz2TSnEow5oaB39RWArW1o1xGRmUkkzRuN5Z7h6o7\n818KOvXtowHxrnA5t7CZc3Hcr+wnjdfLkHVGg+NZfyGiWSTkTN9HcrPAVb/o\nOkhKr5XPfJS3WcXs+GEfmElls9KUsvN5uBeqyFsNi5Ywlr/m48ZaeeQJmE3F\n+6LBBE1ShwxuOB2AyW11kt2ArHWOxQUyPm6QvZU3DUzkgZlZa3pbCWFAxObi\nVd40SQK+mkvQJjZWke7sQjJhSHl1M06UDE47yGKxdOdgyh4xJFW5rJSFozuG\nPpNu\r\n=XWPg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKwnUZM55d4szZtZgf8IrG/gTIkiOLFfImPyHUbW+DBAiAEj6HSNLkFjR+dblXC1HNQ9yGRQ5+r6bwW1nlmVPRUoA=="}]},"_npmUser":{"name":"bepo65","email":"bepo65@t-online.de"},"directories":{},"maintainers":[{"name":"bepo65","email":"bepo65@t-online.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/leaflet.fullscreen_2.0.2_1634997402655_0.16472521898820158"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2021-02-09T15:20:56.951Z","2.0.0":"2021-02-09T15:20:57.120Z","modified":"2022-10-10T07:34:26.127Z","2.0.1":"2021-02-09T15:35:40.490Z","2.0.2":"2021-10-23T13:56:42.829Z"},"maintainers":[{"name":"bepo65","email":"bepo65@t-online.de"}],"description":"Simple plugin for Leaflet that adds fullscreen button to your maps.","homepage":"https://github.com/BePo65/leaflet.fullscreen","keywords":["leaflet","plugins","maps","fullscreen","angular"],"repository":{"type":"git","url":"git://github.com/BePo65/leaflet.fullscreen.git"},"author":{"name":"BePo65"},"bugs":{"url":"https://github.com/BePo65/leaflet.fullscreen/issues"},"license":"MIT","readme":"# @bepo65/leaflet.fullscreen\r\n\r\n[](https://github.com/kefranabg/readme-md-generator/blob/master/LICENSE)\r\n\r\n> @bepo65/leaflet.fullscreen is a clone of the project [brunob/leaflet.fullscreen](https://github.com/brunob/leaflet.fullscreen). Modifications were made to adapt it to the requirements of typescript users, e.g. for Angular (tested) and React (not tested).\r\n\r\n## Objective\r\nSimple plugin for Leaflet that adds fullscreen button to your maps. \r\nInspired by http://elidupuis.github.com/leaflet.zoomfs/.\r\n\r\nUses the native javascript fullscreen API with help of https://github.com/sindresorhus/screenfull.js.\r\n\r\n## Installation\r\n\r\n__Typescript environments__:\r\n\r\n```\r\nnpm i @bepo65/leaflet.fullscreen\r\n```\r\nThis package includes the type definitions needed for typescript environments.\r\n\r\n\r\n__Plain javascript environments__:\r\n\r\nInclude `screenfull.js`, `Control.FullScreen.js` and `Control.FullScreen.css` in your page. The package `screenfull.js` **must** stand before `Control.FullScreen.js` and can be loaded from a CDN:\r\n\r\n``` html\r\n \r\n \r\n \r\n```\r\n\r\n## Example for usage\r\n\r\nIf your map has a zoomControl, the fullscreen button will be added at the bottom of this one. \r\nIf your map doesn't have a zoomContron, the fullscreen button will be added to topleft corner of the map (same as the zoomcontrol; defined by the `position` option).\r\n\r\nIf you want to use the plugin on a map embedded in an iframe, don't forget to set `allowfullscreen` attribute on your iframe.\r\n\r\n\r\n__Typescript environments__:\r\n\r\nAdd the fullscreen control to the map:\r\n\r\n``` js\r\nimport * as leaflet from 'leaflet';\r\nimport '@bepo65/leaflet.fullscreen';\r\n\r\n@Component({\r\n selector: 'my-app',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent implements AfterViewInit {\r\n private map: leaflet.Map;\r\n\r\n // configuration of initial map\r\n private readonly osmDe = {\r\n url: 'https://{s}.tile.openstreetmap.de/{z}/{x}/{y}.png',\r\n options: {\r\n detectRetina: true,\r\n maxZoom: 18,\r\n attribution: '© OpenStreetMap contributors'\r\n }\r\n };\r\n private mapOptions: leaflet.MapOptions = {\r\n layers: [\r\n leaflet.tileLayer(this.osmDe.url, this.osmDe.options)\r\n ],\r\n center: leaflet.latLng([47.732889, 11.8123253]),\r\n zoomControl: true,\r\n zoomSnap: 0.25,\r\n zoom: 10,\r\n fullscreenControl: true,\r\n fullscreenControlOptions: {\r\n position: 'topleft',\r\n title: 'fullscreen map',\r\n titleCancel: 'exit fullscreen display'\r\n }\r\n } ;\r\n\r\n ngAfterViewInit(): void {\r\n this.map = new leaflet.Map('map', this.mapOptions);\r\n this.map.on('enterFullscreen', () => console.log('enterFullscreen'));\r\n this.map.on('exitFullscreen', () => console.log('exitFullscreen'));\r\n }\r\n}\r\n```\r\n\r\n__Plain javascript environments__:\r\n\r\nAdd the fullscreen control to the map:\r\n\r\n``` js\r\nvar map = new L.Map('map', {\r\n fullscreenControl: true,\r\n fullscreenControlOptions: {\r\n position: 'topleft'\r\n }\r\n});\r\n```\r\n\r\n## Events of leaflet.fullscreen\r\n\r\n``` js\r\nmap.on('enterFullscreen', () => {\r\n console.log('entered fullscreen');\r\n});\r\n\r\nmap.on('exitFullscreen', () => {\r\n console.log('exited fullscreen');\r\n});\r\n```\r\n\r\n## Methods of leaflet.fullscreen\r\n\r\n``` js\r\n // you can also toggle fullscreen from map object\r\n map.toggleFullScreen();\r\n\r\n// create a fullscreen button and add it to the map\r\nL.control.fullscreen({\r\n position: 'topleft',\r\n title: 'Show me the fullscreen !',\r\n titleCancel: 'Exit fullscreen mode',\r\n content: null,\r\n forceSeparateButton: true,\r\n forcePseudoFullscreen: true,\r\n fullscreenElement: false\r\n}).addTo(map);\r\n```\r\n\r\n## Options of leaflet.fullscreen\r\n\r\n``` js\r\nposition: 'topleft', // change the position of the button can be topleft, topright, bottomright or bottomleft, defaut topleft\r\ntitle: 'Show me the fullscreen !', // change the title of the button, default Full Screen\r\ntitleCancel: 'Exit fullscreen mode', // change the title of the button when fullscreen is on, default Exit Full Screen\r\ncontent: null, // change the content of the button, can be HTML, default null\r\nforceSeparateButton: true, // force seperate button to detach from zoom buttons, default false\r\nforcePseudoFullscreen: true, // force use of pseudo full screen (show fullscreen in element and not in whole browser window) even if full screen API is available, default false\r\nfullscreenElement: false // Dom element to render in full screen, false by default, fallback to map._container\r\n```\r\n\r\n## Where to find more information\r\nSource code : https://github.com/BePo65/leaflet.fullscreen\r\n\r\nDemo with plain javascript : https://BePo65.github.com/leaflet.fullscreen/\r\n\r\nExternal dependencies : https://www.npmjs.com/package/screenfull\r\n\r\n## Changelog\r\nFor list of changes and bugfixes, see [CHANGELOG.md](CHANGELOG.md).\r\n\r\n## Contributing\r\nThe [CHANGELOG.md](CHANGELOG.md) is generated with `standard-changelog` (`npm run release`).\r\nThe following is the list of supported scopes:\r\n* fullscreen\r\n* none/empty string: useful for test and refactor changes that are done across all packages (e.g. test: add missing unit tests) and for docs changes that are not related to a specific package (e.g. docs: fix typo in tutorial).\r\n\r\n## Author\r\n\r\n**Bernhard Pottler**\r\n\r\non Github: [@BePo65](https://github.com/BePo65)\r\n\r\n\r\n## License\r\n\r\nCopyright © 2021 [Bernhard Pottler](https://github.com/BePo65).\r\n\r\nThis project and all of its packages are released under [MIT](https://github.com/BePo65/leaflet.fullscreen/blob/master/LICENSE) license.\r\n\r\nThis project is based on the project [brunob/leaflet.fullscreen](https://github.com/brunob/leaflet.fullscreen) with copyright from Bruno Bergot.\r\n","readmeFilename":"README.md"}