ublo-lib 1.21.5 → 1.21.7

package/es/lbm/components/lumiplan/lumiplan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lumiplan.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/lumiplan.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CA+H/B"}
+{"version":3,"file":"lumiplan.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/lumiplan.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAyI/B"}

package/es/lbm/components/lumiplan/lumiplan.js

@@ -28,6 +28,8 @@ export default function Lumiplan() {
     const isOpeningsInView = useInView(openingsRef, IN_VIEW_CONFIG);
     const isPoisInView = useInView(poisRef, IN_VIEW_CONFIG);
     const [currentResortId, setCurrentResortId] = React.useState(lumiplanResorts[0].id);
+    const currentResort = lumiplanResorts.find((resort) => resort.id === currentResortId);
+    const showOpening = Boolean(currentResort.showOpening);
     const [resortOpening, setResortOpening] = React.useState();
     const [weather, setWeather] = React.useState();
     const [resortAccess, setResortAccess] = React.useState();
@@ -114,5 +116,5 @@ export default function Lumiplan() {
             fetchData();
         }
     }, [currentResortId, isPoisInView]);
-    return (_jsxs("div", { className: css.lumiplan, children: [_jsx(ResortSelector, { resorts: lumiplanResorts, currentResortId: currentResortId, setCurrentResortId: setCurrentResortId }), _jsx(TodaysTips, { ref: todaysTipsRef, resortOpening: resortOpening }), _jsx(Weather, { ref: weatherRef, weather: weather }), _jsx(RoadCondition, { ref: roadConditionRef, resortAccess: resortAccess }), _jsx(Domain, { ref: domainRef, domain: domain }), _jsx(Pois, { ref: poisRef, pois: pois }), _jsx(Opening, { ref: openingsRef, resortOpening: resortOpening })] }));
+    return (_jsxs("div", { className: css.lumiplan, children: [_jsx(ResortSelector, { resorts: lumiplanResorts, currentResortId: currentResortId, setCurrentResortId: setCurrentResortId }), _jsx(TodaysTips, { ref: todaysTipsRef, resortOpening: resortOpening }), _jsx(Weather, { ref: weatherRef, weather: weather }), _jsx(RoadCondition, { ref: roadConditionRef, resortAccess: resortAccess }), _jsx(Domain, { ref: domainRef, domain: domain }), _jsx(Pois, { ref: poisRef, pois: pois }), showOpening && (_jsx(Opening, { ref: openingsRef, resortOpening: resortOpening, showOpening: currentResort.showOpening }))] }));
 }

package/es/lbm/components/lumiplan/lumiplan.module.css

@@ -1,9 +1,9 @@
 .lumiplan {
-  padding: 28px 0;
+  padding-top: 20px;
 }
 
 @media (min-width: 780px) {
   .lumiplan {
-    padding: 64px 0;
+    padding-top: 34px;
   }
 }

package/es/lbm/components/lumiplan/opening.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import type { ResortOpening } from "./types";
 type Props = {
     resortOpening?: ResortOpening | null;
+    showOpening?: string[];
 };
 declare const Opening: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default Opening;

package/es/lbm/components/lumiplan/opening.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"opening.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/opening.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA2DZ,CAAC;AAwCF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"opening.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/opening.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAO,MAAM,SAAS,CAAC;AAGlD,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,OAAO,8EAsEZ,CAAC;AAqCF,eAAe,OAAO,CAAC"}

package/es/lbm/components/lumiplan/opening.js

@@ -8,7 +8,7 @@ import NightIcon from "./icons/night";
 import DawnIcon from "./icons/dawn";
 import T, { t } from "./i18n/translations";
 import css from "./opening.module.css";
