mealz-components 2.2.0 → 2.3.0

package/dist/supplier-selector.css

@@ -0,0 +1,99 @@
+.mealz-supplier-selector {
+  .mealz-supplier-selector__onboarding-container {
+    padding: 24px;
+    background-color: var(--mealz-ds-color-primary-100, #e4eaec);
+
+    .mealz-supplier-selector__onboarding-title {
+      margin: 0 0 8px 0;
+    }
+
+    .mealz-supplier-selector__onboarding-steps {
+      overflow-y: scroll;
+      margin-top: 16px;
+      display: flex;
+
+      > *:not(:last-child) {
+        margin-right: 16px;
+      }
+
+      .mealz-supplier-selector__card {
+        background-color: var(--mealz-ds-color-neutral-white, #fff);
+        display: flex;
+        align-items: center;
+        padding: 16px;
+        border-radius: 12px;
+
+        .mealz-supplier-selector__instructions {
+          flex: 1 1 0;
+          margin-right: 24px;
+
+          .mealz-supplier-selector__step-counter {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-bottom: 8px;
+            height: 32px;
+            width: 32px;
+            border-radius: 50%;
+            background-color: var(--mealz-ds-color-primary, #24748F);
+            color: var(--mealz-ds-color-neutral-white, #fff);
+          }
+        }
+
+        .mealz-supplier-selector__onboarding-step-image {
+          flex: 1 1 0;
+        }
+      }
+    }
+  }
+
+  .mealz-supplier-selector__suppliers-container {
+    padding: 24px;
+
+    .mealz-supplier-selector__supplier-list {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(150px, 1fr));
+      margin: 0 -6px -6px -6px;
+
+      .mealz-supplier-selector__supplier-button-card {
+        border-radius: 8px;
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 6px;
+        cursor: pointer;
+        position: relative;
+        overflow: hidden;
+
+        .mealz-supplier-selector__supplier-logo {
+          display: block;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          max-width: 65%;
+          max-height: 100%;
+          width: auto;
+          height: auto;
+          object-fit: contain;
+        }
+
+        .mealz-supplier-selector__supplier-bg {
+          display: block;
+        }
+      }
+    }
+
+    @media (max-width: 575px) {
+      .mealz-supplier-selector__supplier-list {
+        grid-template-columns: repeat(2, minmax(150px, 1fr));
+      }
+    }
+
+    @media (max-width: 375px) {
+      .mealz-supplier-selector__supplier-list {
+        grid-template-columns: repeat(1, minmax(150px, 1fr));
+      }
+    }
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mealz-components",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "./dist/mealz-components.js",
   "module": "./dist/mealz-components.js",
   "scripts": {

package/dist/add-to-cart-cta/add-to-cart-cta.css

@@ -1 +0,0 @@
-@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.mealz-add-to-cart-cta{border-radius:999px;padding:16px}.mealz-add-to-cart-cta.secondary{background:var(--mealz-ds-color-neutral-white, #fff)}.mealz-add-to-cart-cta img{margin-right:4px}.mealz-add-to-cart-cta--fixed{display:none;width:400px;position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(0);z-index:1000;box-shadow:0 6px 24px #0000002e;pointer-events:auto}@media (max-width: 600px){.mealz-add-to-cart-cta--fixed{width:calc(100% - 32px)}}

package/dist/add-to-cart-cta/add-to-cart-cta.min.js

@@ -1,7 +0,0 @@
-import{t as o}from"../assets/custom-element-BhZVzxrc.js";import{N as d}from"../assets/no-shadow-element-D4NOg0uW.js";import"../assets/mealz-sdk-E_fNZM-c.js";var h=Object.getOwnPropertyDescriptor,l=(t,s,a,e)=>{for(var i=e>1?void 0:e?h(s,a):s,n=t.length-1,c;n>=0;n--)(c=t[n])&&(i=c(i)||i);return i};let r=class extends d{constructor(){super(...arguments),this.inBasket=!1,this.showFixedButton=!1,this.recipeId="",this.inBasketContent=`
-    <img alt="see ingredients in icon" src="https://storage.googleapis.com/assets.miam.tech/generic/icons/InCart_primary.svg"/>
-    <span>Voir les ingrédients</span>
-  `,this.addToBasketContent=`
-    <img alt="add ingredients to basket icon" src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"/>
-    <span>Acheter les ingrédients</span>
-  `}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.ctaBtn&&(this.observer.unobserve(this.ctaBtn),this.observer.disconnect())}render(){this.ctaBtn=this.querySelector(".mealz-add-to-cart-cta.mealz-add-to-cart-cta--static"),this.fixedCtaBtn=this.querySelector(".mealz-add-to-cart-cta.mealz-add-to-cart-cta--fixed"),!(!this.ctaBtn||!this.fixedCtaBtn)&&(this.getInitialStatus(),this.setupEventListeners(),this.setupIntersectionObserver())}getInitialStatus(){var e;const t=(e=this.attributes["starting-data"])==null?void 0:e.value;if(!t)return;const{recipeId:s,inBasket:a}=JSON.parse(t);this.recipeId=s,this.inBasket=a!==void 0?a:!1,this.removeAttribute("starting-data")}setupEventListeners(){this.ctaBtn.addEventListener("click",t=>{t.stopPropagation(),this.toggleBasketState()}),this.fixedCtaBtn.addEventListener("click",t=>{t.stopPropagation(),this.toggleBasketState()})}setupIntersectionObserver(){this.observer=new IntersectionObserver(([t])=>{this.showFixedButton=!t.isIntersecting,this.fixedCtaBtn.style.display=this.showFixedButton?"flex":"none",this.showFixedButton&&(this.fixedCtaBtn.style.animation="slideUp 300ms cubic-bezier(.25,.8,.25,1)")},{threshold:0}),this.observer.observe(this.ctaBtn)}toggleBasketState(){this.inBasket=!this.inBasket,this.updateDOM(),this.handleCtaClick()}updateDOM(){this.updateButtonState(this.ctaBtn),this.updateButtonState(this.fixedCtaBtn)}updateButtonState(t){t&&(this.inBasket?(t.className=t.className.replace("primary","secondary"),t.innerHTML=this.inBasketContent):(t.className=t.className.replace("secondary","primary"),t.innerHTML=this.addToBasketContent))}handleCtaClick(){const t=new CustomEvent("addToCartCtaClicked",{detail:{inBasket:this.inBasket,recipeId:this.recipeId}});document.dispatchEvent(t)}};r=l([o("mealz-add-to-cart-cta")],r);customElements.get("mealz-add-to-cart-cta")||customElements.define("mealz-add-to-cart-cta",r);

package/dist/assets/delay-DX2Gy1PY.js

@@ -1 +0,0 @@
-import{a as i}from"./async-guWcMFmJ.js";import{t as m}from"./take-ujVMxFwY.js";import{m as a}from"./map-D6X2syNu.js";import{m as e}from"./mergeMap-CX64J-ac.js";import{i as f}from"./innerFrom-D8hyVDmo.js";import{t as p}from"./timer-D3X0vtFO.js";function u(r){return a(function(){return r})}function s(r,t){return e(function(n,o){return f(r(n,o)).pipe(m(1),u(n))})}function l(r,t){t===void 0&&(t=i);var n=p(r,t);return s(function(){return n})}export{l as d};

package/dist/assets/empty-DhPhHznc.js

@@ -1 +0,0 @@
-import{O as r}from"./no-shadow-element-D4NOg0uW.js";var t=new r(function(e){return e.complete()});export{t as E};

package/dist/assets/mapOneOrManyArgs-UKKoFfIU.js

@@ -1 +0,0 @@
-import{a as n,b as p}from"./no-shadow-element-D4NOg0uW.js";import{m as o}from"./map-D6X2syNu.js";var t=Array.isArray;function i(a,r){return t(r)?a.apply(void 0,n([],p(r))):a(r)}function y(a){return o(function(r){return i(a,r)})}export{y as m};

package/dist/assets/merge-Cw-bwf6Z.js

@@ -1 +0,0 @@
-import{m as n}from"./mergeAll-9jcORGP2.js";import{i as t}from"./innerFrom-D8hyVDmo.js";import{E as s}from"./empty-DhPhHznc.js";import{p,a as f,f as u}from"./from-CEPL7XsE.js";function h(){for(var r=[],e=0;e<arguments.length;e++)r[e]=arguments[e];var o=p(r),a=f(r,1/0),m=r;return m.length?m.length===1?t(m[0]):n(a)(u(m,o)):s}export{h as m};

package/dist/assets/mergeAll-9jcORGP2.js

@@ -1 +0,0 @@
-import{m}from"./mergeMap-CX64J-ac.js";import{t}from"./no-shadow-element-D4NOg0uW.js";function o(i){return i===void 0&&(i=1/0),m(t,i)}export{o as m};

package/dist/assets/store-locator-CQ_XQBby.js

@@ -1,95 +0,0 @@
-import{N as h,k as a}from"./no-shadow-element-D4NOg0uW.js";import"../select/select.min.js";import{t as c}from"./custom-element-BhZVzxrc.js";import{n as p}from"./property-BXNy7Yd-.js";import{r as u}from"./state-b8IyfZUU.js";import{e as m}from"./query-BApjzB0v.js";import{a as b}from"./mealz-sdk-E_fNZM-c.js";class g{get extId(){return this.attributes["ext-id"]}}var _=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(e,t,s,o)=>{for(var i=o>1?void 0:o?f(t,s):t,n=e.length-1,d;n>=0;n--)(d=e[n])&&(i=(o?d(t,s,i):d(i))||i);return o&&i&&_(t,s,i),i};let l=class extends h{constructor(){super(),this.show=!1,this.selectedRadius=50,this._mealzSdk=b,this.getByAddress=this._mealzSdk.pos.getByAddress,this.getByCoordinates=this._mealzSdk.pos.getByCoordinates,this.getAffiliateSuppliers=this._mealzSdk.supplier.getAffiliateSuppliers,this._posList=[],this._markers=[],this._searchingPos=!1,this._searchSubmitted=!1,this._prevAddress="",this._previousSearchMethod=()=>{},this._suppliers=[],this._selectedSuppliers=[],this._showPosList=!1,this._posSelected=!1,this.subscriptions=[],this.setGeolocation=()=>{this._prevAddress="",this._previousSearchMethod=()=>this.setGeolocation(),this.getPosByCoordinates()},this.styleURL=new URL("./store-locator/store-locator.css",this.getBaseURL())}set geolocationCoordinates(e){var t,s;this._geolocationCoordinates=e,(t=e==null?void 0:e.coords)!=null&&t.latitude&&((s=e==null?void 0:e.coords)!=null&&s.longitude)&&this.setGeolocation()}get geolocationCoordinates(){return this._geolocationCoordinates}get L(){return window.L}_nameOfStore(e){return`${e.supplier.attributes.name} - ${e.attributes.name}`}connectedCallback(){super.connectedCallback(),this.initLeaflet(),this.fetchSuppliers()}disconnectedCallback(){this.subscriptions.forEach(e=>e.unsubscribe()),super.disconnectedCallback(),this._leafletCss.remove(),this._miamDs.remove(),this._leafletJs.remove()}render(){if(this.show)return this.classList.add("mealz-store-locator"),this.posSelectionTemplate()}firstUpdated(){this._posSelected=!1,this.loadMap(),this.geolocationTimeout(),this.listenFormSubmit()}posSelectionTemplate(){return a`
-        <div class="mealz-wrapper mealz-ds-body">
-            <div class="mealz-pos-selection">
-                <div class="mealz-title">
-                    <button class="mealz-ds-button square ghost mealz-back-button" @click=${()=>this.dispatchShow(!1)}>
-                      <img src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Caret.svg" alt="Caret" />
-                    </button>
-                    <span>Sélectionner un magasin</span>
-                </div>
-                <form id="mealz-store-locator-form">
-                    <div class="mealz-address-input-container">
-                        ${this.geolocButtonTemplate()}
-                        <input required class="mealz-address-input" type="text" name="address"
-                               placeholder="Votre code postal ou ville">
-                        <button type="submit" class="mealz-ds-button primary search-address-button">OK</button>
-                    </div>
-                    ${this.selectSupplierTemplate()}
-                </form>
-                ${this.posListTemplate()}
-                ${this._posList.length>0?a`
-                            <div id="mealz-mobile-buttons-wrapper"
-                                 class="${this._showPosList?"mealz-mobile-buttons-wrapper__see-map":"mealz-mobile-buttons-wrapper__see-list"}">
-                                <button @click=${()=>this.togglePosList(this._showPosList)}
-                                        class="mealz-ds-button secondary hide-pos-button ${this._showPosList?"secondary":"primary"}">
-                                    ${this.getButtonLabel()}
-                                </button>
-                            </div>`:""}
-            </div>
-        </div>
-        ${this.posMapTemplate()}
-        </div>
-    `}geolocButtonTemplate(){var t,s,o,i;let e;if(this.geolocationCoordinates===void 0)e=a`
-          <div class="mealz-ds-loader"></div>`;else if((s=(t=this.geolocationCoordinates)==null?void 0:t.coords)!=null&&s.longitude&&((i=(o=this.geolocationCoordinates)==null?void 0:o.coords)!=null&&i.latitude))e=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 a``;return a`
-        <button type="button" ?disabled=${this.geolocationCoordinates===void 0}
-                class="mealz-ds-button square ghost mealz-locate-button" @click=${this.setGeolocation}>
-            ${e}
-        </button>
-    `}posMapTemplate(){return a`
-        <div id="mealz-map"></div>
-    `}selectSupplierTemplate(){const e=this._selectedSuppliers[0],t=[{id:"",label:"Toutes les enseignes"},...this._suppliers.map(s=>({id:s.id,label:s.name}))];return a`
-      <div class="mealz-select-supplier">
-        <mealz-select
-          .options=${t}
-          .value=${e||""}
-          .placeholder=${"Toutes les enseignes"}
-          @valueChange=${s=>{var o;return this.handleSupplierChange(((o=s.detail)==null?void 0:o.value)??null)}}
-        ></mealz-select>
-      </div>
-    `}handleSupplierChange(e){const t={target:{value:e||""}};this.supplierSelected(t)}supplierSelected(e){const t=e.target;t!=null&&t.value?this._selectedSuppliers[0]=t.value:this._selectedSuppliers=[];const s=this._suppliers.find(n=>n.id===(t==null?void 0:t.value)),i={detail:{supplierName:s?s.name:""},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("filterChange",i)),this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return a`
-          <div class="mealz-pos-loader">
-              <div class="mealz-ds-loader"></div>
-          </div>
-      `;if(this._posList.length<1&&this._searchSubmitted)return a`
-          <div class="mealz-no-pos-found">
-              <b>Aucun magasin trouvé à proximité.</b>
-              <span>Essayez une autre adresse.</span>
-          </div>
-      `;if(this._posList.length<1)return;const e=this.querySelector(".mealz-pos-selection");return e&&e.classList.toggle("mealz-pos-selection__height",this._showPosList),a`
-        <div id="mealz-pos-list" class="${this._showPosList?"mealz-pos-list__visible":"mealz-pos-list__hidden"}">
-            ${this._posList.map(t=>a`
-                    <div class="mealz-pos-item">
-                        <div class="mealz-top">
-                            <img src="${t.supplier.attributes.logo}" alt="${t.supplier.attributes.name}"/>
-                            <div class="mealz-top-right">
-                                <div class="mealz-name">${this._nameOfStore(t)}</div>
-                                <div class="mealz-address">${t.attributes.address}</div>
-                            </div>
-                        </div>
-                        <div class="mealz-bottom">
-                            <button @click=${()=>this.dispatchPos(t)}
-                                    class="mealz-ds-button primary small mealz-select-pos-button"
-                                    ?disabled=${this._posSelected}>
-                                ${this._posSelected?a`
-                                            <div class="mealz-ds-loader"></div>`:"Sélectionner"}
-                            </button>
-                        </div>
-                    </div>
-                `)}
-        </div>
-    `}getButtonLabel(){if(this._showPosList)return"Voir la carte";const e=this._posList.length;return e===1?"Voir le magasin":`Voir les ${e} magasins`}setAddress(e=!1){!this._addressInput.value||this._addressInput.value.length<3||this._searchingPos||!e&&this._prevAddress===this._addressInput.value+", France"||(this._previousSearchMethod=t=>this.setAddress(t),this._prevAddress=this._addressInput.value+", France",this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByAddress(this._prevAddress,this.selectedRadius,this._selectedSuppliers).subscribe(t=>{this.setPosList(t),this.setNewLocation(),this.dispatchSearch(this._prevAddress,t.data.length),this._searchingPos=!1,this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()})))}getPosByCoordinates(){this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByCoordinates(this.geolocationCoordinates.coords.latitude,this.geolocationCoordinates.coords.longitude,this.selectedRadius,this._selectedSuppliers).subscribe(e=>{this._addressInput.value="",this.setPosList(e),this._searchingPos=!1,this.setNewLocation(),this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()}))}setPosList(e){this._posList=e.data.map(t=>{const s=Object.assign(new g,t),o=e.included.find(i=>i.id===s.relationships.supplier.data.id);return o&&(s.supplier=o),s}).sort((t,s)=>t.attributes.name.includes("onoprix")?-1:s.attributes.name.includes("onoprix")?1:0)}dispatchPos(e){this._posSelected=!0,this.requestUpdate();const t={detail:{posId:e.id,posExtId:e.extId,supplierId:e.supplier.id,supplierName:e.supplier.attributes.name,posName:this._nameOfStore(e)},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("posIdChange",t))}dispatchShow(e){const t={detail:{show:e},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("showChange",t))}dispatchSearch(e,t){const s={detail:{searchTerm:e,storesFoundCount:t},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.appendChild(this._miamDs),this.appendChild(this._leafletCss),document.head.appendChild(this._leafletJs)}waitForLeaflet(e){let o=50;console.debug("[Map] Checking for window.L");const i=setInterval(()=>{typeof window.L<"u"||o===0?(clearInterval(i),typeof window.L<"u"?(console.debug("[Map] window.L is defined"),e(!0)):(console.error("[Map] Failed to load Leaflet after",5e3,"ms"),e(!1))):o--},100)}initMap(){this._map&&(this._map.off(),this._map.remove()),this.setNewLocation(),this.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(e=>{e&&this.initMap()})}fetchSuppliers(){this.subscriptions.push(this.getAffiliateSuppliers().subscribe(e=>{this._suppliers=e.map(t=>({id:t.id,name:t.attributes.name})),this.requestUpdate()}))}setNewLocation(){const e=this.querySelector("#mealz-map");if(e){if(this._map){const t=this._map;this._markers.forEach(s=>{t.removeLayer(s)}),this._markers=[],t.panTo(this.getCoordinates())}else this._map=this.L.map(e).setView(this.getCoordinates(),13);this._map&&this.addMarkers()}}getCoordinates(){return this._posList.length<1?[48.866667,2.333333]:[Number(this._posList[0].attributes.latitude),Number(this._posList[0].attributes.longitude)]}addMarkers(){this._posList.length>0&&this._posList.forEach((e,t)=>{this._markers.push(this.L.marker([Number(e.attributes.latitude),Number(e.attributes.longitude)],{icon:this.buildIcon(e.supplier)}).addTo(this._map));const s=this.L.popup({content:`
-            <div class="mealz-pos-item">
-              <div class="mealz-top">
-                <img class="mealz-pos-img" src="${e.supplier.attributes.logo}" alt="${e.supplier.attributes.name}"/>
-                <div class="mealz-top-right">
-                  <div class="mealz-name">${this._nameOfStore(e)}</div>
-                  <div class="mealz-address">${e.attributes.address}</div>
-                </div>
-              </div>
-              <div class="mealz-bottom">
-                <button id="mealz-select" class="mealz-ds-button primary small mealz-select-pos-button">Sélectionner</button>
-              </div>
-            </div>
-          `});this._markers[t].bindPopup(s).on("popupopen",o=>{var n,d;const i=(n=o.target.getPopup())==null?void 0:n.getElement();(d=i==null?void 0:i.querySelector("#mealz-select"))==null||d.addEventListener("click",()=>{this.dispatchPos(e)})})})}buildIcon(e){return this.L.icon({iconUrl:e.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:[24,24],shadowSize:[44,53],iconAnchor:[16,43],shadowAnchor:[22,45],popupAnchor:[0,-55],className:"mealz-marker-icon"})}togglePosList(e){this._showPosList=!e;const t=this.querySelector("#mealz-pos-list"),s={bubbles:!0,composed:!0};t&&(e?(t.style.display="none",this.dispatchEvent(new CustomEvent("mapSelected",s))):(t.style.display="flex",this.dispatchEvent(new CustomEvent("listSelected",s))),this.requestUpdate())}geolocationTimeout(){setTimeout(()=>{this.geolocationCoordinates===void 0&&(this.geolocationCoordinates={})},2e4)}listenFormSubmit(){const e=this.querySelector("#mealz-store-locator-form");e&&e.addEventListener("submit",t=>{t.preventDefault(),this.setAddress()})}};r([p({type:Boolean})],l.prototype,"show",2);r([p({type:Number})],l.prototype,"selectedRadius",2);r([p({attribute:!1})],l.prototype,"geolocationCoordinates",1);r([p()],l.prototype,"getByAddress",2);r([p()],l.prototype,"getByCoordinates",2);r([p()],l.prototype,"getAffiliateSuppliers",2);r([u()],l.prototype,"_geolocationCoordinates",2);r([m("input")],l.prototype,"_addressInput",2);l=r([c("mealz-store-locator")],l);

package/dist/no-supplier-onboarding/no-supplier-onboarding.css

@@ -1 +0,0 @@
-.mealz-modal{width:375px;min-width:375px;height:700px;z-index:calc(var(--m-z-index-modal) + 2);padding:0}.mealz-modal .mealz-modal__header{padding:16px}.mealz-modal .mealz-modal__content-container{padding-top:0;height:calc(100% - 64px);box-sizing:border-box}@media (max-width: 600px){.mealz-modal{min-width:320px;width:100vw;max-width:100vw;top:unset;bottom:0;transform:translate(-50%)}}.mealz-no-supplier-onboarding{display:flex;flex-direction:column;height:100%}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__header{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:16px 16px 0}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__header .mealz-no-supplier-onboarding__close{padding:4px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 16px 16px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__img{width:343px;height:380px}@media (max-width: 375px){.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__img{width:288px}}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__title{margin-bottom:16px;text-align:center}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__text{text-align:center;margin-bottom:16px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__text span{display:inline;padding:0 4px 0 0}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__text .mealz-no-supplier-onboarding__bold{font-weight:700}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__text .mealz-no-supplier-onboarding__bold:last-of-type{color:var(--mealz-ds-color-primary)}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__content .mealz-no-supplier-onboarding__fake-button{margin-top:16px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__track{display:flex;justify-content:space-between;width:60px;margin-bottom:16px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__track img:not(.active){opacity:.2}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__body .mealz-no-supplier-onboarding__confirm{margin:16px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__previous,.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__next{position:absolute;top:50%;transform:translateY(-50%);display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:1000px;box-shadow:0 4px 4px #00000040}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__previous.mealz-ds-button.primary.ghost,.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__next.mealz-ds-button.primary.ghost{background-color:#fff}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__previous.hidden,.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__next.hidden{display:none}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__previous{left:8px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__next{right:8px}.mealz-no-supplier-onboarding .mealz-no-supplier-onboarding__next img{transform:rotate(180deg)}