@smitch/breeze 0.1.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/.npmignore +14 -0
- package/README.md +485 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/lib/@hooks/useWindowWidth.js +17 -0
- package/lib/@hooks/useWindowWidth.js.map +1 -0
- package/lib/@utils/merge.js +35 -0
- package/lib/@utils/merge.js.map +1 -0
- package/lib/accordion/Accordion.js +28 -0
- package/lib/accordion/Accordion.js.map +1 -0
- package/lib/accordion/atoms/AccordionCard.js +9 -0
- package/lib/accordion/atoms/AccordionCard.js.map +1 -0
- package/lib/accordion/atoms/AccordionHead.js +23 -0
- package/lib/accordion/atoms/AccordionHead.js.map +1 -0
- package/lib/accordion/atoms/AccordionItem.js +10 -0
- package/lib/accordion/atoms/AccordionItem.js.map +1 -0
- package/lib/accordion/atoms/AccordionSection.js +8 -0
- package/lib/accordion/atoms/AccordionSection.js.map +1 -0
- package/lib/accordion/atoms/index.js +5 -0
- package/lib/accordion/atoms/index.js.map +1 -0
- package/lib/accordion/index.js +3 -0
- package/lib/accordion/index.js.map +1 -0
- package/lib/accordion/types/index.js +2 -0
- package/lib/accordion/types/index.js.map +1 -0
- package/lib/alert/Alert.js +42 -0
- package/lib/alert/Alert.js.map +1 -0
- package/lib/alert/index.js +2 -0
- package/lib/alert/index.js.map +1 -0
- package/lib/alert/types/index.js +2 -0
- package/lib/alert/types/index.js.map +1 -0
- package/lib/autocomplete/Autocomplete.js +9 -0
- package/lib/autocomplete/Autocomplete.js.map +1 -0
- package/lib/autocomplete/index.js +2 -0
- package/lib/autocomplete/index.js.map +1 -0
- package/lib/autocomplete/types/index.js +2 -0
- package/lib/autocomplete/types/index.js.map +1 -0
- package/lib/badge/Badge.js +57 -0
- package/lib/badge/Badge.js.map +1 -0
- package/lib/badge/index.js +2 -0
- package/lib/badge/index.js.map +1 -0
- package/lib/badge/types/index.js +2 -0
- package/lib/badge/types/index.js.map +1 -0
- package/lib/blockquote/Blockquote.js +22 -0
- package/lib/blockquote/Blockquote.js.map +1 -0
- package/lib/blockquote/index.js +2 -0
- package/lib/blockquote/index.js.map +1 -0
- package/lib/blockquote/types/index.js +2 -0
- package/lib/blockquote/types/index.js.map +1 -0
- package/lib/breadcrumbs/Breadcrumbs.js +47 -0
- package/lib/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/lib/breadcrumbs/index.js +2 -0
- package/lib/breadcrumbs/index.js.map +1 -0
- package/lib/breadcrumbs/types/index.js +2 -0
- package/lib/breadcrumbs/types/index.js.map +1 -0
- package/lib/button/Button.js +76 -0
- package/lib/button/Button.js.map +1 -0
- package/lib/button/index.js +3 -0
- package/lib/button/index.js.map +1 -0
- package/lib/button/types/index.js +2 -0
- package/lib/button/types/index.js.map +1 -0
- package/lib/button/variants/CloseButton.js +18 -0
- package/lib/button/variants/CloseButton.js.map +1 -0
- package/lib/button/variants/index.js +2 -0
- package/lib/button/variants/index.js.map +1 -0
- package/lib/button/variants/types/index.js +2 -0
- package/lib/button/variants/types/index.js.map +1 -0
- package/lib/buttongroup/ButtonGroup.js +35 -0
- package/lib/buttongroup/ButtonGroup.js.map +1 -0
- package/lib/buttongroup/index.js +2 -0
- package/lib/buttongroup/index.js.map +1 -0
- package/lib/buttongroup/types/index.js +2 -0
- package/lib/buttongroup/types/index.js.map +1 -0
- package/lib/card/Card.js +32 -0
- package/lib/card/Card.js.map +1 -0
- package/lib/card/atoms/CardBody.js +8 -0
- package/lib/card/atoms/CardBody.js.map +1 -0
- package/lib/card/atoms/CardFooter.js +9 -0
- package/lib/card/atoms/CardFooter.js.map +1 -0
- package/lib/card/atoms/CardHeader.js +8 -0
- package/lib/card/atoms/CardHeader.js.map +1 -0
- package/lib/card/atoms/CardImage.js +16 -0
- package/lib/card/atoms/CardImage.js.map +1 -0
- package/lib/card/index.js +6 -0
- package/lib/card/index.js.map +1 -0
- package/lib/card/types/index.js +2 -0
- package/lib/card/types/index.js.map +1 -0
- package/lib/carousel/Carousel.js +147 -0
- package/lib/carousel/Carousel.js.map +1 -0
- package/lib/carousel/index.js +2 -0
- package/lib/carousel/index.js.map +1 -0
- package/lib/carousel/types/index.js +2 -0
- package/lib/carousel/types/index.js.map +1 -0
- package/lib/charts/BarChart.js +24 -0
- package/lib/charts/BarChart.js.map +1 -0
- package/lib/charts/BubbleChart.js +24 -0
- package/lib/charts/BubbleChart.js.map +1 -0
- package/lib/charts/ChartWrap.js +69 -0
- package/lib/charts/ChartWrap.js.map +1 -0
- package/lib/charts/DoughnutChart.js +20 -0
- package/lib/charts/DoughnutChart.js.map +1 -0
- package/lib/charts/LineChart.js +24 -0
- package/lib/charts/LineChart.js.map +1 -0
- package/lib/charts/MixedChart.js +24 -0
- package/lib/charts/MixedChart.js.map +1 -0
- package/lib/charts/PieChart.js +20 -0
- package/lib/charts/PieChart.js.map +1 -0
- package/lib/charts/PolarAreaChart.js +23 -0
- package/lib/charts/PolarAreaChart.js.map +1 -0
- package/lib/charts/RadarChart.js +23 -0
- package/lib/charts/RadarChart.js.map +1 -0
- package/lib/charts/ScatterChart.js +24 -0
- package/lib/charts/ScatterChart.js.map +1 -0
- package/lib/charts/index.js +10 -0
- package/lib/charts/index.js.map +1 -0
- package/lib/charts/types/index.js +2 -0
- package/lib/charts/types/index.js.map +1 -0
- package/lib/checkbox/Checkbox.js +9 -0
- package/lib/checkbox/Checkbox.js.map +1 -0
- package/lib/checkbox/index.js +2 -0
- package/lib/checkbox/index.js.map +1 -0
- package/lib/checkbox/types/index.js +2 -0
- package/lib/checkbox/types/index.js.map +1 -0
- package/lib/clock/Clock.js +99 -0
- package/lib/clock/Clock.js.map +1 -0
- package/lib/clock/index.js +2 -0
- package/lib/clock/index.js.map +1 -0
- package/lib/clock/types/index.js +2 -0
- package/lib/clock/types/index.js.map +1 -0
- package/lib/codeblock/Codeblock.js +21 -0
- package/lib/codeblock/Codeblock.js.map +1 -0
- package/lib/codeblock/index.js +2 -0
- package/lib/codeblock/index.js.map +1 -0
- package/lib/codeblock/types/index.js +2 -0
- package/lib/codeblock/types/index.js.map +1 -0
- package/lib/counter/Counter.js +39 -0
- package/lib/counter/Counter.js.map +1 -0
- package/lib/counter/index.js +2 -0
- package/lib/counter/index.js.map +1 -0
- package/lib/counter/types/index.js +2 -0
- package/lib/counter/types/index.js.map +1 -0
- package/lib/datatable/DataTable.js +44 -0
- package/lib/datatable/DataTable.js.map +1 -0
- package/lib/datatable/index.js +2 -0
- package/lib/datatable/index.js.map +1 -0
- package/lib/datatable/types/index.js +2 -0
- package/lib/datatable/types/index.js.map +1 -0
- package/lib/dialog/Dialog.js +45 -0
- package/lib/dialog/Dialog.js.map +1 -0
- package/lib/dialog/hooks/useDisableBack.js +16 -0
- package/lib/dialog/hooks/useDisableBack.js.map +1 -0
- package/lib/dialog/index.js +2 -0
- package/lib/dialog/index.js.map +1 -0
- package/lib/dialog/types/index.js +2 -0
- package/lib/dialog/types/index.js.map +1 -0
- package/lib/drawer/Drawer.js +39 -0
- package/lib/drawer/Drawer.js.map +1 -0
- package/lib/drawer/index.js +2 -0
- package/lib/drawer/index.js.map +1 -0
- package/lib/drawer/types/index.js +2 -0
- package/lib/drawer/types/index.js.map +1 -0
- package/lib/dropdown/Dropdown.js +40 -0
- package/lib/dropdown/Dropdown.js.map +1 -0
- package/lib/dropdown/index.js +2 -0
- package/lib/dropdown/index.js.map +1 -0
- package/lib/dropdown/types/index.js +2 -0
- package/lib/dropdown/types/index.js.map +1 -0
- package/lib/figure/Figure.js +42 -0
- package/lib/figure/Figure.js.map +1 -0
- package/lib/figure/index.js +2 -0
- package/lib/figure/index.js.map +1 -0
- package/lib/figure/types/index.js +2 -0
- package/lib/figure/types/index.js.map +1 -0
- package/lib/fileupload/FileUpload.js +52 -0
- package/lib/fileupload/FileUpload.js.map +1 -0
- package/lib/fileupload/Files.js +22 -0
- package/lib/fileupload/Files.js.map +1 -0
- package/lib/fileupload/index.js +2 -0
- package/lib/fileupload/index.js.map +1 -0
- package/lib/fileupload/types/index.js +25 -0
- package/lib/fileupload/types/index.js.map +1 -0
- package/lib/form/Fieldset.js +9 -0
- package/lib/form/Fieldset.js.map +1 -0
- package/lib/form/Form.js +64 -0
- package/lib/form/Form.js.map +1 -0
- package/lib/form/Legend.js +21 -0
- package/lib/form/Legend.js.map +1 -0
- package/lib/form/RegisterForm.js +19 -0
- package/lib/form/RegisterForm.js.map +1 -0
- package/lib/form/index.js +5 -0
- package/lib/form/index.js.map +1 -0
- package/lib/form/types/index.js +2 -0
- package/lib/form/types/index.js.map +1 -0
- package/lib/gallery/Gallery.js +12 -0
- package/lib/gallery/Gallery.js.map +1 -0
- package/lib/gallery/index.js +2 -0
- package/lib/gallery/index.js.map +1 -0
- package/lib/gallery/types/index.js +2 -0
- package/lib/gallery/types/index.js.map +1 -0
- package/lib/heading/Heading.js +38 -0
- package/lib/heading/Heading.js.map +1 -0
- package/lib/heading/index.js +2 -0
- package/lib/heading/index.js.map +1 -0
- package/lib/heading/types/index.js +2 -0
- package/lib/heading/types/index.js.map +1 -0
- package/lib/hero/Hero.js +72 -0
- package/lib/hero/Hero.js.map +1 -0
- package/lib/hero/index.js +2 -0
- package/lib/hero/index.js.map +1 -0
- package/lib/hero/types/index.js +2 -0
- package/lib/hero/types/index.js.map +1 -0
- package/lib/icon/Icon.js +37 -0
- package/lib/icon/Icon.js.map +1 -0
- package/lib/icon/index.js +2 -0
- package/lib/icon/index.js.map +1 -0
- package/lib/icon/types/index.js +2 -0
- package/lib/icon/types/index.js.map +1 -0
- package/lib/index.js +52 -0
- package/lib/index.js.map +1 -0
- package/lib/input/Input.js +37 -0
- package/lib/input/Input.js.map +1 -0
- package/lib/input/index.js +2 -0
- package/lib/input/index.js.map +1 -0
- package/lib/input/types/index.js +2 -0
- package/lib/input/types/index.js.map +1 -0
- package/lib/label/Label.js +36 -0
- package/lib/label/Label.js.map +1 -0
- package/lib/label/index.js +2 -0
- package/lib/label/index.js.map +1 -0
- package/lib/label/types/index.js +2 -0
- package/lib/label/types/index.js.map +1 -0
- package/lib/loading/Loading.js +71 -0
- package/lib/loading/Loading.js.map +1 -0
- package/lib/loading/index.js +3 -0
- package/lib/loading/index.js.map +1 -0
- package/lib/loading/spinners/Bars.js +7 -0
- package/lib/loading/spinners/Bars.js.map +1 -0
- package/lib/loading/spinners/Clock.js +7 -0
- package/lib/loading/spinners/Clock.js.map +1 -0
- package/lib/loading/spinners/Dots.js +7 -0
- package/lib/loading/spinners/Dots.js.map +1 -0
- package/lib/loading/spinners/Pulse.js +7 -0
- package/lib/loading/spinners/Pulse.js.map +1 -0
- package/lib/loading/spinners/Spindots.js +7 -0
- package/lib/loading/spinners/Spindots.js.map +1 -0
- package/lib/loading/spinners/Spinner.js +7 -0
- package/lib/loading/spinners/Spinner.js.map +1 -0
- package/lib/loading/spinners/Wifi.js +7 -0
- package/lib/loading/spinners/Wifi.js.map +1 -0
- package/lib/loading/spinners/index.js +8 -0
- package/lib/loading/spinners/index.js.map +1 -0
- package/lib/loading/types/index.js +2 -0
- package/lib/loading/types/index.js.map +1 -0
- package/lib/map/LazyMap.js +146 -0
- package/lib/map/LazyMap.js.map +1 -0
- package/lib/map/LazyMapCircle.js +14 -0
- package/lib/map/LazyMapCircle.js.map +1 -0
- package/lib/map/LazyMapLine.js +13 -0
- package/lib/map/LazyMapLine.js.map +1 -0
- package/lib/map/LazyMapMarker.js +72 -0
- package/lib/map/LazyMapMarker.js.map +1 -0
- package/lib/map/LazyMapPolygon.js +9 -0
- package/lib/map/LazyMapPolygon.js.map +1 -0
- package/lib/map/LazyMapRectangle.js +12 -0
- package/lib/map/LazyMapRectangle.js.map +1 -0
- package/lib/map/Map.js +34 -0
- package/lib/map/Map.js.map +1 -0
- package/lib/map/MapCircle.js +34 -0
- package/lib/map/MapCircle.js.map +1 -0
- package/lib/map/MapLine.js +34 -0
- package/lib/map/MapLine.js.map +1 -0
- package/lib/map/MapMarker.js +34 -0
- package/lib/map/MapMarker.js.map +1 -0
- package/lib/map/MapPolygon.js +34 -0
- package/lib/map/MapPolygon.js.map +1 -0
- package/lib/map/MapRectangle.js +34 -0
- package/lib/map/MapRectangle.js.map +1 -0
- package/lib/map/index.js +7 -0
- package/lib/map/index.js.map +1 -0
- package/lib/map/tileOptions.js +33 -0
- package/lib/map/tileOptions.js.map +1 -0
- package/lib/map/types/index.js +2 -0
- package/lib/map/types/index.js.map +1 -0
- package/lib/modal/Modal.js +33 -0
- package/lib/modal/Modal.js.map +1 -0
- package/lib/modal/hooks/useDisableBack.js +14 -0
- package/lib/modal/hooks/useDisableBack.js.map +1 -0
- package/lib/modal/index.js +2 -0
- package/lib/modal/index.js.map +1 -0
- package/lib/modal/types/index.js +2 -0
- package/lib/modal/types/index.js.map +1 -0
- package/lib/navbar/NavBar.js +17 -0
- package/lib/navbar/NavBar.js.map +1 -0
- package/lib/navbar/NavBrand.js +9 -0
- package/lib/navbar/NavBrand.js.map +1 -0
- package/lib/navbar/NavLinks.js +27 -0
- package/lib/navbar/NavLinks.js.map +1 -0
- package/lib/navbar/index.js +2 -0
- package/lib/navbar/index.js.map +1 -0
- package/lib/navbar/types/index.js +2 -0
- package/lib/navbar/types/index.js.map +1 -0
- package/lib/pagination/Pagination.js +42 -0
- package/lib/pagination/Pagination.js.map +1 -0
- package/lib/pagination/index.js +2 -0
- package/lib/pagination/index.js.map +1 -0
- package/lib/pagination/types/index.js +2 -0
- package/lib/pagination/types/index.js.map +1 -0
- package/lib/passwordinput/PasswordInput.js +22 -0
- package/lib/passwordinput/PasswordInput.js.map +1 -0
- package/lib/passwordinput/index.js +2 -0
- package/lib/passwordinput/index.js.map +1 -0
- package/lib/passwordinput/types/index.js +2 -0
- package/lib/passwordinput/types/index.js.map +1 -0
- package/lib/pictogram/Pictogram.js +21 -0
- package/lib/pictogram/Pictogram.js.map +1 -0
- package/lib/pictogram/index.js +2 -0
- package/lib/pictogram/index.js.map +1 -0
- package/lib/pictogram/types/index.js +2 -0
- package/lib/pictogram/types/index.js.map +1 -0
- package/lib/placeholder/PlaceHolder.js +28 -0
- package/lib/placeholder/PlaceHolder.js.map +1 -0
- package/lib/placeholder/index.js +2 -0
- package/lib/placeholder/index.js.map +1 -0
- package/lib/placeholder/types/index.js +2 -0
- package/lib/placeholder/types/index.js.map +1 -0
- package/lib/progress/Progress.js +26 -0
- package/lib/progress/Progress.js.map +1 -0
- package/lib/progress/index.js +2 -0
- package/lib/progress/index.js.map +1 -0
- package/lib/progress/types/index.js +2 -0
- package/lib/progress/types/index.js.map +1 -0
- package/lib/radiogroup/RadioGroup.js +28 -0
- package/lib/radiogroup/RadioGroup.js.map +1 -0
- package/lib/radiogroup/index.js +2 -0
- package/lib/radiogroup/index.js.map +1 -0
- package/lib/radiogroup/types/index.js +2 -0
- package/lib/radiogroup/types/index.js.map +1 -0
- package/lib/rangeinput/RangeInput.js +45 -0
- package/lib/rangeinput/RangeInput.js.map +1 -0
- package/lib/rangeinput/index.js +2 -0
- package/lib/rangeinput/index.js.map +1 -0
- package/lib/rangeinput/types/index.js +2 -0
- package/lib/rangeinput/types/index.js.map +1 -0
- package/lib/ratings/Ratings.js +25 -0
- package/lib/ratings/Ratings.js.map +1 -0
- package/lib/ratings/index.js +2 -0
- package/lib/ratings/index.js.map +1 -0
- package/lib/ratings/types/index.js +2 -0
- package/lib/ratings/types/index.js.map +1 -0
- package/lib/searchinput/SearchInput.js +22 -0
- package/lib/searchinput/SearchInput.js.map +1 -0
- package/lib/searchinput/index.js +2 -0
- package/lib/searchinput/index.js.map +1 -0
- package/lib/searchinput/types/index.js +2 -0
- package/lib/searchinput/types/index.js.map +1 -0
- package/lib/select/Select.js +34 -0
- package/lib/select/Select.js.map +1 -0
- package/lib/select/index.js +2 -0
- package/lib/select/index.js.map +1 -0
- package/lib/select/types/index.js +2 -0
- package/lib/select/types/index.js.map +1 -0
- package/lib/sidebar/Sidebar.js +56 -0
- package/lib/sidebar/Sidebar.js.map +1 -0
- package/lib/sidebar/index.js +2 -0
- package/lib/sidebar/index.js.map +1 -0
- package/lib/sidebar/types/index.js +2 -0
- package/lib/sidebar/types/index.js.map +1 -0
- package/lib/socialshare/SocialShare.js +64 -0
- package/lib/socialshare/SocialShare.js.map +1 -0
- package/lib/socialshare/buttons/BlueskyButton.js +18 -0
- package/lib/socialshare/buttons/BlueskyButton.js.map +1 -0
- package/lib/socialshare/buttons/EmailButton.js +16 -0
- package/lib/socialshare/buttons/EmailButton.js.map +1 -0
- package/lib/socialshare/buttons/FacebookButton.js +16 -0
- package/lib/socialshare/buttons/FacebookButton.js.map +1 -0
- package/lib/socialshare/buttons/LinkedinButton.js +16 -0
- package/lib/socialshare/buttons/LinkedinButton.js.map +1 -0
- package/lib/socialshare/buttons/PinterestButton.js +19 -0
- package/lib/socialshare/buttons/PinterestButton.js.map +1 -0
- package/lib/socialshare/buttons/RedditButton.js +19 -0
- package/lib/socialshare/buttons/RedditButton.js.map +1 -0
- package/lib/socialshare/buttons/SlackButton.js +17 -0
- package/lib/socialshare/buttons/SlackButton.js.map +1 -0
- package/lib/socialshare/buttons/TelegramButton.js +19 -0
- package/lib/socialshare/buttons/TelegramButton.js.map +1 -0
- package/lib/socialshare/buttons/WhatsappButton.js +16 -0
- package/lib/socialshare/buttons/WhatsappButton.js.map +1 -0
- package/lib/socialshare/buttons/XButton.js +19 -0
- package/lib/socialshare/buttons/XButton.js.map +1 -0
- package/lib/socialshare/index.js +12 -0
- package/lib/socialshare/index.js.map +1 -0
- package/lib/socialshare/types/index.js +2 -0
- package/lib/socialshare/types/index.js.map +1 -0
- package/lib/statbar/StatBar.js +15 -0
- package/lib/statbar/StatBar.js.map +1 -0
- package/lib/statbar/index.js +2 -0
- package/lib/statbar/index.js.map +1 -0
- package/lib/statbar/types/index.js +2 -0
- package/lib/statbar/types/index.js.map +1 -0
- package/lib/switch/Switch.js +55 -0
- package/lib/switch/Switch.js.map +1 -0
- package/lib/switch/index.js +2 -0
- package/lib/switch/index.js.map +1 -0
- package/lib/switch/types/index.js +2 -0
- package/lib/switch/types/index.js.map +1 -0
- package/lib/tabs/Tab.js +6 -0
- package/lib/tabs/Tab.js.map +1 -0
- package/lib/tabs/TabBar.js +18 -0
- package/lib/tabs/TabBar.js.map +1 -0
- package/lib/tabs/Tabs.js +59 -0
- package/lib/tabs/Tabs.js.map +1 -0
- package/lib/tabs/index.js +2 -0
- package/lib/tabs/index.js.map +1 -0
- package/lib/tabs/types/index.js +2 -0
- package/lib/tabs/types/index.js.map +1 -0
- package/lib/textarea/TextArea.js +17 -0
- package/lib/textarea/TextArea.js.map +1 -0
- package/lib/textarea/index.js +2 -0
- package/lib/textarea/index.js.map +1 -0
- package/lib/textarea/types/index.js +2 -0
- package/lib/textarea/types/index.js.map +1 -0
- package/lib/textinput/TextInput.js +18 -0
- package/lib/textinput/TextInput.js.map +1 -0
- package/lib/textinput/index.js +2 -0
- package/lib/textinput/index.js.map +1 -0
- package/lib/textinput/types/index.js +2 -0
- package/lib/textinput/types/index.js.map +1 -0
- package/lib/ticker/Ticker.js +21 -0
- package/lib/ticker/Ticker.js.map +1 -0
- package/lib/ticker/index.js +2 -0
- package/lib/ticker/index.js.map +1 -0
- package/lib/ticker/types/index.js +2 -0
- package/lib/ticker/types/index.js.map +1 -0
- package/lib/toast/Toast.js +76 -0
- package/lib/toast/Toast.js.map +1 -0
- package/lib/toast/index.js +2 -0
- package/lib/toast/index.js.map +1 -0
- package/lib/toast/types/index.js +2 -0
- package/lib/toast/types/index.js.map +1 -0
- package/lib/twitterembed/TwitterEmbed.js +123 -0
- package/lib/twitterembed/TwitterEmbed.js.map +1 -0
- package/lib/twitterembed/index.js +2 -0
- package/lib/twitterembed/index.js.map +1 -0
- package/lib/twitterembed/types/index.js +2 -0
- package/lib/twitterembed/types/index.js.map +1 -0
- package/lib/videoplayer/Video.js +130 -0
- package/lib/videoplayer/Video.js.map +1 -0
- package/lib/videoplayer/VideoControls.js +63 -0
- package/lib/videoplayer/VideoControls.js.map +1 -0
- package/lib/videoplayer/VideoPlayer.js +66 -0
- package/lib/videoplayer/VideoPlayer.js.map +1 -0
- package/lib/videoplayer/VideoTracks.js +9 -0
- package/lib/videoplayer/VideoTracks.js.map +1 -0
- package/lib/videoplayer/controls/CaptionsControl.js +15 -0
- package/lib/videoplayer/controls/CaptionsControl.js.map +1 -0
- package/lib/videoplayer/controls/FullscreenControl.js +8 -0
- package/lib/videoplayer/controls/FullscreenControl.js.map +1 -0
- package/lib/videoplayer/controls/PipControl.js +8 -0
- package/lib/videoplayer/controls/PipControl.js.map +1 -0
- package/lib/videoplayer/controls/SoundControl.js +8 -0
- package/lib/videoplayer/controls/SoundControl.js.map +1 -0
- package/lib/videoplayer/controls/index.js +5 -0
- package/lib/videoplayer/controls/index.js.map +1 -0
- package/lib/videoplayer/index.js +3 -0
- package/lib/videoplayer/index.js.map +1 -0
- package/lib/videoplayer/types/index.js +2 -0
- package/lib/videoplayer/types/index.js.map +1 -0
- package/lib/youtubeembed/YoutubeEmbed.js +33 -0
- package/lib/youtubeembed/YoutubeEmbed.js.map +1 -0
- package/lib/youtubeembed/index.js +2 -0
- package/lib/youtubeembed/index.js.map +1 -0
- package/lib/youtubeembed/types/index.js +2 -0
- package/lib/youtubeembed/types/index.js.map +1 -0
- package/package.json +39 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/ui/label/Label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,IAAM,WAAW,GACf,+HAA+H,CAAC;AAElI,IAAM,eAAe,GACnB,4EAA4E,CAAC;AAE/E,IAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;CACf,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,GAAG,EAAE,iCAAiC;IACtC,GAAG,EAAE,oCAAoC;IACzC,WAAW,EAAE,gEAAgE;CAC9E,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,IAAY;IAChC,OAAO,IAAI,KAAK,UAAU;QACxB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,IAAI,KAAK,OAAO;YAClB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,KAAK,OAAO;gBAClB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,IAAI,KAAK,QAAQ;oBACnB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EAWF;QAVX,KAAK,WAAA,EACL,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,QAAQ,cAAA,EACR,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,IAAM,aAAa,GAAG,OAAO,CAAC,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,EAAf,CAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/D,OAAO,CACL,iBACE,SAAS,EAAE,OAAO,CAChB,6CAAsC,WAAW,cAAI,aAAa,cAChE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,wCACX,IAAI,CAAE,EACpC,SAAS,CACV,iBACW,OAAO,EACnB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,KAAK,aAEZ,gBACE,SAAS,EAAE,2CAAoC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAC3E,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,cAChC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE,aAEpC,KAAK,OAAG,IAAI,KAAK,MAAM,IAAI,eAAM,SAAS,EAAC,SAAS,iCAAwB,IACxE,EACP,cACE,SAAS,EAAE,UAAG,YAAY,CACxB,IAAI,CACL,6EAA0E,YAE1E,QAAQ,GACL,IACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["\"use client\";\n\nimport React, { useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { LabelProps } from \"./types\";\n\nconst fileClasses =\n \"bg-dark text-light dark:bg-light dark:text-dark rounded-md p-[1em] flex items-center justify-center whitespace-nowrap !w-auto\";\n\nconst requiredClasses =\n \"after:text-warning-dark after:dark:text-warning-light after:content-['_*']\";\n\nconst sizes = {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n xl: \"text-2xl\",\n};\n\nconst layouts = {\n col: \"flex flex-col items-start gap-2\",\n row: \"grid grid-cols-3 items-start gap-4\",\n row_reverse: \"flex flex-wrap justify-end flex-row-reverse gap-2 items-center\",\n};\n\nconst widthClasses = (type: string) => {\n return type === \"checkbox\"\n ? \"w-auto\"\n : type === \"radio\"\n ? \"w-auto\"\n : type === \"color\"\n ? \"w-auto\"\n : type === \"number\"\n ? \"w-auto\"\n : \"w-full\";\n};\n\nconst Label = ({\n forId,\n size = \"md\",\n layout = \"col\",\n label,\n isBold = true,\n required,\n type = \"text\",\n children,\n className = \"\",\n style,\n}: LabelProps) => {\n const sizeClasses = useMemo(() => sizes[size], [size]);\n const layoutClasses = useMemo(() => layouts[layout], [layout]);\n\n return (\n <label\n className={twMerge(\n `label group cursor-pointer w-full ${sizeClasses} ${layoutClasses} ${\n isBold ? \"font-semibold\" : \"font-nomal\"\n } text-dark dark:text-light ${type}`,\n className\n )}\n data-testid=\"label\"\n htmlFor={forId}\n style={style}\n >\n <span\n className={`inline-block [&:has(svg)]:w-full ${layout === \"row\" ? \"pt-2\" : \"\"} ${\n type === \"file\" ? fileClasses : \"\"\n } ${required ? requiredClasses : \"\"}`}\n >\n {label} {type === \"file\" && <span className=\"sr-only\">Upload file icon</span>}\n </span>\n <div\n className={`${widthClasses(\n type\n )} col-span-2 [&:has(input.w-0)]:absolute [&:has(input.password)]:relative`}\n >\n {children}\n </div>\n </label>\n );\n};\n\nexport default Label;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Label } from './Label'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/label/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface LabelProps {\n\tclassName?: string\n\tstyle?: React.CSSProperties\n\tforId?: string\n\tlayout?: 'col' | 'row' | 'row_reverse'\n\tsize?: 'sm' | 'md' | 'lg' | 'xl'\n\tlabel: string | React.ReactNode\n\tisBold?: boolean\n\tvalue?: any\n\trequired?: boolean\n\tchildren: React.ReactNode\n\tonKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n\ttype?:\n\t\t| 'text'\n\t\t| 'password'\n\t\t| 'number'\n\t\t| 'email'\n\t\t| 'tel'\n\t\t| 'date'\n\t\t| 'checkbox'\n\t\t| 'radio'\n\t\t| 'file'\n\t\t| 'button'\n\t\t| 'color'\n\t\t| 'range'\n\t\t| 'search'\n\t\t| 'url'\n\t\t| 'datetime-local'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n}\n"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { Suspense, useMemo } from "react";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var Bars = React.lazy(function () { return import("./spinners/Bars"); });
|
|
5
|
+
var Clock = React.lazy(function () { return import("./spinners/Clock"); });
|
|
6
|
+
var Dots = React.lazy(function () { return import("./spinners/Dots"); });
|
|
7
|
+
var Pulse = React.lazy(function () { return import("./spinners/Pulse"); });
|
|
8
|
+
var Spindots = React.lazy(function () { return import("./spinners/Spindots"); });
|
|
9
|
+
var Wifi = React.lazy(function () { return import("./spinners/Wifi"); });
|
|
10
|
+
import Spinner from "./spinners/Spinner";
|
|
11
|
+
var sizeToWidth = {
|
|
12
|
+
sm: 20,
|
|
13
|
+
md: 40,
|
|
14
|
+
lg: 60,
|
|
15
|
+
xl: 80,
|
|
16
|
+
};
|
|
17
|
+
var colors = {
|
|
18
|
+
info: "text-info",
|
|
19
|
+
success: "text-success",
|
|
20
|
+
warning: "text-warning",
|
|
21
|
+
danger: "text-error",
|
|
22
|
+
primary: "text-primary",
|
|
23
|
+
secondary: "text-secondary",
|
|
24
|
+
current: "text-current",
|
|
25
|
+
};
|
|
26
|
+
var layouts = {
|
|
27
|
+
col: "flex-col",
|
|
28
|
+
col_reverse: "flex-col-reverse",
|
|
29
|
+
row: "flex-row items-center",
|
|
30
|
+
row_reverse: "flex-row-reverse items-center",
|
|
31
|
+
};
|
|
32
|
+
var animates = {
|
|
33
|
+
spin: "animate-spin",
|
|
34
|
+
bounce: "animate-bounce",
|
|
35
|
+
pulse: "animate-pulse",
|
|
36
|
+
ping: "animate-ping",
|
|
37
|
+
};
|
|
38
|
+
var getSpinnerComponent = function (spinner) {
|
|
39
|
+
switch (spinner) {
|
|
40
|
+
case "bars":
|
|
41
|
+
return Bars;
|
|
42
|
+
case "clock":
|
|
43
|
+
return Clock;
|
|
44
|
+
case "dots":
|
|
45
|
+
return Dots;
|
|
46
|
+
case "pulse":
|
|
47
|
+
return Pulse;
|
|
48
|
+
case "spindots":
|
|
49
|
+
return Spindots;
|
|
50
|
+
case "wifi":
|
|
51
|
+
return Wifi;
|
|
52
|
+
case "spinner":
|
|
53
|
+
default:
|
|
54
|
+
return Spinner;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
var Loading = function (_a) {
|
|
58
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.caption, caption = _c === void 0 ? "" : _c, _d = _a.spinner, spinner = _d === void 0 ? "spinner" : _d, customSpinner = _a.customSpinner, _e = _a.customAnimate, customAnimate = _e === void 0 ? "spin" : _e, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.loadingColor, loadingColor = _g === void 0 ? "current" : _g, _h = _a.layout, layout = _h === void 0 ? "col" : _h;
|
|
59
|
+
var SpinnerIcon = useMemo(function () { return getSpinnerComponent(spinner); }, [spinner]);
|
|
60
|
+
var width = useMemo(function () { return sizeToWidth[size]; }, [size]);
|
|
61
|
+
var colorClasses = useMemo(function () { return colors[loadingColor]; }, [loadingColor]);
|
|
62
|
+
var layoutClasses = useMemo(function () { return layouts[layout]; }, [layout]);
|
|
63
|
+
var animateClasses = useMemo(function () { return animates[customAnimate]; }, [customAnimate]);
|
|
64
|
+
return (_jsx("div", { className: twMerge("loading flex justify-center items-center text-dark dark:text-light", className), children: _jsxs("figure", { className: "figure flex items-center gap-4 ".concat(colorClasses, " ").concat(layoutClasses), children: [customSpinner ? (_jsx("div", { className: "flex items-center justify-center", style: {
|
|
65
|
+
fontSize: "".concat(width, "px"),
|
|
66
|
+
width: "".concat(width, "px"),
|
|
67
|
+
height: "".concat(width, "px"),
|
|
68
|
+
}, children: _jsx("div", { className: "flex items-center justify-center ".concat(animateClasses), children: customSpinner }) })) : (_jsx(Suspense, { fallback: _jsx("div", { className: "text-center", children: "..." }), children: _jsx(SpinnerIcon, { width: width }) })), caption && (_jsx("figcaption", { className: "figcaption text-center ".concat(colorClasses, " text-").concat(size), children: caption }))] }) }));
|
|
69
|
+
};
|
|
70
|
+
export default Loading;
|
|
71
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/ui/loading/Loading.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Suspense, useMemo } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nconst Bars = React.lazy(() => import(\"./spinners/Bars\"));\nconst Clock = React.lazy(() => import(\"./spinners/Clock\"));\nconst Dots = React.lazy(() => import(\"./spinners/Dots\"));\nconst Pulse = React.lazy(() => import(\"./spinners/Pulse\"));\nconst Spindots = React.lazy(() => import(\"./spinners/Spindots\"));\nconst Wifi = React.lazy(() => import(\"./spinners/Wifi\"));\n\nimport Spinner from \"./spinners/Spinner\";\n\nconst sizeToWidth = {\n sm: 20,\n md: 40,\n lg: 60,\n xl: 80,\n};\n\nconst colors = {\n info: \"text-info\",\n success: \"text-success\",\n warning: \"text-warning\",\n danger: \"text-error\",\n primary: \"text-primary\",\n secondary: \"text-secondary\",\n current: \"text-current\",\n};\n\nconst layouts = {\n col: \"flex-col\",\n col_reverse: \"flex-col-reverse\",\n row: \"flex-row items-center\",\n row_reverse: \"flex-row-reverse items-center\",\n};\n\nconst animates = {\n spin: \"animate-spin\",\n bounce: \"animate-bounce\",\n pulse: \"animate-pulse\",\n ping: \"animate-ping\",\n};\n\nconst getSpinnerComponent = (spinner: string) => {\n switch (spinner) {\n case \"bars\":\n return Bars;\n case \"clock\":\n return Clock;\n case \"dots\":\n return Dots;\n case \"pulse\":\n return Pulse;\n case \"spindots\":\n return Spindots;\n case \"wifi\":\n return Wifi;\n case \"spinner\":\n default:\n return Spinner;\n }\n};\n\nimport { LoadingProps } from \"./types\";\n\nconst Loading = ({\n className = \"\",\n caption = \"\",\n spinner = \"spinner\",\n customSpinner,\n customAnimate = \"spin\",\n size = \"md\",\n loadingColor = \"current\",\n layout = \"col\",\n}: LoadingProps) => {\n const SpinnerIcon = useMemo(() => getSpinnerComponent(spinner), [spinner]);\n const width = useMemo(() => sizeToWidth[size], [size]);\n const colorClasses = useMemo(() => colors[loadingColor], [loadingColor]);\n const layoutClasses = useMemo(() => layouts[layout], [layout]);\n const animateClasses = useMemo(() => animates[customAnimate], [customAnimate]);\n\n return (\n <div\n className={twMerge(\n `loading flex justify-center items-center text-dark dark:text-light`,\n className\n )}\n >\n <figure className={`figure flex items-center gap-4 ${colorClasses} ${layoutClasses}`}>\n {customSpinner ? (\n <div\n className=\"flex items-center justify-center\"\n style={{\n fontSize: `${width}px`,\n width: `${width}px`,\n height: `${width}px`,\n }}\n >\n <div className={`flex items-center justify-center ${animateClasses}`}>\n {customSpinner}\n </div>\n </div>\n ) : (\n <Suspense fallback={<div className=\"text-center\">...</div>}>\n <SpinnerIcon width={width} />\n </Suspense>\n )}\n {caption && (\n <figcaption className={`figcaption text-center ${colorClasses} text-${size}`}>\n {caption}\n </figcaption>\n )}\n </figure>\n </div>\n );\n};\n\nexport default Loading;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAG9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAA","sourcesContent":["export { default as Loading } from './Loading'\n\n// Spinners\nexport { default as Spinner } from './spinners/Spinner'\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Bars = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsxs("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: [_jsxs("rect", { x: '1', y: '6', width: '2.8', height: '12', fill: 'currentColor', children: [_jsx("animate", { id: 'spinner_CcmT', begin: '0;spinner_IzZB.end-0.1s', attributeName: 'y', calcMode: 'spline', dur: '0.6s', values: '6;1;6', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' }), _jsx("animate", { begin: '0;spinner_IzZB.end-0.1s', attributeName: 'height', calcMode: 'spline', dur: '0.6s', values: '12;22;12', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' })] }), _jsxs("rect", { x: '5.8', y: '6', width: '2.8', height: '12', fill: 'currentColor', children: [_jsx("animate", { begin: 'spinner_CcmT.begin+0.1s', attributeName: 'y', calcMode: 'spline', dur: '0.6s', values: '6;1;6', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' }), _jsx("animate", { begin: 'spinner_CcmT.begin+0.1s', attributeName: 'height', calcMode: 'spline', dur: '0.6s', values: '12;22;12', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' })] }), _jsxs("rect", { x: '10.6', y: '6', width: '2.8', height: '12', fill: 'currentColor', children: [_jsx("animate", { begin: 'spinner_CcmT.begin+0.2s', attributeName: 'y', calcMode: 'spline', dur: '0.6s', values: '6;1;6', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' }), _jsx("animate", { begin: 'spinner_CcmT.begin+0.2s', attributeName: 'height', calcMode: 'spline', dur: '0.6s', values: '12;22;12', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' })] }), _jsxs("rect", { x: '15.4', y: '6', width: '2.8', height: '12', fill: 'currentColor', children: [_jsx("animate", { begin: 'spinner_CcmT.begin+0.3s', attributeName: 'y', calcMode: 'spline', dur: '0.6s', values: '6;1;6', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' }), _jsx("animate", { begin: 'spinner_CcmT.begin+0.3s', attributeName: 'height', calcMode: 'spline', dur: '0.6s', values: '12;22;12', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' })] }), _jsxs("rect", { x: '20.2', y: '6', width: '2.8', height: '12', fill: 'currentColor', children: [_jsx("animate", { id: 'spinner_IzZB', begin: 'spinner_CcmT.begin+0.4s', attributeName: 'y', calcMode: 'spline', dur: '0.6s', values: '6;1;6', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' }), _jsx("animate", { begin: 'spinner_CcmT.begin+0.4s', attributeName: 'height', calcMode: 'spline', dur: '0.6s', values: '12;22;12', keySplines: '.36,.61,.3,.98;.36,.61,.3,.98' })] })] }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Bars;
|
|
7
|
+
//# sourceMappingURL=Bars.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bars.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Bars.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nconst Bars = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\tx='1'\n\t\t\t\t\ty='6'\n\t\t\t\t\twidth='2.8'\n\t\t\t\t\theight='12'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_CcmT'\n\t\t\t\t\t\tbegin='0;spinner_IzZB.end-0.1s'\n\t\t\t\t\t\tattributeName='y'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='6;1;6'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='0;spinner_IzZB.end-0.1s'\n\t\t\t\t\t\tattributeName='height'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;22;12'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t\t<rect\n\t\t\t\t\tx='5.8'\n\t\t\t\t\ty='6'\n\t\t\t\t\twidth='2.8'\n\t\t\t\t\theight='12'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.1s'\n\t\t\t\t\t\tattributeName='y'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='6;1;6'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.1s'\n\t\t\t\t\t\tattributeName='height'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;22;12'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t\t<rect\n\t\t\t\t\tx='10.6'\n\t\t\t\t\ty='6'\n\t\t\t\t\twidth='2.8'\n\t\t\t\t\theight='12'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.2s'\n\t\t\t\t\t\tattributeName='y'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='6;1;6'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.2s'\n\t\t\t\t\t\tattributeName='height'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;22;12'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t\t<rect\n\t\t\t\t\tx='15.4'\n\t\t\t\t\ty='6'\n\t\t\t\t\twidth='2.8'\n\t\t\t\t\theight='12'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.3s'\n\t\t\t\t\t\tattributeName='y'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='6;1;6'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.3s'\n\t\t\t\t\t\tattributeName='height'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;22;12'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t\t<rect\n\t\t\t\t\tx='20.2'\n\t\t\t\t\ty='6'\n\t\t\t\t\twidth='2.8'\n\t\t\t\t\theight='12'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_IzZB'\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.4s'\n\t\t\t\t\t\tattributeName='y'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='6;1;6'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_CcmT.begin+0.4s'\n\t\t\t\t\t\tattributeName='height'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;22;12'\n\t\t\t\t\t\tkeySplines='.36,.61,.3,.98;.36,.61,.3,.98'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Bars\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Clock = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsxs("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: [_jsx("path", { d: 'M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z', fill: 'currentColor', className: 'opacity-50' }), _jsx("rect", { x: '11', y: '6', rx: '1', width: '2', height: '7', fill: 'currentColor', children: _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '9s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' }) }), _jsx("rect", { x: '11', y: '11', rx: '1', width: '2', height: '9', fill: 'currentColor', className: 'opacity-75', children: _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '0.75s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' }) })] }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Clock;
|
|
7
|
+
//# sourceMappingURL=Clock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Clock.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Clock.tsx"],"names":[],"mappings":";AAEA,IAAM,KAAK,GAAG,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACrB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,eACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,aAEb,eACC,CAAC,EAAC,+EAA+E,EACjF,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,YAAY,GACrB,EACF,eACC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,GAAG,EACL,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,cAAc,YAEnB,2BACC,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,IAAI,EACR,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAC,YAAY,GACvB,GACI,EACP,eACC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,YAAY,YAEtB,2BACC,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,OAAO,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAC,YAAY,GACvB,GACI,IACF,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,KAAK,CAAA","sourcesContent":["import React from 'react'\n\nconst Clock = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t\tclassName='opacity-50'\n\t\t\t\t/>\n\t\t\t\t<rect\n\t\t\t\t\tx='11'\n\t\t\t\t\ty='6'\n\t\t\t\t\trx='1'\n\t\t\t\t\twidth='2'\n\t\t\t\t\theight='7'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animateTransform\n\t\t\t\t\t\tattributeName='transform'\n\t\t\t\t\t\ttype='rotate'\n\t\t\t\t\t\tdur='9s'\n\t\t\t\t\t\tvalues='0 12 12;360 12 12'\n\t\t\t\t\t\trepeatCount='indefinite'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t\t<rect\n\t\t\t\t\tx='11'\n\t\t\t\t\ty='11'\n\t\t\t\t\trx='1'\n\t\t\t\t\twidth='2'\n\t\t\t\t\theight='9'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t\tclassName='opacity-75'\n\t\t\t\t>\n\t\t\t\t\t<animateTransform\n\t\t\t\t\t\tattributeName='transform'\n\t\t\t\t\t\ttype='rotate'\n\t\t\t\t\t\tdur='0.75s'\n\t\t\t\t\t\tvalues='0 12 12;360 12 12'\n\t\t\t\t\t\trepeatCount='indefinite'\n\t\t\t\t\t/>\n\t\t\t\t</rect>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Clock\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Dots = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsxs("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: [_jsx("circle", { cx: '4', cy: '12', r: '3', fill: 'currentColor', className: 'opacity-50', children: _jsx("animate", { id: 'spinner_qFRN', begin: '0;spinner_OcgL.end+0.25s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) }), _jsx("circle", { cx: '12', cy: '12', r: '3', fill: 'currentColor', className: 'opacity-75', children: _jsx("animate", { begin: 'spinner_qFRN.begin+0.1s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) }), _jsx("circle", { cx: '20', cy: '12', r: '3', fill: 'currentColor', children: _jsx("animate", { id: 'spinner_OcgL', begin: 'spinner_qFRN.begin+0.2s', attributeName: 'cy', calcMode: 'spline', dur: '0.6s', values: '12;6;12', keySplines: '.33,.66,.66,1;.33,0,.66,.33' }) })] }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Dots;
|
|
7
|
+
//# sourceMappingURL=Dots.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dots.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Dots.tsx"],"names":[],"mappings":";AAEA,IAAM,IAAI,GAAG,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACpB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,eACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,aAEb,iBACC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,YAAY,YAEtB,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,0BAA0B,EAChC,aAAa,EAAC,IAAI,EAClB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,6BAA6B,GACvC,GACM,EACT,iBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,YAAY,YAEtB,kBACC,KAAK,EAAC,yBAAyB,EAC/B,aAAa,EAAC,IAAI,EAClB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,6BAA6B,GACvC,GACM,EACT,iBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,cAAc,YAEnB,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,yBAAyB,EAC/B,aAAa,EAAC,IAAI,EAClB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,6BAA6B,GACvC,GACM,IACJ,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,IAAI,CAAA","sourcesContent":["import React from 'react'\n\nconst Dots = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx='4'\n\t\t\t\t\tcy='12'\n\t\t\t\t\tr='3'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t\tclassName='opacity-50'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_qFRN'\n\t\t\t\t\t\tbegin='0;spinner_OcgL.end+0.25s'\n\t\t\t\t\t\tattributeName='cy'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;6;12'\n\t\t\t\t\t\tkeySplines='.33,.66,.66,1;.33,0,.66,.33'\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<circle\n\t\t\t\t\tcx='12'\n\t\t\t\t\tcy='12'\n\t\t\t\t\tr='3'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t\tclassName='opacity-75'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_qFRN.begin+0.1s'\n\t\t\t\t\t\tattributeName='cy'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;6;12'\n\t\t\t\t\t\tkeySplines='.33,.66,.66,1;.33,0,.66,.33'\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t\t<circle\n\t\t\t\t\tcx='20'\n\t\t\t\t\tcy='12'\n\t\t\t\t\tr='3'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_OcgL'\n\t\t\t\t\t\tbegin='spinner_qFRN.begin+0.2s'\n\t\t\t\t\t\tattributeName='cy'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='0.6s'\n\t\t\t\t\t\tvalues='12;6;12'\n\t\t\t\t\t\tkeySplines='.33,.66,.66,1;.33,0,.66,.33'\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Dots\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Pulse = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: _jsxs("circle", { cx: '12', cy: '12', r: '0', stroke: 'currentColor', fill: 'currentColor', children: [_jsx("animate", { attributeName: 'r', calcMode: 'spline', dur: '1.2s', values: '0;11', keySplines: '.52,.6,.25,.99', repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'opacity', calcMode: 'spline', dur: '1.2s', values: '1;0', keySplines: '.52,.6,.25,.99', repeatCount: 'indefinite' })] }) }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Pulse;
|
|
7
|
+
//# sourceMappingURL=Pulse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Pulse.tsx"],"names":[],"mappings":";AAEA,IAAM,KAAK,GAAG,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACrB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,cACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,YAEb,kBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,aAEnB,kBACC,aAAa,EAAC,GAAG,EACjB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,MAAM,EACb,UAAU,EAAC,gBAAgB,EAC3B,WAAW,EAAC,YAAY,GACvB,EACF,kBACC,aAAa,EAAC,SAAS,EACvB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,KAAK,EACZ,UAAU,EAAC,gBAAgB,EAC3B,WAAW,EAAC,YAAY,GACvB,IACM,GACJ,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,KAAK,CAAA","sourcesContent":["import React from 'react'\n\nconst Pulse = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx='12'\n\t\t\t\t\tcy='12'\n\t\t\t\t\tr='0'\n\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tattributeName='r'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='1.2s'\n\t\t\t\t\t\tvalues='0;11'\n\t\t\t\t\t\tkeySplines='.52,.6,.25,.99'\n\t\t\t\t\t\trepeatCount='indefinite'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tcalcMode='spline'\n\t\t\t\t\t\tdur='1.2s'\n\t\t\t\t\t\tvalues='1;0'\n\t\t\t\t\t\tkeySplines='.52,.6,.25,.99'\n\t\t\t\t\t\trepeatCount='indefinite'\n\t\t\t\t\t/>\n\t\t\t\t</circle>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Pulse\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var SpinDots = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: _jsxs("g", { children: [_jsx("circle", { cx: '3', cy: '12', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '21', cy: '12', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '12', cy: '21', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '12', cy: '3', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '5.64', cy: '5.64', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '18.36', cy: '18.36', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '5.64', cy: '18.36', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("circle", { cx: '18.36', cy: '5.64', r: '2', stroke: 'currentColor', fill: 'currentColor' }), _jsx("animateTransform", { attributeName: 'transform', type: 'rotate', dur: '2.5s', values: '0 12 12;360 12 12', repeatCount: 'indefinite' })] }) }) }));
|
|
5
|
+
};
|
|
6
|
+
export default SpinDots;
|
|
7
|
+
//# sourceMappingURL=Spindots.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spindots.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Spindots.tsx"],"names":[],"mappings":";AAEA,IAAM,QAAQ,GAAG,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACxB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,cACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,YAEb,wBACC,iBACC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,OAAO,EACV,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,OAAO,EACV,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,iBACC,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,MAAM,EACT,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,GAClB,EACF,2BACC,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAC,YAAY,GACvB,IACC,GACC,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA","sourcesContent":["import React from 'react'\n\nconst SpinDots = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<g>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='3'\n\t\t\t\t\t\tcy='12'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='21'\n\t\t\t\t\t\tcy='12'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='12'\n\t\t\t\t\t\tcy='21'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='12'\n\t\t\t\t\t\tcy='3'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='5.64'\n\t\t\t\t\t\tcy='5.64'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='18.36'\n\t\t\t\t\t\tcy='18.36'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='5.64'\n\t\t\t\t\t\tcy='18.36'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<circle\n\t\t\t\t\t\tcx='18.36'\n\t\t\t\t\t\tcy='5.64'\n\t\t\t\t\t\tr='2'\n\t\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\t\tfill='currentColor'\n\t\t\t\t\t/>\n\t\t\t\t\t<animateTransform\n\t\t\t\t\t\tattributeName='transform'\n\t\t\t\t\t\ttype='rotate'\n\t\t\t\t\t\tdur='2.5s'\n\t\t\t\t\t\tvalues='0 12 12;360 12 12'\n\t\t\t\t\t\trepeatCount='indefinite'\n\t\t\t\t\t/>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default SpinDots\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Spinner = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsxs("svg", { className: 'mx-auto animate-spin', "data-testid": 'svg', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', width: width, height: width, children: [_jsx("circle", { className: 'opacity-25', cx: '12', cy: '12', r: '10', stroke: 'currentColor', strokeWidth: '4' }), _jsx("path", { className: 'opacity-75', fill: 'currentColor', d: 'M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z' })] }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Spinner;
|
|
7
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Spinner.tsx"],"names":[],"mappings":";AAEA,IAAM,OAAO,GAAG,UAAC,EAA6B;QAA3B,KAAK,WAAA;IACvB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,eACC,SAAS,EAAC,sBAAsB,iBACpB,KAAK,EACjB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,aAEb,iBACC,SAAS,EAAC,YAAY,EACtB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACN,EACV,eACC,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GAC5G,IACH,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\n\nconst Spinner = ({ width }: { width?: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tclassName='mx-auto animate-spin'\n\t\t\t\tdata-testid='svg'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\tfill='none'\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tclassName='opacity-25'\n\t\t\t\t\tcx='12'\n\t\t\t\t\tcy='12'\n\t\t\t\t\tr='10'\n\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\tstrokeWidth='4'\n\t\t\t\t></circle>\n\t\t\t\t<path\n\t\t\t\t\tclassName='opacity-75'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t\td='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n\t\t\t\t></path>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Spinner\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
var Wifi = function (_a) {
|
|
3
|
+
var width = _a.width;
|
|
4
|
+
return (_jsx("div", { className: "spinner", children: _jsxs("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', width: width, height: width, children: [_jsxs("path", { d: 'M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21', opacity: '0', stroke: 'currentColor', fill: 'currentColor', children: [_jsx("animate", { id: 'spinner_id3C', begin: '0;spinner_8AQx.end+0.2s', attributeName: 'opacity', dur: '0.25s', values: '0;1', fill: 'freeze' }), _jsx("animate", { id: 'spinner_8AQx', begin: 'spinner_mMCl.end+0.5s', attributeName: 'opacity', dur: '0.1s', values: '1;0', fill: 'freeze' })] }), _jsxs("path", { d: 'M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z', opacity: '0', stroke: 'currentColor', fill: 'currentColor', children: [_jsx("animate", { id: 'spinner_J1bT', begin: 'spinner_id3C.end', attributeName: 'opacity', dur: '0.25s', values: '0;1', fill: 'freeze' }), _jsx("animate", { begin: 'spinner_mMCl.end+0.5s', attributeName: 'opacity', dur: '0.1s', values: '1;0', fill: 'freeze' })] }), _jsxs("path", { d: 'M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3', opacity: '0', stroke: 'currentColor', fill: 'currentColor', children: [_jsx("animate", { id: 'spinner_mMCl', begin: 'spinner_J1bT.end', attributeName: 'opacity', dur: '0.25s', values: '0;1', fill: 'freeze' }), _jsx("animate", { begin: 'spinner_mMCl.end+0.5s', attributeName: 'opacity', dur: '0.1s', values: '1;0', fill: 'freeze' })] })] }) }));
|
|
5
|
+
};
|
|
6
|
+
export default Wifi;
|
|
7
|
+
//# sourceMappingURL=Wifi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wifi.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/Wifi.tsx"],"names":[],"mappings":";AAEA,IAAM,IAAI,GAAG,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACpB,OAAO,CACN,cAAK,SAAS,EAAE,SAAS,YACxB,eACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,aAEb,gBACC,CAAC,EAAC,8EAA8E,EAChF,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,aAEnB,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,yBAAyB,EAC/B,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,OAAO,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,EACF,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,uBAAuB,EAC7B,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,IACI,EACP,gBACC,CAAC,EAAC,iIAAiI,EACnI,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,aAEnB,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,kBAAkB,EACxB,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,OAAO,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,EACF,kBACC,KAAK,EAAC,uBAAuB,EAC7B,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,IACI,EACP,gBACC,CAAC,EAAC,iHAAiH,EACnH,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,aAEnB,kBACC,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,kBAAkB,EACxB,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,OAAO,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,EACF,kBACC,KAAK,EAAC,uBAAuB,EAC7B,aAAa,EAAC,SAAS,EACvB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,QAAQ,GACZ,IACI,IACF,GACD,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,IAAI,CAAA","sourcesContent":["import React from 'react'\n\nconst Wifi = ({ width }: { width: number }) => {\n\treturn (\n\t\t<div className={`spinner`}>\n\t\t\t<svg\n\t\t\t\tviewBox='0 0 24 24'\n\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\twidth={width}\n\t\t\t\theight={width}\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td='M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21'\n\t\t\t\t\topacity='0'\n\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_id3C'\n\t\t\t\t\t\tbegin='0;spinner_8AQx.end+0.2s'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.25s'\n\t\t\t\t\t\tvalues='0;1'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_8AQx'\n\t\t\t\t\t\tbegin='spinner_mMCl.end+0.5s'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.1s'\n\t\t\t\t\t\tvalues='1;0'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t</path>\n\t\t\t\t<path\n\t\t\t\t\td='M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z'\n\t\t\t\t\topacity='0'\n\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_J1bT'\n\t\t\t\t\t\tbegin='spinner_id3C.end'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.25s'\n\t\t\t\t\t\tvalues='0;1'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_mMCl.end+0.5s'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.1s'\n\t\t\t\t\t\tvalues='1;0'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t</path>\n\t\t\t\t<path\n\t\t\t\t\td='M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3'\n\t\t\t\t\topacity='0'\n\t\t\t\t\tstroke='currentColor'\n\t\t\t\t\tfill='currentColor'\n\t\t\t\t>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tid='spinner_mMCl'\n\t\t\t\t\t\tbegin='spinner_J1bT.end'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.25s'\n\t\t\t\t\t\tvalues='0;1'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t\t<animate\n\t\t\t\t\t\tbegin='spinner_mMCl.end+0.5s'\n\t\t\t\t\t\tattributeName='opacity'\n\t\t\t\t\t\tdur='0.1s'\n\t\t\t\t\t\tvalues='1;0'\n\t\t\t\t\t\tfill='freeze'\n\t\t\t\t\t/>\n\t\t\t\t</path>\n\t\t\t</svg>\n\t\t</div>\n\t)\n}\n\nexport default Wifi\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/loading/spinners/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA","sourcesContent":["export * from './Bars'\nexport * from './Clock'\nexport * from './Dots'\nexport * from './Pulse'\nexport * from './Spindots'\nexport * from './Spinner'\nexport * from './Wifi'\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/loading/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface LoadingProps {\n className?: string;\n caption?: string;\n spinner?: string;\n customSpinner?: React.ReactNode;\n customAnimate?: \"spin\" | \"pulse\" | \"bounce\" | \"ping\";\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n layout?: \"col\" | \"col_reverse\" | \"row\" | \"row_reverse\";\n loadingColor?: \"current\" | \"info\" | \"success\" | \"warning\" | \"danger\" | \"primary\" | \"secondary\";\n}\n"]}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
|
+
};
|
|
22
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
import { useEffect, useRef } from "react";
|
|
24
|
+
import L from "leaflet";
|
|
25
|
+
import { MapContainer, TileLayer, LayersControl, useMap, GeoJSON } from "react-leaflet";
|
|
26
|
+
import "leaflet/dist/leaflet.css";
|
|
27
|
+
import "leaflet.fullscreen/Control.FullScreen.css";
|
|
28
|
+
import "leaflet.fullscreen";
|
|
29
|
+
import { tileOptions as defaultTileOptions } from "./tileOptions";
|
|
30
|
+
var BaseLayer = LayersControl.BaseLayer;
|
|
31
|
+
var ClickHandler = function (_a) {
|
|
32
|
+
var onDblClick = _a.onDblClick, dragging = _a.dragging;
|
|
33
|
+
var map = useMap();
|
|
34
|
+
useEffect(function () {
|
|
35
|
+
if (!dragging)
|
|
36
|
+
return;
|
|
37
|
+
var handleDoubleClick = function (e) {
|
|
38
|
+
setTimeout(function () {
|
|
39
|
+
map.setView(e.latlng, map.getZoom());
|
|
40
|
+
}, 500);
|
|
41
|
+
if (onDblClick) {
|
|
42
|
+
onDblClick(e.latlng);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
map.on("dblclick", handleDoubleClick);
|
|
46
|
+
return function () {
|
|
47
|
+
map.off("dblclick", handleDoubleClick);
|
|
48
|
+
};
|
|
49
|
+
}, [map, onDblClick, dragging]);
|
|
50
|
+
return null;
|
|
51
|
+
};
|
|
52
|
+
var FullscreenControlHandler = function (_a) {
|
|
53
|
+
var fullscreenControl = _a.fullscreenControl, fullscreenControlPosition = _a.fullscreenControlPosition;
|
|
54
|
+
var map = useMap();
|
|
55
|
+
var controlRef = useRef(null);
|
|
56
|
+
useEffect(function () {
|
|
57
|
+
if (!fullscreenControl) {
|
|
58
|
+
if (controlRef.current) {
|
|
59
|
+
controlRef.current.remove();
|
|
60
|
+
controlRef.current = null;
|
|
61
|
+
}
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
if (!controlRef.current) {
|
|
65
|
+
var controlOptions = typeof fullscreenControl === "object" ? fullscreenControl : {};
|
|
66
|
+
var fullscreen = L.control.fullscreen(__assign({ position: fullscreenControlPosition || "topleft", forceSeparateButton: true, forcePseudoFullscreen: false }, controlOptions));
|
|
67
|
+
fullscreen.addTo(map);
|
|
68
|
+
controlRef.current = fullscreen;
|
|
69
|
+
}
|
|
70
|
+
var handleFullscreenChange = function () {
|
|
71
|
+
var _a, _b, _c, _d, _e;
|
|
72
|
+
var isFullscreen = (_c = (_b = (_a = map).isFullscreen) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : false;
|
|
73
|
+
if (controlRef.current) {
|
|
74
|
+
(_e = (_d = controlRef.current).togglePseudoFullscreen) === null || _e === void 0 ? void 0 : _e.call(_d, isFullscreen);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
map.on("fullscreenchange", handleFullscreenChange);
|
|
78
|
+
return function () {
|
|
79
|
+
if (controlRef.current) {
|
|
80
|
+
controlRef.current.remove();
|
|
81
|
+
controlRef.current = null;
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
}, [map, fullscreenControl]);
|
|
85
|
+
return null;
|
|
86
|
+
};
|
|
87
|
+
var LazyMap = function (_a) {
|
|
88
|
+
var center = _a.center, bounds = _a.bounds, zoom = _a.zoom, _b = _a.zoomControl, zoomControl = _b === void 0 ? true : _b, _c = _a.fullscreenControl, fullscreenControl = _c === void 0 ? true : _c, _d = _a.fullscreenControlPosition, fullscreenControlPosition = _d === void 0 ? "topleft" : _d, _e = _a.tilesControl, tilesControl = _e === void 0 ? true : _e, _f = _a.attributionControl, attributionControl = _f === void 0 ? true : _f, _g = _a.dragging, dragging = _g === void 0 ? true : _g, _h = _a.scrollWheelZoom, scrollWheelZoom = _h === void 0 ? true : _h, _j = _a.doubleClickZoom, doubleClickZoom = _j === void 0 ? true : _j, geojson = _a.geojson, _k = _a.layerColor, layerColor = _k === void 0 ? "white" : _k, _l = _a.layerFillColor, layerFillColor = _l === void 0 ? "blue" : _l, onDblClick = _a.onDblClick, className = _a.className, style = _a.style, _m = _a.tileIndex, tileIndex = _m === void 0 ? 0 : _m, _o = _a.customTiles, customTiles = _o === void 0 ? [] : _o, children = _a.children;
|
|
89
|
+
var mapRef = useRef(null);
|
|
90
|
+
var tileOptions = __spreadArray(__spreadArray([], defaultTileOptions, true), customTiles, true);
|
|
91
|
+
var zoomToFeature = function (e) {
|
|
92
|
+
var layer = e.target;
|
|
93
|
+
if (mapRef.current) {
|
|
94
|
+
if ("getBounds" in layer && typeof layer.getBounds === "function") {
|
|
95
|
+
var bounds_1 = layer.getBounds();
|
|
96
|
+
mapRef.current.fitBounds(bounds_1);
|
|
97
|
+
}
|
|
98
|
+
else if ("getLatLng" in layer && typeof layer.getLatLng === "function") {
|
|
99
|
+
var latLng = layer.getLatLng();
|
|
100
|
+
mapRef.current.setView(latLng, mapRef.current.getZoom());
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
var handleEachFeature = function (feature, layer) {
|
|
105
|
+
if (feature.properties) {
|
|
106
|
+
var popupContent = Object.entries(feature.properties)
|
|
107
|
+
.map(function (_a) {
|
|
108
|
+
var key = _a[0], value = _a[1];
|
|
109
|
+
return key === "name" ? "<strong>".concat(value, "</strong>") : "<em>".concat(key, ":</em> ").concat(value);
|
|
110
|
+
})
|
|
111
|
+
.join("<br>");
|
|
112
|
+
layer.bindPopup(popupContent);
|
|
113
|
+
}
|
|
114
|
+
var defaultStyle = {
|
|
115
|
+
color: feature.properties.color || layerColor,
|
|
116
|
+
weight: 1,
|
|
117
|
+
opacity: 1,
|
|
118
|
+
fillOpacity: 0.3,
|
|
119
|
+
fillColor: feature.properties.fillColor || layerFillColor,
|
|
120
|
+
dashArray: "3",
|
|
121
|
+
};
|
|
122
|
+
var hoverStyle = {
|
|
123
|
+
fillOpacity: 0.7,
|
|
124
|
+
};
|
|
125
|
+
layer.setStyle(defaultStyle);
|
|
126
|
+
layer.on({
|
|
127
|
+
click: zoomToFeature,
|
|
128
|
+
mouseover: function (e) {
|
|
129
|
+
layer.setStyle(hoverStyle);
|
|
130
|
+
},
|
|
131
|
+
mouseout: function () {
|
|
132
|
+
layer.setStyle(defaultStyle);
|
|
133
|
+
},
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
return (_jsx(MapContainer, { center: center, bounds: bounds, zoom: zoom, zoomControl: zoomControl, attributionControl: attributionControl, dragging: dragging, scrollWheelZoom: scrollWheelZoom, doubleClickZoom: doubleClickZoom, className: className, style: style, ref: function (ref) {
|
|
137
|
+
if (ref) {
|
|
138
|
+
mapRef.current = ref;
|
|
139
|
+
}
|
|
140
|
+
}, children: _jsxs(_Fragment, { children: [tilesControl ? (_jsx(LayersControl, { position: "topright", children: tileOptions &&
|
|
141
|
+
tileOptions.map(function (tile, index) { return (_jsx(BaseLayer, { name: tile.name, checked: index === tileIndex, children: _jsx(TileLayer, __assign({ url: tile.url, attribution: tile.attribution }, (tile.subdomains && { subdomains: tile.subdomains }))) }, index)); }) })) : (_jsx(TileLayer, __assign({ url: tileOptions[tileIndex].url, attribution: tileOptions[tileIndex].attribution }, (tileOptions[tileIndex].subdomains && {
|
|
142
|
+
subdomains: tileOptions[tileIndex].subdomains,
|
|
143
|
+
})))), _jsx(FullscreenControlHandler, { fullscreenControl: fullscreenControl, fullscreenControlPosition: fullscreenControlPosition }), _jsx(ClickHandler, { onDblClick: onDblClick, dragging: dragging }), geojson && _jsx(GeoJSON, { data: geojson, onEachFeature: handleEachFeature }), children] }) }));
|
|
144
|
+
};
|
|
145
|
+
export default LazyMap;
|
|
146
|
+
//# sourceMappingURL=LazyMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LazyMap.js","sourceRoot":"","sources":["../../../src/ui/map/LazyMap.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef } from \"react\";\nimport L from \"leaflet\";\nimport { Map as LMap, Layer, LeafletMouseEvent, Control } from \"leaflet\";\nimport { MapContainer, TileLayer, LayersControl, useMap, GeoJSON } from \"react-leaflet\";\nimport \"leaflet/dist/leaflet.css\";\nimport \"leaflet.fullscreen/Control.FullScreen.css\";\nimport \"leaflet.fullscreen\";\nimport { tileOptions as defaultTileOptions } from \"./tileOptions\";\nimport { MapProps } from \"./types\";\n\ninterface ClickHandlerProps {\n onDblClick?: (position: { lat: number; lng: number }) => void;\n dragging?: boolean;\n}\n\nconst { BaseLayer } = LayersControl;\n\nconst ClickHandler = ({ onDblClick, dragging }: ClickHandlerProps) => {\n const map = useMap();\n\n useEffect(() => {\n if (!dragging) return;\n const handleDoubleClick = (e: LeafletMouseEvent) => {\n setTimeout(() => {\n map.setView(e.latlng, map.getZoom());\n }, 500);\n\n if (onDblClick) {\n onDblClick(e.latlng);\n }\n };\n\n map.on(\"dblclick\", handleDoubleClick);\n\n return () => {\n map.off(\"dblclick\", handleDoubleClick);\n };\n }, [map, onDblClick, dragging]);\n\n return null;\n};\n\nconst FullscreenControlHandler = ({\n fullscreenControl,\n fullscreenControlPosition,\n}: {\n fullscreenControl?: boolean | Control.FullscreenOptions;\n fullscreenControlPosition?: \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\";\n}) => {\n const map = useMap();\n const controlRef = useRef<L.Control | null>(null);\n\n useEffect(() => {\n if (!fullscreenControl) {\n if (controlRef.current) {\n controlRef.current.remove();\n controlRef.current = null;\n }\n return;\n }\n\n if (!controlRef.current) {\n const controlOptions = typeof fullscreenControl === \"object\" ? fullscreenControl : {};\n\n const fullscreen = L.control.fullscreen({\n position: fullscreenControlPosition || \"topleft\",\n forceSeparateButton: true,\n forcePseudoFullscreen: false,\n ...controlOptions,\n });\n fullscreen.addTo(map);\n controlRef.current = fullscreen;\n }\n\n const handleFullscreenChange = () => {\n const isFullscreen =\n (map as L.Map & { isFullscreen?: () => boolean }).isFullscreen?.() ?? false;\n if (controlRef.current) {\n (controlRef.current as any).togglePseudoFullscreen?.(isFullscreen);\n }\n };\n\n map.on(\"fullscreenchange\", handleFullscreenChange);\n\n return () => {\n if (controlRef.current) {\n controlRef.current.remove();\n controlRef.current = null;\n }\n };\n }, [map, fullscreenControl]);\n\n return null;\n};\n\nconst LazyMap = ({\n center,\n bounds,\n zoom,\n zoomControl = true,\n fullscreenControl = true,\n fullscreenControlPosition = \"topleft\",\n tilesControl = true,\n attributionControl = true,\n dragging = true,\n scrollWheelZoom = true,\n doubleClickZoom = true,\n geojson,\n layerColor = \"white\",\n layerFillColor = \"blue\",\n onDblClick,\n className,\n style,\n tileIndex = 0,\n customTiles = [],\n children,\n}: MapProps) => {\n const mapRef = useRef<LMap | null>(null);\n const tileOptions = [...defaultTileOptions, ...customTiles];\n\n const zoomToFeature = (e: LeafletMouseEvent) => {\n const layer = e.target as Layer;\n if (mapRef.current) {\n if (\"getBounds\" in layer && typeof layer.getBounds === \"function\") {\n const bounds = layer.getBounds();\n mapRef.current.fitBounds(bounds);\n } else if (\"getLatLng\" in layer && typeof layer.getLatLng === \"function\") {\n const latLng = layer.getLatLng();\n mapRef.current.setView(latLng, mapRef.current.getZoom());\n }\n }\n };\n\n const handleEachFeature = (feature: any, layer: any) => {\n if (feature.properties) {\n const popupContent = Object.entries(feature.properties)\n .map(([key, value]) => {\n return key === \"name\" ? `<strong>${value}</strong>` : `<em>${key}:</em> ${value}`;\n })\n .join(\"<br>\");\n\n layer.bindPopup(popupContent);\n }\n\n const defaultStyle = {\n color: feature.properties.color || layerColor,\n weight: 1,\n opacity: 1,\n fillOpacity: 0.3,\n fillColor: feature.properties.fillColor || layerFillColor,\n dashArray: \"3\",\n };\n\n const hoverStyle = {\n fillOpacity: 0.7,\n };\n\n layer.setStyle(defaultStyle);\n\n layer.on({\n click: zoomToFeature,\n mouseover: (e: L.LeafletMouseEvent) => {\n layer.setStyle(hoverStyle);\n },\n mouseout: () => {\n layer.setStyle(defaultStyle);\n },\n });\n };\n\n return (\n <MapContainer\n center={center}\n bounds={bounds}\n zoom={zoom}\n zoomControl={zoomControl}\n attributionControl={attributionControl}\n dragging={dragging}\n scrollWheelZoom={scrollWheelZoom}\n doubleClickZoom={doubleClickZoom}\n className={className}\n style={style}\n ref={(ref) => {\n if (ref) {\n mapRef.current = ref;\n }\n }}\n >\n <>\n {tilesControl ? (\n <LayersControl position=\"topright\">\n {tileOptions &&\n tileOptions.map((tile, index) => (\n <BaseLayer key={index} name={tile.name} checked={index === tileIndex}>\n <TileLayer\n url={tile.url}\n attribution={tile.attribution}\n {...(tile.subdomains && { subdomains: tile.subdomains })}\n />\n </BaseLayer>\n ))}\n </LayersControl>\n ) : (\n <TileLayer\n url={tileOptions[tileIndex].url}\n attribution={tileOptions[tileIndex].attribution}\n {...(tileOptions[tileIndex].subdomains && {\n subdomains: tileOptions[tileIndex].subdomains,\n })}\n />\n )}\n <FullscreenControlHandler\n fullscreenControl={fullscreenControl}\n fullscreenControlPosition={fullscreenControlPosition}\n />\n <ClickHandler onDblClick={onDblClick} dragging={dragging} />\n {geojson && <GeoJSON data={geojson} onEachFeature={handleEachFeature} />}\n {children}\n </>\n </MapContainer>\n );\n};\n\nexport default LazyMap;\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Circle, Popup } from 'react-leaflet';
|
|
4
|
+
var MapCircle = function (_a) {
|
|
5
|
+
var position = _a.position, radius = _a.radius, fill = _a.fill, stroke = _a.stroke, fillOpacity = _a.fillOpacity, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, popupContent = _a.popupContent;
|
|
6
|
+
return (_jsx(Circle, { center: position, radius: radius, pathOptions: {
|
|
7
|
+
fillColor: fill,
|
|
8
|
+
fillOpacity: fillOpacity,
|
|
9
|
+
color: stroke ? fill : undefined,
|
|
10
|
+
opacity: opacity,
|
|
11
|
+
}, children: popupContent && _jsx(Popup, { children: popupContent }) }));
|
|
12
|
+
};
|
|
13
|
+
export default MapCircle;
|
|
14
|
+
//# sourceMappingURL=LazyMapCircle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LazyMapCircle.js","sourceRoot":"","sources":["../../../src/ui/map/LazyMapCircle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAG7C,IAAM,SAAS,GAAG,UAAC,EAQF;QAPhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,YAAY,kBAAA;IAEZ,OAAO,CACN,KAAC,MAAM,IACN,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,WAAW,aAAA;YACX,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YAChC,OAAO,SAAA;SACP,YAEA,YAAY,IAAI,KAAC,KAAK,cAAE,YAAY,GAAS,GACtC,CACT,CAAA;AACF,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\nimport { Circle, Popup } from 'react-leaflet'\nimport { MapCircleProps } from './types'\n\nconst MapCircle = ({\n\tposition,\n\tradius,\n\tfill,\n\tstroke,\n\tfillOpacity,\n\topacity = 1,\n\tpopupContent,\n}: MapCircleProps) => {\n\treturn (\n\t\t<Circle\n\t\t\tcenter={position}\n\t\t\tradius={radius}\n\t\t\tpathOptions={{\n\t\t\t\tfillColor: fill,\n\t\t\t\tfillOpacity,\n\t\t\t\tcolor: stroke ? fill : undefined,\n\t\t\t\topacity,\n\t\t\t}}\n\t\t>\n\t\t\t{popupContent && <Popup>{popupContent}</Popup>}\n\t\t</Circle>\n\t)\n}\n\nexport default MapCircle\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Polyline, Popup } from 'react-leaflet';
|
|
4
|
+
var MapLine = function (_a) {
|
|
5
|
+
var positions = _a.positions, _b = _a.color, color = _b === void 0 ? '#3388ff' : _b, _c = _a.weight, weight = _c === void 0 ? 3 : _c, dashArray = _a.dashArray, popupContent = _a.popupContent;
|
|
6
|
+
return (_jsx(Polyline, { positions: positions, pathOptions: {
|
|
7
|
+
color: color,
|
|
8
|
+
weight: weight,
|
|
9
|
+
dashArray: dashArray,
|
|
10
|
+
}, children: popupContent && _jsx(Popup, { children: popupContent }) }));
|
|
11
|
+
};
|
|
12
|
+
export default MapLine;
|
|
13
|
+
//# sourceMappingURL=LazyMapLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LazyMapLine.js","sourceRoot":"","sources":["../../../src/ui/map/LazyMapLine.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAG/C,IAAM,OAAO,GAAG,UAAC,EAMF;QALd,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EACV,SAAS,eAAA,EACT,YAAY,kBAAA;IAEZ,OAAO,CACN,KAAC,QAAQ,IACR,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE;YACZ,KAAK,OAAA;YACL,MAAM,QAAA;YACN,SAAS,WAAA;SACT,YAEA,YAAY,IAAI,KAAC,KAAK,cAAE,YAAY,GAAS,GACpC,CACX,CAAA;AACF,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\nimport { Polyline, Popup } from 'react-leaflet'\nimport { MapLineProps } from './types'\n\nconst MapLine = ({\n\tpositions,\n\tcolor = '#3388ff',\n\tweight = 3,\n\tdashArray,\n\tpopupContent,\n}: MapLineProps) => {\n\treturn (\n\t\t<Polyline\n\t\t\tpositions={positions}\n\t\t\tpathOptions={{\n\t\t\t\tcolor,\n\t\t\t\tweight,\n\t\t\t\tdashArray,\n\t\t\t}}\n\t\t>\n\t\t\t{popupContent && <Popup>{popupContent}</Popup>}\n\t\t</Polyline>\n\t)\n}\n\nexport default MapLine\n"]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from 'react';
|
|
4
|
+
import { Marker, Popup, useMap } from 'react-leaflet';
|
|
5
|
+
import { Icon } from 'leaflet';
|
|
6
|
+
var baseUrl = 'https://img.icons8.com/';
|
|
7
|
+
var LazyMapMarker = function (_a) {
|
|
8
|
+
var position = _a.position, popupContent = _a.popupContent, iconName = _a.iconName, iconId = _a.iconId, iconSize = _a.iconSize, iconColor = _a.iconColor, draggable = _a.draggable, onDragEnd = _a.onDragEnd;
|
|
9
|
+
var _b = useState(position), markerPosition = _b[0], setMarkerPosition = _b[1];
|
|
10
|
+
var map = useMap();
|
|
11
|
+
useEffect(function () {
|
|
12
|
+
var handleDoubleClick = function (e) {
|
|
13
|
+
setMarkerPosition(e.latlng);
|
|
14
|
+
};
|
|
15
|
+
if (draggable)
|
|
16
|
+
map.on('dblclick', handleDoubleClick);
|
|
17
|
+
return function () {
|
|
18
|
+
if (draggable)
|
|
19
|
+
map.off('dblclick', handleDoubleClick);
|
|
20
|
+
};
|
|
21
|
+
}, [map, draggable]);
|
|
22
|
+
var icon = iconName
|
|
23
|
+
? UseCustomIcon({ iconName: iconName, size: iconSize, color: iconColor })
|
|
24
|
+
: iconId
|
|
25
|
+
? UseCustomIcon({ iconId: iconId, size: iconSize, color: iconColor })
|
|
26
|
+
: new Icon.Default();
|
|
27
|
+
var handleDragEnd = function (event) {
|
|
28
|
+
if (!draggable)
|
|
29
|
+
return;
|
|
30
|
+
var marker = event.target;
|
|
31
|
+
var newPosition = marker.getLatLng();
|
|
32
|
+
setMarkerPosition(newPosition);
|
|
33
|
+
setTimeout(function () {
|
|
34
|
+
map.setView(newPosition, map.getZoom() + 1);
|
|
35
|
+
}, 500);
|
|
36
|
+
if (onDragEnd)
|
|
37
|
+
onDragEnd(newPosition);
|
|
38
|
+
};
|
|
39
|
+
return (_jsx(Marker, { position: markerPosition, icon: icon, draggable: draggable, eventHandlers: {
|
|
40
|
+
dragend: handleDragEnd,
|
|
41
|
+
}, children: popupContent ? (_jsx(Popup, { children: popupContent })) : draggable ? (_jsx(Popup, { children: (function () {
|
|
42
|
+
if (Array.isArray(markerPosition)) {
|
|
43
|
+
return "Lat: ".concat(markerPosition[0].toFixed(5), ", Lon: ").concat(markerPosition[1].toFixed(5));
|
|
44
|
+
}
|
|
45
|
+
else if ('lat' in markerPosition && 'lng' in markerPosition) {
|
|
46
|
+
return "Lat: ".concat(markerPosition.lat.toFixed(5), ", Lon: ").concat(markerPosition.lng.toFixed(5));
|
|
47
|
+
}
|
|
48
|
+
return 'Invalid position';
|
|
49
|
+
})() })) : null }));
|
|
50
|
+
};
|
|
51
|
+
export default LazyMapMarker;
|
|
52
|
+
export var UseCustomIcon = function (_a) {
|
|
53
|
+
var iconName = _a.iconName, iconId = _a.iconId, _b = _a.size, size = _b === void 0 ? 40 : _b, color = _a.color;
|
|
54
|
+
var colorPath = color ? "".concat(color) : '';
|
|
55
|
+
var queryParams = new URLSearchParams({
|
|
56
|
+
size: size.toString(),
|
|
57
|
+
id: iconId || 'oStMNsdYhXTS',
|
|
58
|
+
format: 'png',
|
|
59
|
+
color: color || '000000',
|
|
60
|
+
});
|
|
61
|
+
var iconUrl = '';
|
|
62
|
+
iconName
|
|
63
|
+
? (iconUrl = "".concat(baseUrl).concat(colorPath, "/").concat(size, "/").concat(iconName, ".png"))
|
|
64
|
+
: (iconUrl = "".concat(baseUrl, "?").concat(queryParams.toString()));
|
|
65
|
+
return new Icon({
|
|
66
|
+
iconUrl: iconUrl,
|
|
67
|
+
iconSize: [size, size],
|
|
68
|
+
iconAnchor: [size / 2, size],
|
|
69
|
+
popupAnchor: [0, -size / 2],
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=LazyMapMarker.js.map
|