@geotrekce/geotrek-rando-widget 0.3.6 → 0.4.0

package/dist/collection/components/grw-filters/grw-filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-filters.js","sourceRoot":"","sources":["../../../src/components/grw-filters/grw-filters.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\nimport { filters, handleFiltersAndSearch } from 'utils/utils';\n\n@Component({\n  tag: 'grw-filters',\n  styleUrl: 'grw-filters.scss',\n  shadow: true,\n})\nexport class GrwFilters {\n  @Event() resetFilter: EventEmitter;\n\n  @State() selectedSegment = 'selectedActivitiesFilters';\n\n  @Prop() handleFilters: Function;\n\n  handleEraseFilters() {\n    filters.forEach(filter => {\n      state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n    });\n    state.selectedActivitiesFilters = 0;\n    state.selectedThemesFilters = 0;\n    state.selectedLocationFilters = 0;\n    state.currentTreks = handleFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    return filters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\n  }\n\n  handleOkFilters() {\n    this.handleFilters();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"options-container\">\n          <div class=\"filters-container\">\n            <div class=\"filters-options-container\">\n              {state.treksWithinBounds && (\n                <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                  state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                }`}</div>\n              )}\n              <div class=\"filters-options-buttons-container\">\n                <button class=\"filter-option-button\" onClick={() => this.handleEraseFilters()}>\n                  {translate[state.language].erase}\n                </button>\n                <button class=\"filter-option-button\" onClick={() => this.handleOkFilters()}>\n                  {translate[state.language].ok}\n                </button>\n              </div>\n            </div>\n            <div class=\"segmented-buttons-container\">\n              {this.handleSegment('selectedActivitiesFilters') && (\n                <label\n                  class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                  onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                >\n                  {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                </label>\n              )}\n              {this.handleSegment('selectedThemesFilters') && (\n                <label\n                  class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                  onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                >\n                  {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                </label>\n              )}\n              {this.handleSegment('selectedLocationFilters') && (\n                <label\n                  class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                  onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                >\n                  {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                </label>\n              )}\n            </div>\n            <div class=\"filters-segment-container\">\n              {this.selectedSegment === 'selectedActivitiesFilters' && (\n                <div class=\"segment-container\">\n                  {state['practices'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].practice} filterType=\"practices\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                    </div>\n                  )}\n                  {state['difficulties'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter\n                        filterName={translate[state.language].difficulty}\n                        filterType=\"difficulties\"\n                        filterNameProperty=\"label\"\n                        segment=\"selectedActivitiesFilters\"\n                      ></grw-filter>\n                    </div>\n                  )}\n                  {state['durations'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].duration} filterType=\"durations\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                    </div>\n                  )}\n                  {state['lengths'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                    </div>\n                  )}\n                  {state['elevations'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter\n                        filterName={translate[state.language].elevation}\n                        filterType=\"elevations\"\n                        filterNameProperty=\"name\"\n                        segment=\"selectedActivitiesFilters\"\n                      ></grw-filter>\n                    </div>\n                  )}\n                  {state['routes'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                    </div>\n                  )}\n                  {state['accessibilities'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter\n                        filterName={translate[state.language].accessibility}\n                        filterType=\"accessibilities\"\n                        filterNameProperty=\"name\"\n                        segment=\"selectedActivitiesFilters\"\n                      ></grw-filter>\n                    </div>\n                  )}\n                  {state['labels'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].activities} filterType=\"labels\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                    </div>\n                  )}\n                </div>\n              )}\n              {this.selectedSegment === 'selectedThemesFilters' && (\n                <div class=\"segment-container\">\n                  {state['themes'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].themes} filterType=\"themes\" filterNameProperty=\"label\" segment=\"selectedThemesFilters\"></grw-filter>\n                    </div>\n                  )}\n                </div>\n              )}\n              {this.selectedSegment === 'selectedLocationFilters' && (\n                <div class=\"segment-container\">\n                  {state['districts'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].districts} filterType=\"districts\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                    </div>\n                  )}\n                  {state['cities'].length > 0 && (\n                    <div class=\"filter-container\">\n                      <grw-filter filterName={translate[state.language].cities} filterType=\"cities\" filterNameProperty=\"name\" segment=\"selectedLocationFilters\"></grw-filter>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n          <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"grw-filters.js","sourceRoot":"","sources":["../../../src/components/grw-filters/grw-filters.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\nimport { treksFilters, handleTreksFiltersAndSearch, touristicContentsFilters, handleTouristicContentsFiltersAndSearch } from 'utils/utils';\n\n@Component({\n  tag: 'grw-filters',\n  styleUrl: 'grw-filters.scss',\n  shadow: true,\n})\nexport class GrwFilters {\n  @Event() resetFilter: EventEmitter;\n\n  @State() selectedSegment = 'selectedActivitiesFilters';\n\n  @Prop() handleFilters: Function;\n\n  handleEraseTreksFilters() {\n    treksFilters.forEach(filter => {\n      state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n    });\n    state.selectedActivitiesFilters = 0;\n    state.selectedThemesFilters = 0;\n    state.selectedLocationFilters = 0;\n    state.currentTreks = handleTreksFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkTreksFilters() {\n    this.handleFilters();\n  }\n\n  handleSelectedSegment(selectedSegment) {\n    this.selectedSegment = selectedSegment;\n  }\n\n  handleSegment(segment) {\n    if (state.mode === 'treks') {\n      return treksFilters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\n    } else if (state.mode === 'touristicContents') {\n      return touristicContentsFilters.filter(filter => filter.segment === segment).some(filter => state[filter.property] && state[filter.property].length > 0);\n    }\n  }\n\n  handleEraseTouristicContentsFilters() {\n    touristicContentsFilters.forEach(filter => {\n      state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n    });\n    state.selectedActivitiesFilters = 0;\n    state.selectedLocationFilters = 0;\n    state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n    this.resetFilter.emit();\n  }\n\n  handleOkTouristicContentsFilters() {\n    this.handleFilters();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"options-container\">\n          <div class=\"filters-container\">\n            {state.mode === 'treks' && (\n              <div class=\"filters-treks-container\">\n                <div class=\"filters-options-container\">\n                  {state.treksWithinBounds && (\n                    <div class=\"current-treks-within-bounds-length\">{`${state.treksWithinBounds.length} ${\n                      state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek\n                    }`}</div>\n                  )}\n                  <div class=\"filters-options-buttons-container\">\n                    <button class=\"filter-option-button\" onClick={() => this.handleEraseTreksFilters()}>\n                      {translate[state.language].erase}\n                    </button>\n                    <button class=\"filter-option-button\" onClick={() => this.handleOkTreksFilters()}>\n                      {translate[state.language].ok}\n                    </button>\n                  </div>\n                </div>\n                <div class=\"segmented-buttons-container\">\n                  {this.handleSegment('selectedActivitiesFilters') && (\n                    <label\n                      class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                      onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                    >\n                      {translate[state.language].activities} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                    </label>\n                  )}\n                  {this.handleSegment('selectedThemesFilters') && (\n                    <label\n                      class={`segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`}\n                      onClick={() => this.handleSelectedSegment('selectedThemesFilters')}\n                    >\n                      {translate[state.language].themes} {state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`}\n                    </label>\n                  )}\n                  {this.handleSegment('selectedLocationFilters') && (\n                    <label\n                      class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                      onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                    >\n                      {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                    </label>\n                  )}\n                </div>\n                <div class=\"filters-segment-container\">\n                  {this.selectedSegment === 'selectedActivitiesFilters' && (\n                    <div key=\"treks-activities-segment-container\" class=\"segment-container\">\n                      {state['practices'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].practice}\n                            filterType=\"practices\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['difficulties'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].difficulty}\n                            filterType=\"difficulties\"\n                            filterNameProperty=\"label\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['durations'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].duration}\n                            filterType=\"durations\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['lengths'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter filterName={translate[state.language].length} filterType=\"lengths\" filterNameProperty=\"name\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                        </div>\n                      )}\n                      {state['elevations'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].elevation}\n                            filterType=\"elevations\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['routes'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter filterName={translate[state.language].routes} filterType=\"routes\" filterNameProperty=\"route\" segment=\"selectedActivitiesFilters\"></grw-filter>\n                        </div>\n                      )}\n                      {state['accessibilities'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].accessibility}\n                            filterType=\"accessibilities\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['labels'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].activities}\n                            filterType=\"labels\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                    </div>\n                  )}\n                  {this.selectedSegment === 'selectedThemesFilters' && (\n                    <div key=\"treks-themes-segment-container\" class=\"segment-container\">\n                      {state['themes'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].themes}\n                            filterPlaceholder={translate[state.language].placeholderThemes}\n                            filterType=\"themes\"\n                            filterNameProperty=\"label\"\n                            segment=\"selectedThemesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                    </div>\n                  )}\n                  {this.selectedSegment === 'selectedLocationFilters' && (\n                    <div key=\"treks-location-segment-container\" class=\"segment-container\">\n                      {state['districts'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].districts}\n                            filterType=\"districts\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedLocationFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['cities'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].crossedCities}\n                            filterPlaceholder={translate[state.language].placeholderCrossedCities}\n                            filterType=\"cities\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedLocationFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n            {state.mode === 'touristicContents' && (\n              <div class=\"filters-touristic-contents-container\">\n                <div class=\"filters-options-container\">\n                  {state.touristicContentsWithinBounds && (\n                    <div class=\"current-treks-within-bounds-length\">{`${state.touristicContentsWithinBounds.length} ${\n                      state.touristicContentsWithinBounds.length > 1 ? translate[state.language].home.touristicContents : translate[state.language].home.touristicContent\n                    }`}</div>\n                  )}\n                  <div class=\"filters-options-buttons-container\">\n                    <button class=\"filter-option-button\" onClick={() => this.handleEraseTouristicContentsFilters()}>\n                      {translate[state.language].erase}\n                    </button>\n                    <button class=\"filter-option-button\" onClick={() => this.handleOkTouristicContentsFilters()}>\n                      {translate[state.language].ok}\n                    </button>\n                  </div>\n                </div>\n                <div class=\"segmented-buttons-container\">\n                  {this.handleSegment('selectedActivitiesFilters') && (\n                    <label\n                      class={`segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`}\n                      onClick={() => this.handleSelectedSegment('selectedActivitiesFilters')}\n                    >\n                      {translate[state.language].services} {state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`}\n                    </label>\n                  )}\n                  {this.handleSegment('selectedLocationFilters') && (\n                    <label\n                      class={`segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`}\n                      onClick={() => this.handleSelectedSegment('selectedLocationFilters')}\n                    >\n                      {translate[state.language].location} {state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`}\n                    </label>\n                  )}\n                </div>\n                <div class=\"filters-segment-container\">\n                  {this.selectedSegment === 'selectedActivitiesFilters' && (\n                    <div key=\"touristic-contents-activities-segment-container\" class=\"segment-container\">\n                      {state['touristicContentCategories'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].category}\n                            filterType=\"touristicContentCategories\"\n                            filterNameProperty=\"label\"\n                            segment=\"selectedActivitiesFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                    </div>\n                  )}\n                  {this.selectedSegment === 'selectedLocationFilters' && (\n                    <div key=\"touristic-contents-location-segment-container\" class=\"segment-container\">\n                      {state['districts'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].districts}\n                            filterType=\"districts\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedLocationFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                      {state['cities'].length > 0 && (\n                        <div class=\"filter-container\">\n                          <grw-filter\n                            filterName={translate[state.language].crossedCities}\n                            filterPlaceholder={translate[state.language].placeholderCrossedCities}\n                            filterType=\"cities\"\n                            filterNameProperty=\"name\"\n                            segment=\"selectedLocationFilters\"\n                          ></grw-filter>\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n          <div onClick={() => this.handleFilters()} class=\"back-filters-container\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/grw-map/grw-map.css

@@ -1211,7 +1211,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
   display: none;
 }
 
-.treks-marker-cluster-group-icon {
+.treks-marker-cluster-group-icon,
+.touristic-content-marker-cluster-group-icon {
   background-color: var(--color-primary-app);
   border-radius: 50%;
   display: flex;
@@ -1223,12 +1224,32 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 .trek-marker .trek-marker-container,
 .trek-marker .step-marker-container,
+.trek-marker .touristic-content-marker-container,
+.trek-marker .touristic-event-marker-container,
 .step-marker .trek-marker-container,
 .step-marker .step-marker-container,
+.step-marker .touristic-content-marker-container,
+.step-marker .touristic-event-marker-container,
+.touristic-content-marker .trek-marker-container,
+.touristic-content-marker .step-marker-container,
+.touristic-content-marker .touristic-content-marker-container,
+.touristic-content-marker .touristic-event-marker-container,
+.touristic-event-marker .trek-marker-container,
+.touristic-event-marker .step-marker-container,
+.touristic-event-marker .touristic-content-marker-container,
+.touristic-event-marker .touristic-event-marker-container,
 .selected-trek-marker .trek-marker-container,
 .selected-trek-marker .step-marker-container,
+.selected-trek-marker .touristic-content-marker-container,
+.selected-trek-marker .touristic-event-marker-container,
 .selected-step-marker .trek-marker-container,
-.selected-step-marker .step-marker-container {
+.selected-step-marker .step-marker-container,
+.selected-step-marker .touristic-content-marker-container,
+.selected-step-marker .touristic-event-marker-container,
+.selected-touristic-content-marker .trek-marker-container,
+.selected-touristic-content-marker .step-marker-container,
+.selected-touristic-content-marker .touristic-content-marker-container,
+.selected-touristic-content-marker .touristic-event-marker-container {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1242,18 +1263,58 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .trek-marker .trek-marker-container .step-number,
 .trek-marker .step-marker-container img,
 .trek-marker .step-marker-container .step-number,
+.trek-marker .touristic-content-marker-container img,
+.trek-marker .touristic-content-marker-container .step-number,
+.trek-marker .touristic-event-marker-container img,
+.trek-marker .touristic-event-marker-container .step-number,
 .step-marker .trek-marker-container img,
 .step-marker .trek-marker-container .step-number,
 .step-marker .step-marker-container img,
 .step-marker .step-marker-container .step-number,
+.step-marker .touristic-content-marker-container img,
+.step-marker .touristic-content-marker-container .step-number,
+.step-marker .touristic-event-marker-container img,
+.step-marker .touristic-event-marker-container .step-number,
+.touristic-content-marker .trek-marker-container img,
+.touristic-content-marker .trek-marker-container .step-number,
+.touristic-content-marker .step-marker-container img,
+.touristic-content-marker .step-marker-container .step-number,
+.touristic-content-marker .touristic-content-marker-container img,
+.touristic-content-marker .touristic-content-marker-container .step-number,
+.touristic-content-marker .touristic-event-marker-container img,
+.touristic-content-marker .touristic-event-marker-container .step-number,
+.touristic-event-marker .trek-marker-container img,
+.touristic-event-marker .trek-marker-container .step-number,
+.touristic-event-marker .step-marker-container img,
+.touristic-event-marker .step-marker-container .step-number,
+.touristic-event-marker .touristic-content-marker-container img,
+.touristic-event-marker .touristic-content-marker-container .step-number,
+.touristic-event-marker .touristic-event-marker-container img,
+.touristic-event-marker .touristic-event-marker-container .step-number,
 .selected-trek-marker .trek-marker-container img,
 .selected-trek-marker .trek-marker-container .step-number,
 .selected-trek-marker .step-marker-container img,
 .selected-trek-marker .step-marker-container .step-number,
+.selected-trek-marker .touristic-content-marker-container img,
+.selected-trek-marker .touristic-content-marker-container .step-number,
+.selected-trek-marker .touristic-event-marker-container img,
+.selected-trek-marker .touristic-event-marker-container .step-number,
 .selected-step-marker .trek-marker-container img,
 .selected-step-marker .trek-marker-container .step-number,
 .selected-step-marker .step-marker-container img,
-.selected-step-marker .step-marker-container .step-number {
+.selected-step-marker .step-marker-container .step-number,
+.selected-step-marker .touristic-content-marker-container img,
+.selected-step-marker .touristic-content-marker-container .step-number,
+.selected-step-marker .touristic-event-marker-container img,
+.selected-step-marker .touristic-event-marker-container .step-number,
+.selected-touristic-content-marker .trek-marker-container img,
+.selected-touristic-content-marker .trek-marker-container .step-number,
+.selected-touristic-content-marker .step-marker-container img,
+.selected-touristic-content-marker .step-marker-container .step-number,
+.selected-touristic-content-marker .touristic-content-marker-container img,
+.selected-touristic-content-marker .touristic-content-marker-container .step-number,
+.selected-touristic-content-marker .touristic-event-marker-container img,
+.selected-touristic-content-marker .touristic-event-marker-container .step-number {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1263,22 +1324,50 @@ svg.leaflet-image-layer.leaflet-interactive path {
   width: 24px !important;
 }
 .trek-marker .trek-marker-container,
+.trek-marker .touristic-content-marker-container,
+.trek-marker .touristic-event-marker-container,
 .step-marker .trek-marker-container,
+.step-marker .touristic-content-marker-container,
+.step-marker .touristic-event-marker-container,
+.touristic-content-marker .trek-marker-container,
+.touristic-content-marker .touristic-content-marker-container,
+.touristic-content-marker .touristic-event-marker-container,
+.touristic-event-marker .trek-marker-container,
+.touristic-event-marker .touristic-content-marker-container,
+.touristic-event-marker .touristic-event-marker-container,
 .selected-trek-marker .trek-marker-container,
-.selected-step-marker .trek-marker-container {
+.selected-trek-marker .touristic-content-marker-container,
+.selected-trek-marker .touristic-event-marker-container,
+.selected-step-marker .trek-marker-container,
+.selected-step-marker .touristic-content-marker-container,
+.selected-step-marker .touristic-event-marker-container,
+.selected-touristic-content-marker .trek-marker-container,
+.selected-touristic-content-marker .touristic-content-marker-container,
+.selected-touristic-content-marker .touristic-event-marker-container {
   background-color: var(--color-surface);
 }
 .trek-marker .step-marker-container,
 .step-marker .step-marker-container,
+.touristic-content-marker .step-marker-container,
+.touristic-event-marker .step-marker-container,
 .selected-trek-marker .step-marker-container,
-.selected-step-marker .step-marker-container {
+.selected-step-marker .step-marker-container,
+.selected-touristic-content-marker .step-marker-container {
   background-color: var(--color-surface-variant);
 }
 
 .selected-trek-marker .trek-marker-container,
 .selected-trek-marker .step-marker-container,
+.selected-trek-marker .touristic-content-marker-container,
+.selected-trek-marker .touristic-event-marker-container,
 .selected-step-marker .trek-marker-container,
-.selected-step-marker .step-marker-container {
+.selected-step-marker .step-marker-container,
+.selected-step-marker .touristic-content-marker-container,
+.selected-step-marker .touristic-event-marker-container,
+.selected-touristic-content-marker .trek-marker-container,
+.selected-touristic-content-marker .step-marker-container,
+.selected-touristic-content-marker .touristic-content-marker-container,
+.selected-touristic-content-marker .touristic-event-marker-container {
   width: 64px;
   height: 64px;
 }
@@ -1286,10 +1375,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .selected-trek-marker .trek-marker-container .step-number,
 .selected-trek-marker .step-marker-container img,
 .selected-trek-marker .step-marker-container .step-number,
+.selected-trek-marker .touristic-content-marker-container img,
+.selected-trek-marker .touristic-content-marker-container .step-number,
+.selected-trek-marker .touristic-event-marker-container img,
+.selected-trek-marker .touristic-event-marker-container .step-number,
 .selected-step-marker .trek-marker-container img,
 .selected-step-marker .trek-marker-container .step-number,
 .selected-step-marker .step-marker-container img,
-.selected-step-marker .step-marker-container .step-number {
+.selected-step-marker .step-marker-container .step-number,
+.selected-step-marker .touristic-content-marker-container img,
+.selected-step-marker .touristic-content-marker-container .step-number,
+.selected-step-marker .touristic-event-marker-container img,
+.selected-step-marker .touristic-event-marker-container .step-number,
+.selected-touristic-content-marker .trek-marker-container img,
+.selected-touristic-content-marker .trek-marker-container .step-number,
+.selected-touristic-content-marker .step-marker-container img,
+.selected-touristic-content-marker .step-marker-container .step-number,
+.selected-touristic-content-marker .touristic-content-marker-container img,
+.selected-touristic-content-marker .touristic-content-marker-container .step-number,
+.selected-touristic-content-marker .touristic-event-marker-container img,
+.selected-touristic-content-marker .touristic-event-marker-container .step-number {
   width: 48px !important;
 }
 
@@ -1332,22 +1437,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
   margin: 0;
 }
 
-.trek-departure-popup {
+.trek-departure-popup,
+.touristic-content-coordinates-popup {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.trek-departure-popup img {
+.trek-departure-popup img,
+.touristic-content-coordinates-popup img {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
-.trek-departure-popup .trek-name {
+.trek-departure-popup .trek-name,
+.trek-departure-popup .touristic-content-name,
+.touristic-content-coordinates-popup .trek-name,
+.touristic-content-coordinates-popup .touristic-content-name {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   padding: 8px;
 }
-.trek-departure-popup .trek-button {
+.trek-departure-popup .trek-button,
+.trek-departure-popup .touristic-content-button,
+.touristic-content-coordinates-popup .trek-button,
+.touristic-content-coordinates-popup .touristic-content-button {
   margin: 0px 8px 8px 8px;
   user-select: none;
   cursor: pointer;
@@ -1377,14 +1490,27 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .poi-tooltip .information-desks-name,
 .poi-tooltip .sensitive-area-name,
 .poi-tooltip .touristic-content-name,
+.poi-tooltip .touristic-event-name,
 .information-desks-tooltip .poi-name,
 .information-desks-tooltip .information-desks-name,
 .information-desks-tooltip .sensitive-area-name,
 .information-desks-tooltip .touristic-content-name,
+.information-desks-tooltip .touristic-event-name,
 .sensitive-area-tooltip .poi-name,
 .sensitive-area-tooltip .information-desks-name,
 .sensitive-area-tooltip .sensitive-area-name,
-.sensitive-area-tooltip .touristic-content-name {
+.sensitive-area-tooltip .touristic-content-name,
+.sensitive-area-tooltip .touristic-event-name,
+.touristic-content-tooltip .poi-name,
+.touristic-content-tooltip .information-desks-name,
+.touristic-content-tooltip .sensitive-area-name,
+.touristic-content-tooltip .touristic-content-name,
+.touristic-content-tooltip .touristic-event-name,
+.touristic-event-tooltip .poi-name,
+.touristic-event-tooltip .information-desks-name,
+.touristic-event-tooltip .sensitive-area-name,
+.touristic-event-tooltip .touristic-content-name,
+.touristic-event-tooltip .touristic-event-name {
   color: var(--color-primary-app);
   font-weight: 400;
   font-size: 16px;
@@ -1413,7 +1539,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 .poi-icon,
 .information-desks-icon,
-.touristic-content-icon {
+.touristic-content-icon,
+.touristic-event-icon {
   background-color: var(--color-poi-icon);
   border-radius: 50%;
   display: flex;
@@ -1422,7 +1549,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 .poi-icon img,
 .information-desks-icon img,
-.touristic-content-icon img {
+.touristic-content-icon img,
+.touristic-event-icon img {
   width: 36px !important;
 }