@geotrekce/geotrek-rando-widget 0.0.21 → 0.2.0

package/dist/types/components.d.ts

@@ -14,16 +14,28 @@ export namespace Components {
         "center": string;
         "cities": string;
         "colorArrivalIcon": string;
+        "colorBackground": string;
         "colorDepartureIcon": string;
+        "colorOnPrimary": string;
+        "colorOnPrimaryContainer": string;
+        "colorOnSecondaryContainer": string;
+        "colorOnSurface": string;
+        "colorOnSurfaceVariant": string;
         "colorPoiIcon": string;
-        "colorPrimary": string;
-        "colorPrimaryShade": string;
-        "colorPrimaryTint": string;
+        "colorPrimaryApp": string;
+        "colorPrimaryContainer": string;
+        "colorSecondaryContainer": string;
         "colorSensitiveArea": string;
+        "colorSurface": string;
+        "colorSurfaceContainerHigh": string;
+        "colorSurfaceContainerLow": string;
+        "colorSurfaceVariant": string;
         "colorTrekLine": string;
         "districts": string;
+        "fabBackgroundColor": string;
+        "fabColor": string;
         "inBbox": string;
-        "language": string;
+        "languages": string;
         "linkName": string;
         "linkTarget": string;
         "portals": string;
@@ -32,6 +44,7 @@ export namespace Components {
         "structures": string;
         "themes": string;
         "urlLayer": string;
+        "weather": boolean;
         "zoom": number;
     }
     interface GrwFilter {
@@ -46,12 +59,16 @@ export namespace Components {
         "attribution": string;
         "center": string;
         "colorArrivalIcon": string;
+        "colorBackground": string;
         "colorDepartureIcon": string;
+        "colorOnPrimaryContainer": string;
+        "colorOnSurface": string;
         "colorPoiIcon": string;
-        "colorPrimary": string;
-        "colorPrimaryTint": string;
+        "colorPrimaryApp": string;
+        "colorPrimaryContainer": string;
         "colorSensitiveArea": string;
         "colorTrekLine": string;
+        "isLargeView": boolean;
         "resetStoreOnDisconnected": boolean;
         "urlLayer": string;
         "zoom": number;
@@ -59,31 +76,45 @@ export namespace Components {
     interface GrwPoiDetail {
         "poi": Poi;
     }
+    interface GrwSelectLanguage {
+    }
     interface GrwSensitiveAreaDetail {
         "sensitiveArea": SensitiveArea;
     }
     interface GrwTrekCard {
-        "colorPrimary": string;
-        "colorPrimaryTint": string;
+        "colorOnSecondaryContainer": string;
+        "colorOnSurface": string;
+        "colorPrimaryApp": string;
+        "colorSecondaryContainer": string;
+        "colorSurfaceContainerLow": string;
         "isLargeView": boolean;
         "resetStoreOnDisconnected": boolean;
         "trek": Trek;
     }
     interface GrwTrekDetail {
-        "colorPrimary": string;
-        "colorPrimaryShade": string;
-        "colorPrimaryTint": string;
+        "colorBackground": string;
+        "colorOnPrimaryContainer": string;
+        "colorOnSecondaryContainer": string;
+        "colorOnSurface": string;
+        "colorPrimaryApp": string;
+        "colorPrimaryContainer": string;
+        "colorSecondaryContainer": string;
+        "isLargeView": boolean;
         "resetStoreOnDisconnected": boolean;
         "trek": Trek;
+        "weather": boolean;
     }
     interface GrwTrekProvider {
         "api": string;
-        "language": string;
+        "languages": string;
         "trekId": string;
     }
     interface GrwTreksList {
-        "colorPrimary": string;
-        "colorPrimaryTint": string;
+        "colorOnSecondaryContainer": string;
+        "colorOnSurface": string;
+        "colorPrimaryApp": string;
+        "colorSecondaryContainer": string;
+        "colorSurfaceContainerLow": string;
         "isLargeView": boolean;
         "resetStoreOnDisconnected": boolean;
     }
@@ -92,7 +123,7 @@ export namespace Components {
         "cities": string;
         "districts": string;
         "inBbox": string;
-        "language": string;
+        "languages": string;
         "portals": string;
         "practices": string;
         "routes": string;
@@ -100,6 +131,10 @@ export namespace Components {
         "themes": string;
     }
 }
+export interface GrwInformationDeskDetailCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGrwInformationDeskDetailElement;
+}
 export interface GrwMapCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGrwMapElement;
@@ -108,6 +143,10 @@ export interface GrwTrekCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGrwTrekCardElement;
 }
+export interface GrwTrekDetailCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGrwTrekDetailElement;
+}
 declare global {
     interface HTMLGrwAppElement extends Components.GrwApp, HTMLStencilElement {
     }
@@ -139,6 +178,12 @@ declare global {
         prototype: HTMLGrwPoiDetailElement;
         new (): HTMLGrwPoiDetailElement;
     };
+    interface HTMLGrwSelectLanguageElement extends Components.GrwSelectLanguage, HTMLStencilElement {
+    }
+    var HTMLGrwSelectLanguageElement: {
+        prototype: HTMLGrwSelectLanguageElement;
+        new (): HTMLGrwSelectLanguageElement;
+    };
     interface HTMLGrwSensitiveAreaDetailElement extends Components.GrwSensitiveAreaDetail, HTMLStencilElement {
     }
     var HTMLGrwSensitiveAreaDetailElement: {
@@ -181,6 +226,7 @@ declare global {
         "grw-information-desk-detail": HTMLGrwInformationDeskDetailElement;
         "grw-map": HTMLGrwMapElement;
         "grw-poi-detail": HTMLGrwPoiDetailElement;
+        "grw-select-language": HTMLGrwSelectLanguageElement;
         "grw-sensitive-area-detail": HTMLGrwSensitiveAreaDetailElement;
         "grw-trek-card": HTMLGrwTrekCardElement;
         "grw-trek-detail": HTMLGrwTrekDetailElement;
@@ -196,16 +242,28 @@ declare namespace LocalJSX {
         "center"?: string;
         "cities"?: string;
         "colorArrivalIcon"?: string;
+        "colorBackground"?: string;
         "colorDepartureIcon"?: string;
+        "colorOnPrimary"?: string;
+        "colorOnPrimaryContainer"?: string;
+        "colorOnSecondaryContainer"?: string;
+        "colorOnSurface"?: string;
+        "colorOnSurfaceVariant"?: string;
         "colorPoiIcon"?: string;
-        "colorPrimary"?: string;
-        "colorPrimaryShade"?: string;
-        "colorPrimaryTint"?: string;
+        "colorPrimaryApp"?: string;
+        "colorPrimaryContainer"?: string;
+        "colorSecondaryContainer"?: string;
         "colorSensitiveArea"?: string;
+        "colorSurface"?: string;
+        "colorSurfaceContainerHigh"?: string;
+        "colorSurfaceContainerLow"?: string;
+        "colorSurfaceVariant"?: string;
         "colorTrekLine"?: string;
         "districts"?: string;
+        "fabBackgroundColor"?: string;
+        "fabColor"?: string;
         "inBbox"?: string;
-        "language"?: string;
+        "languages"?: string;
         "linkName"?: string;
         "linkTarget"?: string;
         "portals"?: string;
@@ -214,6 +272,7 @@ declare namespace LocalJSX {
         "structures"?: string;
         "themes"?: string;
         "urlLayer"?: string;
+        "weather"?: boolean;
         "zoom"?: number;
     }
     interface GrwFilter {
@@ -223,17 +282,22 @@ declare namespace LocalJSX {
     }
     interface GrwInformationDeskDetail {
         "informationDesk"?: InformationDesk;
+        "onCenterOnMap"?: (event: GrwInformationDeskDetailCustomEvent<{ latitude: number; longitude: number }>) => void;
     }
     interface GrwMap {
         "attribution"?: string;
         "center"?: string;
         "colorArrivalIcon"?: string;
+        "colorBackground"?: string;
         "colorDepartureIcon"?: string;
+        "colorOnPrimaryContainer"?: string;
+        "colorOnSurface"?: string;
         "colorPoiIcon"?: string;
-        "colorPrimary"?: string;
-        "colorPrimaryTint"?: string;
+        "colorPrimaryApp"?: string;
+        "colorPrimaryContainer"?: string;
         "colorSensitiveArea"?: string;
         "colorTrekLine"?: string;
+        "isLargeView"?: boolean;
         "onTrekCardPress"?: (event: GrwMapCustomEvent<number>) => void;
         "resetStoreOnDisconnected"?: boolean;
         "urlLayer"?: string;
@@ -242,32 +306,51 @@ declare namespace LocalJSX {
     interface GrwPoiDetail {
         "poi"?: Poi;
     }
+    interface GrwSelectLanguage {
+    }
     interface GrwSensitiveAreaDetail {
         "sensitiveArea"?: SensitiveArea;
     }
     interface GrwTrekCard {
-        "colorPrimary"?: string;
-        "colorPrimaryTint"?: string;
+        "colorOnSecondaryContainer"?: string;
+        "colorOnSurface"?: string;
+        "colorPrimaryApp"?: string;
+        "colorSecondaryContainer"?: string;
+        "colorSurfaceContainerLow"?: string;
         "isLargeView"?: boolean;
         "onTrekCardPress"?: (event: GrwTrekCardCustomEvent<number>) => void;
         "resetStoreOnDisconnected"?: boolean;
         "trek"?: Trek;
     }
     interface GrwTrekDetail {
-        "colorPrimary"?: string;
-        "colorPrimaryShade"?: string;
-        "colorPrimaryTint"?: string;
+        "colorBackground"?: string;
+        "colorOnPrimaryContainer"?: string;
+        "colorOnSecondaryContainer"?: string;
+        "colorOnSurface"?: string;
+        "colorPrimaryApp"?: string;
+        "colorPrimaryContainer"?: string;
+        "colorSecondaryContainer"?: string;
+        "isLargeView"?: boolean;
+        "onDescriptionReferenceIsInViewport"?: (event: GrwTrekDetailCustomEvent<boolean>) => void;
+        "onInformationDeskIsInViewport"?: (event: GrwTrekDetailCustomEvent<boolean>) => void;
+        "onParkingIsInViewport"?: (event: GrwTrekDetailCustomEvent<boolean>) => void;
+        "onPoiIsInViewport"?: (event: GrwTrekDetailCustomEvent<boolean>) => void;
+        "onSensitiveAreaIsInViewport"?: (event: GrwTrekDetailCustomEvent<boolean>) => void;
         "resetStoreOnDisconnected"?: boolean;
         "trek"?: Trek;
+        "weather"?: boolean;
     }
     interface GrwTrekProvider {
         "api"?: string;
-        "language"?: string;
+        "languages"?: string;
         "trekId"?: string;
     }
     interface GrwTreksList {
-        "colorPrimary"?: string;
-        "colorPrimaryTint"?: string;
+        "colorOnSecondaryContainer"?: string;
+        "colorOnSurface"?: string;
+        "colorPrimaryApp"?: string;
+        "colorSecondaryContainer"?: string;
+        "colorSurfaceContainerLow"?: string;
         "isLargeView"?: boolean;
         "resetStoreOnDisconnected"?: boolean;
     }
@@ -276,7 +359,7 @@ declare namespace LocalJSX {
         "cities"?: string;
         "districts"?: string;
         "inBbox"?: string;
-        "language"?: string;
+        "languages"?: string;
         "portals"?: string;
         "practices"?: string;
         "routes"?: string;
@@ -289,6 +372,7 @@ declare namespace LocalJSX {
         "grw-information-desk-detail": GrwInformationDeskDetail;
         "grw-map": GrwMap;
         "grw-poi-detail": GrwPoiDetail;
+        "grw-select-language": GrwSelectLanguage;
         "grw-sensitive-area-detail": GrwSensitiveAreaDetail;
         "grw-trek-card": GrwTrekCard;
         "grw-trek-detail": GrwTrekDetail;
@@ -306,6 +390,7 @@ declare module "@stencil/core" {
             "grw-information-desk-detail": LocalJSX.GrwInformationDeskDetail & JSXBase.HTMLAttributes<HTMLGrwInformationDeskDetailElement>;
             "grw-map": LocalJSX.GrwMap & JSXBase.HTMLAttributes<HTMLGrwMapElement>;
             "grw-poi-detail": LocalJSX.GrwPoiDetail & JSXBase.HTMLAttributes<HTMLGrwPoiDetailElement>;
+            "grw-select-language": LocalJSX.GrwSelectLanguage & JSXBase.HTMLAttributes<HTMLGrwSelectLanguageElement>;
             "grw-sensitive-area-detail": LocalJSX.GrwSensitiveAreaDetail & JSXBase.HTMLAttributes<HTMLGrwSensitiveAreaDetailElement>;
             "grw-trek-card": LocalJSX.GrwTrekCard & JSXBase.HTMLAttributes<HTMLGrwTrekCardElement>;
             "grw-trek-detail": LocalJSX.GrwTrekDetail & JSXBase.HTMLAttributes<HTMLGrwTrekDetailElement>;

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

@@ -0,0 +1,56 @@
+interface Translation {
+  filter: string;
+  practice: string;
+  difficulty: string;
+  duration: string;
+  treks: string;
+  trek: string;
+  showList: string;
+  showMap: string;
+  showRoute: string;
+  showDetails: string;
+  downloads: string;
+  description: string;
+  departure: string;
+  arrival: string;
+  elevationProfile: string;
+  roadAccess: string;
+  transport: string;
+  recommendations: string;
+  recommendedParking: string;
+  equipments: string;
+  environmentalSensitiveAreas: string;
+  informationPlaces: string;
+  accessibility: string;
+  accessibilityLevel: string;
+  accessibilitySlope: string;
+  accessibilityWidth: string;
+  accessibilitySignage: string;
+  accessibilityCovering: string;
+  accessibilityExposure: string;
+  accessibilityAdvices: string;
+  pois: Function;
+  sources: string;
+  cities: string;
+  options: {
+    presentation: string;
+    description: string;
+    recommendations: string;
+    environmentalSensitiveAreas: string;
+    informationPlaces: string;
+    pois: string;
+  };
+  layers: {
+    pointsReference: string;
+    parking: string;
+    sensitiveArea: string;
+    informationPlaces: string;
+    pois: string;
+  };
+}
+interface AvailableTranslations {
+  fr: Translation;
+  en: Translation;
+}
+export declare const translate: AvailableTranslations;
+export {};

package/dist/types/stencil-public-runtime.d.ts

@@ -812,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -1130,6 +1131,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;

package/dist/types/store/grw-trek-provider.d.ts

@@ -1,10 +1,12 @@
 export declare class GrwTrekProvider {
-  language: string;
+  languages: string;
   api: string;
   trekId: string;
   controller: AbortController;
   signal: AbortSignal;
+  init: RequestInit;
   connectedCallback(): void;
+  handleTrek(): void;
   disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/store/grw-treks-provider.d.ts

@@ -1,5 +1,5 @@
 export declare class GrwTreksProvider {
-  language: string;
+  languages: string;
   api: string;
   inBbox: string;
   cities: string;
@@ -11,7 +11,9 @@ export declare class GrwTreksProvider {
   practices: string;
   controller: AbortController;
   signal: AbortSignal;
+  init: RequestInit;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  handleTreks(): void;
   render(): any;
 }

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

@@ -2,6 +2,8 @@ import { LatLngBounds } from 'leaflet';
 import { Accessibilities, accessibilitiesLevel, Difficulties, Durations, InformationDesks, Labels, Pois, PoiTypes, Practices, Routes, SensitiveAreas, Sources, Themes, Cities, Trek, Treks } from 'types/types';
 declare const state: {
   api: string;
+  languages: string[];
+  language: string;
   treks: Treks;
   treksWithinBounds: Treks;
   currentMapTreksBounds: LatLngBounds;
@@ -25,6 +27,8 @@ declare const state: {
   trekNetworkError: boolean;
 }, onChange: import("@stencil/store/dist/types").OnChangeHandler<{
   api: string;
+  languages: string[];
+  language: string;
   treks: Treks;
   treksWithinBounds: Treks;
   currentMapTreksBounds: LatLngBounds;

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

@@ -16,7 +16,6 @@ export type Trek = {
   departure: string;
   departure_city: string;
   arrival?: string;
-  altimetric_profile?: string;
   geometry?: LineString;
   departure_geom?: Position;
   gpx?: string;
@@ -42,6 +41,8 @@ export type Trek = {
   accessibility_covering?: string;
   accessibility_exposure?: string;
   accessibility_advice?: string;
+  cities?: string[];
+  information_desks?: number[];
 };
 export type Attachments = Attachment[];
 export type Attachment = {
@@ -155,8 +156,8 @@ export type InformationDesk = {
   postal_code: string;
   street: string;
   photo_url: string;
-  latitude: string;
-  longitude: string;
+  latitude: number;
+  longitude: number;
 };
 export type InformationDeskType = {
   id: number;
@@ -169,3 +170,16 @@ export type Filter = {
   trekProperty: string;
   type: string;
 };
+export interface Option {
+  visible: boolean;
+  width: number;
+  indicator: boolean;
+}
+export interface Options {
+  presentation: Option;
+  description: Option;
+  recommendations: Option;
+  sensitiveArea: Option;
+  informationPlaces: Option;
+  pois: Option;
+}

package/loader/index.d.ts

@@ -11,7 +11,7 @@ export interface CustomElementsDefineOptions {
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@geotrekce/geotrek-rando-widget",
-  "version": "0.0.21",
-  "description": "Geotrek Rando Widget",
+  "version": "0.2.0",
+  "description": "Geotrek rando widget",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",
@@ -26,24 +26,27 @@
     "prepare": "npm run build && npm run precompress"
   },
   "dependencies": {
-    "@stencil/core": "^3.2.0",
-    "leaflet": "^1.9.3"
+    "@raruto/leaflet-elevation": "^2.4.0",
+    "@stencil/core": "^3.4.1",
+    "leaflet": "^1.9.4",
+    "leaflet.locatecontrol": "^0.79.0",
+    "swiper": "^9.4.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@stencil/sass": "^3.0.0",
-    "@stencil/store": "^2.0.5",
-    "@storybook/addon-controls": "^6.5.12",
-    "@storybook/addon-docs": "^6.5.12",
-    "@storybook/builder-webpack4": "^6.5.12",
-    "@storybook/html": "^6.5.12",
-    "@storybook/manager-webpack4": "^6.5.12",
-    "@storybook/storybook-deployer": "^2.8.12",
+    "@babel/core": "^7.22.5",
+    "@stencil/sass": "^3.0.4",
+    "@stencil/store": "^2.0.8",
+    "@storybook/addon-controls": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/html": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/storybook-deployer": "^2.8.16",
     "@types/geojson": "^7946.0.10",
     "@types/leaflet": "^1.9.3",
     "babel-loader": "^9.1.2",
     "glob": "^9.3.4",
-    "typescript": "^4.9.5"
+    "typescript": "^5.1.6"
   },
   "author": "bastien.alvez@makina-corpus.com",
   "license": "MIT"

package/readme.md

@@ -1,4 +1,4 @@
-# Geotrek Rando Widget
+# Geotrek rando widget
 
 Web components of [Geotrek](https://geotrek.fr/).\
 You can use a complete app or each component independantly.
@@ -19,7 +19,9 @@ Copy-paste this inside `<head></head>`
 
 **The api you want to use had to authorize geotrekce.github.io.**
 
-You can explore Geotrek Rando Widget and create your own component [here](https://geotrekce.github.io/Geotrek-rando-widget/).\
+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_.
 
 If you plan to use a component with a map, take care to place it inside an element with a px or vh height, otherwise the map will not be visible.
+
+[![](https://geotrek.fr/assets/img/logo_autonomens-h120m.png)](https://datatheca.com/)