@geotrekce/geotrek-rando-widget 0.24.0 → 0.24.2

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-125fa3c2.js');
+const store = require('./store-bb31cc39.js');
+const treks_service = require('./treks.service-829e772f.js');
+const utils = require('./utils-ecb968ac.js');
+const moving = require('./moving-6504a9b0.js');
+const grwDb_service = require('./grw-db.service-bf1973a5.js');
+
+const grwSensitiveAreaDetailCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--color-on-surface)}:host a{color:var(--color-primary-app)}.sensitive-area-title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sensitive-area-title-container .sensitive-area-color-container{width:20px;height:20px;margin-right:8px;border:3px solid var(--color-sensitive-area);position:relative}.sensitive-area-title-container .sensitive-area-color-container:before{content:\"\";width:20px;height:20px;background-color:var(--color-sensitive-area);opacity:0.2;position:absolute}.sensitive-area-title-container .sensitive-area-title{font-size:20px;line-height:28px;padding:12px 0px;font-weight:600}.sensitive-area-description{font-size:16px;line-height:24px}.sensitive-area-description p:first-child{margin-top:0}.sensitive-area-period-container .sensitive-area-period-title,.sensitive-area-period-container .sensitive-area-practice-title,.sensitive-area-period-container .sensitive-area-contact-title,.sensitive-area-practice-container .sensitive-area-period-title,.sensitive-area-practice-container .sensitive-area-practice-title,.sensitive-area-practice-container .sensitive-area-contact-title,.sensitive-area-contact-container .sensitive-area-period-title,.sensitive-area-contact-container .sensitive-area-practice-title,.sensitive-area-contact-container .sensitive-area-contact-title{font-size:18px;line-height:24px;padding:12px 0px;font-weight:600}.sensitive-area-period-container .sensitive-area-periods,.sensitive-area-period-container .sensitive-area-practices,.sensitive-area-practice-container .sensitive-area-periods,.sensitive-area-practice-container .sensitive-area-practices,.sensitive-area-contact-container .sensitive-area-periods,.sensitive-area-contact-container .sensitive-area-practices{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const GrwSensitiveAreaDetailStyle0 = grwSensitiveAreaDetailCss;
+
+const GrwSensitiveAreaDetail = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sensitiveArea = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '836f62df8db86e542102c5a0ce18456cc6a13ba5' }, index.h("div", { key: '41d3b6db72c8132f960bb5ac8273e2ee9894c60e', part: "sensitive-area-title-container", class: "sensitive-area-title-container" }, index.h("div", { key: '1ca1d6a4e6aa1c36335389ad3348df6012f84741', part: "sensitive-area-color-container", class: "sensitive-area-color-container" }), index.h("div", { key: 'c39934c070e9ef2a24e1284e212d012c01f78a00', part: "sensitive-area-title", class: "sensitive-area-title" }, this.sensitiveArea.name)), index.h("div", { key: 'a046625ca1d91038115fbc2b6f2bac5968d564ca', part: "sensitive-area-description", class: "sensitive-area-description", innerHTML: this.sensitiveArea.description }), this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (index.h("div", { part: "sensitive-area-practice-container", class: "sensitive-area-practice-container" }, index.h("div", { part: "sensitive-area-practice-title", class: "sensitive-area-practice-title" }, "Domaines d'activit\u00E9s concern\u00E9s"), index.h("div", { part: "sensitive-area-practices", class: "sensitive-area-practices" }, this.sensitiveArea.practices.map((sensitiveAreaPractice, index$1) => {
+            const practice = store.state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);
+            if (practice) {
+                return (index.h("div", { part: "sensitive-area-practice", class: "sensitive-area-practice", innerHTML: `${practice.name.toUpperCase()}${index$1 + 1 !== this.sensitiveArea.practices.length ? ' - ' : ''}` }));
+            }
+        })))), this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (index.h("div", { part: "sensitive-area-period-container", class: "sensitive-area-period-container" }, index.h("div", { part: "sensitive-area-period-title", class: "sensitive-area-period-title" }, "P\u00E9riodes de sensibilit\u00E9"), index.h("div", { part: "sensitive-area-periods", class: "sensitive-area-periods" }, this.sensitiveArea.period.map((month, index$1) => {
+            if (month) {
+                return (index.h("div", { part: "sensitive-area-period", class: "sensitive-area-period", innerHTML: `${new Date(0, index$1 + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${this.sensitiveArea.period.slice(index$1 + 1).find(month => month) ? ' - ' : ''}` }));
+            }
+        })))), index.h("div", { key: 'd05dbcb237cd85322b1dfa3f0cf3db0420795b87', part: "sensitive-area-contact-container", class: "sensitive-area-contact-container" }, index.h("div", { key: '13a2cc68fa86e7feaa727461968fb8d953f4835c', part: "sensitive-area-contact-title", class: "sensitive-area-contact-title" }, "Contact"), index.h("div", { key: 'd061933c75ae6ac2ad7330c7916ee8f5c22e8fa4', part: "sensitive-area-contact-value", class: "sensitive-area-contact-value", innerHTML: this.sensitiveArea.contact }))));
+    }
+};
+GrwSensitiveAreaDetail.style = GrwSensitiveAreaDetailStyle0;
+
+const OfflinePinIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="currentColor" d="M320-280h320v-80H320v80Zm118-120 226-226-57-55-169 169-86-86-56 56 142 142Zm42 320q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>`;
+
+var slugify$1 = {exports: {}};
+
+(function (module, exports) {
+(function (name, root, factory) {
+  {
+    module.exports = factory();
+    module.exports['default'] = factory();
+  }
+}('slugify', grwDb_service.commonjsGlobal, function () {
+  var charMap = JSON.parse('{"$":"dollar","%":"percent","&":"and","<":"less",">":"greater","|":"or","¢":"cent","£":"pound","¤":"currency","¥":"yen","©":"(c)","ª":"a","®":"(r)","º":"o","À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Æ":"AE","Ç":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","Þ":"TH","ß":"ss","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","æ":"ae","ç":"c","è":"e","é":"e","ê":"e","ë":"e","ì":"i","í":"i","î":"i","ï":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","þ":"th","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Č":"C","č":"c","Ď":"D","ď":"d","Đ":"DJ","đ":"dj","Ē":"E","ē":"e","Ė":"E","ė":"e","Ę":"e","ę":"e","Ě":"E","ě":"e","Ğ":"G","ğ":"g","Ģ":"G","ģ":"g","Ĩ":"I","ĩ":"i","Ī":"i","ī":"i","Į":"I","į":"i","İ":"I","ı":"i","Ķ":"k","ķ":"k","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ł":"L","ł":"l","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","Ō":"O","ō":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","Ŕ":"R","ŕ":"r","Ř":"R","ř":"r","Ś":"S","ś":"s","Ş":"S","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","Ť":"T","ť":"t","Ũ":"U","ũ":"u","Ū":"u","ū":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","Ə":"E","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Lj":"LJ","lj":"lj","Nj":"NJ","nj":"nj","Ș":"S","ș":"s","Ț":"T","ț":"t","ə":"e","˚":"o","Ά":"A","Έ":"E","Ή":"H","Ί":"I","Ό":"O","Ύ":"Y","Ώ":"W","ΐ":"i","Α":"A","Β":"B","Γ":"G","Δ":"D","Ε":"E","Ζ":"Z","Η":"H","Θ":"8","Ι":"I","Κ":"K","Λ":"L","Μ":"M","Ν":"N","Ξ":"3","Ο":"O","Π":"P","Ρ":"R","Σ":"S","Τ":"T","Υ":"Y","Φ":"F","Χ":"X","Ψ":"PS","Ω":"W","Ϊ":"I","Ϋ":"Y","ά":"a","έ":"e","ή":"h","ί":"i","ΰ":"y","α":"a","β":"b","γ":"g","δ":"d","ε":"e","ζ":"z","η":"h","θ":"8","ι":"i","κ":"k","λ":"l","μ":"m","ν":"n","ξ":"3","ο":"o","π":"p","ρ":"r","ς":"s","σ":"s","τ":"t","υ":"y","φ":"f","χ":"x","ψ":"ps","ω":"w","ϊ":"i","ϋ":"y","ό":"o","ύ":"y","ώ":"w","Ё":"Yo","Ђ":"DJ","Є":"Ye","І":"I","Ї":"Yi","Ј":"J","Љ":"LJ","Њ":"NJ","Ћ":"C","Џ":"DZ","А":"A","Б":"B","В":"V","Г":"G","Д":"D","Е":"E","Ж":"Zh","З":"Z","И":"I","Й":"J","К":"K","Л":"L","М":"M","Н":"N","О":"O","П":"P","Р":"R","С":"S","Т":"T","У":"U","Ф":"F","Х":"H","Ц":"C","Ч":"Ch","Ш":"Sh","Щ":"Sh","Ъ":"U","Ы":"Y","Ь":"","Э":"E","Ю":"Yu","Я":"Ya","а":"a","б":"b","в":"v","г":"g","д":"d","е":"e","ж":"zh","з":"z","и":"i","й":"j","к":"k","л":"l","м":"m","н":"n","о":"o","п":"p","р":"r","с":"s","т":"t","у":"u","ф":"f","х":"h","ц":"c","ч":"ch","ш":"sh","щ":"sh","ъ":"u","ы":"y","ь":"","э":"e","ю":"yu","я":"ya","ё":"yo","ђ":"dj","є":"ye","і":"i","ї":"yi","ј":"j","љ":"lj","њ":"nj","ћ":"c","ѝ":"u","џ":"dz","Ґ":"G","ґ":"g","Ғ":"GH","ғ":"gh","Қ":"KH","қ":"kh","Ң":"NG","ң":"ng","Ү":"UE","ү":"ue","Ұ":"U","ұ":"u","Һ":"H","һ":"h","Ә":"AE","ә":"ae","Ө":"OE","ө":"oe","Ա":"A","Բ":"B","Գ":"G","Դ":"D","Ե":"E","Զ":"Z","Է":"E\'","Ը":"Y\'","Թ":"T\'","Ժ":"JH","Ի":"I","Լ":"L","Խ":"X","Ծ":"C\'","Կ":"K","Հ":"H","Ձ":"D\'","Ղ":"GH","Ճ":"TW","Մ":"M","Յ":"Y","Ն":"N","Շ":"SH","Չ":"CH","Պ":"P","Ջ":"J","Ռ":"R\'","Ս":"S","Վ":"V","Տ":"T","Ր":"R","Ց":"C","Փ":"P\'","Ք":"Q\'","Օ":"O\'\'","Ֆ":"F","և":"EV","ء":"a","آ":"aa","أ":"a","ؤ":"u","إ":"i","ئ":"e","ا":"a","ب":"b","ة":"h","ت":"t","ث":"th","ج":"j","ح":"h","خ":"kh","د":"d","ذ":"th","ر":"r","ز":"z","س":"s","ش":"sh","ص":"s","ض":"dh","ط":"t","ظ":"z","ع":"a","غ":"gh","ف":"f","ق":"q","ك":"k","ل":"l","م":"m","ن":"n","ه":"h","و":"w","ى":"a","ي":"y","ً":"an","ٌ":"on","ٍ":"en","َ":"a","ُ":"u","ِ":"e","ْ":"","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","پ":"p","چ":"ch","ژ":"zh","ک":"k","گ":"g","ی":"y","۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","฿":"baht","ა":"a","ბ":"b","გ":"g","დ":"d","ე":"e","ვ":"v","ზ":"z","თ":"t","ი":"i","კ":"k","ლ":"l","მ":"m","ნ":"n","ო":"o","პ":"p","ჟ":"zh","რ":"r","ს":"s","ტ":"t","უ":"u","ფ":"f","ქ":"k","ღ":"gh","ყ":"q","შ":"sh","ჩ":"ch","ც":"ts","ძ":"dz","წ":"ts","ჭ":"ch","ხ":"kh","ჯ":"j","ჰ":"h","Ṣ":"S","ṣ":"s","Ẁ":"W","ẁ":"w","Ẃ":"W","ẃ":"w","Ẅ":"W","ẅ":"w","ẞ":"SS","Ạ":"A","ạ":"a","Ả":"A","ả":"a","Ấ":"A","ấ":"a","Ầ":"A","ầ":"a","Ẩ":"A","ẩ":"a","Ẫ":"A","ẫ":"a","Ậ":"A","ậ":"a","Ắ":"A","ắ":"a","Ằ":"A","ằ":"a","Ẳ":"A","ẳ":"a","Ẵ":"A","ẵ":"a","Ặ":"A","ặ":"a","Ẹ":"E","ẹ":"e","Ẻ":"E","ẻ":"e","Ẽ":"E","ẽ":"e","Ế":"E","ế":"e","Ề":"E","ề":"e","Ể":"E","ể":"e","Ễ":"E","ễ":"e","Ệ":"E","ệ":"e","Ỉ":"I","ỉ":"i","Ị":"I","ị":"i","Ọ":"O","ọ":"o","Ỏ":"O","ỏ":"o","Ố":"O","ố":"o","Ồ":"O","ồ":"o","Ổ":"O","ổ":"o","Ỗ":"O","ỗ":"o","Ộ":"O","ộ":"o","Ớ":"O","ớ":"o","Ờ":"O","ờ":"o","Ở":"O","ở":"o","Ỡ":"O","ỡ":"o","Ợ":"O","ợ":"o","Ụ":"U","ụ":"u","Ủ":"U","ủ":"u","Ứ":"U","ứ":"u","Ừ":"U","ừ":"u","Ử":"U","ử":"u","Ữ":"U","ữ":"u","Ự":"U","ự":"u","Ỳ":"Y","ỳ":"y","Ỵ":"Y","ỵ":"y","Ỷ":"Y","ỷ":"y","Ỹ":"Y","ỹ":"y","–":"-","‘":"\'","’":"\'","“":"\\\"","”":"\\\"","„":"\\\"","†":"+","•":"*","…":"...","₠":"ecu","₢":"cruzeiro","₣":"french franc","₤":"lira","₥":"mill","₦":"naira","₧":"peseta","₨":"rupee","₩":"won","₪":"new shequel","₫":"dong","€":"euro","₭":"kip","₮":"tugrik","₯":"drachma","₰":"penny","₱":"peso","₲":"guarani","₳":"austral","₴":"hryvnia","₵":"cedi","₸":"kazakhstani tenge","₹":"indian rupee","₺":"turkish lira","₽":"russian ruble","₿":"bitcoin","℠":"sm","™":"tm","∂":"d","∆":"delta","∑":"sum","∞":"infinity","♥":"love","元":"yuan","円":"yen","﷼":"rial","ﻵ":"laa","ﻷ":"laa","ﻹ":"lai","ﻻ":"la"}');
+  var locales = JSON.parse('{"bg":{"Й":"Y","Ц":"Ts","Щ":"Sht","Ъ":"A","Ь":"Y","й":"y","ц":"ts","щ":"sht","ъ":"a","ь":"y"},"de":{"Ä":"AE","ä":"ae","Ö":"OE","ö":"oe","Ü":"UE","ü":"ue","ß":"ss","%":"prozent","&":"und","|":"oder","∑":"summe","∞":"unendlich","♥":"liebe"},"es":{"%":"por ciento","&":"y","<":"menor que",">":"mayor que","|":"o","¢":"centavos","£":"libras","¤":"moneda","₣":"francos","∑":"suma","∞":"infinito","♥":"amor"},"fr":{"%":"pourcent","&":"et","<":"plus petit",">":"plus grand","|":"ou","¢":"centime","£":"livre","¤":"devise","₣":"franc","∑":"somme","∞":"infini","♥":"amour"},"pt":{"%":"porcento","&":"e","<":"menor",">":"maior","|":"ou","¢":"centavo","∑":"soma","£":"libra","∞":"infinito","♥":"amor"},"uk":{"И":"Y","и":"y","Й":"Y","й":"y","Ц":"Ts","ц":"ts","Х":"Kh","х":"kh","Щ":"Shch","щ":"shch","Г":"H","г":"h"},"vi":{"Đ":"D","đ":"d"},"da":{"Ø":"OE","ø":"oe","Å":"AA","å":"aa","%":"procent","&":"og","|":"eller","$":"dollar","<":"mindre end",">":"større end"},"nb":{"&":"og","Å":"AA","Æ":"AE","Ø":"OE","å":"aa","æ":"ae","ø":"oe"},"it":{"&":"e"},"nl":{"&":"en"},"sv":{"&":"och","Å":"AA","Ä":"AE","Ö":"OE","å":"aa","ä":"ae","ö":"oe"}}');
+
+  function replace (string, options) {
+    if (typeof string !== 'string') {
+      throw new Error('slugify: string argument expected')
+    }
+
+    options = (typeof options === 'string')
+      ? {replacement: options}
+      : options || {};
+
+    var locale = locales[options.locale] || {};
+
+    var replacement = options.replacement === undefined ? '-' : options.replacement;
+
+    var trim = options.trim === undefined ? true : options.trim;
+
+    var slug = string.normalize().split('')
+      // replace characters based on charMap
+      .reduce(function (result, ch) {
+        var appendChar = locale[ch];
+        if (appendChar === undefined) appendChar = charMap[ch];
+        if (appendChar === undefined) appendChar = ch;
+        if (appendChar === replacement) appendChar = ' ';
+        return result + appendChar
+          // remove not allowed characters
+          .replace(options.remove || /[^\w\s$*_+~.()'"!\-:@]+/g, '')
+      }, '');
+
+    if (options.strict) {
+      slug = slug.replace(/[^A-Za-z0-9\s]/g, '');
+    }
+
+    if (trim) {
+      slug = slug.trim();
+    }
+
+    // Replace spaces with replacement character, treating multiple consecutive
+    // spaces as a single space.
+    slug = slug.replace(/\s+/g, replacement);
+
+    if (options.lower) {
+      slug = slug.toLowerCase();
+    }
+
+    return slug
+  }
+
+  replace.extend = function (customMap) {
+    Object.assign(charMap, customMap);
+  };
+
+  return replace
+}));
+}(slugify$1));
+
+const slugify = slugify$1.exports;
+
+const grwTrekCardCss = ".trek-card-container,.trek-card-large-view-container{cursor:pointer;font-family:var(--font-family);border-radius:var(--border-radius, 12px);-webkit-box-shadow:var(--elevation-1);box-shadow:var(--elevation-1);background-color:var(--color-surface-container-low)}.trek-card-container .trek-img,.trek-card-large-view-container .trek-img{-o-object-fit:cover;object-fit:cover;border-top-left-radius:var(--border-radius, 12px);border-top-right-radius:var(--border-radius, 12px)}.trek-card-container .default-trek-img,.trek-card-large-view-container .default-trek-img{background-color:var(--color-primary-container);-o-object-fit:contain;object-fit:contain}.trek-card-container .trek-sub-container,.trek-card-large-view-container .trek-sub-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 16px}.trek-card-container .trek-sub-container .trek-name,.trek-card-large-view-container .trek-sub-container .trek-name{color:var(--color-primary-app);font-size:22px;line-height:28px;font-weight:400;margin-bottom:8px}.trek-card-container .trek-sub-container .trek-departure,.trek-card-large-view-container .trek-sub-container .trek-departure{color:var(--color-on-surface);font-size:16px;line-height:24px;font-weight:500;margin-bottom:4px}.trek-card-container .trek-sub-container .trek-themes-container,.trek-card-large-view-container .trek-sub-container .trek-themes-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.trek-card-container .trek-sub-container .trek-themes-container .trek-theme,.trek-card-large-view-container .trek-sub-container .trek-themes-container .trek-theme{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:var(--border-radius, 40px);padding:8px 16px;margin:0px 8px 8px 0px;-webkit-box-shadow:var(--elevation-0);box-shadow:var(--elevation-0);gap:8px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:start;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.trek-card-container .trek-sub-container .trek-icons-labels-container,.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container{padding:0px 0px 8px 0px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.trek-card-container .trek-sub-container .trek-icons-labels-container .trek-icon-label,.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container .trek-icon-label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;width:calc(50% - 16px)}.trek-card-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .trek-icon,.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .trek-icon{display:-ms-flexbox;display:flex;font-size:24px;width:24px;height:24px;color:var(--color-primary-app);margin-right:8px}.trek-card-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .network:not(:last-child),.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .network:not(:last-child){margin-right:16px}.trek-card-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .trek-label,.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container .trek-icon-label .trek-label{text-overflow:ellipsis;overflow:hidden}.trek-card-container .trek-sub-container .trek-icons-labels-container .practice img,.trek-card-large-view-container .trek-sub-container .trek-icons-labels-container .practice img{background-color:var(--color-primary-app)}.selected-trek-card{-webkit-box-shadow:var(--elevation-2);box-shadow:var(--elevation-2)}.trek-card-container{width:100%;max-width:350px}.trek-card-container .trek-img-container{height:200px}.trek-card-container .trek-img-container .trek-img{width:100%;height:100%}.trek-card-large-view-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.trek-card-large-view-container .trek-img-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}.trek-card-large-view-container .trek-img-container .trek-img{width:250px;height:inherit;border-bottom-left-radius:var(--border-radius, 12px);border-top-right-radius:var(--border-radius, 0px)}.trek-step-card{width:auto}.trek-card-container .trek-sub-container .trek-departure{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:56px}.trek-card-container .trek-sub-container .trek-name{height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.is-current-step{background-color:var(--color-surface-variant)}.practice .trek-icon{border-radius:100%;padding:2px;max-height:20px;max-width:20px}.trek-img-container{position:relative}.trek-img-container .offline-indicator{display:-ms-flexbox;display:flex;background:#ffffff;border-radius:24px;height:24px;width:24px;top:16px;right:16px;position:absolute;color:var(--color-on-surface)}";
+const GrwTrekCardStyle0 = grwTrekCardCss;
+
+const GrwTrekCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.trekCardPress = index.createEvent(this, "trekCardPress", 7);
+        this.cardTrekMouseOver = index.createEvent(this, "cardTrekMouseOver", 7);
+        this.cardTrekMouseLeave = index.createEvent(this, "cardTrekMouseLeave", 7);
+        this.currentTrek = undefined;
+        this.difficulty = undefined;
+        this.route = undefined;
+        this.practice = undefined;
+        this.themes = undefined;
+        this.departureCity = undefined;
+        this.trek = undefined;
+        this.fontFamily = 'Roboto';
+        this.colorPrimaryApp = '#6b0030';
+        this.colorOnSurface = '#49454e';
+        this.colorSecondaryContainer = '#e8def8';
+        this.colorOnSecondaryContainer = '#1d192b';
+        this.colorSurfaceContainerLow = '#f7f2fa';
+        this.isLargeView = false;
+        this.isStep = undefined;
+        this.isAvailableOffline = false;
+        this.showDefaultImage = false;
+        this.grwApp = false;
+    }
+    onTrekDownloadedSuccessConfirm() {
+        this.isAvailableOffline = true;
+    }
+    onTrekDeleteSuccessConfirm() {
+        this.isAvailableOffline = false;
+    }
+    connectedCallback() {
+        this.currentTrek = this.trek ? this.trek : store.state.currentTrek;
+        if (this.currentTrek) {
+            this.difficulty = store.state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);
+            this.route = store.state.routes.find(route => route.id === this.currentTrek.route);
+            this.practice = store.state.practices.find(practice => practice.id === this.currentTrek.practice);
+            this.themes = store.state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));
+            this.departureCity = store.state.cities.find(city => city.id === this.currentTrek.departure_city);
+            this.handleOffline(this.currentTrek.id);
+        }
+        store.onChange('currentTrek', () => {
+            this.currentTrek = this.trek ? this.trek : store.state.currentTrek;
+            if (this.currentTrek) {
+                this.difficulty = this.currentTrek.difficulty && store.state.difficulties ? store.state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty) : null;
+                this.route = this.currentTrek.route && store.state.routes ? store.state.routes.find(route => route.id === this.currentTrek.route) : null;
+                this.practice = this.currentTrek.practice && store.state.practices ? store.state.practices.find(practice => practice.id === this.currentTrek.practice) : null;
+                this.themes = this.currentTrek.themes && store.state.themes ? store.state.themes.filter(theme => this.currentTrek.themes.includes(theme.id)) : null;
+                this.departureCity = this.currentTrek.departure_city && store.state.cities ? store.state.cities.find(city => city.id === this.currentTrek.departure_city) : null;
+                this.handleOffline(this.currentTrek.id);
+            }
+        });
+    }
+    async handleOffline(trekId) {
+        this.isAvailableOffline = await treks_service.trekIsAvailableOffline(trekId);
+    }
+    handleMouseOver() {
+        this.cardTrekMouseOver.emit(this.currentTrek.id);
+    }
+    handleMouseLeave() {
+        this.cardTrekMouseLeave.emit();
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const defaultImageSrc = index.getAssetPath(`${''}assets/default-image.svg`);
+        return (index.h(index.Host, { key: 'e15d0873d40eb1cd1f0d4197641b2d48281da948', style: {
+                '--font-family': this.fontFamily,
+                'width': this.isLargeView ? '100%' : 'auto',
+                '--color-primary-app': this.colorPrimaryApp,
+                '--color-on-surface': this.colorOnSurface,
+                '--color-secondary-container': this.colorSecondaryContainer,
+                '--color-on-secondary-container': this.colorOnSecondaryContainer,
+                '--color-surface-container-low': this.colorSurfaceContainerLow,
+            } }, this.currentTrek && (index.h("div", { part: "trek-card", class: this.isStep
+                ? `trek-card trek-card-container trek-step-card${store.state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''} ${store.state.currentTrek && store.state.currentTrek.id === this.currentTrek.id ? 'is-current-step' : ''}`
+                : this.isLargeView
+                    ? `trek-card trek-card-large-view-container${store.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`
+                    : `trek-card trek-card-container${store.state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`, onClick: () => {
+                if (this.grwApp) {
+                    this.trekCardPress.emit(this.currentTrek.id);
+                }
+                else {
+                    window.location.href = slugify(`${this.currentTrek.name}`);
+                }
+            } }, index.h("div", { part: "trek-img-container", class: "trek-img-container" }, this.isAvailableOffline && (index.h("div", { part: "offline-indicator", class: "offline-indicator" }, index.h("span", { part: "icon", class: "icon", innerHTML: OfflinePinIcon }))), this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (index.h("img", { part: "trek-img", class: "trek-img", src: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''
+                ? this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail
+                : this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].url}`, alt: `${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`, loading: "lazy",
+            /* @ts-ignore */
+            onerror: event => {
+                event.target.onerror = null;
+                event.target.className = 'trek-img default-trek-img';
+                event.target.src = defaultImageSrc;
+            } })) : (index.h("img", { part: "trek-img", class: "trek-img default-trek-img", src: defaultImageSrc, alt: "", loading: "lazy" }))), index.h("div", { part: "trek-sub-container", class: "trek-sub-container" }, this.departureCity && (index.h("div", { part: "trek-departure", class: "trek-departure" }, this.departureCity.name)), index.h("div", { part: "trek-name", class: "trek-name" }, (_a = this.currentTrek) === null || _a === void 0 ? void 0 : _a.name), !this.isStep && this.themes && (index.h("div", { part: "trek-themes-container", class: "trek-themes-container" }, this.themes.map(theme => (index.h("div", { part: "trek-theme", class: "trek-theme" }, theme.label))))), index.h("div", { part: "trek-icons-labels-container", class: "trek-icons-labels-container" }, this.difficulty && (index.h("div", { part: "trek-icon-label", class: "trek-icon-label difficulty" }, this.difficulty.pictogram && index.h("img", { part: "trek-icon", class: "trek-icon", src: this.difficulty.pictogram, alt: "" }), index.h("span", { part: "trek-label", class: "trek-label" }, this.difficulty.label))), index.h("div", { part: "trek-icon-label", class: "trek-icon-label duration" }, index.h("span", { part: "trek-icon", class: "trek-icon", innerHTML: moving.TimelapseIcon }), index.h("span", { part: "trek-label", class: "trek-label" }, utils.formatDuration(this.currentTrek.duration))), index.h("div", { part: "trek-icon-label", class: "trek-icon-label length" }, index.h("span", { part: "trek-icon", class: "trek-icon", innerHTML: moving.OpenInFullIcon }), index.h("span", { part: "trek-label", class: "trek-label" }, utils.formatLength(this.currentTrek.length_2d))), index.h("div", { part: "trek-icon-label", class: "trek-icon-label ascent" }, index.h("span", { part: "trek-icon", class: "trek-icon", innerHTML: moving.MovingIcon }), index.h("span", { part: "trek-label", class: "trek-label" }, utils.formatAscent(this.currentTrek.ascent))), !this.isStep && (index.h(index.Fragment, null, index.h("div", { part: "trek-icon-label", class: "trek-icon-label route" }, ((_b = this.route) === null || _b === void 0 ? void 0 : _b.pictogram) && index.h("img", { part: "trek-icon", class: "trek-icon", src: this.route.pictogram, alt: "" }), index.h("span", { part: "trek-label", class: "trek-label" }, (_c = this.route) === null || _c === void 0 ? void 0 : _c.route)), index.h("div", { part: "trek-icon-label", class: "trek-icon-label practice" }, ((_d = this.practice) === null || _d === void 0 ? void 0 : _d.pictogram) && index.h("img", { part: "trek-icon", class: "trek-icon", src: this.practice.pictogram, alt: "" }), index.h("span", { part: "trek-label", class: "trek-label" }, (_e = this.practice) === null || _e === void 0 ? void 0 : _e.name))))))))));
+    }
+};
+GrwTrekCard.style = GrwTrekCardStyle0;
+
+exports.grw_sensitive_area_detail = GrwSensitiveAreaDetail;
+exports.grw_trek_card = GrwTrekCard;
+
+//# sourceMappingURL=grw-sensitive-area-detail_2.cjs.entry.js.map

package/dist/cjs/grw-sensitive-area-detail_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"grw-sensitive-area-detail.grw-trek-card.entry.cjs.js","mappings":"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","names":["h","Host","index","state","this","onChange","trekIsAvailableOffline","getAssetPath","TimelapseIcon","formatDuration","OpenInFullIcon","formatLength","MovingIcon","formatAscent","Fragment"],"sources":["src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.scss?tag=grw-sensitive-area-detail&encapsulation=shadow","src/components/grw-sensitive-area-detail/grw-sensitive-area-detail.tsx","node_modules/slugify/slugify.js","src/components/grw-trek-card/grw-trek-card.scss?tag=grw-trek-card&encapsulation=shadow","src/components/grw-trek-card/grw-trek-card.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-on-surface);\n  a {\n    color: var(--color-primary-app);\n  }\n}\n\n.sensitive-area-title-container {\n  display: flex;\n  align-items: center;\n  .sensitive-area-color-container {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n    border: 3px solid var(--color-sensitive-area);\n    position: relative;\n    &:before {\n      content: '';\n      width: 20px;\n      height: 20px;\n      background-color: var(--color-sensitive-area);\n      opacity: 0.2;\n      position: absolute;\n    }\n  }\n  .sensitive-area-title {\n    font-size: 20px;\n    line-height: 28px;\n    padding: 12px 0px;\n    font-weight: 600;\n  }\n}\n\n.sensitive-area-description {\n  font-size: 16px;\n  line-height: 24px;\n  p:first-child {\n    margin-top: 0;\n  }\n}\n\n.sensitive-area-period-container,\n.sensitive-area-practice-container,\n.sensitive-area-contact-container {\n  .sensitive-area-period-title,\n  .sensitive-area-practice-title,\n  .sensitive-area-contact-title {\n    font-size: 18px;\n    line-height: 24px;\n    padding: 12px 0px;\n    font-weight: 600;\n  }\n  .sensitive-area-periods,\n  .sensitive-area-practices {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport state from 'store/store';\nimport { SensitiveArea } from 'types/types';\n\n@Component({\n  tag: 'grw-sensitive-area-detail',\n  styleUrl: 'grw-sensitive-area-detail.scss',\n  shadow: true,\n})\nexport class GrwSensitiveAreaDetail {\n  @Prop() sensitiveArea: SensitiveArea;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"sensitive-area-title-container\" class=\"sensitive-area-title-container\">\n          <div part=\"sensitive-area-color-container\" class=\"sensitive-area-color-container\"></div>\n          <div part=\"sensitive-area-title\" class=\"sensitive-area-title\">\n            {this.sensitiveArea.name}\n          </div>\n        </div>\n\n        <div part=\"sensitive-area-description\" class=\"sensitive-area-description\" innerHTML={this.sensitiveArea.description}></div>\n        {this.sensitiveArea.practices && this.sensitiveArea.practices.length > 0 && (\n          <div part=\"sensitive-area-practice-container\" class=\"sensitive-area-practice-container\">\n            <div part=\"sensitive-area-practice-title\" class=\"sensitive-area-practice-title\">\n              Domaines d'activités concernés\n            </div>\n            <div part=\"sensitive-area-practices\" class=\"sensitive-area-practices\">\n              {this.sensitiveArea.practices.map((sensitiveAreaPractice, index) => {\n                const practice = state.practices.find(statePractice => statePractice.id === sensitiveAreaPractice);\n                if (practice) {\n                  return (\n                    <div\n                      part=\"sensitive-area-practice\"\n                      class=\"sensitive-area-practice\"\n                      innerHTML={`${practice.name.toUpperCase()}${index + 1 !== this.sensitiveArea.practices.length ? ' -&nbsp;' : ''}`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        {this.sensitiveArea.period && this.sensitiveArea.period.length > 0 && (\n          <div part=\"sensitive-area-period-container\" class=\"sensitive-area-period-container\">\n            <div part=\"sensitive-area-period-title\" class=\"sensitive-area-period-title\">\n              Périodes de sensibilité\n            </div>\n            <div part=\"sensitive-area-periods\" class=\"sensitive-area-periods\">\n              {this.sensitiveArea.period.map((month, index) => {\n                if (month) {\n                  return (\n                    <div\n                      part=\"sensitive-area-period\"\n                      class=\"sensitive-area-period\"\n                      innerHTML={`${new Date(0, index + 1, 0).toLocaleDateString('fr', { month: 'long' }).toUpperCase()}${\n                        this.sensitiveArea.period.slice(index + 1).find(month => month) ? ' -&nbsp;' : ''\n                      }`}\n                    ></div>\n                  );\n                }\n              })}\n            </div>\n          </div>\n        )}\n        <div part=\"sensitive-area-contact-container\" class=\"sensitive-area-contact-container\">\n          <div part=\"sensitive-area-contact-title\" class=\"sensitive-area-contact-title\">\n            Contact\n          </div>\n          <div part=\"sensitive-area-contact-value\" class=\"sensitive-area-contact-value\" innerHTML={this.sensitiveArea.contact}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n","\n;(function (name, root, factory) {\n  if (typeof exports === 'object') {\n    module.exports = factory()\n    module.exports['default'] = factory()\n  }\n  /* istanbul ignore next */\n  else if (typeof define === 'function' && define.amd) {\n    define(factory)\n  }\n  else {\n    root[name] = factory()\n  }\n}('slugify', this, function () {\n  var charMap = JSON.parse('{\"$\":\"dollar\",\"%\":\"percent\",\"&\":\"and\",\"<\":\"less\",\">\":\"greater\",\"|\":\"or\",\"¢\":\"cent\",\"£\":\"pound\",\"¤\":\"currency\",\"¥\":\"yen\",\"©\":\"(c)\",\"ª\":\"a\",\"®\":\"(r)\",\"º\":\"o\",\"À\":\"A\",\"Á\":\"A\",\"Â\":\"A\",\"Ã\":\"A\",\"Ä\":\"A\",\"Å\":\"A\",\"Æ\":\"AE\",\"Ç\":\"C\",\"È\":\"E\",\"É\":\"E\",\"Ê\":\"E\",\"Ë\":\"E\",\"Ì\":\"I\",\"Í\":\"I\",\"Î\":\"I\",\"Ï\":\"I\",\"Ð\":\"D\",\"Ñ\":\"N\",\"Ò\":\"O\",\"Ó\":\"O\",\"Ô\":\"O\",\"Õ\":\"O\",\"Ö\":\"O\",\"Ø\":\"O\",\"Ù\":\"U\",\"Ú\":\"U\",\"Û\":\"U\",\"Ü\":\"U\",\"Ý\":\"Y\",\"Þ\":\"TH\",\"ß\":\"ss\",\"à\":\"a\",\"á\":\"a\",\"â\":\"a\",\"ã\":\"a\",\"ä\":\"a\",\"å\":\"a\",\"æ\":\"ae\",\"ç\":\"c\",\"è\":\"e\",\"é\":\"e\",\"ê\":\"e\",\"ë\":\"e\",\"ì\":\"i\",\"í\":\"i\",\"î\":\"i\",\"ï\":\"i\",\"ð\":\"d\",\"ñ\":\"n\",\"ò\":\"o\",\"ó\":\"o\",\"ô\":\"o\",\"õ\":\"o\",\"ö\":\"o\",\"ø\":\"o\",\"ù\":\"u\",\"ú\":\"u\",\"û\":\"u\",\"ü\":\"u\",\"ý\":\"y\",\"þ\":\"th\",\"ÿ\":\"y\",\"Ā\":\"A\",\"ā\":\"a\",\"Ă\":\"A\",\"ă\":\"a\",\"Ą\":\"A\",\"ą\":\"a\",\"Ć\":\"C\",\"ć\":\"c\",\"Č\":\"C\",\"č\":\"c\",\"Ď\":\"D\",\"ď\":\"d\",\"Đ\":\"DJ\",\"đ\":\"dj\",\"Ē\":\"E\",\"ē\":\"e\",\"Ė\":\"E\",\"ė\":\"e\",\"Ę\":\"e\",\"ę\":\"e\",\"Ě\":\"E\",\"ě\":\"e\",\"Ğ\":\"G\",\"ğ\":\"g\",\"Ģ\":\"G\",\"ģ\":\"g\",\"Ĩ\":\"I\",\"ĩ\":\"i\",\"Ī\":\"i\",\"ī\":\"i\",\"Į\":\"I\",\"į\":\"i\",\"İ\":\"I\",\"ı\":\"i\",\"Ķ\":\"k\",\"ķ\":\"k\",\"Ļ\":\"L\",\"ļ\":\"l\",\"Ľ\":\"L\",\"ľ\":\"l\",\"Ł\":\"L\",\"ł\":\"l\",\"Ń\":\"N\",\"ń\":\"n\",\"Ņ\":\"N\",\"ņ\":\"n\",\"Ň\":\"N\",\"ň\":\"n\",\"Ō\":\"O\",\"ō\":\"o\",\"Ő\":\"O\",\"ő\":\"o\",\"Œ\":\"OE\",\"œ\":\"oe\",\"Ŕ\":\"R\",\"ŕ\":\"r\",\"Ř\":\"R\",\"ř\":\"r\",\"Ś\":\"S\",\"ś\":\"s\",\"Ş\":\"S\",\"ş\":\"s\",\"Š\":\"S\",\"š\":\"s\",\"Ţ\":\"T\",\"ţ\":\"t\",\"Ť\":\"T\",\"ť\":\"t\",\"Ũ\":\"U\",\"ũ\":\"u\",\"Ū\":\"u\",\"ū\":\"u\",\"Ů\":\"U\",\"ů\":\"u\",\"Ű\":\"U\",\"ű\":\"u\",\"Ų\":\"U\",\"ų\":\"u\",\"Ŵ\":\"W\",\"ŵ\":\"w\",\"Ŷ\":\"Y\",\"ŷ\":\"y\",\"Ÿ\":\"Y\",\"Ź\":\"Z\",\"ź\":\"z\",\"Ż\":\"Z\",\"ż\":\"z\",\"Ž\":\"Z\",\"ž\":\"z\",\"Ə\":\"E\",\"ƒ\":\"f\",\"Ơ\":\"O\",\"ơ\":\"o\",\"Ư\":\"U\",\"ư\":\"u\",\"Lj\":\"LJ\",\"lj\":\"lj\",\"Nj\":\"NJ\",\"nj\":\"nj\",\"Ș\":\"S\",\"ș\":\"s\",\"Ț\":\"T\",\"ț\":\"t\",\"ə\":\"e\",\"˚\":\"o\",\"Ά\":\"A\",\"Έ\":\"E\",\"Ή\":\"H\",\"Ί\":\"I\",\"Ό\":\"O\",\"Ύ\":\"Y\",\"Ώ\":\"W\",\"ΐ\":\"i\",\"Α\":\"A\",\"Β\":\"B\",\"Γ\":\"G\",\"Δ\":\"D\",\"Ε\":\"E\",\"Ζ\":\"Z\",\"Η\":\"H\",\"Θ\":\"8\",\"Ι\":\"I\",\"Κ\":\"K\",\"Λ\":\"L\",\"Μ\":\"M\",\"Ν\":\"N\",\"Ξ\":\"3\",\"Ο\":\"O\",\"Π\":\"P\",\"Ρ\":\"R\",\"Σ\":\"S\",\"Τ\":\"T\",\"Υ\":\"Y\",\"Φ\":\"F\",\"Χ\":\"X\",\"Ψ\":\"PS\",\"Ω\":\"W\",\"Ϊ\":\"I\",\"Ϋ\":\"Y\",\"ά\":\"a\",\"έ\":\"e\",\"ή\":\"h\",\"ί\":\"i\",\"ΰ\":\"y\",\"α\":\"a\",\"β\":\"b\",\"γ\":\"g\",\"δ\":\"d\",\"ε\":\"e\",\"ζ\":\"z\",\"η\":\"h\",\"θ\":\"8\",\"ι\":\"i\",\"κ\":\"k\",\"λ\":\"l\",\"μ\":\"m\",\"ν\":\"n\",\"ξ\":\"3\",\"ο\":\"o\",\"π\":\"p\",\"ρ\":\"r\",\"ς\":\"s\",\"σ\":\"s\",\"τ\":\"t\",\"υ\":\"y\",\"φ\":\"f\",\"χ\":\"x\",\"ψ\":\"ps\",\"ω\":\"w\",\"ϊ\":\"i\",\"ϋ\":\"y\",\"ό\":\"o\",\"ύ\":\"y\",\"ώ\":\"w\",\"Ё\":\"Yo\",\"Ђ\":\"DJ\",\"Є\":\"Ye\",\"І\":\"I\",\"Ї\":\"Yi\",\"Ј\":\"J\",\"Љ\":\"LJ\",\"Њ\":\"NJ\",\"Ћ\":\"C\",\"Џ\":\"DZ\",\"А\":\"A\",\"Б\":\"B\",\"В\":\"V\",\"Г\":\"G\",\"Д\":\"D\",\"Е\":\"E\",\"Ж\":\"Zh\",\"З\":\"Z\",\"И\":\"I\",\"Й\":\"J\",\"К\":\"K\",\"Л\":\"L\",\"М\":\"M\",\"Н\":\"N\",\"О\":\"O\",\"П\":\"P\",\"Р\":\"R\",\"С\":\"S\",\"Т\":\"T\",\"У\":\"U\",\"Ф\":\"F\",\"Х\":\"H\",\"Ц\":\"C\",\"Ч\":\"Ch\",\"Ш\":\"Sh\",\"Щ\":\"Sh\",\"Ъ\":\"U\",\"Ы\":\"Y\",\"Ь\":\"\",\"Э\":\"E\",\"Ю\":\"Yu\",\"Я\":\"Ya\",\"а\":\"a\",\"б\":\"b\",\"в\":\"v\",\"г\":\"g\",\"д\":\"d\",\"е\":\"e\",\"ж\":\"zh\",\"з\":\"z\",\"и\":\"i\",\"й\":\"j\",\"к\":\"k\",\"л\":\"l\",\"м\":\"m\",\"н\":\"n\",\"о\":\"o\",\"п\":\"p\",\"р\":\"r\",\"с\":\"s\",\"т\":\"t\",\"у\":\"u\",\"ф\":\"f\",\"х\":\"h\",\"ц\":\"c\",\"ч\":\"ch\",\"ш\":\"sh\",\"щ\":\"sh\",\"ъ\":\"u\",\"ы\":\"y\",\"ь\":\"\",\"э\":\"e\",\"ю\":\"yu\",\"я\":\"ya\",\"ё\":\"yo\",\"ђ\":\"dj\",\"є\":\"ye\",\"і\":\"i\",\"ї\":\"yi\",\"ј\":\"j\",\"љ\":\"lj\",\"њ\":\"nj\",\"ћ\":\"c\",\"ѝ\":\"u\",\"џ\":\"dz\",\"Ґ\":\"G\",\"ґ\":\"g\",\"Ғ\":\"GH\",\"ғ\":\"gh\",\"Қ\":\"KH\",\"қ\":\"kh\",\"Ң\":\"NG\",\"ң\":\"ng\",\"Ү\":\"UE\",\"ү\":\"ue\",\"Ұ\":\"U\",\"ұ\":\"u\",\"Һ\":\"H\",\"һ\":\"h\",\"Ә\":\"AE\",\"ә\":\"ae\",\"Ө\":\"OE\",\"ө\":\"oe\",\"Ա\":\"A\",\"Բ\":\"B\",\"Գ\":\"G\",\"Դ\":\"D\",\"Ե\":\"E\",\"Զ\":\"Z\",\"Է\":\"E\\'\",\"Ը\":\"Y\\'\",\"Թ\":\"T\\'\",\"Ժ\":\"JH\",\"Ի\":\"I\",\"Լ\":\"L\",\"Խ\":\"X\",\"Ծ\":\"C\\'\",\"Կ\":\"K\",\"Հ\":\"H\",\"Ձ\":\"D\\'\",\"Ղ\":\"GH\",\"Ճ\":\"TW\",\"Մ\":\"M\",\"Յ\":\"Y\",\"Ն\":\"N\",\"Շ\":\"SH\",\"Չ\":\"CH\",\"Պ\":\"P\",\"Ջ\":\"J\",\"Ռ\":\"R\\'\",\"Ս\":\"S\",\"Վ\":\"V\",\"Տ\":\"T\",\"Ր\":\"R\",\"Ց\":\"C\",\"Փ\":\"P\\'\",\"Ք\":\"Q\\'\",\"Օ\":\"O\\'\\'\",\"Ֆ\":\"F\",\"և\":\"EV\",\"ء\":\"a\",\"آ\":\"aa\",\"أ\":\"a\",\"ؤ\":\"u\",\"إ\":\"i\",\"ئ\":\"e\",\"ا\":\"a\",\"ب\":\"b\",\"ة\":\"h\",\"ت\":\"t\",\"ث\":\"th\",\"ج\":\"j\",\"ح\":\"h\",\"خ\":\"kh\",\"د\":\"d\",\"ذ\":\"th\",\"ر\":\"r\",\"ز\":\"z\",\"س\":\"s\",\"ش\":\"sh\",\"ص\":\"s\",\"ض\":\"dh\",\"ط\":\"t\",\"ظ\":\"z\",\"ع\":\"a\",\"غ\":\"gh\",\"ف\":\"f\",\"ق\":\"q\",\"ك\":\"k\",\"ل\":\"l\",\"م\":\"m\",\"ن\":\"n\",\"ه\":\"h\",\"و\":\"w\",\"ى\":\"a\",\"ي\":\"y\",\"ً\":\"an\",\"ٌ\":\"on\",\"ٍ\":\"en\",\"َ\":\"a\",\"ُ\":\"u\",\"ِ\":\"e\",\"ْ\":\"\",\"٠\":\"0\",\"١\":\"1\",\"٢\":\"2\",\"٣\":\"3\",\"٤\":\"4\",\"٥\":\"5\",\"٦\":\"6\",\"٧\":\"7\",\"٨\":\"8\",\"٩\":\"9\",\"پ\":\"p\",\"چ\":\"ch\",\"ژ\":\"zh\",\"ک\":\"k\",\"گ\":\"g\",\"ی\":\"y\",\"۰\":\"0\",\"۱\":\"1\",\"۲\":\"2\",\"۳\":\"3\",\"۴\":\"4\",\"۵\":\"5\",\"۶\":\"6\",\"۷\":\"7\",\"۸\":\"8\",\"۹\":\"9\",\"฿\":\"baht\",\"ა\":\"a\",\"ბ\":\"b\",\"გ\":\"g\",\"დ\":\"d\",\"ე\":\"e\",\"ვ\":\"v\",\"ზ\":\"z\",\"თ\":\"t\",\"ი\":\"i\",\"კ\":\"k\",\"ლ\":\"l\",\"მ\":\"m\",\"ნ\":\"n\",\"ო\":\"o\",\"პ\":\"p\",\"ჟ\":\"zh\",\"რ\":\"r\",\"ს\":\"s\",\"ტ\":\"t\",\"უ\":\"u\",\"ფ\":\"f\",\"ქ\":\"k\",\"ღ\":\"gh\",\"ყ\":\"q\",\"შ\":\"sh\",\"ჩ\":\"ch\",\"ც\":\"ts\",\"ძ\":\"dz\",\"წ\":\"ts\",\"ჭ\":\"ch\",\"ხ\":\"kh\",\"ჯ\":\"j\",\"ჰ\":\"h\",\"Ṣ\":\"S\",\"ṣ\":\"s\",\"Ẁ\":\"W\",\"ẁ\":\"w\",\"Ẃ\":\"W\",\"ẃ\":\"w\",\"Ẅ\":\"W\",\"ẅ\":\"w\",\"ẞ\":\"SS\",\"Ạ\":\"A\",\"ạ\":\"a\",\"Ả\":\"A\",\"ả\":\"a\",\"Ấ\":\"A\",\"ấ\":\"a\",\"Ầ\":\"A\",\"ầ\":\"a\",\"Ẩ\":\"A\",\"ẩ\":\"a\",\"Ẫ\":\"A\",\"ẫ\":\"a\",\"Ậ\":\"A\",\"ậ\":\"a\",\"Ắ\":\"A\",\"ắ\":\"a\",\"Ằ\":\"A\",\"ằ\":\"a\",\"Ẳ\":\"A\",\"ẳ\":\"a\",\"Ẵ\":\"A\",\"ẵ\":\"a\",\"Ặ\":\"A\",\"ặ\":\"a\",\"Ẹ\":\"E\",\"ẹ\":\"e\",\"Ẻ\":\"E\",\"ẻ\":\"e\",\"Ẽ\":\"E\",\"ẽ\":\"e\",\"Ế\":\"E\",\"ế\":\"e\",\"Ề\":\"E\",\"ề\":\"e\",\"Ể\":\"E\",\"ể\":\"e\",\"Ễ\":\"E\",\"ễ\":\"e\",\"Ệ\":\"E\",\"ệ\":\"e\",\"Ỉ\":\"I\",\"ỉ\":\"i\",\"Ị\":\"I\",\"ị\":\"i\",\"Ọ\":\"O\",\"ọ\":\"o\",\"Ỏ\":\"O\",\"ỏ\":\"o\",\"Ố\":\"O\",\"ố\":\"o\",\"Ồ\":\"O\",\"ồ\":\"o\",\"Ổ\":\"O\",\"ổ\":\"o\",\"Ỗ\":\"O\",\"ỗ\":\"o\",\"Ộ\":\"O\",\"ộ\":\"o\",\"Ớ\":\"O\",\"ớ\":\"o\",\"Ờ\":\"O\",\"ờ\":\"o\",\"Ở\":\"O\",\"ở\":\"o\",\"Ỡ\":\"O\",\"ỡ\":\"o\",\"Ợ\":\"O\",\"ợ\":\"o\",\"Ụ\":\"U\",\"ụ\":\"u\",\"Ủ\":\"U\",\"ủ\":\"u\",\"Ứ\":\"U\",\"ứ\":\"u\",\"Ừ\":\"U\",\"ừ\":\"u\",\"Ử\":\"U\",\"ử\":\"u\",\"Ữ\":\"U\",\"ữ\":\"u\",\"Ự\":\"U\",\"ự\":\"u\",\"Ỳ\":\"Y\",\"ỳ\":\"y\",\"Ỵ\":\"Y\",\"ỵ\":\"y\",\"Ỷ\":\"Y\",\"ỷ\":\"y\",\"Ỹ\":\"Y\",\"ỹ\":\"y\",\"–\":\"-\",\"‘\":\"\\'\",\"’\":\"\\'\",\"“\":\"\\\\\\\"\",\"”\":\"\\\\\\\"\",\"„\":\"\\\\\\\"\",\"†\":\"+\",\"•\":\"*\",\"…\":\"...\",\"₠\":\"ecu\",\"₢\":\"cruzeiro\",\"₣\":\"french franc\",\"₤\":\"lira\",\"₥\":\"mill\",\"₦\":\"naira\",\"₧\":\"peseta\",\"₨\":\"rupee\",\"₩\":\"won\",\"₪\":\"new shequel\",\"₫\":\"dong\",\"€\":\"euro\",\"₭\":\"kip\",\"₮\":\"tugrik\",\"₯\":\"drachma\",\"₰\":\"penny\",\"₱\":\"peso\",\"₲\":\"guarani\",\"₳\":\"austral\",\"₴\":\"hryvnia\",\"₵\":\"cedi\",\"₸\":\"kazakhstani tenge\",\"₹\":\"indian rupee\",\"₺\":\"turkish lira\",\"₽\":\"russian ruble\",\"₿\":\"bitcoin\",\"℠\":\"sm\",\"™\":\"tm\",\"∂\":\"d\",\"∆\":\"delta\",\"∑\":\"sum\",\"∞\":\"infinity\",\"♥\":\"love\",\"元\":\"yuan\",\"円\":\"yen\",\"﷼\":\"rial\",\"ﻵ\":\"laa\",\"ﻷ\":\"laa\",\"ﻹ\":\"lai\",\"ﻻ\":\"la\"}')\n  var locales = JSON.parse('{\"bg\":{\"Й\":\"Y\",\"Ц\":\"Ts\",\"Щ\":\"Sht\",\"Ъ\":\"A\",\"Ь\":\"Y\",\"й\":\"y\",\"ц\":\"ts\",\"щ\":\"sht\",\"ъ\":\"a\",\"ь\":\"y\"},\"de\":{\"Ä\":\"AE\",\"ä\":\"ae\",\"Ö\":\"OE\",\"ö\":\"oe\",\"Ü\":\"UE\",\"ü\":\"ue\",\"ß\":\"ss\",\"%\":\"prozent\",\"&\":\"und\",\"|\":\"oder\",\"∑\":\"summe\",\"∞\":\"unendlich\",\"♥\":\"liebe\"},\"es\":{\"%\":\"por ciento\",\"&\":\"y\",\"<\":\"menor que\",\">\":\"mayor que\",\"|\":\"o\",\"¢\":\"centavos\",\"£\":\"libras\",\"¤\":\"moneda\",\"₣\":\"francos\",\"∑\":\"suma\",\"∞\":\"infinito\",\"♥\":\"amor\"},\"fr\":{\"%\":\"pourcent\",\"&\":\"et\",\"<\":\"plus petit\",\">\":\"plus grand\",\"|\":\"ou\",\"¢\":\"centime\",\"£\":\"livre\",\"¤\":\"devise\",\"₣\":\"franc\",\"∑\":\"somme\",\"∞\":\"infini\",\"♥\":\"amour\"},\"pt\":{\"%\":\"porcento\",\"&\":\"e\",\"<\":\"menor\",\">\":\"maior\",\"|\":\"ou\",\"¢\":\"centavo\",\"∑\":\"soma\",\"£\":\"libra\",\"∞\":\"infinito\",\"♥\":\"amor\"},\"uk\":{\"И\":\"Y\",\"и\":\"y\",\"Й\":\"Y\",\"й\":\"y\",\"Ц\":\"Ts\",\"ц\":\"ts\",\"Х\":\"Kh\",\"х\":\"kh\",\"Щ\":\"Shch\",\"щ\":\"shch\",\"Г\":\"H\",\"г\":\"h\"},\"vi\":{\"Đ\":\"D\",\"đ\":\"d\"},\"da\":{\"Ø\":\"OE\",\"ø\":\"oe\",\"Å\":\"AA\",\"å\":\"aa\",\"%\":\"procent\",\"&\":\"og\",\"|\":\"eller\",\"$\":\"dollar\",\"<\":\"mindre end\",\">\":\"større end\"},\"nb\":{\"&\":\"og\",\"Å\":\"AA\",\"Æ\":\"AE\",\"Ø\":\"OE\",\"å\":\"aa\",\"æ\":\"ae\",\"ø\":\"oe\"},\"it\":{\"&\":\"e\"},\"nl\":{\"&\":\"en\"},\"sv\":{\"&\":\"och\",\"Å\":\"AA\",\"Ä\":\"AE\",\"Ö\":\"OE\",\"å\":\"aa\",\"ä\":\"ae\",\"ö\":\"oe\"}}')\n\n  function replace (string, options) {\n    if (typeof string !== 'string') {\n      throw new Error('slugify: string argument expected')\n    }\n\n    options = (typeof options === 'string')\n      ? {replacement: options}\n      : options || {}\n\n    var locale = locales[options.locale] || {}\n\n    var replacement = options.replacement === undefined ? '-' : options.replacement\n\n    var trim = options.trim === undefined ? true : options.trim\n\n    var slug = string.normalize().split('')\n      // replace characters based on charMap\n      .reduce(function (result, ch) {\n        var appendChar = locale[ch];\n        if (appendChar === undefined) appendChar = charMap[ch];\n        if (appendChar === undefined) appendChar = ch;\n        if (appendChar === replacement) appendChar = ' ';\n        return result + appendChar\n          // remove not allowed characters\n          .replace(options.remove || /[^\\w\\s$*_+~.()'\"!\\-:@]+/g, '')\n      }, '');\n\n    if (options.strict) {\n      slug = slug.replace(/[^A-Za-z0-9\\s]/g, '');\n    }\n\n    if (trim) {\n      slug = slug.trim()\n    }\n\n    // Replace spaces with replacement character, treating multiple consecutive\n    // spaces as a single space.\n    slug = slug.replace(/\\s+/g, replacement);\n\n    if (options.lower) {\n      slug = slug.toLowerCase()\n    }\n\n    return slug\n  }\n\n  replace.extend = function (customMap) {\n    Object.assign(charMap, customMap)\n  }\n\n  return replace\n}))\n",".trek-card-container,\n.trek-card-large-view-container {\n  cursor: pointer;\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  .trek-img {\n    object-fit: cover;\n    border-top-left-radius: var(--border-radius, 12px);\n    border-top-right-radius: var(--border-radius, 12px);\n  }\n  .default-trek-img {\n    background-color: var(--color-primary-container);\n    object-fit: contain;\n  }\n  .trek-sub-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 8px 16px;\n    .trek-name {\n      color: var(--color-primary-app);\n      font-size: 22px;\n      line-height: 28px;\n      font-weight: 400;\n      margin-bottom: 8px;\n    }\n    .trek-departure {\n      color: var(--color-on-surface);\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: 500;\n      margin-bottom: 4px;\n    }\n    .trek-themes-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      .trek-theme {\n        background-color: var(--color-secondary-container);\n        color: var(--color-on-secondary-container);\n        border-radius: var(--border-radius, 40px);\n        padding: 8px 16px;\n        margin: 0px 8px 8px 0px;\n        box-shadow: var(--elevation-0);\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      }\n    }\n    .trek-icons-labels-container {\n      padding: 0px 0px 8px 0px;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      .trek-icon-label {\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        width: calc((100% / 2) - 16px);\n        .trek-icon {\n          display: flex;\n          font-size: 24px;\n          width: 24px;\n          height: 24px;\n          color: var(--color-primary-app);\n          margin-right: 8px;\n        }\n        .network {\n          &:not(:last-child) {\n            margin-right: 16px;\n          }\n        }\n        .trek-label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n        }\n      }\n      .practice {\n        img {\n          background-color: var(--color-primary-app);\n        }\n      }\n    }\n  }\n}\n\n.selected-trek-card {\n  box-shadow: var(--elevation-2);\n}\n\n.trek-card-container {\n  width: 100%;\n  max-width: 350px;\n  .trek-img-container {\n    height: 200px;\n    .trek-img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n.trek-card-large-view-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  .trek-img-container {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    .trek-img {\n      width: 250px;\n      height: inherit;\n      border-bottom-left-radius: var(--border-radius, 12px);\n      border-top-right-radius: var(--border-radius, 0px);\n    }\n  }\n}\n\n.trek-step-card {\n  width: auto;\n}\n\n.trek-card-container .trek-sub-container .trek-departure {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  height: 56px;\n}\n\n.trek-card-container .trek-sub-container .trek-name {\n  height: 56px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.is-current-step {\n  background-color: var(--color-surface-variant);\n}\n\n.practice {\n  .trek-icon {\n    border-radius: 100%;\n    padding: 2px;\n    max-height: 20px;\n    max-width: 20px;\n  }\n}\n\n.trek-img-container {\n  position: relative;\n  .offline-indicator {\n    display: flex;\n    background: #ffffff;\n    border-radius: 24px;\n    height: 24px;\n    width: 24px;\n    top: 16px;\n    right: 16px;\n    position: absolute;\n    color: var(--color-on-surface);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Fragment, getAssetPath, Build } from '@stencil/core';\nimport { trekIsAvailableOffline } from 'services/treks.service';\nimport state, { onChange } from 'store/store';\nimport { City, Difficulty, Practice, Route, Themes, Trek } from 'types/types';\nimport { formatDuration, formatLength, formatAscent } from 'utils/utils';\nimport OfflinePinIcon from '../../assets/offline_pin.svg';\nimport TimelapseIcon from '../../assets/timelapse.svg';\nimport OpenInFullIcon from '../../assets/open_in_full.svg';\nimport MovingIcon from '../../assets/moving.svg';\nimport slugify from 'slugify';\n\n@Component({\n  tag: 'grw-trek-card',\n  styleUrl: 'grw-trek-card.scss',\n  shadow: true,\n})\nexport class GrwTrekCard {\n  @Event() trekCardPress: EventEmitter<number>;\n  @State() currentTrek: Trek;\n  @State() difficulty: Difficulty;\n  @State() route: Route;\n  @State() practice: Practice;\n  @State() themes: Themes;\n  @State() departureCity: City;\n  @Prop() trek: Trek;\n\n  @Prop() fontFamily = 'Roboto';\n  @Prop() colorPrimaryApp = '#6b0030';\n  @Prop() colorOnSurface = '#49454e';\n  @Prop() colorSecondaryContainer = '#e8def8';\n  @Prop() colorOnSecondaryContainer = '#1d192b';\n  @Prop() colorSurfaceContainerLow = '#f7f2fa';\n  @Prop() isLargeView = false;\n  @Prop() isStep: false;\n\n  @Event() cardTrekMouseOver: EventEmitter<number>;\n  @Event() cardTrekMouseLeave: EventEmitter;\n\n  @State() isAvailableOffline = false;\n  @State() showDefaultImage = false;\n\n  @Prop() grwApp = false;\n\n  @Listen('trekDownloadedSuccessConfirm', { target: 'window' })\n  onTrekDownloadedSuccessConfirm() {\n    this.isAvailableOffline = true;\n  }\n\n  @Listen('trekDeleteSuccessConfirm', { target: 'window' })\n  onTrekDeleteSuccessConfirm() {\n    this.isAvailableOffline = false;\n  }\n\n  connectedCallback() {\n    this.currentTrek = this.trek ? this.trek : state.currentTrek;\n    if (this.currentTrek) {\n      this.difficulty = state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty);\n      this.route = state.routes.find(route => route.id === this.currentTrek.route);\n      this.practice = state.practices.find(practice => practice.id === this.currentTrek.practice);\n      this.themes = state.themes.filter(theme => this.currentTrek.themes.includes(theme.id));\n      this.departureCity = state.cities.find(city => city.id === this.currentTrek.departure_city);\n      this.handleOffline(this.currentTrek.id);\n    }\n    onChange('currentTrek', () => {\n      this.currentTrek = this.trek ? this.trek : state.currentTrek;\n      if (this.currentTrek) {\n        this.difficulty = this.currentTrek.difficulty && state.difficulties ? state.difficulties.find(difficulty => difficulty.id === this.currentTrek.difficulty) : null;\n        this.route = this.currentTrek.route && state.routes ? state.routes.find(route => route.id === this.currentTrek.route) : null;\n        this.practice = this.currentTrek.practice && state.practices ? state.practices.find(practice => practice.id === this.currentTrek.practice) : null;\n        this.themes = this.currentTrek.themes && state.themes ? state.themes.filter(theme => this.currentTrek.themes.includes(theme.id)) : null;\n        this.departureCity = this.currentTrek.departure_city && state.cities ? state.cities.find(city => city.id === this.currentTrek.departure_city) : null;\n        this.handleOffline(this.currentTrek.id);\n      }\n    });\n  }\n\n  async handleOffline(trekId) {\n    this.isAvailableOffline = await trekIsAvailableOffline(trekId);\n  }\n\n  @Listen('mouseover')\n  handleMouseOver() {\n    this.cardTrekMouseOver.emit(this.currentTrek.id);\n  }\n\n  @Listen('mouseleave')\n  handleMouseLeave() {\n    this.cardTrekMouseLeave.emit();\n  }\n\n  render() {\n    const defaultImageSrc = getAssetPath(`${Build.isDev ? '/' : ''}assets/default-image.svg`);\n\n    return (\n      <Host\n        style={{\n          '--font-family': this.fontFamily,\n          'width': this.isLargeView ? '100%' : 'auto',\n          '--color-primary-app': this.colorPrimaryApp,\n          '--color-on-surface': this.colorOnSurface,\n          '--color-secondary-container': this.colorSecondaryContainer,\n          '--color-on-secondary-container': this.colorOnSecondaryContainer,\n          '--color-surface-container-low': this.colorSurfaceContainerLow,\n        }}\n      >\n        {this.currentTrek && (\n          <div\n            part=\"trek-card\"\n            class={\n              this.isStep\n                ? `trek-card trek-card-container trek-step-card${state.selectedStepId === this.currentTrek.id ? ' selected-trek-card' : ''} ${\n                    state.currentTrek && state.currentTrek.id === this.currentTrek.id ? 'is-current-step' : ''\n                  }`\n                : this.isLargeView\n                ? `trek-card trek-card-large-view-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n                : `trek-card trek-card-container${state.selectedTrekId === this.currentTrek.id ? ' selected-trek-card' : ''}`\n            }\n            onClick={() => {\n              if (this.grwApp) {\n                this.trekCardPress.emit(this.currentTrek.id);\n              } else {\n                window.location.href = slugify(`${this.currentTrek.name}`);\n              }\n            }}\n          >\n            <div part=\"trek-img-container\" class=\"trek-img-container\">\n              {this.isAvailableOffline && (\n                <div part=\"offline-indicator\" class=\"offline-indicator\">\n                  <span part=\"icon\" class=\"icon\" innerHTML={OfflinePinIcon}></span>\n                </div>\n              )}\n              {this.currentTrek.attachments.filter(attachment => attachment.type === 'image').length > 0 ? (\n                <img\n                  part=\"trek-img\"\n                  class=\"trek-img\"\n                  src={`${\n                    this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail !== ''\n                      ? this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].thumbnail\n                      : this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].url\n                  }`}\n                  alt={`${this.currentTrek.attachments.filter(attachment => attachment.type === 'image')[0].legend}`}\n                  loading=\"lazy\"\n                  /* @ts-ignore */\n                  onerror={event => {\n                    event.target.onerror = null;\n                    event.target.className = 'trek-img default-trek-img';\n                    event.target.src = defaultImageSrc;\n                  }}\n                />\n              ) : (\n                <img part=\"trek-img\" class=\"trek-img default-trek-img\" src={defaultImageSrc} alt=\"\" loading=\"lazy\" />\n              )}\n            </div>\n            <div part=\"trek-sub-container\" class=\"trek-sub-container\">\n              {this.departureCity && (\n                <div part=\"trek-departure\" class=\"trek-departure\">\n                  {this.departureCity.name}\n                </div>\n              )}\n              <div part=\"trek-name\" class=\"trek-name\">\n                {this.currentTrek?.name}\n              </div>\n              {!this.isStep && this.themes && (\n                <div part=\"trek-themes-container\" class=\"trek-themes-container\">\n                  {this.themes.map(theme => (\n                    <div part=\"trek-theme\" class=\"trek-theme\">\n                      {theme.label}\n                    </div>\n                  ))}\n                </div>\n              )}\n              <div part=\"trek-icons-labels-container\" class=\"trek-icons-labels-container\">\n                {this.difficulty && (\n                  <div part=\"trek-icon-label\" class=\"trek-icon-label difficulty\">\n                    {this.difficulty.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.difficulty.pictogram} alt=\"\" />}\n                    <span part=\"trek-label\" class=\"trek-label\">\n                      {this.difficulty.label}\n                    </span>\n                  </div>\n                )}\n                <div part=\"trek-icon-label\" class=\"trek-icon-label duration\">\n                  <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={TimelapseIcon}></span>\n                  <span part=\"trek-label\" class=\"trek-label\">\n                    {formatDuration(this.currentTrek.duration)}\n                  </span>\n                </div>\n                <div part=\"trek-icon-label\" class=\"trek-icon-label length\">\n                  <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={OpenInFullIcon}></span>\n                  <span part=\"trek-label\" class=\"trek-label\">\n                    {formatLength(this.currentTrek.length_2d)}\n                  </span>\n                </div>\n                <div part=\"trek-icon-label\" class=\"trek-icon-label ascent\">\n                  <span part=\"trek-icon\" class=\"trek-icon\" innerHTML={MovingIcon}></span>\n                  <span part=\"trek-label\" class=\"trek-label\">\n                    {formatAscent(this.currentTrek.ascent)}\n                  </span>\n                </div>\n                {!this.isStep && (\n                  <Fragment>\n                    <div part=\"trek-icon-label\" class=\"trek-icon-label route\">\n                      {this.route?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.route.pictogram} alt=\"\" />}\n                      <span part=\"trek-label\" class=\"trek-label\">\n                        {this.route?.route}\n                      </span>\n                    </div>\n                    <div part=\"trek-icon-label\" class=\"trek-icon-label practice\">\n                      {this.practice?.pictogram && <img part=\"trek-icon\" class=\"trek-icon\" src={this.practice.pictogram} alt=\"\" />}\n                      <span part=\"trek-label\" class=\"trek-label\">\n                        {this.practice?.name}\n                      </span>\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js

@@ -25,7 +25,8 @@ const GrwToggleSlotVisibility = class {
         this.handleView();
     }
     handleView() {
-        if (store.state.currentTrek && (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
+        if ((store.state.currentTrek || store.state.currentOutdoorSite) &&
+            (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {
             this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;
             this.showStartSlot = true;
             this.showEndSlot = this.isLargeView;
@@ -99,7 +100,7 @@ const GrwToggleSlotVisibility = class {
         return mapLabelButton;
     }
     render() {
-        return (index.h(index.Host, { key: '07be051642115696efb5635e474ab0a8b1f5fa16' }, store.state.currentTrek && (index.h("div", { class: "grw-toggle-slot-visibility-container" }, index.h("div", { class: "grw-slot-start-container", style: { height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' } }, index.h("slot", { name: "start" }, " ")), index.h("div", { id: "grw-slot-end-container", style: {
+        return (index.h(index.Host, { key: '58a5632c13f7c6b8d0b1f34eb10206caefafaeaa' }, (store.state.currentTrek || store.state.currentOutdoorSite) && (index.h("div", { class: "grw-toggle-slot-visibility-container" }, index.h("div", { class: "grw-slot-start-container", style: { height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' } }, index.h("slot", { name: "start" }, " ")), index.h("div", { id: "grw-slot-end-container", style: {
                 width: '100%',
                 height: this.slotEndHeight,
                 visibility: !this.isLargeView ? 'hidden' : 'visible',

package/dist/cjs/grw-toggle-slot-visibility.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"grw-toggle-slot-visibility.entry.cjs.js","mappings":"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","names":["state","translate","h","Host"],"sources":["src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.scss?tag=grw-toggle-slot-visibility","src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"sourcesContent":["grw-toggle-slot-visibility {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  max-width: 100dvw;\n}\n\n.grw-map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: fixed;\n  bottom: 24px;\n  z-index: 4001;\n  pointer-events: none;\n}\n","import { Component, Host, h, State, Prop, Listen, Element } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-toggle-slot-visibility',\n  styleUrl: 'grw-toggle-slot-visibility.scss',\n  shadow: false,\n})\nexport class GrwToggleSlotVisibility {\n  @Element() toggleSlotElement: HTMLElement;\n  @State() isLargeView = undefined;\n  @State() showStartSlot = true;\n  @State() showEndSlot = false;\n\n  @Prop() largeViewSize = 1024;\n  @Prop() fontFamily = 'Roboto';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() slotEndHeight = '100vh';\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  handleView() {\n    if (state.currentTrek && (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)) {\n      this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;\n      this.showStartSlot = true;\n      this.showEndSlot = this.isLargeView;\n      if (!this.isLargeView) {\n        const mapVisibilityButtonContainer = document.createElement('div');\n        mapVisibilityButtonContainer.className = 'grw-map-visibility-button-container';\n        const mapVisibilityButton = document.createElement('grw-extended-fab');\n        mapVisibilityButton.setAttribute('exportparts', 'map-visibility-button,map-visibility-button-icon,map-visibility-button-label');\n        mapVisibilityButton.setAttribute('font-family', this.fontFamily);\n        mapVisibilityButton.action = () => this.toggleShowSlot();\n        mapVisibilityButton.icon = () => this.getMapVisibilityIconButton();\n        mapVisibilityButton.name = () => this.getMapVisibilityLabelButton();\n        mapVisibilityButton.setAttribute('fab-background-color', this.fabBackgroundColor);\n        mapVisibilityButton.setAttribute('fab-color', this.fabColor);\n\n        mapVisibilityButton.setAttribute('display', this.isLargeView ? 'none' : 'flex');\n        mapVisibilityButtonContainer.append(mapVisibilityButton);\n        document.body.append(mapVisibilityButtonContainer);\n\n        const slotEnd: any = document.querySelector('#grw-slot-end-container');\n\n        const slotEndClone = slotEnd.cloneNode(true);\n        slotEndClone.id = 'grw-slot-end-container-clone';\n        slotEndClone.style.visibility = 'hidden';\n        slotEndClone.style.position = 'fixed';\n        slotEndClone.style.top = '0px';\n        slotEndClone.style.left = '0px';\n        slotEndClone.style['z-index'] = '0';\n        slotEndClone.style.height = '100vh';\n        slotEndClone.style['background-color'] = '#ffffff';\n        document.body.append(slotEndClone);\n      } else {\n        const mapVisibilityButtonContainer = document.body.getElementsByClassName('grw-map-visibility-button-container')[0];\n        if (mapVisibilityButtonContainer) {\n          mapVisibilityButtonContainer.remove();\n        }\n        const slotEndClone = document.body.querySelector('#grw-slot-end-container-clone');\n        if (slotEndClone) {\n          slotEndClone.remove();\n        }\n      }\n    }\n  }\n\n  toggleShowSlot() {\n    this.showStartSlot = !this.showStartSlot;\n    this.showEndSlot = !this.showStartSlot;\n    const grwSlotEndContainerClone: any = document.querySelector('#grw-slot-end-container-clone');\n    if (grwSlotEndContainerClone && this.showEndSlot) {\n      grwSlotEndContainerClone.style.visibility = 'visible';\n      document.body.style.overflow = `hidden`;\n      grwSlotEndContainerClone.style['z-index'] = '4000';\n    } else {\n      grwSlotEndContainerClone.style.visibility = 'hidden';\n      document.body.style.overflow = `visible`;\n      grwSlotEndContainerClone.style['z-index'] = '0';\n    }\n    const grwExtendedFab: any = document.getElementsByTagName('grw-extended-fab')[0];\n    grwExtendedFab.icon = () => this.getMapVisibilityIconButton();\n    grwExtendedFab.name = () => this.getMapVisibilityLabelButton();\n  }\n\n  componentDidRender() {\n    this.handleView();\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n    mapIconButton = this.showStartSlot ? 'map' : 'summarize';\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n    mapLabelButton = this.showStartSlot ? translate[state.language].showMap : translate[state.language].showDetails;\n    return mapLabelButton;\n  }\n\n  render() {\n    return (\n      <Host>\n        {state.currentTrek && (\n          <div class=\"grw-toggle-slot-visibility-container\">\n            <div\n              class=\"grw-slot-start-container\"\n              style={{ height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' }}\n            >\n              <slot name=\"start\"> </slot>\n            </div>\n\n            <div\n              id=\"grw-slot-end-container\"\n              style={{\n                width: '100%',\n                height: this.slotEndHeight,\n                visibility: !this.isLargeView ? 'hidden' : 'visible',\n                position: !this.isLargeView ? 'absolute' : 'relative',\n                top: !this.isLargeView ? '0px' : 'none',\n                left: !this.isLargeView ? '0px' : 'none',\n                zIndex: !this.isLargeView ? '0' : '1',\n              }}\n            >\n              <slot name=\"end\"> </slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"grw-toggle-slot-visibility.entry.cjs.js","mappings":"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","names":["state","translate","h","Host"],"sources":["src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.scss?tag=grw-toggle-slot-visibility","src/components/grw-toggle-slot-visibility/grw-toggle-slot-visibility.tsx"],"sourcesContent":["grw-toggle-slot-visibility {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  max-width: 100dvw;\n}\n\n.grw-map-visibility-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: fixed;\n  bottom: 24px;\n  z-index: 4001;\n  pointer-events: none;\n}\n","import { Component, Host, h, State, Prop, Listen, Element } from '@stencil/core';\nimport { translate } from 'i18n/i18n';\nimport state from 'store/store';\n\n@Component({\n  tag: 'grw-toggle-slot-visibility',\n  styleUrl: 'grw-toggle-slot-visibility.scss',\n  shadow: false,\n})\nexport class GrwToggleSlotVisibility {\n  @Element() toggleSlotElement: HTMLElement;\n  @State() isLargeView = undefined;\n  @State() showStartSlot = true;\n  @State() showEndSlot = false;\n\n  @Prop() largeViewSize = 1024;\n  @Prop() fontFamily = 'Roboto';\n  @Prop() fabBackgroundColor = '#eaddff';\n  @Prop() fabColor = '#21005d';\n  @Prop() slotEndHeight = '100vh';\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.handleView();\n  }\n\n  handleView() {\n    if (\n      (state.currentTrek || state.currentOutdoorSite) &&\n      (typeof this.isLargeView === undefined || this.isLargeView !== this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize)\n    ) {\n      this.isLargeView = this.toggleSlotElement.getBoundingClientRect().width >= this.largeViewSize;\n      this.showStartSlot = true;\n      this.showEndSlot = this.isLargeView;\n      if (!this.isLargeView) {\n        const mapVisibilityButtonContainer = document.createElement('div');\n        mapVisibilityButtonContainer.className = 'grw-map-visibility-button-container';\n        const mapVisibilityButton = document.createElement('grw-extended-fab');\n        mapVisibilityButton.setAttribute('exportparts', 'map-visibility-button,map-visibility-button-icon,map-visibility-button-label');\n        mapVisibilityButton.setAttribute('font-family', this.fontFamily);\n        mapVisibilityButton.action = () => this.toggleShowSlot();\n        mapVisibilityButton.icon = () => this.getMapVisibilityIconButton();\n        mapVisibilityButton.name = () => this.getMapVisibilityLabelButton();\n        mapVisibilityButton.setAttribute('fab-background-color', this.fabBackgroundColor);\n        mapVisibilityButton.setAttribute('fab-color', this.fabColor);\n\n        mapVisibilityButton.setAttribute('display', this.isLargeView ? 'none' : 'flex');\n        mapVisibilityButtonContainer.append(mapVisibilityButton);\n        document.body.append(mapVisibilityButtonContainer);\n\n        const slotEnd: any = document.querySelector('#grw-slot-end-container');\n\n        const slotEndClone = slotEnd.cloneNode(true);\n        slotEndClone.id = 'grw-slot-end-container-clone';\n        slotEndClone.style.visibility = 'hidden';\n        slotEndClone.style.position = 'fixed';\n        slotEndClone.style.top = '0px';\n        slotEndClone.style.left = '0px';\n        slotEndClone.style['z-index'] = '0';\n        slotEndClone.style.height = '100vh';\n        slotEndClone.style['background-color'] = '#ffffff';\n        document.body.append(slotEndClone);\n      } else {\n        const mapVisibilityButtonContainer = document.body.getElementsByClassName('grw-map-visibility-button-container')[0];\n        if (mapVisibilityButtonContainer) {\n          mapVisibilityButtonContainer.remove();\n        }\n        const slotEndClone = document.body.querySelector('#grw-slot-end-container-clone');\n        if (slotEndClone) {\n          slotEndClone.remove();\n        }\n      }\n    }\n  }\n\n  toggleShowSlot() {\n    this.showStartSlot = !this.showStartSlot;\n    this.showEndSlot = !this.showStartSlot;\n    const grwSlotEndContainerClone: any = document.querySelector('#grw-slot-end-container-clone');\n    if (grwSlotEndContainerClone && this.showEndSlot) {\n      grwSlotEndContainerClone.style.visibility = 'visible';\n      document.body.style.overflow = `hidden`;\n      grwSlotEndContainerClone.style['z-index'] = '4000';\n    } else {\n      grwSlotEndContainerClone.style.visibility = 'hidden';\n      document.body.style.overflow = `visible`;\n      grwSlotEndContainerClone.style['z-index'] = '0';\n    }\n    const grwExtendedFab: any = document.getElementsByTagName('grw-extended-fab')[0];\n    grwExtendedFab.icon = () => this.getMapVisibilityIconButton();\n    grwExtendedFab.name = () => this.getMapVisibilityLabelButton();\n  }\n\n  componentDidRender() {\n    this.handleView();\n  }\n\n  getMapVisibilityIconButton() {\n    let mapIconButton: string;\n    mapIconButton = this.showStartSlot ? 'map' : 'summarize';\n    return mapIconButton;\n  }\n\n  getMapVisibilityLabelButton() {\n    let mapLabelButton: string;\n    mapLabelButton = this.showStartSlot ? translate[state.language].showMap : translate[state.language].showDetails;\n    return mapLabelButton;\n  }\n\n  render() {\n    return (\n      <Host>\n        {(state.currentTrek || state.currentOutdoorSite) && (\n          <div class=\"grw-toggle-slot-visibility-container\">\n            <div\n              class=\"grw-slot-start-container\"\n              style={{ height: this.showStartSlot ? '100%' : '100vh', visibility: this.showStartSlot ? 'visible' : 'hidden', zIndex: this.showStartSlot ? '1' : '0' }}\n            >\n              <slot name=\"start\"> </slot>\n            </div>\n\n            <div\n              id=\"grw-slot-end-container\"\n              style={{\n                width: '100%',\n                height: this.slotEndHeight,\n                visibility: !this.isLargeView ? 'hidden' : 'visible',\n                position: !this.isLargeView ? 'absolute' : 'relative',\n                top: !this.isLargeView ? '0px' : 'none',\n                left: !this.isLargeView ? '0px' : 'none',\n                zIndex: !this.isLargeView ? '0' : '1',\n              }}\n            >\n              <slot name=\"end\"> </slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}