npm - @geotrekce/geotrek-rando-widget - Versions diffs - 0.4.7 → 0.5.1 - Mend

@geotrekce/geotrek-rando-widget 0.4.7 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (401) hide show

package/dist/collection/components/grw-filter/grw-filter.css CHANGED Viewed

@@ -8,10 +8,6 @@
   font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
 }
-:host {
-  font-family: "Roboto";
-}
 .filter-name {
   margin-left: 8px;
   color: var(--color-on-surface);
@@ -19,6 +15,7 @@
   letter-spacing: 0px;
   font-size: 24px;
   font-weight: 400;
+  font-family: var(--font-family);
 }
 .filter-button-container {
@@ -36,10 +33,11 @@
   font-weight: 500;
   margin: 8px 0px 0px 8px;
   padding: 8px 0px;
+  font-family: var(--font-family);
 }
 .filter-button-container .choices .choices__inner {
   border: 1px solid var(--color-outline);
-  border-radius: 8px;
+  border-radius: var(--border-radius, 8px);
   box-shadow: var(--elevation-1);
   -webkit-tap-highlight-color: transparent;
   line-height: 20px;
@@ -48,7 +46,6 @@
 .filter-button-container .choices .choices__input,
 .filter-button-container .choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
 .filter-button-container .choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
-  color: var(--color-on-surface-variant);
   background-color: transparent;
 }
 .filter-button-container .choices .choices__list--multiple .choices__item {
@@ -57,25 +54,27 @@
   font-size: 14px;
   margin-right: 8px;
   border: 1px solid var(--color-outline);
-  border-radius: 8px;
+  border-radius: var(--border-radius, 8px);
   box-shadow: var(--elevation-1);
   -webkit-tap-highlight-color: transparent;
   line-height: 20px;
 }
 .filter-button-container .choices .choices__button {
-  background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z"/><path d="M0 18.364L18.364 0l2.548 2.548L2.548 20.912z"/></g></svg>');
+  --choices-button-url: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><g fill="' + var(--color-on-secondary-container) + '" fill-rule="evenodd"><path d="M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z"/><path d="M0 18.364L18.364 0l2.548 2.548L2.548 20.912z"/></g></svg>')
+  background-image: var(--choices-button-url);
   color: var(--color-on-secondary-container);
   border-left: 1px solid var(--color-outline);
 }
 .filter-button-container .choices .choices__list--dropdown,
 .filter-button-container .choices .choices__list[aria-expanded] {
   width: 100%;
-  color: var(--color-on-secondary-container);
-  background-color: var(--color-secondary-container);
+  color: var(--color-secondary-container);
+  background-color: var(--color-on-secondary-container);
   border: 1px solid var(--color-outline);
 }
 .filter-button-container .choices .choices__input {
   width: 100%;
+  font-family: var(--font-family);
 }
 .filter-button-container .filter-button,
 .filter-button-container .selected-filter-button {
@@ -91,12 +90,13 @@
   justify-content: center;
   box-shadow: var(--elevation-1);
   border: 1px solid var(--color-outline);
-  border-radius: 8px;
+  border-radius: var(--border-radius, 8px);
   -webkit-tap-highlight-color: transparent;
   line-height: 20px;
   transition: box-shadow 0.2s ease-in-out 0s;
   min-width: 100px;
   white-space: nowrap;
+  font-family: var(--font-family);
 }
 .filter-button-container .filter-button:hover,
 .filter-button-container .selected-filter-button:hover {

package/dist/collection/components/grw-filter/grw-filter.css.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-filter/grw-filter.css.gz CHANGED Viewed

Binary file

package/dist/collection/components/grw-filter/grw-filter.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { treksFilters, handleTreksFiltersAndSearch, touristicContentsFilters, ha
 import 'choices.js/public/assets/scripts/choices.min.js';
 export class GrwFilter {
   constructor() {
+    this.fontFamily = 'Roboto';
     this.filterType = undefined;
     this.filterName = undefined;
     this.filterPlaceholder = '';
@@ -82,7 +83,9 @@ export class GrwFilter {
     }
   }
   render() {
-    return (h(Host, { ref: el => (this.filterRef = el) }, h("div", { class: "filter-name display-large" }, this.filterName), h("div", { class: "filter-button-container" }, state[this.filterType].length > 9 ? (h("select", { multiple: true, ref: el => (this.choicesRef = el) })) : (state[this.filterType].map(currentFilter => (h("button", { onClick: event => this.handleFilter(event, currentFilter), class: currentFilter.selected ? 'selected-filter-button' : 'filter-button' }, currentFilter.selected && (h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "check")), currentFilter[this.filterNameProperty])))))));
+    return (h(Host, { ref: el => (this.filterRef = el), style: {
+        '--font-family': this.fontFamily,
+      } }, h("div", { class: "filter-name display-large" }, this.filterName), h("div", { class: "filter-button-container" }, state[this.filterType].length > 9 ? (h("select", { multiple: true, ref: el => (this.choicesRef = el) })) : (state[this.filterType].map(currentFilter => (h("button", { onClick: event => this.handleFilter(event, currentFilter), class: currentFilter.selected ? 'selected-filter-button' : 'filter-button' }, currentFilter.selected && (h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "check")), currentFilter[this.filterNameProperty])))))));
   }
   static get is() { return "grw-filter"; }
   static get encapsulation() { return "shadow"; }
@@ -98,6 +101,24 @@ export class GrwFilter {
   }
   static get properties() {
     return {
+      "fontFamily": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "font-family",
+        "reflect": false,
+        "defaultValue": "'Roboto'"
+      },
       "filterType": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/grw-filter/grw-filter.js.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-filter/grw-filter.js.gz CHANGED Viewed

Binary file

package/dist/collection/components/grw-filter/grw-filter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grw-filter.js","sourceRoot":"","sources":["../../../src/components/grw-filter/grw-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EACL,YAAY,EACZ,2BAA2B,EAC3B,wBAAwB,EACxB,uCAAuC,EACvC,sBAAsB,EACtB,qCAAqC,GACtC,MAAM,aAAa,CAAC;AACrB,OAAO,iDAAiD,CAAC;AAOzD,MAAM,OAAO,SAAS~~;;;;6BAQgB~~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~~IAAC~~,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;~~MACpC~~,WAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,UAAU,CAAO;MAC9D,WAAK,KAAK,EAAC,yBAAyB,IACjC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnC,cAAQ,QAAQ,QAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,GAAW,CAC9D,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAC1C,cAAQ,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,eAAe;QAE1I,aAAa,CAAC,QAAQ,IAAI,CAAC,YAAM,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,4CAA4C,YAE7F,CACR;QACA,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAChC,CACV,CAAC,CACH,CACG,CACD,CACR,CAAC;EACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, h, Prop, Listen, forceUpdate, Element } from '@stencil/core';\nimport state from 'store/store';\nimport {\n treksFilters,\n handleTreksFiltersAndSearch,\n touristicContentsFilters,\n handleTouristicContentsFiltersAndSearch,\n touristicEventsFilters,\n handleTouristicEventsFiltersAndSearch,\n} from 'utils/utils';\nimport 'choices.js/public/assets/scripts/choices.min.js';\n\n@Component({\n tag: 'grw-filter',\n styleUrl: 'grw-filter.scss',\n shadow: true,\n})\nexport class GrwFilter {\n @Element() el: HTMLElement;\n filterRef: HTMLElement;\n choicesRef: HTMLElement;\n choices: any;\n\n @Prop() filterType: string;\n @Prop() filterName: string;\n @Prop() filterPlaceholder: string = '';\n @Prop() filterNameProperty: string;\n @Prop() segment: string;\n\n @Listen('resetFilter', { target: 'window' })\n onResetFilter() {\n this.resetFilter();\n }\n\n handleFilter(_event: MouseEvent, filterToHandle: any) {\n const filterFromState = [...state[this.filterType]];\n filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id).selected = !filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id)\n .selected;\n state[this.filterType] = filterFromState;\n\n state[this.segment] = 0;\n\n if (state.mode === 'treks') {\n treksFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTreks = handleTreksFiltersAndSearch();\n } else if (state.mode === 'touristicContents') {\n touristicContentsFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n } else if (state.mode === 'touristicEvents') {\n touristicEventsFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n }\n }\n\n resetFilter() {\n if (this.choices) {\n this.choices.removeActiveItems();\n }\n forceUpdate(this.filterRef);\n }\n\n componentDidLoad() {\n if (this.choicesRef) {\n // @ts-ignore\n this.choices = new Choices(this.choicesRef, {\n removeItemButton: true,\n choices: state[this.filterType].map(currentFilter => {\n return { value: currentFilter.id, label: currentFilter[this.filterNameProperty], selected: currentFilter.selected };\n }),\n placeholder: true,\n placeholderValue: this.filterPlaceholder,\n noResultsText: '',\n noChoicesText: '',\n itemSelectText: '',\n });\n\n const choices = this.el.shadowRoot.querySelector('.choices');\n choices.addEventListener(\n 'click',\n event => {\n event.stopPropagation();\n const dropdown = this.el.shadowRoot.querySelector('.choices__list.choices__list--dropdown');\n if (!dropdown.classList.contains('is-active')) {\n const choices = this.el.shadowRoot.querySelector('.choices');\n choices.classList.add('is-focused');\n choices.classList.add('is-open');\n dropdown.classList.add('is-active');\n dropdown.setAttribute('aria-expanded', 'true');\n }\n },\n false,\n );\n choices.addEventListener(\n 'change',\n event => {\n this.handleFilter(\n null,\n state[this.filterType].find(currentFilter => currentFilter.id === (event as any).detail.value),\n );\n },\n false,\n );\n }\n }\n\n render() {\n return (\n <Host ref={el => (this.filterRef = el)}>\n <div class=\"filter-name display-large\">{this.filterName}</div>\n <div class=\"filter-button-container\">\n {state[this.filterType].length > 9 ? (\n <select multiple ref={el => (this.choicesRef = el)}></select>\n ) : (\n state[this.filterType].map(currentFilter => (\n <button onClick={event => this.handleFilter(event, currentFilter)} class={currentFilter.selected ? 'selected-filter-button' : 'filter-button'}>\n {/* @ts-ignore */}\n {currentFilter.selected && (<span translate={false} class=\"material-symbols material-symbols-outlined\">\n check\n </span>\n )}\n {currentFilter[this.filterNameProperty]}\n </button>\n ))\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"grw-filter.js","sourceRoot":"","sources":["../../../src/components/grw-filter/grw-filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Listen, forceUpdate, Element } from '@stencil/core';\nimport state from 'store/store';\nimport {\n treksFilters,\n handleTreksFiltersAndSearch,\n touristicContentsFilters,\n handleTouristicContentsFiltersAndSearch,\n touristicEventsFilters,\n handleTouristicEventsFiltersAndSearch,\n} from 'utils/utils';\nimport 'choices.js/public/assets/scripts/choices.min.js';\n\n@Component({\n tag: 'grw-filter',\n styleUrl: 'grw-filter.scss',\n shadow: true,\n})\nexport class GrwFilter {\n @Element() el: HTMLElement;\n filterRef: HTMLElement;\n choicesRef: HTMLElement;\n choices: any;\n\n @Prop() fontFamily = 'Roboto';\n\n @Prop() filterType: string;\n @Prop() filterName: string;\n @Prop() filterPlaceholder: string = '';\n @Prop() filterNameProperty: string;\n @Prop() segment: string;\n\n @Listen('resetFilter', { target: 'window' })\n onResetFilter() {\n this.resetFilter();\n }\n\n handleFilter(_event: MouseEvent, filterToHandle: any) {\n const filterFromState = [...state[this.filterType]];\n filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id).selected = !filterFromState.find(currentFilter => currentFilter.id === filterToHandle.id)\n .selected;\n state[this.filterType] = filterFromState;\n\n state[this.segment] = 0;\n\n if (state.mode === 'treks') {\n treksFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTreks = handleTreksFiltersAndSearch();\n } else if (state.mode === 'touristicContents') {\n touristicContentsFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTouristicContents = handleTouristicContentsFiltersAndSearch();\n } else if (state.mode === 'touristicEvents') {\n touristicEventsFilters\n .filter(filter => filter.segment === this.segment)\n .forEach(filter => {\n state[this.segment] += state[filter.property].filter(filter => filter.selected).length;\n });\n\n state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n }\n }\n\n resetFilter() {\n if (this.choices) {\n this.choices.removeActiveItems();\n }\n forceUpdate(this.filterRef);\n }\n\n componentDidLoad() {\n if (this.choicesRef) {\n // @ts-ignore\n this.choices = new Choices(this.choicesRef, {\n removeItemButton: true,\n choices: state[this.filterType].map(currentFilter => {\n return { value: currentFilter.id, label: currentFilter[this.filterNameProperty], selected: currentFilter.selected };\n }),\n placeholder: true,\n placeholderValue: this.filterPlaceholder,\n noResultsText: '',\n noChoicesText: '',\n itemSelectText: '',\n });\n\n const choices = this.el.shadowRoot.querySelector('.choices');\n choices.addEventListener(\n 'click',\n event => {\n event.stopPropagation();\n const dropdown = this.el.shadowRoot.querySelector('.choices__list.choices__list--dropdown');\n if (!dropdown.classList.contains('is-active')) {\n const choices = this.el.shadowRoot.querySelector('.choices');\n choices.classList.add('is-focused');\n choices.classList.add('is-open');\n dropdown.classList.add('is-active');\n dropdown.setAttribute('aria-expanded', 'true');\n }\n },\n false,\n );\n choices.addEventListener(\n 'change',\n event => {\n this.handleFilter(\n null,\n state[this.filterType].find(currentFilter => currentFilter.id === (event as any).detail.value),\n );\n },\n false,\n );\n }\n }\n\n render() {\n return (\n <Host\n ref={el => (this.filterRef = el)}\n style={{\n '--font-family': this.fontFamily,\n }}\n >\n <div class=\"filter-name display-large\">{this.filterName}</div>\n <div class=\"filter-button-container\">\n {state[this.filterType].length > 9 ? (\n <select multiple ref={el => (this.choicesRef = el)}></select>\n ) : (\n state[this.filterType].map(currentFilter => (\n <button onClick={event => this.handleFilter(event, currentFilter)} class={currentFilter.selected ? 'selected-filter-button' : 'filter-button'}>\n {/* @ts-ignore */}\n {currentFilter.selected && (<span translate={false} class=\"material-symbols material-symbols-outlined\">\n check\n </span>\n )}\n {currentFilter[this.filterNameProperty]}\n </button>\n ))\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/grw-filters/grw-filters.css CHANGED Viewed

@@ -25,7 +25,7 @@
   height: 40px;
   margin: 16px;
   border: 1px solid var(--color-outline);
-  border-radius: 20px;
+  border-radius: var(--border-radius, 20px);
   line-height: 20px;
 }
 .filters-container .segmented-buttons-container .segment {
@@ -43,21 +43,22 @@
   justify-content: center;
   width: 100%;
   height: 100%;
+  font-family: var(--font-family);
 }
 .filters-container .segmented-buttons-container .segment:first-child {
-  border-top-left-radius: 20px;
-  border-bottom-left-radius: 20px;
+  border-top-left-radius: var(--border-radius, 20px);
+  border-bottom-left-radius: var(--border-radius, 20px);
 }
 .filters-container .segmented-buttons-container .segment:not(:last-child) {
   border-right: 1px solid var(--color-outline);
 }
 .filters-container .segmented-buttons-container .segment:last-child {
-  border-top-right-radius: 20px;
-  border-bottom-right-radius: 20px;
+  border-top-right-radius: var(--border-radius, 20px);
+  border-bottom-right-radius: var(--border-radius, 20px);
 }
 .filters-container .segmented-buttons-container .selected-segment {
-  color: var(--color-on-secondary-container);
-  background-color: var(--color-secondary-container);
+  color: var(--color-on-primary-container);
+  background-color: var(--color-primary-container);
 }
 .filters-segment-container {
@@ -104,8 +105,9 @@
   border: none;
   -webkit-tap-highlight-color: transparent;
   line-height: 20px;
-  color: var(--color-primary);
+  color: var(--color-primary-container);
   background-color: transparent;
+  font-family: var(--font-family);
 }
 .segment-container {
@@ -121,4 +123,9 @@
 }
 .filter-container:last-child {
   margin-bottom: 16px;
+}
+.current-treks-within-bounds-length {
+  color: var(--color-on-surface-variant);
+  font-family: var(--font-family);
 }

package/dist/collection/components/grw-filters/grw-filters.css.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-filters/grw-filters.css.gz CHANGED Viewed

Binary file

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

@@ -6,6 +6,7 @@ export class GrwFilters {
   constructor() {
     this.selectedSegment = 'selectedActivitiesFilters';
     this.handleFilters = undefined;
+    this.fontFamily = 'Roboto';
   }
   handleEraseTreksFilters() {
     treksFilters.forEach(filter => {
@@ -59,7 +60,9 @@ 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", 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" })))))))), state.mode === 'touristicEvents' && (h("div", { class: "filters-touristic-events-container" }, h("div", { class: "filters-options-container" }, state.touristicEventsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicEventsWithinBounds.length} ${state.touristicEventsWithinBounds.length > 1 ? translate[state.language].home.touristicEvents : translate[state.language].home.touristicEvent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicEventsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicEventsFilters() }, 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['touristicEventTypes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { filterName: translate[state.language].type, filterPlaceholder: translate[state.language].placeholderType, filterType: "touristicEventTypes", filterNameProperty: "type", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-events-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, { style: {
+        '--font-family': this.fontFamily,
+      } }, 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", { fontFamily: this.fontFamily, 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", { fontFamily: this.fontFamily, filterName: translate[state.language].difficulty, filterType: "difficulties", filterNameProperty: "label", segment: "selectedActivitiesFilters" }))), state['durations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].duration, filterType: "durations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['lengths'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].length, filterType: "lengths", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['elevations'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].elevation, filterType: "elevations", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['routes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].routes, filterType: "routes", filterNameProperty: "route", segment: "selectedActivitiesFilters" }))), state['accessibilities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].accessibility, filterType: "accessibilities", filterNameProperty: "name", segment: "selectedActivitiesFilters" }))), state['labels'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, 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", { fontFamily: this.fontFamily, 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", { fontFamily: this.fontFamily, filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, 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", { fontFamily: this.fontFamily, 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", { fontFamily: this.fontFamily, filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].crossedCities, filterPlaceholder: translate[state.language].placeholderCrossedCities, filterType: "cities", filterNameProperty: "name", segment: "selectedLocationFilters" })))))))), state.mode === 'touristicEvents' && (h("div", { class: "filters-touristic-events-container" }, h("div", { class: "filters-options-container" }, state.touristicEventsWithinBounds && (h("div", { class: "current-treks-within-bounds-length" }, `${state.touristicEventsWithinBounds.length} ${state.touristicEventsWithinBounds.length > 1 ? translate[state.language].home.touristicEvents : translate[state.language].home.touristicEvent}`)), h("div", { class: "filters-options-buttons-container" }, h("button", { class: "filter-option-button", onClick: () => this.handleEraseTouristicEventsFilters() }, translate[state.language].erase), h("button", { class: "filter-option-button", onClick: () => this.handleOkTouristicEventsFilters() }, 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['touristicEventTypes'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].type, filterPlaceholder: translate[state.language].placeholderType, filterType: "touristicEventTypes", filterNameProperty: "type", segment: "selectedActivitiesFilters" }))))), this.selectedSegment === 'selectedLocationFilters' && (h("div", { key: "touristic-events-location-segment-container", class: "segment-container" }, state['districts'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, filterName: translate[state.language].districts, filterType: "districts", filterNameProperty: "name", segment: "selectedLocationFilters" }))), state['cities'].length > 0 && (h("div", { class: "filter-container" }, h("grw-filter", { fontFamily: this.fontFamily, 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"; }
@@ -93,6 +96,24 @@ export class GrwFilters {
           "tags": [],
           "text": ""
         }
+      },
+      "fontFamily": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "font-family",
+        "reflect": false,
+        "defaultValue": "'Roboto'"
       }
     };
   }

