From a9013ad57aba7a4b0e371fae859c0ab3ef4d22ae Mon Sep 17 00:00:00 2001 From: cyclingbyte Date: Tue, 27 Aug 2024 00:17:08 +0200 Subject: [PATCH] formatter --- .github/ISSUE_TEMPLATE/config.yml | 1 - .github/workflows/static.yml | 4 +- .prettierrc.json | 5 +- .vscode/extensions.json | 5 +- .vscode/settings.json | 21 +- CODE_OF_CONDUCT.md | 22 +- README.md | 1 + dev/index.html | 880 +++++++++++++++++++----------- examples/index.html | 698 +++++++++++++++--------- package.json | 4 +- tsconfig.json | 6 +- vite.config.ts | 24 +- 12 files changed, 1036 insertions(+), 635 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index ad0e71a..391ab3a 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -3,4 +3,3 @@ contact_links: - name: Discussion / Ask a Question url: https://github.com/cyclingbyte/Leaflet.SidePanel/discussions/new about: You are not sure whether your request is a bug report or a feature request or you have a question about how something works? Then the discussion forum is the right one! - diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml index 9985e13..1e44f9b 100644 --- a/.github/workflows/static.yml +++ b/.github/workflows/static.yml @@ -4,7 +4,7 @@ name: Deploy static content to Pages on: # Runs on pushes targeting the default branch push: - branches: ["release"] + branches: ['release'] paths: - 'examples/**' @@ -20,7 +20,7 @@ permissions: # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. concurrency: - group: "pages" + group: 'pages' cancel-in-progress: false jobs: diff --git a/.prettierrc.json b/.prettierrc.json index 87f4667..06d180c 100644 --- a/.prettierrc.json +++ b/.prettierrc.json @@ -3,5 +3,6 @@ "tabWidth": 2, "singleQuote": true, "printWidth": 80, - "trailingComma": "es5" -} \ No newline at end of file + "trailingComma": "es5", + "vueIndentScriptAndStyle": true +} diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 7efca3f..1d7ac85 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -1,6 +1,3 @@ { - "recommendations": [ - "dbaeumer.vscode-eslint", - "esbenp.prettier-vscode" - ] + "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"] } diff --git a/.vscode/settings.json b/.vscode/settings.json index 0a46bd2..09e3aba 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -2,24 +2,9 @@ "editor.formatOnSave": true, "files.autoSave": "onFocusChange", "editor.formatOnPaste": true, - "editor.codeActionsOnSave": { - "source.fixAll.eslint": "explicit" - }, - "[javascript]": { + "[javascript][json][html]": { "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.tabSize": 2, - }, - "[json]": { - "editor.tabSize": 2, - }, - "[html]": { - "editor.tabSize": 2, + "editor.tabSize": 2 }, - "prettier.configPath": ".prettierrc.json", - "prettier.semi": true, - "prettier.tabWidth": 2, - "prettier.singleQuote": true, - "prettier.printWidth": 80, - "prettier.trailingComma": "es5", - "prettier.vueIndentScriptAndStyle": true + "prettier.configPath": ".prettierrc.json" } diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index fc35c7b..c8eeab3 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -17,23 +17,23 @@ diverse, inclusive, and healthy community. Examples of behavior that contributes to a positive environment for our community include: -* Demonstrating empathy and kindness toward other people -* Being respectful of differing opinions, viewpoints, and experiences -* Giving and gracefully accepting constructive feedback -* Accepting responsibility and apologizing to those affected by our mistakes, +- Demonstrating empathy and kindness toward other people +- Being respectful of differing opinions, viewpoints, and experiences +- Giving and gracefully accepting constructive feedback +- Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience -* Focusing on what is best not just for us as individuals, but for the +- Focusing on what is best not just for us as individuals, but for the overall community Examples of unacceptable behavior include: -* The use of sexualized language or imagery, and sexual attention or +- The use of sexualized language or imagery, and sexual attention or advances of any kind -* Trolling, insulting or derogatory comments, and personal or political attacks -* Public or private harassment -* Publishing others' private information, such as a physical or email +- Trolling, insulting or derogatory comments, and personal or political attacks +- Public or private harassment +- Publishing others' private information, such as a physical or email address, without their explicit permission -* Other conduct which could reasonably be considered inappropriate in a +- Other conduct which could reasonably be considered inappropriate in a professional setting ## Enforcement Responsibilities @@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban. ### 4. Permanent Ban **Community Impact**: Demonstrating a pattern of violation of community -standards, including sustained inappropriate behavior, harassment of an +standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals. **Consequence**: A permanent ban from any sort of public interaction within diff --git a/README.md b/README.md index f841fcc..0efd615 100644 --- a/README.md +++ b/README.md @@ -118,4 +118,5 @@ const panelRight = L.control Special thanks to **[maxwell-ilai](https://github.com/maxwell-ilai 'Maxwell Ilai')** for the original project [maxwell-ilai/Leaflet.SidePanel](https://github.com/maxwell-ilai/Leaflet.SidePanel 'Leaflet.SidePanel by maxwell-ilai') ## Visitors + Flag Counter diff --git a/dev/index.html b/dev/index.html index c670093..0bd125a 100644 --- a/dev/index.html +++ b/dev/index.html @@ -1,350 +1,582 @@ - + + + + + + + Leaflet - Side Panel plugin + - - -
-

