mealz-components 1.3.12 → 2.0.0-beta.1

package/dist/{store-locator/store-locator.min.js → assets/store-locator-DdG34z7_.js}

@@ -1,21 +1,13 @@
-import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";import{t as b}from"../assets/custom-element-BhZVzxrc.js";/**
+import{i as u,h as m,a as c,k as a}from"./no-shadow-element-Dckeu5Ol.js";import{t as g}from"./custom-element-BhZVzxrc.js";import{n as p}from"./property-B_Up5EGr.js";import{r as b}from"./state-Dg5rn9XH.js";/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const _={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:m},x=(t=_,e,s)=>{const{kind:i,metadata:o}=s;let a=globalThis.litPropertyMetadata.get(o);if(a===void 0&&globalThis.litPropertyMetadata.set(o,a=new Map),a.set(s.name,t),i==="accessor"){const{name:r}=s;return{set(p){const h=e.get.call(this);e.set.call(this,p),this.requestUpdate(r,h,t)},init(p){return p!==void 0&&this.P(r,void 0,t),p}}}if(i==="setter"){const{name:r}=s;return function(p){const h=this[r];e.call(this,p),this.requestUpdate(r,h,t)}}throw Error("Unsupported decorator location: "+i)};function c(t){return(e,s)=>typeof s=="object"?x(t,e,s):((i,o,a)=>{const r=o.hasOwnProperty(a);return o.constructor.createProperty(a,r?{...i,wrapped:!0}:i),r?Object.getOwnPropertyDescriptor(o,a):void 0})(t,e,s)}/**
+ */const f=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,s),s);/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function v(t){return c({...t,state:!0,attribute:!1})}/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const w=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,s),s);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function y(t,e){return(s,i,o)=>{const a=r=>{var p;return((p=r.renderRoot)==null?void 0:p.querySelector(t))??null};return w(s,i,{get(){return a(this)}})}}class S{get extId(){return this.attributes["ext-id"]}}var C=Object.defineProperty,L=Object.getOwnPropertyDescriptor,d=(t,e,s,i)=>{for(var o=i>1?void 0:i?L(e,s):e,a=t.length-1,r;a>=0;a--)(r=t[a])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&C(e,s,o),o};let l=class extends f{constructor(){var t,e,s,i,o,a;super(...arguments),this.selectedRadius=50,this.getByAddress=(e=(t=window.mealz)==null?void 0:t.pos)==null?void 0:e.getByAddress,this.getByCoordinates=(i=(s=window.mealz)==null?void 0:s.pos)==null?void 0:i.getByCoordinates,this.getAffiliateSuppliers=(a=(o=window.mealz)==null?void 0:o.supplier)==null?void 0:a.getAffiliateSuppliers,this._posList=[],this._markers=[],this._searchingPos=!1,this._searchSubmitted=!1,this._previousSearchMethod=()=>{},this._suppliers=[],this._selectedSuppliers=[],this._showPosList=!1,this._posSelected=!1,this.subscriptions=[]}set geolocationCoordinates(t){var e,s;this._geolocationCoordinates=t,(e=t==null?void 0:t.coords)!=null&&e.latitude&&((s=t==null?void 0:t.coords)!=null&&s.longitude)&&this.setGeolocation()}get geolocationCoordinates(){return this._geolocationCoordinates}_nameOfStore(t){return`${t.supplier.attributes.name} - ${t.attributes.name}`}connectedCallback(){super.connectedCallback(),this.initLeaflet(),this.fetchSuppliers(),this.initEvents()}disconnectedCallback(){this.subscriptions.forEach(t=>t.unsubscribe()),super.disconnectedCallback(),this._leafletCss.remove(),this._miamDs.remove(),this._leafletJs.remove()}render(){if(this.show)return this.posSelectionTemplate()}firstUpdated(){this._posSelected=!1,this.loadMap(),this.geolocationTimeout(),this.listenFormSubmit()}posSelectionTemplate(){return n`
-        <div class="wrapper miam-ds-body">
+ */function _(t,e){return(s,i,o)=>{const n=d=>{var h;return((h=d.renderRoot)==null?void 0:h.querySelector(t))??null};return f(s,i,{get(){return n(this)}})}}class x{get extId(){return this.attributes["ext-id"]}}var v=Object.defineProperty,w=Object.getOwnPropertyDescriptor,r=(t,e,s,i)=>{for(var o=i>1?void 0:i?w(e,s):e,n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=(i?d(e,s,o):d(o))||o);return i&&o&&v(e,s,o),o};let l=class extends m{constructor(){var t,e,s,i,o,n;super(...arguments),this.selectedRadius=50,this.getByAddress=(e=(t=c)==null?void 0:t.pos)==null?void 0:e.getByAddress,this.getByCoordinates=(i=(s=c)==null?void 0:s.pos)==null?void 0:i.getByCoordinates,this.getAffiliateSuppliers=(n=(o=c)==null?void 0:o.supplier)==null?void 0:n.getAffiliateSuppliers,this._posList=[],this._markers=[],this._searchingPos=!1,this._searchSubmitted=!1,this._previousSearchMethod=()=>{},this._suppliers=[],this._selectedSuppliers=[],this._showPosList=!1,this._posSelected=!1,this.subscriptions=[]}set geolocationCoordinates(t){var e,s;this._geolocationCoordinates=t,(e=t==null?void 0:t.coords)!=null&&e.latitude&&((s=t==null?void 0:t.coords)!=null&&s.longitude)&&this.setGeolocation()}get geolocationCoordinates(){return this._geolocationCoordinates}_nameOfStore(t){return`${t.supplier.attributes.name} - ${t.attributes.name}`}connectedCallback(){super.connectedCallback(),this.initLeaflet(),this.fetchSuppliers(),this.initEvents()}disconnectedCallback(){this.subscriptions.forEach(t=>t.unsubscribe()),super.disconnectedCallback(),this._leafletCss.remove(),this._miamDs.remove(),this._leafletJs.remove()}render(){if(this.show)return this.posSelectionTemplate()}firstUpdated(){this._posSelected=!1,this.loadMap(),this.geolocationTimeout(),this.listenFormSubmit()}posSelectionTemplate(){return a`
+        <div class="wrapper mealz-ds-body">
             <div class="pos-selection">
                 <div class="title">
                     <button @click=${()=>this.dispatchShow(!1)}><</button>
@@ -26,16 +18,16 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
                         ${this.geolocButtonTemplate()}
                         <input required class="address-input" type="text" name="address"
                                placeholder="Votre code postal ou ville">
-                        <button type="submit" class="miam-ds-button primary search-address-button">OK</button>
+                        <button type="submit" class="mealz-ds-button primary search-address-button">OK</button>
                     </div>
                     ${this.selectSupplierTemplate()}
                 </form>
                 ${this.posListTemplate()}
-                ${this._posList.length>0?n`
+                ${this._posList.length>0?a`
                             <div id="mobile-buttons-wrapper"
                                  class="${this._showPosList?"mobile-buttons-wrapper__see-map":"mobile-buttons-wrapper__see-list"}">
                                 <button @click=${()=>this.togglePosList(this._showPosList)}
-                                        class="miam-ds-button primary hide-pos-button">
+                                        class="mealz-ds-button primary hide-pos-button">
                                     ${this.getButtonLabel()}
                                 </button>
                             </div>`:""}
@@ -43,37 +35,37 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
         </div>
         ${this.posMapTemplate()}
         </div>
-    `}geolocButtonTemplate(){var e,s,i,o;let t;if(this.geolocationCoordinates===void 0)t=n`
-          <div class="miam-ds-loader"></div>`;else if((s=(e=this.geolocationCoordinates)==null?void 0:e.coords)!=null&&s.longitude&&((o=(i=this.geolocationCoordinates)==null?void 0:i.coords)!=null&&o.latitude))t=n`<img title="Votre position" class="geolocation-icon"
+    `}geolocButtonTemplate(){var e,s,i,o;let t;if(this.geolocationCoordinates===void 0)t=a`
+          <div class="mealz-ds-loader"></div>`;else if((s=(e=this.geolocationCoordinates)==null?void 0:e.coords)!=null&&s.longitude&&((o=(i=this.geolocationCoordinates)==null?void 0:i.coords)!=null&&o.latitude))t=a`<img title="Votre position" class="geolocation-icon"
                                 src="https://storage.googleapis.com/assets.miam.tech/generic/icons/locate-primary.svg"
-                                alt="Geolocaliser"/>`;else return n``;return n`
+                                alt="Geolocaliser"/>`;else return a``;return a`
         <button type="button" ?disabled=${this.geolocationCoordinates===void 0}
-                class="miam-ds-button square ghost locate-button" @click=${this.setGeolocation}>
+                class="mealz-ds-button square ghost locate-button" @click=${this.setGeolocation}>
             ${t}
         </button>
-    `}posMapTemplate(){return n`
+    `}posMapTemplate(){return a`
         <div id="map"></div>
-    `}selectSupplierTemplate(){return n`
-        <div class="select-supplier miam-ds-dropdown">
+    `}selectSupplierTemplate(){return a`
+        <div class="select-supplier mealz-ds-dropdown">
             <select @change=${this.supplierSelected}>
                 <option ?selected=${this._selectedSuppliers.length<1} value="${null}">Toutes les enseignes</option>
-                ${this._suppliers.map(t=>n`
+                ${this._suppliers.map(t=>a`
                                     <option ?selected=${t===this._selectedSuppliers[0]} value=${t.id}>
                                         ${t.name}
                                     </option>`)}
             </select>
-        </div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[];const e=this._suppliers.find(s=>s.id===t.target.value);e?this._filterEvent.detail.supplierName=e.name:this._filterEvent.detail.supplierName="",this.dispatchEvent(this._filterEvent),this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return n`
+        </div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[];const e=this._suppliers.find(s=>s.id===t.target.value);e?this._filterEvent.detail.supplierName=e.name:this._filterEvent.detail.supplierName="",this.dispatchEvent(this._filterEvent),this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return a`
           <div class="pos-loader">
-              <div class="miam-ds-loader"></div>
+              <div class="mealz-ds-loader"></div>
           </div>
-      `;if(this._posList.length<1&&this._searchSubmitted)return n`
+      `;if(this._posList.length<1&&this._searchSubmitted)return a`
           <div class="no-pos-found">
               <b>Aucun magasin trouvé à proximité.</b>
               <span>Essayez une autre adresse.</span>
           </div>
-      `;if(this._posList.length<1)return;const t=this.shadowRoot.querySelector(".pos-selection");return t&&t.classList.toggle("pos-selection__height",this._showPosList),n`
+      `;if(this._posList.length<1)return;const t=this.shadowRoot.querySelector(".pos-selection");return t&&t.classList.toggle("pos-selection__height",this._showPosList),a`
         <div id="pos-list" class="${this._showPosList?"pos-list__visible":"pos-list__hidden"}">
-            ${this._posList.map(e=>n`
+            ${this._posList.map(e=>a`
                     <div class="pos-item">
                         <div class="top">
                             <img src="${e.supplier.attributes.logo}" alt="${e.supplier.attributes.name}"/>
@@ -84,16 +76,16 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
                         </div>
                         <div class="bottom">
                             <button @click=${()=>this.dispatchPos(e)}
-                                    class="miam-ds-button primary select-pos-button"
+                                    class="mealz-ds-button primary select-pos-button"
                                     ?disabled=${this._posSelected}>
-                                ${this._posSelected?n`
-                                            <div class="miam-ds-loader"></div>`:"Sélectionner"}
+                                ${this._posSelected?a`
+                                            <div class="mealz-ds-loader"></div>`:"Sélectionner"}
                             </button>
                         </div>
                     </div>
                 `)}
         </div>
-    `}getButtonLabel(){if(this._showPosList)return"Voir la carte";const t=this._posList.length;return t===1?"Voir le magasin":`Voir les ${t} magasins`}setAddress(t=!1){!this._addressInput.value||this._addressInput.value.length<3||this._searchingPos||!t&&this._prevAddress===this._addressInput.value+", France"||(this.shadowRoot.getElementById("pos-list"),this._previousSearchMethod=this.setAddress,this._prevAddress=this._addressInput.value+", France",this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByAddress(this._prevAddress,this.selectedRadius,this._selectedSuppliers).subscribe(e=>{this.setPosList(e),this.setNewLocation(),this.dispatchSearch(this._prevAddress,e.data.length),this._searchingPos=!1,this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()})))}setGeolocation(t=!1){this._prevAddress="",this._previousSearchMethod=this.setGeolocation,this.getPosByCoordinates()}getPosByCoordinates(){this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByCoordinates(this.geolocationCoordinates.coords.latitude,this.geolocationCoordinates.coords.longitude,this.selectedRadius,this._selectedSuppliers).subscribe(t=>{this._addressInput.value="",this.setPosList(t),this._searchingPos=!1,this.setNewLocation(),this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()}))}setPosList(t){this._posList=t.data.map(e=>{const s=Object.assign(new S,e);return s.supplier=t.included.find(i=>i.id===s.relationships.supplier.data.id),s}).sort((e,s)=>e.attributes.name.includes("onoprix")?-1:s.attributes.name.includes("onoprix")?1:0)}dispatchPos(t){this._posSelected=!0,this.requestUpdate();const e={detail:{posId:t.id,posExtId:t.extId,supplierId:t.supplier.id,supplierName:t.supplier.attributes.name,posName:this._nameOfStore(t)},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("posIdChange",e))}dispatchShow(t){const e={detail:{show:t},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("showChange",e))}dispatchSearch(t,e){const s={detail:{searchTerm:t,storesFoundCount:e},bubbles:!0,composed:!0};console.debug("[MealzComponents] dispatchEvent searchChange",s),this.dispatchEvent(new CustomEvent("searchChange",s))}initLeaflet(){this._leafletCss=document.createElement("link"),this._leafletCss.setAttribute("rel","stylesheet"),this._leafletCss.setAttribute("href","https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),this._leafletCss.setAttribute("integrity","sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="),this._leafletCss.setAttribute("crossorigin",""),this._leafletJs=document.createElement("script"),this._leafletJs.setAttribute("src","https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"),this._leafletJs.setAttribute("integrity","sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="),this._leafletJs.setAttribute("crossorigin",""),this._miamDs=document.createElement("link"),this._miamDs.setAttribute("rel","stylesheet"),this._miamDs.setAttribute("href","https://unpkg.com/miam-ds@1.2.6/miam-ds.min.css"),this.shadowRoot.appendChild(this._miamDs),this.shadowRoot.appendChild(this._leafletCss),document.head.appendChild(this._leafletJs)}waitForLeaflet(t){let i=50;console.debug("[Map] Checking for window.L");const o=setInterval(()=>{window.L!==void 0||i===0?(clearInterval(o),window.L!==void 0?(console.debug("[Map] window.L is defined"),t(!0)):(console.error("[Map] Failed to load Leaflet after",50*100,"ms"),t(!1))):i--},100)}initMap(){this._map&&(this._map.off(),this._map.remove()),this.setNewLocation(),window.L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",{maxZoom:19,attribution:"Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."}).addTo(this._map)}loadMap(){this.waitForLeaflet(t=>{t&&this.initMap()})}initEvents(){this._filterEvent=new CustomEvent("filterChange",{detail:{supplierName:""},bubbles:!0,composed:!0})}fetchSuppliers(){this.subscriptions.push(this.getAffiliateSuppliers().subscribe(t=>{this._suppliers=t.map(e=>({id:e.id,name:e.attributes.name})),this.requestUpdate()}))}setNewLocation(){var e;const t=this.shadowRoot.getElementById("map");t&&(this._map?(this._markers.forEach(s=>{this._map.removeLayer(s)}),this._markers=[],this._map.panTo(this.getCoordinates())):this._map=(e=window.L)==null?void 0:e.map(t).setView(this.getCoordinates(),13),this.addMarkers())}getCoordinates(){return this._posList.length<1?[48.866667,2.333333]:[this._posList[0].attributes.latitude,this._posList[0].attributes.longitude]}addMarkers(){this._posList.length>0&&this._posList.forEach((t,e)=>{this._markers.push(window.L.marker([t.attributes.latitude,t.attributes.longitude],{icon:this.buildIcon(t.supplier)}).addTo(this._map));let s=window.L.popup({content:`
+    `}getButtonLabel(){if(this._showPosList)return"Voir la carte";const t=this._posList.length;return t===1?"Voir le magasin":`Voir les ${t} magasins`}setAddress(t=!1){!this._addressInput.value||this._addressInput.value.length<3||this._searchingPos||!t&&this._prevAddress===this._addressInput.value+", France"||(this._previousSearchMethod=this.setAddress,this._prevAddress=this._addressInput.value+", France",this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByAddress(this._prevAddress,this.selectedRadius,this._selectedSuppliers).subscribe(e=>{this.setPosList(e),this.setNewLocation(),this.dispatchSearch(this._prevAddress,e.data.length),this._searchingPos=!1,this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()})))}setGeolocation(){this._prevAddress="",this._previousSearchMethod=this.setGeolocation,this.getPosByCoordinates()}getPosByCoordinates(){this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByCoordinates(this.geolocationCoordinates.coords.latitude,this.geolocationCoordinates.coords.longitude,this.selectedRadius,this._selectedSuppliers).subscribe(t=>{this._addressInput.value="",this.setPosList(t),this._searchingPos=!1,this.setNewLocation(),this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()}))}setPosList(t){this._posList=t.data.map(e=>{const s=Object.assign(new x,e);return s.supplier=t.included.find(i=>i.id===s.relationships.supplier.data.id),s}).sort((e,s)=>e.attributes.name.includes("onoprix")?-1:s.attributes.name.includes("onoprix")?1:0)}dispatchPos(t){this._posSelected=!0,this.requestUpdate();const e={detail:{posId:t.id,posExtId:t.extId,supplierId:t.supplier.id,supplierName:t.supplier.attributes.name,posName:this._nameOfStore(t)},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("posIdChange",e))}dispatchShow(t){const e={detail:{show:t},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("showChange",e))}dispatchSearch(t,e){const s={detail:{searchTerm:t,storesFoundCount:e},bubbles:!0,composed:!0};console.debug("[MealzComponents] dispatchEvent searchChange",s),this.dispatchEvent(new CustomEvent("searchChange",s))}initLeaflet(){this._leafletCss=document.createElement("link"),this._leafletCss.setAttribute("rel","stylesheet"),this._leafletCss.setAttribute("href","https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),this._leafletCss.setAttribute("integrity","sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="),this._leafletCss.setAttribute("crossorigin",""),this._leafletJs=document.createElement("script"),this._leafletJs.setAttribute("src","https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"),this._leafletJs.setAttribute("integrity","sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="),this._leafletJs.setAttribute("crossorigin",""),this._miamDs=document.createElement("link"),this._miamDs.setAttribute("rel","stylesheet"),this._miamDs.setAttribute("href","https://unpkg.com/mealz-ds@2.0.0/mealz-ds.min.css"),this.shadowRoot.appendChild(this._miamDs),this.shadowRoot.appendChild(this._leafletCss),document.head.appendChild(this._leafletJs)}waitForLeaflet(t){let i=50;console.debug("[Map] Checking for window.L");const o=setInterval(()=>{window.L!==void 0||i===0?(clearInterval(o),window.L!==void 0?(console.debug("[Map] window.L is defined"),t(!0)):(console.error("[Map] Failed to load Leaflet after",5e3,"ms"),t(!1))):i--},100)}initMap(){this._map&&(this._map.off(),this._map.remove()),this.setNewLocation(),window.L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",{maxZoom:19,attribution:"Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."}).addTo(this._map)}loadMap(){this.waitForLeaflet(t=>{t&&this.initMap()})}initEvents(){this._filterEvent=new CustomEvent("filterChange",{detail:{supplierName:""},bubbles:!0,composed:!0})}fetchSuppliers(){this.subscriptions.push(this.getAffiliateSuppliers().subscribe(t=>{this._suppliers=t.map(e=>({id:e.id,name:e.attributes.name})),this.requestUpdate()}))}setNewLocation(){var e;const t=this.shadowRoot.getElementById("map");t&&(this._map?(this._markers.forEach(s=>{this._map.removeLayer(s)}),this._markers=[],this._map.panTo(this.getCoordinates())):this._map=(e=window.L)==null?void 0:e.map(t).setView(this.getCoordinates(),13),this.addMarkers())}getCoordinates(){return this._posList.length<1?[48.866667,2.333333]:[this._posList[0].attributes.latitude,this._posList[0].attributes.longitude]}addMarkers(){this._posList.length>0&&this._posList.forEach((t,e)=>{this._markers.push(window.L.marker([t.attributes.latitude,t.attributes.longitude],{icon:this.buildIcon(t.supplier)}).addTo(this._map));const s=window.L.popup({content:`
             <div class="pos-item">
               <div class="top">
                 <img class="pos-img" src="${t.supplier.attributes.logo}" alt="${t.supplier.attributes.name}"/>
@@ -103,10 +95,10 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
                 </div>
               </div>
               <div class="bottom">
-                <button id="select" class="miam-ds-button primary select-pos-button">Sélectionner</button>
+                <button id="select" class="mealz-ds-button primary select-pos-button">Sélectionner</button>
               </div>
             </div>
-          `});this._markers[e].bindPopup(s).on("popupopen",i=>{i.target.getPopup().getElement().querySelector("#select").addEventListener("click",()=>{this.dispatchPos(t)})})})}buildIcon(t){return window.L.icon({iconUrl:t.attributes.logo||"https://cdn-icons-png.flaticon.com/512/3515/3515146.png",shadowUrl:"https://storage.googleapis.com/assets.miam.tech/mealz-components/store-locator/marker.svg",iconSize:[32,32],shadowSize:[44,53],iconAnchor:[16,45],shadowAnchor:[22,45],popupAnchor:[0,-55]})}togglePosList(t){this._showPosList=!t;const e=this.shadowRoot.getElementById("pos-list"),s={bubbles:!0,composed:!0};e&&(t?(e.style.display="none",this.dispatchEvent(new CustomEvent("mapSelected",s))):(e.style.display="flex",this.dispatchEvent(new CustomEvent("listSelected",s))),this.requestUpdate())}geolocationTimeout(){setTimeout(()=>{this.geolocationCoordinates===void 0&&(this.geolocationCoordinates={})},2e4)}listenFormSubmit(){this.shadowRoot.getElementById("store-locator-form").addEventListener("submit",e=>{e.preventDefault(),this.setAddress()})}};l.styles=[g`
+          `});this._markers[e].bindPopup(s).on("popupopen",i=>{i.target.getPopup().getElement().querySelector("#select").addEventListener("click",()=>{this.dispatchPos(t)})})})}buildIcon(t){return window.L.icon({iconUrl:t.attributes.logo||"https://cdn-icons-png.flaticon.com/512/3515/3515146.png",shadowUrl:"https://storage.googleapis.com/assets.miam.tech/mealz-components/store-locator/marker.svg",iconSize:[32,32],shadowSize:[44,53],iconAnchor:[16,45],shadowAnchor:[22,45],popupAnchor:[0,-55]})}togglePosList(t){this._showPosList=!t;const e=this.shadowRoot.getElementById("pos-list"),s={bubbles:!0,composed:!0};e&&(t?(e.style.display="none",this.dispatchEvent(new CustomEvent("mapSelected",s))):(e.style.display="flex",this.dispatchEvent(new CustomEvent("listSelected",s))),this.requestUpdate())}geolocationTimeout(){setTimeout(()=>{this.geolocationCoordinates===void 0&&(this.geolocationCoordinates={})},2e4)}listenFormSubmit(){this.shadowRoot.getElementById("store-locator-form").addEventListener("submit",e=>{e.preventDefault(),this.setAddress()})}};l.styles=[u`
       :host {
         display: block;
         height: 100%;
@@ -125,7 +117,7 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
         align-items: stretch;
         gap: var(--spacing-padding-16-px, 16px);
         flex-shrink: 0;
-        background: var(--miam-ds-color-neutral-50, #FFF);
+        background: var(--mealz-ds-color-neutral-white, #FFFFFF);
         box-shadow: 2px 0px 16px 0px rgba(0, 0, 0, 0.15);
         z-index: 1;
         
@@ -137,7 +129,7 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
       }
 
       .pos-selection .title {
-        color: var(--miam-ds-color-neutral-black, #3F3735);
+        color: var(--mealz-ds-color-neutral-black, #0F191F);
         font-size: 28px;
         font-weight: 700;
         line-height: 120%;
@@ -206,7 +198,7 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
         align-items: center;
       }
 
-      .pos-selection .pos-loader .miam-ds-loader {
+      .pos-selection .pos-loader .mealz-ds-loader {
         margin: 16px;
         display: flex;
         width: 72px;
@@ -243,7 +235,7 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
         gap: 16px;
         align-self: stretch;
         border-radius: 8px;
-        border: 1px solid var(--miam-ds-color-border, #D5D5D5);
+        border: 1px solid var(--mealz-ds-color-neutral-200, #EFF1F3);
       }
 
       .pos-item .top {
@@ -260,14 +252,14 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
       }
 
       .pos-item .top .name {
-        color: var(--miam-ds-color-neutral-black, #3F3735);
+        color: var(--mealz-ds-color-neutral-black, #0F191F);
         font-size: 14px;
         font-weight: 700;
         line-height: 150%;
       }
 
       .pos-item .top .address {
-        color: var(--miam-ds-color-neutral-500, #989898);
+        color: var(--mealz-ds-color-neutral-500, #8C96A2);
         font-size: 12px;
         font-weight: 600;
         line-height: 150%;
@@ -323,7 +315,7 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
           display: flex;
           align-items: center;
           justify-content: center;
-          border-bottom: solid 1px #D5D5D5;
+          border-bottom: solid 1px var(--mealz-ds-color-neutral-200, #EFF1F3);
         }
 
         .pos-selection .title button {
@@ -413,4 +405,4 @@ import{u,f as m,i as g,r as f,x as n}from"../assets/lit-element-4gw3YGga.js";imp
           top: 0;
         }
       }
-    `];d([c({type:Boolean})],l.prototype,"show",2);d([c({type:Number})],l.prototype,"selectedRadius",2);d([c({type:GeolocationPosition})],l.prototype,"geolocationCoordinates",1);d([c()],l.prototype,"getByAddress",2);d([c()],l.prototype,"getByCoordinates",2);d([c()],l.prototype,"getAffiliateSuppliers",2);d([v()],l.prototype,"_geolocationCoordinates",2);d([y("input")],l.prototype,"_addressInput",2);l=d([b("mealz-store-locator")],l);customElements.get("mealz-store-locator")||customElements.define("mealz-store-locator",l);
+    `];r([p({type:Boolean})],l.prototype,"show",2);r([p({type:Number})],l.prototype,"selectedRadius",2);r([p({type:GeolocationPosition})],l.prototype,"geolocationCoordinates",1);r([p()],l.prototype,"getByAddress",2);r([p()],l.prototype,"getByCoordinates",2);r([p()],l.prototype,"getAffiliateSuppliers",2);r([b()],l.prototype,"_geolocationCoordinates",2);r([_("input")],l.prototype,"_addressInput",2);l=r([g("mealz-store-locator")],l);

package/dist/assets/switchMap-_eqjHrlq.js

@@ -0,0 +1 @@
+import{i as v}from"./innerFrom-cJ8wLVnp.js";import{o as l,c as a}from"./OperatorSubscriber-C_ZC-4p2.js";function b(f,e){return l(function(p,r){var n=null,s=0,o=!1,t=function(){return o&&!n&&r.complete()};p.subscribe(a(r,function(i){n==null||n.unsubscribe();var m=0,u=s++;v(f(i,u)).subscribe(n=a(r,function(c){return r.next(e?e(i,c,u,m++):c)},function(){n=null,t()}))},function(){o=!0,t()}))})}export{b as s};

package/dist/assets/take-C-_8_Rq7.js

@@ -0,0 +1 @@
+import{E as a}from"./empty-DzB-G1O3.js";import{o as f,c as i}from"./OperatorSubscriber-C_ZC-4p2.js";function m(e){return e<=0?function(){return a}:f(function(o,t){var r=0;o.subscribe(i(t,function(n){++r<=e&&(t.next(n),e<=r&&t.complete())}))})}export{m as t};

package/dist/assets/tap-C7Bbgrv8.js

@@ -0,0 +1 @@
+import{x as v,e as d}from"./no-shadow-element-Dckeu5Ol.js";import{o as f,c as s}from"./OperatorSubscriber-C_ZC-4p2.js";function _(n,r,e){var a=d(n)||r||e?{next:n,error:r,complete:e}:n;return a?f(function(u,l){var t;(t=a.subscribe)===null||t===void 0||t.call(a);var c=!0;u.subscribe(s(l,function(i){var o;(o=a.next)===null||o===void 0||o.call(a,i),l.next(i)},function(){var i;c=!1,(i=a.complete)===null||i===void 0||i.call(a),l.complete()},function(i){var o;c=!1,(o=a.error)===null||o===void 0||o.call(a,i),l.error(i)},function(){var i,o;c&&((i=a.unsubscribe)===null||i===void 0||i.call(a)),(o=a.finalize)===null||o===void 0||o.call(a)}))}):v}export{_ as t};

package/dist/assets/timer-FQ7WMtFD.js

@@ -0,0 +1 @@
+import{O as p}from"./no-shadow-element-Dckeu5Ol.js";import{b as m}from"./async-Cf5pIG6K.js";import{i as r}from"./executeSchedule-BoZ8McHf.js";function v(n){return n instanceof Date&&!isNaN(n)}function x(n,o,i){n===void 0&&(n=0),i===void 0&&(i=m);var t=-1;return o!=null&&(r(o)?i=o:t=o),new p(function(f){var a=v(n)?+n-i.now():n;a<0&&(a=0);var s=0;return i.schedule(function(){f.closed||(f.next(s++),0<=t?this.schedule(void 0,t):f.complete())},a)})}export{x as t};

package/dist/assets/unsafe-html-ZfqpUwaC.js

@@ -0,0 +1,9 @@
+import{D as s,R as o}from"./no-shadow-element-Dckeu5Ol.js";/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const u={CHILD:2},c=i=>(...t)=>({_$litDirective$:i,values:t});class h{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,n){this.t=t,this._$AM=r,this.i=n}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class e extends h{constructor(t){if(super(t),this.it=s,t.type!==u.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===s||t==null)return this._t=void 0,this.it=t;if(t===o)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const r=[t];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const l=c(e);export{l as a,c as e,h as i,u as t};

package/dist/assets/viewport-listener-VXtYxJHH.js

@@ -0,0 +1 @@
+import{v as c}from"./no-shadow-element-Dckeu5Ol.js";import{d as h}from"./debounceTime-Dqha8z_N.js";class a{constructor(){this.condition=!0,this.threshold=0,this.debounce=0}}class p{constructor(t,i,s={}){this.element=t,this.callback=i,this.params=s,this.intersectionSubject=new c,this.subscriptions=[],this.params={...new a,...s};const n={root:null,rootMargin:"0px",threshold:this.params.threshold};this.observer=new IntersectionObserver(r=>{r.forEach(o=>this.intersectionSubject.next(o))},n),this.connect()}connect(){this.subscriptions.push(this.intersectionSubject.pipe(h(this.params.debounce)).subscribe(t=>this.handleIntersection(t))),this.observer.observe(this.element)}disconnect(){this.observer&&this.observer.disconnect(),this.intersectionSubject.complete(),this.subscriptions.forEach(t=>t.unsubscribe())}handleIntersection(t){this.params.condition&&t.isIntersecting&&this.callback()}}export{p as V};

package/dist/basket-preview-product.css

@@ -0,0 +1,107 @@
+.mealz-basket-preview-product {
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  background: var(--mealz-ds-color-background-primary, #FFF);
+  gap: 8px;
+
+  .mealz-basket-preview-product__infos-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+
+    .mealz-basket-preview-product__picture-container {
+      position: relative;
+      margin-right: 12px;
+
+      .mealz-basket-preview-product__picture {
+        height: 112px;
+        width: 112px;
+        border-radius: 8px;
+        cursor: pointer;
+
+        img {
+          height: 100%;
+          width: 100%;
+          object-fit: cover;
+          border-radius: 8px;
+        }
+      }
+    }
+
+    .mealz-basket-preview-product__infos-and-actions {
+      display: flex;
+      align-items: flex-start;
+      flex: 1 0 0;
+
+      .mealz-basket-preview-product__infos {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        flex: 1 0 0;
+        margin-right: 8px;
+
+        > * + * {
+          margin-top: 4px;
+        }
+
+        .mealz-basket-preview-product__title {
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-product-clamp: 2;
+          align-self: stretch;
+          overflow: hidden;
+          color: var(--mealz-ds-color-neutral-black, #0F191F);
+          text-overflow: ellipsis;
+          cursor: pointer;
+        }
+      }
+
+      .mealz-basket-preview-product__price-per-unit {
+        color: var(--mealz-ds-color-neutral-black, #0F191F);
+        opacity: 0.7;
+      }
+    }
+  }
+
+  .mealz-basket-preview-product__price-and-action, .mealz-basket-preview-product__number-recipes-and-replace {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+
+    .mealz-basket-preview-product__replace-button {
+      padding: 4px;
+    }
+
+    .mealz-basket-preview-product__in-x-recipes-badge {
+      color: #2B61E8;
+      background: var(--mealz-ds-color-info-50, #E5ECFF);
+      cursor: pointer;
+    }
+
+    .mealz-counter {
+      button {
+        height: 40px;
+        width: 40px;
+      }
+    }
+  }
+}
+
+.mealz-modal {
+  .mealz-modal__recipe-name-badge-list {
+      display: flex;
+      flex-wrap: wrap;
+      margin: -4px;
+
+    .mealz-modal__recipe-name-badge {
+      margin: 4px;
+    }
+  }
+}
+

package/dist/basket-preview.css

@@ -0,0 +1,193 @@
+.mealz-basket-preview {
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .mealz-basket-preview__title {
+    text-align: center;
+    padding: 24px 0;
+  }
+
+  .mealz-basket-preview__product-addition-container {
+    margin: 0 16px 12px 16px;
+    border-radius: 8px;
+  }
+
+  .mealz-basket-preview__slider-tabs {
+    margin: 0 16px 24px 16px;
+  }
+
+  .mealz-basket-preview__recipes {
+    margin: 0 16px;
+    flex: 1;
+  }
+
+  .mealz-basket-preview__products {
+    .mealz-basket-preview__products-separator {
+      margin: 0;
+      border-bottom: 1px solid var(--border-primary, #D9DDE1);
+    }
+  }
+
+  .mealz-basket-preview__recipes {
+    .mealz-basket-preview__recipe-card {
+      border: 1px solid var(--mealz-ds-color-neutral-200, #EFF1F3);
+      background: var(--mealz-ds-color-neutral-white, #fff);
+      display: flex;
+      padding: 8px;
+      border-radius: 12px;
+      margin-bottom: 12px;
+
+      > *:not(:last-child) {
+        margin-right: 8px;
+      }
+
+      .mealz-basket-preview__recipe-picture-container {
+        height: 144px;
+        width: 144px;
+        border-radius: 8px;
+        overflow: hidden;
+        position: relative;
+
+        .mealz-basket-preview__recipe-picture {
+          height: 100%;
+          width: 100%;
+          object-fit: cover;
+          cursor: pointer;
+        }
+
+        .mealz-basket-preview__counter {
+          position: absolute;
+          bottom: 8px;
+          right: 8px;
+          display: flex;
+          padding: 4px 8px;
+          align-items: center;
+          border-radius: 100px;
+          background: var(--mealz-ds-color-neutral-white, #FFF);
+          color: var(--mealz-ds-color-neutral-black, #0F191F);
+          height: fit-content;
+          flex-shrink: 0;
+
+          > *:not(:last-child) {
+            margin-right: 4px;
+          }
+
+          p {
+            line-height: 100%;
+          }
+
+          img {
+            width: 16px;
+            height: 16px;
+          }
+        }
+      }
+
+      .mealz-basket-preview__info-container {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        flex: 1;
+
+        .mealz-basket-preview__info-labels {
+          display: flex;
+          flex-direction: column;
+
+          .mealz-basket-preview__recipe-title-container {
+            position: relative;
+
+            .mealz-basket-preview__recipe-title {
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+              line-clamp: 2;
+              overflow: hidden;
+              margin-right: 32px; /* Margin for remove button */
+            }
+
+            .mealz-basket-preview__remove-button {
+              position: absolute;
+              top: 0;
+              right: 0;
+            }
+          }
+
+          .mealz-basket-preview__number-product {
+            font-weight: 400;
+            color: var(--mealz-ds-color-neutral-black, #0F191F);
+          opacity: 0.7;
+            margin-bottom: 4px;
+          }
+
+          .mealz-basket-preview__total-price {
+            line-height: 100%;
+          }
+
+          .mealz-basket-preview__price-per-serve {
+            color: var(--mealz-ds-color-neutral-black, #0F191F);
+          opacity: 0.7;
+          }
+        }
+
+        .mealz-basket-preview__open-recipe-button-container {
+          margin-top: 8px;
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      @media (max-width: 480px) {
+        .mealz-basket-preview__open-recipe-button-container {
+          .mealz-basket-preview__open-recipe-button {
+            width: 100%;
+          }
+        }
+        }
+      }
+    }
+  }
+
+  .mealz-basket-preview__footer {
+    z-index: 2;
+    position: sticky;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 16px;
+    background: var(--mealz-ds-color-neutral-white, #fff);
+    box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.15);
+    display: flex;
+    align-items: center;
+
+    &.mealz-basket-preview__place-order-footer {
+      justify-content: space-between;
+    }
+
+    &.mealz-basket-preview__see-cart-footer {
+      justify-content: center;
+
+      a {
+        text-decoration: none;
+      }
+    }
+
+    .mealz-basket-preview__basket-price {
+      display: flex;
+      flex-direction: column;
+
+      .mealz-basket-preview__in-basket-label {
+        color: var(--mealz-ds-color-neutral-500, #8C96A2);
+      }
+    }
+  }
+
+  @media (max-width: 607px) {
+    .mealz-basket-preview__footer {
+      a, .mealz-basket-preview__see-basket-button {
+        width: 100%;
+      }
+    }
+  }
+}

package/dist/basket-transfer-modal/basket-transfer-modal.css

@@ -0,0 +1 @@
+.mealz-basket-transfer-modal__text{text-align:center}.mealz-basket-transfer-modal__buttons{display:flex;justify-content:center;margin-top:24px}.mealz-basket-transfer-modal__buttons button+button{margin-left:16px}

package/dist/basket-transfer-modal/basket-transfer-modal.min.js

@@ -0,0 +1,41 @@
+import{N as m,m as o,k as a}from"../assets/no-shadow-element-Dckeu5Ol.js";import{t as u}from"../assets/custom-element-BhZVzxrc.js";var c=Object.getOwnPropertyDescriptor,p=(s,n,d,l)=>{for(var e=l>1?void 0:l?c(n,d):n,t=s.length-1,i;t>=0;t--)(i=s[t])&&(e=i(e)||e);return e};let r=class extends m{constructor(){super(),this.supplierName=null,this.showTransferConfirmModal=!1,this.subscriptions=[],this.styleURL=new URL("/basket-transfer-modal.css",import.meta.url)}connectedCallback(){super.connectedCallback(),this.subscriptions.push(o.pos.currentPos().subscribe(s=>{this.supplierName=(s==null?void 0:s.relationships.supplier.data.attributes.name)??null}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(s=>s.unsubscribe())}render(){return a`
+      <mealz-modal @modalClosed=${this.hide}>
+        <span slot="title">Transfert du panier</span>
+        <span slot="content">
+            ${this.showTransferConfirmModal?this.renderTransferModalConfirm():this.renderTransferModalInitial()}
+        </span>
+      </mealz-modal>
+    `}renderTransferModalInitial(){return a`
+      <div class="mealz-basket-transfer-modal__text">
+        <p class="mealz-ds-text size-s">
+          Nous transférons votre panier${this.supplierName?` vers ${this.supplierName}`:""}.
+        </p>
+      </div>
+      <div class="mealz-basket-transfer-modal__buttons">
+        <button class="mealz-ds-button primary" @click=${this.show}>
+          <span class="mealz-ds-text weight-l">
+            Ok
+          </span>
+        </button>
+      </div>
+    `}renderTransferModalConfirm(){return a`
+      <div class="mealz-basket-transfer-modal__text">
+        <p class="mealz-ds-text size-s">
+          Votre panier est toujours en cours de transfert${this.supplierName?` vers ${this.supplierName}`:""}.
+        </p>
+        <p class="mealz-ds-text size-s">
+          Voulez-vous continuer ou abandonner le transfert ?
+        </p>
+      </div>
+      <div class="mealz-basket-transfer-modal__buttons">
+        <button class="mealz-ds-button secondary" @click=${this.hide}>
+          <span class="mealz-ds-text weight-l">Abandonner</span>
+        </button>
+        <button
+          class="mealz-ds-button primary"
+          @click=${()=>{o.basket.transfer(),this.showTransferConfirmModal=!1,this.requestUpdate()}}
+        >
+          <span class="mealz-ds-text weight-l">Continuer</span>
+        </button>
+      </div>
+    `}show(){this.showTransferConfirmModal=!0,this.requestUpdate()}hide(){this.showTransferConfirmModal=!1,this.requestUpdate()}};r=p([u("mealz-basket-transfer-modal")],r);customElements.get("mealz-basket-transfer-modal")||customElements.define("mealz-basket-preview",r);

package/dist/basket-transfer-modal.css

@@ -0,0 +1,13 @@
+.mealz-basket-transfer-modal__text {
+  text-align: center;
+}
+
+.mealz-basket-transfer-modal__buttons {
+  display: flex;
+  justify-content: center;
+  margin-top: 24px;
+
+  button + button {
+    margin-left: 16px;
+  }
+}

package/dist/breadcrumb/breadcrumb.css

@@ -0,0 +1 @@
+.mealz-breadcrumb{position:relative;display:flex;flex:1;border-bottom:1px solid var(--mealz-ds-color-border, #EFF1F3);padding:16px 24px;margin:24px}.mealz-breadcrumb>*{margin-right:8px}.mealz-breadcrumb>a{display:flex;align-items:center;color:var(--mealz-ds-color-neutral-500, #8C96A2);text-decoration:none}.mealz-breadcrumb .active{color:var(--mealz-ds-color-primary, #24748F)}

package/dist/catalog/basket-preview/basket-preview-product/basket-preview-product.css

@@ -0,0 +1 @@
+.mealz-basket-preview-product{display:flex;padding:12px;flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--mealz-ds-color-background-primary, #FFF);gap:8px}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container{display:flex;flex-direction:row;align-items:center;width:100%}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__picture-container{position:relative;margin-right:12px}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__picture-container .mealz-basket-preview-product__picture{height:112px;width:112px;border-radius:8px;cursor:pointer}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__picture-container .mealz-basket-preview-product__picture img{height:100%;width:100%;object-fit:cover;border-radius:8px}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__infos-and-actions{display:flex;align-items:flex-start;flex:1 0 0}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__infos-and-actions .mealz-basket-preview-product__infos{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;margin-right:8px}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__infos-and-actions .mealz-basket-preview-product__infos>*+*{margin-top:4px}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__infos-and-actions .mealz-basket-preview-product__infos .mealz-basket-preview-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-product-clamp:2;align-self:stretch;overflow:hidden;color:var(--mealz-ds-color-neutral-black, #0F191F);text-overflow:ellipsis;cursor:pointer}.mealz-basket-preview-product .mealz-basket-preview-product__infos-container .mealz-basket-preview-product__infos-and-actions .mealz-basket-preview-product__price-per-unit{color:var(--mealz-ds-color-neutral-black, #0F191F);opacity:.7}.mealz-basket-preview-product .mealz-basket-preview-product__price-and-action,.mealz-basket-preview-product .mealz-basket-preview-product__number-recipes-and-replace{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch}.mealz-basket-preview-product .mealz-basket-preview-product__price-and-action .mealz-basket-preview-product__replace-button,.mealz-basket-preview-product .mealz-basket-preview-product__number-recipes-and-replace .mealz-basket-preview-product__replace-button{padding:4px}.mealz-basket-preview-product .mealz-basket-preview-product__price-and-action .mealz-basket-preview-product__in-x-recipes-badge,.mealz-basket-preview-product .mealz-basket-preview-product__number-recipes-and-replace .mealz-basket-preview-product__in-x-recipes-badge{color:#2b61e8;background:var(--mealz-ds-color-info-50, #E5ECFF);cursor:pointer}.mealz-basket-preview-product .mealz-basket-preview-product__price-and-action .mealz-counter button,.mealz-basket-preview-product .mealz-basket-preview-product__number-recipes-and-replace .mealz-counter button{height:40px;width:40px}.mealz-modal .mealz-modal__recipe-name-badge-list{display:flex;flex-wrap:wrap;margin:-4px}.mealz-modal .mealz-modal__recipe-name-badge-list .mealz-modal__recipe-name-badge{margin:4px}