@davi-ai/retorik-map 2.0.2 → 3.0.1
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/dist/index.css +145 -61
- package/dist/index.css.map +1 -1
- package/dist/index.js +14 -12
- package/dist/index.js.map +1 -1
- package/dist/index.modern.css +145 -61
- package/dist/index.modern.css.map +1 -1
- package/dist/index.modern.js +15 -13
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"ACCI;;;;;;;;;AAQA;;;;;;;;;;;;;;AAYI;;;;;ACpBN;;;;AAGA;;;;;;;AAWE;;;;AAIF;;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUE;;;;;;AAMA;;;;;;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;AAGA;;;;AAKF;;;;AAGE;;;;AAMF;;;;;;AAKA;;;;;;AAMA;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAQF;;;;;;;AAME;;;;;;;;;;AAUA;;;;;;;;;AAWJ;;;;;;;;;AAQE;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AASE;;;;;;AAKE;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAOA;;;;;;;AAMA;;;;AAGA;;;;AAKF;;;;;;;AAME;;;;;AAKA;;;;AAMN;;;;AAMF;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;;;;;;;;;;AAeE;;;;;;;;AAOE;;;;;;;AAUN;;;;;;;;AAME;;;;;;;;;AAWF;;;;;;;;;;;;;;AAeA;;;;;;;;AAOA;;;;;;;;;AAUE;;;;;;;;AAOE;;;;;;;;;;;;;AAaE;;;;;;AAYF;;;;;;;;;;;;;;;;;;AAwEF;EACE;;;;EAGA;;;;EAGA;;;;;EAIA;;;;;;;EAMA;;;;;;;;;;AAYA;;;;;;;;;EAOA;;;;;;;;;AAUA;;;;;;;;;EAOA;;;;;;;AAQA;;;;;;;;;EAOA;;;;;EAIA;;;;;;;;;;;EAYF;;;;EAGA;;;;EAGE;;;;;;;AAQJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChjBA;;;;;;;;;AAOE;;;;AAOA;;;;;;;;;;;;;AAWE;;;;;;;;AAME;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAKE;;;;AAGA;;;;AAMN;;;;;;;;;;;;;AAaE;;;;;;;;;;;AAcE;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAGA;;;;;AAIA;;;;;AAKF;;;;;;AASJ;EACE;;;;EAGI;;;;;EAMA;;;;EAIA;;;;;EAIA;;;;EAIF;;;;;;;;;EAUE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;;;;;;EASE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAQE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAOE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;;EAIA;;;;;;;EAMA;;;;EAGA;;;;;;;EAME;;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AC5aV;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;EACE","sources":["c21ba856c7480275","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/pages/home.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n","#retorik-shadow{\r\n #POIButtonContainer{\r\n display: flex;\r\n height: 100%;\r\n width: 100%;\r\n align-items: end;\r\n justify-content: center;\r\n z-index: 999;\r\n }\r\n .buttonPOI{\r\n margin-bottom: 30px;\r\n z-index: 99;\r\n color: black;\r\n border-radius: 5px;\r\n border: 1px solid black;\r\n padding: 5px 20px;\r\n cursor: pointer;\r\n transition: all 0.5s;\r\n font-weight: bold;\r\n font-size: 1.25em;\r\n background: white;\r\n &:hover{\r\n color:white;\r\n background: rgba(0, 0, 0, 0.74);\r\n }\r\n }\r\n}","#retorik-shadow {\r\n textarea {\r\n background: transparent;\r\n }\r\n .mapContainer {\r\n width: 100%;\r\n height: 100%;\r\n margin: auto;\r\n z-index: 0;\r\n }\r\n .leaflet-container {\r\n width: 100%;\r\n height: 100%;\r\n margin: auto;\r\n z-index: 0;\r\n .leaflet-pane {\r\n z-index: 0;\r\n }\r\n }\r\n .custom-marker-cluster {\r\n background: #00beff80;\r\n border-radius: 50%;\r\n color: #000000;\r\n height: 33px;\r\n line-height: 37px;\r\n text-align: center;\r\n width: 33px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .leaflet-marker-icon {\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .leaflet-popup {\r\n bottom: 20px !important;\r\n }\r\n .infoPOIPane {\r\n position: absolute;\r\n z-index: 99;\r\n background: white;\r\n padding: 1rem;\r\n box-shadow: 0px 3px 6px #00000029;\r\n border-radius: 5px;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .poiTitle {\r\n font-size: 1.25rem;\r\n font-weight: bold;\r\n line-height: 1.6rem;\r\n }\r\n\r\n .poiClose {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n display: block;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 0;\r\n cursor: pointer;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 2px;\r\n height: 17px;\r\n background-color: #000;\r\n transform: rotate(45deg) translate(-50%, -50%);\r\n transform-origin: top left;\r\n transition: all 420ms;\r\n content: '';\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(-50%, -50%);\r\n }\r\n &:hover:before,\r\n &:hover:after {\r\n background-color: #000;\r\n }\r\n }\r\n .white {\r\n color: white;\r\n\r\n &:before,\r\n &:after {\r\n background-color: white;\r\n }\r\n }\r\n\r\n .poiAddress {\r\n padding-top: 1rem;\r\n font-size: 0.8rem;\r\n line-height: 0.7rem;\r\n }\r\n .poiPhone {\r\n padding-top: 0.5rem;\r\n font-size: 0.8rem;\r\n line-height: 0.7rem;\r\n }\r\n\r\n .poiPhotoAndDescription {\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n\r\n .poiPhoto {\r\n flex: 0 0 9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n img {\r\n object-fit: cover;\r\n width: 9rem;\r\n height: 9rem;\r\n border-radius: 50%;\r\n }\r\n }\r\n\r\n .poiDescriptionAndButton {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n overflow: hidden;\r\n\r\n .poiDesc {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n line-clamp: 4;\r\n -webkit-line-clamp: 4;\r\n -webkit-box-orient: vertical;\r\n white-space: pre-wrap;\r\n }\r\n \r\n .poiButton {\r\n width: fit-content;\r\n padding: 0.5rem;\r\n border-radius: 10px;\r\n font-weight: bold;\r\n border-width: 2px;\r\n border-style: solid;\r\n }\r\n }\r\n }\r\n\r\n .routes-container {\r\n width: 100%;\r\n height: 4rem;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n justify-content: center;\r\n\r\n .route-index {\r\n z-index: 1;\r\n }\r\n\r\n .route-icon {\r\n height: 2rem;\r\n width: 2rem;\r\n }\r\n\r\n .route-icon-medium {\r\n height: 1.25rem;\r\n width: 1.25rem;\r\n }\r\n\r\n .route-icon-small {\r\n height: 1.5rem;\r\n width: 1.5rem;\r\n }\r\n\r\n .route-icon-verysmall {\r\n height: 0.75rem;\r\n width: 0.75rem;\r\n }\r\n\r\n .route-icon-smallest {\r\n height: 0.5rem;\r\n width: 0.5rem;\r\n }\r\n\r\n .routes-data {\r\n display: grid;\r\n grid-template-columns: repeat(3, max-content);\r\n padding: 0.5rem 1rem 0.5rem 1.5rem;\r\n gap: 1rem;\r\n border-radius: 0.5rem;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n\r\n .route-item-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n\r\n .route-item {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0.75rem;\r\n align-items: center;\r\n\r\n .route-item-icon {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n .route-item-icon-circle {\r\n position: absolute;\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n border-radius: 100%;\r\n }\r\n\r\n .route-item-icon-triangle {\r\n position: absolute;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .route-item-icon-triangle-car {\r\n top: -1.15rem;\r\n }\r\n .route-item-icon-triangle-other {\r\n top: -0.75rem;\r\n }\r\n }\r\n\r\n .route-item-text {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n\r\n .route-item-duration {\r\n white-space: nowrap;\r\n font-weight: bold;\r\n }\r\n\r\n .route-item-distance {\r\n white-space: nowrap;\r\n }\r\n }\r\n }\r\n }\r\n .route-item-container:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n \r\n .route-button {\r\n aspect-ratio: 1;\r\n width: 15%;\r\n min-width: 15%;\r\n max-width: 15%;\r\n overflow-y: hidden;\r\n padding: 0.25rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n border: 2px solid #000;\r\n border-radius: 0.5rem;\r\n font-weight: bold;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n }\r\n\r\n .qrcode-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 40;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1rem;\r\n color: #FFF;\r\n background-color: rgba(18, 18, 18, 0.7);\r\n\r\n .qrcode-text-and-icon {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n font-style: italic;\r\n\r\n .qrcode-text {\r\n width: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .leaflet-control-zoom {\r\n right: 1rem;\r\n border: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n .leaflet-control-zoom-in,\r\n .leaflet-control-zoom-out {\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50% !important;\r\n }\r\n }\r\n\r\n #around-me {\r\n margin-right: 10px;\r\n right: 1rem;\r\n position: absolute;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n /* UI Properties */\r\n background: #FFF 0% 0% no-repeat padding-box;\r\n border-radius: 70px;\r\n opacity: 1;\r\n }\r\n\r\n .leaflet-div-icon {\r\n width: 36px !important;\r\n height: 50px !important;\r\n background-color: transparent;\r\n border-style: none;\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n margin-left: -37.5px !important;\r\n margin-top: -65px !important;\r\n transition: all 0.2s ease-in-out;\r\n width: 57px !important;\r\n height: 80px !important;\r\n }\r\n\r\n .loader-container {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .loader {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n display: inline-block;\r\n width: 50px;\r\n height: 50px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: #fff;\r\n animation: spin 1s ease-in-out infinite;\r\n -webkit-animation: spin 1s ease-in-out infinite;\r\n \r\n @keyframes spin {\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n }\r\n @-webkit-keyframes spin {\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n }\r\n }\r\n\r\n .exit-loader {\r\n position: absolute;\r\n top: calc(50% + 5px);\r\n left: calc(50% + 5px);\r\n width: 40px;\r\n height: 40px;\r\n cursor: pointer;\r\n color: #000;\r\n background-color: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 30px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n // .loader-container {\r\n // background: #4747478c;\r\n // position: absolute;\r\n // top: 0;\r\n // display: flex;\r\n // align-items: center;\r\n // justify-content: center;\r\n // width: 100vw;\r\n // height: 100vh;\r\n // .loader {\r\n // position: absolute;\r\n // top: 50%;\r\n // left: 50%;\r\n // display: inline-block;\r\n // width: 50px;\r\n // height: 50px;\r\n // border: 3px solid rgba(255, 255, 255, 0.3);\r\n // border-radius: 50%;\r\n // border-top-color: #fff;\r\n // animation: spin 1s ease-in-out infinite;\r\n // -webkit-animation: spin 1s ease-in-out infinite;\r\n // @keyframes spin {\r\n // to {\r\n // -webkit-transform: rotate(360deg);\r\n // }\r\n // }\r\n // @-webkit-keyframes spin {\r\n // to {\r\n // -webkit-transform: rotate(360deg);\r\n // }\r\n // }\r\n // }\r\n\r\n // .exit-loader {\r\n // position: absolute;\r\n // top: calc(50% + 5px);\r\n // left: calc(50% + 5px);\r\n // width: 40px;\r\n // height: 40px;\r\n // cursor: pointer;\r\n // color: #000;\r\n // background-color: rgba(255, 255, 255, 0.3);\r\n // border-radius: 50%;\r\n // font-size: 30px;\r\n // line-height: 30px;\r\n // display: flex;\r\n // justify-content: center;\r\n // align-items: center;\r\n // z-index: 1;\r\n // }\r\n // }\r\n\r\n //Small\r\n @media only screen and (max-width: 600px) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 135px;\r\n width: 100%;\r\n }\r\n .leaflet-div-icon {\r\n width: 28px !important;\r\n height: 40px !important;\r\n background-color: transparent;\r\n border-style: none;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n margin-left: -37.5px !important;\r\n margin-top: -65px !important;\r\n transition: all 0.2s ease-in-out;\r\n width: 38px !important;\r\n height: 54px !important;\r\n }\r\n }\r\n\r\n //Medium\r\n @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 16rem;\r\n right: 50%;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n width: 40rem;\r\n }\r\n }\r\n\r\n //Large\r\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 16rem;\r\n right: 7rem;\r\n width: 27rem;\r\n }\r\n }\r\n\r\n //Borne\r\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n #around-me {\r\n bottom: 29em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 25em;\r\n }\r\n .leaflet-div-icon {\r\n background-color: transparent;\r\n border-style: none;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .infoPOIPane {\r\n bottom: 21rem;\r\n }\r\n }\r\n\r\n //Borne Vertical\r\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 30%;\r\n right: 7rem;\r\n width: 30rem;\r\n }\r\n }\r\n\r\n #map-target {\r\n margin: 10px;\r\n }\r\n\r\n .fadeIn {\r\n animation: fadeIn 0.5s ease-in-out;\r\n -webkit-animation: fadeIn 0.5s ease-in-out;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n \r\n .fadeOut {\r\n animation: fadeOut 0.5s ease-in-out;\r\n -webkit-animation: fadeOut 0.5s ease-in-out;\r\n }\r\n \r\n @keyframes fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n#weathermap {\r\n height: 100%;\r\n}\r\n","#retorik-shadow {\r\n .filterContainer {\r\n display: flex;\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n flex-direction: column;\r\n z-index: 51;\r\n &.show {\r\n transition: all 0.3s ease-in-out;\r\n }\r\n &.hide {\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n .filterToggler {\r\n border-radius: 10px 10px 0 0;\r\n cursor: pointer;\r\n background: #edeef2;\r\n color: #575f6b;\r\n z-index: 999;\r\n width: fit-content;\r\n padding: 10px 30px;\r\n box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\r\n display: flex;\r\n align-items: center;\r\n .arrow {\r\n position: relative;\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n padding-left: 17px;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n top: calc(50% - 1px);\r\n right: auto;\r\n width: 10px;\r\n height: 3px;\r\n background: #000;\r\n content: '';\r\n will-change: transform;\r\n transition: all 0.2s ease;\r\n }\r\n &:before {\r\n transform: rotate(45deg) translate(1px, -1px);\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(-3px, -3px);\r\n }\r\n\r\n &.active {\r\n &:before {\r\n transform: rotate(45deg) translate(-2px, 2px);\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(2px, 2px);\r\n }\r\n }\r\n }\r\n }\r\n .filterMenu {\r\n display: flex;\r\n\r\n width: 100%;\r\n z-index: 401;\r\n bottom: 0px;\r\n border-radius: 0px;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n background: #edeef2 0% 0% no-repeat padding-box;\r\n box-shadow: 3px 3px 20px #24415d4d;\r\n\r\n .filterCategory {\r\n cursor: pointer;\r\n box-shadow: 3px 3px 10px #24415d14;\r\n background: transparent\r\n linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\r\n padding-box;\r\n\r\n border-radius: 10px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n ion-img {\r\n border-radius: 50%;\r\n }\r\n .checkbox {\r\n position: absolute;\r\n border: 2px solid #FFF;\r\n border-radius: 20px;\r\n background-color: #575F6B;\r\n color: #FFF;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n visibility: hidden;\r\n }\r\n .checkbox-selected {\r\n visibility: visible;\r\n }\r\n .image {\r\n aspect-ratio: 1;\r\n border-radius: 50%;\r\n }\r\n .imageFile {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n div:not(.selectedFilter) span {\r\n transition: all 0.5s;\r\n color: #575f6b;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n }\r\n\r\n //Small\r\n @media only screen and (max-width: 600px) {\r\n .filterContainer {\r\n bottom: 0px;\r\n &.show {\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 90px;\r\n }\r\n }\r\n &.hide {\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 10px;\r\n }\r\n .filterCategory {\r\n display: none;\r\n }\r\n }\r\n .filterMenu {\r\n z-index: 19;\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n width: unset;\r\n .filterCategory {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n height: 50px;\r\n padding: 10px;\r\n\r\n ion-img {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n .checkbox {\r\n left: 40px;\r\n top: 5px;\r\n height: 12px;\r\n width: 12px;\r\n font-size: 12px;\r\n padding-top: 1px;\r\n }\r\n .image {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font: normal normal normal 15px/18px Helvetica Neue;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Medium\r\n @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -80px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterMenu {\r\n height: 90px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n width: unset;\r\n .filterCategory {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n height: 50px;\r\n padding: 10px;\r\n\r\n ion-img {\r\n padding: 5%;\r\n width: 48px;\r\n height: 48px;\r\n }\r\n .checkbox {\r\n left: 50px;\r\n top: 0px;\r\n height: 17px;\r\n width: 17px;\r\n font-size: 17px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n padding: 5%;\r\n width: 48px;\r\n height: 48px;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font: normal normal medium 15px/18px Helvetica Neue;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Large\r\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -185px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterToggler {\r\n margin-left: 100px;\r\n }\r\n .filterMenu {\r\n height: 200px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n .filterCategory {\r\n width: 150px;\r\n height: 130px;\r\n // min-width: 10rem;\r\n flex-direction: column;\r\n padding-top: 1.5rem;\r\n justify-content: flex-start;\r\n\r\n ion-img {\r\n max-width: 60px;\r\n max-height: 60px;\r\n padding: 7%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 17%;\r\n height: 20px;\r\n width: 20px;\r\n font-size: 20px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n max-width: 60px;\r\n max-height: 60px;\r\n padding: 7%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font: normal normal medium 15px/18px Helvetica Neue;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Borne\r\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -285px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterToggler {\r\n margin-left: 100px;\r\n }\r\n .filterMenu {\r\n height: 300px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n .filterCategory {\r\n width: 246px;\r\n height: 213px;\r\n flex-direction: column;\r\n padding: 1.5rem;\r\n justify-content: space-evenly;\r\n\r\n ion-img {\r\n max-width: 98.5px;\r\n max-height: 98.5px;\r\n padding: 8%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 15%;\r\n height: 32px;\r\n width: 32px;\r\n font-size: 32px;\r\n padding-top: 8px;\r\n }\r\n .image {\r\n max-width: 98.5px;\r\n max-height: 98.5px;\r\n padding: 8%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font: normal normal bold 22px/27px Helvetica Neue;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Borne Vertical\r\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 15%;\r\n left: calc(50% - 500px);\r\n }\r\n .filterToggler {\r\n width: 900px !important;\r\n margin-left: 0px;\r\n justify-content: center;\r\n left: calc(50% - 500px);\r\n }\r\n .arrow {\r\n display: none !important;\r\n }\r\n .filterMenu {\r\n height: 130px;\r\n width: 900px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n border-radius: 0px 0px 10px 10px;\r\n .filterCategory {\r\n width: 125px;\r\n height: 110px;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n ion-img {\r\n max-width: 48px;\r\n max-height: 48px;\r\n padding: 7%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 17%;\r\n height: 20px;\r\n width: 20px;\r\n font-size: 20px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n max-width: 48px;\r\n max-height: 48px;\r\n padding: 7%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font: normal normal medium 14px/16px Helvetica Neue !important;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","ion-button.confirm {\r\n background-color: #1999B1;\r\n}\r\n\r\nion-button.dismiss {\r\n --border-color: #1999B1;\r\n --border-radius : 10px;\r\n color: #1999B1;\r\n}\r\n\r\nion-content {--overflow: hidden}\r\n\r\nion-content{\r\n --background: #4747478c\r\n}\r\n\r\nion-modal {\r\n display:flex;\r\n --justify-content: space-around !important;\r\n align-items: center;\r\n margin:auto;\r\n text-align: center;\r\n width: 500px;\r\n height: 200px;\r\n --width: 100%;\r\n --height: 100%;\r\n --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\r\n box-shadow: -3px -3px 20px #2B27276A;\r\n border-radius: 10px;\r\n opacity: 1 ;\r\n}\r\n\r\n#ion-react-wrapper {\r\n display:flex !important;\r\n justify-content: space-around !important;\r\n}\r\n\r\n@media (max-width: 600px) { \r\n ion-modal {\r\n display:flex;\r\n justify-content: space-between;\r\n margin:auto;\r\n width: 80%;\r\n height: 200px;\r\n --width: 100%;\r\n --height: 100%;\r\n background: #FFFFFF 0% 0% no-repeat padding-box;\r\n box-shadow: -3px -3px 20px #2B27276A;\r\n border-radius: 10px;\r\n opacity: 1;\r\n }\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"ACCI;;;;;;;;;AAQA;;;;;;;;;;;;;;AAYI;;;;;ACpBN;;;;AAGA;;;;;;;AAWE;;;;AAIF;;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUE;;;;;;AAMA;;;;;;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;AAGA;;;;AAKF;;;;AAGE;;;;AAMF;;;;;;AAKA;;;;;;AAMA;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAQF;;;;;;;AAME;;;;;;;;;;AAUA;;;;;;;;;AAWJ;;;;;;;;;AAQE;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AASE;;;;;;AAKE;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAOA;;;;;;;AAMA;;;;AAGA;;;;AAKF;;;;;;;AAME;;;;;AAKA;;;;AAMN;;;;AAMF;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;;;;;;;;;;AAeE;;;;;;;;AAOE;;;;;;;AAUN;;;;;;AAMA;;;;;;;;AAME;;;;;;;;;AAWF;;;;;;;;;;;;;;AAeA;;;;;;;;AAOA;;;;;;;;;AAUE;;;;;;;;AAOE;;;;;;;;;;;;;AAaE;;;;;;AAYF;;;;;;;;;;;;;;;;;;AAoBF;EACE;;;;EAGA;;;;EAGA;;;;;EAIA;;;;;;;EAMA;;;;;;;;;;AAYA;;;;;;;;;EAOA;;;;;;;;;AAUA;;;;;;;;;EAOA;;;;;;;AAQA;;;;;;;;;EAOA;;;;;EAIA;;;;;;;;;;;EAYF;;;;EAGA;;;;EAGE;;;;;;;AAQJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClgBA;;;;;;;;;AAOE;;;;AAOA;;;;;;;;;;;;;AAWE;;;;;;;;AAME;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAKE;;;;AAGA;;;;AAMN;;;;;;;;;;;;;AAaE;;;;;;;;;;;AAcE;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAGA;;;;;AAIA;;;;;AAKF;;;;;;AAUA;;;;;AAMA;;;;AAIA;;;;;AAIA;;;;AAIF;;;;;;;;;AAUE;;;;;;AAME;;;;;;AAKA;;;;;;;;;AAQA;;;;;;AAKA;;;;;;;;;AAQA;;;;;AASN;EACE;;;;EAGI;;;;;EAMA;;;;EAIA;;;;;EAIA;;;;EAIF;;;;;;;;;EAUE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;;;;;;EASE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAQE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAOE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;;EAIA;;;;;;;EAMA;;;;EAGA;;;;;;;EAME;;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AC5fV;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;EACE","sources":["c21ba856c7480275","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/pages/home.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n","#retorik-shadow{\r\n #POIButtonContainer{\r\n display: flex;\r\n height: 100%;\r\n width: 100%;\r\n align-items: end;\r\n justify-content: center;\r\n z-index: 999;\r\n }\r\n .buttonPOI{\r\n margin-bottom: 30px;\r\n z-index: 99;\r\n color: black;\r\n border-radius: 5px;\r\n border: 1px solid black;\r\n padding: 5px 20px;\r\n cursor: pointer;\r\n transition: all 0.5s;\r\n font-weight: bold;\r\n font-size: 1.25em;\r\n background: white;\r\n &:hover{\r\n color:white;\r\n background: rgba(0, 0, 0, 0.74);\r\n }\r\n }\r\n}","#retorik-shadow {\r\n textarea {\r\n background: transparent;\r\n }\r\n .mapContainer {\r\n width: 100%;\r\n height: 100%;\r\n margin: auto;\r\n z-index: 0;\r\n }\r\n .leaflet-container {\r\n width: 100%;\r\n height: 100%;\r\n margin: auto;\r\n z-index: 0;\r\n .leaflet-pane {\r\n z-index: 0;\r\n }\r\n }\r\n .custom-marker-cluster {\r\n background: #00beff80;\r\n border-radius: 50%;\r\n color: #000000;\r\n height: 33px;\r\n line-height: 37px;\r\n text-align: center;\r\n width: 33px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .leaflet-marker-icon {\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .leaflet-popup {\r\n bottom: 20px !important;\r\n }\r\n .infoPOIPane, .infoPOIPaneWidget {\r\n position: absolute;\r\n z-index: 99;\r\n background: white;\r\n padding: 1rem;\r\n box-shadow: 0px 3px 6px #00000029;\r\n border-radius: 5px;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .poiTitle {\r\n font-size: 1.25rem;\r\n font-weight: bold;\r\n line-height: 1.6rem;\r\n }\r\n\r\n .poiClose {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n display: block;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 0;\r\n cursor: pointer;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 2px;\r\n height: 17px;\r\n background-color: #000;\r\n transform: rotate(45deg) translate(-50%, -50%);\r\n transform-origin: top left;\r\n transition: all 420ms;\r\n content: '';\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(-50%, -50%);\r\n }\r\n &:hover:before,\r\n &:hover:after {\r\n background-color: #000;\r\n }\r\n }\r\n .white {\r\n color: white;\r\n\r\n &:before,\r\n &:after {\r\n background-color: white;\r\n }\r\n }\r\n\r\n .poiAddress {\r\n padding-top: 1rem;\r\n font-size: 0.8rem;\r\n line-height: 0.7rem;\r\n }\r\n .poiPhone {\r\n padding-top: 0.5rem;\r\n font-size: 0.8rem;\r\n line-height: 0.7rem;\r\n }\r\n\r\n .poiPhotoAndDescription {\r\n padding-top: 1rem;\r\n padding-bottom: 1rem;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n\r\n .poiPhoto {\r\n flex: 0 0 9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n img {\r\n object-fit: cover;\r\n width: 9rem;\r\n height: 9rem;\r\n border-radius: 50%;\r\n }\r\n }\r\n\r\n .poiDescriptionAndButton {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n overflow: hidden;\r\n\r\n .poiDesc {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n line-clamp: 4;\r\n -webkit-line-clamp: 4;\r\n -webkit-box-orient: vertical;\r\n white-space: pre-wrap;\r\n }\r\n \r\n .poiButton {\r\n width: fit-content;\r\n padding: 0.5rem;\r\n border-radius: 10px;\r\n font-weight: bold;\r\n border-width: 2px;\r\n border-style: solid;\r\n }\r\n }\r\n }\r\n\r\n .routes-container {\r\n width: 100%;\r\n height: 4rem;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n justify-content: center;\r\n\r\n .route-index {\r\n z-index: 1;\r\n }\r\n\r\n .route-icon {\r\n height: 2rem;\r\n width: 2rem;\r\n }\r\n\r\n .route-icon-medium {\r\n height: 1.25rem;\r\n width: 1.25rem;\r\n }\r\n\r\n .route-icon-small {\r\n height: 1.5rem;\r\n width: 1.5rem;\r\n }\r\n\r\n .route-icon-verysmall {\r\n height: 0.75rem;\r\n width: 0.75rem;\r\n }\r\n\r\n .route-icon-smallest {\r\n height: 0.5rem;\r\n width: 0.5rem;\r\n }\r\n\r\n .routes-data {\r\n display: grid;\r\n grid-template-columns: repeat(3, max-content);\r\n padding: 0.5rem 1rem 0.5rem 1.5rem;\r\n gap: 1rem;\r\n border-radius: 0.5rem;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n\r\n .route-item-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n\r\n .route-item {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0.75rem;\r\n align-items: center;\r\n\r\n .route-item-icon {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n .route-item-icon-circle {\r\n position: absolute;\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n border-radius: 100%;\r\n }\r\n\r\n .route-item-icon-triangle {\r\n position: absolute;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .route-item-icon-triangle-car {\r\n top: -1.15rem;\r\n }\r\n .route-item-icon-triangle-other {\r\n top: -0.75rem;\r\n }\r\n }\r\n\r\n .route-item-text {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n\r\n .route-item-duration {\r\n white-space: nowrap;\r\n font-weight: bold;\r\n }\r\n\r\n .route-item-distance {\r\n white-space: nowrap;\r\n }\r\n }\r\n }\r\n }\r\n .route-item-container:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n \r\n .route-button {\r\n aspect-ratio: 1;\r\n width: 15%;\r\n min-width: 15%;\r\n max-width: 15%;\r\n overflow-y: hidden;\r\n padding: 0.25rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-evenly;\r\n align-items: center;\r\n border: 2px solid #000;\r\n border-radius: 0.5rem;\r\n font-weight: bold;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n }\r\n\r\n .qrcode-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 40;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1rem;\r\n color: #FFF;\r\n background-color: rgba(18, 18, 18, 0.7);\r\n\r\n .qrcode-text-and-icon {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n gap: 0.25rem;\r\n font-style: italic;\r\n\r\n .qrcode-text {\r\n width: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .infoPOIPaneWidget {\r\n bottom: 135px;\r\n width: 100%;\r\n max-width: 27rem;\r\n }\r\n\r\n .leaflet-control-zoom {\r\n right: 1rem;\r\n border: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n .leaflet-control-zoom-in,\r\n .leaflet-control-zoom-out {\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50% !important;\r\n }\r\n }\r\n\r\n #around-me {\r\n margin-right: 10px;\r\n right: 1rem;\r\n position: absolute;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n /* UI Properties */\r\n background: #FFF 0% 0% no-repeat padding-box;\r\n border-radius: 70px;\r\n opacity: 1;\r\n }\r\n\r\n .leaflet-div-icon {\r\n width: 36px !important;\r\n height: 50px !important;\r\n background-color: transparent;\r\n border-style: none;\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n margin-left: -37.5px !important;\r\n margin-top: -65px !important;\r\n transition: all 0.2s ease-in-out;\r\n width: 57px !important;\r\n height: 80px !important;\r\n }\r\n\r\n .loader-container {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .loader {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n display: inline-block;\r\n width: 50px;\r\n height: 50px;\r\n border: 3px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: #fff;\r\n animation: spin 1s ease-in-out infinite;\r\n -webkit-animation: spin 1s ease-in-out infinite;\r\n \r\n @keyframes spin {\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n }\r\n @-webkit-keyframes spin {\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n }\r\n }\r\n\r\n .exit-loader {\r\n position: absolute;\r\n top: calc(50% + 5px);\r\n left: calc(50% + 5px);\r\n width: 40px;\r\n height: 40px;\r\n cursor: pointer;\r\n color: #000;\r\n background-color: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 30px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n //Small\r\n @media only screen and (max-width: 600px) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 135px;\r\n width: 100%;\r\n }\r\n .leaflet-div-icon {\r\n width: 28px !important;\r\n height: 40px !important;\r\n background-color: transparent;\r\n border-style: none;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n margin-left: -37.5px !important;\r\n margin-top: -65px !important;\r\n transition: all 0.2s ease-in-out;\r\n width: 38px !important;\r\n height: 54px !important;\r\n }\r\n }\r\n\r\n //Medium\r\n @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 16rem;\r\n right: 50%;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n width: 40rem;\r\n }\r\n }\r\n\r\n //Large\r\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 16rem;\r\n right: 7rem;\r\n width: 27rem;\r\n }\r\n }\r\n\r\n //Borne\r\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n #around-me {\r\n bottom: 29em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 25em;\r\n }\r\n .leaflet-div-icon {\r\n background-color: transparent;\r\n border-style: none;\r\n }\r\n .markerSelected {\r\n filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n transition: all 0.2s ease-in-out;\r\n }\r\n .infoPOIPane {\r\n bottom: 21rem;\r\n }\r\n }\r\n\r\n //Borne Vertical\r\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n #around-me {\r\n bottom: 25em;\r\n }\r\n .leaflet-control-zoom {\r\n bottom: 19em;\r\n }\r\n .infoPOIPane {\r\n bottom: 30%;\r\n right: 7rem;\r\n width: 30rem;\r\n }\r\n }\r\n\r\n #map-target {\r\n margin: 10px;\r\n }\r\n\r\n .fadeIn {\r\n animation: fadeIn 0.5s ease-in-out;\r\n -webkit-animation: fadeIn 0.5s ease-in-out;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n \r\n .fadeOut {\r\n animation: fadeOut 0.5s ease-in-out;\r\n -webkit-animation: fadeOut 0.5s ease-in-out;\r\n }\r\n \r\n @keyframes fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n#weathermap {\r\n height: 100%;\r\n}\r\n","#retorik-shadow {\r\n .filterContainer, .filterContainerWidget {\r\n display: flex;\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n flex-direction: column;\r\n z-index: 51;\r\n &.show {\r\n transition: all 0.3s ease-in-out;\r\n }\r\n &.hide {\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n .filterToggler {\r\n border-radius: 10px 10px 0 0;\r\n cursor: pointer;\r\n background: #edeef2;\r\n color: #575f6b;\r\n z-index: 999;\r\n width: fit-content;\r\n padding: 10px 30px;\r\n box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\r\n display: flex;\r\n align-items: center;\r\n .arrow {\r\n position: relative;\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n padding-left: 17px;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n top: calc(50% - 1px);\r\n right: auto;\r\n width: 10px;\r\n height: 3px;\r\n background: #000;\r\n content: '';\r\n will-change: transform;\r\n transition: all 0.2s ease;\r\n }\r\n &:before {\r\n transform: rotate(45deg) translate(1px, -1px);\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(-3px, -3px);\r\n }\r\n\r\n &.active {\r\n &:before {\r\n transform: rotate(45deg) translate(-2px, 2px);\r\n }\r\n &:after {\r\n transform: rotate(-45deg) translate(2px, 2px);\r\n }\r\n }\r\n }\r\n }\r\n .filterMenu {\r\n display: flex;\r\n\r\n width: 100%;\r\n z-index: 401;\r\n bottom: 0px;\r\n border-radius: 0px;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n background: #edeef2 0% 0% no-repeat padding-box;\r\n box-shadow: 3px 3px 20px #24415d4d;\r\n\r\n .filterCategory {\r\n cursor: pointer;\r\n box-shadow: 3px 3px 10px #24415d14;\r\n background: transparent\r\n linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\r\n padding-box;\r\n\r\n border-radius: 10px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n ion-img {\r\n border-radius: 50%;\r\n }\r\n .checkbox {\r\n position: absolute;\r\n border: 2px solid #fff;\r\n border-radius: 20px;\r\n background-color: #575f6b;\r\n color: #fff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n visibility: hidden;\r\n }\r\n .checkbox-selected {\r\n visibility: visible;\r\n }\r\n .image {\r\n aspect-ratio: 1;\r\n border-radius: 50%;\r\n }\r\n .imageFile {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n div:not(.selectedFilter) span {\r\n transition: all 0.5s;\r\n color: #575f6b;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n }\r\n\r\n .filterContainerWidget {\r\n &.show {\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 90px;\r\n }\r\n }\r\n &.hide {\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 10px;\r\n }\r\n .filterCategory {\r\n display: none;\r\n }\r\n }\r\n .filterMenu {\r\n z-index: 19;\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n width: unset;\r\n .filterCategory {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n height: 50px;\r\n padding: 10px;\r\n\r\n ion-img {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n .checkbox {\r\n left: 40px;\r\n top: 5px;\r\n height: 12px;\r\n width: 12px;\r\n font-size: 12px;\r\n padding-top: 1px;\r\n }\r\n .image {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n font-size: 15px;\r\n line-height: 18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Small\r\n @media only screen and (max-width: 600px) {\r\n .filterContainer {\r\n bottom: 0px;\r\n &.show {\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 90px;\r\n }\r\n }\r\n &.hide {\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n .filterMenu {\r\n transition: all 0.3s ease-in-out;\r\n height: 10px;\r\n }\r\n .filterCategory {\r\n display: none;\r\n }\r\n }\r\n .filterMenu {\r\n z-index: 19;\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n width: unset;\r\n .filterCategory {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n height: 50px;\r\n padding: 10px;\r\n\r\n ion-img {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n .checkbox {\r\n left: 40px;\r\n top: 5px;\r\n height: 12px;\r\n width: 12px;\r\n font-size: 12px;\r\n padding-top: 1px;\r\n }\r\n .image {\r\n padding: 5%;\r\n width: 36.5px;\r\n height: 36.5px;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n font-size: 15px;\r\n line-height: 18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Medium\r\n @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -80px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterMenu {\r\n height: 90px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n width: unset;\r\n .filterCategory {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n height: 50px;\r\n padding: 10px;\r\n\r\n ion-img {\r\n padding: 5%;\r\n width: 48px;\r\n height: 48px;\r\n }\r\n .checkbox {\r\n left: 50px;\r\n top: 0px;\r\n height: 17px;\r\n width: 17px;\r\n font-size: 17px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n padding: 5%;\r\n width: 48px;\r\n height: 48px;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n font-size: 15px;\r\n line-height: 18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Large\r\n @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -185px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterToggler {\r\n margin-left: 100px;\r\n }\r\n .filterMenu {\r\n height: 200px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n .filterCategory {\r\n width: 150px;\r\n height: 130px;\r\n // min-width: 10rem;\r\n flex-direction: column;\r\n padding-top: 1.5rem;\r\n justify-content: flex-start;\r\n\r\n ion-img {\r\n max-width: 60px;\r\n max-height: 60px;\r\n padding: 7%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 17%;\r\n height: 20px;\r\n width: 20px;\r\n font-size: 20px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n max-width: 60px;\r\n max-height: 60px;\r\n padding: 7%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n font-size: 15px;\r\n line-height: 18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Borne\r\n @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 0px;\r\n }\r\n &.hide {\r\n bottom: -285px;\r\n .filterMenu,\r\n .filterToggler {\r\n background: #edeef2;\r\n }\r\n }\r\n .filterToggler {\r\n margin-left: 100px;\r\n }\r\n .filterMenu {\r\n height: 300px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n .filterCategory {\r\n width: 246px;\r\n height: 213px;\r\n flex-direction: column;\r\n padding: 1.5rem;\r\n justify-content: space-evenly;\r\n\r\n ion-img {\r\n max-width: 98.5px;\r\n max-height: 98.5px;\r\n padding: 8%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 15%;\r\n height: 32px;\r\n width: 32px;\r\n font-size: 32px;\r\n padding-top: 8px;\r\n }\r\n .image {\r\n max-width: 98.5px;\r\n max-height: 98.5px;\r\n padding: 8%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n font-size: 22px;\r\n line-height: 27px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n //Borne Vertical\r\n @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n .filterContainer {\r\n &.show {\r\n bottom: 15%;\r\n left: calc(50% - 500px);\r\n }\r\n .filterToggler {\r\n width: 900px !important;\r\n margin-left: 0px;\r\n justify-content: center;\r\n left: calc(50% - 500px);\r\n }\r\n .arrow {\r\n display: none !important;\r\n }\r\n .filterMenu {\r\n height: 130px;\r\n width: 900px;\r\n flex-wrap: nowrap;\r\n flex-direction: row;\r\n border-radius: 0px 0px 10px 10px;\r\n .filterCategory {\r\n width: 125px;\r\n height: 110px;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n ion-img {\r\n max-width: 48px;\r\n max-height: 48px;\r\n padding: 7%;\r\n }\r\n .checkbox {\r\n right: 25%;\r\n top: 17%;\r\n height: 20px;\r\n width: 20px;\r\n font-size: 20px;\r\n padding-top: 2px;\r\n }\r\n .image {\r\n max-width: 48px;\r\n max-height: 48px;\r\n padding: 7%;\r\n }\r\n span {\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 16px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &.selectedFilter {\r\n transition: all 0.5s;\r\n box-shadow: inset -3px -3px 16px #ffffff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","ion-button.confirm {\r\n background-color: #1999B1;\r\n}\r\n\r\nion-button.dismiss {\r\n --border-color: #1999B1;\r\n --border-radius : 10px;\r\n color: #1999B1;\r\n}\r\n\r\nion-content {--overflow: hidden}\r\n\r\nion-content{\r\n --background: #4747478c\r\n}\r\n\r\nion-modal {\r\n display:flex;\r\n --justify-content: space-around !important;\r\n align-items: center;\r\n margin:auto;\r\n text-align: center;\r\n width: 500px;\r\n height: 200px;\r\n --width: 100%;\r\n --height: 100%;\r\n --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\r\n box-shadow: -3px -3px 20px #2B27276A;\r\n border-radius: 10px;\r\n opacity: 1 ;\r\n}\r\n\r\n#ion-react-wrapper {\r\n display:flex !important;\r\n justify-content: space-around !important;\r\n}\r\n\r\n@media (max-width: 600px) { \r\n ion-modal {\r\n display:flex;\r\n justify-content: space-between;\r\n margin:auto;\r\n width: 80%;\r\n height: 200px;\r\n --width: 100%;\r\n --height: 100%;\r\n background: #FFFFFF 0% 0% no-repeat padding-box;\r\n box-shadow: -3px -3px 20px #2B27276A;\r\n border-radius: 10px;\r\n opacity: 1;\r\n }\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
|
package/dist/index.js
CHANGED
|
@@ -190,8 +190,8 @@ const $adc358f1cbdc29a7$export$a238cb463698c900 = {
|
|
|
190
190
|
|
|
191
191
|
const $10cac9979b1967c1$export$e370d38831f5792a = ()=>{
|
|
192
192
|
const dispatch = (0, $1FYMx$reactredux.useDispatch)();
|
|
193
|
-
const retorikEvent = (0, $1FYMx$daviairetorikframework.
|
|
194
|
-
const currentSubView = (0, $1FYMx$daviairetorikframework.
|
|
193
|
+
const retorikEvent = (0, $1FYMx$daviairetorikframework.useRetorikEvent)();
|
|
194
|
+
const currentSubView = (0, $1FYMx$daviairetorikframework.useCurrentSubView)();
|
|
195
195
|
const displayPOIFinished = (0, $1FYMx$reactredux.useSelector)((state)=>state.poi.displayPOIFinished);
|
|
196
196
|
const detailOpennedByMap = (0, $1FYMx$reactredux.useSelector)((state)=>state.poi.detailOpennedByMap);
|
|
197
197
|
(0, $1FYMx$react.useEffect)(()=>{
|
|
@@ -469,7 +469,8 @@ const $4e61b315bd882780$var$hospitalityFullFilters = [
|
|
|
469
469
|
];
|
|
470
470
|
const $4e61b315bd882780$export$e2d78e54e91e6990 = ({ settings: settings })=>{
|
|
471
471
|
const dispatch = (0, $1FYMx$reactredux.useDispatch)();
|
|
472
|
-
const locale = (0, $1FYMx$daviairetorikframework.
|
|
472
|
+
const locale = (0, $1FYMx$daviairetorikframework.useLocale)();
|
|
473
|
+
const isWidget = (0, $1FYMx$daviairetorikframework.useIsWidget)();
|
|
473
474
|
const selectedFilters = (0, $1FYMx$reactredux.useSelector)((state)=>state.map.selectedFilters);
|
|
474
475
|
const [toggle, setToggle] = (0, $1FYMx$react.useState)(true);
|
|
475
476
|
const [showFilters, setShowFilters] = (0, $1FYMx$react.useState)([]);
|
|
@@ -553,7 +554,7 @@ const $4e61b315bd882780$export$e2d78e54e91e6990 = ({ settings: settings })=>{
|
|
|
553
554
|
};
|
|
554
555
|
return /*#__PURE__*/ (0, $1FYMx$reactjsxruntime.jsxs)("div", {
|
|
555
556
|
id: "retorik-map-filters",
|
|
556
|
-
className:
|
|
557
|
+
className: `${isWidget ? 'filterContainerWidget' : 'filterContainer'} ${toggle ? 'show' : 'hide'}`,
|
|
557
558
|
children: [
|
|
558
559
|
/*#__PURE__*/ (0, $1FYMx$reactjsxruntime.jsxs)("div", {
|
|
559
560
|
className: "filterToggler",
|
|
@@ -1006,8 +1007,8 @@ const $189a2791d8070fe0$var$openRoute = 'https://api.openrouteservice.org/v2/dir
|
|
|
1006
1007
|
const $189a2791d8070fe0$var$openRouteAPIKey = '5b3ce3597851110001cf62483cfd6bd46f934b7d96f108a35e0f08b8';
|
|
1007
1008
|
const $189a2791d8070fe0$var$googleMapsAddress = 'https://www.google.com/maps/dir/?api=1&';
|
|
1008
1009
|
const $189a2791d8070fe0$var$Routes = ({ coordinates: coordinates, setMapLayerData: setMapLayerData, color: color, setQrCodeUrl: setQrCodeUrl })=>{
|
|
1009
|
-
const isUsedOnBorne = (0, $1FYMx$daviairetorikframework.
|
|
1010
|
-
const locale = (0, $1FYMx$daviairetorikframework.
|
|
1010
|
+
const isUsedOnBorne = (0, $1FYMx$daviairetorikframework.useIsUsedOnBorne)();
|
|
1011
|
+
const locale = (0, $1FYMx$daviairetorikframework.useLocale)();
|
|
1011
1012
|
const [drivingCar, setDrivingCar] = (0, $1FYMx$react.useState)(undefined);
|
|
1012
1013
|
const [cyclingRegular, setCyclingRegular] = (0, $1FYMx$react.useState)(undefined);
|
|
1013
1014
|
const [footWalking, setFootWalking] = (0, $1FYMx$react.useState)(undefined);
|
|
@@ -1187,7 +1188,8 @@ const $2ed5971e4d4df7a9$var$fadeDuration = 500;
|
|
|
1187
1188
|
const $2ed5971e4d4df7a9$export$b79ff28f7aa330b0 = ({ poi: poi, retorikAddress: retorikAddress, poiClose: poiClose, setMapLayerData: setMapLayerData })=>{
|
|
1188
1189
|
const dispatch = (0, $1FYMx$reactredux.useDispatch)();
|
|
1189
1190
|
const currentUserPos = (0, $1FYMx$reactredux.useSelector)((state)=>state.map.currentUserLocation);
|
|
1190
|
-
const locale = (0, $1FYMx$daviairetorikframework.
|
|
1191
|
+
const locale = (0, $1FYMx$daviairetorikframework.useLocale)();
|
|
1192
|
+
const isWidget = (0, $1FYMx$daviairetorikframework.useIsWidget)();
|
|
1191
1193
|
const [coordinates, setCoordinates] = (0, $1FYMx$react.useState)(undefined);
|
|
1192
1194
|
const [qrCodeUrl, setQrCodeUrl] = (0, $1FYMx$react.useState)();
|
|
1193
1195
|
const [imageLoaded, setImageLoaded] = (0, $1FYMx$react.useState)(false);
|
|
@@ -1268,7 +1270,7 @@ const $2ed5971e4d4df7a9$export$b79ff28f7aa330b0 = ({ poi: poi, retorikAddress: r
|
|
|
1268
1270
|
}, $2ed5971e4d4df7a9$var$fadeDuration);
|
|
1269
1271
|
};
|
|
1270
1272
|
return /*#__PURE__*/ (0, $1FYMx$reactjsxruntime.jsxs)("div", {
|
|
1271
|
-
className:
|
|
1273
|
+
className: `${isWidget ? 'infoPOIPaneWidget' : 'infoPOIPane'} ${mainFadingOut ? 'fadeOut' : imageLoaded ? 'fadeIn' : ''}`,
|
|
1272
1274
|
style: {
|
|
1273
1275
|
visibility: imageLoaded ? 'visible' : 'hidden'
|
|
1274
1276
|
},
|
|
@@ -1414,9 +1416,9 @@ const $42234972a9a1d113$var$defaultDistanceAround = 200;
|
|
|
1414
1416
|
const $42234972a9a1d113$export$ddd638f4963d1957 = ({ activeTenant: activeTenant, isDevTenant: isDevTenant, tenantList: tenantList, userLocation: userLocation, mapCenter: mapCenter, limitAroundCenter: limitAroundCenter, settings: settings, icons: icons })=>{
|
|
1415
1417
|
const pois = (0, $1FYMx$reactredux.useSelector)((state)=>state.poi.poiList);
|
|
1416
1418
|
const dispatch = (0, $1FYMx$reactredux.useDispatch)();
|
|
1417
|
-
const locale = (0, $1FYMx$daviairetorikframework.
|
|
1418
|
-
const retorikEvent = (0, $1FYMx$daviairetorikframework.
|
|
1419
|
-
const currentSubView = (0, $1FYMx$daviairetorikframework.
|
|
1419
|
+
const locale = (0, $1FYMx$daviairetorikframework.useLocale)();
|
|
1420
|
+
const retorikEvent = (0, $1FYMx$daviairetorikframework.useRetorikEvent)();
|
|
1421
|
+
const currentSubView = (0, $1FYMx$daviairetorikframework.useCurrentSubView)();
|
|
1420
1422
|
const botCSSInjected = (0, $1FYMx$reactredux.useSelector)((state)=>state.bot.CSSInjected);
|
|
1421
1423
|
const currentUserPos = (0, $1FYMx$reactredux.useSelector)((state)=>state.map.currentUserLocation);
|
|
1422
1424
|
const selectedFilters = (0, $1FYMx$reactredux.useSelector)((state)=>state.map.selectedFilters);
|
|
@@ -2009,7 +2011,7 @@ const $a33b51f1656f8bb9$var$fetchCustomPoiType = async ({ type: type, color: col
|
|
|
2009
2011
|
|
|
2010
2012
|
|
|
2011
2013
|
const $65ff319993503e5c$export$5e65d2e7602ac78d = ({ retorikName: retorikName, useDevTenant: useDevTenant, customCategories: customCategories, hospitalityCategories: hospitalityCategories })=>{
|
|
2012
|
-
const locale = (0, $1FYMx$daviairetorikframework.
|
|
2014
|
+
const locale = (0, $1FYMx$daviairetorikframework.useLocale)();
|
|
2013
2015
|
const currentUserLocation = (0, $1FYMx$reactredux.useSelector)((state)=>state.map.currentUserLocation);
|
|
2014
2016
|
const [token, setToken] = (0, $1FYMx$react.useState)(undefined);
|
|
2015
2017
|
const [poiList, setPoiList] = (0, $1FYMx$react.useState)([]);
|