@davi-ai/retorik-map 1.1.0 → 1.1.2
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/README.md +1 -19
- package/dist/index.css +12 -989
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +325 -384
- package/dist/index.js.map +1 -1
- package/dist/index.modern.css +12 -989
- package/dist/index.modern.css.map +1 -1
- package/dist/index.modern.js +326 -385
- package/dist/index.modern.js.map +1 -1
- package/package.json +12 -47
- package/dist/filter_afaire.a0076ffb.png +0 -0
- package/dist/filter_avoir.b27bb333.png +0 -0
- package/dist/filter_oudormir.4ecb28e7.png +0 -0
- package/dist/filter_oumanger.0e33aac2.png +0 -0
- package/dist/filter_produit.302fe5eb.png +0 -0
- package/dist/filter_service.b52f7655.png +0 -0
- package/dist/marker-icon.6f236dca.png +0 -0
- package/dist/pin_afaire.d13d0ac6.png +0 -0
- package/dist/pin_avoir.b91c12d3.png +0 -0
- package/dist/pin_oudormir.d723dc5a.png +0 -0
- package/dist/pin_oumanger.4538f4e1.png +0 -0
- package/dist/pin_produit.1ecf0c46.png +0 -0
- package/dist/pin_service.f27d8391.png +0 -0
- package/dist/target-3696.0c12b623.png +0 -0
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhRJ;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA","sources":["c21ba856c7480275","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/module.scss","src/theme/variables.scss","src/styles/pages/home.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n@import \"2935b977a108fe06\";\n@import \"8a2bcdf22aa5fb61\";\n","#retorik-shadow{\n #POIButtonContainer{\n display: flex;\n height: 100%;\n width: 100%;\n align-items: end;\n justify-content: center;\n z-index: 999;\n }\n .buttonPOI{\n margin-bottom: 30px;\n z-index: 99;\n color: black;\n border-radius: 5px;\n border: 1px solid black;\n padding: 5px 20px;\n cursor: pointer;\n transition: all 0.5s;\n font-weight: bold;\n font-size: 1.25em;\n background: white;\n &:hover{\n color:white;\n background: rgba(0, 0, 0, 0.74);\n }\n }\n}","#retorik-shadow {\n textarea {\n background: transparent;\n }\n .mapContainer {\n width: 100%;\n height: 100%;\n margin: auto;\n z-index: 0;\n }\n .leaflet-container {\n width: 100%;\n height: 100%;\n margin: auto;\n z-index: 0;\n .leaflet-pane {\n z-index: 0;\n }\n }\n .custom-marker-cluster {\n background: #00beff80;\n border-radius: 50%;\n color: #000000;\n height: 33px;\n line-height: 37px;\n text-align: center;\n width: 33px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .leaflet-marker-icon {\n transition: all 0.2s ease-in-out;\n }\n .leaflet-popup {\n bottom: 20px !important;\n }\n .infoPOIPane {\n position: absolute;\n z-index: 99;\n background: white;\n padding: 1rem;\n box-shadow: 0px 3px 6px #00000029;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n\n .poiTitle {\n font-size: 1.25rem;\n font-weight: bold;\n line-height: 1.6rem;\n }\n\n .poiClose {\n position: absolute;\n top: 0;\n right: 0;\n display: block;\n width: 40px;\n height: 40px;\n font-size: 0;\n cursor: pointer;\n &:before,\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 2px;\n height: 17px;\n background-color: #000;\n transform: rotate(45deg) translate(-50%, -50%);\n transform-origin: top left;\n transition: all 420ms;\n content: '';\n }\n &:after {\n transform: rotate(-45deg) translate(-50%, -50%);\n }\n &:hover:before,\n &:hover:after {\n background-color: #000;\n }\n }\n .white {\n color: white;\n\n &:before,\n &:after {\n background-color: white;\n }\n }\n\n .poiAddress {\n padding-top: 1rem;\n font-size: 0.8rem;\n line-height: 0.7rem;\n }\n .poiPhone {\n padding-top: 0.5rem;\n font-size: 0.8rem;\n line-height: 0.7rem;\n }\n\n .poiPhotoAndDescription {\n padding-top: 1rem;\n padding-bottom: 1rem;\n display: flex;\n flex-direction: row;\n gap: 1rem;\n\n .poiPhoto {\n flex: 0 0 9rem;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n object-fit: cover;\n width: 9rem;\n height: 9rem;\n border-radius: 50%;\n }\n }\n\n .poiDescriptionAndButton {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n overflow: hidden;\n\n .poiDesc {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n line-clamp: 4;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n white-space: pre-wrap;\n }\n \n .poiButton {\n width: fit-content;\n padding: 0.5rem;\n border-radius: 10px;\n }\n }\n }\n\n .routes-container {\n width: 100%;\n height: 4rem;\n display: flex;\n flex-direction: row;\n gap: 1rem;\n justify-content: center;\n\n .route-index {\n z-index: 1;\n }\n\n .route-icon {\n height: 2rem;\n width: 2rem;\n }\n\n .route-icon-medium {\n height: 1.25rem;\n width: 1.25rem;\n }\n\n .route-icon-small {\n height: 1.5rem;\n width: 1.5rem;\n }\n\n .route-icon-verysmall {\n height: 0.75rem;\n width: 0.75rem;\n }\n\n .route-icon-smallest {\n height: 0.5rem;\n width: 0.5rem;\n }\n\n .routes-data {\n display: grid;\n grid-template-columns: repeat(3, max-content);\n padding: 0.5rem 1rem 0.5rem 1.5rem;\n gap: 1rem;\n border-radius: 0.5rem;\n font-size: 0.75rem;\n line-height: 1rem;\n\n .route-item-container {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n .route-item {\n height: 100%;\n display: flex;\n flex-direction: row;\n gap: 0.75rem;\n align-items: center;\n\n .route-item-icon {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .route-item-icon-circle {\n position: absolute;\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 100%;\n }\n\n .route-item-icon-triangle {\n position: absolute;\n width: 100%;\n display: flex;\n justify-content: center;\n }\n .route-item-icon-triangle-car {\n top: -1.15rem;\n }\n .route-item-icon-triangle-other {\n top: -0.75rem;\n }\n }\n\n .route-item-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n\n .route-item-duration {\n white-space: nowrap;\n font-weight: bold;\n }\n\n .route-item-distance {\n white-space: nowrap;\n }\n }\n }\n }\n .route-item-container:hover {\n cursor: pointer;\n }\n\n }\n \n .route-button {\n aspect-ratio: 1;\n width: 15%;\n min-width: 15%;\n max-width: 15%;\n overflow-y: hidden;\n padding: 0.25rem;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n border: 2px solid #000;\n border-radius: 0.5rem;\n font-weight: bold;\n font-size: 0.75rem;\n line-height: 1rem;\n }\n }\n\n .qrcode-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 40;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n color: #FFF;\n background-color: rgba(18, 18, 18, 0.7);\n\n .qrcode-text-and-icon {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 0.25rem;\n font-style: italic;\n\n .qrcode-text {\n width: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n }\n }\n\n .leaflet-control-zoom {\n right: 1rem;\n border: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n .leaflet-control-zoom-in,\n .leaflet-control-zoom-out {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50% !important;\n }\n }\n\n #around-me {\n margin-right: 10px;\n right: 1rem;\n position: absolute;\n width: 50px;\n height: 50px;\n /* UI Properties */\n background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;\n background: #ffffff 0% 0% no-repeat padding-box;\n border-radius: 70px;\n opacity: 1;\n }\n\n .leaflet-div-icon {\n width: 36px !important;\n height: 50px !important;\n background-color: transparent;\n border-style: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n margin-left: -37.5px !important;\n margin-top: -65px !important;\n transition: all 0.2s ease-in-out;\n width: 57px !important;\n height: 80px !important;\n }\n\n .loader-container {\n background: #4747478c;\n position: absolute;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100vw;\n height: 100vh;\n .loader {\n position: absolute;\n top: 50%;\n left: 50%;\n display: inline-block;\n width: 50px;\n height: 50px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 1s ease-in-out infinite;\n -webkit-animation: spin 1s ease-in-out infinite;\n @keyframes spin {\n to {\n -webkit-transform: rotate(360deg);\n }\n }\n @-webkit-keyframes spin {\n to {\n -webkit-transform: rotate(360deg);\n }\n }\n }\n\n .exit-loader {\n position: absolute;\n top: calc(50% + 5px);\n left: calc(50% + 5px);\n width: 40px;\n height: 40px;\n cursor: pointer;\n color: #000;\n background-color: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n font-size: 30px;\n line-height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1;\n }\n }\n\n //Small\n @media only screen and (max-width: 600px) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 135px;\n width: 100%;\n }\n .leaflet-div-icon {\n width: 28px !important;\n height: 40px !important;\n background-color: transparent;\n border-style: none;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n margin-left: -37.5px !important;\n margin-top: -65px !important;\n transition: all 0.2s ease-in-out;\n width: 38px !important;\n height: 54px !important;\n }\n }\n\n //Medium\n @media only screen and (min-width: 601px) and (max-width: 999px) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 16rem;\n right: 50%;\n left: 50%;\n transform: translate(-50%, 0);\n width: 40rem;\n }\n }\n\n //Large\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 16rem;\n right: 7rem;\n width: 27rem;\n }\n }\n\n //Borne\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\n #around-me {\n bottom: 29em;\n }\n .leaflet-control-zoom {\n bottom: 25em;\n }\n .leaflet-div-icon {\n background-color: transparent;\n border-style: none;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n transition: all 0.2s ease-in-out;\n }\n .infoPOIPane {\n bottom: 21rem;\n }\n }\n\n //Borne Vertical\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 30%;\n right: 7rem;\n width: 30rem;\n }\n }\n\n [class^='button_'] {\n font-weight: bold;\n border-width: 2px;\n border-style: solid;\n }\n .button_orange {\n border-color: #fe942d;\n color: #fe942d;\n }\n .button_purple {\n border-color: #d211a7;\n color: #d211a7;\n }\n .button_green {\n border-color: #76ab2a;\n color: #76ab2a;\n }\n .button_red {\n border-color: #e23c2a;\n color: #e23c2a;\n }\n .button_light_green {\n border-color: #afb942;\n color: #afb942;\n }\n .button_blue {\n border-color: #00c8bc;\n color: #00c8bc;\n }\n\n #map-target {\n margin: 10px;\n }\n\n .fadeIn {\n animation: fadeIn 0.5s ease-in-out;\n -webkit-animation: fadeIn 0.5s ease-in-out;\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n .fadeOut {\n animation: fadeOut 0.5s ease-in-out;\n -webkit-animation: fadeOut 0.5s ease-in-out;\n }\n \n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n}\n\n#weathermap {\n height: 100%;\n}\n\n","#retorik-shadow {\n .filterContainer {\n display: flex;\n position: absolute;\n bottom: 0;\n width: 100%;\n flex-direction: column;\n z-index: 51;\n &.show {\n transition: all 0.3s ease-in-out;\n }\n &.hide {\n transition: all 0.3s ease-in-out;\n }\n\n .filterToggler {\n border-radius: 10px 10px 0 0;\n cursor: pointer;\n background: #edeef2;\n color: #575f6b;\n z-index: 999;\n width: fit-content;\n padding: 10px 30px;\n box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\n display: flex;\n align-items: center;\n .arrow {\n position: relative;\n display: inline-block;\n width: 10px;\n height: 10px;\n padding-left: 17px;\n &:before,\n &:after {\n position: absolute;\n top: calc(50% - 1px);\n right: auto;\n width: 10px;\n height: 3px;\n background: #000;\n content: '';\n will-change: transform;\n transition: all 0.2s ease;\n }\n &:before {\n transform: rotate(45deg) translate(1px, -1px);\n }\n &:after {\n transform: rotate(-45deg) translate(-3px, -3px);\n }\n\n &.active {\n &:before {\n transform: rotate(45deg) translate(-2px, 2px);\n }\n &:after {\n transform: rotate(-45deg) translate(2px, 2px);\n }\n }\n }\n }\n .filterMenu {\n display: flex;\n\n width: 100%;\n z-index: 401;\n bottom: 0px;\n border-radius: 0px;\n align-items: center;\n justify-content: center;\n gap: 20px;\n background: #edeef2 0% 0% no-repeat padding-box;\n box-shadow: 3px 3px 20px #24415d4d;\n\n .filterCategory {\n cursor: pointer;\n box-shadow: 3px 3px 10px #24415d14;\n background: transparent\n linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\n padding-box;\n\n border-radius: 10px;\n position: relative;\n display: flex;\n align-items: center;\n\n gap: 10px;\n\n ion-img {\n border-radius: 50%;\n }\n .checkbox {\n position: absolute;\n border: 2px solid #FFF;\n border-radius: 20px;\n background-color: #575F6B;\n color: #FFF;\n display: flex;\n justify-content: center;\n align-items: center;\n visibility: hidden;\n }\n .checkbox-selected {\n visibility: visible;\n }\n .image {\n border-radius: 50%;\n }\n }\n div:not(.selectedFilter) span {\n transition: all 0.5s;\n color: #575f6b;\n font-weight: 400 !important;\n }\n }\n }\n\n .bg_orange {\n background-color: #fe942d;\n }\n .bg_purple {\n background-color: #d211a7;\n }\n .bg_green {\n background-color: #76ab2a;\n }\n .bg_red {\n background-color: #e23c2a;\n }\n .bg_light_green {\n background-color: #afb942;\n }\n .bg_blue {\n background-color: #00c8bc;\n }\n\n .cl_orange {\n color: #fe942d;\n font-weight: 700;\n }\n .cl_purple {\n color: #d211a7;\n font-weight: 700;\n }\n .cl_green {\n color: #76ab2a;\n font-weight: 700;\n }\n .cl_red {\n color: #e23c2a;\n font-weight: 700 !important;\n }\n .cl_light_green {\n color: #afb942;\n font-weight: 700;\n }\n .cl_blue {\n color: #00c8bc;\n font-weight: 700;\n }\n\n //Small\n @media only screen and (max-width: 600px) {\n .filterContainer {\n bottom: 0px;\n &.show {\n .filterMenu {\n transition: all 0.3s ease-in-out;\n height: 90px;\n }\n }\n &.hide {\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n .filterMenu {\n transition: all 0.3s ease-in-out;\n height: 10px;\n }\n .filterCategory {\n display: none;\n }\n }\n .filterMenu {\n z-index: 19;\n\n display: flex;\n flex-wrap: wrap;\n overflow-x: auto;\n white-space: nowrap;\n display: flex;\n flex-direction: column;\n width: unset;\n .filterCategory {\n flex-direction: row;\n flex-wrap: nowrap;\n height: 50px;\n padding: 10px;\n\n ion-img {\n padding: 5%;\n width: 36.5px;\n height: 36.5px;\n }\n .checkbox {\n left: 40px;\n top: 5px;\n height: 12px;\n width: 12px;\n font-size: 12px;\n padding-top: 1px;\n }\n .image {\n padding: 5%;\n width: 36.5px;\n height: 36.5px;\n }\n span {\n text-transform: uppercase;\n font: normal normal normal 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Medium\n @media only screen and (min-width: 601px) and (max-width: 999px) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -80px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterMenu {\n height: 90px;\n display: flex;\n flex-wrap: wrap;\n overflow-x: auto;\n white-space: nowrap;\n display: flex;\n flex-direction: column;\n width: unset;\n .filterCategory {\n flex-direction: row;\n flex-wrap: nowrap;\n height: 50px;\n padding: 10px;\n\n ion-img {\n padding: 5%;\n width: 48px;\n height: 48px;\n }\n .checkbox {\n left: 50px;\n top: 0px;\n height: 17px;\n width: 17px;\n font-size: 17px;\n padding-top: 2px;\n }\n .image {\n padding: 5%;\n width: 48px;\n height: 48px;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Large\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -185px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterToggler {\n margin-left: 100px;\n }\n .filterMenu {\n height: 200px;\n flex-wrap: nowrap;\n flex-direction: row;\n .filterCategory {\n width: 150px;\n height: 130px;\n // min-width: 10rem;\n flex-direction: column;\n padding-top: 1.5rem;\n justify-content: flex-start;\n\n ion-img {\n max-width: 60px;\n max-height: 60px;\n padding: 7%;\n }\n .checkbox {\n right: 25%;\n top: 17%;\n height: 20px;\n width: 20px;\n font-size: 20px;\n padding-top: 2px;\n }\n .image {\n max-width: 60px;\n max-height: 60px;\n padding: 7%;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Borne\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -285px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterToggler {\n margin-left: 100px;\n }\n .filterMenu {\n height: 300px;\n flex-wrap: nowrap;\n flex-direction: row;\n .filterCategory {\n width: 246px;\n height: 213px;\n flex-direction: column;\n padding: 1.5rem;\n justify-content: space-evenly;\n\n ion-img {\n max-width: 98.5px;\n max-height: 98.5px;\n padding: 8%;\n }\n .checkbox {\n right: 25%;\n top: 15%;\n height: 32px;\n width: 32px;\n font-size: 32px;\n padding-top: 8px;\n }\n .image {\n max-width: 98.5px;\n max-height: 98.5px;\n padding: 8%;\n }\n span {\n text-transform: uppercase;\n font: normal normal bold 22px/27px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Borne Vertical\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\n .filterContainer {\n &.show {\n bottom: 15%;\n left: calc(50% - 500px);\n }\n .filterToggler {\n width: 900px !important;\n margin-left: 0px;\n justify-content: center;\n left: calc(50% - 500px);\n }\n .arrow {\n display: none !important;\n }\n .filterMenu {\n height: 130px;\n width: 900px;\n flex-wrap: nowrap;\n flex-direction: row;\n border-radius: 0px 0px 10px 10px;\n .filterCategory {\n width: 125px;\n height: 110px;\n flex-direction: column;\n justify-content: center;\n\n ion-img {\n max-width: 48px;\n max-height: 48px;\n padding: 7%;\n }\n .checkbox {\n right: 25%;\n top: 17%;\n height: 20px;\n width: 20px;\n font-size: 20px;\n padding-top: 2px;\n }\n .image {\n max-width: 48px;\n max-height: 48px;\n padding: 7%;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 14px/16px Helvetica Neue !important;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n}\n","#retorik-shadow{\n @import './pages/home.scss';\n @import 'node_modules/@ionic/react/css/core.css';\n @import 'node_modules/@ionic/react/css/padding.css';\n @import 'node_modules/@ionic/react/css/float-elements.css';\n @import 'node_modules/@ionic/react/css/text-alignment.css';\n @import 'node_modules/@ionic/react/css/text-transformation.css';\n @import 'node_modules/@ionic/react/css/flex-utils.css';\n @import 'node_modules/@ionic/react/css/display.css';\n\n/* Theme variables */\n @import '../theme/variables.scss';\n @import '../theme/global.scss';\n}","/* Ionic Variables and Theming. For more info, please see:\nhttp://ionicframework.com/docs/theming/ */\n\n@font-face {\n font-family: 'Helvetica Neue';\n src: url('../styles/fonts/helveticaneue.ttf') format('truetype');\n}\n\n/** Ionic CSS Variables **/\n:root {\n /** primary **/\n --ion-color-primary: #3880ff;\n --ion-color-primary-rgb: 56, 128, 255;\n --ion-color-primary-contrast: #ffffff;\n --ion-color-primary-contrast-rgb: 255, 255, 255;\n --ion-color-primary-shade: #3171e0;\n --ion-color-primary-tint: #4c8dff;\n\n /** secondary **/\n --ion-color-secondary: #3dc2ff;\n --ion-color-secondary-rgb: 61, 194, 255;\n --ion-color-secondary-contrast: #ffffff;\n --ion-color-secondary-contrast-rgb: 255, 255, 255;\n --ion-color-secondary-shade: #36abe0;\n --ion-color-secondary-tint: #50c8ff;\n\n /** tertiary **/\n --ion-color-tertiary: #5260ff;\n --ion-color-tertiary-rgb: 82, 96, 255;\n --ion-color-tertiary-contrast: #ffffff;\n --ion-color-tertiary-contrast-rgb: 255, 255, 255;\n --ion-color-tertiary-shade: #4854e0;\n --ion-color-tertiary-tint: #6370ff;\n\n /** success **/\n --ion-color-success: #2dd36f;\n --ion-color-success-rgb: 45, 211, 111;\n --ion-color-success-contrast: #ffffff;\n --ion-color-success-contrast-rgb: 255, 255, 255;\n --ion-color-success-shade: #28ba62;\n --ion-color-success-tint: #42d77d;\n\n /** warning **/\n --ion-color-warning: #ffc409;\n --ion-color-warning-rgb: 255, 196, 9;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0ac08;\n --ion-color-warning-tint: #ffca22;\n\n /** danger **/\n --ion-color-danger: #eb445a;\n --ion-color-danger-rgb: 235, 68, 90;\n --ion-color-danger-contrast: #ffffff;\n --ion-color-danger-contrast-rgb: 255, 255, 255;\n --ion-color-danger-shade: #cf3c4f;\n --ion-color-danger-tint: #ed576b;\n\n /** dark **/\n --ion-color-dark: #222428;\n --ion-color-dark-rgb: 34, 36, 40;\n --ion-color-dark-contrast: #ffffff;\n --ion-color-dark-contrast-rgb: 255, 255, 255;\n --ion-color-dark-shade: #1e2023;\n --ion-color-dark-tint: #383a3e;\n\n /** medium **/\n --ion-color-medium: #92949c;\n --ion-color-medium-rgb: 146, 148, 156;\n --ion-color-medium-contrast: #ffffff;\n --ion-color-medium-contrast-rgb: 255, 255, 255;\n --ion-color-medium-shade: #808289;\n --ion-color-medium-tint: #9d9fa6;\n\n /** light **/\n --ion-color-light: #f4f5f8;\n --ion-color-light-rgb: 244, 245, 248;\n --ion-color-light-contrast: #000000;\n --ion-color-light-contrast-rgb: 0, 0, 0;\n --ion-color-light-shade: #d7d8da;\n --ion-color-light-tint: #f5f6f9;\n\n /* Colors: */\n--services: #00C8BC;\n--prod-locaux: #AFB942;\n--a-voir: #76AB2A;\n--ou-dormir: #9F007D;\n--a-faire: #E23C2A;\n--ou-manger: #FC952E;\n--unnamed-color-c7c6c6: #C7C6C6;\n--unnamed-color-575f6b: #575F6B;\n--unnamed-color-ff6462: #FF6462;\n--unnamed-color-f28f2c: #F28F2C;\n--unnamed-color-cecbcb: #CECBCB;\n--unnamed-color-e3e0e0: #E3E0E0;\n--unnamed-color-f8f8fc: #F8F8FC;\n--unnamed-color-818181: #818181;\n--unnamed-color-a4a7af: #A4A7AF;\n--unnamed-color-1999b1: #1999B1;\n--unnamed-color-586c8a80: #586C8A80;\n--unnamed-color-edeef2: #EDEEF2;\n--unnamed-color-e0e1e7: #E0E1E7;\n--unnamed-color-00d7ff: #00D7FF;\n--unnamed-color-000000: #000000;\n--unnamed-color-2b2b2b: #2B2B2B;\n--unnamed-color-ffffff: #FFFFFF;\n--unnamed-color-707070: #707070;\n--unnamed-color-2d3233: #2D3233;\n\n/* Font/text values */\n--unnamed-font-family-helvetica-neue: Helvetica Neue;\n--unnamed-font-style-normal: normal;\n--unnamed-font-weight-bold: bold;\n--unnamed-font-weight-medium: medium;\n--unnamed-font-weight-normal: normal;\n--unnamed-font-size-16: 16px;\n--unnamed-font-size-20: 20px;\n--unnamed-font-size-22: 22px;\n--unnamed-font-size-33: 33px;\n--unnamed-character-spacing-0: 0px;\n--unnamed-character-spacing-2-4: 2.4px;\n--unnamed-line-spacing-19: 19px;\n--unnamed-line-spacing-25: 25px;\n--unnamed-line-spacing-27: 27px;\n--unnamed-line-spacing-40: 40px;\n \n}\n\n@media (prefers-color-scheme: dark) {\n /*\n * Dark Colors\n * -------------------------------------------\n */\n\n body {\n --ion-color-primary: #428cff;\n --ion-color-primary-rgb: 66,140,255;\n --ion-color-primary-contrast: #ffffff;\n --ion-color-primary-contrast-rgb: 255,255,255;\n --ion-color-primary-shade: #3a7be0;\n --ion-color-primary-tint: #5598ff;\n\n --ion-color-secondary: #50c8ff;\n --ion-color-secondary-rgb: 80,200,255;\n --ion-color-secondary-contrast: #ffffff;\n --ion-color-secondary-contrast-rgb: 255,255,255;\n --ion-color-secondary-shade: #46b0e0;\n --ion-color-secondary-tint: #62ceff;\n\n --ion-color-tertiary: #6a64ff;\n --ion-color-tertiary-rgb: 106,100,255;\n --ion-color-tertiary-contrast: #ffffff;\n --ion-color-tertiary-contrast-rgb: 255,255,255;\n --ion-color-tertiary-shade: #5d58e0;\n --ion-color-tertiary-tint: #7974ff;\n\n --ion-color-success: #2fdf75;\n --ion-color-success-rgb: 47,223,117;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0,0,0;\n --ion-color-success-shade: #29c467;\n --ion-color-success-tint: #44e283;\n\n --ion-color-warning: #ffd534;\n --ion-color-warning-rgb: 255,213,52;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0,0,0;\n --ion-color-warning-shade: #e0bb2e;\n --ion-color-warning-tint: #ffd948;\n\n --ion-color-danger: #ff4961;\n --ion-color-danger-rgb: 255,73,97;\n --ion-color-danger-contrast: #ffffff;\n --ion-color-danger-contrast-rgb: 255,255,255;\n --ion-color-danger-shade: #e04055;\n --ion-color-danger-tint: #ff5b71;\n\n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244,245,248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0,0,0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n\n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152,154,162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0,0,0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n\n --ion-color-light: #222428;\n --ion-color-light-rgb: 34,36,40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255,255,255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n\n /*\n * iOS Dark Theme\n * -------------------------------------------\n */\n\n .ios body {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0,0,0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255,255,255;\n\n --ion-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n\n --ion-item-background: #000000;\n\n --ion-card-background: #1c1c1d;\n }\n\n .ios ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-color-step-250);\n }\n\n\n /*\n * Material Design Dark Theme\n * -------------------------------------------\n */\n\n .md body {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18,18,18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255,255,255;\n\n --ion-border-color: #222222;\n\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\n\n --ion-item-background: #1e1e1e;\n\n --ion-toolbar-background: #1f1f1f;\n\n --ion-tab-bar-background: #1f1f1f;\n\n --ion-card-background: #1e1e1e;\n }\n}\n","ion-button.confirm {\n background-color: #1999B1;\n}\n\nion-button.dismiss {\n --border-color: #1999B1;\n --border-radius : 10px;\n color: #1999B1;\n}\n\nion-content {--overflow: hidden}\n\nion-content{\n --background: #4747478c\n}\n\n\n.modal-question{\n width: 100%;\n //margin: 5px;\n padding: 10px;\n font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 18px/23px var(--unnamed-font-family-helvetica-neue);\n letter-spacing: var(--unnamed-character-spacing-0);\n color: var(--unnamed-color-000000);\n //text-align: left;\n //font: normal normal bold 18px/23px Helvetica Neue;\n letter-spacing: 0px;\n color: #000000;\n opacity: 1;\n}\n\nion-modal {\n display:flex;\n --justify-content: space-around !important;\n align-items: center;\n margin:auto;\n text-align: center;\n width: 500px;\n height: 200px;\n --width: 100%;\n --height: 100%;\n --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\n box-shadow: -3px -3px 20px #2B27276A;\n border-radius: 10px;\n opacity: 1 ;\n}\n\n#ion-react-wrapper{\n display:flex !important;\n justify-content: space-around !important;\n}\n\n@media (max-width: 600px) { \nion-modal {\n display:flex;\n justify-content: space-between;\n margin:auto;\n width: 80%;\n height: 200px;\n --width: 100%;\n --height: 100%;\n background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;\n background: #FFFFFF 0% 0% no-repeat padding-box;\n box-shadow: -3px -3px 20px #2B27276A;\n border-radius: 10px;\n opacity: 1;\n}\n}\n"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"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","sources":["c21ba856c7480275","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/pages/home.scss","src/theme/variables.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n@import \"2935b977a108fe06\";\n@import \"8a2bcdf22aa5fb61\";\n","#retorik-shadow{\n #POIButtonContainer{\n display: flex;\n height: 100%;\n width: 100%;\n align-items: end;\n justify-content: center;\n z-index: 999;\n }\n .buttonPOI{\n margin-bottom: 30px;\n z-index: 99;\n color: black;\n border-radius: 5px;\n border: 1px solid black;\n padding: 5px 20px;\n cursor: pointer;\n transition: all 0.5s;\n font-weight: bold;\n font-size: 1.25em;\n background: white;\n &:hover{\n color:white;\n background: rgba(0, 0, 0, 0.74);\n }\n }\n}","#retorik-shadow {\n textarea {\n background: transparent;\n }\n .mapContainer {\n width: 100%;\n height: 100%;\n margin: auto;\n z-index: 0;\n }\n .leaflet-container {\n width: 100%;\n height: 100%;\n margin: auto;\n z-index: 0;\n .leaflet-pane {\n z-index: 0;\n }\n }\n .custom-marker-cluster {\n background: #00beff80;\n border-radius: 50%;\n color: #000000;\n height: 33px;\n line-height: 37px;\n text-align: center;\n width: 33px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .leaflet-marker-icon {\n transition: all 0.2s ease-in-out;\n }\n .leaflet-popup {\n bottom: 20px !important;\n }\n .infoPOIPane {\n position: absolute;\n z-index: 99;\n background: white;\n padding: 1rem;\n box-shadow: 0px 3px 6px #00000029;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n\n .poiTitle {\n font-size: 1.25rem;\n font-weight: bold;\n line-height: 1.6rem;\n }\n\n .poiClose {\n position: absolute;\n top: 0;\n right: 0;\n display: block;\n width: 40px;\n height: 40px;\n font-size: 0;\n cursor: pointer;\n &:before,\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 2px;\n height: 17px;\n background-color: #000;\n transform: rotate(45deg) translate(-50%, -50%);\n transform-origin: top left;\n transition: all 420ms;\n content: '';\n }\n &:after {\n transform: rotate(-45deg) translate(-50%, -50%);\n }\n &:hover:before,\n &:hover:after {\n background-color: #000;\n }\n }\n .white {\n color: white;\n\n &:before,\n &:after {\n background-color: white;\n }\n }\n\n .poiAddress {\n padding-top: 1rem;\n font-size: 0.8rem;\n line-height: 0.7rem;\n }\n .poiPhone {\n padding-top: 0.5rem;\n font-size: 0.8rem;\n line-height: 0.7rem;\n }\n\n .poiPhotoAndDescription {\n padding-top: 1rem;\n padding-bottom: 1rem;\n display: flex;\n flex-direction: row;\n gap: 1rem;\n\n .poiPhoto {\n flex: 0 0 9rem;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n object-fit: cover;\n width: 9rem;\n height: 9rem;\n border-radius: 50%;\n }\n }\n\n .poiDescriptionAndButton {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n overflow: hidden;\n\n .poiDesc {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n line-clamp: 4;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n white-space: pre-wrap;\n }\n \n .poiButton {\n width: fit-content;\n padding: 0.5rem;\n border-radius: 10px;\n }\n }\n }\n\n .routes-container {\n width: 100%;\n height: 4rem;\n display: flex;\n flex-direction: row;\n gap: 1rem;\n justify-content: center;\n\n .route-index {\n z-index: 1;\n }\n\n .route-icon {\n height: 2rem;\n width: 2rem;\n }\n\n .route-icon-medium {\n height: 1.25rem;\n width: 1.25rem;\n }\n\n .route-icon-small {\n height: 1.5rem;\n width: 1.5rem;\n }\n\n .route-icon-verysmall {\n height: 0.75rem;\n width: 0.75rem;\n }\n\n .route-icon-smallest {\n height: 0.5rem;\n width: 0.5rem;\n }\n\n .routes-data {\n display: grid;\n grid-template-columns: repeat(3, max-content);\n padding: 0.5rem 1rem 0.5rem 1.5rem;\n gap: 1rem;\n border-radius: 0.5rem;\n font-size: 0.75rem;\n line-height: 1rem;\n\n .route-item-container {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n .route-item {\n height: 100%;\n display: flex;\n flex-direction: row;\n gap: 0.75rem;\n align-items: center;\n\n .route-item-icon {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .route-item-icon-circle {\n position: absolute;\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 100%;\n }\n\n .route-item-icon-triangle {\n position: absolute;\n width: 100%;\n display: flex;\n justify-content: center;\n }\n .route-item-icon-triangle-car {\n top: -1.15rem;\n }\n .route-item-icon-triangle-other {\n top: -0.75rem;\n }\n }\n\n .route-item-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n\n .route-item-duration {\n white-space: nowrap;\n font-weight: bold;\n }\n\n .route-item-distance {\n white-space: nowrap;\n }\n }\n }\n }\n .route-item-container:hover {\n cursor: pointer;\n }\n\n }\n \n .route-button {\n aspect-ratio: 1;\n width: 15%;\n min-width: 15%;\n max-width: 15%;\n overflow-y: hidden;\n padding: 0.25rem;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n border: 2px solid #000;\n border-radius: 0.5rem;\n font-weight: bold;\n font-size: 0.75rem;\n line-height: 1rem;\n }\n }\n\n .qrcode-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 40;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n color: #FFF;\n background-color: rgba(18, 18, 18, 0.7);\n\n .qrcode-text-and-icon {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 0.25rem;\n font-style: italic;\n\n .qrcode-text {\n width: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n }\n }\n\n .leaflet-control-zoom {\n right: 1rem;\n border: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n .leaflet-control-zoom-in,\n .leaflet-control-zoom-out {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50% !important;\n }\n }\n\n #around-me {\n margin-right: 10px;\n right: 1rem;\n position: absolute;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n /* UI Properties */\n background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;\n background: #ffffff 0% 0% no-repeat padding-box;\n border-radius: 70px;\n opacity: 1;\n }\n\n .leaflet-div-icon {\n width: 36px !important;\n height: 50px !important;\n background-color: transparent;\n border-style: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n margin-left: -37.5px !important;\n margin-top: -65px !important;\n transition: all 0.2s ease-in-out;\n width: 57px !important;\n height: 80px !important;\n }\n\n .loader-container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .loader {\n position: absolute;\n top: 50%;\n left: 50%;\n display: inline-block;\n width: 50px;\n height: 50px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: #fff;\n animation: spin 1s ease-in-out infinite;\n -webkit-animation: spin 1s ease-in-out infinite;\n \n @keyframes spin {\n to {\n -webkit-transform: rotate(360deg);\n }\n }\n @-webkit-keyframes spin {\n to {\n -webkit-transform: rotate(360deg);\n }\n }\n }\n\n .exit-loader {\n position: absolute;\n top: calc(50% + 5px);\n left: calc(50% + 5px);\n width: 40px;\n height: 40px;\n cursor: pointer;\n color: #000;\n background-color: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n font-size: 30px;\n line-height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1;\n }\n }\n\n // .loader-container {\n // background: #4747478c;\n // position: absolute;\n // top: 0;\n // display: flex;\n // align-items: center;\n // justify-content: center;\n // width: 100vw;\n // height: 100vh;\n // .loader {\n // position: absolute;\n // top: 50%;\n // left: 50%;\n // display: inline-block;\n // width: 50px;\n // height: 50px;\n // border: 3px solid rgba(255, 255, 255, 0.3);\n // border-radius: 50%;\n // border-top-color: #fff;\n // animation: spin 1s ease-in-out infinite;\n // -webkit-animation: spin 1s ease-in-out infinite;\n // @keyframes spin {\n // to {\n // -webkit-transform: rotate(360deg);\n // }\n // }\n // @-webkit-keyframes spin {\n // to {\n // -webkit-transform: rotate(360deg);\n // }\n // }\n // }\n\n // .exit-loader {\n // position: absolute;\n // top: calc(50% + 5px);\n // left: calc(50% + 5px);\n // width: 40px;\n // height: 40px;\n // cursor: pointer;\n // color: #000;\n // background-color: rgba(255, 255, 255, 0.3);\n // border-radius: 50%;\n // font-size: 30px;\n // line-height: 30px;\n // display: flex;\n // justify-content: center;\n // align-items: center;\n // z-index: 1;\n // }\n // }\n\n //Small\n @media only screen and (max-width: 600px) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 135px;\n width: 100%;\n }\n .leaflet-div-icon {\n width: 28px !important;\n height: 40px !important;\n background-color: transparent;\n border-style: none;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n margin-left: -37.5px !important;\n margin-top: -65px !important;\n transition: all 0.2s ease-in-out;\n width: 38px !important;\n height: 54px !important;\n }\n }\n\n //Medium\n @media only screen and (min-width: 601px) and (max-width: 999px) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 16rem;\n right: 50%;\n left: 50%;\n transform: translate(-50%, 0);\n width: 40rem;\n }\n }\n\n //Large\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 16rem;\n right: 7rem;\n width: 27rem;\n }\n }\n\n //Borne\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\n #around-me {\n bottom: 29em;\n }\n .leaflet-control-zoom {\n bottom: 25em;\n }\n .leaflet-div-icon {\n background-color: transparent;\n border-style: none;\n }\n .markerSelected {\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\n transition: all 0.2s ease-in-out;\n }\n .infoPOIPane {\n bottom: 21rem;\n }\n }\n\n //Borne Vertical\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\n #around-me {\n bottom: 25em;\n }\n .leaflet-control-zoom {\n bottom: 19em;\n }\n .infoPOIPane {\n bottom: 30%;\n right: 7rem;\n width: 30rem;\n }\n }\n\n [class^='button_'] {\n font-weight: bold;\n border-width: 2px;\n border-style: solid;\n }\n .button_orange {\n border-color: #fe942d;\n color: #fe942d;\n }\n .button_purple {\n border-color: #d211a7;\n color: #d211a7;\n }\n .button_green {\n border-color: #76ab2a;\n color: #76ab2a;\n }\n .button_red {\n border-color: #e23c2a;\n color: #e23c2a;\n }\n .button_light_green {\n border-color: #afb942;\n color: #afb942;\n }\n .button_blue {\n border-color: #00c8bc;\n color: #00c8bc;\n }\n\n #map-target {\n margin: 10px;\n }\n\n .fadeIn {\n animation: fadeIn 0.5s ease-in-out;\n -webkit-animation: fadeIn 0.5s ease-in-out;\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n .fadeOut {\n animation: fadeOut 0.5s ease-in-out;\n -webkit-animation: fadeOut 0.5s ease-in-out;\n }\n \n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n}\n\n#weathermap {\n height: 100%;\n}\n\n","#retorik-shadow {\n .filterContainer {\n display: flex;\n position: absolute;\n bottom: 0;\n width: 100%;\n flex-direction: column;\n z-index: 51;\n &.show {\n transition: all 0.3s ease-in-out;\n }\n &.hide {\n transition: all 0.3s ease-in-out;\n }\n\n .filterToggler {\n border-radius: 10px 10px 0 0;\n cursor: pointer;\n background: #edeef2;\n color: #575f6b;\n z-index: 999;\n width: fit-content;\n padding: 10px 30px;\n box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\n display: flex;\n align-items: center;\n .arrow {\n position: relative;\n display: inline-block;\n width: 10px;\n height: 10px;\n padding-left: 17px;\n &:before,\n &:after {\n position: absolute;\n top: calc(50% - 1px);\n right: auto;\n width: 10px;\n height: 3px;\n background: #000;\n content: '';\n will-change: transform;\n transition: all 0.2s ease;\n }\n &:before {\n transform: rotate(45deg) translate(1px, -1px);\n }\n &:after {\n transform: rotate(-45deg) translate(-3px, -3px);\n }\n\n &.active {\n &:before {\n transform: rotate(45deg) translate(-2px, 2px);\n }\n &:after {\n transform: rotate(-45deg) translate(2px, 2px);\n }\n }\n }\n }\n .filterMenu {\n display: flex;\n\n width: 100%;\n z-index: 401;\n bottom: 0px;\n border-radius: 0px;\n align-items: center;\n justify-content: center;\n gap: 20px;\n background: #edeef2 0% 0% no-repeat padding-box;\n box-shadow: 3px 3px 20px #24415d4d;\n\n .filterCategory {\n cursor: pointer;\n box-shadow: 3px 3px 10px #24415d14;\n background: transparent\n linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\n padding-box;\n\n border-radius: 10px;\n position: relative;\n display: flex;\n align-items: center;\n\n gap: 10px;\n\n ion-img {\n border-radius: 50%;\n }\n .checkbox {\n position: absolute;\n border: 2px solid #FFF;\n border-radius: 20px;\n background-color: #575F6B;\n color: #FFF;\n display: flex;\n justify-content: center;\n align-items: center;\n visibility: hidden;\n }\n .checkbox-selected {\n visibility: visible;\n }\n .image {\n aspect-ratio: 1;\n border-radius: 50%;\n }\n .imageFile {\n height: 100%;\n width: 100%;\n }\n }\n div:not(.selectedFilter) span {\n transition: all 0.5s;\n color: #575f6b;\n font-weight: 400 !important;\n }\n }\n }\n\n .bg_orange {\n background-color: #fe942d;\n }\n .bg_purple {\n background-color: #d211a7;\n }\n .bg_green {\n background-color: #76ab2a;\n }\n .bg_red {\n background-color: #e23c2a;\n }\n .bg_light_green {\n background-color: #afb942;\n }\n .bg_blue {\n background-color: #00c8bc;\n }\n\n .cl_orange {\n color: #fe942d;\n font-weight: 700;\n }\n .cl_purple {\n color: #d211a7;\n font-weight: 700;\n }\n .cl_green {\n color: #76ab2a;\n font-weight: 700;\n }\n .cl_red {\n color: #e23c2a;\n font-weight: 700 !important;\n }\n .cl_light_green {\n color: #afb942;\n font-weight: 700;\n }\n .cl_blue {\n color: #00c8bc;\n font-weight: 700;\n }\n\n //Small\n @media only screen and (max-width: 600px) {\n .filterContainer {\n bottom: 0px;\n &.show {\n .filterMenu {\n transition: all 0.3s ease-in-out;\n height: 90px;\n }\n }\n &.hide {\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n .filterMenu {\n transition: all 0.3s ease-in-out;\n height: 10px;\n }\n .filterCategory {\n display: none;\n }\n }\n .filterMenu {\n z-index: 19;\n\n display: flex;\n flex-wrap: wrap;\n overflow-x: auto;\n white-space: nowrap;\n display: flex;\n flex-direction: column;\n width: unset;\n .filterCategory {\n flex-direction: row;\n flex-wrap: nowrap;\n height: 50px;\n padding: 10px;\n\n ion-img {\n padding: 5%;\n width: 36.5px;\n height: 36.5px;\n }\n .checkbox {\n left: 40px;\n top: 5px;\n height: 12px;\n width: 12px;\n font-size: 12px;\n padding-top: 1px;\n }\n .image {\n padding: 5%;\n width: 36.5px;\n height: 36.5px;\n }\n span {\n text-transform: uppercase;\n font: normal normal normal 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Medium\n @media only screen and (min-width: 601px) and (max-width: 999px) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -80px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterMenu {\n height: 90px;\n display: flex;\n flex-wrap: wrap;\n overflow-x: auto;\n white-space: nowrap;\n display: flex;\n flex-direction: column;\n width: unset;\n .filterCategory {\n flex-direction: row;\n flex-wrap: nowrap;\n height: 50px;\n padding: 10px;\n\n ion-img {\n padding: 5%;\n width: 48px;\n height: 48px;\n }\n .checkbox {\n left: 50px;\n top: 0px;\n height: 17px;\n width: 17px;\n font-size: 17px;\n padding-top: 2px;\n }\n .image {\n padding: 5%;\n width: 48px;\n height: 48px;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Large\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -185px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterToggler {\n margin-left: 100px;\n }\n .filterMenu {\n height: 200px;\n flex-wrap: nowrap;\n flex-direction: row;\n .filterCategory {\n width: 150px;\n height: 130px;\n // min-width: 10rem;\n flex-direction: column;\n padding-top: 1.5rem;\n justify-content: flex-start;\n\n ion-img {\n max-width: 60px;\n max-height: 60px;\n padding: 7%;\n }\n .checkbox {\n right: 25%;\n top: 17%;\n height: 20px;\n width: 20px;\n font-size: 20px;\n padding-top: 2px;\n }\n .image {\n max-width: 60px;\n max-height: 60px;\n padding: 7%;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 15px/18px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Borne\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\n .filterContainer {\n &.show {\n bottom: 0px;\n }\n &.hide {\n bottom: -285px;\n .filterMenu,\n .filterToggler {\n background: #edeef2;\n }\n }\n .filterToggler {\n margin-left: 100px;\n }\n .filterMenu {\n height: 300px;\n flex-wrap: nowrap;\n flex-direction: row;\n .filterCategory {\n width: 246px;\n height: 213px;\n flex-direction: column;\n padding: 1.5rem;\n justify-content: space-evenly;\n\n ion-img {\n max-width: 98.5px;\n max-height: 98.5px;\n padding: 8%;\n }\n .checkbox {\n right: 25%;\n top: 15%;\n height: 32px;\n width: 32px;\n font-size: 32px;\n padding-top: 8px;\n }\n .image {\n max-width: 98.5px;\n max-height: 98.5px;\n padding: 8%;\n }\n span {\n text-transform: uppercase;\n font: normal normal bold 22px/27px Helvetica Neue;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n\n //Borne Vertical\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\n .filterContainer {\n &.show {\n bottom: 15%;\n left: calc(50% - 500px);\n }\n .filterToggler {\n width: 900px !important;\n margin-left: 0px;\n justify-content: center;\n left: calc(50% - 500px);\n }\n .arrow {\n display: none !important;\n }\n .filterMenu {\n height: 130px;\n width: 900px;\n flex-wrap: nowrap;\n flex-direction: row;\n border-radius: 0px 0px 10px 10px;\n .filterCategory {\n width: 125px;\n height: 110px;\n flex-direction: column;\n justify-content: center;\n\n ion-img {\n max-width: 48px;\n max-height: 48px;\n padding: 7%;\n }\n .checkbox {\n right: 25%;\n top: 17%;\n height: 20px;\n width: 20px;\n font-size: 20px;\n padding-top: 2px;\n }\n .image {\n max-width: 48px;\n max-height: 48px;\n padding: 7%;\n }\n span {\n text-transform: uppercase;\n font: normal normal medium 14px/16px Helvetica Neue !important;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &.selectedFilter {\n transition: all 0.5s;\n box-shadow: inset -3px -3px 16px #ffffff;\n }\n }\n }\n }\n }\n}\n","ion-button.confirm {\n background-color: #1999B1;\n}\n\nion-button.dismiss {\n --border-color: #1999B1;\n --border-radius : 10px;\n color: #1999B1;\n}\n\nion-content {--overflow: hidden}\n\nion-content{\n --background: #4747478c\n}\n\nion-modal {\n display:flex;\n --justify-content: space-around !important;\n align-items: center;\n margin:auto;\n text-align: center;\n width: 500px;\n height: 200px;\n --width: 100%;\n --height: 100%;\n --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\n box-shadow: -3px -3px 20px #2B27276A;\n border-radius: 10px;\n opacity: 1 ;\n}\n\n#ion-react-wrapper {\n display:flex !important;\n justify-content: space-around !important;\n}\n\n@media (max-width: 600px) { \n ion-modal {\n display:flex;\n justify-content: space-between;\n margin:auto;\n width: 80%;\n height: 200px;\n --width: 100%;\n --height: 100%;\n background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;\n background: #FFFFFF 0% 0% no-repeat padding-box;\n box-shadow: -3px -3px 20px #2B27276A;\n border-radius: 10px;\n opacity: 1;\n }\n}\n","/* Ionic Variables and Theming. For more info, please see:\nhttp://ionicframework.com/docs/theming/ */\n\n@font-face {\n font-family: 'Helvetica Neue';\n src: url('../styles/fonts/helveticaneue.ttf') format('truetype');\n}\n\n/** Ionic CSS Variables **/\n:root {\n /** primary **/\n --ion-color-primary: #3880ff;\n --ion-color-primary-rgb: 56, 128, 255;\n --ion-color-primary-contrast: #ffffff;\n --ion-color-primary-contrast-rgb: 255, 255, 255;\n --ion-color-primary-shade: #3171e0;\n --ion-color-primary-tint: #4c8dff;\n\n /** secondary **/\n --ion-color-secondary: #3dc2ff;\n --ion-color-secondary-rgb: 61, 194, 255;\n --ion-color-secondary-contrast: #ffffff;\n --ion-color-secondary-contrast-rgb: 255, 255, 255;\n --ion-color-secondary-shade: #36abe0;\n --ion-color-secondary-tint: #50c8ff;\n\n /** tertiary **/\n --ion-color-tertiary: #5260ff;\n --ion-color-tertiary-rgb: 82, 96, 255;\n --ion-color-tertiary-contrast: #ffffff;\n --ion-color-tertiary-contrast-rgb: 255, 255, 255;\n --ion-color-tertiary-shade: #4854e0;\n --ion-color-tertiary-tint: #6370ff;\n\n /** success **/\n --ion-color-success: #2dd36f;\n --ion-color-success-rgb: 45, 211, 111;\n --ion-color-success-contrast: #ffffff;\n --ion-color-success-contrast-rgb: 255, 255, 255;\n --ion-color-success-shade: #28ba62;\n --ion-color-success-tint: #42d77d;\n\n /** warning **/\n --ion-color-warning: #ffc409;\n --ion-color-warning-rgb: 255, 196, 9;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0ac08;\n --ion-color-warning-tint: #ffca22;\n\n /** danger **/\n --ion-color-danger: #eb445a;\n --ion-color-danger-rgb: 235, 68, 90;\n --ion-color-danger-contrast: #ffffff;\n --ion-color-danger-contrast-rgb: 255, 255, 255;\n --ion-color-danger-shade: #cf3c4f;\n --ion-color-danger-tint: #ed576b;\n\n /** dark **/\n --ion-color-dark: #222428;\n --ion-color-dark-rgb: 34, 36, 40;\n --ion-color-dark-contrast: #ffffff;\n --ion-color-dark-contrast-rgb: 255, 255, 255;\n --ion-color-dark-shade: #1e2023;\n --ion-color-dark-tint: #383a3e;\n\n /** medium **/\n --ion-color-medium: #92949c;\n --ion-color-medium-rgb: 146, 148, 156;\n --ion-color-medium-contrast: #ffffff;\n --ion-color-medium-contrast-rgb: 255, 255, 255;\n --ion-color-medium-shade: #808289;\n --ion-color-medium-tint: #9d9fa6;\n\n /** light **/\n --ion-color-light: #f4f5f8;\n --ion-color-light-rgb: 244, 245, 248;\n --ion-color-light-contrast: #000000;\n --ion-color-light-contrast-rgb: 0, 0, 0;\n --ion-color-light-shade: #d7d8da;\n --ion-color-light-tint: #f5f6f9;\n\n /* Colors: */\n--services: #00C8BC;\n--prod-locaux: #AFB942;\n--a-voir: #76AB2A;\n--ou-dormir: #9F007D;\n--a-faire: #E23C2A;\n--ou-manger: #FC952E;\n--unnamed-color-c7c6c6: #C7C6C6;\n--unnamed-color-575f6b: #575F6B;\n--unnamed-color-ff6462: #FF6462;\n--unnamed-color-f28f2c: #F28F2C;\n--unnamed-color-cecbcb: #CECBCB;\n--unnamed-color-e3e0e0: #E3E0E0;\n--unnamed-color-f8f8fc: #F8F8FC;\n--unnamed-color-818181: #818181;\n--unnamed-color-a4a7af: #A4A7AF;\n--unnamed-color-1999b1: #1999B1;\n--unnamed-color-586c8a80: #586C8A80;\n--unnamed-color-edeef2: #EDEEF2;\n--unnamed-color-e0e1e7: #E0E1E7;\n--unnamed-color-00d7ff: #00D7FF;\n--unnamed-color-000000: #000000;\n--unnamed-color-2b2b2b: #2B2B2B;\n--unnamed-color-ffffff: #FFFFFF;\n--unnamed-color-707070: #707070;\n--unnamed-color-2d3233: #2D3233;\n\n/* Font/text values */\n--unnamed-font-family-helvetica-neue: Helvetica Neue;\n--unnamed-font-style-normal: normal;\n--unnamed-font-weight-bold: bold;\n--unnamed-font-weight-medium: medium;\n--unnamed-font-weight-normal: normal;\n--unnamed-font-size-16: 16px;\n--unnamed-font-size-20: 20px;\n--unnamed-font-size-22: 22px;\n--unnamed-font-size-33: 33px;\n--unnamed-character-spacing-0: 0px;\n--unnamed-character-spacing-2-4: 2.4px;\n--unnamed-line-spacing-19: 19px;\n--unnamed-line-spacing-25: 25px;\n--unnamed-line-spacing-27: 27px;\n--unnamed-line-spacing-40: 40px;\n \n}\n\n@media (prefers-color-scheme: dark) {\n /*\n * Dark Colors\n * -------------------------------------------\n */\n\n body {\n --ion-color-primary: #428cff;\n --ion-color-primary-rgb: 66,140,255;\n --ion-color-primary-contrast: #ffffff;\n --ion-color-primary-contrast-rgb: 255,255,255;\n --ion-color-primary-shade: #3a7be0;\n --ion-color-primary-tint: #5598ff;\n\n --ion-color-secondary: #50c8ff;\n --ion-color-secondary-rgb: 80,200,255;\n --ion-color-secondary-contrast: #ffffff;\n --ion-color-secondary-contrast-rgb: 255,255,255;\n --ion-color-secondary-shade: #46b0e0;\n --ion-color-secondary-tint: #62ceff;\n\n --ion-color-tertiary: #6a64ff;\n --ion-color-tertiary-rgb: 106,100,255;\n --ion-color-tertiary-contrast: #ffffff;\n --ion-color-tertiary-contrast-rgb: 255,255,255;\n --ion-color-tertiary-shade: #5d58e0;\n --ion-color-tertiary-tint: #7974ff;\n\n --ion-color-success: #2fdf75;\n --ion-color-success-rgb: 47,223,117;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0,0,0;\n --ion-color-success-shade: #29c467;\n --ion-color-success-tint: #44e283;\n\n --ion-color-warning: #ffd534;\n --ion-color-warning-rgb: 255,213,52;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0,0,0;\n --ion-color-warning-shade: #e0bb2e;\n --ion-color-warning-tint: #ffd948;\n\n --ion-color-danger: #ff4961;\n --ion-color-danger-rgb: 255,73,97;\n --ion-color-danger-contrast: #ffffff;\n --ion-color-danger-contrast-rgb: 255,255,255;\n --ion-color-danger-shade: #e04055;\n --ion-color-danger-tint: #ff5b71;\n\n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244,245,248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0,0,0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n\n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152,154,162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0,0,0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n\n --ion-color-light: #222428;\n --ion-color-light-rgb: 34,36,40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255,255,255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n\n /*\n * iOS Dark Theme\n * -------------------------------------------\n */\n\n .ios body {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0,0,0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255,255,255;\n\n --ion-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n\n --ion-item-background: #000000;\n\n --ion-card-background: #1c1c1d;\n }\n\n .ios ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-color-step-250);\n }\n\n\n /*\n * Material Design Dark Theme\n * -------------------------------------------\n */\n\n .md body {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18,18,18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255,255,255;\n\n --ion-border-color: #222222;\n\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\n\n --ion-item-background: #1e1e1e;\n\n --ion-toolbar-background: #1f1f1f;\n\n --ion-tab-bar-background: #1f1f1f;\n\n --ion-card-background: #1e1e1e;\n }\n}\n"],"names":[],"version":3,"file":"index.css.map"}
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";AAEA,qBAAc;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AGeD;IACE,UAAU,eAAe;IACzB,MAAM,YAAY;IAClB,KAAK,WAAW;IAChB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AKrBD,0BAAmB;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE;QAAE,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,uBAAgB;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AMpBD,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;
|
|
1
|
+
{"mappings":";AAEA,qBAAc;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AGeD;IACE,UAAU,eAAe;IACzB,MAAM,YAAY;IAClB,KAAK,WAAW;IAChB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AKrBD,0BAAmB;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE;QAAE,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,uBAAgB;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AMpBD,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;AsBmCD;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IACrC,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB;AEhFD,OAAA,MAAM,eAAc,WAuEnB,CAAA;ACzDD,OAAA,MAAM,cAAe,QAAQ,GAAG,SAAS,KAAG,WAgB3C,CAAA","sources":["src/src/models/Tenant.ts","src/src/models/RetorikTenantInfo.ts","src/src/utils/tenantList.ts","src/src/models/POI.ts","src/src/utils/poiUtils.ts","src/src/services/tenantService.ts","src/src/features/authSlice.ts","src/src/features/poiSlice.ts","src/src/models/Map.ts","src/src/features/mapSlice.ts","src/src/features/tenantSlice.ts","src/src/features/botSlice.ts","src/src/stores/globalStore.ts","src/src/styles/icons/location.tsx","src/src/translations/labels.ts","src/src/components/BotPOIExtensionDisplay.tsx","src/src/styles/icons/dataUrlIcons.ts","src/src/utils/botUtils.ts","src/src/utils/MarkerIcons.ts","src/src/components/MapFilterItem.tsx","src/src/components/MapFilter.tsx","src/src/components/LocationMarker.tsx","src/src/utils/globalUtils.ts","src/src/utils/routeUtils.ts","src/src/components/Icons/CyclingRegularIcon.tsx","src/src/components/Icons/DrivingCarIcon.tsx","src/src/components/Icons/FootWalkingIcon.tsx","src/src/components/Icons/OpenLocationIcon.tsx","src/src/components/Icons/RoundIcon.tsx","src/src/components/Icons/TriangleIcon.tsx","src/src/components/Icons/index.ts","src/src/components/RoutesItem.tsx","src/src/components/Routes.tsx","src/src/components/QRCodeComponent.tsx","src/src/components/POIDetail.tsx","src/src/components/CustomLoader.tsx","src/src/components/Map.tsx","src/src/components/POILoader.tsx","src/src/styles/icons/map.tsx","src/src/index_module.tsx","src/index_module.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"import React from 'react'\nimport { Provider } from 'react-redux'\nimport { BotPOIExtensionDisplay } from './components/BotPOIExtensionDisplay'\nimport type { MapProps } from './components/Map'\nimport { MapDisplay } from './components/Map'\nimport { POILoader } from './components/POILoader'\nimport { setupStore } from './stores/globalStore'\n\nimport './styles/module.scss'\nimport type { MapLabel, MapSettings } from './models/Map'\nimport { POIType } from './models/POI'\n\ndeclare let require: any\nrequire('./theme/variables.scss')\nrequire('./theme/global.scss')\n\nconst store = setupStore()\nconst Map = (props?: MapProps | undefined): JSX.Element => {\n return (\n <>\n {props?.activeTenant && (\n <Provider store={store}>\n <MapDisplay {...props} />\n <POILoader\n retorikName={props.tenantList[props.activeTenant].retorikName}\n useDevTenant={!!props.isDevTenant}\n categoriesToShow={props.settings?.showFilter}\n />\n <BotPOIExtensionDisplay />\n </Provider>\n )}\n </>\n )\n}\n\nexport { MapIcon } from './styles/icons/map'\nexport { Map, POIType }\nexport { labels } from './translations/labels'\nexport type { MapSettings, MapLabel }\nexport type { Tenant } from './models/Tenant'\n"],"names":[],"version":3,"file":"index.d.ts.map"}
|