@geotrekce/geotrek-rando-widget 0.4.2 → 0.4.3

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

@@ -44,7 +44,7 @@ export class GrwFilters {
     this.handleFilters();
   }
   render() {
-    return (h(Host, null, h("div", { class: "options-container" }, h("div", { class: "filters-container" }, state.mode === 'treks' && (h("div", { class: "filters-treks-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "treks-activities-segment-container", class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { key: "treks-themes-segment-container", class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterPlaceholder: translate[state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "treks-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), state.mode === 'touristicContents' && (h("div", { class: "filters-touristic-contents-container" }, h("div", { class: "filters-options-container" }, state.touristicContentsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicContentsWithinBounds.length} ${state.touristicContentsWithinBounds.length > 1 ? translate[state.language].home.touristicContents : translate[state.language].home.touristicContent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].services, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, state['touristicContentCategories'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
+    return (h(Host, null, h("div", { class: "options-container" }, h("div", { class: "filters-container" }, state.mode === 'treks' && (h("div", { class: "filters-treks-container" }, h("div", { class: "filters-options-container" }, state.treksWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.treksWithinBounds.length} ${state.treksWithinBounds.length > 1 ? translate[state.language].treks : translate[state.language].trek}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTreksFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTreksFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].activities, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedThemesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedThemesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedThemesFilters') }, translate[state.language].themes, " ", state.selectedThemesFilters !== 0 && `(${state.selectedThemesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "treks-activities-segment-container", class: "segment-container" }, state['practices'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].practice, filterType: "practices", filterNameProperty: "name", segment: "selectedActivitiesFilters", filterPlaceholder: translate[state.language].placeholderPractices }))), state['difficulties'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].activities, filterType: "labels", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedThemesFilters' && (h("div", { key: "treks-themes-segment-container", class: "segment-container" }, state['themes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].themes, filterPlaceholder: translate[state.language].placeholderThemes, filterType: "themes", filterNameProperty: "label", segment: "selectedThemesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "treks-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), state.mode === 'touristicContents' && (h("div", { class: "filters-touristic-contents-container" }, h("div", { class: "filters-options-container" }, state.touristicContentsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicContentsWithinBounds.length} ${state.touristicContentsWithinBounds.length > 1 ? translate[state.language].home.touristicContents : translate[state.language].home.touristicContent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicContentsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicContentsFilters() }, translate[state.language].ok))), h("div", { class: "segmented-buttons-container" }, this.handleSegment('selectedActivitiesFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedActivitiesFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedActivitiesFilters') }, translate[state.language].services, " ", state.selectedActivitiesFilters !== 0 && `(${state.selectedActivitiesFilters})`)), this.handleSegment('selectedLocationFilters') && (h("label", { class: `segment${this.selectedSegment === 'selectedLocationFilters' ? ' selected-segment' : ''}`, onClick: () => this.handleSelectedSegment('selectedLocationFilters') }, translate[state.language].location, " ", state.selectedLocationFilters !== 0 && `(${state.selectedLocationFilters})`))), h("div", { class: "filters-segment-container" }, this.selectedSegment === 'selectedActivitiesFilters' && (h("div", { key: "touristic-contents-activities-segment-container", class: "segment-container" }, state['touristicContentCategories'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].category, filterType: "touristicContentCategories", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-contents-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" }))))))))), h("div", { onClick: () => this.handleFilters(), class: "back-filters-container" }))));
   }
   static get is() { return "grw-filters"; }
   static get encapsulation() { return "shadow"; }

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 { 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"]}
+{"version":3,"file":"grw-filters.js","sourceRoot":"","sources":["../../../src/components/grw-filters/grw-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,uCAAuC,EAAE,MAAM,aAAa,CAAC;AAO3I,MAAM,OAAO,UAAU;;2BAGM,2BAA2B;;;EAItD,uBAAuB;IACrB,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MAC5B,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,yBAAyB,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,qBAAqB,GAAG,CAAC,CAAC;IAChC,KAAK,CAAC,uBAAuB,GAAG,CAAC,CAAC;IAClC,KAAK,CAAC,YAAY,GAAG,2BAA2B,EAAE,CAAC;IACnD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;EAC1B,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,aAAa,EAAE,CAAC;EACvB,CAAC;EAED,qBAAqB,CAAC,eAAe;IACnC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;EACzC,CAAC;EAED,aAAa,CAAC,OAAO;IACnB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;MAC1B,OAAO,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;KAC9I;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAmB,EAAE;MAC7C,OAAO,wBAAwB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;KAC1J;EACH,CAAC;EAED,mCAAmC;IACjC,wBAAwB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MACxC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,yBAAyB,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,uBAAuB,GAAG,CAAC,CAAC;IAClC,KAAK,CAAC,wBAAwB,GAAG,uCAAuC,EAAE,CAAC;IAC3E,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;EAC1B,CAAC;EAED,gCAAgC;IAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;EACvB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,mBAAmB;QAC5B,WAAK,KAAK,EAAC,mBAAmB;UAC3B,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,CACzB,WAAK,KAAK,EAAC,yBAAyB;YAClC,WAAK,KAAK,EAAC,2BAA2B;cACnC,KAAK,CAAC,iBAAiB,IAAI,CAC1B,WAAK,KAAK,EAAC,oCAAoC,IAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,IAChF,KAAK,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IACnG,EAAE,CAAO,CACV;cACD,WAAK,KAAK,EAAC,mCAAmC;gBAC5C,cAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAC/E,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CACzB;gBACT,cAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAC5E,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CACtB,CACL,CACF;YACN,WAAK,KAAK,EAAC,6BAA6B;cACrC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,IAAI,CAClD,aACE,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,KAAK,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAClG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,2BAA2B,CAAC;gBAErE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU;;gBAAG,KAAK,CAAC,yBAAyB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,yBAAyB,GAAG,CACjH,CACT;cACA,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,IAAI,CAC9C,aACE,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,KAAK,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,uBAAuB,CAAC;gBAEjE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM;;gBAAG,KAAK,CAAC,qBAAqB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,qBAAqB,GAAG,CACrG,CACT;cACA,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAChD,aACE,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,KAAK,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAChG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,yBAAyB,CAAC;gBAEnE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ;;gBAAG,KAAK,CAAC,uBAAuB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,uBAAuB,GAAG,CAC3G,CACT,CACG;YACN,WAAK,KAAK,EAAC,2BAA2B;cACnC,IAAI,CAAC,eAAe,KAAK,2BAA2B,IAAI,CACvD,WAAK,GAAG,EAAC,oCAAoC,EAAC,KAAK,EAAC,mBAAmB;gBACpE,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAC9C,UAAU,EAAC,WAAW,EACtB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,2BAA2B,EACnC,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,oBAAoB,GACrD,CACV,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACnC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,EAChD,UAAU,EAAC,cAAc,EACzB,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP;gBACA,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAC9C,UAAU,EAAC,WAAW,EACtB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP;gBACA,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBAAY,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,UAAU,EAAC,SAAS,EAAC,kBAAkB,EAAC,MAAM,EAAC,OAAO,EAAC,2BAA2B,GAAc,CACtJ,CACP;gBACA,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,EAC/C,UAAU,EAAC,YAAY,EACvB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP;gBACA,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBAAY,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,UAAU,EAAC,QAAQ,EAAC,kBAAkB,EAAC,OAAO,EAAC,OAAO,EAAC,2BAA2B,GAAc,CACtJ,CACP;gBACA,KAAK,CAAC,iBAAiB,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,aAAa,EACnD,UAAU,EAAC,iBAAiB,EAC5B,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP;gBACA,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,EAChD,UAAU,EAAC,QAAQ,EACnB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP,CACG,CACP;cACA,IAAI,CAAC,eAAe,KAAK,uBAAuB,IAAI,CACnD,WAAK,GAAG,EAAC,gCAAgC,EAAC,KAAK,EAAC,mBAAmB,IAChE,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAC,kBAAkB;gBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,EAC5C,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAC9D,UAAU,EAAC,QAAQ,EACnB,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,uBAAuB,GACnB,CACV,CACP,CACG,CACP;cACA,IAAI,CAAC,eAAe,KAAK,yBAAyB,IAAI,CACrD,WAAK,GAAG,EAAC,kCAAkC,EAAC,KAAK,EAAC,mBAAmB;gBAClE,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,EAC/C,UAAU,EAAC,WAAW,EACtB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,yBAAyB,GACrB,CACV,CACP;gBACA,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,aAAa,EACnD,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,wBAAwB,EACrE,UAAU,EAAC,QAAQ,EACnB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,yBAAyB,GACrB,CACV,CACP,CACG,CACP,CACG,CACF,CACP;UACA,KAAK,CAAC,IAAI,KAAK,mBAAmB,IAAI,CACrC,WAAK,KAAK,EAAC,sCAAsC;YAC/C,WAAK,KAAK,EAAC,2BAA2B;cACnC,KAAK,CAAC,6BAA6B,IAAI,CACtC,WAAK,KAAK,EAAC,oCAAoC,IAAE,GAAG,KAAK,CAAC,6BAA6B,CAAC,MAAM,IAC5F,KAAK,CAAC,6BAA6B,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,gBACrI,EAAE,CAAO,CACV;cACD,WAAK,KAAK,EAAC,mCAAmC;gBAC5C,cAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mCAAmC,EAAE,IAC3F,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CACzB;gBACT,cAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gCAAgC,EAAE,IACxF,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CACtB,CACL,CACF;YACN,WAAK,KAAK,EAAC,6BAA6B;cACrC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,IAAI,CAClD,aACE,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,KAAK,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAClG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,2BAA2B,CAAC;gBAErE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ;;gBAAG,KAAK,CAAC,yBAAyB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,yBAAyB,GAAG,CAC/G,CACT;cACA,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAChD,aACE,KAAK,EAAE,UAAU,IAAI,CAAC,eAAe,KAAK,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAChG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,yBAAyB,CAAC;gBAEnE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ;;gBAAG,KAAK,CAAC,uBAAuB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,uBAAuB,GAAG,CAC3G,CACT,CACG;YACN,WAAK,KAAK,EAAC,2BAA2B;cACnC,IAAI,CAAC,eAAe,KAAK,2BAA2B,IAAI,CACvD,WAAK,GAAG,EAAC,iDAAiD,EAAC,KAAK,EAAC,mBAAmB,IACjF,KAAK,CAAC,4BAA4B,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACjD,WAAK,KAAK,EAAC,kBAAkB;gBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAC9C,UAAU,EAAC,4BAA4B,EACvC,kBAAkB,EAAC,OAAO,EAC1B,OAAO,EAAC,2BAA2B,GACvB,CACV,CACP,CACG,CACP;cACA,IAAI,CAAC,eAAe,KAAK,yBAAyB,IAAI,CACrD,WAAK,GAAG,EAAC,+CAA+C,EAAC,KAAK,EAAC,mBAAmB;gBAC/E,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,EAC/C,UAAU,EAAC,WAAW,EACtB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,yBAAyB,GACrB,CACV,CACP;gBACA,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAC,kBAAkB;kBAC3B,kBACE,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,aAAa,EACnD,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,wBAAwB,EACrE,UAAU,EAAC,QAAQ,EACnB,kBAAkB,EAAC,MAAM,EACzB,OAAO,EAAC,yBAAyB,GACrB,CACV,CACP,CACG,CACP,CACG,CACF,CACP,CACG;QACN,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAC,wBAAwB,GAAO,CAC3E,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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                            filterPlaceholder={translate[state.language].placeholderPractices}\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.js

@@ -176,7 +176,7 @@ export class GrwMap {
         this.removeTrek();
         this.removeTouristicContent();
         this.removeTouristicEvent();
-        this.addTreks();
+        this.addTreks(true);
       }
     });
     onChange('currentTrek', () => {
@@ -231,17 +231,21 @@ export class GrwMap {
       }
       else if (state.currentTouristicContents) {
         this.removeTouristicContent();
-        this.addTouristicContents();
+        this.addTouristicContents(true);
       }
     });
     onChange('mode', () => {
       if (state.mode === 'treks') {
-        this.removeTouristicContents();
-        this.addTreks();
+        if (state.treks) {
+          this.removeTouristicContents();
+          this.addTreks(true);
+        }
       }
       else if (state.mode === 'touristicContents') {
-        this.removeTreks();
-        this.addTouristicContents();
+        if (state.touristicContents) {
+          this.removeTreks();
+          this.addTouristicContents(true);
+        }
       }
     });
   }
@@ -254,7 +258,7 @@ export class GrwMap {
     }
     this.handleLayersControlEvent();
   }
-  addTreks() {
+  addTreks(resetBounds = false) {
     var _a;
     state.treksWithinBounds = state.currentTreks;
     const treksCurrentDepartureCoordinates = [];
@@ -278,7 +282,7 @@ export class GrwMap {
       }
     }
     if (!this.treksLayer) {
-      if (treksCurrentDepartureCoordinates.length > 0 && !state.currentMapBounds) {
+      if ((treksCurrentDepartureCoordinates.length > 0 && !state.currentMapBounds) || resetBounds) {
         this.bounds = L.latLngBounds(treksCurrentDepartureCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {
@@ -1042,22 +1046,14 @@ export class GrwMap {
       this.currentToutisticContentLayer = null;
     }
   }
-  addTouristicContents() {
-    state.touristicContentsWithinBounds = state.touristicContents;
+  addTouristicContents(resetBounds = false) {
+    state.touristicContentsWithinBounds = state.currentTouristicContents;
     const touristicContentsCurrentCoordinates = [];
     const touristicContentsFeatureCollection = {
       type: 'FeatureCollection',
       features: [],
     };
-    if (state.touristicContents) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) {
-        this.bounds = L.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
-      }
-      else {
-        if (state.currentMapBounds) {
-          this.bounds = state.currentMapBounds;
-        }
-      }
+    if (state.currentTouristicContents) {
       for (const currentTouristicContent of state.currentTouristicContents) {
         touristicContentsCurrentCoordinates.push(currentTouristicContent.geometry.coordinates);
         touristicContentsFeatureCollection.features.push({
@@ -1072,7 +1068,7 @@ export class GrwMap {
       }
     }
     if (!this.toutisticContentsLayer) {
-      if (touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) {
+      if ((touristicContentsCurrentCoordinates.length > 0 && !state.currentMapBounds) || resetBounds) {
         this.bounds = L.latLngBounds(touristicContentsCurrentCoordinates.map(coordinate => [coordinate[1], coordinate[0]]));
       }
       else {