@davi-ai/retorik-map 1.1.3 → 2.0.0

package/dist/index.css.map

@@ -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;;;;;;AAQJ;;;;;;;;;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;;;;;;;;;;;;;;;AAgBA;;;;;;;;AAOA;;;;;;;;;AAUE;;;;;;;;AAOE;;;;;;;;;;;;;AAaE;;;;;;AAYF;;;;;;;;;;;;;;;;;;AAwEF;EACE;;;;EAGA;;;;EAGA;;;;;EAIA;;;;;;;EAMA;;;;;;;;;;AAYA;;;;;;;;;EAOA;;;;;;;;;AAUA;;;;;;;;;EAOA;;;;;;;AAQA;;;;;;;;;EAOA;;;;;EAIA;;;;;;;;;;;EAYF;;;;EAGA;;;;EAGE;;;;;;;AAOF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5kBA;;;;;;;;;AAOE;;;;AAOA;;;;;;;;;;;;;AAWE;;;;;;;;AAME;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAKE;;;;AAGA;;;;AAMN;;;;;;;;;;;;;AAaE;;;;;;;;;;;AAcE;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAGA;;;;;AAIA;;;;;AAKF;;;;;;AAQJ;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAMA;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;;;;;;ACxdV;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;EACE;;;;;;;;;;;;;;;;ACnCF;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuHA;EAME;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA;;;;;;EAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArPF;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwHE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA","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"}
+{"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"}

package/dist/index.d.ts