package/dist/collection/components/grw-filters/grw-filters.js.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-filters/grw-filters.js.gz CHANGED Viewed

Binary file

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

	@@ -1 +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 {\n treksFilters,\n handleTreksFiltersAndSearch,\n touristicContentsFilters,\n handleTouristicContentsFiltersAndSearch,\n handleTouristicEventsFiltersAndSearch,\n touristicEventsFilters,\n} 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 } else if (state.mode === 'touristicEvents') {\n return touristicEventsFilters.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 handleEraseTouristicEventsFilters() {\n touristicEventsFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n this.resetFilter.emit();\n }\n\n handleOkTouristicEventsFilters() {\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 {state.mode === 'touristicEvents' && (\n <div class=\"filters-touristic-events-container\">\n <div class=\"filters-options-container\">\n {state.touristicEventsWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.touristicEventsWithinBounds.length} ${\n state.touristicEventsWithinBounds.length > 1 ? translate[state.language].home.touristicEvents : translate[state.language].home.touristicEvent\n }`}</div>\n )}\n <div class=\"filters-options-buttons-container\">\n <button class=\"filter-option-button\" onClick={() => this.handleEraseTouristicEventsFilters()}>\n {translate[state.language].erase}\n </button>\n <button class=\"filter-option-button\" onClick={() => this.handleOkTouristicEventsFilters()}>\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['touristicEventTypes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n filterName={translate[state.language].type}\n filterPlaceholder={translate[state.language].placeholderType}\n filterType=\"touristicEventTypes\"\n filterNameProperty=\"type\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedLocationFilters' && (\n <div key=\"touristic-events-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"]}
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 {\n treksFilters,\n handleTreksFiltersAndSearch,\n touristicContentsFilters,\n handleTouristicContentsFiltersAndSearch,\n handleTouristicEventsFiltersAndSearch,\n touristicEventsFilters,\n} 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 @Prop() fontFamily = 'Roboto';\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 } else if (state.mode === 'touristicEvents') {\n return touristicEventsFilters.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 handleEraseTouristicEventsFilters() {\n touristicEventsFilters.forEach(filter => {\n state[filter.property].forEach(currentFilter => (currentFilter.selected = false));\n });\n state.selectedActivitiesFilters = 0;\n state.selectedLocationFilters = 0;\n state.currentTouristicEvents = handleTouristicEventsFiltersAndSearch();\n this.resetFilter.emit();\n }\n\n handleOkTouristicEventsFilters() {\n this.handleFilters();\n }\n\n render() {\n return (\n <Host\n style={{\n '--font-family': this.fontFamily,\n }}\n >\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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\n fontFamily={this.fontFamily}\n filterName={translate[state.language].length}\n filterType=\"lengths\"\n filterNameProperty=\"name\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['elevations'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n fontFamily={this.fontFamily}\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\n fontFamily={this.fontFamily}\n filterName={translate[state.language].routes}\n filterType=\"routes\"\n filterNameProperty=\"route\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n {state['accessibilities'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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 === 'touristicEvents' && (\n <div class=\"filters-touristic-events-container\">\n <div class=\"filters-options-container\">\n {state.touristicEventsWithinBounds && (\n <div class=\"current-treks-within-bounds-length\">{`${state.touristicEventsWithinBounds.length} ${\n state.touristicEventsWithinBounds.length > 1 ? translate[state.language].home.touristicEvents : translate[state.language].home.touristicEvent\n }`}</div>\n )}\n <div class=\"filters-options-buttons-container\">\n <button class=\"filter-option-button\" onClick={() => this.handleEraseTouristicEventsFilters()}>\n {translate[state.language].erase}\n </button>\n <button class=\"filter-option-button\" onClick={() => this.handleOkTouristicEventsFilters()}>\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['touristicEventTypes'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n fontFamily={this.fontFamily}\n filterName={translate[state.language].type}\n filterPlaceholder={translate[state.language].placeholderType}\n filterType=\"touristicEventTypes\"\n filterNameProperty=\"type\"\n segment=\"selectedActivitiesFilters\"\n ></grw-filter>\n </div>\n )}\n </div>\n )}\n {this.selectedSegment === 'selectedLocationFilters' && (\n <div key=\"touristic-events-location-segment-container\" class=\"segment-container\">\n {state['districts'].length > 0 && (\n <div class=\"filter-container\">\n <grw-filter\n fontFamily={this.fontFamily}\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 fontFamily={this.fontFamily}\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-information-desk/grw-information-desk.css CHANGED Viewed

@@ -11,7 +11,7 @@
   flex-direction: column;
   overflow: hidden;
   border: 1px solid gray;
-  border-radius: 12px;
+  border-radius: var(--border-radius, 12px);
   background-color: var(--color-surface-container-low);
   color: var(--color-on-surface);
 }
@@ -79,8 +79,8 @@
   cursor: pointer;
   background-color: var(--color-primary-container);
   color: var(--color-on-primary-container);
-  border-radius: 8px;
-  padding: 8px 16px;
+  border-radius: var(--border-radius, 8px);
+  padding: 4px 8px;
   box-shadow: var(--elevation-1);
   height: 32px;
   gap: 8px;

package/dist/collection/components/grw-information-desk/grw-information-desk.css.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-information-desk/grw-information-desk.css.gz CHANGED Viewed

Binary file

package/dist/collection/components/grw-information-desk/grw-information-desk.js CHANGED Viewed

@@ -1,9 +1,15 @@
 import { Host, h } from '@stencil/core';
+import state from 'store/store';
+import { translate } from 'i18n/i18n';
 export class GrwInformationDeskDetail {
   constructor() {
     this.displayShortDescription = true;
+    this.showInformationDeskDescriptionButton = false;
     this.informationDesk = undefined;
   }
+  componentDidLoad() {
+    this.showInformationDeskDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;
+  }
   handleInformationDeskDescription() {
     this.displayShortDescription = !this.displayShortDescription;
   }
@@ -11,7 +17,10 @@ export class GrwInformationDeskDetail {
     this.centerOnMap.emit({ latitude: this.informationDesk.latitude, longitude: this.informationDesk.longitude });
   }
   render() {
-    return (h(Host, null, this.informationDesk.photo_url && (h("div", { class: "information-desk-img" }, h("img", { src: this.informationDesk.photo_url, loading: "lazy" }))), h("div", { class: "information-desk-sub-container" }, this.informationDesk.name && h("div", { class: "information-desk-name" }, this.informationDesk.name), this.informationDesk.latitude && this.informationDesk.longitude && (h("button", { class: "center-on-map-button", onClick: () => this.handleCenterOnMap() }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "location_searching"), "Centrer sur la carte")), (this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (h("div", null, this.informationDesk.postal_code && this.informationDesk.postal_code, this.informationDesk.municipality && ` ${this.informationDesk.municipality}`, this.informationDesk.street && ` ${this.informationDesk.street}`)), this.informationDesk.phone && (h("div", { class: "phone-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "call"), h("a", { href: `tel:${this.informationDesk.phone}` }, this.informationDesk.phone))), this.informationDesk.email && (h("div", { class: "mail-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "mail"), h("a", { href: `mailto:${this.informationDesk.email}` }, this.informationDesk.email))), this.informationDesk.website && (h("div", { class: "link-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "link"), h("a", { href: `${this.informationDesk.website}` }, this.informationDesk.website))), this.informationDesk.description && (h("div", { class: "information-desk-description-container" }, h("div", { class: this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description', innerHTML: this.informationDesk.description }), h("div", { class: "handle-information-desk-description", onClick: () => this.handleInformationDeskDescription() }, this.displayShortDescription ? 'Lire plus' : 'Lire moins'))))));
+    return (h(Host, null, this.informationDesk.photo_url && (h("div", { class: "information-desk-img" }, h("img", {
+      /* @ts-ignore */
+      crossorigin: "anonymous", src: this.informationDesk.photo_url, loading: "lazy"
+    }))), h("div", { class: "information-desk-sub-container" }, this.informationDesk.name && h("div", { class: "information-desk-name" }, this.informationDesk.name), this.informationDesk.latitude && this.informationDesk.longitude && (h("button", { class: "center-on-map-button", onClick: () => this.handleCenterOnMap() }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "location_searching"), translate[state.language].centerOnMap)), (this.informationDesk.postal_code || this.informationDesk.municipality || this.informationDesk.street) && (h("div", null, this.informationDesk.postal_code && this.informationDesk.postal_code, this.informationDesk.municipality && ` ${this.informationDesk.municipality}`, this.informationDesk.street && ` ${this.informationDesk.street}`)), this.informationDesk.phone && (h("div", { class: "phone-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "call"), h("a", { href: `tel:${this.informationDesk.phone}` }, this.informationDesk.phone))), this.informationDesk.email && (h("div", { class: "mail-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "mail"), h("a", { href: `mailto:${this.informationDesk.email}` }, this.informationDesk.email))), this.informationDesk.website && (h("div", { class: "link-container" }, h("span", { translate: false, class: "material-symbols material-symbols-outlined" }, "link"), h("a", { href: `${this.informationDesk.website}` }, this.informationDesk.website))), this.informationDesk.description && (h("div", { class: "information-desk-description-container" }, h("div", { class: this.displayShortDescription ? 'information-desk-description-short' : 'information-desk-description', innerHTML: this.informationDesk.description, ref: el => (this.descriptionRef = el) }), false && (h("div", { class: "handle-information-desk-description", onClick: () => this.handleInformationDeskDescription() }, this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)))))));
   }
   static get is() { return "grw-information-desk"; }
   static get encapsulation() { return "shadow"; }
@@ -51,7 +60,8 @@ export class GrwInformationDeskDetail {
   }
   static get states() {
     return {
-      "displayShortDescription": {}
+      "displayShortDescription": {},
+      "showInformationDeskDescriptionButton": {}
     };
   }
   static get events() {

package/dist/collection/components/grw-information-desk/grw-information-desk.js.br CHANGED Viewed

Binary file

package/dist/collection/components/grw-information-desk/grw-information-desk.js.gz CHANGED Viewed

Binary file