-const Opening = React.forwardRef(({ resortOpening }, ref) => {
+const Opening = React.forwardRef(({ resortOpening, showOpening }, ref) => {
     const { lang } = useUbloContext();
     if (resortOpening === undefined) {
         return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "opening.navigation-title"), children: _jsx(Loader, { variant: "overlay" }) }));
@@ -17,7 +17,15 @@ const Opening = React.forwardRef(({ resortOpening }, ref) => {
         return null;
     }
     const { dawnSkiingDays, nightSkiingDays } = resortOpening.availability;
-    return (_jsx("div", { ref: ref, className: css.opening, "data-tags": t(lang, "opening.navigation-title"), children: _jsx("div", { className: css.tableOuter, children: _jsxs("table", { className: css.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), dawnSkiingDays.map((day) => (_jsx("th", { className: css.heading, children: _jsx("div", { className: css.headingInner, children: _jsx(T, { id: `opening.days.${day.dayType}` }) }) }, day.dayType)))] }) }), _jsxs("tbody", { children: [_jsx("tr", { children: _jsx(Rows, { kind: "dawn", rows: dawnSkiingDays }) }), _jsx("tr", { children: _jsx(Rows, { kind: "night", rows: nightSkiingDays }) })] })] }) }) }));
+    // On enlève -1 car le tableau commence à 0
+    const dayIndex = new Date().getDay() - 1;
+    const orderedDays = reorganizeDays(dawnSkiingDays, dayIndex);
+    const orderedNights = reorganizeDays(nightSkiingDays, dayIndex);
+    return (_jsx("div", { ref: ref, className: css.opening, "data-tags": t(lang, "opening.navigation-title"), children: _jsx("div", { className: css.tableOuter, children: _jsxs("table", { className: css.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), orderedDays.map((day, i) => {
+                                    const dayNumber = new Date();
+                                    dayNumber.setDate(dayNumber.getDate() + i);
+                                    return (_jsx("th", { className: css.heading, children: _jsxs("div", { className: css.headingInner, children: [_jsx(T, { id: `opening.days.${day.dayType}` }), " ", dayNumber.getDate()] }) }, day.dayType));
+                                })] }) }), _jsxs("tbody", { children: [showOpening?.includes("dawn") && (_jsx("tr", { children: _jsx(Rows, { kind: "dawn", rows: orderedDays }) })), showOpening?.includes("night") && (_jsx("tr", { children: _jsx(Rows, { kind: "night", rows: orderedNights }) }))] })] }) }) }));
 });
 function Rows({ kind, rows }) {
     const Icon = kind === "dawn" ? DawnIcon : NightIcon;
@@ -31,3 +39,8 @@ function Rows({ kind, rows }) {
 }
 Opening.displayName = "Opening";
 export default Opening;
+function reorganizeDays(days, index) {
+    const daysBefore = days.slice(0, index);
+    const daysAfter = days.slice(index);
+    return [...daysAfter, ...daysBefore];
+}

package/es/lbm/components/lumiplan/opening.module.css

@@ -3,7 +3,7 @@
   width: 100%;
   max-width: 1200px;
   height: 300px;
-  margin: 30px auto;
+  margin: 40px auto;
   border-radius: var(--radius-200);
   overflow: hidden;
 }
@@ -14,7 +14,7 @@
   display: flex;
   flex-direction: column;
   gap: 40px;
-  margin: 36px auto;
+  margin: 40px auto;
   padding: 0 10px;
 }
 
@@ -26,12 +26,29 @@
 }
 
 .tableOuter {
-  padding: 40px;
+  padding: 20px;
   border: 2px solid hsl(var(--primary));
   border-radius: calc(var(--radius-400) * 2);
+  background-image: linear-gradient(to right, white, white),
+    linear-gradient(to right, white, white),
+    linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)),
+    linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
+  background-position: left center, right center, left center, right center;
+  background-repeat: no-repeat;
+  background-color: white;
+  background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
+
+  background-attachment: local, local, scroll, scroll;
+
   overflow: auto;
 }
 
+@media (min-width: 580px) {
+  .tableOuter {
+    padding: 40px;
+  }
+}
+
 .table {
   color: hsl(var(--primary));
 }
@@ -41,21 +58,44 @@
   padding: 0 10px;
 }
 