@@ -1,85 +1,110 @@
-import { LatLngExpression } from "leaflet";
-export type Tenant = {
-    name: string;
-    retorikName: string;
-    areaLocation: Array<Array<LatLngExpression>>;
-    aroundMeDistance?: number;
-};
-export enum POIType {
-    restaurant = "restaurant",
-    afaire = "a-faire",
-    avoir = "a-voir",
-    hebergement = "hebergement",
-    produit = "produit",
-    service = "service"
-}
-export type MapSettings = {
-    showFilter?: Array<POIType>;
-    labelFilter?: {
-        [locale: string]: MapLabel;
-    };
-};
-export type MapLabel = {
-    title: string;
-    whattodo: string;
-    wheretoeat: string;
-    wheretosleep: string;
-    whattosee: string;
-    localproducts: string;
-    services: string;
-};
-export const labels: {
-    'ar-EG': string;
-    'ar-SA': string;
-    'ca-ES': string;
-    'cs-CZ': string;
-    'da-DK': string;
-    'de-AT': string;
-    'de-CH': string;
-    'de-DE': string;
-    'en-CA': string;
-    'en-GB': string;
-    'en-HK': string;
-    'en-IE': string;
-    'en-IN': string;
-    'en-US': string;
-    'es-ES': string;
-    'es-MX': string;
-    'fi-FI': string;
-    'fr-BE': string;
-    'fr-CA': string;
-    'fr-CH': string;
-    'fr-FR': string;
-    'hi-IN': string;
-    'hu-HU': string;
-    'id-ID': string;
-    'it-IT': string;
-    'ja-JP': string;
-    'ko-KR': string;
-    'nb-NO': string;
-    'nl-BE': string;
-    'nl-NL': string;
-    'pl-PL': string;
-    'pt-BR': string;
-    'pt-PT': string;
-    'ru-RU': string;
-    'sv-SE': string;
-    'th-TH': string;
-    'tr-TR': string;
-    'zh-CN': string;
-    'zh-HK': string;
-    'zh-TW': string;
-};
-interface MapProps {
-    activeTenant?: string;
-    isDevTenant?: boolean;
-    tenantList: {
-        [key: string]: Tenant;
-    };
-    userLocation?: LatLngExpression;
-    settings?: MapSettings;
-}
-export const MapIcon: () => JSX.Element;
-export const Map: (props?: MapProps | undefined) => JSX.Element;
+import { LatLngExpression } from "leaflet";
+export type Tenant = {
+    name: string;
+    retorikName: string;
+    areaLocation: Array<Array<LatLngExpression>>;
+    aroundMeDistance?: number;
+};
+export enum POIType {
+    restaurant = "restaurant",
+    afaire = "afaire",
+    avoir = "avoir",
+    hebergement = "hebergement",
+    produit = "produit",
+    service = "service"
+}
+interface CustomCategory {
+    name: string;
+    color?: string;
+    filter: {
+        iconUrl?: string;
+        label?: string;
+        localizedLabel?: {
+            [locale: string]: string;
+        };
+    };
+}
+interface HospitalityCategory {
+    display: boolean;
+    label?: string;
+    localizedLabel?: {
+        [locale: string]: string;
+    };
+    color?: string;
+}
+export interface MapSettings {
+    categories: Array<CustomCategory>;
+    hospitalityCategories?: {
+        restaurant?: HospitalityCategory;
+        afaire?: HospitalityCategory;
+        avoir?: HospitalityCategory;
+        hebergement?: HospitalityCategory;
+        produit?: HospitalityCategory;
+        service?: HospitalityCategory;
+    };
+    showFilter?: Array<POIType>;
+}
+export interface MapLabel {
+    title: string;
+    afaire: string;
+    restaurant: string;
+    hebergement: string;
+    avoir: string;
+    produit: string;
+    service: string;
+}
+export const MapIcon: () => JSX.Element;
+export const labels: {
+    'ar-EG': string;
+    'ar-SA': string;
+    'ca-ES': string;
+    'cs-CZ': string;
+    'da-DK': string;
+    'de-AT': string;
+    'de-CH': string;
+    'de-DE': string;
+    'en-CA': string;
+    'en-GB': string;
+    'en-HK': string;
+    'en-IE': string;
+    'en-IN': string;
+    'en-US': string;
+    'es-ES': string;
+    'es-MX': string;
+    'fi-FI': string;
+    'fr-BE': string;
+    'fr-CA': string;
+    'fr-CH': string;
+    'fr-FR': string;
+    'hi-IN': string;
+    'hu-HU': string;
+    'id-ID': string;
+    'it-IT': string;
+    'ja-JP': string;
+    'ko-KR': string;
+    'nb-NO': string;
+    'nl-BE': string;
+    'nl-NL': string;
+    'pl-PL': string;
+    'pt-BR': string;
+    'pt-PT': string;
+    'ru-RU': string;
+    'sv-SE': string;
+    'th-TH': string;
+    'tr-TR': string;
+    'zh-CN': string;
+    'zh-HK': string;
+    'zh-TW': string;
+};
+interface MapProps {
+    activeTenant?: string;
+    isDevTenant?: boolean;
+    tenantList: {
+        [key: string]: Tenant;
+    };
+    userLocation?: LatLngExpression;
+    settings?: MapSettings;
+}
+export const Map: ({ activeTenant, isDevTenant, tenantList, userLocation, settings }: MapProps) => JSX.Element;
 
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -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;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"}
+{"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;AEkCD;IACE,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;ACxCD;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,cAAc,CAAC,EAAE;YACf,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;SACzB,CAAA;KACF,CAAA;CACF;AAED;IACE,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE;QACf,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACzB,CAAA;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IACjC,qBAAqB,CAAC,EAAE;QACtB,UAAU,CAAC,EAAE,mBAAmB,CAAA;QAChC,MAAM,CAAC,EAAE,mBAAmB,CAAA;QAC5B,KAAK,CAAC,EAAE,mBAAmB,CAAA;QAC3B,WAAW,CAAC,EAAE,mBAAmB,CAAA;QACjC,OAAO,CAAC,EAAE,mBAAmB,CAAA;QAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAC9B,CAAA;IACD,UAAU,CAAC,EAAE,KAAK,CAAC,OAAkB,CAAC,CAAA;CACvC;AAED;IACE,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AW/CD,OAAA,MAAM,eAAc,WAoEnB,CAAA;ACtED,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;AwBhBD;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;AAYD,OAAA,MAAM,yEAMH,QAAQ,KAAG,WA2Eb,CAAA","sources":["src/src/models/Tenant.ts","src/src/models/RetorikTenantInfo.ts","src/src/models/POI.ts","src/src/models/Map.ts","src/src/utils/tenantList.ts","src/src/utils/poiUtils.ts","src/src/models/constants.ts","src/src/services/tenantService.ts","src/src/features/authSlice.ts","src/src/features/poiSlice.ts","src/src/features/mapSlice.ts","src/src/features/tenantSlice.ts","src/src/features/botSlice.ts","src/src/stores/globalStore.ts","src/src/components/Icons/MapIcon.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/globalUtils.ts","src/src/components/MapFilterItem.tsx","src/src/components/MapFilter.tsx","src/src/utils/MarkerIcons.ts","src/src/components/LocationMarker.tsx","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/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, { useMemo } from 'react'\r\nimport { Provider } from 'react-redux'\r\nimport L from 'leaflet'\r\nimport type { LatLngExpression } from 'leaflet'\r\nimport { BotPOIExtensionDisplay } from './components/BotPOIExtensionDisplay'\r\nimport type { Tenant } from './models/Tenant'\r\nimport { MapDisplay } from './components/Map'\r\nimport { POILoader } from './components/POILoader'\r\nimport { setupStore } from './stores/globalStore'\r\nimport { hospitalityImages } from './styles/icons/dataUrlIcons'\r\n\r\nimport {\r\n  iconRestaurant,\r\n  iconAFaire,\r\n  iconHebergement,\r\n  iconAVoir,\r\n  iconProduit,\r\n  iconService,\r\n  createGenericIcon\r\n} from './utils/MarkerIcons'\r\n\r\nimport './styles/module.scss'\r\nimport type { MapLabel, MapSettings } from './models/Map'\r\nimport { HospitalityPOIType as POIType } from './models/POI'\r\nimport { defaultColor } from './models/constants'\r\n\r\ninterface MapProps {\r\n  activeTenant?: string\r\n  isDevTenant?: boolean\r\n  tenantList: { [key: string]: Tenant }\r\n  userLocation?: LatLngExpression\r\n  settings?: MapSettings\r\n}\r\n\r\nconst defaultHospitalityIcons: { [name: string]: L.Icon } = {\r\n  restaurant: iconRestaurant,\r\n  afaire: iconAFaire,\r\n  avoir: iconAVoir,\r\n  hebergement: iconHebergement,\r\n  produit: iconProduit,\r\n  service: iconService\r\n}\r\n\r\nconst store = setupStore()\r\nconst Map = ({\r\n  activeTenant,\r\n  isDevTenant,\r\n  tenantList,\r\n  userLocation,\r\n  settings\r\n}: MapProps): JSX.Element => {\r\n  const hospitalityCategories = useMemo<Array<string>>(() => {\r\n    if (settings?.categories) {\r\n      if (settings?.hospitalityCategories) {\r\n        return Object.keys(settings.hospitalityCategories).filter(\r\n          (key) => settings.hospitalityCategories?.[key]?.display\r\n        )\r\n      }\r\n    } else if (settings?.hospitalityCategories) {\r\n      return Object.keys(settings.hospitalityCategories).filter(\r\n        (key) => settings.hospitalityCategories?.[key]?.display\r\n      )\r\n    } else if (settings?.showFilter) {\r\n      return settings.showFilter\r\n    }\r\n\r\n    // By default return all hospitality categories\r\n    return Object.keys(POIType)\r\n  }, [settings])\r\n\r\n  const leafletIcons = useMemo<{ [type: string]: L.Icon }>(() => {\r\n    const tempIcons = { ...defaultHospitalityIcons }\r\n\r\n    // Create pin icons for categories\r\n    if (settings?.categories) {\r\n      settings.categories.forEach((category) => {\r\n        const icon = createGenericIcon(\r\n          category.color || defaultColor,\r\n          category.filter?.iconUrl\r\n        )\r\n        tempIcons[category.name] = icon\r\n      })\r\n    }\r\n\r\n    // Modify pin icons for hospitality categories that have their default color changed\r\n    if (settings?.hospitalityCategories) {\r\n      Object.entries(settings.hospitalityCategories).forEach(\r\n        ([type, values]) => {\r\n          if (values.display && values.color) {\r\n            const icon = createGenericIcon(\r\n              values.color,\r\n              hospitalityImages[type]\r\n            )\r\n            tempIcons[type] = icon\r\n          }\r\n        }\r\n      )\r\n    }\r\n\r\n    return tempIcons\r\n  }, [settings])\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {activeTenant && (\r\n        <Provider store={store}>\r\n          <MapDisplay\r\n            activeTenant={activeTenant}\r\n            isDevTenant={isDevTenant}\r\n            tenantList={tenantList}\r\n            userLocation={userLocation}\r\n            settings={settings}\r\n            icons={leafletIcons}\r\n          />\r\n          <POILoader\r\n            retorikName={tenantList[activeTenant].retorikName}\r\n            useDevTenant={!!isDevTenant}\r\n            customCategories={settings?.categories}\r\n            hospitalityCategories={hospitalityCategories}\r\n          />\r\n          <BotPOIExtensionDisplay />\r\n        </Provider>\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport { MapIcon } from './components/Icons/MapIcon'\r\nexport { Map, POIType }\r\nexport { labels } from './translations/labels'\r\nexport type { MapSettings, MapLabel }\r\nexport type { Tenant } from './models/Tenant'\r\n"],"names":[],"version":3,"file":"index.d.ts.map"}