Leaflet Sidepanel - - - Github - -

-
+ @media all and (min-width: 1024px) { + #map { + height: 768px; + width: 1024px; + } + } + + - -
- -
-
- -
-
-
-

Content 1

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 2

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 3

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 4

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 5

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

+ +
+

+ Leaflet Sidepanel + + + Github + +

+
+ + +
+ +
+
+ +
+
+
+

Content 1

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 2

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 3

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 4

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 5

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+ +
-
- -
-
- -
-
- -
-
-
-

Content 1

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 2

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 3

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 4

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 5

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

+ +
+
+ +
+
+
+

Content 1

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 2

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 3

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 4

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 5

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
-
-
- +
+ +
-
- - - - - + + - + L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + attribution: + '© OpenStreetMap contributors', + }).addTo(map); - \ No newline at end of file + L.marker([51.5, -0.09]) + .addTo(map) + .bindPopup('A pretty CSS3 popup.
Easily customizable.') + .openPopup() + .bindTooltip('A pretty CSS3 tooltip.
Easily customizable.'); + + + diff --git a/examples/index.html b/examples/index.html index 69d86e5..934817d 100644 --- a/examples/index.html +++ b/examples/index.html @@ -1,280 +1,466 @@ - + + + + + + + Leaflet - Side Panel plugin + - - -
-

Leaflet Sidepanel - - - Github - -

-
- -
- -
-
- -
-
-
-

Content 1

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 2

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 3

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-
-
-

Content 4

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-
-
-

Content 5

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

+ @media all and (min-width: 1024px) { + #map { + height: 768px; + width: 1024px; + } + } + + + + +
+

+ Leaflet Sidepanel + + + Github + +

+
+ +
+ +
+
+ +
+
+
+

Content 1

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 2

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 3

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+
+
+

Content 4

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+

Content 5

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec + rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet + ligula ut, vehicula posuere diam. Suspendisse aliquet blandit + velit, consectetur scelerisque libero porttitor eu. Praesent + faucibus dignissim maximus. Vestibulum porta eu tellus sit + amet ultricies. Integer aliquet vestibulum massa, in interdum + arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut + diam orci. Fusce odio diam, laoreet non elit sed, suscipit + mollis leo. Fusce non turpis faucibus, placerat sapien quis, + varius ligula. Praesent ac magna id tortor ultricies ultricies + quis nec quam. +

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada + id nisi eu, volutpat congue leo. Praesent aliquet ipsum id + lectus consequat rutrum. In vitae dolor pellentesque dolor + scelerisque condimentum eget at ligula. Integer vel turpis + eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque + vehicula pharetra mauris, nec finibus augue posuere ut. Etiam + condimentum lacus at purus luctus finibus. +

+
+
+ +
-
- -
-
- -
-
-
-
-

Content - no tabs

-

Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus - diam. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere - massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur - scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum - massa, - in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce - non - turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

-

Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae - iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet - ipsum - id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit - mauris. - Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.

+ +
+
+
+
+

Content - no tabs

+

+ Nam nec lacinia purus, in accumsan arcu. Aenean at maximus + tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum + sed, mattis faucibus diam. Lorem ipsum dolor sit amet, + consectetur adipiscing elit. Phasellus ullamcorper ex sagittis + lacus gravida interdum quis sit amet justo. Nunc posuere massa + et feugiat efficitur. Donec est magna, lobortis sit amet ligula + ut, vehicula posuere diam. Suspendisse aliquet blandit velit, + consectetur scelerisque libero porttitor eu. Praesent faucibus + dignissim maximus. Vestibulum porta eu tellus sit amet + ultricies. Integer aliquet vestibulum massa, in interdum arcu + commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. + Fusce odio diam, laoreet non elit sed, suscipit mollis leo. + Fusce non turpis faucibus, placerat sapien quis, varius ligula. + Praesent ac magna id tortor ultricies ultricies quis nec quam. +

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada id + nisi eu, volutpat congue leo. Praesent aliquet ipsum id lectus + consequat rutrum. In vitae dolor pellentesque dolor scelerisque + condimentum eget at ligula. Integer vel turpis eros. Cras at + hendrerit mauris. Aliquam erat volutpat. Quisque vehicula + pharetra mauris, nec finibus augue posuere ut. Etiam condimentum + lacus at purus luctus finibus. +

+

+ Etiam varius in neque a tristique. Maecenas euismod pharetra + scelerisque. Nam in pretium nulla, vel blandit risus. Duis + posuere egestas nisi, vitae iaculis tortor varius eget. Morbi + molestie sem in varius vulputate. Cras enim sapien, malesuada id + nisi eu, volutpat congue leo. Praesent aliquet ipsum id lectus + consequat rutrum. In vitae dolor pellentesque dolor scelerisque + condimentum eget at ligula. Integer vel turpis eros. Cras at + hendrerit mauris. Aliquam erat volutpat. Quisque vehicula + pharetra mauris, nec finibus augue posuere ut. Etiam condimentum + lacus at purus luctus finibus. +

+
-
-
- +
+ +
-
- - - - - + + - + L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + attribution: + '© OpenStreetMap contributors', + }).addTo(map); - \ No newline at end of file + L.marker([51.5, -0.09]) + .addTo(map) + .bindPopup('A pretty CSS3 popup.
Easily customizable.') + .openPopup() + .bindTooltip('A pretty CSS3 tooltip.
Easily customizable.'); + + + diff --git a/package.json b/package.json index a0b9afb..3e0ba87 100644 --- a/package.json +++ b/package.json @@ -21,8 +21,8 @@ "test": "echo \"Error: no test specified\" && exit 1", "lint": "eslint --max-warnings 0 . || (echo 'Linter failed' && exit 1)", "lint:fix": "eslint --fix .", - "format": "prettier --write src/", - "format:check": "prettier --check src/ || (echo 'Code is not formatted' && exit 1)" + "format": "prettier --write .", + "format:check": "prettier --check . || (echo 'Code is not formatted' && exit 1)" }, "repository": { "type": "git", diff --git a/tsconfig.json b/tsconfig.json index 077a39c..24f29e5 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -5,10 +5,8 @@ "strict": true, "esModuleInterop": true, "forceConsistentCasingInFileNames": true, - "types": [ - "node", - ], - "outDir": "dist", + "types": ["node"], + "outDir": "dist" }, "include": ["src/**/*"] } diff --git a/vite.config.ts b/vite.config.ts index 5f27a10..e045c31 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,28 +1,30 @@ import { defineConfig } from 'vite'; -import { fileURLToPath, URL } from 'node:url' -import dts from 'vite-plugin-dts' +import { fileURLToPath, URL } from 'node:url'; +import dts from 'vite-plugin-dts'; export default defineConfig({ plugins: [dts()], resolve: { alias: { - '@': fileURLToPath(new URL('./src', import.meta.url)) - } + '@': fileURLToPath(new URL('./src', import.meta.url)), + }, }, build: { lib: { - entry: fileURLToPath(new URL('./src/leaflet-sidepanel.ts', import.meta.url)), + entry: fileURLToPath( + new URL('./src/leaflet-sidepanel.ts', import.meta.url) + ), formats: ['es', 'cjs', 'umd'], name: 'leaflet-sidepanel', - fileName: (format) => `leaflet-sidepanel.${format}.js` + fileName: (format) => `leaflet-sidepanel.${format}.js`, }, rollupOptions: { external: ['leaflet'], output: { globals: { leaflet: 'L', - } - } - } - } -}) + }, + }, + }, + }, +});