1<!DOCTYPE html> 2 3<html class="no-js css-scroll eds-theme-light" lang="en"> 4 <head> 5 <meta charset="utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 9 <meta name="mobile-web-app-capable" content="yes"> 10 11 12 <title>Maple Star - Philly in Philadelphia, PA | Online Ordering</title> 13 <meta name="keywords" content="maple star, maple star philadelphia, maple star menu, philadelphia chinese delivery, philadelphia chinese food, philadelphia chinese restaurants, chinese delivery, best chinese food in philadelphia, chinese restaurants in philadelphia, chinese restaurants near me, chinese food near me, philly chinese takeout, philadelphia japanese food, philadelphia japanese restaurants, japanese delivery, best japanese food in philadelphia, japanese restaurants in philadelphia, japanese restaurants near me, japanese food near me, philly chinese delivery, chinese restaurants in philly, philly chinese takeout" /> 14 <meta name="description" content="Order Chinese online from Maple Star - Philly in Philadelphia, PA for delivery and takeout. Browse our menu and easily choose and modify your selection."> 15 16 <meta property="og:type" content="website"> 17 <meta property="og:title" content="Maple Star - Philly in Philadelphia, PA | Online Ordering"> 18 <meta property="og:description" content="Order Chinese online from Maple Star - Philly in Philadelphia, PA for delivery and takeout. Browse our menu and easily choose and modify your selection."> 19 <meta property="og:image" content="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public" /> 20 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="Maple Star - Philly in Philadelphia, PA | Online Ordering"> 23 <meta name="twitter:description" content="Order Chinese online from Maple Star - Philly in Philadelphia, PA for delivery and takeout. Browse our menu and easily choose and modify your selection."> 24 <meta name="twitter:image" content="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public" /> 25 26 <link rel="shortcut icon" href="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/118abaff-1a03-4a55-eed2-57bd7316b800/public" type="image/x-icon" /> 27 28 <link rel="canonical" href="https://www.maplestarpa.com/"/> 29 30 <link type="text/css" rel="stylesheet" href="/min/g=eds_css&1788377785" /> 31 <link type="text/css" rel="stylesheet" href="/min/g=css4.0&1788377785" /> 32 <link href="https://fonts.googleapis.com/css?family=Nunito:400,700|Open+Sans:400,600,700" rel="stylesheet" /> 33 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" /> 34
34<script src="https://kit.fontawesome.com/0208faa9a2.js" crossorigin="anonymous"></script>
34 35 36 <style> 37 .home_hero, .menu_hero{ background-image: url(https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/074d0d91-3d53-48f0-c2d5-b27ac4db3900/public); } 38 @media 39 (-webkit-min-device-pixel-ratio: 1.25), 40 (min-resolution: 120dpi){ 41 /* Retina header*/ 42 .home_hero, .menu_hero{ background-image: url(https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/8653d153-1d1a-424f-9a3e-16ae2abcb500/public); } 43 } 44 /*body{ } */ 45 46 47 </style> 48 49 50
50<script type="text/javascript"> 51 var UrlTag = "maplestarphilly"; 52 var template = 'defaultv4'; 53 var formname = 'home'; 54 var menulink = 'https://www.maplestarpa.com/order/main'; 55 var checkoutlink = 'https://www.maplestarpa.com/checkout'; 56 </script>
56 57
57<script> 58 /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ 59 (function(w,d,u){w.readyQ=[];w.bindReadyQ=[];function p(x,y){if(x=="ready"){w.bindReadyQ.push(y);}else{w.readyQ.push(x);}};var a={ready:p,bind:p};w.$=w.jQuery=function(f){if(f===d||f===u){return a}else{p(f)}}})(window,document) 60 </script>
60 61 62
62<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Restaurant","@id":"https://www.maplestarpa.com/#restaurant","name":"Maple Star - Philly","url":"https://www.maplestarpa.com/","telephone":"+12152366800","address":{"@type":"PostalAddress","streetAddress":"1521 Cecil B. Moore Ave","addressLocality":"Philadelphia","addressRegion":"PA","postalCode":"19121","addressCountry":"US"},"hasMap":"https://maps.google.com/?q=Maple Star - Philly, 1521 Cecil B. Moore Ave, Philadelphia, PA, 19121","priceRange":"$$","potentialAction":{"@type":"OrderAction","target":"https://www.maplestarpa.com"},"servesCuisine":"Chinese","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"Pick up","value":true},{"@type":"LocationFeatureSpecification","name":"Delivery","value":true}],"image":{"@type":"ImageObject","contentLocation":"Philadelphia, PA","url":"https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public"},"geo":{"@type":"GeoCoordinates","name":"Maple Star - Philly","latitude":39.979227,"longitude":-75.160394},"hasMenu":[{"@id":"https://www.maplestarpa.com/order/main#menu"}],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","opens":"12:00","closes":"22:30","dayOfWeek":["https://schema.org/Monday","https://schema.org/Wednesday","https://schema.org/Thursday"]},{"@type":"OpeningHoursSpecification","opens":"12:00","closes":"23:00","dayOfWeek":["https://schema.org/Friday","https://schema.org/Saturday"]},{"@type":"OpeningHoursSpecification","opens":"12:30","closes":"22:30","dayOfWeek":["https://schema.org/Sunday"]}]},{"@type":"Menu","@id":"https://www.maplestarpa.com/order/main#menu","url":"https://www.maplestarpa.com/order/main","name":"Main","description":"Please note: requests for additional items or special preparation may incur an extra charge not calculated on your online order."}]}</script>
62 63<!-- Google Tag Manager -->
64<script> 65 window.dataLayer = window.dataLayer || []; 66 window.gtag = window.gtag || function gtag() { dataLayer.push(arguments); }; 67 gtag('js', new Date()); 68 69 let data = { 70 account: 'maplestarphilly', 71 context: 'direct', 72 templateVersion: 4, 73 rid: 66, 74 } 75 dataLayer.push({ ...data, event: 'app_data_ready' });
vendor: 337 bytes, lines 75-81
75 76 77 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 78 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 79 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 80 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 81 })(window,document,'script','dataLayer','
81GTM-K9P93M
vendor: 4 bytes, line 81
81');
82</script>
vendor: 67 bytes, lines 82-84
82 83 84 <script async src="https://www.googletagmanager.com/gtag/js?id=
84G-60BHBFQV1J
vendor: 15 bytes, lines 84-86
84"></script> 85 86
86<script> 87 88 gtag('config', "G-60BHBFQV1J"); 89 </script>
89 90 91 92 93 <meta name="smartbanner:title" content="Maple Star - Philly Ordering"> 94 <meta name="smartbanner:author" content="Online Ordering"> 95 <meta name="smartbanner:price" content="FREE"> 96 <meta name="smartbanner:price-suffix-google" content=" "> 97 <meta name="smartbanner:button" content="VIEW"> 98 <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.chinesemenuonline.maplestarphilly"> 99 <meta name="smartbanner:enabled-platforms" content="android"> 100 <meta name="smartbanner:icon-google" content="https://ehc-west-0-bucket.s3.us-west-2.amazonaws.com/web/documents/maplestarphilly/"> 101 </head> 102 103 <body 104 data-event-on:customer_registered="window.location.reload()" 105 data-event-on:customer_logged_in="window.location.reload()" 106 data-event-on:customer_logged_out="window.location.reload()" 107 > 108 <a class="skip-to-content-link" href="#main">Skip to content</a> 109 <aside aria-label="Accessibility"> 110 <a 111 href="https://www.maplestarpa.com/accessibility" 112 class="accessibility-statement-link eds_button btn btn-secondary btn-lg eds_button--shape-circle" 113 aria-label="Accessibility statement" 114 > 115 <i class="eds_icon fa fa-lg fa-person-limbs-wide" style="" aria-hidden="true"></i> </a> 116 </aside> 117 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 117-118
117 118 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-K9P93M
vendor: 85 bytes, lines 118-119
118" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 119
119<!-- End Google Tag Manager (noscript) --> 120 <!-- wrapper starts --> 121 <div class="wrapper"> 122 <section style="grid-area: header-announcements" aria-label="Announcement"> 123 <div id="upgradeBrowserBanner" class="alert alert-warning mb-0 rounded-0 py-4" style="display:none;"> 124 <div class="alert-icon"><i class="fas fa-warning" aria-hidden="true"></i></div> 125 <div> 126 <strong>We're sorry, but the Web browser you are using is not supported.</strong> <br/> Please upgrade your browser or try a different one to use this Website. Supported browsers include:<br/> 127 <ul class="list-unstyled"> 128 <li class="mt-2"><a href="https://www.google.com/chrome" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-chrome"></i> Chrome</a></li> 129 <li class="mt-2"><a href="https://www.mozilla.com/firefox/upgrade.html" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-firefox"></i> Firefox</a></li> 130 <li class="mt-2"><a href="https://www.microsoft.com/en-us/windows/microsoft-edge" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-edge"></i> Edge</a></li> 131 <li class="mt-2"><a href="http://www.apple.com/safari/" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-safari"></i> Safari</a></li> 132 </ul> 133 </div> 134</div>
135<script> 136 var ua = navigator.userAgent; 137 var match = ua.match(/Firefox\/([0-9]+)\./); 138 var firefoxVersion = match ? parseInt(match[1]) : 1000; 139 var match = ua.match(/Chrome\/([0-9]+)\./); 140 var chromeVersion = match ? parseInt(match[1]) : 1000; 141 var isIE = ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1; 142 var upgradeBrowserBanner = document.getElementById('upgradeBrowserBanner'); 143 var isMatchesSupported = typeof(upgradeBrowserBanner.matches)!="undefined"; 144 var isEntriesSupported = typeof(Object.entries)!="undefined"; 145 //Safari version is verified with isEntriesSupported 146 if (isIE || !isMatchesSupported || !isEntriesSupported || firefoxVersion <= 46 || chromeVersion <= 53) { 147 upgradeBrowserBanner.style.display = 'flex'; 148 } 149</script>
149 150 <!-- get closed sign if applicable. --> 151 152 153 </section> 154 155 <!-- Header Starts --> 156 <div class="headerAndWtype" style="grid-area: header"> 157 <header class="header" style="background-color: var(--dot-header-background); color: var(--dot-header-color)"> 158 <div class="d-flex flex-column align-items-start flex-md-row align-items-md-center"> 159 <div class="logo_name_alt flex-shrink-0 d-flex align-items-center align-self-stretch pe-6 pe-md-0"> 160 <button class="eds_button btn btn-outline eds_menu_button" style="color: inherit" aria-label="Main menu" aria-expanded="false" data-bs-toggle="offcanvas" data-bs-target="#side-menu" aria-controls="side-menu" type="button"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></button> 161 <div class="d-flex flex-column align-items-center mx-auto align-items-md-start mx-md-0"> 162 <a 163 class="eds-display-text-title-xs text-truncate title-container" 164 href="https://www.maplestarpa.com" 165 aria-current="page" 166 > 167 Maple Star - Philly </a> 168 169 <span class="eds-copy-text-s-regular text-center text-md-start address-container" title="1521 Cecil B. Moore Ave Philadelphia, PA 19121"> 170 1521 Cecil B. Moore Ave Philadelphia, PA 19121 </span> 171 </div> 172 </div> 173 174 <div class="eds-display-text-title-s d-none d-md-block border-start mx-4" style="width: 0"> </div> 175 176 <div class="header_order_options d-flex align-items-center w-100 p-2p5 p-md-0"> 177 <div class="what"> 178 <button 179 type="button" 180 class="border-0 bg-transparent text-start" 181 data-bs-toggle="modal" 182 data-bs-target="#modal-order-options" 183 aria-haspopup="dialog" 184 style="min-height: 44px" 185> 186 <span class="visually-hidden">Order type: </span> 187 <div class="d-flex align-items-baseline gap-2"> 188 <div class="otype-name-label eds-copy-text-l-bold text-truncate" style="flex: 1" data-order-type-label> 189 Select Order Type </div> 190 191 <i class="fa fa-fw fa-caret-down"></i> 192 </div> 193 194 <div 195 class="otype-picker-label otype-address-label eds-interface-text-m-regular text-truncate hidden" 196 > 197 </div> 198</button> 199
200<script> 201 $(function() { 202 var $autoCompleteInputs = $('[data-autocomplete-address]'); 203 if ($autoCompleteInputs && $autoCompleteInputs.length) { 204 $autoCompleteInputs.each(function() { 205 let $input = $(this); 206 let $deliveryAddressContainer = $input.parents('.deliveryAddressContainer').first(); 207 $input.autocomplete({ 208 source : addressAC, 209 minLength: 3, 210 delay : 300, 211 select : function(event, ui) { 212 $.getJSON('/' + UrlTag + '/?form=addresslookup', { 213 id: ui.item.id, 214 }, function(data) { 215 let location = data 216 if (location.address.street.endsWith('Trl')) { 217 location.address.street = location.address.street.replace('Trl', 'Trail') 218 } 219 let autoCompleteSuccess = $input.data('autocomplete-success'); 220 if (autoCompleteSuccess) { 221 let autoCompleteSuccessFunction = window[autoCompleteSuccess]; 222 if (typeof autoCompleteSuccessFunction == "function") { 223 autoCompleteSuccessFunction(location); 224 } 225 } 226 227 let address = location.address 228 229 $('#add-address-city, [data-autocompleted-city]').val(address.city) 230 $('#add-address-state, [data-autocompleted-state]').val(address.stateCode) 231 $('#add-address-zip, [data-autocompleted-zip]').val(address.postalCode) 232 $('#add-address-latitude, [data-autocompleted-latitude]').val(location.position.lat) 233 $('#add-address-longitude, [data-autocompleted-longitude]').val(location.position.lng) 234 let streetAddress = (address.houseNumber || '') + ' ' + (address.street || ''); 235 $('#street-address-1, [data-autocompleted-street-address]').val(streetAddress) 236 validateAddress($deliveryAddressContainer); 237 }) 238 }, 239 }) 240 $input.attr('autocomplete', 'street-address') 241 }); 242 } 243 244 // autocomplete using Address autocomplete 245 // jquery autocomplete needs 2 fields: title and value 246 // id holds the LocationId which can be used at a later stage to get the coordinate of the selected choice 247 function addressAC(query, callback) { 248 //we don't actually want to search until they've entered the street number and at least one character 249 words = query.term.trim().split(' ') 250 if (words.length < 2) { 251 return false 252 } 253 254 $.getJSON('/' + UrlTag + '/?form=addresssuggest', { q: query.term }, function(data) { 255 var addresses = data.items 256 addresses = addresses.map(addr => { 257 if ((addr.address.label || '').endsWith('Trl')) { 258 addr.address.label = addr.address.label.replace('Trl', 'Trail') 259 } 260 let streetAddress = (addr.address.label || '') 261 return { 262 label: streetAddress, 263 value: streetAddress, 264 id : addr.id, 265 } 266 }) 267 268 return callback(addresses) 269 }) 270 } 271 272 $('[data-address-from-current-loc]').on('click', function(e) { 273 let $streetAddressContainer = $(this).parents('.street-address-container').first(); 274 let $deliveryAddressContainer = $(this).parents('.deliveryAddressContainer').first(); 275 e.preventDefault(); 276 if(navigator.geolocation) { 277 navigator.geolocation.getCurrentPosition(position => { 278 $.getJSON('/' + UrlTag + '/?form=addresssuggest', { 279 at: position.coords.latitude + "," + position.coords.longitude 280 }, function(data) { 281 let location = data.items[0]; 282 let address = location.address 283 $streetAddressContainer.find('.input-street-address').val((address.houseNumber ? address.houseNumber : '') + ' ' + (address.street ? address.street : '')); 284 $('#add-address-city').val(address.city ? address.city : ''); 285 $('#add-address-state').val(address.state ? address.state : ''); 286 $('#add-address-zip').val(address.postalCode ? address.postalCode : ''); 287 $('#add-address-latitude').val(location.position.lat ? location.position.lat : ''); 288 $('#add-address-longitude').val(location.position.lng ? location.position.lng : ''); 289 validateAddress($deliveryAddressContainer, 0); 290 }); 291 }); 292 } else { 293 alert("Geolocation is not supported by this browser!"); 294 } 295 }); 296 }); 297 298 function autoCompleteSuccess(location) 299 { 300 if (location && location.address) { 301 let address = location.address 302 303 let streetAddress = (address.houseNumber || '') + ' ' + (address.street || ''); 304 $.ajax({
305 url: '/' + UrlTag + '/?form=saveformfields', 306 data: { 307 'param_full~address_s_n_255': streetAddress + ', ' + address.city + ', ' + address.state, 308 'param_street~address_s_n_255': streetAddress, 309 'param_city_s_n_90': address.city, 310 'param_state_s_n_2': address.state, 311 'param_zip~code_z_n_10': address.postalCode, 312 } 313 }); 314 } 315 } 316</script>
316 317 </div> 318 319 <div class="when showcheck_parent"> 320 <div class="ordertimetypes "> 321 <button 322 type="button" 323 class="border-0 bg-transparent text-start loadable-content" 324 data-bs-toggle="modal" 325 data-bs-target="#modal-order-time" 326 aria-haspopup="dialog" 327 style="min-height: 44px" 328 data-change-label-to-later-date 329 > 330 <span class="visually-hidden">Order time: </span> 331 <div class="d-flex align-items-baseline gap-2"> 332 <div class="eds-copy-text-l-bold text-truncate flex-fill" data-otype-time-day> 333 Select Time 334 </div> 335 336 <i class="fa fa-fw fa-caret-down"></i> 337 </div> 338 339 <div 340 class="otype-picker-label otype-picker-time eds-interface-text-m-regular text-truncate hidden" 341 data-otype-time 342 > 343 <span class="visually-hidden">at</span> 344 Later </div> 345 </button> 346</div> 347 </div> 348 </div> 349 350 <div class="position-absolute top-0 end-0 p-2"> 351 352 <div id="login-status" > 353 <button class="eds_button btn btn-outline px-2 text-nowrap" aria-label="Log in" style="color: currentColor" data-bs-toggle="modal" data-bs-target="#login-modal" type="button"><i class="eds_icon fa fa-lg fa-user-circle d-block d-lg-none" style="" aria-hidden="true"></i> <div class="d-none d-lg-flex align-items-baseline gap-2"><i class="eds_icon fa fa-user-circle" style="" aria-hidden="true"></i><div class="profile-container text-truncate">Log in</div></div></button> </div> 354 355 </div> 356 </div> 357 358 359 <div data-eds-id="6ac31cee644aa" 360 class="eds_side_menu offcanvas offcanvas-start " 361 tabindex="-1" 362 aria-label="Side navigation" 363 id="side-menu" data-event-on:menu_selected="this.dispatchEvent(new CustomEvent('eds.hide'))" data-event-on:category_selected="this.dispatchEvent(new CustomEvent('eds.hide'))" > 364 365 <div class="eds_side_menu-body offcanvas-body d-flex flex-column pt-0 px-0 css-scroll" style="padding-bottom: 115px; scroll-padding-bottom: 115px;"> 366 <div 367 class="eds_side_menu-close position-absolute top-0 end-0 pt-3 pe-3 " 368 style="z-index: 1" 369 > 370 <button data-bs-dismiss="offcanvas" data-bs-target="[data-eds-id="6ac31cee644aa"]" aria-label="Close" class="eds_button btn btn-outline-secondary eds_button--shape-circle" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 371 372 <nav aria-labelledby="header-navigation-title"> 373 <h2 id="header-navigation-title" class="eds-display-text-title-m m-0 p-3">Pages</h2> 374<ul class="eds_list eds_list--border-none border-bottom"> 375 <li class="eds_list-item"> 376 <a class="d-block p-3 active" href="https://www.maplestarpa.com" aria-current="page"> 377 Home </a> 378 </li> 379 380 <li class="eds_list-item"> 381 <a 382 class="d-block p-3 " 383 href="https://www.maplestarpa.com/order" 384 aria-current="false" 385 > 386 Menu </a> 387 </li> 388 389 390 <li class="eds_list-item"> 391 <a class="d-block p-3 " href="https://www.maplestarpa.com/page/delivery-info" aria-current="false"> 392 Delivery Info </a> 393 </li> 394 395 <li class="eds_list-item"> 396 <a class="d-block p-3 " href="https://www.maplestarpa.com/locationinfo" aria-current="false"> 397 Location & Hours </a> 398 </li> 399 400 <li class="eds_list-item"> 401 <a class="d-block p-3 " href="https://www.maplestarpa.com/contact" aria-current="false"> 402 Contact 403 </a> 404 </li> 405</ul> 406 </nav> 407 408 409 <div class="border-bottom border-light p-3"> 410 411 412 <details 413 class="eds_list eds_list--border-none" open data-menu-id="12644" 414 data-event-on:document_ready="this.open = localStorage.getItem('menu-open-12644') !== 'false'" 415 onclick="localStorage.setItem('menu-open-12644', !this.open)" 416 > 417 <summary class="eds-copy-text-l-regular list-unstyled rounded-3 mb-1 " tabindex="0"> 418 <h2 class="eds-display-text-title-m m-0 p-0"> 419 <i class="eds_icon fas fa-chevron-right" style="" aria-hidden="true"></i> Menu <span class="sr-only">25 categories</span> 420 </h2> 421 </summary> 422 <div class="mb-3"></div> 423 424 425 <a 426 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 427 data-event-on:category_pinned="(category) => { 428 const isCurrent = category.id === '161694'; 429 $(this).toggleClass('active', isCurrent); 430 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 431 }" 432 href="https://www.maplestarpa.com/order/main/special-platter" 433 aria-current="false" 434 onclick="if (!event.ctrlKey) { 435 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 436 if (currentMenuIsActive) { 437 app.event.emit('category_selected', { id: '161694' }); 438 } else { 439 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161694' }); 440 } 441 }" 442 > 443 Special Platter<span class="sr-only"> menu category</span> 444 <span class="ms-auto">17<span class="sr-only"> items available</span></span> 445 </a> 446 <a 447 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 448 data-event-on:category_pinned="(category) => { 449 const isCurrent = category.id === '161677'; 450 $(this).toggleClass('active', isCurrent); 451 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 452 }" 453 href="https://www.maplestarpa.com/order/main/appetizers" 454 aria-current="false" 455 onclick="if (!event.ctrlKey) { 456 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 457 if (currentMenuIsActive) { 458 app.event.emit('category_selected', { id: '161677' }); 459 } else { 460 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161677' }); 461 } 462 }" 463 > 464 Appetizers<span class="sr-only"> menu category</span> 465 <span class="ms-auto">20<span class="sr-only"> items available</span></span> 466 </a> 467 <a 468 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 469 data-event-on:category_pinned="(category) => { 470 const isCurrent = category.id === '161678'; 471 $(this).toggleClass('active', isCurrent); 472 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 473 }" 474 href="https://www.maplestarpa.com/order/main/soup" 475 aria-current="false" 476 onclick="if (!event.ctrlKey) { 477 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 478 if (currentMenuIsActive) { 479 app.event.emit('category_selected', { id: '161678' }); 480 } else { 481 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161678' }); 482 } 483 }" 484 > 485 Soup<span class="sr-only"> menu category</span> 486 <span class="ms-auto">8<span class="sr-only"> items available</span></span> 487 </a> 488 <a 489 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 490 data-event-on:category_pinned="(category) => { 491 const isCurrent = category.id === '161679'; 492 $(this).toggleClass('active', isCurrent); 493 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 494 }" 495 href="https://www.maplestarpa.com/order/main/fried-rice" 496 aria-current="false" 497 onclick="if (!event.ctrlKey) { 498 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 499 if (currentMenuIsActive) { 500 app.event.emit('category_selected', { id: '161679' }); 501 } else { 502 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161679' }); 503 } 504 }" 505 > 506 Fried Rice<span class="sr-only"> menu category</span> 507 <span class="ms-auto">12<span class="sr-only"> items available</span></span> 508 </a> 509 <a 510 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 511 data-event-on:category_pinned="(category) => { 512 const isCurrent = category.id === '161680'; 513 $(this).toggleClass('active', isCurrent); 514 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 515 }" 516 href="https://www.maplestarpa.com/order/main/lo-mein" 517 aria-current="false" 518 onclick="if (!event.ctrlKey) { 519 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 520 if (currentMenuIsActive) { 521 app.event.emit('category_selected', { id: '161680' }); 522 } else { 523 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161680' }); 524 } 525 }" 526 > 527 Lo Mein<span class="sr-only"> menu category</span> 528 <span class="ms-auto">7<span class="sr-only"> items available</span></span> 529 </a> 530 <a 531 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 532 data-event-on:category_pinned="(category) => { 533 const isCurrent = category.id === '161681'; 534 $(this).toggleClass('active', isCurrent); 535 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 536 }" 537 href="https://www.maplestarpa.com/order/main/yat-gaw-mein" 538 aria-current="false" 539 onclick="if (!event.ctrlKey) { 540 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 541 if (currentMenuIsActive) { 542 app.event.emit('category_selected', { id: '161681' }); 543 } else { 544 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161681' }); 545 } 546 }" 547 > 548 Yat Gaw Mein<span class="sr-only"> menu category</span> 549 <span class="ms-auto">7<span class="sr-only"> items available</span></span> 550 </a> 551 <a 552 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 553 data-event-on:category_pinned="(category) => { 554 const isCurrent = category.id === '161682'; 555 $(this).toggleClass('active', isCurrent); 556 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 557 }" 558 href="https://www.maplestarpa.com/order/main/mei-fun" 559 aria-current="false" 560 onclick="if (!event.ctrlKey) { 561 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 562 if (currentMenuIsActive) { 563 app.event.emit('category_selected', { id: '161682' }); 564 } else { 565 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161682' }); 566 } 567 }" 568 > 569 Mei Fun<span class="sr-only"> menu category</span> 570 <span class="ms-auto">7<span class="sr-only"> items available</span></span> 571 </a> 572 <a 573 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 574 data-event-on:category_pinned="(category) => { 575 const isCurrent = category.id === '161683'; 576 $(this).toggleClass('active', isCurrent); 577 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 578 }" 579 href="https://www.maplestarpa.com/order/main/ho-fun" 580 aria-current="false" 581 onclick="if (!event.ctrlKey) { 582 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 583 if (currentMenuIsActive) { 584 app.event.emit('category_selected', { id: '161683' }); 585 } else { 586 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161683' }); 587 } 588 }" 589 > 590 Ho Fun<span class="sr-only"> menu category</span> 591 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 592 </a> 593 <a 594 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 595 data-event-on:category_pinned="(category) => { 596 const isCurrent = category.id === '161684'; 597 $(this).toggleClass('active', isCurrent); 598 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 599 }" 600 href="https://www.maplestarpa.com/order/main/pad-thai" 601 aria-current="false" 602 onclick="if (!event.ctrlKey) { 603 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 604 if (currentMenuIsActive) { 605 app.event.emit('category_selected', { id: '161684' }); 606 } else { 607 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161684' }); 608 } 609 }" 610 > 611 Pad Thai<span class="sr-only"> menu category</span> 612 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 613 </a> 614 <a 615 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 616 data-event-on:category_pinned="(category) => { 617 const isCurrent = category.id === '161685'; 618 $(this).toggleClass('active', isCurrent); 619 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 620 }" 621 href="https://www.maplestarpa.com/order/main/egg-foo-young" 622 aria-current="false" 623 onclick="if (!event.ctrlKey) { 624 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 625 if (currentMenuIsActive) { 626 app.event.emit('category_selected', { id: '161685' }); 627 } else { 628 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161685' }); 629 } 630 }" 631 > 632 Egg Foo Young<span class="sr-only"> menu category</span> 633 <span class="ms-auto">7<span class="sr-only"> items available</span></span> 634 </a> 635 <a 636 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 637 data-event-on:category_pinned="(category) => { 638 const isCurrent = category.id === '161686'; 639 $(this).toggleClass('active', isCurrent); 640 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 641 }" 642 href="https://www.maplestarpa.com/order/main/pork" 643 aria-current="false" 644 onclick="if (!event.ctrlKey) { 645 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 646 if (currentMenuIsActive) { 647 app.event.e
647mit('category_selected', { id: '161686' }); 648 } else { 649 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161686' }); 650 } 651 }" 652 > 653 Pork<span class="sr-only"> menu category</span> 654 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 655 </a> 656 <a 657 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 658 data-event-on:category_pinned="(category) => { 659 const isCurrent = category.id === '161687'; 660 $(this).toggleClass('active', isCurrent); 661 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 662 }" 663 href="https://www.maplestarpa.com/order/main/chicken" 664 aria-current="false" 665 onclick="if (!event.ctrlKey) { 666 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 667 if (currentMenuIsActive) { 668 app.event.emit('category_selected', { id: '161687' }); 669 } else { 670 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161687' }); 671 } 672 }" 673 > 674 Chicken<span class="sr-only"> menu category</span> 675 <span class="ms-auto">21<span class="sr-only"> items available</span></span> 676 </a> 677 <a 678 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 679 data-event-on:category_pinned="(category) => { 680 const isCurrent = category.id === '161688'; 681 $(this).toggleClass('active', isCurrent); 682 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 683 }" 684 href="https://www.maplestarpa.com/order/main/beef" 685 aria-current="false" 686 onclick="if (!event.ctrlKey) { 687 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 688 if (currentMenuIsActive) { 689 app.event.emit('category_selected', { id: '161688' }); 690 } else { 691 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161688' }); 692 } 693 }" 694 > 695 Beef<span class="sr-only"> menu category</span> 696 <span class="ms-auto">13<span class="sr-only"> items available</span></span> 697 </a> 698 <a 699 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 700 data-event-on:category_pinned="(category) => { 701 const isCurrent = category.id === '161689'; 702 $(this).toggleClass('active', isCurrent); 703 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 704 }" 705 href="https://www.maplestarpa.com/order/main/seafood" 706 aria-current="false" 707 onclick="if (!event.ctrlKey) { 708 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 709 if (currentMenuIsActive) { 710 app.event.emit('category_selected', { id: '161689' }); 711 } else { 712 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161689' }); 713 } 714 }" 715 > 716 Seafood<span class="sr-only"> menu category</span> 717 <span class="ms-auto">13<span class="sr-only"> items available</span></span> 718 </a> 719 <a 720 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 721 data-event-on:category_pinned="(category) => { 722 const isCurrent = category.id === '161690'; 723 $(this).toggleClass('active', isCurrent); 724 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 725 }" 726 href="https://www.maplestarpa.com/order/main/vegetable" 727 aria-current="false" 728 onclick="if (!event.ctrlKey) { 729 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 730 if (currentMenuIsActive) { 731 app.event.emit('category_selected', { id: '161690' }); 732 } else { 733 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161690' }); 734 } 735 }" 736 > 737 Vegetable<span class="sr-only"> menu category</span> 738 <span class="ms-auto">10<span class="sr-only"> items available</span></span> 739 </a> 740 <a 741 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 742 data-event-on:category_pinned="(category) => { 743 const isCurrent = category.id === '161696'; 744 $(this).toggleClass('active', isCurrent); 745 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 746 }" 747 href="https://www.maplestarpa.com/order/main/combination-platters" 748 aria-current="false" 749 onclick="if (!event.ctrlKey) { 750 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 751 if (currentMenuIsActive) { 752 app.event.emit('category_selected', { id: '161696' }); 753 } else { 754 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161696' }); 755 } 756 }" 757 > 758 Combination Platters<span class="sr-only"> menu category</span> 759 <span class="ms-auto">29<span class="sr-only"> items available</span></span> 760 </a> 761 <a 762 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 763 data-event-on:category_pinned="(category) => { 764 const isCurrent = category.id === '161693'; 765 $(this).toggleClass('active', isCurrent); 766 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 767 }" 768 href="https://www.maplestarpa.com/order/main/diet-menu" 769 aria-current="false" 770 onclick="if (!event.ctrlKey) { 771 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 772 if (currentMenuIsActive) { 773 app.event.emit('category_selected', { id: '161693' }); 774 } else { 775 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161693' }); 776 } 777 }" 778 > 779 Diet Menu<span class="sr-only"> menu category</span> 780 <span class="ms-auto">7<span class="sr-only"> items available</span></span> 781 </a> 782 <a 783 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 784 data-event-on:category_pinned="(category) => { 785 const isCurrent = category.id === '161691'; 786 $(this).toggleClass('active', isCurrent); 787 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 788 }" 789 href="https://www.maplestarpa.com/order/main/chefs-special" 790 aria-current="false" 791 onclick="if (!event.ctrlKey) { 792 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 793 if (currentMenuIsActive) { 794 app.event.emit('category_selected', { id: '161691' }); 795 } else { 796 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161691' }); 797 } 798 }" 799 > 800 Chef's Special<span class="sr-only"> menu category</span> 801 <span class="ms-auto">14<span class="sr-only"> items available</span></span> 802 </a> 803 <a 804 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 805 data-event-on:category_pinned="(category) => { 806 const isCurrent = category.id === '161697'; 807 $(this).toggleClass('active', isCurrent); 808 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 809 }" 810 href="https://www.maplestarpa.com/order/main/japanese-appetizers" 811 aria-current="false" 812 onclick="if (!event.ctrlKey) { 813 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 814 if (currentMenuIsActive) { 815 app.event.emit('category_selected', { id: '161697' }); 816 } else { 817 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161697' }); 818 } 819 }" 820 > 821 Japanese Appetizers<span class="sr-only"> menu category</span> 822 <span class="ms-auto">5<span class="sr-only"> items available</span></span> 823 </a> 824 <a 825 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 826 data-event-on:category_pinned="(category) => { 827 const isCurrent = category.id === '161698'; 828 $(this).toggleClass('active', isCurrent); 829 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 830 }" 831 href="https://www.maplestarpa.com/order/main/japanese-hibachi" 832 aria-current="false" 833 onclick="if (!event.ctrlKey) { 834 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 835 if (currentMenuIsActive) { 836 app.event.emit('category_selected', { id: '161698' }); 837 } else { 838 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161698' }); 839 } 840 }" 841 > 842 Japanese Hibachi<span class="sr-only"> menu category</span> 843 <span class="ms-auto">12<span class="sr-only"> items available</span></span> 844 </a> 845 <a 846 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 847 data-event-on:category_pinned="(category) => { 848 const isCurrent = category.id === '161699'; 849 $(this).toggleClass('active', isCurrent); 850 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 851 }" 852 href="https://www.maplestarpa.com/order/main/japanese-udon-soup" 853 aria-current="false" 854 onclick="if (!event.ctrlKey) { 855 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 856 if (currentMenuIsActive) { 857 app.event.emit('category_selected', { id: '161699' }); 858 } else { 859 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161699' }); 860 } 861 }" 862 > 863 Japanese Udon Soup<span class="sr-only"> menu category</span> 864 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 865 </a> 866 <a 867 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 868 data-event-on:category_pinned="(category) => { 869 const isCurrent = category.id === '161700'; 870 $(this).toggleClass('active', isCurrent); 871 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 872 }" 873 href="https://www.maplestarpa.com/order/main/japanese-udon" 874 aria-current="false" 875 onclick="if (!event.ctrlKey) { 876 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 877 if (currentMenuIsActive) { 878 app.event.emit('category_selected', { id: '161700' }); 879 } else { 880 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161700' }); 881 } 882 }" 883 > 884 Japanese Udon<span class="sr-only"> menu category</span> 885 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 886 </a> 887 <a 888 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 889 data-event-on:category_pinned="(category) => { 890 const isCurrent = category.id === '161702'; 891 $(this).toggleClass('active', isCurrent); 892 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 893 }" 894 href="https://www.maplestarpa.com/order/main/japanese-side-order" 895 aria-current="false" 896 onclick="if (!event.ctrlKey) { 897 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 898 if (currentMenuIsActive) { 899 app.event.emit('category_selected', { id: '161702' }); 900 } else { 901 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161702' }); 902 } 903 }" 904 > 905 Japanese Side Order<span class="sr-only"> menu category</span> 906 <span class="ms-auto">3<span class="sr-only"> items available</span></span> 907 </a> 908 <a 909 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 910 data-event-on:category_pinned="(category) => { 911 const isCurrent = category.id === '161703'; 912 $(this).toggleClass('active', isCurrent); 913 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 914 }" 915 href="https://www.maplestarpa.com/order/main/lunch-special" 916 aria-current="false" 917 onclick="if (!event.ctrlKey) { 918 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 919 if (currentMenuIsActive) { 920 app.event.emit('category_selected', { id: '161703' }); 921 } else { 922 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161703' }); 923 } 924 }" 925 > 926 Lunch Special<span class="sr-only"> menu category</span> 927 <span class="ms-auto">0<span class="sr-only"> items available</span></span> 928 </a> 929 <a 930 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 931 data-event-on:category_pinned="(category) => { 932 const isCurrent = category.id === '161705'; 933 $(this).toggleClass('active', isCurrent); 934 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 935 }" 936 href="https://www.maplestarpa.com/order/main/beverages" 937 aria-current="false" 938 onclick="if (!event.ctrlKey) { 939 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 940 if (currentMenuIsActive) { 941 app.event.emit('category
941_selected', { id: '161705' }); 942 } else { 943 app.event.emit('menu_selected', { menu_id: '12644', menu_description: "Please note: requests for additional items or special preparation may incur an <b>extra charge<\/b> not calculated on your online order.", category_id: '161705' }); 944 } 945 }" 946 > 947 Beverages<span class="sr-only"> menu category</span> 948 <span class="ms-auto">10<span class="sr-only"> items available</span></span> 949 </a> 950 </details> 951 952 </div> 953 954 955 <div class="restaurant-info border-top border-light p-3 position-absolute bottom-0 left-0 w-100"> 956 <h2 class="eds-display-text-title-xs mb-0 me-2 pe-4"><span class="sr-only">Location: You're currently ordering from </span>Maple Star - Philly</h2> 957 958 <address class="eds-copy-text-s-regular mb-0"> 959 1521 Cecil B. Moore Ave Philadelphia, PA 19121 </address> 960 </div> 961 962 <div class="eds-copy-text-s-regular p-3 d-lg-none"> 963 <h2 class="eds-display-text-title-m m-0 pb-3">Additional info</h2> 964 <ul class="list-unstyled" aria-label="App store links"> 965 <li><a href="https://play.google.com/store/apps/details?id=com.chinesemenuonline.maplestarphilly"><span class="sr-only">Download from the Google Play Store</span><img src="/web/default4.0/images/google-play-badge.svg" alt="" aria-hidden="true"></a></li> 966 </ul> 967 968 969<div>© 2026 Online Ordering by <a href="http://chinesemenuonline.com">Chinese Menu Online</a></div> 970 <div>Plan your next meal with <a href="https://www.springroll.com" target="_blank" title="Opens in new tab" >Springroll</a>'s Chinese recommendations</div> 971 972<ul class="list-unstyled mb-0 pt-3" aria-label="Legal and support"> 973 <li><a href="https://www.maplestarpa.com/reportbug">Technical Support</a></li> 974 <li><a href="https://www.maplestarpa.com/privacy">Privacy Policy</a></li> 975 <li><a href="https://www.maplestarpa.com/tos">Terms of Service</a></li> 976 <li><a href="https://www.maplestarpa.com/accessibility">Accessibility</a></li> 977</ul> 978 979This site is protected by reCAPTCHA and <a href="https://policies.google.com/privacy">Google's Privacy Policy</a> and <a href="https://policies.google.com/terms">Google's Terms of Service</a> apply. 980 </div> </div> 981 982
982<script> 983 { 984 const container = document.querySelector('[data-eds-id="6ac31cee644aa"]'); 985 986 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 987 container.addEventListener(`eds.${eventName}`, (e) => { 988 bootstrap.Offcanvas.getOrCreateInstance(container)[eventName]( 989 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 990 ); 991 }); 992 }); 993 } 994 </script>
994 995 </div> 996 997 </header> 998 </div> 999 1000 <aside class="container p-0" style="grid-area: hero" aria-labelledby="hero-section-title"> 1001 <section class="hero"> 1002 <div class="home_hero backbgbox position-relative"> 1003 <div class="logo"> 1004 <a class="logo-image" href="https://www.maplestarpa.com" aria-current="page" > 1005 <img 1006 src="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public" 1007 srcset="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public 1x, https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/fded1a50-3eda-413c-50f5-2ef320d31600/public 2x" alt="Go to Home" 1008 onerror="this.closest('.logo').style.setProperty('display', 'none', 'important')" 1009 /> 1010 </a> 1011 </div> 1012 </div> 1013 1014 <div class="p-3"> 1015 <div class="pb-1"> 1016 <h1 id="hero-section-title" class="eds-display-text-title-s m-0 p-0">Maple Star - Philly</h1> 1017 </div> 1018 1019 <div class="d-sm-flex align-items-baseline"> 1020 <div class="mt-2"> 1021 1022 <span 1023 class="eds_label eds_label--variant-error eds-interface-text-m-bold me-1 text-nowrap" 1024 > 1025 Closed </span> 1026 1027 Opens October 5th at 12:00PM </div> 1028 1029 <div class="d-flex gap-2 ms-sm-auto mt-2"> 1030 1031 <a 1032 class="eds_button btn btn-outline-secondary btn-sm col text-nowrap" 1033 href="https://www.maplestarpa.com/locationinfo?lid=10022" 1034 > 1035 <i class="eds_icon fa fa-info-circle" style="" aria-hidden="true"></i> Store info </a> 1036 1037 1038 1039 <a 1040 class="eds_button btn btn-outline-secondary btn-sm col d-lg-none text-nowrap" 1041 href="tel:(215) 236-6800" 1042 > 1043 <i class="eds_icon fa fa-phone" style="" aria-hidden="true"></i> Call us </a> 1044 1045 1046 </div> 1047 </div> 1048 </div> 1049 </section> 1050 </aside> 1051 1052 1053 1054 <!-- Header ends --> 1055 1056 1057 <main id="main" class="main_content pb-6 pb-lg-0"> 1058 <section class="container home_welcome"> 1059 <div class="row"> 1060 <div class="col-lg-12"> 1061 <div class="custom-content" style="max-width:600px;margin:auto;"> 1062 <h1>Welcome to Maple Star - Philly</h1> 1063 1064<div style="color:#555555;font-size:1.2em;font-weight:bolder;">Oct 04, 2026</div> 1065 1066<p>Maple Star Restaurant offers authentic and delicious tasting Chinese & Japanese cuisine in Philadelphia, PA.  Maple Star's convenient location and affordable prices make our restaurant a natural choice for eat-in or take-out meals in the Philadelphia community. Our restaurant is known for its variety in taste and high quality fresh ingredients. Come and experience our friendly atmosphere and excellent service.</p> 1067 1068<h2>No Registration Required. Order Online!</h2> 1069 1070<p>Start ordering online by clicking the button below. Simply select the menu items you want, add them to your cart and checkout. Your order will be sent to the restaurant and will be ready at the time you specify. It's that easy!</p> </div> 1071 <div style="text-align: center;"> 1072 <a href="https://www.maplestarpa.com/order" class="btn btn-primary btn-lg mt-4 d-none d-lg-inline-block" role="button" id="order-button-desktop">Start a new order</a> 1073 </div> 1074 </div> 1075 1076 1077 <div class="fixed_submit d-lg-none p-3 pwa-pb-md-down" data-fixed-cta> 1078 <a href="https://www.maplestarpa.com/order" class="btn btn-primary btn-lg w-100" role="button">Start a new order</a> 1079 </div> 1080 </div> 1081 </section> 1082 </main> 1083 1084<footer class="footer bg-white" style="grid-area: footer"> 1085 <div class="container"> 1086 <div class="social_wrapper"> 1087 <div class="social_links"> 1088 </div> 1089 <div class="d_app"> 1090 <ul> 1091 <li><a href="https://play.google.com/store/apps/details?id=com.chinesemenuonline.maplestarphilly"><span class="sr-only">Download from the Google Play Store</span><img src="/web/default4.0/images/google-play-badge.svg" alt="Get it on Google Play" aria-hidden="true"></a></li> 1092 </ul> 1093 </div> 1094 </div> 1095 1096 <div class="d-flex flex-wrap justify-content-between gap-2 mt-2" style="--bs-link-color: var(--bs-body-color); --bs-link-hover-color: var(--bs-gray-dark)"> 1097 <ul class="list-unstyled d-flex gap-3 mb-0 eds-interface-text-l-regular"> 1098 <li><a class="text-decoration-none" href="https://www.maplestarpa.com" aria-current="page">Home</a></li> 1099 <li><a class="text-decoration-none" href="https://www.maplestarpa.com/order" aria-current="false">Menu</a></li> 1100 <li> 1101 <a class="text-decoration-none" href="https://www.maplestarpa.com/page/delivery-info" aria-current="false">Delivery Info</a> 1102 </li> 1103 <li><a class="text-decoration-none" href="https://www.maplestarpa.com/locationinfo" aria-current="false">Location & Hours</a></li> 1104 <li><a class="text-decoration-none" href="https://www.maplestarpa.com/contact" aria-current="false">Contact</a></li> 1105 </ul> 1106 1107 <ul class="list-unstyled d-flex mb-0 eds-interface-text-m-regular"> 1108 <li class="bullet-separated"><a href="https://www.maplestarpa.com/reportbug" class="errorLink">Technical Support</a></li> 1109 <li class="bullet-separated"><a href="https://www.maplestarpa.com/privacy">Privacy Policy</a></li> 1110 <li class="bullet-separated"><a href="https://www.maplestarpa.com/tos">Terms of Service</a></li> 1111 <li class="bullet-separated"><a href="https://www.maplestarpa.com/accessibility">Accessibility</a></li> 1112 </ul> 1113 </div> 1114 1115 <div class="d-flex justify-content-between gap-3 border-top mt-3 pt-3" style="--bs-link-color: var(--bs-body-color); --bs-link-hover-color: var(--bs-gray-dark)"> 1116 <p class="eds-copy-text-m-regular"> 1117 This site is protected by reCAPTCHA and <a href="https://policies.google.com/privacy">Google's Privacy Policy</a> and <a href="https://policies.google.com/terms">Google's Terms of Service</a> apply. 1118 </p> 1119 1120 <p class="eds-copy-text-m-regular text-end"> 1121 © 2026 Online Ordering by <a href="http://chinesemenuonline.com">Chinese Menu Online</a> <br>Plan your next meal with <a href="https://www.springroll.com" target="_blank" title="Opens in new tab" >Springroll</a>'s Chinese recommendations </p> 1122 </div> 1123 </div> 1124</footer> 1125<!-- footer ends --> 1126 1127 1128</div> 1129<!-- wrapper ends --> 1130 1131 1132 1133 <div 1134 data-eds-id="6ac31cee665a6" 1135 class="eds_dialog modal fade " 1136 tabindex="-1" 1137 aria-labelledby="eds-dialog-title-6ac31cee665a6" 1138 aria-hidden="true" 1139 id="forgot-password-modal" >
1140 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1141 <div class="modal-content "> 1142 1143 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1144 <h2 id="eds-dialog-title-6ac31cee665a6" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1145 Forgot Password </h2> 1146 1147 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1148 1149 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular "> 1150 <form 1151 id="forgot-password-form" 1152 name="forgot-password" 1153 data-async-on-submit 1154 method="post" 1155 action="https://www.maplestarpa.com/auth/forgotpassword" 1156 data-async-block="#forgot-password-modal .modal-content" 1157 data-async-target="#forgot-password-modal .eds_dialog-body" 1158 data-async-recaptcha 1159 novalidate 1160 > 1161 1162 1163 <label 1164 data-eds-id="6ac31cee6656e" 1165 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1166 > 1167 <div class="eds_formfield-label"> 1168 Your email <span aria-hidden="true">*</span> </div> 1169 1170 <div class="position-relative d-flex flex-column"> 1171 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1172 1173 <input 1174 type="email" 1175 class="eds-copy-text-l-regular " 1176 placeholder=" " name="email" autocomplete="email" required value="" /> 1177 1178 1179 1180 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1181 </div> 1182 1183 1184
1184<script> 1185 { 1186 const container = document.querySelector('[data-eds-id="6ac31cee6656e"]'); 1187 const input = container.querySelector('input, textarea, select'); 1188 const error = container.querySelector('.eds_formfield-error'); 1189 1190 1191 input.addEventListener('eds.validation.reset', () => { 1192 input.removeAttribute('data-validation'); 1193 input.setCustomValidity(''); 1194 error.innerHTML = ''; 1195 }); 1196 1197 input.addEventListener('eds.validation.hide', () => { 1198 input.removeAttribute('data-validation'); 1199 }); 1200 1201 input.addEventListener('eds.validation.success', (e) => { 1202 input.setCustomValidity(''); 1203 input.setAttribute('data-validation', ''); 1204 error.innerHTML = ''; 1205 }); 1206 1207 input.addEventListener('eds.validation.warning', (e) => { 1208 input.setCustomValidity(''); 1209 input.setAttribute('data-validation', ''); 1210 error.innerHTML = e.detail; 1211 }); 1212 1213 input.addEventListener('eds.validation.error', (e) => { 1214 input.setCustomValidity(e.detail); 1215 input.checkValidity(); input.setAttribute('data-validation', ''); 1216 }); 1217 1218 input.addEventListener('invalid', (e) => { 1219 error.innerHTML = input.validationMessage; 1220 }); 1221 1222 } 1223 </script>
1223 1224 </label> 1225 1226 1227 <button class="eds_button btn btn-primary w-100 mb-3" type="submit" form="forgot-password-form">Reset password</button> 1228 <div class="text-center"> 1229 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#login-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">< Back</button> </div> 1230 </form> </div> 1231 1232 1233 </div> 1234 </div> 1235 1236
1236<script> 1237 { 1238 const container = document.querySelector('[data-eds-id="6ac31cee665a6"]'); 1239 let edsMethodsDisabled = false; 1240 1241 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1242 container.addEventListener(`eds.${eventName}`, (e) => { 1243 if (edsMethodsDisabled) return; 1244 1245 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1246 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1247 ); 1248 }); 1249 }); 1250 1251 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1252 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1253 if (edsMethodsDisabled) return; 1254 1255 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1256 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1257 edsMethodsDisabled = false; 1258 }); 1259 }); 1260 1261 1262 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1263 container.addEventListener(eventName, () => { 1264 const autofocusInput = container.querySelector('[autofocus]'); 1265 if (autofocusInput) { 1266 container.style.display = 'block'; 1267 autofocusInput.focus(); 1268 } 1269 }); 1270 }); 1271 1272 } 1273 </script>
1273 1274 </div> 1275 1276 1277 <div 1278 data-eds-id="6ac31cee668c4" 1279 class="eds_dialog modal fade " 1280 tabindex="-1" 1281 aria-labelledby="eds-dialog-title-6ac31cee668c4" 1282 aria-hidden="true" 1283 id="login-modal" > 1284 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1285 <div class="modal-content "> 1286 1287 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1288 <h2 id="eds-dialog-title-6ac31cee668c4" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1289 Log in </h2> 1290 1291 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1292 1293 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular "> 1294 <form 1295 id="login-form" 1296 name="login" 1297 data-async-on-submit 1298 method="post" 1299 action="https://www.maplestarpa.com/auth" 1300 data-async-block="#login-modal .modal-content" 1301 data-async-target="#login-modal .eds_dialog-body" 1302 data-async-then="document.querySelector('#login-modal').dispatchEvent(new CustomEvent('eds.hide'))" 1303 data-async-recaptcha 1304 novalidate 1305 > 1306 1307 1308 <label 1309 data-eds-id="6ac31cee667c8" 1310 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1311 > 1312 <div class="eds_formfield-label"> 1313 Your email <span aria-hidden="true">*</span> </div> 1314 1315 <div class="position-relative d-flex flex-column"> 1316 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1317 1318 <input 1319 type="email" 1320 class="eds-copy-text-l-regular " 1321 placeholder=" " name="email" autocomplete="username" required value="" /> 1322 1323 1324 1325 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1326 </div> 1327 1328 1329
1329<script> 1330 { 1331 const container = document.querySelector('[data-eds-id="6ac31cee667c8"]'); 1332 const input = container.querySelector('input, textarea, select'); 1333 const error = container.querySelector('.eds_formfield-error'); 1334 1335 1336 input.addEventListener('eds.validation.reset', () => { 1337 input.removeAttribute('data-validation'); 1338 input.setCustomValidity(''); 1339 error.innerHTML = ''; 1340 }); 1341 1342 input.addEventListener('eds.validation.hide', () => { 1343 input.removeAttribute('data-validation'); 1344 }); 1345 1346 input.addEventListener('eds.validation.success', (e) => { 1347 input.setCustomValidity(''); 1348 input.setAttribute('data-validation', ''); 1349 error.innerHTML = ''; 1350 }); 1351 1352 input.addEventListener('eds.validation.warning', (e) => { 1353 input.setCustomValidity(''); 1354 input.setAttribute('data-validation', ''); 1355 error.innerHTML = e.detail; 1356 }); 1357 1358 input.addEventListener('eds.validation.error', (e) => { 1359 input.setCustomValidity(e.detail); 1360 input.checkValidity(); input.setAttribute('data-validation', ''); 1361 }); 1362 1363 input.addEventListener('invalid', (e) => { 1364 error.innerHTML = input.validationMessage; 1365 }); 1366 1367 } 1368 </script>
1368 1369 </label> 1370 1371 1372 1373 <label 1374 data-eds-id="6ac31cee667e6" 1375 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2" 1376 > 1377 <div class="eds_formfield-label"> 1378 Your password <span aria-hidden="true">*</span> </div> 1379 1380 <div class="position-relative d-flex flex-column"> 1381 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1382 1383 <input 1384 type="password" 1385 class="eds-copy-text-l-regular pe-6" 1386 data-event-on:toggle_password_6ac31cee667e6="(shown) => $(this).attr('type', shown ? 'text' : 'password')" placeholder=" " name="password" autocomplete="current-password" required value="" /> 1387 1388 1389 <button class="eds_button btn btn-outline eds_formfield-toggle_password position-absolute end-0 px-2" style="--bs-btn-bg: transparent" title="Show password" aria-label="Show password" onclick="app.event.emit('toggle_password_6ac31cee667e6', !$(this).data('password-shown'))" data-event-on:toggle_password_6ac31cee667e6="(shown) => $(this).data('password-shown', shown).attr('title', shown ? 'Hide password' : 'Show password').attr('aria-label', shown ? 'Hide password' : 'Show password')" type="button"><i class="eds_icon fas fa-sm fa-eye" style="" aria-hidden="true" data-event-on:toggle_password_6ac31cee667e6="(shown) => this.hidden = shown"></i> <i class="eds_icon fas fa-sm fa-eye-slash" style="" aria-hidden="true" data-event-on:toggle_password_6ac31cee667e6="(shown) => this.hidden = !shown" hidden></i></button> 1390 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1391 </div> 1392 1393 1394
1394<script> 1395 { 1396 const container = document.querySelector('[data-eds-id="6ac31cee667e6"]'); 1397 const input = container.querySelector('input, textarea, select'); 1398 const error = container.querySelector('.eds_formfield-error'); 1399 1400 1401 input.addEventListener('eds.validation.reset', () => { 1402 input.removeAttribute('data-validation'); 1403 input.setCustomValidity(''); 1404 error.innerHTML = ''; 1405 }); 1406 1407 input.addEventListener('eds.validation.hide', () => { 1408 input.removeAttribute('data-validation'); 1409 }); 1410 1411 input.addEventListener('eds.validation.success', (e) => { 1412 input.setCustomValidity(''); 1413 input.setAttribute('data-validation', ''); 1414 error.innerHTML = ''; 1415 }); 1416 1417 input.addEventListener('eds.validation.warning', (e) => { 1418 input.setCustomValidity(''); 1419 input.setAttribute('data-validation', ''); 1420 error.innerHTML = e.detail; 1421 }); 1422 1423 input.addEventListener('eds.validation.error', (e) => { 1424 input.setCustomValidity(e.detail); 1425 input.checkValidity(); input.setAttribute('data-validation', ''); 1426 }); 1427 1428 input.addEventListener('invalid', (e) => { 1429 error.innerHTML = input.validationMessage; 1430 }); 1431 1432 } 1433 </script>
1433 1434 </label> 1435 1436 1437 <div class="text-end mb-3"> 1438 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#forgot-password-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Forgot your password?</button> </div> 1439 1440 1441 <button class="eds_button btn btn-primary w-100 mb-3" type="submit">Log in</button> 1442 <div class="d-flex align-items-center mb-3"><hr class="flex-grow-1"><span class="mx-3 text-muted eds-interface-text-s-regular">OR</span><hr class="flex-grow-1"></div> <div class="google-signin-container text-center mb-2"> 1443 <a href="https://sso.onlineorderingsecure.com/auth/google/redirect?return_to=https%3A%2F%2Fwww.maplestarpa.com%2Fauth%2Fgoogle&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1444 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z" fill="#4285F4"/><path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z" fill="#34A853"/><path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z" fill="#FBBC05"/><path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 2.58 9 2.58Z" fill="#EA4335"/></svg> 1445 Continue with Google 1446 </a> 1447 </div> 1448 <div class="apple-signin-container text-center mb-2"> 1449 <a href="https://sso.onlineorderingsecure.com/auth/apple/redirect?return_to=https%3A%2F%2Fwww.maplestarpa.com%2Fauth%2Fapple&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1450 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.1 6.2c-.1.1-2.1 1.2-2.1 3.7 0 2.9 2.5 3.9 2.6 3.9 0 0 0 .1-.4 1.3-.6 1.5-1.7 3-2.9 3-1.3 0-1.6-.7-3.1-.7s-2 .8-3.1.8c-1.2 0-2.2-1.3-3-2.8C2 13.3 1.4 10.9 1.4 8.6c0-3.7 2.4-5.6 4.7-5.6 1.2 0 2.3.8 3 .8.7 0 1.9-.9 3.3-.9.5 0 2.4.1 3.7 1.3zM11.7 1.5c.6-.7 1-1.7 1-2.7 0-.1 0-.3 0-.4-1 0-2.1.6-2.8 1.4-.6.6-1.1 1.6-1.1 2.6 0 .2 0 .3 0 .4.1 0 .2 0 .3 0 .9 0 1.9-.6 2.6-1.3z" fill="currentColor"/></svg> 1451 Continue with Apple 1452 </a> 1453 </div> 1454 <small class="d-block mt-2 eds-interface-text-s-regular"> 1455 By continuing, you agree to our <a href="https://www.maplestarpa.com/tos" target="_blank" rel="noopener" title="Opens in new tab">Terms of Service</a> & <a href="https://www.maplestarpa.com/privacy" target="_blank" rel="noopener" title="Opens in new tab">Privacy Policy</a> and consent to receive automated promotional emails. See our <a href="https://www.maplestarpa.com/privacy#section-7-7" target="_blank" rel="noopener" title="Opens in new tab">Notice of Financial Incentive</a> regarding how we use your data for rewards and offers. 1456 </small> 1457 1458 <div class="text-center mt-3"> 1459 Don't have an account? 1460 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#register-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Sign up</button> </div> 1461 </form> </div> 1462 1463 1464 </div> 1465 </div> 1466 1467
1467<script> 1468 { 1469 const container = document.querySelector('[data-eds-id="6ac31cee668c4"]'); 1470 let edsMethodsDisabled = false; 1471 1472 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1473 container.addEventListener(`eds.${eventName}`, (e) => { 1474 if (edsMethodsDisabled) return; 1475 1476 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1477 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1478 ); 1479 }); 1480 }); 1481 1482 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1483 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1484 if (edsMethodsDisabled) return; 1485 1486 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1487 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1488 edsMethodsDisabled = false; 1489 }); 1490 }); 1491 1492 1493 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1494 container.addEventListener(eventName, () => { 1495 const autofocusInput = container.querySelector('[autofocus]'); 1496 if (autofocusInput) { 1497 container.style.display = 'block'; 1498 autofocusInput.focus(); 1499 } 1500 }); 1501 }); 1502 1503 } 1504 </script>
1504 1505 </div> 1506 1507 1508 <div 1509 data-eds-id="6ac31cee66ba7" 1510 class="eds_dialog modal fade " 1511 tabindex="-1" 1512 aria-labelledby="eds-dialog-title-6ac31cee66ba7" 1513 aria-hidden="true" 1514 id="register-modal" > 1515 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1516 <div class="modal-content "> 1517 1518 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1519 <h2 id="eds-dialog-title-6ac31cee66ba7" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1520 Sign up </h2> 1521 1522 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1523 1524 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular p-0"> 1525 <form 1526 id="register-form" 1527 name="register" 1528 data-async-on-submit 1529 method="post" 1530 action="https://www.maplestarpa.com/auth/register" 1531 data-async-block="#register-modal .modal-content" 1532 data-async-target="#register-modal .eds_dialog-body" 1533 data-async-then="document.querySelector('#register-modal').dispatchEvent(new CustomEvent('eds.hide'))" 1534 data-async-recaptcha 1535 novalidate 1536 > 1537 1538 <div class="p-3 pt-0"> 1539 1540 <label 1541 data-eds-id="6ac31cee66a5f" 1542 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1543 > 1544 <div class="eds_formfield-label"> 1545 First name <span aria-hidden="true">*</span> </div> 1546 1547 <div class="position-relative d-flex flex-column"> 1548 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1549 1550 <input 1551 type="text" 1552 class="eds-copy-text-l-regular " 1553 placeholder=" " name="firstname" autocomplete="given-name" required value="" /> 1554 1555 1556 1557 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1558 </div> 1559 1560 1561
1561<script> 1562 { 1563 const container = document.querySelector('[data-eds-id="6ac31cee66a5f"]'); 1564 const input = container.querySelector('input, textarea, select'); 1565 const error = container.querySelector('.eds_formfield-error'); 1566 1567 1568 input.addEventListener('eds.validation.reset', () => { 1569 input.removeAttribute('data-validation'); 1570 input.setCustomValidity(''); 1571 error.innerHTML = ''; 1572 }); 1573 1574 input.addEventListener('eds.validation.hide', () => { 1575 input.removeAttribute('data-validation'); 1576 }); 1577 1578 input.addEventListener('eds.validation.success', (e) => { 1579 input.setCustomValidity(''); 1580 input.setAttribute('data-validation', ''); 1581 error.innerHTML = ''; 1582 }); 1583 1584 input.addEventListener('eds.validation.warning', (e) => { 1585 input.setCustomValidity(''); 1586 input.setAttribute('data-validation', ''); 1587 error.innerHTML = e.detail; 1588 }); 1589 1590 input.addEventListener('eds.validation.error', (e) => { 1591 input.setCustomValidity(e.detail); 1592 input.checkValidity(); input.setAttribute('data-validation', ''); 1593 }); 1594 1595 input.addEventListener('invalid', (e) => { 1596 error.innerHTML = input.validationMessage; 1597 }); 1598 1599 } 1600 </script>
1600 1601 </label> 1602 1603 1604 1605 <label 1606 data-eds-id="6ac31cee66a7a" 1607 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1608 > 1609 <div class="eds_formfield-label"> 1610 Last name <span aria-hidden="true">*</span> </div> 1611 1612 <div class="position-relative d-flex flex-column"> 1613 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1614 1615 <input 1616 type="text" 1617 class="eds-copy-text-l-regular " 1618 placeholder=" " name="lastname" autocomplete="family-name" required value="" /> 1619 1620 1621 1622 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1623 </div> 1624 1625 1626
1626<script> 1627 { 1628 const container = document.querySelector('[data-eds-id="6ac31cee66a7a"]'); 1629 const input = container.querySelector('input, textarea, select'); 1630 const error = container.querySelector('.eds_formfield-error'); 1631 1632 1633 input.addEventListener('eds.validation.reset', () => { 1634 input.removeAttribute('data-validation'); 1635 input.setCustomValidity(''); 1636 error.innerHTML = ''; 1637 }); 1638 1639 input.addEventListener('eds.validation.hide', () => { 1640 input.removeAttribute('data-validation'); 1641 }); 1642 1643 input.addEventListener('eds.validation.success', (e) => { 1644 input.setCustomValidity(''); 1645 input.setAttribute('data-validation', ''); 1646 error.innerHTML = ''; 1647 }); 1648 1649 input.addEventListener('eds.validation.warning', (e) => { 1650 input.setCustomValidity(''); 1651 input.setAttribute('data-validation', ''); 1652 error.innerHTML = e.detail; 1653 }); 1654 1655 input.addEventListener('eds.validation.error', (e) => { 1656 input.setCustomValidity(e.detail); 1657 input.checkValidity(); input.setAttribute('data-validation', ''); 1658 }); 1659 1660 input.addEventListener('invalid', (e) => { 1661 error.innerHTML = input.validationMessage; 1662 }); 1663 1664 } 1665 </script>
1665 1666 </label> 1667 1668 1669 1670 <label 1671 data-eds-id="6ac31cee66a8c" 1672 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1673 > 1674 <div class="eds_formfield-label"> 1675 Email <span aria-hidden="true">*</span> </div> 1676 1677 <div class="position-relative d-flex flex-column"> 1678 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1679 1680 <input 1681 type="email" 1682 class="eds-copy-text-l-regular " 1683 placeholder=" " name="email" autocomplete="username" required value="" /> 1684 1685 1686 1687 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1688 </div> 1689 1690 1691
1691<script> 1692 { 1693 const container = document.querySelector('[data-eds-id="6ac31cee66a8c"]'); 1694 const input = container.querySelector('input, textarea, select'); 1695 const error = container.querySelector('.eds_formfield-error'); 1696 1697 1698 input.addEventListener('eds.validation.reset', () => { 1699 input.removeAttribute('data-validation'); 1700 input.setCustomValidity(''); 1701 error.innerHTML = ''; 1702 }); 1703 1704 input.addEventListener('eds.validation.hide', () => { 1705 input.removeAttribute('data-validation'); 1706 }); 1707 1708 input.addEventListener('eds.validation.success', (e) => { 1709 input.setCustomValidity(''); 1710 input.setAttribute('data-validation', ''); 1711 error.innerHTML = ''; 1712 }); 1713 1714 input.addEventListener('eds.validation.warning', (e) => { 1715 input.setCustomValidity(''); 1716 input.setAttribute('data-validation', ''); 1717 error.innerHTML = e.detail; 1718 }); 1719 1720 input.addEventListener('eds.validation.error', (e) => { 1721 input.setCustomValidity(e.detail); 1722 input.checkValidity(); input.setAttribute('data-validation', ''); 1723 }); 1724 1725 input.addEventListener('invalid', (e) => { 1726 error.innerHTML = input.validationMessage; 1727 }); 1728 1729 } 1730 </script>
1730 1731 </label> 1732 1733 1734 1735 <label 1736 data-eds-id="6ac31cee66a9b" 1737 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1738 > 1739 <div class="eds_formfield-label"> 1740 Password <span aria-hidden="true">*</span> </div> 1741 1742 <div class="position-relative d-flex flex-column"> 1743 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1744 1745 <input 1746 type="password" 1747 class="eds-copy-text-l-regular pe-6" 1748 data-event-on:toggle_password_6ac31cee66a9b="(shown) => $(this).attr('type', shown ? 'text' : 'password')" placeholder=" " name="password" autocomplete="current-password" required value="" /> 1749 1750 1751 <button class="eds_button btn btn-outline eds_formfield-toggle_password position-absolute end-0 px-2" style="--bs-btn-bg: transparent" title="Show password" aria-label="Show password" onclick="app.event.emit('toggle_password_6ac31cee66a9b', !$(this).data('password-shown'))" data-event-on:toggle_password_6ac31cee66a9b="(shown) => $(this).data('password-shown', shown).attr('title', shown ? 'Hide password' : 'Show password').attr('aria-label', shown ? 'Hide password' : 'Show password')" type="button"><i class="eds_icon fas fa-sm fa-eye" style="" aria-hidden="true" data-event-on:toggle_password_6ac31cee66a9b="(shown) => this.hidden = shown"></i> <i class="eds_icon fas fa-sm fa-eye-slash" style="" aria-hidden="true" data-event-on:toggle_password_6ac31cee66a9b="(shown) => this.hidden = !shown" hidden></i></button> 1752 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1753 </div> 1754 1755 1756
1756<script> 1757 { 1758 const container = document.querySelector('[data-eds-id="6ac31cee66a9b"]'); 1759 const input = container.querySelector('input, textarea, select'); 1760 const error = container.querySelector('.eds_formfield-error'); 1761 1762 1763 input.addEventListener('eds.validation.reset', () => { 1764 input.removeAttribute('data-validation'); 1765 input.setCustomValidity(''); 1766 error.innerHTML = ''; 1767 }); 1768 1769 input.addEventListener('eds.validation.hide', () => { 1770 input.removeAttribute('data-validation'); 1771 }); 1772 1773 input.addEventListener('eds.validation.success', (e) => { 1774 input.setCustomValidity(''); 1775 input.setAttribute('data-validation', ''); 1776 error.innerHTML = ''; 1777 }); 1778 1779 input.addEventListener('eds.validation.warning', (e) => { 1780 input.setCustomValidity(''); 1781 input.setAttribute('data-validation', ''); 1782 error.innerHTML = e.detail; 1783 }); 1784 1785 input.addEventListener('eds.validation.error', (e) => { 1786 input.setCustomValidity(e.detail); 1787 input.checkValidity(); input.setAttribute('data-validation', ''); 1788 }); 1789 1790 input.addEventListener('invalid', (e) => { 1791 error.innerHTML = input.validationMessage; 1792 }); 1793 1794 } 1795 </script>
1795 1796 </label> 1797 1798 1799 1800 <label 1801 data-eds-id="6ac31cee66ad6" 1802 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1803 > 1804 <div class="eds_formfield-label"> 1805 Phone number <span aria-hidden="true">*</span> </div> 1806 1807 <div class="position-relative d-flex flex-column"> 1808 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1809 1810 <input 1811 type="text" 1812 class="eds-copy-text-l-regular " 1813 placeholder=" " name="primary_phone" autocomplete="tel-national" required value="" /> 1814 1815 1816 1817 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1818 </div> 1819 1820 <div class="eds-interface-text-s-regular mt-2"> 1821 <i class="eds_icon fa fa-info-circle text-muted" style="" aria-hidden="true"></i> We require a phone number in case we need to contact you about your order. </div> 1822 1823
1823<script> 1824 { 1825 const container = document.querySelector('[data-eds-id="6ac31cee66ad6"]'); 1826 const input = container.querySelector('input, textarea, select'); 1827 const error = container.querySelector('.eds_formfield-error'); 1828 1829 1830 input.addEventListener('eds.validation.reset', () => { 1831 input.removeAttribute('data-validation'); 1832 input.setCustomValidity(''); 1833 error.innerHTML = ''; 1834 }); 1835 1836 input.addEventListener('eds.validation.hide', () => { 1837 input.removeAttribute('data-validation'); 1838 }); 1839 1840 input.addEventListener('eds.validation.success', (e) => { 1841 input.setCustomValidity(''); 1842 input.setAttribute('data-validation', ''); 1843 error.innerHTML = ''; 1844 }); 1845 1846 input.addEventListener('eds.validation.warning', (e) => { 1847 input.setCustomValidity(''); 1848 input.setAttribute('data-validation', ''); 1849 error.innerHTML = e.detail; 1850 }); 1851 1852 input.addEventListener('eds.validation.error', (e) => { 1853 input.setCustomValidity(e.detail); 1854 input.checkValidity(); input.setAttribute('data-validation', ''); 1855 }); 1856 1857 input.addEventListener('invalid', (e) => { 1858 error.innerHTML = input.validationMessage; 1859 }); 1860 1861 } 1862 </script>
1862 1863 </label> 1864 1865 1866 1867 <div class="eds_checkable d-inline-block mb-2" > 1868 <input id="eds-checkable-6ac31cee66ae8" name="receive_promotions" value="1" checked type="checkbox" /> 1869 <label for="eds-checkable-6ac31cee66ae8" class="eds_checkable-text eds-interface-text-l-regular "> 1870 Receive Promotional Offers & Updates </label> 1871 </div> 1872 1873 1874 <button class="eds_button btn btn-primary w-100 mt-1 mb-3" type="submit">Sign up</button> 1875 <div class="d-flex align-items-center mb-3"><hr class="flex-grow-1"><span class="mx-3 text-muted eds-interface-text-s-regular">OR</span><hr class="flex-grow-1"></div> <div class="google-signin-container text-center mb-2"> 1876 <a href="https://sso.onlineorderingsecure.com/auth/google/redirect?return_to=https%3A%2F%2Fwww.maplestarpa.com%2Fauth%2Fgoogle&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1877 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z" fill="#4285F4"/><path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z" fill="#34A853"/><path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z" fill="#FBBC05"/><path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 2.58 9 2.58Z" fill="#EA4335"/></svg> 1878 Continue with Google 1879 </a> 1880 </div> 1881 <div class="apple-signin-container text-center mb-2"> 1882 <a href="https://sso.onlineorderingsecure.com/auth/apple/redirect?return_to=https%3A%2F%2Fwww.maplestarpa.com%2Fauth%2Fapple&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1883 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.1 6.2c-.1.1-2.1 1.2-2.1 3.7 0 2.9 2.5 3.9 2.6 3.9 0 0 0 .1-.4 1.3-.6 1.5-1.7 3-2.9 3-1.3 0-1.6-.7-3.1-.7s-2 .8-3.1.8c-1.2 0-2.2-1.3-3-2.8C2 13.3 1.4 10.9 1.4 8.6c0-3.7 2.4-5.6 4.7-5.6 1.2 0 2.3.8 3 .8.7 0 1.9-.9 3.3-.9.5 0 2.4.1 3.7 1.3zM11.7 1.5c.6-.7 1-1.7 1-2.7 0-.1 0-.3 0-.4-1 0-2.1.6-2.8 1.4-.6.6-1.1 1.6-1.1 2.6 0 .2 0 .3 0 .4.1 0 .2 0 .3 0 .9 0 1.9-.6 2.6-1.3z" fill="currentColor"/></svg> 1884 Continue with Apple 1885 </a> 1886 </div> 1887 <small class="d-block mt-2 eds-interface-text-s-regular"> 1888 By continuing, you agree to our <a href="https://www.maplestarpa.com/tos" target="_blank" rel="noopener" title="Opens in new tab">Terms of Service</a> & <a href="https://www.maplestarpa.com/privacy" target="_blank" rel="noopener" title="Opens in new tab">Privacy Policy</a> and consent to receive automated promotional emails. See our <a href="https://www.maplestarpa.com/privacy#section-7-7" target="_blank" rel="noopener" title="Opens in new tab">Notice of Financial Incentive</a> regarding how we use your data for rewards and offers. 1889 </small> 1890 1891 <div class="text-center mt-3"> 1892 Already have an account? 1893 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#login-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Log in</button> </div> 1894 </div> 1895 </form> </div> 1896 1897 1898 </div> 1899 </div> 1900 1901
1901<script> 1902 { 1903 const container = document.querySelector('[data-eds-id="6ac31cee66ba7"]'); 1904 let edsMethodsDisabled = false; 1905 1906 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1907 container.addEventListener(`eds.${eventName}`, (e) => { 1908 if (edsMethodsDisabled) return; 1909 1910 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1911 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1912 ); 1913 }); 1914 }); 1915 1916 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1917 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1918 if (edsMethodsDisabled) return; 1919 1920 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1921 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1922 edsMethodsDisabled = false; 1923 }); 1924 }); 1925 1926 1927 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1928 container.addEventListener(eventName, () => { 1929 const autofocusInput = container.querySelector('[autofocus]'); 1930 if (autofocusInput) { 1931 container.style.display = 'block'; 1932 autofocusInput.focus(); 1933 } 1934 }); 1935 }); 1936 1937 } 1938 </script>
1938 1939 </div> 1940 1941 1942
1942<script> 1943 window.__ssoConfig = { 1944 google: { 1945 pendingUrl: "https:\/\/www.maplestarpa.com\/auth\/google\/pending", 1946 registerModalId: "register-modal", 1947 loginModalId: "login-modal" }, 1948 apple: { 1949 pendingUrl: "https:\/\/www.maplestarpa.com\/auth\/apple\/pending", 1950 registerModalId: "register-modal", 1951 loginModalId: "login-modal" } 1952 }; 1953 </script>
1953 1954 1955 1956<div class="modal fade" id="modal-order-time" tabindex="-1" role="dialog" 1957 aria-hidden="true"> 1958 <div class="modal-dialog modal-fullscreen-md-down mt-md-6" role="document"> 1959 <div class="modal-content"> 1960 <button class="d-md-none close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 1961 <div class="modal-header"> 1962 <h2 class="modal-title eds-display-text-title-m">Order time</h2> 1963 </div> 1964 <div class="modal-body"> 1965 <div class="btn-group w-100 btn-group-order-time-type mb-3" style="display: none;"> 1966 1967 <input type="radio" name="param_order~time~type_i_n_1" id="order_time_type_1-1" value="1" class="btn-check timeswitch orderTimeTypeOption" 1968 checked /> 1969 <label for="order_time_type_1-1" class="d-flex align-items-center justify-content-center btn btn-outline-secondary w-50"> 1970 <span> 1971 Later 1972 <span class="d-block small fw-normal">Later</span> 1973 </span> 1974 </label> 1975 </div> 1976 <div id="laterContent" class=""> 1977 <div class="select-time-container"> 1978 <div class="selecttime showcheck_parent "> 1979 <div class="select-time-header clearfix"> 1980 <h3 class="bold fl fs-5">Pick a day and time</h3> 1981 </div> 1982 <div class="select-time-content clearfix"> 1983 <div class="row select-time-row"> 1984 <div class="datepicker col-md-8" style="min-height: 248px;"> 1985 <div class="datepicker-days" style="display: block;"> 1986 <div data-datetimepicker data-datepicker-min-date="2026-10-05" class="errorable"></div> 1987 </div> 1988 </div> 1989 <div class="timepicker col-md-4"> 1990 <div class="timepicker-picker"> 1991 <ul class="ready-at-time css-scroll"> 1992 <li class="time-button "> 1993 <input id="timeValue0" type="radio" value="12:30 PM" name="param_ready~at~time_s_n_15" 1994 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 1995 data-required-field data-ready-attime/> 1996 <label for="timeValue0" class="btn btn-outline-secondary btn-sm" for="">12:30 PM</label> 1997 </li> 1998 <li class="time-button "> 1999 <input id="timeValue1" type="radio" value="12:45 PM" name="param_ready~at~time_s_n_15" 2000 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2001 data-required-field data-ready-attime/> 2002 <label for="timeValue1" class="btn btn-outline-secondary btn-sm" for="">12:45 PM</label> 2003 </li> 2004 <li class="time-button "> 2005 <input id="timeValue2" type="radio" value="1:00 PM" name="param_ready~at~time_s_n_15" 2006 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2007 data-required-field data-ready-attime/> 2008 <label for="timeValue2" class="btn btn-outline-secondary btn-sm" for="">1:00 PM</label> 2009 </li> 2010 <li class="time-button "> 2011 <input id="timeValue3" type="radio" value="1:15 PM" name="param_ready~at~time_s_n_15" 2012 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2013 data-required-field data-ready-attime/> 2014 <label for="timeValue3" class="btn btn-outline-secondary btn-sm" for="">1:15 PM</label> 2015 </li> 2016 <li class="time-button "> 2017 <input id="timeValue4" type="radio" value="1:30 PM" name="param_ready~at~time_s_n_15" 2018 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2019 data-required-field data-ready-attime/> 2020 <label for="timeValue4" class="btn btn-outline-secondary btn-sm" for="">1:30 PM</label> 2021 </li> 2022 <li class="time-button "> 2023 <input id="timeValue5" type="radio" value="1:45 PM" name="param_ready~at~time_s_n_15" 2024 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2025 data-required-field data-ready-attime/> 2026 <label for="timeValue5" class="btn btn-outline-secondary btn-sm" for="">1:45 PM</label> 2027 </li> 2028 <li class="time-button "> 2029 <input id="timeValue6" type="radio" value="2:00 PM" name="param_ready~at~time_s_n_15" 2030 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2031 data-required-field data-ready-attime/> 2032 <label for="timeValue6" class="btn btn-outline-secondary btn-sm" for="">2:00 PM</label> 2033 </li> 2034 <li class="time-button "> 2035 <input id="timeValue7" type="radio" value="2:15 PM" name="param_ready~at~time_s_n_15" 2036 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2037 data-required-field data-ready-attime/> 2038 <label for="timeValue7" class="btn btn-outline-secondary btn-sm" for="">2:15 PM</label> 2039 </li> 2040 <li class="time-button "> 2041 <input id="timeValue8" type="radio" value="2:30 PM" name="param_ready~at~time_s_n_15" 2042 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2043 data-required-field data-ready-attime/> 2044 <label for="timeValue8" class="btn btn-outline-secondary btn-sm" for="">2:30 PM</label> 2045 </li> 2046 <li class="time-button "> 2047 <input id="timeValue9" type="radio" value="2:45 PM" name="param_ready~at~time_s_n_15" 2048 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2049 data-required-field data-ready-attime/> 2050 <label for="timeValue9" class="btn btn-outline-secondary btn-sm" for="">2:45 PM</label> 2051 </li> 2052 <li class="time-button "> 2053 <input id="timeValue10" type="radio" value="3:00 PM" name="param_ready~at~time_s_n_15" 2054 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2055 data-required-field data-ready-attime/> 2056 <label for="timeValue10" class="btn btn-outline-secondary btn-sm" for="">3:00 PM</label> 2057 </li> 2058 <li class="time-button "> 2059 <input id="timeValue11" type="radio" value="3:15 PM" name="param_ready~at~time_s_n_15" 2060 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2061 data-required-field data-ready-attime/> 2062 <label for="timeValue11" class="btn btn-outline-secondary btn-sm" for="">3:15 PM</label> 2063 </li> 2064 <li class="time-button "> 2065 <input id="timeValue12" type="radio" value="3:30 PM" name="param_ready~at~time_s_n_15" 2066 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2067 data-required-field data-ready-attime/> 2068 <label for="timeValue12" class="btn btn-outline-secondary btn-sm" for="">3:30 PM</label> 2069 </li> 2070 <li class="time-button "> 2071 <input id="timeValue13" type="radio" value="3:45 PM" name="param_ready~at~time_s_n_15" 2072 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2073 data-required-field data-ready-attime/> 2074 <label for="timeValue13" class="btn btn-outline-secondary btn-sm" for="">3:45 PM</label> 2075 </li> 2076 <li class="time-button "> 2077 <input id="timeValue14" type="radio" value="4:00 PM" name="param_ready~at~time_s_n_15" 2078 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2079 data-required-field data-ready-attime/> 2080 <label for="timeValue14" class="btn btn-outline-secondary btn-sm" for="">4:00 PM</label> 2081 </li> 2082 <li class="time-button "> 2083 <input id="timeValue15" type="radio" value="4:15 PM" name="param_ready~at~time_s_n_15" 2084 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2085 data-required-field data-ready-attime/> 2086 <label for="timeValue15" class="btn btn-outline-secondary btn-sm" for="">4:15 PM</label> 2087 </li> 2088 <li class="time-button "> 2089 <input id="timeValue16" type="radio" value="4:30 PM" name="param_ready~at~time_s_n_15" 2090 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2091 data-required-field data-ready-attime/> 2092 <label for="timeValue16" class="btn btn-outline-secondary btn-sm" for="">4:30 PM</label> 2093 </li> 2094 <li class="time-button "> 2095 <input id="timeValue17" type="radio" value="4:45 PM" name="param_ready~at~time_s_n_15" 2096 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2097 data-required-field data-ready-attime/> 2098 <label for="timeValue17" class="btn btn-outline-secondary btn-sm" for="">4:45 PM</label> 2099 </li> 2100 <li class="time-button "> 2101 <input id="timeValue18" type="radio" value="5:00 PM" name="param_ready~at~time_s_n_15" 2102 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2103 data-required-field data-ready-attime/> 2104 <label for="timeValue18" class="btn btn-outline-secondary btn-sm" for="">5:00 PM</label> 2105 </li> 2106 <li class="time-button "> 2107 <input id="timeValue19" type="radio" value="5:15 PM" name="param_ready~at~time_s_n_15" 2108 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2109 data-required-field data-ready-attime/> 2110 <label for="timeValue19" class="btn btn-outline-secondary btn-sm" for="">5:15 PM</label> 2111 </li> 2112 <li class="time-button "> 2113 <input id="timeValue20" type="radio" value="5:30 PM" name="param_ready~at~time_s_n_15" 2114 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2115 data-required-field data-ready-attime/> 2116 <label for="timeValue20" class="btn btn-outline-secondary btn-sm" for="">5:30 PM</label> 2117 </li> 2118 <li class="time-button "> 2119 <input id="timeValue21" type="radio" value="5:45 PM" name="param_ready~at~time_s_n_15" 2120 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2121 data-required-field data-ready-attime/> 2122 <label for="timeValue21" class="btn btn-outline-secondary btn-sm" for="">5:45 PM</label> 2123 </li> 2124 <li class="time-button "> 2125 <input id="timeValue22" type="radio" value="6:00 PM" name="param_ready~at~time_s_n_15" 2126 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2127 data-required-field data-ready-attime/> 2128 <label for="timeValue22" class="btn btn-outline-secondary btn-sm" for="">6:00 PM</label> 2129 </li> 2130 <li class="time-button "> 2131 <input id="timeValue23" type="radio" value="6:15 PM" name="param_ready~at~time_s_n_15" 2132 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2133 data-required-field data-ready-attime/> 2134 <label for="timeValue23" class="btn btn-outline-secondary btn-sm" for="">6:15 PM</label> 2135 </li> 2136 <li class="time-button "> 2137 <input id="timeValue24" type="radio" value="6:30 PM" name="param_ready~at~time_s_n_15" 2138 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2139 data-required-field data-ready-attime/> 2140 <label for="timeValue24" class="btn btn-outline-secondary btn-sm" for="">6:30 PM</label> 2141 </li> 2142 <li class="time-button "> 2143 <input id="timeValue25" type="radio" value="6:45 PM" name="param_ready~at~time_s_n_15" 2144 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2145 data-required-field data-ready-attime/> 2146 <label for="timeValue25" class="btn btn-outline-secondary btn-sm" for="">6:45 PM</label> 2147 </li> 2148 <li class="time-button "> 2149 <input id="timeValue26" type="radio" value="7:00 PM" name="param_ready~at~time_s_n_15" 2150 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2151 data-required-field data-ready-attime/> 2152 <label for="timeValue26" class="btn btn-outline-secondary btn-sm" for="">7:00 PM</label> 2153 </li> 2154 <li class="time-button "> 2155 <input id="timeValue27" type="radio" value="7:15 PM" name="param_ready~at~time_s_n_15" 2156 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2157 data-required-field data-ready-attime/> 2158 <label for="timeValue27" class="btn btn-outline-secondary btn-sm" for="">7:15 PM</label> 2159 </li> 2160 <li class="time-button "> 2161 <input id="timeValue28" type="radio" value="7:30 PM" name="param_ready~at~time_s_n_15" 2162 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2163 data-required-field data-ready-attime/> 2164 <label for="timeValue28" class="btn btn-outline-secondary btn-sm" for="">7:30 PM</label> 2165 </li> 2166 <li class="time-button "> 2167 <input id="timeValue29" type="radio" value="7:45 PM" name="param_ready~at~time_s_n_15" 2168 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2169 data-required-field data-ready-attime/> 2170 <label for="timeValue29" class="btn btn-outline-secondary btn-sm" for="">7:45 PM</label> 2171 </li> 2172 <li class="time-button "> 2173 <input id="timeValue30" type="radio" value="8:00 PM" name="param_ready~at~time_s_n_15" 2174 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2175 data-required-field data-ready-attime/> 2176 <label for="timeValue30" class="btn btn-outline-secondary btn-sm" for="">8:00 PM</label> 2177 </li> 2178 <li class="time-button "> 2179 <input id="timeValue31" type="radio" value="8:15 PM" name="param_ready~at~time_s_n_15" 2180 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2181 data-required-field data-ready-attime/> 2182 <label for="timeValue31" class="btn btn-outline-secondary btn-sm" for="">8:15 PM</label> 2183 </li> 2184 <li class="time-button "> 2185 <input id="timeValue32" type="radio" value="8:30 PM" name="param_ready~at~time_s_n_15" 2186 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2187 data-required-field data-ready-attime/> 2188 <label for="timeValue32" class="btn btn-outline-secondary btn-sm" for="">8:30 PM</label> 2189 </li> 2190 <li class="time-button "> 2191 <input id="timeValue33" type="radio" value="8:45 PM" name="param_ready~at~time_s_n_15" 2192 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2193 data-required-field data-ready-attime/> 2194 <label for="timeValue33" class="btn btn-outline-secondary btn-sm" for="">8:45 PM</label> 2195 </li> 2196 <li class="time-button "> 2197 <input id="timeValue34" type="radio" value="9:00 PM" name="param_ready~at~time_s_n_15" 2198 class="btn-check rad-ready_at_time" onchange="saveFormState('par
2198am_ready~at~time_s_n_15', this.value, true);" 2199 data-required-field data-ready-attime/> 2200 <label for="timeValue34" class="btn btn-outline-secondary btn-sm" for="">9:00 PM</label> 2201 </li> 2202 <li class="time-button "> 2203 <input id="timeValue35" type="radio" value="9:15 PM" name="param_ready~at~time_s_n_15" 2204 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2205 data-required-field data-ready-attime/> 2206 <label for="timeValue35" class="btn btn-outline-secondary btn-sm" for="">9:15 PM</label> 2207 </li> 2208 <li class="time-button "> 2209 <input id="timeValue36" type="radio" value="9:30 PM" name="param_ready~at~time_s_n_15" 2210 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2211 data-required-field data-ready-attime/> 2212 <label for="timeValue36" class="btn btn-outline-secondary btn-sm" for="">9:30 PM</label> 2213 </li> 2214 <li class="time-button "> 2215 <input id="timeValue37" type="radio" value="9:45 PM" name="param_ready~at~time_s_n_15" 2216 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2217 data-required-field data-ready-attime/> 2218 <label for="timeValue37" class="btn btn-outline-secondary btn-sm" for="">9:45 PM</label> 2219 </li> 2220 <li class="time-button "> 2221 <input id="timeValue38" type="radio" value="10:00 PM" name="param_ready~at~time_s_n_15" 2222 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2223 data-required-field data-ready-attime/> 2224 <label for="timeValue38" class="btn btn-outline-secondary btn-sm" for="">10:00 PM</label> 2225 </li> 2226 <li class="time-button "> 2227 <input id="timeValue39" type="radio" value="10:15 PM" name="param_ready~at~time_s_n_15" 2228 class="btn-check rad-ready_at_time" onchange="saveFormState('param_ready~at~time_s_n_15', this.value, true);" 2229 data-required-field data-ready-attime/> 2230 <label for="timeValue39" class="btn btn-outline-secondary btn-sm" for="">10:15 PM</label> 2231 </li> 2232 </ul> 2233 </div> 2234 </div> 2235 </div> 2236 </div> 2237</div> 2238</div> 2239<input type="hidden" name="param_ready~at_s_n_100" class="hid-ready-at" value="" /> 2240<input type="hidden" class="hid-ready-at-date" value="2026-10-04" /> 2241<input type="hidden" class="hid-eot" value="2026-10-05 12:25:00" /> </div> 2242 </div> 2243 <div class="modal-footer"> 2244 <input type="hidden" id="hid-order-time-type" value="1" /> 2245 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button> 2246 <button type="button" class="btn btn-primary" data-save-time-modal>Save</button> 2247 </div> 2248 </div> 2249 </div> 2250</div> 2251 2252<!-- www modal start --> 2253<div class="modal fade mob_full_modal www_modal order-options" id="modal-order-options" tabindex="-1" role="dialog" 2254 aria-hidden="true" data-update-otype-on-modal-close> 2255 <div class="modal-dialog modal-fullscreen-sm-down mt-sm-6" role="document"> 2256 <div class="modal-content"> 2257 <button class="d-md-none close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 2258 <div class="modal-header"> 2259 <h2 class="modal-title eds-display-text-title-m">Order details</h2> 2260 </div> 2261 <div class="modal-body"> 2262 <div class="www_moda_content"> 2263 <div class="cs_box order_type" onchange="app.event.emit('order_type_changed', { order_type: event.target.value })"> 2264 <div class="h5">What:</div> 2265 <div class="position-relative"> 2266 <div class="mdropbtn" data-toggle-mdrop role="button"> 2267 <span class="visually-hidden">Order type:</span> 2268 <span data-order-type-label> 2269 Select </span> 2270 </div> 2271 <ul data-mdrop-ul> 2272 <li class=" "> 2273 <input data-order-type-on-change type="radio" name="param_order~type_s_n_10" id="order-type-pickup-1" 2274 class="orderTypeOption css-checkbox " data-name="Pick up" value="PICKUP" 2275 data-constant="1" data-base="PICKUP" > 2276 <label for="order-type-pickup-1" class="css-label" data-update-mdrop-on-click> 2277 Pick up </label> 2278 </li> 2279 <li class=" "> 2280 <input data-order-type-on-change type="radio" name="param_order~type_s_n_10" id="order-type-
2280delivery-1" 2281 class="orderTypeOption css-checkbox deliveryswitch" data-name="Delivery" value="DELIVERY" 2282 data-constant="2" data-base="DELIVERY" > 2283 <label for="order-type-delivery-1" class="css-label" data-update-mdrop-on-click> 2284 Delivery </label> 2285 </li> 2286 </ul> 2287</div> 2288 </div> 2289 <form class=""> 2290 <div class="cs_box guest_checkout_address checkout_address deliveryAddressContainer" style="display:none;"> 2291 <label for="street-address-bar" class="h5">Enter your address:</label> 2292 <div class="form-group street-address-container"> 2293 <input name="param_full~address_s_n_255" id="street-address-bar" placeholder="Enter your address" 2294 data-autocomplete-address data-autocomplete-success="autoCompleteSuccess" 2295 onkeyup="scheduleFormStateSave(this.name, this.value)" onchange="validateAddress($('#modal-order-options .deliveryAddressContainer'))" 2296 type="search" class="form-control input-search input-validate-address input-street-address user-address-field" 2297 value="" data-required-field /> 2298 </div> 2299 <input type="hidden" name="param_street~address_s_n_255" data-autocompleted-street-address /> 2300 <input type="hidden" name="param_city_s_n_90" data-autocompleted-city /> 2301 <input type="hidden" name="param_state_s_n_2" data-autocompleted-state /> 2302 <input type="hidden" name="param_zip~code_z_n_10" data-autocompleted-zip /> 2303 </div> 2304 </form> 2305 <!-- <div class="form-submit-wrapper"> 2306 <input type="submit" class="form-submit btn btn-primary" value="Save" data-close-modal data-select-later-date data-saveotype-modal> 2307 </div> --> 2308 </div> 2309 </div> 2310 <div 2311 data-async-on-event="order_type_changed" 2312 data-async-action="https://www.maplestarpa.com/ajax/?form=minimum_order_value_warning&component=order_type" 2313 data-async-method="get" 2314 > 2315 </div> 2316 <div class="modal-footer"> 2317 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button> 2318 <button type="button" class="btn btn-primary" data-close-modal data-saveotype-modal>Save</button> 2319 </div> 2320 </div> 2321 </div> 2322</div> 2323<!-- www modal end --> 2324 2325<!-- menu item modal --> 2326<div class="modal fade add_menu" id="add_menu_item" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="item_name"> 2327 <div class="modal-dialog modal-dialog-centered modal-fullscreen-md-down" role="document"> 2328 <div class="modal-content menu-item-container-wrapper"> 2329 <div class="modal-body menu-item-container "> 2330 <p id="item_name">Menu item dialog</p> 2331 </div> 2332 </div> 2333 </div> 2334</div> 2335<!-- menu item modal end --> 2336 2337 2338 <div 2339 data-eds-id="6ac31cee6ccc5" 2340 class="eds_dialog modal fade " 2341 tabindex="-1" 2342 aria-labelledby="eds-dialog-title-6ac31cee6ccc5" 2343 aria-hidden="true" 2344 data-event-on:coupon_modal_shown="(shown) => $(this).data(`coupon_modal_shown`, shown)" data-event-on:show_coupon_restrictions="({ coupon, errors }) => { 2345 if ($(this).data(`coupon_modal_shown`)) return; 2346 2347 $(this).find(`.eds_dialog-title`).html(`<div class="text-truncate">${coupon}</div>`); 2348 $(this).find(`.eds_dialog-body`).html(errors); 2349 this.dispatchEvent(new CustomEvent(`eds.show`)); 2350 }" data-event-on:restore_coupon_modal="this.dispatchEvent(new CustomEvent(`eds.hide`))" > 2351 <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-fullscreen-sm-down modal-md"> 2352 <div class="modal-content "> 2353 2354 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 2355 <h2 id="eds-dialog-title-6ac31cee6ccc5" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 2356 Coupon restrictions </h2> 2357 2358 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 2359
2360 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular vh-100"> 2361 </div> 2362 2363 2364 </div> 2365 </div> 2366 2367
2367<script> 2368 { 2369 const container = document.querySelector('[data-eds-id="6ac31cee6ccc5"]'); 2370 let edsMethodsDisabled = false; 2371 2372 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 2373 container.addEventListener(`eds.${eventName}`, (e) => { 2374 if (edsMethodsDisabled) return; 2375 2376 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 2377 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 2378 ); 2379 }); 2380 }); 2381 2382 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 2383 container.addEventListener(`${eventName}.bs.modal`, (e) => { 2384 if (edsMethodsDisabled) return; 2385 2386 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 2387 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 2388 edsMethodsDisabled = false; 2389 }); 2390 }); 2391 2392 2393 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 2394 container.addEventListener(eventName, () => { 2395 const autofocusInput = container.querySelector('[autofocus]'); 2396 if (autofocusInput) { 2397 container.style.display = 'block'; 2398 autofocusInput.focus(); 2399 } 2400 }); 2401 }); 2402 2403 } 2404 </script>
2404 2405 </div> 2406 2407 2408<!-- location modal mobile start--> 2409<div class="modal fade location-picker" id="locationModal" tabindex="-1" role="dialog" aria-hidden="true"> 2410 <div class="backdrop" data-bs-dismiss="modal"></div> 2411 <div class="modal-dialog modal-sm modal-dialog-centered" role="document"> 2412 <div class="modal-content"> 2413 <div class="modal-header"> 2414 <h2 class="modal-title eds-display-text-title-m">Change Location</h2> 2415 </div> 2416 2417 <div class="modal-body"> 2418 2419<div class="change_location-locations"> 2420 <input 2421 type="radio" 2422 class="css-checkbox" 2423 id="locations-1-location-10022" 2424 name="locations-1" 2425 value="https://www.maplestarpa.com/order" 2426 /> 2427 <label class="css-label" for="locations-1-location-10022"> 2428 <div style="line-height: normal"> 2429 <strong>Maple Star - Philly</strong> 2430 <br /> 2431 1521 Cecil B. Moore Ave Philadelphia, PA 19121 </div> 2432 </label> 2433 </div> 2434 2435 </div> 2436 2437 <div class="modal-footer"> 2438 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button> 2439 <button type="button" class="btn btn-warning" data-go-to-url-on-click="[name='locations-1']:checked"> 2440 Change location </button> 2441 </div> 2442 </div> 2443 </div> 2444</div> 2445<!-- location modal mobile end --> 2446 2447<div class="modal fade add_new_card_modal" id="modal-add-new-card" tabindex="-1" role="dialog" aria-modal="true"> 2448 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down" role="document"> 2449 <div class="modal-content"> 2450 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"></button> 2451 <div class="modal-header"> 2452 <h2 class="modal-title eds-display-text-title-m">Add new card</h2> 2453 </div> 2454 <div class="modal-body pb-6"> 2455 <div class="ajax-creditcards"> 2456 <div class="fa fa-spinner fa-spin fa-4x"> 2457 </div> 2458 </div> 2459 </div> 2460 </div> 2461 </div> 2462</div> 2463 2464<div class="modal fade" id="modal-payment-change" tabindex="-1" role="dialog" aria-modal="true"> 2465 <div class="modal-dialog modal-dialog-centered" role="document"> 2466 <div class="modal-content"> 2467 <div class="modal-header"> 2468 <h2 class="modal-title modal-title-accent eds-display-text-title-m">Confirm <span data-confirm-payment-name>Pay with cash</span></h2> 2469 </div> 2470 <div class="modal-body"> 2471 <p>You've just changed your payment type to <strong data-confirm-payment-name>Pay with cash</strong>. Please confirm that to proceed.</p> 2472 <button class="btn btn-primary w-100" data-bs-dismiss="modal" data-confirm-payment-switch>Confirm and proceed</button> 2473 <button class="btn eh-btn-silent w-100 mt-2" data-bs-dismiss="modal" data-cancel-payment-switch>Cancel</button> 2474 </div> 2475 </div> 2476 </div> 2477</div> 2478 2479<div class="modal fade modal_over_modal" id="modal-confirm-no-number-address" tabindex="-1" role="dialog" aria-modal="true" style="z-index: 2000;"> 2480 <div class="modal-dialog modal-dialog-centered" role="document"> 2481 <div class="modal-content"> 2482 <div class="modal-header"> 2483 <h2 class="modal-title modal-title-accent eds-display-text-title-m">Confirm Address</h2> 2484 </div> 2485 <div class="modal-body"> 2486 <p>This address doesn't start with a street number. Please confirm the address is correct.</p> 2487 <button class="btn btn-warning w-100" data-bs-dismiss="modal" data-confirm-no-number-address>Yes, it's correct</button> 2488 <button class="btn btn-secondary w-100 mt-2" data-bs-dismiss="modal" data-cancel-no-number-address>No, let me edit it</button> 2489 </div> 2490 </div> 2491 </div> 2492</div> 2493 2494<div class="modal fade mob_full_modal" id="modal-invalid-address" tabindex="-1" role="dialog" aria-modal="true"> 2495 <div class="modal-dialog modal-dialog-centered" role="document"> 2496 <div class="modal-content"> 2497 <button class="close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 2498 <div class="modal-header"> 2499 <h2 class="modal-title eds-display-text-title-m">Sorry we do not deliver to your address!</h2> 2500 </div> 2501 <div class="modal-body"> 2502 <div class="www_moda_content"> 2503 <div class="cs_box pickup_when showcheck_parent"> 2504 <div>You can Pick up your order at this location</div> 2505 <div class="pickup_locbox"> 2506 <div class="rest_loc"> 2507 <p> 2508 Maple Star - Philly<br/> 2509 1521 Cecil B. Moore Ave<br/>Philadelphia, PA 19121 </p> 2510 </div> 2511</div> </div> 2512 <div class="form-submit-wrapper"> 2513 <input type="submit" class="form-submit" value="Switch to pickup" data-bs-dismiss="modal" data-switch-to-pickup> 2514 </div> 2515 </div> 2516 </div> 2517 </div> 2518 </div> 2519</div> 2520 2521<div class="modal fade mob_full_modal" id="modal-view-delivery-zone" tabindex="-1" role="dialog" aria-modal="true"> 2522 <div class="modal-dialog modal-dialog-centered" role="document"> 2523 <div class="modal-content">
2524 <div class="modal-body modal-body-view-delivery-zone" style="min-height: 75px;"> 2525 <div id="loading-view-delivery-area" class="loading-ajax-spinner"><i class="fa fa-spin fa-spinner fa-3x "></i></div> 2526 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"></button> 2527 <div id="modal-view-delivery-zone-content" style="display:none;"> 2528 <div class="h4 mt15">View our delivery area</div> 2529 <div class="mb15"></div> 2530 <style> 2531 #iframe-view-delivery-area { 2532 width:100%; 2533 height:100%; 2534 min-height:556px; 2535 } 2536 @media screen and (max-width: 768px) { 2537 #iframe-view-delivery-area { 2538 height: calc(100vh - 90px); 2539 } 2540 } 2541 </style> 2542 <iframe id="iframe-view-delivery-area" name="iframe-deliveryzone" frameborder="0" hspace="0" scrolling="auto" 2543 data-src="https://www.maplestarpa.com/viewdeliveryzone/altdoc/1/vdz/1" title="Map of delivery areas"></iframe> 2544 </div> 2545 </div> 2546 </div> 2547 </div> 2548</div> 2549 2550<!-- Alert modal --> 2551<div class="modal fade" id="modal-alert" tabindex="-1" aria-labelledby="modal-alert" aria-hidden="true"> 2552 <div class="modal-dialog"> 2553 <div class="modal-content"> 2554 <div class="modal-header"> 2555 <h2 class="modal-title fs-5 eds-display-text-title-m">Error</h2> 2556 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2557 </div> 2558 <div class="modal-body"> 2559 Description 2560 </div> 2561 <div class="modal-footer"> 2562 <button type="button" class="btn btn-primary btn-close-modal" data-bs-dismiss="modal">Close</button> 2563 <button type="button" class="btn btn-primary hidden">Save changes</button> 2564 </div> 2565 </div> 2566 </div> 2567</div> 2568 2569 2570 2571 2572 2573 <div 2574 id="toasts" 2575 class="toast-container position-fixed start-50 translate-middle-x" 2576 style="bottom: calc(var(--eds-fixed-cta-height, 0) * 1px); max-width: calc(100% - 2rem)" 2577 > 2578 </div> 2579 2580
2580<script> 2581 $(() => { 2582 const ctas = document.querySelectorAll('[data-fixed-cta]'); 2583 if (!ctas.length) { 2584 return; 2585 } 2586 2587 function updateFixedCTAHeight() { 2588 document.documentElement.style.setProperty( 2589 '--eds-fixed-cta-height', 2590 Math.max(0, ...Array.from(ctas, (element) => { 2591 const rect = element.getBoundingClientRect(); 2592 return rect.height > 0 && getComputedStyle(element).position === 'fixed' 2593 ? Math.max(0, window.innerHeight - rect.top) 2594 : 0; 2595 })) 2596 ); 2597 } 2598 2599 if ('ResizeObserver' in window) { 2600 ctas.forEach((cta) => new ResizeObserver(updateFixedCTAHeight).observe(cta)); 2601 } else { 2602 updateFixedCTAHeight(); 2603 } 2604 2605 window.addEventListener('resize', app.throttle(updateFixedCTAHeight)); 2606 }); 2607 </script>
2607 2608 2609 <div class="visually-hidden"> 2610 <div id="announcements-polite" aria-live="polite" aria-atomic="true"> 2611 <div id="announcement-polite"></div> 2612 </div> 2613 2614 <div id="announcements-assertive" aria-live="assertive" aria-atomic="true"> 2615 <div id="announcement-assertive"></div> 2616 </div> 2617 </div> 2618 2619 2620
2620<script type="text/javascript" src="/web/default3.0/js/vendor/smartbanner.min.js"></script>
2620 2621
2621<script type="text/javascript" src="/share42/share42.js"></script>
2621 2622 2623<!-- SET: SCRIPTS -->
2624<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2624
2624
2625<script>window.jQuery || document.write('
2625<script src="/web/default3.0/js/vendor/jquery-3.6.0.min.js"><\/script>')</script>
vendor: 1 bytes, line 2625
2625
2626<script src="https://code.jquery.com/jquery-migrate-3.3.2.js" integrity="sha384-KwAndHbPSueZ9+pG1mDjru/Q6KT6cliBs+/SCGpcOO6XvhrkbF0cBzkSs3+Pl2Zz" crossorigin="anonymous"></script>
2626 2627<!--
2627<script src="https://code.jquery.com/jquery-migrate-3.3.2.min.js" integrity="sha256-Ap4KLoCf1rXb52q+i3p0k2vjBsmownyBTE1EqlRiMwA=" crossorigin="anonymous"></script>
2627-->
2628<script> 2629 /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ 2630 (function($,d){$.each(readyQ,function(i,f){$(f)});$.each(bindReadyQ,function(i,f){$(d).bind("ready",f)})})(jQuery,document) 2631</script>
vendor: 1 bytes, line 2631
2631
2632<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2632
2632
2633<script type="text/javascript" src="/min/g=js4.0&1788675044"></script>
2633 2634<!-- END: SCRIPTS --> 2635 2636
2637<script> 2638 function closeAnnouncementModal(){ 2639 $("#announcementBox").hide(); 2640 setAnnouncementSession(""); 2641 } 2642 2643 $('body').on('click', '#closeAnnouncement', function(e) { 2644 e.preventDefault(); 2645 setAnnouncementSession(""); 2646 }); 2647</script>
vendor: 1 bytes, line 2647
2647
2648<script> 2649$(() => { 2650 const stickyHeader = document.querySelector('.headerAndWtype'); 2651 if (!stickyHeader) { 2652 return; 2653 } 2654 2655 function updateHeaderHeight() { 2656 const gap = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16; 2657 const offset = stickyHeader.offsetHeight + gap; 2658 document.documentElement.style.scrollPaddingTop = offset + 'px'; 2659 2660 document.documentElement.style.setProperty('--sticky-header-offset', offset + 'px'); 2661 } 2662 2663 updateHeaderHeight(); 2664 if ('ResizeObserver' in window) { 2665 new ResizeObserver(updateHeaderHeight).observe(stickyHeader); 2666 } else { 2667 window.addEventListener('resize', app.throttle(updateHeaderHeight)); 2668 } 2669}); 2670</script>
2670 2671 2672 <div id="recaptcha" class="g-recaptcha" data-callback="submitAjaxForm" data-size="invisible"></div> 2673 <div id="async-recaptcha" class="g-recaptcha" data-callback="recaptchaAsyncCallback" data-size="invisible"></div> 2674 2675
2675<script> 2676 var ajaxRecaptcha; 2677 var asyncRecaptcha; 2678 var checkoutRecaptcha; 2679 2680 function initRecaptchas() { 2681 const options = { 2682 sitekey: "6LeS6lMUAAAAADOPnBKluMb49PS1NyzPT1kR87Re", 2683 size: 'invisible', 2684 }; 2685 2686 $('[data-recaptcha]').not('[data-ajax-form]').each(function (k, v) { 2687 const submit = $(v).find('[type="submit"]'); 2688 grecaptcha.render(submit[0], { 2689 ...options, 2690 callback(token) { 2691 $(v).submit(); 2692 }, 2693 }); 2694 }); 2695 2696 ajaxRecaptcha = grecaptcha.render('recaptcha', options); 2697 asyncRecaptcha = grecaptcha.render('async-recaptcha', options); 2698 } 2699 </script>
vendor: 119 bytes, lines 2699-2701
2699 2700 <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptchas" async defer></script> 2701
2702</body> 2703</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.