@geotrekce/geotrek-rando-widget 0.0.3 → 0.0.4

package/dist/types/components.d.ts

@@ -32,6 +32,11 @@ export namespace Components {
         "urlLayer": string;
         "zoom": any;
     }
+    interface GrwFilter {
+        "filterName": string;
+        "filterNameProperty": string;
+        "filterType": string;
+    }
     interface GrwInformationDeskDetail {
         "informationDesk": InformationDesk;
     }
@@ -57,6 +62,7 @@ export namespace Components {
     interface GrwTrekCard {
         "colorPrimary": string;
         "colorPrimaryTint": string;
+        "isLargeView": boolean;
         "trek": Trek;
     }
     interface GrwTrekDetail {
@@ -73,6 +79,7 @@ export namespace Components {
     interface GrwTreksList {
         "colorPrimary": string;
         "colorPrimaryTint": string;
+        "isLargeView": boolean;
     }
     interface GrwTreksProvider {
         "api": string;
@@ -102,6 +109,12 @@ declare global {
         prototype: HTMLGrwAppElement;
         new (): HTMLGrwAppElement;
     };
+    interface HTMLGrwFilterElement extends Components.GrwFilter, HTMLStencilElement {
+    }
+    var HTMLGrwFilterElement: {
+        prototype: HTMLGrwFilterElement;
+        new (): HTMLGrwFilterElement;
+    };
     interface HTMLGrwInformationDeskDetailElement extends Components.GrwInformationDeskDetail, HTMLStencilElement {
     }
     var HTMLGrwInformationDeskDetailElement: {
@@ -158,6 +171,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "grw-app": HTMLGrwAppElement;
+        "grw-filter": HTMLGrwFilterElement;
         "grw-information-desk-detail": HTMLGrwInformationDeskDetailElement;
         "grw-map": HTMLGrwMapElement;
         "grw-poi-detail": HTMLGrwPoiDetailElement;
@@ -195,6 +209,11 @@ declare namespace LocalJSX {
         "urlLayer"?: string;
         "zoom"?: any;
     }
+    interface GrwFilter {
+        "filterName"?: string;
+        "filterNameProperty"?: string;
+        "filterType"?: string;
+    }
     interface GrwInformationDeskDetail {
         "informationDesk"?: InformationDesk;
     }
@@ -221,6 +240,7 @@ declare namespace LocalJSX {
     interface GrwTrekCard {
         "colorPrimary"?: string;
         "colorPrimaryTint"?: string;
+        "isLargeView"?: boolean;
         "onTrekCardPress"?: (event: GrwTrekCardCustomEvent<number>) => void;
         "trek"?: Trek;
     }
@@ -238,6 +258,7 @@ declare namespace LocalJSX {
     interface GrwTreksList {
         "colorPrimary"?: string;
         "colorPrimaryTint"?: string;
+        "isLargeView"?: boolean;
     }
     interface GrwTreksProvider {
         "api"?: string;
@@ -253,6 +274,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "grw-app": GrwApp;
+        "grw-filter": GrwFilter;
         "grw-information-desk-detail": GrwInformationDeskDetail;
         "grw-map": GrwMap;
         "grw-poi-detail": GrwPoiDetail;
@@ -269,6 +291,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "grw-app": LocalJSX.GrwApp & JSXBase.HTMLAttributes<HTMLGrwAppElement>;
+            "grw-filter": LocalJSX.GrwFilter & JSXBase.HTMLAttributes<HTMLGrwFilterElement>;
             "grw-information-desk-detail": LocalJSX.GrwInformationDeskDetail & JSXBase.HTMLAttributes<HTMLGrwInformationDeskDetailElement>;
             "grw-map": LocalJSX.GrwMap & JSXBase.HTMLAttributes<HTMLGrwMapElement>;
             "grw-poi-detail": LocalJSX.GrwPoiDetail & JSXBase.HTMLAttributes<HTMLGrwPoiDetailElement>;

package/dist/types/store/store.d.ts

@@ -1,10 +1,13 @@
-import { Difficulties, InformationDesks, Pois, Practices, Routes, SensitiveAreas, Trek, Treks } from 'types/types';
+import { Difficulties, Durations, InformationDesks, Pois, Practices, Routes, SensitiveAreas, Themes, Trek, Treks } from 'types/types';
 declare const state: {
   api: string;
   treks: Treks;
+  currentTreks: Treks;
   difficulties: Difficulties;
   routes: Routes;
   practices: Practices;
+  themes: Themes;
+  durations: Durations;
   currentSensitiveAreas: SensitiveAreas;
   currentPois: Pois;
   currentTrek: Trek;
@@ -12,9 +15,12 @@ declare const state: {
 }, onChange: import("@stencil/store/dist/types").OnChangeHandler<{
   api: string;
   treks: Treks;
+  currentTreks: Treks;
   difficulties: Difficulties;
   routes: Routes;
   practices: Practices;
+  themes: Themes;
+  durations: Durations;
   currentSensitiveAreas: SensitiveAreas;
   currentPois: Pois;
   currentTrek: Trek;

package/dist/types/types/types.d.ts

@@ -9,9 +9,11 @@ export declare type Trek = {
   difficulty: number;
   route: number;
   practice: number;
+  themes: number[];
   duration: number;
   length_2d: number;
   ascent: number;
+  departure: string;
   geometry?: LineString;
   departure_geom?: Position;
   gpx?: string;
@@ -47,6 +49,21 @@ export declare type Practice = {
   id: number;
   name: string;
   pictogram: string;
+  selected: boolean;
+};
+export declare type Themes = Theme[];
+export declare type Theme = {
+  id: number;
+  label: string;
+  pictogram: string;
+};
+export declare type Durations = Duration[];
+export declare type Duration = {
+  id: number;
+  name: string;
+  minValue: number;
+  maxValue: number;
+  selected: boolean;
 };
 export declare type SensitiveAreas = SensitiveArea[];
 export declare type SensitiveArea = {
@@ -89,3 +106,9 @@ export declare type InformationDeskType = {
   label: string;
   pictogram: string;
 };
+export declare type Filters = Filter[];
+export declare type Filter = {
+  property: string;
+  trekProperty: string;
+  type: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Geotrek Rando Widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -1,11 +1,11 @@
 # Geotrek Rando Widget
 
-Web components of _Geotrek Rando_ (http://geotrek.fr).
+Web components of [Geotrek Rando](https://geotrek.fr/).\
 You can use a complete app or each component independantly.
 
 ## Usage
 
-To use the latest version, Copy-Paste this inside <head></head>
+To use the latest version, copy-paste this inside `<head></head>`
 
 ```
 <link rel="stylesheet" href="https://unpkg.com/@geotrekce/geotrek-rando-widget@latest/dist/geotrek-rando-widget/geotrek-rando-widget.css" />
@@ -15,8 +15,7 @@ To use the latest version, Copy-Paste this inside <head></head>
 
 You can replace _latest_ with a specific version.
 
-## Storybook
-
-Storybook helps you to [explore Geotrek Rando Widget and create you own component](https://geotrekce.github.io/Geotrek-rando-widget/).
+## Explore
 
+You can explore Geotrek Rando Widget and create your own component [here](https://geotrekce.github.io/Geotrek-rando-widget/).\
 Once you made your component, you can get the code to copy-paste by clicking on _Docs_ then _Show code_.

package/dist/geotrek-rando-widget/p-332ba9ab.js

@@ -1,2 +0,0 @@
-let e,t,n=null,l=!1;const s="undefined"!=typeof window?window:{},o=s.document||{head:{}},c={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},r=e=>Promise.resolve(e),i=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),a=(e,t,n)=>{n&&n.map((([n,l,s])=>{const o=f(e,n),r=u(t,s),i=d(n);c.ael(o,l,r,i),(t.o=t.o||[]).push((()=>c.rel(o,l,r,i)))}))},u=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){X(e)}},f=(e,t)=>8&t?s:e,d=e=>0!=(2&e),h=new WeakMap,y=e=>"sc-"+e.h,$={},m=e=>"object"==(e=typeof e)||"function"===e,p=(e,t,...n)=>{let l=null,s=!1,o=!1;const c=[],r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!m(l))&&(l+=""),s&&o?c[c.length-1].$+=l:c.push(s?b(null,l):l),o=s)};if(r(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const i=b(e,null);return i.m=t,c.length>0&&(i.p=c),i},b=(e,t)=>({t:0,g:e,$:t,S:null,p:null,m:null}),w={},g=(e,t,n,l,o,r)=>{if(n!==l){let i=Q(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,s=j(n),o=j(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if(i||"o"!==t[0]||"n"!==t[1]){const s=m(l);if((i||s&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const s=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||o)&&!s&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):Q(s,a)?a.slice(2):a[2]+t.slice(3),n&&c.rel(e,t,n,!1),l&&c.ael(e,t,l,!1)}},S=/\s/,j=e=>e?e.split(S):[],k=(e,t,n,l)=>{const s=11===t.S.nodeType&&t.S.host?t.S.host:t.S,o=e&&e.m||$,c=t.m||$;for(l in o)l in c||g(s,l,o[l],void 0,n,t.t);for(l in c)g(s,l,o[l],c[l],n,t.t)},v=(t,n,l)=>{const s=n.p[l];let c,r,i=0;if(null!==s.$)c=s.S=o.createTextNode(s.$);else if(c=s.S=o.createElement(s.g),k(null,s,!1),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),s.p)for(i=0;i<s.p.length;++i)r=v(t,s,i),r&&c.appendChild(r);return c},M=(e,n,l,s,o,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=c;++o)s[o]&&(r=v(null,l,o),r&&(s[o].S=r,i.insertBefore(r,n)))},C=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.S.remove()},O=(e,t)=>e.g===t.g,L=(e,t)=>{const n=t.S=e.S,l=e.p,s=t.p,o=t.$;null===o?(k(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],d=l[u];for(;o<=r&&c<=u;)null==i?i=t[++o]:null==a?a=t[--r]:null==f?f=l[++c]:null==d?d=l[--u]:O(i,f)?(L(i,f),i=t[++o],f=l[++c]):O(a,d)?(L(a,d),a=t[--r],d=l[--u]):O(i,d)?(L(i,d),e.insertBefore(i.S,a.S.nextSibling),i=t[++o],d=l[--u]):O(a,f)?(L(a,f),e.insertBefore(a.S,i.S),a=t[--r],f=l[++c]):(s=v(t&&t[c],n,c),f=l[++c],s&&i.S.parentNode.insertBefore(s,i.S));o>r?M(e,null==l[u+1]?null:l[u+1].S,n,l,c,u):c>u&&C(t,o,r)})(n,l,t,s):null!==s?(null!==e.$&&(n.textContent=""),M(n,null,t,s,0,s.length-1)):null!==l&&C(l,0,l.length-1)):e.$!==o&&(n.data=o)},P=e=>I(e).j,x=(e,t,n)=>{const l=P(e);return{emit:e=>E(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},E=(e,t,n)=>{const l=c.ce(t,n);return e.dispatchEvent(l),l},N=(e,t)=>{t&&!e.k&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.k=t)))},T=(e,t)=>{if(e.t|=16,!(4&e.t))return N(e,e.v),re((()=>W(e,t)));e.t|=512},W=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>D(n,e,t))),e.u=null),l=D(n,"componentWillLoad")),V(l,(()=>A(e,n,t)))},A=async(e,t,n)=>{const l=e.j,s=l["s-rc"];n&&(e=>{const t=e.M,n=e.j,l=t.t,s=((e,t)=>{let n=y(t);const l=ee.get(n);if(e=11===e.nodeType?e:o,l)if("string"==typeof l){let t,s=h.get(e=e.head||e);s||h.set(e,s=new Set),s.has(n)||(t=o.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);F(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>R(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},F=(l,s)=>{try{n=s,s=s.render(),l.t&=-17,l.t|=2,((n,l)=>{const s=n.j,o=n.C||b(null,null),c=(e=>e&&e.g===w)(l)?l:p(null,null,l);t=s.tagName,c.g=null,c.t|=4,n.C=c,c.S=o.S=s.shadowRoot||s,e=s["s-sc"],L(o,c)})(l,s)}catch(e){X(e,l.j)}return n=null,null},H=()=>n,R=e=>{const t=e.j,n=e.i,l=e.v;64&e.t||(e.t|=64,_(t),D(n,"componentDidLoad"),e.O(t),l||q()),e.k&&(e.k(),e.k=void 0),512&e.t&&ce((()=>T(e,!1))),e.t&=-517},U=e=>{{const t=I(e),n=t.j.isConnected;return n&&2==(18&t.t)&&T(t,!1),n}},q=()=>{_(o.documentElement),ce((()=>E(s,"appload",{detail:{namespace:"geotrek-rando-widget"}})))},D=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){X(e)}},V=(e,t)=>e&&e.then?e.then(t):t(),_=e=>e.classList.add("hydrated"),z=(e,t,n)=>{if(t.L){e.watchers&&(t.P=e.watchers);const l=Object.entries(t.L),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>I(this).N.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=I(e),o=s.j,c=s.N.get(t),r=s.t,i=s.i;if(n=((e,t)=>null==e||m(e)?e:2&t?parseFloat(e):1&t?e+"":e)(n,l.L[t][0]),(!(8&r)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.N.set(t,n),i)){if(l.P&&128&r){const e=l.P[t];e&&e.map((e=>{try{i[e](n,c,t)}catch(e){X(e,o)}}))}2==(18&r)&&T(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){c.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},B=(e,t={})=>{const n=[],l=t.exclude||[],r=s.customElements,u=o.head,f=u.querySelector("meta[charset]"),d=o.createElement("style"),h=[];let $,m=!0;Object.assign(c,t),c.l=new URL(t.resourcesUrl||"./",o.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],h:t[1],L:t[2],T:t[3]};s.L=t[2],s.T=t[3],s.P={};const o=s.h,u=class extends HTMLElement{constructor(e){super(e),K(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),m?h.push(this):c.jmp((()=>(e=>{if(0==(1&c.t)){const t=I(e),n=t.M,l=()=>{};if(1&t.t)a(e,t,n.T);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){N(t,t.v=n);break}}n.L&&Object.entries(n.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=Z(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.P=s.watchers,z(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){X(e)}t.t&=-9,t.t|=128,e()}if(s.style){let e=s.style;const t=y(n);if(!ee.has(t)){const l=()=>{};((e,t,n)=>{let l=ee.get(e);i&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,ee.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.v,c=()=>T(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){c.jmp((()=>(()=>{if(0==(1&c.t)){const e=I(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),D(t,"disconnectedCallback")}})()))}componentOnReady(){return I(this).W}};s.A=e[0],l.includes(o)||r.get(o)||(n.push(o),r.define(o,z(u,s,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),u.insertBefore(d,f?f.nextSibling:u.firstChild),m=!1,h.length?h.map((e=>e.connectedCallback())):c.jmp((()=>$=setTimeout(q,30)))},G=new WeakMap,I=e=>G.get(e),J=(e,t)=>G.set(t.i=e,t),K=(e,t)=>{const n={t:0,j:e,M:t,N:new Map};return n.W=new Promise((e=>n.O=e)),e["s-p"]=[],e["s-rc"]=[],a(e,n,t.T),G.set(e,n)},Q=(e,t)=>t in e,X=(e,t)=>(0,console.error)(e,t),Y=new Map,Z=e=>{const t=e.h.replace(/-/g,"_"),n=e.A,l=Y.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Y.set(n,e),e[t])),X)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ee=new Map,te=[],ne=[],le=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&c.t?ce(oe):c.raf(oe))},se=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){X(e)}e.length=0},oe=()=>{se(te),se(ne),(l=te.length>0)&&c.raf(oe)},ce=e=>r().then(e),re=le(ne,!0);export{w as H,P as a,B as b,x as c,U as f,H as g,p as h,r as p,J as r}