-.headingInner {
+.heading {
   width: fit-content;
-  display: flex;
-  align-items: flex-end;
+  min-width: 120px;
+  text-align: center;
   margin-top: 40px;
-  height: 18px;
+  padding-right: 10px;
+}
+
+.headingMini {
+  display: flex;
+  justify-content: center;
   line-height: 1;
+  white-space: nowrap;
+  min-width: 60px;
+}
+
+@media (min-width: 580px) {
+  .headingMini {
+    min-width: 120px;
+  }
+}
+
+.headingInner {
+  height: 18px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  text-align: center;
+  gap: 10px;
+  margin: 20px 0;
   background-color: hsla(var(--secondary), 10%);
+  white-space: nowrap;
 }
 
 .headingInner > svg {
-  flex: 0 0 30px;
+  min-width: 30px;
   width: 30px;
   height: 30px;
-  margin-right: 6%;
 }
 
 .table td {
@@ -65,7 +105,13 @@
 .cell {
   text-transform: uppercase;
   font-weight: 700;
-  font-size: 15px;
+  font-size: 13px;
+}
+
+@media (min-width: 580px) {
+  .cell {
+    font-size: 15px;
+  }
 }
 
 .cell svg {
@@ -75,8 +121,7 @@
 }
 
 .cellInner {
-  margin-top: 40px;
-  padding: 0 10px;
+  padding: 20px 10px;
   display: flex;
   align-items: center;
   justify-content: center;

package/es/lbm/components/lumiplan/pois.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pois.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/pois.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAyB,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAwDrE,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB,CAAC;AASF,QAAA,MAAM,IAAI,8EA+KR,CAAC;AAIH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"pois.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/pois.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAO,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAwDnD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB,CAAC;AASF,QAAA,MAAM,IAAI,8EA+KR,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/es/lbm/components/lumiplan/pois.js

@@ -106,7 +106,7 @@ const Pois = React.forwardRef(({ pois }, ref) => {
                         const trailLevelLabel = hasTrailLevel
                             ? `(${t(lang, `pois.trailLevels.${trailLevel}`)})`
                             : null;
-                        const specialTrail = Object.keys(SPECIAL_TRAILS).find((key) => name.includes(key));
+                        const specialTrail = Object.keys(SPECIAL_TRAILS).find((key) => name?.includes(key));
                         const message = messagePoi?.data?.find(({ language }) => {
                             const _lang = lang === "fr" ? "fr_FR" : "en_US";
                             return language === _lang;
@@ -117,7 +117,7 @@ const Pois = React.forwardRef(({ pois }, ref) => {
                             [css[trailLevel]]: hasTrailLevel,
                         });
                         let status = "OPEN";
-                        if (openingStatus.includes("DELAYED")) {
+                        if (openingStatus?.includes("DELAYED")) {
                             status = "DELAYED";
                         }
                         else {
@@ -127,7 +127,7 @@ const Pois = React.forwardRef(({ pois }, ref) => {
                         const Icon = isLift
                             ? LIFT_ICONS[liftType] || LIFT_ICONS.DEFAULT
                             : TRAIL_ICONS[trailType] || TRAIL_ICONS.DEFAULT;
-                        return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.poiIcon, children: specialTrail ? (_jsx(Image, { src: SPECIAL_TRAILS[specialTrail], width: 50, height: 50, alt: specialTrail })) : (_jsx(Icon, {})) }), _jsxs("div", { className: css.poiInfo, children: [_jsxs("div", { className: css.poiHeader, children: [_jsx("span", { className: css.poiName, children: name }), _jsx("span", { className: css.poiStatus, children: _jsx(T, { id: statusCode }) })] }), _jsxs("div", { className: css.poiDetail, children: [_jsxs("div", { className: css.poiDetailHeader, children: [sectorName, " | ", _jsx(T, { id: translationCode }), " ", trailLevelLabel] }), !isLift && (_jsxs("div", { className: css.poiTrailDetail, children: [hasGroomingStatus && (_jsx("div", { className: css.poiTrailDetailItem, children: _jsx(T, { id: `snow.grooming.states.${groomingStatus}` }) })), hasSnowQuality && (_jsxs("div", { className: css.poiTrailDetailItem, children: [_jsx(T, { id: "snow.snow-quality.title" }), " :", " ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }))] })] }), _jsx("div", { className: css.poiMessage, children: message && (_jsx(Tooltip, { content: message.data, children: _jsx(Button, { variant: "transparent", children: _jsx(Icons.Info, {}) }) })) })] }, id));
+                        return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.poiIcon, children: specialTrail ? (_jsx(Image, { src: SPECIAL_TRAILS[specialTrail], width: 50, height: 50, alt: specialTrail })) : (_jsx(Icon, {})) }), _jsxs("div", { className: css.poiInfo, children: [_jsxs("div", { className: css.poiHeader, children: [_jsx("span", { className: css.poiName, children: name }), _jsx("span", { className: css.poiStatus, children: _jsx(T, { id: statusCode }) })] }), _jsxs("div", { className: css.poiDetail, children: [_jsxs("div", { className: css.poiDetailHeader, children: [_jsx("b", { children: sectorName }), " | ", _jsx(T, { id: translationCode }), " ", trailLevelLabel] }), !isLift && (_jsxs("div", { className: css.poiTrailDetail, children: [hasGroomingStatus && (_jsx("div", { className: css.poiTrailDetailItem, children: _jsx(T, { id: `snow.grooming.states.${groomingStatus}` }) })), hasSnowQuality && (_jsxs("div", { className: css.poiTrailDetailItem, children: [_jsx(T, { id: "snow.snow-quality.title" }), " :", " ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }))] })] }), _jsx("div", { className: css.poiMessage, children: message && (_jsx(Tooltip, { content: message.data, children: _jsx(Button, { variant: "transparent", children: _jsx(Icons.Info, {}) }) })) })] }, id));
                     }) }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] }) }));
 });
 Pois.displayName = "Pois";

package/es/lbm/components/lumiplan/pois.module.css

@@ -122,7 +122,6 @@
 
 .poiDetailHeader {
   font-size: 13px;
-  font-weight: 700;
   text-transform: uppercase;
 }
 

package/es/lbm/components/lumiplan/resort-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resort-selector.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/resort-selector.tsx"],"names":[],"mappings":"AAKA,KAAK,MAAM,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,eAAe,EACf,kBAAkB,GACnB,EAAE,KAAK,kDAwBP"}
+{"version":3,"file":"resort-selector.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/resort-selector.tsx"],"names":[],"mappings":"AAKA,KAAK,MAAM,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IAExB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,eAAe,EACf,kBAAkB,GACnB,EAAE,KAAK,kDAwBP"}

package/es/lbm/components/lumiplan/resort-selector.module.css

@@ -3,12 +3,12 @@
   justify-content: center;
   flex-wrap: wrap;
   gap: 20px;
-  margin-bottom: 40px;
+  margin-bottom: 10px;
 }
 
 button.button {
-  --ds-button-padding: 12px;
-  --ds-button-font-size: 16px;
+  --ds-button-padding: 14px;
+  --ds-button-font-size: 19px;
   --ds-button-foreground: hsl(var(--primary));
   --ds-button-font-weight: 400;
   --ds-button-background: transparent;

package/es/lbm/components/lumiplan/road-condition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"road-condition.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/road-condition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,8EAmFlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"road-condition.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/road-condition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,8EAuFlB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/lbm/components/lumiplan/road-condition.js

@@ -20,7 +20,7 @@ const RoadCondition = React.forwardRef(({ resortAccess }, ref) => {
                     return language === _lang;
                 });
                 const hasValidNumber = !isNaN(parseInt(number, 10));
-                return (_jsxs("div", { className: css.condition, children: [_jsx(RoadConditionIcon, { className: css.icon }), _jsxs("div", { className: css.right, children: [_jsxs("div", { className: css.top, children: [_jsxs("div", { className: css.name, children: [name, " ", hasValidNumber && _jsxs(_Fragment, { children: ["n\u00B0", number] })] }), _jsxs("div", { className: css.surface, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.surface.title" }) }), _jsx(T, { id: `road-conditions.surface.states.${surface}` }), "."] }), _jsxs("div", { className: css.equipment, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.equipment.title" }) }), _jsx(T, { id: `road-conditions.equipment.states.${equipment}` })] })] }), roadInfoData && (_jsx("div", { className: css.bottom, dangerouslySetInnerHTML: { __html: roadInfoData.data } }))] }), _jsx("div", { className: css.status, children: _jsx(T, { id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}` }) })] }, id));
+                return (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.condition, children: [_jsx(RoadConditionIcon, { className: css.icon }), _jsxs("div", { className: css.right, children: [_jsxs("div", { className: css.top, children: [_jsxs("div", { className: css.name, children: [name, " ", hasValidNumber && _jsxs(_Fragment, { children: ["n\u00B0", number] })] }), _jsxs("div", { className: css.surface, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.surface.title" }) }), _jsx(T, { id: `road-conditions.surface.states.${surface}` }), "."] }), _jsxs("div", { className: css.equipment, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.equipment.title" }) }), _jsx(T, { id: `road-conditions.equipment.states.${equipment}` })] })] }), roadInfoData && (_jsx("div", { className: css.bottom, dangerouslySetInnerHTML: { __html: roadInfoData.data } }))] })] }, id), _jsx("div", { className: css.status, children: _jsx(T, { id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}` }) })] }));
             })] }));
 });
 RoadCondition.displayName = "RoadCondition";

package/es/lbm/components/lumiplan/road-condition.module.css

@@ -26,7 +26,7 @@
 }
 
 .title {
-  font-size: 38px;
+  font-size: 30px;
   color: hsl(var(--primary));
   margin-bottom: 10px;
 }
@@ -38,12 +38,19 @@
 }
 
 .icon {
+  display: none;
   flex: 0 0 30px;
   width: 30px;
   height: 30px;
   fill: var(--blue-gradient-fill);
 }
 
+@media (min-width: 580px) {
+  .icon {
+    display: block;
+  }
+}
+
 .right {
   display: flex;
   flex-direction: column;
@@ -55,7 +62,13 @@
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
-  gap: 6px;
+  gap: 0;
+}
+
+@media (min-width: 395px) {
+  .top {
+    gap: 6px;
+  }
 }
 
 .name {

package/es/lbm/components/lumiplan/todays-tips.module.css

@@ -24,7 +24,7 @@
 }
 
 .title {
-  font-size: 38px;
+  font-size: 30px;
   color: hsl(var(--primary));
   margin-bottom: 10px;
 }

package/es/lbm/components/lumiplan/types.d.ts

@@ -1,4 +1,4 @@
-type Day = {
+export type Day = {
     dayType: string;
     open: boolean;
 };

package/es/lbm/components/lumiplan/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/types.ts"],"names":[],"mappings":"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"}

package/es/lbm/components/lumiplan/weather/snow-data.js

@@ -4,5 +4,5 @@ import SnowCover from "../icons/snow-cover";
 import css from "./snow-data.module.css";
 export default function SnowData({ data, expanded }) {
     const { snowQuality, snowTotalDepth, freshSnowFallDepth12H, freshSnowFallDepth24H, freshSnowFallDepth48H, freshSnowFallDepth72H, } = data;
-    return (_jsxs("div", { className: css.snow, children: [_jsx(SnowCover, { className: css.snowIcon }), _jsxs("div", { className: css.snowInfo, children: [_jsxs("div", { className: css.snowState, children: [_jsx(T, { id: "snow.snow-quality.title" }), " ", snowQuality && snowQuality !== "UNDEF" && (_jsxs(_Fragment, { children: [": ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }), _jsxs("div", { className: css.snowDepth, children: [snowTotalDepth?.value || 0, _jsx(T, { id: snowTotalDepth?.unit || "CENTIMETER" })] }), expanded && (_jsxs("div", { className: css.expanded, children: [freshSnowFallDepth12H && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 12h :", " ", freshSnowFallDepth12H.value, _jsx(T, { id: freshSnowFallDepth12H.unit })] })), freshSnowFallDepth24H && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 24h :", " ", freshSnowFallDepth24H.value, _jsx(T, { id: freshSnowFallDepth24H.unit })] })), freshSnowFallDepth48H && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 48h :", " ", freshSnowFallDepth48H.value, _jsx(T, { id: freshSnowFallDepth48H.unit })] })), freshSnowFallDepth72H && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 72h :", " ", freshSnowFallDepth72H.value, _jsx(T, { id: freshSnowFallDepth72H.unit })] }))] }))] })] }));
+    return (_jsxs("div", { className: css.snow, children: [_jsx(SnowCover, { className: css.snowIcon }), _jsxs("div", { className: css.snowInfo, children: [_jsxs("div", { className: css.snowState, children: [_jsx(T, { id: "snow.snow-quality.title" }), " ", snowQuality && snowQuality !== "UNDEF" && (_jsxs(_Fragment, { children: [": ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }), _jsxs("div", { className: css.snowDepth, children: [snowTotalDepth?.value || 0, _jsx(T, { id: snowTotalDepth?.unit || "CENTIMETER" })] }), expanded && (_jsxs("div", { className: css.expanded, children: [freshSnowFallDepth12H?.value && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 12h :", " ", freshSnowFallDepth12H.value, _jsx(T, { id: freshSnowFallDepth12H.unit })] })), freshSnowFallDepth24H?.value && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 24h :", " ", freshSnowFallDepth24H.value, _jsx(T, { id: freshSnowFallDepth24H.unit })] })), freshSnowFallDepth48H?.value && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 48h :", " ", freshSnowFallDepth48H.value, _jsx(T, { id: freshSnowFallDepth48H.unit })] })), freshSnowFallDepth72H?.value && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 72h :", " ", freshSnowFallDepth72H.value, _jsx(T, { id: freshSnowFallDepth72H.unit })] }))] }))] })] }));
 }

package/es/lbm/components/lumiplan/weather/weather-days.d.ts

@@ -0,0 +1,7 @@
+export default function Days({ days, currentDayIndex, setCurrentDayIndex, lang, }: {
+    days: any;
+    currentDayIndex: any;
+    setCurrentDayIndex: any;
+    lang: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=weather-days.d.ts.map

package/es/lbm/components/lumiplan/weather/weather-days.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather-days.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-days.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,eAAe,EACf,kBAAkB,EAClB,IAAI,GACL;;;;;CAAA,2CAiEA"}

package/es/lbm/components/lumiplan/weather/weather-days.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import Button from "dt-design-system/es/button";
+import T from "../i18n/translations";
+import useWindowSizes from "../../../../common/hooks/use-window-sizes";
+// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
+import css from "./weather-days.module.css";
+export default function Days({ days, currentDayIndex, setCurrentDayIndex, lang, }) {
+    const [showLeftShadow, setShowLeftShadow] = React.useState(false);
+    const [showRightShadow, setShowRightShadow] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const scrollerRef = React.useRef(null);
+    const { width, height } = useWindowSizes();
+    const refreshShadows = React.useCallback(() => {
+        const container = containerRef.current;
+        const scroller = scrollerRef.current;
+        if (container && scroller) {
+            setShowLeftShadow(scroller.scrollLeft > 50);
+            const maxScroll = Math.round(scroller.scrollWidth) - Math.round(scroller.clientWidth);
+            setShowRightShadow(scroller.scrollLeft < maxScroll - 50);
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshShadows();
+    }, [refreshShadows, width, height]);
+    const daysClasses = classNames(css.days, {
+        [css.leftShadow]: showLeftShadow,
+        [css.rightShadow]: showRightShadow,
+    });
+    return (_jsx("div", { ref: containerRef, className: daysClasses, children: _jsx("div", { ref: scrollerRef, onScroll: refreshShadows, className: css.content, children: days.map((day, i) => {
+                const { date, am, pm } = day;
+                if (!pm || !am)
+                    return null;
+                const isSelected = i === currentDayIndex;
+                const updateCurrentDay = () => {
+                    setCurrentDayIndex(i);
+                };
+                const isToday = new Date(date).getDate() === new Date().getDate();
+                const locale = lang === "fr" ? "fr-FR" : "en-UK";
+                const today = new Date(date).toLocaleDateString(locale, {
+                    weekday: "long",
+                });
+                const formatedDate = new Date(date).toLocaleDateString(locale, {
+                    day: "2-digit",
+                    month: "2-digit",
+                    year: "numeric",
+                });
+                const classes = classNames(css.day, {
+                    [css.daySelected]: isSelected,
+                });
+                return (_jsxs(Button, { className: classes, onClick: updateCurrentDay, children: [_jsx("b", { children: isToday ? _jsx(T, { id: "weather.today" }) : today }), formatedDate] }, date));
+            }) }) }));
+}

package/es/lbm/components/lumiplan/weather/weather-days.module.css

@@ -0,0 +1,66 @@
+.days {
+  position: relative;
+}
+
+.days::before,
+.days::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  background: linear-gradient(
+    to right,
+    #fff,
+    rgba(255, 255, 255, 0.6),
+    transparent
+  );
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 320ms ease;
+  pointer-events: none;
+}
+
+.days::before {
+  left: 0;
+}
+
+.days::after {
+  right: 0;
+  transform: rotate(0.5turn);
+}
+
+.leftShadow::before,
+.rightShadow::after {
+  opacity: 1;
+}
+
+.content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  overflow: auto;
+  scroll-snap-type: x proximity;
+}
+
+button.day {
+  --ds-button-padding: 16px;
+  --ds-button-font-size: 14px;
+  --ds-button-foreground: hsl(var(--primary));
+  --ds-button-font-weight: 400;
+  --ds-button-background: transparent;
+  --ds-button-hover-background: hsla(var(--primary), 10%);
+  --ds-button-radius: 0;
+
+  flex-direction: column;
+  scroll-snap-align: start;
+}
+
+button.daySelected {
+  position: relative;
+  --ds-button-background: hsla(var(--primary), 10%);
+}
+
+button.day b {
+  text-transform: uppercase;
+}

package/es/lbm/components/lumiplan/weather/weather-zones.d.ts

@@ -0,0 +1,6 @@
+export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIndex, }: {
+    weatherZones: any;
+    currentZoneIndex: any;
+    setCurrentZoneIndex: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=weather-zones.d.ts.map

package/es/lbm/components/lumiplan/weather/weather-zones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather-zones.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-zones.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB;;;;CAAA,2CAgEA"}

package/es/lbm/components/lumiplan/weather/weather-zones.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import useWindowSizes from "../../../../common/hooks/use-window-sizes";
+// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
+import Button from "dt-design-system/es/button";
+import T from "../i18n/translations";
+import css from "./weather-zones.module.css";
+export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIndex, }) {
+    const [showLeftShadow, setShowLeftShadow] = React.useState(false);
+    const [showRightShadow, setShowRightShadow] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const scrollerRef = React.useRef(null);
+    const { width, height } = useWindowSizes();
+    const refreshShadows = React.useCallback(() => {
+        const container = containerRef.current;
+        const scroller = scrollerRef.current;
+        if (container && scroller) {
+            setShowLeftShadow(scroller.scrollLeft > 50);
+            const maxScroll = Math.round(scroller.scrollWidth) - Math.round(scroller.clientWidth);
+            setShowRightShadow(scroller.scrollLeft < maxScroll - 50);
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshShadows();
+    }, [refreshShadows, width, height]);
+    const zonesClasses = classNames(css.zones, {
+        [css.leftShadow]: showLeftShadow,
+        [css.rightShadow]: showRightShadow,
+    });
+    return (_jsx("div", { ref: containerRef, className: zonesClasses, children: _jsx("div", { ref: scrollerRef, onScroll: refreshShadows, className: css.content, children: weatherZones.map((zone, i) => {
+                const hasData = Boolean(zone.weatherInfos.length > 0 &&
+                    zone.weatherInfos[0].am &&
+                    zone.weatherInfos[0].pm);
+                if (!hasData)
+                    return null;
+                const { name, altitude } = zone;
+                const { value, unit } = altitude;
+                const isSelected = i === currentZoneIndex;
+                const updateCurrentZone = () => {
+                    setCurrentZoneIndex(i);
+                };
+                const classes = classNames(css.zone, {
+                    [css.zoneSelected]: isSelected,
+                });
+                return (_jsxs(Button, { className: classes, onClick: updateCurrentZone, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }, name));
+            }) }) }));
+}

package/es/lbm/components/lumiplan/weather/weather-zones.module.css

@@ -0,0 +1,79 @@
+.zones {
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.zones::before,
+.zones::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 40px;
+  height: 100%;
+  background: linear-gradient(
+    to right,
+    #fff,
+    rgba(255, 255, 255, 0.6),
+    transparent
+  );
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 320ms ease;
+  pointer-events: none;
+}
+
+.zones::before {
+  left: 0;
+}
+
+.zones::after {
+  right: 0;
+  transform: rotate(0.5turn);
+}
+
+.leftShadow::before,
+.rightShadow::after {
+  opacity: 1;
+}
+
+.content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  overflow: auto;
+  scroll-snap-type: x proximity;
+}
+
+button.zone {
+  --ds-button-padding: 8px;
+  --ds-button-font-size: 14px;
+  --ds-button-foreground: hsl(var(--primary));
+  --ds-button-font-weight: 400;
+  --ds-button-background: transparent;
+  --ds-button-hover-background: hsla(var(--primary), 10%);
+  --ds-button-shadow: 0 0 0 1px hsl(var(--primary)) inset;
+
+  display: block;
+  white-space: nowrap;
+  scroll-snap-align: start;
+}
+
+button.zone:first-child {
+  margin-left: auto;
+}
+
+button.zone:last-child {
+  margin-right: auto;
+}
+
+button.zoneSelected {
+  --ds-button-foreground: hsl(var(--grey-000));
+  --ds-button-shadow: 0;
+
+  background: var(--blue-gradient);
+}
+
+button.zone b {
+  text-transform: uppercase;
+}

package/es/lbm/components/lumiplan/weather/weather.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA+IZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA+EZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/es/lbm/components/lumiplan/weather/weather.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
 import Tooltip from "dt-design-system/es/tooltip";
@@ -9,8 +8,10 @@ import * as Icons from "dt-design-system/es/icons";
 import AvalancheRisk from "./avalanche-risk";
 import SnowData from "./snow-data";
 import WeatherData from "./weather-data";
-import T, { t } from "../i18n/translations";
+import { t } from "../i18n/translations";
 import css from "./weather.module.css";
+import Days from "./weather-days";
+import Zones from "./weather-zones";
 const Weather = React.forwardRef(({ weather }, ref) => {
     const { lang } = useUbloContext();
     const [currentZoneIndex, setCurrentZoneIndex] = React.useState(0);
@@ -36,45 +37,7 @@ const Weather = React.forwardRef(({ weather }, ref) => {
     const toggleExpanded = () => {
         setExpanded(!expanded);
     };
-    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.days, children: days.map((day, i) => {
-                            const { date, am, pm } = day;
-                            if (!pm || !am)
-                                return null;
-                            const isSelected = i === currentDayIndex;
-                            const updateCurrentDay = () => {
-                                setCurrentDayIndex(i);
-                            };
-                            const isToday = new Date(date).getDate() === new Date().getDate();
-                            const locale = lang === "fr" ? "fr-FR" : "en-UK";
-                            const today = new Date(date).toLocaleDateString(locale, {
-                                weekday: "long",
-                            });
-                            const formatedDate = new Date(date).toLocaleDateString(locale, {
-                                day: "2-digit",
-                                month: "2-digit",
-                                year: "numeric",
-                            });
-                            const classes = classNames(css.day, {
-                                [css.daySelected]: isSelected,
-                            });
-                            return (_jsxs(Button, { className: classes, onClick: updateCurrentDay, children: [_jsx("b", { children: isToday ? _jsx(T, { id: "weather.today" }) : today }), formatedDate] }, date));
-                        }) }), _jsx("div", { className: css.zones, children: weatherZones.map((zone, i) => {
-                            const hasData = Boolean(zone.weatherInfos.length > 0 &&
-                                zone.weatherInfos[0].am &&
-                                zone.weatherInfos[0].pm);
-                            if (!hasData)
-                                return null;
-                            const { name, altitude } = zone;
-                            const { value, unit } = altitude;
-                            const isSelected = i === currentZoneIndex;
-                            const updateCurrentZone = () => {
-                                setCurrentZoneIndex(i);
-                            };
-                            const classes = classNames(css.zone, {
-                                [css.zoneSelected]: isSelected,
-                            });
-                            return (_jsxs(Button, { className: classes, onClick: updateCurrentZone, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }, name));
-                        }) })] }), _jsxs("div", { className: css.info, children: [_jsx(AvalancheRisk, { avalancheRisk: snowData.avalancheRisk }), _jsxs("div", { className: css.infoBottom, children: [_jsx(SnowData, { data: snowData, expanded: expanded }), _jsx(WeatherData, { kind: "am", data: am, expanded: expanded }), _jsx(WeatherData, { kind: "pm", data: pm, expanded: expanded })] }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] })] }));
+    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsx(Zones, { weatherZones: weatherZones, currentZoneIndex: currentZoneIndex, setCurrentZoneIndex: setCurrentZoneIndex }), _jsx(Days, { days: days, currentDayIndex: currentDayIndex, setCurrentDayIndex: setCurrentDayIndex, lang: lang }), _jsxs("div", { className: css.info, children: [_jsx(AvalancheRisk, { avalancheRisk: snowData.avalancheRisk }), _jsxs("div", { className: css.infoBottom, children: [_jsx(SnowData, { data: snowData, expanded: expanded }), _jsx(WeatherData, { kind: "am", data: am, expanded: expanded }), _jsx(WeatherData, { kind: "pm", data: pm, expanded: expanded })] }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] })] }));
 });
 Weather.displayName = "Weather";
 export default Weather;

package/es/lbm/components/lumiplan/weather/weather.module.css

@@ -3,7 +3,7 @@
   width: 100%;
   max-width: 1200px;
   height: 300px;
-  margin: 30px auto;
+  margin: 20px auto;
   border-radius: var(--radius-200);
   overflow: hidden;
 }
@@ -13,7 +13,7 @@
   max-width: 1200px;
   display: flex;
   flex-direction: column;
-  margin: 36px auto;
+  margin: 20px auto;
   padding: 0 10px;
 }
 
@@ -23,74 +23,6 @@
   }
 }
 
-.header {
-  display: flex;
-  flex-direction: column-reverse;
-  gap: 16px;
-  overflow: auto;
-}
-
-@media (min-width: 700px) {
-  .header {
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-
-.days {
-  display: flex;
-}
-
-.zones {
-  display: flex;
-  gap: 10px;
-}
-
-button.zone {
-  --ds-button-padding: 12px;
-  --ds-button-font-size: 16px;
-  --ds-button-foreground: hsl(var(--primary));
-  --ds-button-font-weight: 400;
-  --ds-button-background: transparent;
-  --ds-button-hover-background: hsla(var(--primary), 10%);
-  --ds-button-shadow: 0 0 0 1px hsl(var(--primary)) inset;
-
-  display: block;
-}
-
-button.zoneSelected {
-  --ds-button-foreground: hsl(var(--grey-000));
-  --ds-button-shadow: 0;
-
-  background: var(--blue-gradient);
-}
-
-button.zone b {
-  text-transform: uppercase;
-}
-
-button.day {
-  --ds-button-padding: 16px;
-  --ds-button-font-size: 16px;
-  --ds-button-foreground: hsl(var(--primary));
-  --ds-button-font-weight: 400;
-  --ds-button-background: transparent;
-  --ds-button-hover-background: hsla(var(--primary), 10%);
-  --ds-button-radius: 0;
-
-  flex-direction: column;
-}
-
-button.daySelected {
-  position: relative;
-  --ds-button-background: hsla(var(--primary), 10%);
-}
-
-button.day b {
-  text-transform: uppercase;
-}
-
 .info {
   display: flex;
   flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.21.5",
+  "version": "1.21.7",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",