@geotrekce/geotrek-rando-widget 0.18.1 → 0.18.2

package/dist/cjs/grw-poi_3.cjs.entry.js

@@ -96,7 +96,7 @@ const GrwPoiDetail = class {
                 event.target.onerror = null;
                 event.target.className = 'default-poi-img';
                 event.target.src = defaultImageSrc;
-            }, onClick: () => this.handleFullscreen() }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-poi-img", class: "default-poi-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), index.h("div", { key: 'b1b21bdbd7dfd45939de6e63f07f1df05ef294d6', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), index.h("div", { key: '7d6ee951aa39a9fe85718ed1bc4fd74393343847', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), index.h("div", { key: '9583d0a012a6ce39c7968dee78c6b0427cac5916', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), index.h("div", { key: 'cc93f52de9826671a30853dea8234ae76912d643', part: "poi-sub-container", class: "poi-sub-container" }, index.h("div", { key: '24c55ee93982b92564c31e371d616d7dedad284e', part: "poi-name", class: "poi-name" }, this.poi.name), index.h("div", { key: '97935af72b0672f78b1757bb82f742bf706188b0', part: "poi-description", class: this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description', innerHTML: this.poi.description, ref: el => (this.descriptionRef = el) }), index.h("div", { key: 'ec3f2bcf7d91ba1bb82f3bf46c5b2f5f137e6769', part: "handle-poi-description", class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.showPoiDescriptionButton && (this.displayShortDescription ? i18n.translate[utils.state.language].readMore : i18n.translate[utils.state.language].readLess)))));
+            }, onClick: () => this.handleFullscreen() }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-poi-img", class: "default-poi-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), index.h("div", { key: 'ad45324ca7b75a831dcc1ef67c8c39393bce78ca', style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), index.h("div", { key: 'c0932197c3580e9cbb412c050afa271ade756192', style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), index.h("div", { key: 'b66ddb0cd5880f5895eac6ea024ee71048a319a2', style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), index.h("div", { key: '049b2849529671a31da1ed75976b519d2f42bc90', part: "poi-sub-container", class: "poi-sub-container" }, index.h("div", { key: 'b34bfcbc2533bab1c21910c4e860823e3892dba6', part: "poi-name", class: "poi-name" }, this.poi.name), index.h("div", { key: 'cd65421b578819cdd7ee5bde4af57981da625628', part: "poi-description", class: this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description', innerHTML: this.poi.description, ref: el => (this.descriptionRef = el) }), index.h("div", { key: '32d0afd9faf442cf3a6fc6cb6d77f71eec33ae18', part: "handle-poi-description", class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.showPoiDescriptionButton && (this.displayShortDescription ? i18n.translate[utils.state.language].readMore : i18n.translate[utils.state.language].readLess)))));
     }
 };
 GrwPoiDetail.style = GrwPoiStyle0;
@@ -204,7 +204,7 @@ const GrwTouristicContentCard = class {
                 event.target.onerror = null;
                 event.target.className = 'default-touristic-content-img';
                 event.target.src = defaultImageSrc;
-            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-touristic-content-img", src: defaultImageSrc, class: "default-touristic-content-img", alt: "", loading: "lazy" })))), index.h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicContentRef = el) }), index.h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicContentRef = el) }), index.h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicContentRef = el) }))) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "touristic-content-img", class: "touristic-content-img", src: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (index.h("img", { class: "image default-touristic-content-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), index.h("div", { key: '8dbe1db411f7bfa1a0b6968781f28e19552c5633', part: "touristic-content-sub-container", class: "touristic-content-sub-container" }, index.h("div", { key: '4cd797dcd1451127e55912631714f435565842a9', part: "touristic-content-category-container", class: "touristic-content-category-container" }, touristicContentCategory && touristicContentCategory.pictogram && (index.h("img", { part: "touristic-content-category-img", class: "touristic-content-category-img", src: touristicContentCategory.pictogram, alt: "" })), index.h("div", { key: 'f55320d0462ed61aaac6bbeea2bf4d4f5a68952c', part: "touristic-content-category-name", class: "touristic-content-category-name" }, touristicContentCategory.label)), index.h("div", { key: '347252411c0616808655bfea1109078240c3952e', part: "touristic-content-name", class: "touristic-content-name" }, this.touristicContent.name)), this.isInsideHorizontalList && (index.h("div", { part: "touristic-content-more-detail-container", class: "touristic-content-more-detail-container" }, index.h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicContentCardPress.emit(this.touristicContent.id) }, "Plus de d\u00E9tails"))))));
+            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-touristic-content-img", src: defaultImageSrc, class: "default-touristic-content-img", alt: "", loading: "lazy" })))), index.h("div", { style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicContentRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicContentRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicContentRef = el) }))) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "touristic-content-img", class: "touristic-content-img", src: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (index.h("img", { class: "image default-touristic-content-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), index.h("div", { key: 'f9238be9feb7faff38f04d4a367ebaf7df83522e', part: "touristic-content-sub-container", class: "touristic-content-sub-container" }, index.h("div", { key: '9eada8f244529c1fa64b9162185a315b89634802', part: "touristic-content-category-container", class: "touristic-content-category-container" }, touristicContentCategory && touristicContentCategory.pictogram && (index.h("img", { part: "touristic-content-category-img", class: "touristic-content-category-img", src: touristicContentCategory.pictogram, alt: "" })), index.h("div", { key: '7f371b852730cddde844e5c7255c67a84b43e2aa', part: "touristic-content-category-name", class: "touristic-content-category-name" }, touristicContentCategory.label)), index.h("div", { key: 'ac31930c2f67b4f4f253e02da4db8e43188fe1bb', part: "touristic-content-name", class: "touristic-content-name" }, this.touristicContent.name)), this.isInsideHorizontalList && (index.h("div", { part: "touristic-content-more-detail-container", class: "touristic-content-more-detail-container" }, index.h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicContentCardPress.emit(this.touristicContent.id) }, "Plus de d\u00E9tails"))))));
     }
 };
 GrwTouristicContentCard.style = GrwTouristicContentCardStyle0;
@@ -312,7 +312,7 @@ const GrwTouristicEvent = class {
                 event.target.onerror = null;
                 event.target.className = 'default-touristic-event-img';
                 event.target.src = defaultImageSrc;
-            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-touristic-event-img", class: "default-touristic-event-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), index.h("div", { style: { display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicEventRef = el) }), index.h("div", { style: { display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicEventRef = el) }), index.h("div", { style: { display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicEventRef = el) }))) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "touristic-event-img", class: "touristic-event-img", src: `${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (index.h("img", { class: "image default-touristic-event-img", src: defaultImageSrc, alt: "", loading: "lazy" }))), index.h("div", { key: '629b97823428dd6a2f58764ea30b56be4c7e3af4', part: "touristic-event-sub-container", class: "touristic-event-sub-container" }, index.h("div", { key: '35fa2b00928a934049706ac28e15aa1d13132e64', part: "touristic-event-type-container", class: "touristic-event-type-container" }, touristicEventType && touristicEventType.pictogram && (index.h("img", { part: "touristic-event-type-img", class: "touristic-event-type-img", src: touristicEventType.pictogram, alt: "" })), touristicEventType && touristicEventType.type && (index.h("div", { part: "touristic-event-type-name", class: "touristic-event-type-name" }, touristicEventType.type))), index.h("div", { key: '4b568dbec0808086af94fae47ce800891c68e92b', part: "touristic-event-name", class: "touristic-event-name" }, this.touristicEvent.name), (this.touristicEvent.begin_date || this.touristicEvent.end_date) && (index.h("div", { part: "touristic-event-date-container", class: "touristic-event-date-container" }, this.touristicEvent.begin_date === this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].date, " : ", this.touristicEvent.begin_date)), this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].startDate, " : ", this.touristicEvent.begin_date)), this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].endDate, " : ", this.touristicEvent.end_date))))), this.isInsideHorizontalList && (index.h("div", { part: "touristic-event-more-detail-container", class: "touristic-event-more-detail-container" }, index.h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicEventCardPress.emit(this.touristicEvent.id) }, "Plus de d\u00E9tails"))))));
+            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (index.h("div", { part: "swiper-slide", class: "swiper-slide" }, index.h("img", { part: "default-touristic-event-img", class: "default-touristic-event-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), index.h("div", { style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicEventRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicEventRef = el) }), index.h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicEventRef = el) }))) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "touristic-event-img", class: "touristic-event-img", src: `${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (index.h("img", { class: "image default-touristic-event-img", src: defaultImageSrc, alt: "", loading: "lazy" }))), index.h("div", { key: '2c8301acd32a3b4d39fa0fa979afdffd1b8c9376', part: "touristic-event-sub-container", class: "touristic-event-sub-container" }, index.h("div", { key: 'f8a15aa9cd7f2682cc91065a2a486425d5c68f1f', part: "touristic-event-type-container", class: "touristic-event-type-container" }, touristicEventType && touristicEventType.pictogram && (index.h("img", { part: "touristic-event-type-img", class: "touristic-event-type-img", src: touristicEventType.pictogram, alt: "" })), touristicEventType && touristicEventType.type && (index.h("div", { part: "touristic-event-type-name", class: "touristic-event-type-name" }, touristicEventType.type))), index.h("div", { key: '86ebde91c4e37899e74b30549cc0721ea49706fb', part: "touristic-event-name", class: "touristic-event-name" }, this.touristicEvent.name), (this.touristicEvent.begin_date || this.touristicEvent.end_date) && (index.h("div", { part: "touristic-event-date-container", class: "touristic-event-date-container" }, this.touristicEvent.begin_date === this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].date, " : ", this.touristicEvent.begin_date)), this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].startDate, " : ", this.touristicEvent.begin_date)), this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (index.h("div", { part: "touristic-event-date", class: "touristic-event-date" }, i18n.translate[utils.state.language].endDate, " : ", this.touristicEvent.end_date))))), this.isInsideHorizontalList && (index.h("div", { part: "touristic-event-more-detail-container", class: "touristic-event-more-detail-container" }, index.h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicEventCardPress.emit(this.touristicEvent.id) }, "Plus de d\u00E9tails"))))));
     }
 };
 GrwTouristicEvent.style = GrwTouristicEventCardStyle0;

