PageSourceSearch

https://www.maplestarpa.com/

html maplestarpa.com collected 2026-10-05 03:43:43 UTC 129,655 bytes, 2,703 lines download raw bytes

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&amp;1788377785" />
31		<link type="text/css" rel="stylesheet" href="/min/g=css4.0&amp;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">&nbsp;</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=&quot;6ac31cee644aa&quot;]" 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 &amp; 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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: &quot;Please note: requests for additional items or special preparation may incur an &lt;b&gt;extra charge&lt;\/b&gt; not calculated on your online order.&quot;, 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>&copy; 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 &amp; 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					&copy; 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">&lt; 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) =&gt; $(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) =&gt; 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) =&gt; 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&amp;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&amp;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> &amp; <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) =&gt; $(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) =&gt; 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) =&gt; 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&amp;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&amp;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> &amp; <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) =&gt; $(this).data(`coupon_modal_shown`, shown)" data-event-on:show_coupon_restrictions="({ coupon, errors }) =&gt; {
2345				if ($(this).data(`coupon_modal_shown`)) return;
2346
2347				$(this).find(`.eds_dialog-title`).html(`&lt;div class=&quot;text-truncate&quot;&gt;${coupon}&lt;/div&gt;`);
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&amp;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.