package/dist/cjs/grw-poi_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"grw-poi.grw-touristic-content-card.grw-touristic-event-card.entry.cjs.js","mappings":"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","names":["Swiper","Navigation","Pagination","Keyboard","state","getDataInStore","getAssetPath","h","Host","translate"],"sources":["src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.tsx","src/components/grw-touristic-content-card/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","src/components/grw-touristic-content-card/grw-touristic-content-card.tsx","src/components/grw-touristic-event-card/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","src/components/grw-touristic-event-card/grw-touristic-event-card.tsx"],"sourcesContent":["@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: var(--border-radius, 12px);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.poi-type-img-container {\n  position: relative;\n  .poi-img,\n  .default-poi-img {\n    width: 100%;\n    height: 100%;\n    height: 200px;\n    object-fit: cover;\n  }\n  .poi-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-poi-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .poi-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.poi-name {\n  font-size: 16px;\n  line-height: 24px;\n  height: 64px;\n}\n\n.poi-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.poi-description-short {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-poi-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n  height: 22px;\n}\n\np {\n  margin: 0;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n  tag: 'grw-poi',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  descriptionRef?: HTMLDivElement;\n\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() showPoiDescriptionButton = false;\n  @State() displayFullscreen = false;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperPoi) {\n      this.swiperPoi.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperPoiRef && !this.swiperPoi) {\n      this.swiperPoi = new Swiper(this.swiperPoiRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElPoiRef,\n          nextEl: this.nextElPoiRef,\n        },\n        pagination: { el: this.paginationElPoiRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperPoiRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperPoi.keyboard.enable();\n        } else {\n          this.swiperPoi.keyboard.disable();\n        }\n      };\n      this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n      if (trekInStore && trekInStore.offline) {\n        this.offline = Boolean(poiInStore);\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n        this.offline = Boolean(poiInStore);\n      }\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n          <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n          <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n            <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n              {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img\n                        part=\"poi-iamg\"\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        alt={attachment.legend}\n                        loading=\"lazy\"\n                        /* @ts-ignore */\n                        onerror={event => {\n                          event.target.onerror = null;\n                          event.target.className = 'default-poi-img';\n                          event.target.src = defaultImageSrc;\n                        }}\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div part=\"swiper-slide\" class=\"swiper-slide\">\n                  <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n              part=\"swiper-pagination\"\n              class=\"swiper-pagination\"\n              ref={el => (this.paginationElPoiRef = el)}\n            ></div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }}\n              part=\"swiper-button-prev\"\n              class=\"swiper-button-prev\"\n              ref={el => (this.prevElPoiRef = el)}\n            ></div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }}\n              part=\"swiper-button-next\"\n              class=\"swiper-button-next\"\n              ref={el => (this.nextElPoiRef = el)}\n            ></div>\n          </div>\n        </div>\n        <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n          <div part=\"poi-name\" class=\"poi-name\">\n            {this.poi.name}\n          </div>\n          <div\n            part=\"poi-description\"\n            class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n            innerHTML={this.poi.description}\n            ref={el => (this.descriptionRef = el)}\n          ></div>\n          <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper {\n    height: 200px;\n  }\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-content-img-container {\n  position: relative;\n  height: 200px;\n  .touristic-content-img,\n  .default-touristic-content-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .touristic-content-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-content-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-content-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-content-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-content-category-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-content-category-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-content-name {\n    font-size: 16px;\n    line-height: 24px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    height: 48px;\n  }\n}\n\n.touristic-content-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: var(--border-radius, 8px);\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    font-family: var(--font-family);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.touristic-content-card-container,\n.touristic-content-card-large-view-container {\n  font-family: var(--font-family);\n  border-radius: var(--border-radius, 12px);\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  .touristic-content-img {\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 12px);\n  }\n}\n\n.touristic-content-card-container {\n  width: 100%;\n  max-width: 350px;\n  .touristic-content-img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.touristic-content-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .touristic-content-img {\n    width: 250px;\n    height: 100%;\n    border-bottom-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 0px);\n  }\n}\n\n.is-inside-vertical-list {\n  cursor: pointer;\n  border: none;\n  .touristic-event-img,\n  .default-touristic-event-img {\n    height: 100%;\n  }\n}\n\n.selected-touristic-content-card {\n  box-shadow: var(--elevation-2);\n}\n\n.touristic-content-category-img {\n  border-radius: 100%;\n  padding: 2px;\n  max-height: 20px;\n  max-width: 20px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content-card',\n  styleUrl: 'grw-touristic-content-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicContentCard {\n  @Event() touristicContentCardPress: EventEmitter<number>;\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicContent: TouristicContent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n  @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicContent) {\n      this.swiperTouristicContent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n      this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicContentRef,\n          nextEl: this.nextElTouristicContentRef,\n        },\n        pagination: { el: this.paginationElTouristicContentRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicContentRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicContent.keyboard.enable();\n        } else {\n          this.swiperTouristicContent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicContentMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-content-card\"\n          class={\n            this.isLargeView\n              ? `touristic-content-card touristic-content-card-large-view-container${\n                  state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicContentCardPress.emit(this.touristicContent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicContent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-content-img\"\n                            class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-content-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-prev\"\n                  class=\"swiper-button-prev\"\n                  ref={el => (this.prevElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-next\"\n                  class=\"swiper-button-next\"\n                  ref={el => (this.nextElTouristicContentRef = el)}\n                ></div>\n              </div>\n            ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-content-img\"\n                class=\"touristic-content-img\"\n                src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n            )}\n          </div>\n          <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n            <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n              {touristicContentCategory && touristicContentCategory.pictogram && (\n                <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n              )}\n              <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n                {touristicContentCategory.label}\n              </div>\n            </div>\n            <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n              {this.touristicContent.name}\n            </div>\n          </div>\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper {\n    height: 200px;\n  }\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-event-img-container {\n  position: relative;\n  height: 200px;\n  .touristic-event-img,\n  .default-touristic-event-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-event-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-event-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-event-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-event-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-event-type-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-event-type-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-event-name {\n    font-size: 16px;\n    line-height: 24px;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    height: 48px;\n  }\n}\n\n.touristic-event-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: var(--border-radius, 8px);\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    font-family: var(--font-family);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.touristic-event-card-container,\n.touristic-event-card-large-view-container {\n  font-family: var(--font-family);\n  border-radius: var(--border-radius, 12px);\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  .touristic-event-img {\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 12px);\n  }\n}\n\n.touristic-event-card-container {\n  width: 100%;\n  max-width: 350px;\n  .touristic-event-img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.touristic-event-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .touristic-event-img {\n    width: 250px;\n    height: 100%;\n    border-bottom-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 0px);\n  }\n}\n\n.is-inside-vertical-list {\n  cursor: pointer;\n  border: none;\n  .touristic-content-img,\n  .default-touristic-event-img {\n    height: 100%;\n  }\n}\n\n.selected-touristic-event-card {\n  box-shadow: var(--elevation-2);\n}\n\n.touristic-event-date-container {\n  margin-top: 12px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicEvent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-event-card',\n  styleUrl: 'grw-touristic-event-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicEvent {\n  @Event() touristicEventCardPress: EventEmitter<number>;\n  swiperTouristicEvent?: Swiper;\n  swiperTouristicEventRef?: HTMLDivElement;\n  prevElTouristicEventRef?: HTMLDivElement;\n  nextElTouristicEventRef?: HTMLDivElement;\n  paginationElTouristicEventRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicEvent: TouristicEvent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicEventMouseOver: EventEmitter<number>;\n  @Event() cardTouristicEventMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicEvent) {\n      this.swiperTouristicEvent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicEventRef && !this.swiperTouristicEvent) {\n      this.swiperTouristicEvent = new Swiper(this.swiperTouristicEventRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicEventRef,\n          nextEl: this.nextElTouristicEventRef,\n        },\n        pagination: { el: this.paginationElTouristicEventRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicEventRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicEvent.keyboard.enable();\n        } else {\n          this.swiperTouristicEvent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n        this.offline = trekInStore && trekInStore.offline && touristicEventInStore && touristicEventInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n        this.offline = touristicEventInStore && touristicEventInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n      this.swiperTouristicEventRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicEventMouseOver.emit(this.touristicEvent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicEventMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicEventType = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-event-card\"\n          class={\n            this.isLargeView\n              ? `touristic-event-card touristic-event-card-large-view-container${\n                  state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : ` touristic-event-card touristic-event-card-container${state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicEventCardPress.emit(this.touristicEvent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-event-img-container\" class=\"touristic-event-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-event\" class=\"swiper swiper-touristic-event\" ref={el => (this.swiperTouristicEventRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicEvent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-event-img\"\n                            class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-event-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-event-img\" class=\"default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicEventRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-prev\"\n                  class=\"swiper-button-prev\"\n                  ref={el => (this.prevElTouristicEventRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-next\"\n                  class=\"swiper-button-next\"\n                  ref={el => (this.nextElTouristicEventRef = el)}\n                ></div>\n              </div>\n            ) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-event-img\"\n                class=\"touristic-event-img\"\n                src={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n            )}\n          </div>\n          <div part=\"touristic-event-sub-container\" class=\"touristic-event-sub-container\">\n            <div part=\"touristic-event-type-container\" class=\"touristic-event-type-container\">\n              {touristicEventType && touristicEventType.pictogram && (\n                <img part=\"touristic-event-type-img\" class=\"touristic-event-type-img\" src={touristicEventType.pictogram} alt=\"\" />\n              )}\n              {touristicEventType && touristicEventType.type && (\n                <div part=\"touristic-event-type-name\" class=\"touristic-event-type-name\">\n                  {touristicEventType.type}\n                </div>\n              )}\n            </div>\n            <div part=\"touristic-event-name\" class=\"touristic-event-name\">\n              {this.touristicEvent.name}\n            </div>\n            {(this.touristicEvent.begin_date || this.touristicEvent.end_date) && (\n              <div part=\"touristic-event-date-container\" class=\"touristic-event-date-container\">\n                {this.touristicEvent.begin_date === this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].date} : {this.touristicEvent.begin_date}\n                  </div>\n                )}\n                {this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].startDate} : {this.touristicEvent.begin_date}\n                  </div>\n                )}\n                {this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].endDate} : {this.touristicEvent.end_date}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-event-more-detail-container\" class=\"touristic-event-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicEventCardPress.emit(this.touristicEvent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"grw-poi.grw-touristic-content-card.grw-touristic-event-card.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,SAAS,GAAG,skkBAAskkB,CAAC;AACzlkB,qBAAe,SAAS;;MCWX,YAAY;;;;uCASY,IAAI;wCACH,KAAK;iCACZ,KAAK;uBAEf,KAAK;;IAGxB,8BAA8B;QAC5B,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,0BAA0B;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,aAAa;QACX,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACxC,IAAI,CAAC,SAAS,GAAG,IAAIA,iBAAM,CAAC,IAAI,CAAC,YAAY,EAAE;gBAC7C,OAAO,EAAE,CAACC,qBAAU,EAAEC,qBAAU,EAAEC,mBAAQ,CAAC;gBAC3C,UAAU,EAAE;oBACV,MAAM,EAAE,IAAI,CAAC,YAAY;oBACzB,MAAM,EAAE,IAAI,CAAC,YAAY;iBAC1B;gBACD,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE;gBAC3C,cAAc,EAAE,KAAK;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YACH,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG;gBACrC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBAClE,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;iBAClC;qBAAM;oBACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;iBACnC;aACF,CAAC;YACF,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;SACrG;KACF;IAED,kBAAkB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,oBAAoB;QAClB,IAAI,CAAC,uBAAuB,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC;KAC9D;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;YAClF,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;SACvC;KACF;IAED,MAAM,aAAa;QACjB,IAAIC,WAAK,CAAC,WAAW,EAAE;YACrB,MAAM,WAAW,GAAS,MAAMC,4BAAc,CAAC,OAAO,EAAED,WAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC9E,MAAM,UAAU,GAAQ,MAAMC,4BAAc,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAClE,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;gBACtC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;aACpC;SACF;aAAM,IAAID,WAAK,CAAC,kBAAkB,EAAE;YACnC,MAAM,kBAAkB,GAAgB,MAAMC,4BAAc,CAAC,cAAc,EAAED,WAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;YAC1G,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,EAAE;gBACpD,MAAM,UAAU,GAAQ,MAAMC,4BAAc,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;aACpC;SACF;KACF;IAED,MAAM;;QACJ,MAAM,eAAe,GAAGC,kBAAY,CAAC,GAAuB,EAAE,0BAA0B,CAAC,CAAC;QAC1F,QACEC,QAACC,UAAI,uDACHD,kEAAK,IAAI,EAAC,wBAAwB,EAAC,KAAK,EAAC,wBAAwB,IAC/DA,kEAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,MAAAH,WAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,0CAAE,SAAS,EAAE,EAAE,GAAG,EAAC,EAAE,GAAG,EAClIG,kEAAK,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,IAClFA,kEAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,gBAAgB,IAC9C,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAChF,IAAI,CAAC,GAAG,CAAC,WAAW;aACjB,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;aACjD,GAAG,CAAC,UAAU,KACbA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,UAAU,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,EAAE,EAAE,EAClE,GAAG,EAAE,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,SAAS,EACnE,GAAG,EAAE,UAAU,CAAC,MAAM,EACtB,OAAO,EAAC,MAAM;;YAEd,OAAO,EAAE,KAAK;gBACZ,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;gBAC3C,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC;aACpC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GACtC,CACE,CACP,CAAC,KAEJA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,GAAG,CAC9F,CACP,CACG,EACNA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,EAAE,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,GAAQ,EAC9JA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ,EACzJA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,GAAQ,CACrJ,CACF,EACNA,kEAAK,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,mBAAmB,IACrDA,kEAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,IAClC,IAAI,CAAC,GAAG,CAAC,IAAI,CACV,EACNA,kEACE,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,IAAI,CAAC,uBAAuB,GAAG,uCAAuC,GAAG,iBAAiB,EACjG,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAC/B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,GAChC,EACPA,kEAAK,IAAI,EAAC,wBAAwB,EAAC,KAAK,EAAC,wBAAwB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,IACzG,IAAI,CAAC,wBAAwB,KAAK,IAAI,CAAC,uBAAuB,GAAGE,cAAS,CAACL,WAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,GAAGK,cAAS,CAACL,WAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACtI,CACF,CACD,EACP;KACH;;;;AC5JH,MAAM,0BAA0B,GAAG,+opBAA+opB,CAAC;AACnrpB,sCAAe,0BAA0B;;MCU5B,uBAAuB;;;;;;0BAQb,QAAQ;;2BAGP,KAAK;sCACM,KAAK;iCACT,KAAK;uBAKf,KAAK;;IAGxB,8BAA8B;QAC5B,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACxC;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,0BAA0B;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,aAAa;QACX,IAAI,IAAI,CAAC,yBAAyB,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAClE,IAAI,CAAC,sBAAsB,GAAG,IAAIJ,iBAAM,CAAC,IAAI,CAAC,yBAAyB,EAAE;gBACvE,OAAO,EAAE,CAACC,qBAAU,EAAEC,qBAAU,EAAEC,mBAAQ,CAAC;gBAC3C,UAAU,EAAE;oBACV,MAAM,EAAE,IAAI,CAAC,yBAAyB;oBACtC,MAAM,EAAE,IAAI,CAAC,yBAAyB;iBACvC;gBACD,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,+BAA+B,EAAE;gBACxD,cAAc,EAAE,KAAK;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YACH,IAAI,CAAC,yBAAyB,CAAC,kBAAkB,GAAG;gBAClD,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBAClE,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;iBAC/C;qBAAM;oBACL,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;iBAChD;aACF,CAAC;SACH;KACF;IAED,kBAAkB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM,aAAa;QACjB,IAAIC,WAAK,CAAC,WAAW,EAAE;YACrB,MAAM,WAAW,GAAS,MAAMC,4BAAc,CAAC,OAAO,EAAED,WAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC9E,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;gBACtC,MAAM,uBAAuB,GAAqB,MAAMC,4BAAc,CAAC,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACtH,IAAI,CAAC,OAAO,GAAG,uBAAuB,IAAI,uBAAuB,CAAC,OAAO,CAAC;aAC3E;SACF;aAAM,IAAID,WAAK,CAAC,kBAAkB,EAAE;YACnC,MAAM,kBAAkB,GAAgB,MAAMC,4BAAc,CAAC,cAAc,EAAED,WAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;YAC1G,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,EAAE;gBACpD,MAAM,uBAAuB,GAAqB,MAAMC,4BAAc,CAAC,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACtH,IAAI,CAAC,OAAO,GAAG,uBAAuB,IAAI,uBAAuB,CAAC,OAAO,CAAC;aAC3E;SACF;KACF;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,gBAAgB,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;YACzH,IAAI,CAAC,yBAAyB,CAAC,iBAAiB,EAAE,CAAC;SACpD;KACF;IAGD,eAAe;QACb,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;KACnE;IAGD,gBAAgB;QACd,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,CAAC;KAC5C;IAED,MAAM;QACJ,MAAM,eAAe,GAAGC,kBAAY,CAAC,GAAuB,EAAE,0BAA0B,CAAC,CAAC;QAC1F,MAAM,wBAAwB,GAAGF,WAAK,CAAC,0BAA0B,CAAC,IAAI,CAAC,wBAAwB,IAAI,wBAAwB,CAAC,EAAE,KAAK,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACnK,QACEG,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,eAAe,EAAE,IAAI,CAAC,UAAU;gBAChC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM;aAC5C,IAEDD,kEACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EACH,IAAI,CAAC,WAAW;kBACZ,qEACEH,WAAK,CAAC,0BAA0B,KAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,GAAG,kCAAkC,GAAG,EACvG,GAAG,CAAC,IAAI,CAAC,sBAAsB,GAAG,0BAA0B,GAAG,EAAE,EAAE;kBACnE,0DAA0DA,WAAK,CAAC,0BAA0B,KAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,GAAG,kCAAkC,GAAG,EAAE,GAC/J,CAAC,IAAI,CAAC,sBAAsB,GAAG,0BAA0B,GAAG,EAC9D,EAAE,EAER,OAAO,EAAE;gBACP,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;oBAChC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;iBAC/D;aACF,IAEDG,kEAAK,IAAI,EAAC,iCAAiC,EAAC,KAAK,EAAC,iCAAiC,IAChF,IAAI,CAAC,sBAAsB,IAC1BA,iBAAK,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,iCAAiC,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,yBAAyB,GAAG,EAAE,CAAC,IAC3HA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,gBAAgB,IAC9C,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAC7F,IAAI,CAAC,gBAAgB,CAAC,WAAW;aAC9B,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;aACjD,GAAG,CAAC,UAAU,KACbA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,wBAAwB,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,EAAE,EAAE,EAChF,GAAG,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,SAAS,EAC3G,OAAO,EAAC,MAAM;;YAEd,OAAO,EAAE,KAAK;gBACZ,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,+BAA+B,CAAC;gBACzD,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC;aACpC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,GAAG,EAAE,UAAU,CAAC,MAAM,GACtB,CACE,CACP,CAAC,KAEJA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBAAK,IAAI,EAAC,+BAA+B,EAAC,GAAG,EAAE,eAAe,EAAE,KAAK,EAAC,+BAA+B,EAAC,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,GAAG,CAC1H,CACP,CACG,EACNA,iBACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,EACnD,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,mBAAmB,EACzB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,+BAA+B,GAAG,EAAE,CAAC,GACjD,EACPA,iBACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAClD,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,oBAAoB,EAC1B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,yBAAyB,GAAG,EAAE,CAAC,GAC3C,EACPA,iBACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAClD,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,oBAAoB,EAC1B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,yBAAyB,GAAG,EAAE,CAAC,GAC3C,CACH,IACJ,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAChGA,iBACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,uBAAuB,EAC7B,GAAG,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAC1G,GAAG,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EACvG,OAAO,EAAC,MAAM,GACd,KAEFA,iBAAK,KAAK,EAAC,qCAAqC,EAAC,GAAG,EAAE,eAAe,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,GAAG,CAChG,CACG,EACNA,kEAAK,IAAI,EAAC,iCAAiC,EAAC,KAAK,EAAC,iCAAiC,IACjFA,kEAAK,IAAI,EAAC,sCAAsC,EAAC,KAAK,EAAC,sCAAsC,IAC1F,wBAAwB,IAAI,wBAAwB,CAAC,SAAS,KAC7DA,iBAAK,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,gCAAgC,EAAC,GAAG,EAAE,wBAAwB,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CACrI,EACDA,kEAAK,IAAI,EAAC,iCAAiC,EAAC,KAAK,EAAC,iCAAiC,IAChF,wBAAwB,CAAC,KAAK,CAC3B,CACF,EACNA,kEAAK,IAAI,EAAC,wBAAwB,EAAC,KAAK,EAAC,wBAAwB,IAC9D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CACvB,CACF,EACL,IAAI,CAAC,sBAAsB,KAC1BA,iBAAK,IAAI,EAAC,yCAAyC,EAAC,KAAK,EAAC,yCAAyC,IACjGA,oBAAQ,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,2BAElI,CACL,CACP,CACG,CACD,EACP;KACH;;;;AC7NH,MAAM,wBAAwB,GAAG,kgpBAAkgpB,CAAC;AACpipB,oCAAe,wBAAwB;;MCW1B,iBAAiB;;;;;;0BAQP,QAAQ;;2BAGP,KAAK;sCACM,KAAK;iCACT,KAAK;uBAKf,KAAK;;IAGxB,8BAA8B;QAC5B,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACtC;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,0BAA0B;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,aAAa;QACX,IAAI,IAAI,CAAC,uBAAuB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC9D,IAAI,CAAC,oBAAoB,GAAG,IAAIP,iBAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE;gBACnE,OAAO,EAAE,CAACC,qBAAU,EAAEC,qBAAU,EAAEC,mBAAQ,CAAC;gBAC3C,UAAU,EAAE;oBACV,MAAM,EAAE,IAAI,CAAC,uBAAuB;oBACpC,MAAM,EAAE,IAAI,CAAC,uBAAuB;iBACrC;gBACD,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACtD,cAAc,EAAE,KAAK;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YACH,IAAI,CAAC,uBAAuB,CAAC,kBAAkB,GAAG;gBAChD,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBAClE,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;iBAC7C;qBAAM;oBACL,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;iBAC9C;aACF,CAAC;SACH;KACF;IAED,kBAAkB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM,aAAa;QACjB,IAAIC,WAAK,CAAC,WAAW,EAAE;YACrB,MAAM,WAAW,GAAS,MAAMC,4BAAc,CAAC,OAAO,EAAED,WAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC9E,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;gBACtC,MAAM,qBAAqB,GAAmB,MAAMC,4BAAc,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC9G,IAAI,CAAC,OAAO,GAAG,WAAW,IAAI,WAAW,CAAC,OAAO,IAAI,qBAAqB,IAAI,qBAAqB,CAAC,OAAO,CAAC;aAC7G;SACF;aAAM,IAAID,WAAK,CAAC,kBAAkB,EAAE;YACnC,MAAM,kBAAkB,GAAgB,MAAMC,4BAAc,CAAC,cAAc,EAAED,WAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;YAC1G,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,EAAE;gBACpD,MAAM,qBAAqB,GAAmB,MAAMC,4BAAc,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC9G,IAAI,CAAC,OAAO,GAAG,qBAAqB,IAAI,qBAAqB,CAAC,OAAO,CAAC;aACvE;SACF;KACF;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;YACnH,IAAI,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC;SAClD;KACF;IAGD,eAAe;QACb,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;KAC/D;IAGD,gBAAgB;QACd,IAAI,CAAC,4BAA4B,CAAC,IAAI,EAAE,CAAC;KAC1C;IAED,MAAM;QACJ,MAAM,eAAe,GAAGC,kBAAY,CAAC,GAAuB,EAAE,0BAA0B,CAAC,CAAC;QAC1F,MAAM,kBAAkB,GAAGF,WAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,IAAI,kBAAkB,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACpI,QACEG,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,eAAe,EAAE,IAAI,CAAC,UAAU;gBAChC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,MAAM;aAC5C,IAEDD,kEACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EACH,IAAI,CAAC,WAAW;kBACZ,iEACEH,WAAK,CAAC,wBAAwB,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,gCAAgC,GAAG,EACjG,GAAG,CAAC,IAAI,CAAC,sBAAsB,GAAG,0BAA0B,GAAG,EAAE,EAAE;kBACnE,uDAAuDA,WAAK,CAAC,wBAAwB,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,gCAAgC,GAAG,EAAE,GACtJ,CAAC,IAAI,CAAC,sBAAsB,GAAG,0BAA0B,GAAG,EAC9D,EAAE,EAER,OAAO,EAAE;gBACP,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;oBAChC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;iBAC3D;aACF,IAEDG,kEAAK,IAAI,EAAC,+BAA+B,EAAC,KAAK,EAAC,+BAA+B,IAC5E,IAAI,CAAC,sBAAsB,IAC1BA,iBAAK,IAAI,EAAC,wBAAwB,EAAC,KAAK,EAAC,+BAA+B,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,IACrHA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,gBAAgB,IAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAC3F,IAAI,CAAC,cAAc,CAAC,WAAW;aAC5B,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;aACjD,GAAG,CAAC,UAAU,KACbA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBACE,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,sBAAsB,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,EAAE,EAAE,EAC9E,GAAG,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,SAAS,EAC3G,OAAO,EAAC,MAAM;;YAEd,OAAO,EAAE,KAAK;gBACZ,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,6BAA6B,CAAC;gBACvD,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC;aACpC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,GAAG,EAAE,UAAU,CAAC,MAAM,GACtB,CACE,CACP,CAAC,KAEJA,iBAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,IAC3CA,iBAAK,IAAI,EAAC,6BAA6B,EAAC,KAAK,EAAC,6BAA6B,EAAC,GAAG,EAAE,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,GAAG,CACtH,CACP,CACG,EACNA,iBACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,EACnD,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,mBAAmB,EACzB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,6BAA6B,GAAG,EAAE,CAAC,GAC/C,EACPA,iBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,GAAQ,EACpKA,iBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,GAAQ,CAChK,IACJ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAC9FA,iBACE,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,qBAAqB,EAC3B,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EACxG,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EACrG,OAAO,EAAC,MAAM,GACd,KAEFA,iBAAK,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAE,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,MAAM,GAAG,CAC9F,CACG,EACNA,kEAAK,IAAI,EAAC,+BAA+B,EAAC,KAAK,EAAC,+BAA+B,IAC7EA,kEAAK,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,gCAAgC,IAC9E,kBAAkB,IAAI,kBAAkB,CAAC,SAAS,KACjDA,iBAAK,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,0BAA0B,EAAC,GAAG,EAAE,kBAAkB,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CACnH,EACA,kBAAkB,IAAI,kBAAkB,CAAC,IAAI,KAC5CA,iBAAK,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,2BAA2B,IACpE,kBAAkB,CAAC,IAAI,CACpB,CACP,CACG,EACNA,kEAAK,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,sBAAsB,IAC1D,IAAI,CAAC,cAAc,CAAC,IAAI,CACrB,EACL,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,MAC9DA,iBAAK,IAAI,EAAC,gCAAgC,EAAC,KAAK,EAAC,gCAAgC,IAC9E,IAAI,CAAC,cAAc,CAAC,UAAU,KAAK,IAAI,CAAC,cAAc,CAAC,QAAQ,KAC9DA,iBAAK,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,sBAAsB,IAC1DE,cAAS,CAACL,WAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,SAAK,IAAI,CAAC,cAAc,CAAC,UAAU,CAC9D,CACP,EACA,IAAI,CAAC,cAAc,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,KAAK,IAAI,CAAC,cAAc,CAAC,QAAQ,KAChGG,iBAAK,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,sBAAsB,IAC1DE,cAAS,CAACL,WAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,SAAK,IAAI,CAAC,cAAc,CAAC,UAAU,CACnE,CACP,EACA,IAAI,CAAC,cAAc,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,KAAK,IAAI,CAAC,cAAc,CAAC,QAAQ,KAC9FG,iBAAK,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,sBAAsB,IAC1DE,cAAS,CAACL,WAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,SAAK,IAAI,CAAC,cAAc,CAAC,QAAQ,CAC/D,CACP,CACG,CACP,CACG,EAEL,IAAI,CAAC,sBAAsB,KAC1BG,iBAAK,IAAI,EAAC,uCAAuC,EAAC,KAAK,EAAC,uCAAuC,IAC7FA,oBAAQ,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,2BAE9H,CACL,CACP,CACG,CACD,EACP;KACH;;;;;;;;","names":["Swiper","Navigation","Pagination","Keyboard","state","getDataInStore","getAssetPath","h","Host","translate"],"sources":["src/components/grw-poi-detail/grw-poi.scss?tag=grw-poi&encapsulation=shadow","src/components/grw-poi-detail/grw-poi.tsx","src/components/grw-touristic-content-card/grw-touristic-content-card.scss?tag=grw-touristic-content-card&encapsulation=shadow","src/components/grw-touristic-content-card/grw-touristic-content-card.tsx","src/components/grw-touristic-event-card/grw-touristic-event-card.scss?tag=grw-touristic-event-card&encapsulation=shadow","src/components/grw-touristic-event-card/grw-touristic-event-card.tsx"],"sourcesContent":["@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid gray;\n  border-radius: var(--border-radius, 12px);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.poi-type-img-container {\n  position: relative;\n  .poi-img,\n  .default-poi-img {\n    width: 100%;\n    height: 100%;\n    height: 200px;\n    object-fit: cover;\n  }\n  .poi-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-poi-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .poi-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.poi-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n}\n\n.poi-name {\n  font-size: 16px;\n  line-height: 24px;\n  height: 64px;\n}\n\n.poi-description {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.poi-description-short {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  overflow: hidden;\n}\n\n.handle-poi-description {\n  cursor: pointer;\n  color: var(--color-primary-app);\n  text-decoration: underline;\n  margin-top: 12px;\n  height: 22px;\n}\n\np {\n  margin: 0;\n}\n","import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n  tag: 'grw-poi',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  descriptionRef?: HTMLDivElement;\n\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() showPoiDescriptionButton = false;\n  @State() displayFullscreen = false;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperPoi) {\n      this.swiperPoi.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperPoiRef && !this.swiperPoi) {\n      this.swiperPoi = new Swiper(this.swiperPoiRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElPoiRef,\n          nextEl: this.nextElPoiRef,\n        },\n        pagination: { el: this.paginationElPoiRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperPoiRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperPoi.keyboard.enable();\n        } else {\n          this.swiperPoi.keyboard.disable();\n        }\n      };\n      this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n      if (trekInStore && trekInStore.offline) {\n        this.offline = Boolean(poiInStore);\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n        this.offline = Boolean(poiInStore);\n      }\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n          <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n          <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n            <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n              {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img\n                        part=\"poi-iamg\"\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        alt={attachment.legend}\n                        loading=\"lazy\"\n                        /* @ts-ignore */\n                        onerror={event => {\n                          event.target.onerror = null;\n                          event.target.className = 'default-poi-img';\n                          event.target.src = defaultImageSrc;\n                        }}\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div part=\"swiper-slide\" class=\"swiper-slide\">\n                  <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div style={{ display: this.offline ? 'none' : 'block' }} part=\"swiper-pagination\" class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n          <div part=\"poi-name\" class=\"poi-name\">\n            {this.poi.name}\n          </div>\n          <div\n            part=\"poi-description\"\n            class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n            innerHTML={this.poi.description}\n            ref={el => (this.descriptionRef = el)}\n          ></div>\n          <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper {\n    height: 200px;\n  }\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-content-img-container {\n  position: relative;\n  height: 200px;\n  .touristic-content-img,\n  .default-touristic-content-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .touristic-content-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-content-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-content-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-content-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-content-category-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-content-category-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-content-name {\n    font-size: 16px;\n    line-height: 24px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    height: 48px;\n  }\n}\n\n.touristic-content-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: var(--border-radius, 8px);\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    font-family: var(--font-family);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.touristic-content-card-container,\n.touristic-content-card-large-view-container {\n  font-family: var(--font-family);\n  border-radius: var(--border-radius, 12px);\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  .touristic-content-img {\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 12px);\n  }\n}\n\n.touristic-content-card-container {\n  width: 100%;\n  max-width: 350px;\n  .touristic-content-img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.touristic-content-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .touristic-content-img {\n    width: 250px;\n    height: 100%;\n    border-bottom-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 0px);\n  }\n}\n\n.is-inside-vertical-list {\n  cursor: pointer;\n  border: none;\n  .touristic-event-img,\n  .default-touristic-event-img {\n    height: 100%;\n  }\n}\n\n.selected-touristic-content-card {\n  box-shadow: var(--elevation-2);\n}\n\n.touristic-content-category-img {\n  border-radius: 100%;\n  padding: 2px;\n  max-height: 20px;\n  max-width: 20px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content-card',\n  styleUrl: 'grw-touristic-content-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicContentCard {\n  @Event() touristicContentCardPress: EventEmitter<number>;\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicContent: TouristicContent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n  @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicContent) {\n      this.swiperTouristicContent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n      this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicContentRef,\n          nextEl: this.nextElTouristicContentRef,\n        },\n        pagination: { el: this.paginationElTouristicContentRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicContentRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicContent.keyboard.enable();\n        } else {\n          this.swiperTouristicContent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicContentMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-content-card\"\n          class={\n            this.isLargeView\n              ? `touristic-content-card touristic-content-card-large-view-container${\n                  state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicContentCardPress.emit(this.touristicContent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicContent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-content-img\"\n                            class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-content-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'flex' }}\n                  part=\"swiper-button-prev\"\n                  class=\"swiper-button-prev\"\n                  ref={el => (this.prevElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'flex' }}\n                  part=\"swiper-button-next\"\n                  class=\"swiper-button-next\"\n                  ref={el => (this.nextElTouristicContentRef = el)}\n                ></div>\n              </div>\n            ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-content-img\"\n                class=\"touristic-content-img\"\n                src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n            )}\n          </div>\n          <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n            <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n              {touristicContentCategory && touristicContentCategory.pictogram && (\n                <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n              )}\n              <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n                {touristicContentCategory.label}\n              </div>\n            </div>\n            <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n              {this.touristicContent.name}\n            </div>\n          </div>\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@use '~swiper/swiper.scss';\n@use '~swiper/modules/navigation/navigation.scss';\n@use '~swiper/modules/pagination/pagination.scss';\n\n.swiper {\n  z-index: 0;\n}\n\n:host {\n  a {\n    color: var(--color-primary-app);\n  }\n  --swiper-navigation-size: 24px;\n  --swiper-navigation-color: var(--color-on-primary-container);\n  --swiper-pagination-color: var(--color-primary-container);\n  --swiper-pagination-bullet-size: 12px;\n  .swiper {\n    height: 200px;\n  }\n  .swiper-button-prev,\n  .swiper-button-next {\n    background-color: var(--color-primary-container);\n    padding: 4px;\n    width: 32px;\n    height: 32px;\n    border-radius: var(--border-radius, 32px);\n    box-shadow: var(--elevation-1);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n  }\n}\n\n.touristic-event-img-container {\n  position: relative;\n  height: 200px;\n  .touristic-event-img,\n  .default-touristic-event-img {\n    width: 100%;\n    height: 100%;\n    max-height: 200px;\n    object-fit: cover;\n  }\n  .touristic-event-img {\n    cursor: pointer;\n    object-fit: cover;\n  }\n  .default-touristic-event-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .img-fullscreen {\n    max-height: none;\n    object-fit: contain;\n  }\n  .touristic-event-type {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n    border: 2px solid #ffffff;\n    border-radius: var(--border-radius, 50%);\n    background-color: var(--color-on-surface);\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 200;\n  }\n}\n\n.touristic-event-sub-container {\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  .touristic-event-type-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n    .touristic-event-type-name {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n      overflow: hidden;\n    }\n    img {\n      font-size: 24px;\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n      background-color: var(--color-primary-app);\n    }\n  }\n  .touristic-event-name {\n    font-size: 16px;\n    line-height: 24px;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    height: 48px;\n  }\n}\n\n.touristic-event-more-detail-container {\n  padding: 0px 12px 12px 12px;\n  .more-details-button {\n    cursor: pointer;\n    background-color: var(--color-primary-container);\n    color: var(--color-on-primary-container);\n    border-radius: var(--border-radius, 8px);\n    padding: 8px 16px;\n    box-shadow: var(--elevation-1);\n    width: 100%;\n    height: 32px;\n    gap: 8px;\n    box-sizing: border-box;\n    text-align: start;\n    vertical-align: middle;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: none;\n    font-size: 14px;\n    font-family: var(--font-family);\n    &:hover {\n      box-shadow: var(--elevation-2);\n    }\n    span {\n      font-size: 18px;\n    }\n  }\n}\n\n.touristic-event-card-container,\n.touristic-event-card-large-view-container {\n  font-family: var(--font-family);\n  border-radius: var(--border-radius, 12px);\n  box-shadow: var(--elevation-1);\n  background-color: var(--color-surface-container-low);\n  color: var(--color-on-surface);\n  .touristic-event-img {\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 12px);\n  }\n}\n\n.touristic-event-card-container {\n  width: 100%;\n  max-width: 350px;\n  .touristic-event-img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.touristic-event-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .touristic-event-img {\n    width: 250px;\n    height: 100%;\n    border-bottom-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 0px);\n  }\n}\n\n.is-inside-vertical-list {\n  cursor: pointer;\n  border: none;\n  .touristic-content-img,\n  .default-touristic-event-img {\n    height: 100%;\n  }\n}\n\n.selected-touristic-event-card {\n  box-shadow: var(--elevation-2);\n}\n\n.touristic-event-date-container {\n  margin-top: 12px;\n}\n","import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicEvent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-event-card',\n  styleUrl: 'grw-touristic-event-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicEvent {\n  @Event() touristicEventCardPress: EventEmitter<number>;\n  swiperTouristicEvent?: Swiper;\n  swiperTouristicEventRef?: HTMLDivElement;\n  prevElTouristicEventRef?: HTMLDivElement;\n  nextElTouristicEventRef?: HTMLDivElement;\n  paginationElTouristicEventRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicEvent: TouristicEvent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicEventMouseOver: EventEmitter<number>;\n  @Event() cardTouristicEventMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicEvent) {\n      this.swiperTouristicEvent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicEventRef && !this.swiperTouristicEvent) {\n      this.swiperTouristicEvent = new Swiper(this.swiperTouristicEventRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicEventRef,\n          nextEl: this.nextElTouristicEventRef,\n        },\n        pagination: { el: this.paginationElTouristicEventRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicEventRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicEvent.keyboard.enable();\n        } else {\n          this.swiperTouristicEvent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n        this.offline = trekInStore && trekInStore.offline && touristicEventInStore && touristicEventInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicEventInStore: TouristicEvent = await getDataInStore('touristicEvents', this.touristicEvent.id);\n        this.offline = touristicEventInStore && touristicEventInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicEvent.attachments && this.touristicEvent.attachments[0] && this.touristicEvent.attachments[0].url) {\n      this.swiperTouristicEventRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicEventMouseOver.emit(this.touristicEvent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicEventMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicEventType = state.touristicEventTypes.find(touristicEventType => touristicEventType.id === this.touristicEvent.type);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-event-card\"\n          class={\n            this.isLargeView\n              ? `touristic-event-card touristic-event-card-large-view-container${\n                  state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : ` touristic-event-card touristic-event-card-container${state.selectedTouristicEventId === this.touristicEvent.id ? ' selected-touristic-event-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicEventCardPress.emit(this.touristicEvent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-event-img-container\" class=\"touristic-event-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-event\" class=\"swiper swiper-touristic-event\" ref={el => (this.swiperTouristicEventRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicEvent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-event-img\"\n                            class={`touristic-event-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-event-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-event-img\" class=\"default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicEventRef = el)}\n                ></div>\n                <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElTouristicEventRef = el)}></div>\n                <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElTouristicEventRef = el)}></div>\n              </div>\n            ) : this.touristicEvent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-event-img\"\n                class=\"touristic-event-img\"\n                src={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicEvent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-event-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n            )}\n          </div>\n          <div part=\"touristic-event-sub-container\" class=\"touristic-event-sub-container\">\n            <div part=\"touristic-event-type-container\" class=\"touristic-event-type-container\">\n              {touristicEventType && touristicEventType.pictogram && (\n                <img part=\"touristic-event-type-img\" class=\"touristic-event-type-img\" src={touristicEventType.pictogram} alt=\"\" />\n              )}\n              {touristicEventType && touristicEventType.type && (\n                <div part=\"touristic-event-type-name\" class=\"touristic-event-type-name\">\n                  {touristicEventType.type}\n                </div>\n              )}\n            </div>\n            <div part=\"touristic-event-name\" class=\"touristic-event-name\">\n              {this.touristicEvent.name}\n            </div>\n            {(this.touristicEvent.begin_date || this.touristicEvent.end_date) && (\n              <div part=\"touristic-event-date-container\" class=\"touristic-event-date-container\">\n                {this.touristicEvent.begin_date === this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].date} : {this.touristicEvent.begin_date}\n                  </div>\n                )}\n                {this.touristicEvent.begin_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].startDate} : {this.touristicEvent.begin_date}\n                  </div>\n                )}\n                {this.touristicEvent.end_date && this.touristicEvent.begin_date !== this.touristicEvent.end_date && (\n                  <div part=\"touristic-event-date\" class=\"touristic-event-date\">\n                    {translate[state.language].endDate} : {this.touristicEvent.end_date}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-event-more-detail-container\" class=\"touristic-event-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicEventCardPress.emit(this.touristicEvent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/collection/components/grw-poi-detail/grw-poi.js

@@ -87,7 +87,7 @@ export class GrwPoiDetail {
                 event.target.onerror = null;
                 event.target.className = 'default-poi-img';
                 event.target.src = defaultImageSrc;
-            }, onClick: () => this.handleFullscreen() }))))) : (h("div", { part: "swiper-slide", class: "swiper-slide" }, h("img", { part: "default-poi-img", class: "default-poi-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), h("div", { key: 'b1b21bdbd7dfd45939de6e63f07f1df05ef294d6', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), h("div", { key: '7d6ee951aa39a9fe85718ed1bc4fd74393343847', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), h("div", { key: '9583d0a012a6ce39c7968dee78c6b0427cac5916', style: { display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), h("div", { key: 'cc93f52de9826671a30853dea8234ae76912d643', part: "poi-sub-container", class: "poi-sub-container" }, h("div", { key: '24c55ee93982b92564c31e371d616d7dedad284e', part: "poi-name", class: "poi-name" }, this.poi.name), h("div", { key: '97935af72b0672f78b1757bb82f742bf706188b0', part: "poi-description", class: this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description', innerHTML: this.poi.description, ref: el => (this.descriptionRef = el) }), h("div", { key: 'ec3f2bcf7d91ba1bb82f3bf46c5b2f5f137e6769', part: "handle-poi-description", class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)))));
+            }, onClick: () => this.handleFullscreen() }))))) : (h("div", { part: "swiper-slide", class: "swiper-slide" }, h("img", { part: "default-poi-img", class: "default-poi-img", src: defaultImageSrc, alt: "", loading: "lazy" })))), h("div", { key: 'ad45324ca7b75a831dcc1ef67c8c39393bce78ca', style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElPoiRef = el) }), h("div", { key: 'c0932197c3580e9cbb412c050afa271ade756192', style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElPoiRef = el) }), h("div", { key: 'b66ddb0cd5880f5895eac6ea024ee71048a319a2', style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElPoiRef = el) }))), h("div", { key: '049b2849529671a31da1ed75976b519d2f42bc90', part: "poi-sub-container", class: "poi-sub-container" }, h("div", { key: 'b34bfcbc2533bab1c21910c4e860823e3892dba6', part: "poi-name", class: "poi-name" }, this.poi.name), h("div", { key: 'cd65421b578819cdd7ee5bde4af57981da625628', part: "poi-description", class: this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description', innerHTML: this.poi.description, ref: el => (this.descriptionRef = el) }), h("div", { key: '32d0afd9faf442cf3a6fc6cb6d77f71eec33ae18', part: "handle-poi-description", class: "handle-poi-description", onClick: () => this.handlePoiDescription() }, this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)))));
     }
     static get is() { return "grw-poi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grw-poi-detail/grw-poi.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-poi.js","sourceRoot":"","sources":["../../../src/components/grw-poi-detail/grw-poi.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n  tag: 'grw-poi',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  descriptionRef?: HTMLDivElement;\n\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() showPoiDescriptionButton = false;\n  @State() displayFullscreen = false;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperPoi) {\n      this.swiperPoi.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperPoiRef && !this.swiperPoi) {\n      this.swiperPoi = new Swiper(this.swiperPoiRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElPoiRef,\n          nextEl: this.nextElPoiRef,\n        },\n        pagination: { el: this.paginationElPoiRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperPoiRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperPoi.keyboard.enable();\n        } else {\n          this.swiperPoi.keyboard.disable();\n        }\n      };\n      this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n      if (trekInStore && trekInStore.offline) {\n        this.offline = Boolean(poiInStore);\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n        this.offline = Boolean(poiInStore);\n      }\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n          <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n          <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n            <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n              {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img\n                        part=\"poi-iamg\"\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        alt={attachment.legend}\n                        loading=\"lazy\"\n                        /* @ts-ignore */\n                        onerror={event => {\n                          event.target.onerror = null;\n                          event.target.className = 'default-poi-img';\n                          event.target.src = defaultImageSrc;\n                        }}\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div part=\"swiper-slide\" class=\"swiper-slide\">\n                  <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n              part=\"swiper-pagination\"\n              class=\"swiper-pagination\"\n              ref={el => (this.paginationElPoiRef = el)}\n            ></div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }}\n              part=\"swiper-button-prev\"\n              class=\"swiper-button-prev\"\n              ref={el => (this.prevElPoiRef = el)}\n            ></div>\n            <div\n              style={{ display: this.offline || this.poi.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'flex' }}\n              part=\"swiper-button-next\"\n              class=\"swiper-button-next\"\n              ref={el => (this.nextElPoiRef = el)}\n            ></div>\n          </div>\n        </div>\n        <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n          <div part=\"poi-name\" class=\"poi-name\">\n            {this.poi.name}\n          </div>\n          <div\n            part=\"poi-description\"\n            class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n            innerHTML={this.poi.description}\n            ref={el => (this.descriptionRef = el)}\n          ></div>\n          <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"grw-poi.js","sourceRoot":"","sources":["../../../src/components/grw-poi-detail/grw-poi.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Build, getAssetPath, Listen } from '@stencil/core';\nimport Swiper, { Navigation, Pagination, Keyboard } from 'swiper';\nimport state from 'store/store';\nimport { OutdoorSite, Poi, Trek } from 'types/types';\nimport { translate } from 'i18n/i18n';\nimport { getDataInStore } from 'services/grw-db.service';\n\n@Component({\n  tag: 'grw-poi',\n  styleUrl: 'grw-poi.scss',\n  shadow: true,\n})\nexport class GrwPoiDetail {\n  swiperPoi?: Swiper;\n  swiperPoiRef?: HTMLDivElement;\n  prevElPoiRef?: HTMLDivElement;\n  nextElPoiRef?: HTMLDivElement;\n  paginationElPoiRef?: HTMLDivElement;\n  descriptionRef?: HTMLDivElement;\n\n  @Prop() poi: Poi;\n  @State() displayShortDescription = true;\n  @State() showPoiDescriptionButton = false;\n  @State() displayFullscreen = false;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperPoi) {\n      this.swiperPoi.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperPoiRef && !this.swiperPoi) {\n      this.swiperPoi = new Swiper(this.swiperPoiRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElPoiRef,\n          nextEl: this.nextElPoiRef,\n        },\n        pagination: { el: this.paginationElPoiRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperPoiRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperPoi.keyboard.enable();\n        } else {\n          this.swiperPoi.keyboard.disable();\n        }\n      };\n      this.showPoiDescriptionButton = this.descriptionRef.clientHeight < this.descriptionRef.scrollHeight;\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  handlePoiDescription() {\n    this.displayShortDescription = !this.displayShortDescription;\n  }\n\n  handleFullscreen() {\n    if (this.poi.attachments && this.poi.attachments[0] && this.poi.attachments[0].url) {\n      this.swiperPoiRef.requestFullscreen();\n    }\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n      if (trekInStore && trekInStore.offline) {\n        this.offline = Boolean(poiInStore);\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const poiInStore: Poi = await getDataInStore('pois', this.poi.id);\n        this.offline = Boolean(poiInStore);\n      }\n    }\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    return (\n      <Host>\n        <div part=\"poi-type-img-container\" class=\"poi-type-img-container\">\n          <img part=\"poi-type\" class=\"poi-type\" src={`${state.poiTypes.find(poiType => poiType.id === this.poi.type)?.pictogram}`} alt=\"\" />\n          <div part=\"swiper-poi\" class=\"swiper swiper-poi\" ref={el => (this.swiperPoiRef = el)}>\n            <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n              {this.poi.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                this.poi.attachments\n                  .filter(attachment => attachment.type === 'image')\n                  .map(attachment => (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img\n                        part=\"poi-iamg\"\n                        class={`poi-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                        src={this.displayFullscreen ? attachment.url : attachment.thumbnail}\n                        alt={attachment.legend}\n                        loading=\"lazy\"\n                        /* @ts-ignore */\n                        onerror={event => {\n                          event.target.onerror = null;\n                          event.target.className = 'default-poi-img';\n                          event.target.src = defaultImageSrc;\n                        }}\n                        onClick={() => this.handleFullscreen()}\n                      />\n                    </div>\n                  ))\n              ) : (\n                <div part=\"swiper-slide\" class=\"swiper-slide\">\n                  <img part=\"default-poi-img\" class=\"default-poi-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n                </div>\n              )}\n            </div>\n            <div style={{ display: this.offline ? 'none' : 'block' }} part=\"swiper-pagination\" class=\"swiper-pagination\" ref={el => (this.paginationElPoiRef = el)}></div>\n            <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-prev\" class=\"swiper-button-prev\" ref={el => (this.prevElPoiRef = el)}></div>\n            <div style={{ display: this.offline ? 'none' : 'flex' }} part=\"swiper-button-next\" class=\"swiper-button-next\" ref={el => (this.nextElPoiRef = el)}></div>\n          </div>\n        </div>\n        <div part=\"poi-sub-container\" class=\"poi-sub-container\">\n          <div part=\"poi-name\" class=\"poi-name\">\n            {this.poi.name}\n          </div>\n          <div\n            part=\"poi-description\"\n            class={this.displayShortDescription ? 'poi-description poi-description-short' : 'poi-description'}\n            innerHTML={this.poi.description}\n            ref={el => (this.descriptionRef = el)}\n          ></div>\n          <div part=\"handle-poi-description\" class=\"handle-poi-description\" onClick={() => this.handlePoiDescription()}>\n            {this.showPoiDescriptionButton && (this.displayShortDescription ? translate[state.language].readMore : translate[state.language].readLess)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/grw-touristic-content-card/grw-touristic-content-card.js

@@ -98,7 +98,7 @@ export class GrwTouristicContentCard {
                 event.target.onerror = null;
                 event.target.className = 'default-touristic-content-img';
                 event.target.src = defaultImageSrc;
-            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (h("div", { part: "swiper-slide", class: "swiper-slide" }, h("img", { part: "default-touristic-content-img", src: defaultImageSrc, class: "default-touristic-content-img", alt: "", loading: "lazy" })))), h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicContentRef = el) }), h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicContentRef = el) }), h("div", { style: { display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicContentRef = el) }))) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (h("img", { part: "touristic-content-img", class: "touristic-content-img", src: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (h("img", { class: "image default-touristic-content-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), h("div", { key: '8dbe1db411f7bfa1a0b6968781f28e19552c5633', part: "touristic-content-sub-container", class: "touristic-content-sub-container" }, h("div", { key: '4cd797dcd1451127e55912631714f435565842a9', part: "touristic-content-category-container", class: "touristic-content-category-container" }, touristicContentCategory && touristicContentCategory.pictogram && (h("img", { part: "touristic-content-category-img", class: "touristic-content-category-img", src: touristicContentCategory.pictogram, alt: "" })), h("div", { key: 'f55320d0462ed61aaac6bbeea2bf4d4f5a68952c', part: "touristic-content-category-name", class: "touristic-content-category-name" }, touristicContentCategory.label)), h("div", { key: '347252411c0616808655bfea1109078240c3952e', part: "touristic-content-name", class: "touristic-content-name" }, this.touristicContent.name)), this.isInsideHorizontalList && (h("div", { part: "touristic-content-more-detail-container", class: "touristic-content-more-detail-container" }, h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicContentCardPress.emit(this.touristicContent.id) }, "Plus de d\u00E9tails"))))));
+            }, onClick: () => this.handleFullscreen(), alt: attachment.legend }))))) : (h("div", { part: "swiper-slide", class: "swiper-slide" }, h("img", { part: "default-touristic-content-img", src: defaultImageSrc, class: "default-touristic-content-img", alt: "", loading: "lazy" })))), h("div", { style: { display: this.offline ? 'none' : 'block' }, part: "swiper-pagination", class: "swiper-pagination", ref: el => (this.paginationElTouristicContentRef = el) }), h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-prev", class: "swiper-button-prev", ref: el => (this.prevElTouristicContentRef = el) }), h("div", { style: { display: this.offline ? 'none' : 'flex' }, part: "swiper-button-next", class: "swiper-button-next", ref: el => (this.nextElTouristicContentRef = el) }))) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (h("img", { part: "touristic-content-img", class: "touristic-content-img", src: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`, alt: `${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy" })) : (h("img", { class: "image default-touristic-content-img", src: defaultImageSrc, loading: "lazy", alt: "" }))), h("div", { key: 'f9238be9feb7faff38f04d4a367ebaf7df83522e', part: "touristic-content-sub-container", class: "touristic-content-sub-container" }, h("div", { key: '9eada8f244529c1fa64b9162185a315b89634802', part: "touristic-content-category-container", class: "touristic-content-category-container" }, touristicContentCategory && touristicContentCategory.pictogram && (h("img", { part: "touristic-content-category-img", class: "touristic-content-category-img", src: touristicContentCategory.pictogram, alt: "" })), h("div", { key: '7f371b852730cddde844e5c7255c67a84b43e2aa', part: "touristic-content-category-name", class: "touristic-content-category-name" }, touristicContentCategory.label)), h("div", { key: 'ac31930c2f67b4f4f253e02da4db8e43188fe1bb', part: "touristic-content-name", class: "touristic-content-name" }, this.touristicContent.name)), this.isInsideHorizontalList && (h("div", { part: "touristic-content-more-detail-container", class: "touristic-content-more-detail-container" }, h("button", { part: "more-details-button", class: "more-details-button", onClick: () => this.touristicContentCardPress.emit(this.touristicContent.id) }, "Plus de d\u00E9tails"))))));
     }
     static get is() { return "grw-touristic-content-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grw-touristic-content-card/grw-touristic-content-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"grw-touristic-content-card.js","sourceRoot":"","sources":["../../../src/components/grw-touristic-content-card/grw-touristic-content-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content-card',\n  styleUrl: 'grw-touristic-content-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicContentCard {\n  @Event() touristicContentCardPress: EventEmitter<number>;\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicContent: TouristicContent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n  @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicContent) {\n      this.swiperTouristicContent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n      this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicContentRef,\n          nextEl: this.nextElTouristicContentRef,\n        },\n        pagination: { el: this.paginationElTouristicContentRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicContentRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicContent.keyboard.enable();\n        } else {\n          this.swiperTouristicContent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicContentMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-content-card\"\n          class={\n            this.isLargeView\n              ? `touristic-content-card touristic-content-card-large-view-container${\n                  state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicContentCardPress.emit(this.touristicContent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicContent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-content-img\"\n                            class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-content-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-prev\"\n                  class=\"swiper-button-prev\"\n                  ref={el => (this.prevElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline || this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length <= 1 ? 'none' : 'block' }}\n                  part=\"swiper-button-next\"\n                  class=\"swiper-button-next\"\n                  ref={el => (this.nextElTouristicContentRef = el)}\n                ></div>\n              </div>\n            ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-content-img\"\n                class=\"touristic-content-img\"\n                src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n            )}\n          </div>\n          <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n            <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n              {touristicContentCategory && touristicContentCategory.pictogram && (\n                <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n              )}\n              <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n                {touristicContentCategory.label}\n              </div>\n            </div>\n            <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n              {this.touristicContent.name}\n            </div>\n          </div>\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"grw-touristic-content-card.js","sourceRoot":"","sources":["../../../src/components/grw-touristic-content-card/grw-touristic-content-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, Host, getAssetPath, h, State, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { getDataInStore } from 'services/grw-db.service';\nimport state from 'store/store';\nimport Swiper, { Keyboard, Navigation, Pagination } from 'swiper';\nimport { OutdoorSite, TouristicContent, Trek } from 'types/types';\n\n@Component({\n  tag: 'grw-touristic-content-card',\n  styleUrl: 'grw-touristic-content-card.scss',\n  shadow: true,\n})\nexport class GrwTouristicContentCard {\n  @Event() touristicContentCardPress: EventEmitter<number>;\n  swiperTouristicContent?: Swiper;\n  swiperTouristicContentRef?: HTMLDivElement;\n  prevElTouristicContentRef?: HTMLDivElement;\n  nextElTouristicContentRef?: HTMLDivElement;\n  paginationElTouristicContentRef?: HTMLDivElement;\n\n  @Prop() fontFamily = 'Roboto';\n\n  @Prop() touristicContent: TouristicContent;\n  @Prop() isLargeView = false;\n  @Prop() isInsideHorizontalList = false;\n  @State() displayFullscreen = false;\n\n  @Event() cardTouristicContentMouseOver: EventEmitter<number>;\n  @Event() cardTouristicContentMouseLeave: EventEmitter;\n\n  @State() offline = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    if (this.swiperTouristicContent) {\n      this.swiperTouristicContent.slideTo(0);\n    }\n    this.offline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.offline = false;\n  }\n\n  handleSwipers() {\n    if (this.swiperTouristicContentRef && !this.swiperTouristicContent) {\n      this.swiperTouristicContent = new Swiper(this.swiperTouristicContentRef, {\n        modules: [Navigation, Pagination, Keyboard],\n        navigation: {\n          prevEl: this.prevElTouristicContentRef,\n          nextEl: this.nextElTouristicContentRef,\n        },\n        pagination: { el: this.paginationElTouristicContentRef },\n        allowTouchMove: false,\n        keyboard: false,\n        loop: true,\n      });\n      this.swiperTouristicContentRef.onfullscreenchange = () => {\n        this.displayFullscreen = !this.displayFullscreen && !this.offline;\n        if (this.displayFullscreen) {\n          this.swiperTouristicContent.keyboard.enable();\n        } else {\n          this.swiperTouristicContent.keyboard.disable();\n        }\n      };\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSwipers();\n  }\n\n  componentDidLoad() {\n    this.handleOffline();\n    this.handleSwipers();\n  }\n\n  async handleOffline() {\n    if (state.currentTrek) {\n      const trekInStore: Trek = await getDataInStore('treks', state.currentTrek.id);\n      if (trekInStore && trekInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    } else if (state.currentOutdoorSite) {\n      const outdoorSiteInStore: OutdoorSite = await getDataInStore('outdoorSites', state.currentOutdoorSite.id);\n      if (outdoorSiteInStore && outdoorSiteInStore.offline) {\n        const touristicContentInStore: TouristicContent = await getDataInStore('touristicContents', this.touristicContent.id);\n        this.offline = touristicContentInStore && touristicContentInStore.offline;\n      }\n    }\n  }\n\n  handleFullscreen() {\n    if (this.touristicContent.attachments && this.touristicContent.attachments[0] && this.touristicContent.attachments[0].url) {\n      this.swiperTouristicContentRef.requestFullscreen();\n    }\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTouristicContentMouseOver.emit(this.touristicContent.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTouristicContentMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n    const touristicContentCategory = state.touristicContentCategories.find(touristicContentCategory => touristicContentCategory.id === this.touristicContent.category);\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n        }}\n      >\n        <div\n          part=\"touristic-content-card\"\n          class={\n            this.isLargeView\n              ? `touristic-content-card touristic-content-card-large-view-container${\n                  state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''\n                }${!this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''}`\n              : `touristic-content-card touristic-content-card-container${state.selectedTouristicContentId === this.touristicContent.id ? ' selected-touristic-content-card' : ''}${\n                  !this.isInsideHorizontalList ? ' is-inside-vertical-list' : ''\n                }`\n          }\n          onClick={() => {\n            if (!this.isInsideHorizontalList) {\n              this.touristicContentCardPress.emit(this.touristicContent.id);\n            }\n          }}\n        >\n          <div part=\"touristic-content-img-container\" class=\"touristic-content-img-container\">\n            {this.isInsideHorizontalList ? (\n              <div part=\"swiper-touristic-content\" class=\"swiper swiper-touristic-content\" ref={el => (this.swiperTouristicContentRef = el)}>\n                <div part=\"swiper-wrapper\" class=\"swiper-wrapper\">\n                  {this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                    this.touristicContent.attachments\n                      .filter(attachment => attachment.type === 'image')\n                      .map(attachment => (\n                        <div part=\"swiper-slide\" class=\"swiper-slide\">\n                          <img\n                            part=\"touristic-content-img\"\n                            class={`touristic-content-img${this.displayFullscreen ? ' img-fullscreen' : ''}`}\n                            src={this.displayFullscreen ? (this.offline ? attachment.thumbnail : attachment.url) : attachment.thumbnail}\n                            loading=\"lazy\"\n                            /* @ts-ignore */\n                            onerror={event => {\n                              event.target.onerror = null;\n                              event.target.className = 'default-touristic-content-img';\n                              event.target.src = defaultImageSrc;\n                            }}\n                            onClick={() => this.handleFullscreen()}\n                            alt={attachment.legend}\n                          />\n                        </div>\n                      ))\n                  ) : (\n                    <div part=\"swiper-slide\" class=\"swiper-slide\">\n                      <img part=\"default-touristic-content-img\" src={defaultImageSrc} class=\"default-touristic-content-img\" alt=\"\" loading=\"lazy\" />\n                    </div>\n                  )}\n                </div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'block' }}\n                  part=\"swiper-pagination\"\n                  class=\"swiper-pagination\"\n                  ref={el => (this.paginationElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'flex' }}\n                  part=\"swiper-button-prev\"\n                  class=\"swiper-button-prev\"\n                  ref={el => (this.prevElTouristicContentRef = el)}\n                ></div>\n                <div\n                  style={{ display: this.offline ? 'none' : 'flex' }}\n                  part=\"swiper-button-next\"\n                  class=\"swiper-button-next\"\n                  ref={el => (this.nextElTouristicContentRef = el)}\n                ></div>\n              </div>\n            ) : this.touristicContent.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n              <img\n                part=\"touristic-content-img\"\n                class=\"touristic-content-img\"\n                src={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail}`}\n                alt={`${this.touristicContent.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                loading=\"lazy\"\n              />\n            ) : (\n              <img class=\"image default-touristic-content-img\" src={defaultImageSrc} loading=\"lazy\" alt=\"\" />\n            )}\n          </div>\n          <div part=\"touristic-content-sub-container\" class=\"touristic-content-sub-container\">\n            <div part=\"touristic-content-category-container\" class=\"touristic-content-category-container\">\n              {touristicContentCategory && touristicContentCategory.pictogram && (\n                <img part=\"touristic-content-category-img\" class=\"touristic-content-category-img\" src={touristicContentCategory.pictogram} alt=\"\" />\n              )}\n              <div part=\"touristic-content-category-name\" class=\"touristic-content-category-name\">\n                {touristicContentCategory.label}\n              </div>\n            </div>\n            <div part=\"touristic-content-name\" class=\"touristic-content-name\">\n              {this.touristicContent.name}\n            </div>\n          </div>\n          {this.isInsideHorizontalList && (\n            <div part=\"touristic-content-more-detail-container\" class=\"touristic-content-more-detail-container\">\n              <button part=\"more-details-button\" class=\"more-details-button\" onClick={() => this.touristicContentCardPress.emit(this.touristicContent.id)}>\n                Plus de détails\n              </button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}