Skip to content

M
mfe-mcart
Commit d5d1c0d5 authored by Garima Jain's avatar Garima Jain
Browse files
Options

Added mcart app

parent d2ac2f07
Show whitespace changes
Inline Side-by-side
Showing with 40953 additions and 0 deletions
babel.config.js 0 → 100644
View file @ d5d1c0d5
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
dist/demo.html 0 → 100644
View file @ d5d1c0d5
<meta charset="utf-8">
<title>mComponents demo</title>
<script src="./mComponents.umd.js"></script>
<script>
console.log(mComponents)
</script>
dist/img/macyStar.760f3c23.svg 0 → 100644
View file @ d5d1c0d5
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="88px" viewBox="0 0 100 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
<title>Macys-SR-Logo</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.06 0.804 70.887 0.804 70.887 86 0.06 86"></polygon>
<polygon id="path-3" points="0.475 0.303 16.61 0.303 16.61 38 0.475 38"></polygon>
</defs>
<g id="Macys-SR-Logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StarRewards">
<g id="Macy%27s_Star_Rewards_Mobile_Enhancements">
<g id="Group-4">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<polyline id="Fill-1" fill="#CE2331" mask="url(#mask-2)" points="55.003 15.838 50.104 0.804 45.21 15.838 29.275 15.838 42.185 25.183 37.295 40.223 50.084 30.92 62.949 40.269 58.035 25.159 70.887 15.838 55.003 15.838"></polyline>
<path d="M1.874,82.869 C1.874,84.04 2.787,84.497 3.822,84.497 C4.5,84.497 5.536,84.299 5.536,83.399 C5.536,82.45 4.216,82.29 2.922,81.944 C1.615,81.599 0.296,81.093 0.296,79.442 C0.296,77.642 1.998,76.779 3.587,76.779 C5.424,76.779 7.113,77.581 7.113,79.614 L5.24,79.614 C5.178,78.554 4.426,78.283 3.501,78.283 C2.885,78.283 2.17,78.542 2.17,79.282 C2.17,79.959 2.589,80.046 4.796,80.613 C5.437,80.773 7.409,81.18 7.409,83.177 C7.409,84.792 6.14,86 3.748,86 C1.8,86 -0.025,85.039 0,82.869 L1.874,82.869" id="Fill-3" fill="#CE2331" mask="url(#mask-2)"></path>
</g>
<polyline id="Fill-5" fill="#CE2331" points="10.5604548 78.6635992 8 78.6635992 8 77 15 77 15 78.6635992 12.4395452 78.6635992 12.4395452 86 10.5604548 86 10.5604548 78.6635992"></polyline>
<path d="M17.2962748,82.5204499 L19.677614,82.5204499 L18.5193223,79.2177914 L18.4932111,79.2177914 L17.2962748,82.5204499 Z M17.4894975,77 L19.5616804,77 L23,86 L20.9017059,86 L20.2061042,83.99591 L16.7677846,83.99591 L16.0471162,86 L14,86 L17.4894975,77 Z" id="Fill-6" fill="#CE2331"></path>
<path d="M26.041947,81.0705521 L28.2791188,81.0705521 C29.1908719,81.0705521 29.6847382,80.692229 29.6847382,79.7852761 C29.6847382,78.9151329 29.1908719,78.5378323 28.2791188,78.5378323 L26.041947,78.5378323 L26.041947,81.0705521 Z M24,77 L29.0083102,77 C30.6735259,77 31.7277404,78.1216769 31.7277404,79.4826176 C31.7277404,80.5419223 31.2855824,81.3353783 30.2566944,81.7392638 L30.2566944,81.7638037 C31.2592006,82.0163599 31.5451787,82.9621677 31.6106055,83.8701431 C31.6496504,84.4366053 31.6359319,85.4948875 32,86 L29.958053,86 C29.7111199,85.4325153 29.7364464,84.5623722 29.6330299,83.8435583 C29.4895133,82.898773 29.1117267,82.4826176 28.0849492,82.4826176 L26.041947,82.4826176 L26.041947,86 L24,86 L24,77 Z" id="Fill-7" fill="#CE2331"></path>
<path d="M39.041947,81.0705521 L41.2791188,81.0705521 C42.1908719,81.0705521 42.6847382,80.692229 42.6847382,79.7852761 C42.6847382,78.9151329 42.1908719,78.5378323 41.2791188,78.5378323 L39.041947,78.5378323 L39.041947,81.0705521 Z M37,77 L42.0083102,77 C43.6735259,77 44.7266851,78.1216769 44.7266851,79.4826176 C44.7266851,80.5419223 44.2845271,81.3353783 43.2566944,81.7392638 L43.2566944,81.7638037 C44.2592006,82.0163599 44.5451787,82.9621677 44.6106055,83.8701431 C44.6485952,84.4366053 44.6359319,85.4948875 45,86 L42.958053,86 C42.7111199,85.4325153 42.7364464,84.5623722 42.6330299,83.8435583 C42.4895133,82.898773 42.1117267,82.4826176 41.0849492,82.4826176 L39.041947,82.4826176 L39.041947,86 L37,86 L37,77 Z" id="Fill-8" fill="#CE2331"></path>
<polyline id="Fill-9" fill="#CE2331" points="46 77 52.8962885 77 52.8962885 78.6635992 48.0281353 78.6635992 48.0281353 80.5920245 52.4961089 80.5920245 52.4961089 82.1298569 48.0281353 82.1298569 48.0281353 84.3364008 53 84.3364008 53 86 46 86 46 77"></polyline>
<polyline id="Fill-10" fill="#CE2331" points="63.5435441 86 61.5478682 86 59.9994811 79.8732106 59.9745741 79.8732106 58.4521318 86 56.4180576 86 54 77 56.0081294 77 57.453775 83.1257669 57.4797198 83.1257669 59.0665052 77 60.9469861 77 62.5078267 83.2014315 62.5327337 83.2014315 64.030269 77 66 77 63.5435441 86"></polyline>
<path d="M68.2962748,82.5204499 L70.677614,82.5204499 L69.5193223,79.2177914 L69.4932111,79.2177914 L68.2962748,82.5204499 Z M68.4894975,77 L70.5616804,77 L74,86 L71.9006615,86 L71.2061042,83.99591 L67.7677846,83.99591 L67.0471162,86 L65,86 L68.4894975,77 Z" id="Fill-11" fill="#CE2331"></path>
<path d="M76.0430022,81.0705521 L78.2801741,81.0705521 C79.1898166,81.0705521 79.6847382,80.692229 79.6847382,79.7852761 C79.6847382,78.9151329 79.1898166,78.5378323 78.2801741,78.5378323 L76.0430022,78.5378323 L76.0430022,81.0705521 Z M74,77 L79.0083102,77 C80.6724707,77 81.7266851,78.1216769 81.7266851,79.4826176 C81.7266851,80.5419223 81.2855824,81.3353783 80.2566944,81.7392638 L80.2566944,81.7638037 C81.2592006,82.0163599 81.5451787,82.9621677 81.6095502,83.8701431 C81.6485952,84.4366053 81.6369872,85.4948875 82,86 L79.958053,86 C79.7100646,85.4325153 79.7375016,84.5623722 79.6330299,83.8435583 C79.4895133,82.898773 79.112782,82.4826176 78.0838939,82.4826176 L76.0430022,82.4826176 L76.0430022,86 L74,86 L74,77 Z" id="Fill-12" fill="#CE2331"></path>
<g id="Group-17" transform="translate(83.000000, 48.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-14"></g>
<path d="M2.41,36.164 L4.136,36.164 C5.258,36.164 6.33,35.473 6.33,33.525 C6.33,31.75 5.714,30.616 3.791,30.616 L2.41,30.616 L2.41,36.164 Z M0.475,28.989 L4.271,28.989 C6.553,28.989 8.266,30.419 8.266,33.34 C8.266,35.892 6.959,37.791 4.271,37.791 L0.475,37.791 L0.475,28.989 Z" id="Fill-13" fill="#CE2331" mask="url(#mask-4)"></path>
<path d="M11.075,34.869 C11.075,36.04 11.987,36.497 13.022,36.497 C13.701,36.497 14.736,36.299 14.736,35.399 C14.736,34.45 13.417,34.29 12.123,33.944 C10.816,33.599 9.497,33.093 9.497,31.442 C9.497,29.642 11.198,28.779 12.789,28.779 C14.626,28.779 16.314,29.581 16.314,31.614 L14.44,31.614 C14.379,30.554 13.627,30.283 12.702,30.283 C12.086,30.283 11.371,30.542 11.371,31.282 C11.371,31.959 11.79,32.046 13.997,32.613 C14.638,32.773 16.61,33.18 16.61,35.177 C16.61,36.792 15.341,38 12.949,38 C11.001,38 9.177,37.039 9.201,34.869 L11.075,34.869" id="Fill-15" fill="#CE2331" mask="url(#mask-4)"></path>
<path d="M14.676,9.577 C13.662,8.82 12.437,8.493 11.242,8.174 L11.109,8.14 C9.87,7.797 9.137,7.48 8.658,7.077 C8.173,6.666 7.937,6.123 7.897,5.318 C7.881,4.95 7.934,4.596 8.052,4.268 C8.172,3.944 8.353,3.655 8.59,3.409 C8.854,3.132 9.188,2.915 9.578,2.763 C9.983,2.606 10.437,2.527 10.937,2.527 C11.347,2.511 11.763,2.578 12.143,2.714 C12.493,2.839 12.796,3.023 13.04,3.259 C13.273,3.487 13.458,3.772 13.588,4.104 C13.724,4.453 13.796,4.855 13.802,5.298 L13.815,6.083 L16.128,6.083 L16.118,5.272 C16.093,3.824 15.584,2.584 14.646,1.69 C13.717,0.802 12.43,0.323 10.917,0.303 C9.534,0.303 8.249,0.732 7.296,1.512 C6.178,2.43 5.586,3.761 5.586,5.376 C5.64,6.93 6.156,8.041 7.215,8.868 C8.158,9.61 9.46,10.021 10.738,10.384 C12.069,10.674 12.947,11.063 13.501,11.608 C14.013,12.113 14.262,12.794 14.288,13.748 L14.29,13.861 C14.29,14.31 14.211,14.737 14.053,15.128 C13.898,15.517 13.671,15.867 13.378,16.166 C13.073,16.473 12.711,16.713 12.299,16.878 C11.873,17.047 11.408,17.13 10.918,17.13 C9.849,17.13 8.944,16.803 8.301,16.185 C7.661,15.57 7.313,14.697 7.295,13.659 L7.281,12.872 L5.007,12.884 L4.966,13.896 C4.966,14.574 5.088,15.227 5.329,15.839 C5.572,16.45 5.931,17.007 6.396,17.497 C6.948,18.077 7.652,18.552 8.432,18.872 C9.203,19.186 10.062,19.354 10.918,19.354 C11.721,19.354 12.496,19.202 13.222,18.902 C13.946,18.599 14.585,18.162 15.12,17.601 C15.639,17.058 16.031,16.432 16.284,15.741 C16.538,15.05 16.645,14.32 16.601,13.569 C16.506,11.778 15.875,10.471 14.676,9.577" id="Fill-16" fill="#1A1919" mask="url(#mask-4)"></path>
</g>
<polyline id="Fill-18" fill="#1A1919" points="88.0620795 39.6701031 85 39.6701031 87.4811476 41.3260988 86.5528755 43.9943028 89.0015234 42.3459034 91.4654056 44 90.5269773 41.3241997 93 39.6701031 89.9440142 39.6701031 89.0076171 37 88.0620795 39.6701031"></polyline>
<path d="M78.7701234,63.2682239 L72.57216,48 L70,48 L70.6655669,49.6517479 C70.7198362,49.7872707 72.4318789,54.0322935 74.1316343,58.2416523 L77.4051994,66.3485656 L73.9882815,74 L76.6280221,74 L87.3139541,49.6680514 L88,48 L85.347972,48 L78.7701234,63.2682239" id="Fill-19" fill="#1A1919"></path>
<path d="M55.3914111,52.2897113 C56.245076,51.531706 57.0233008,51.0290289 57.8402382,50.707874 C58.6522125,50.3867192 59.5416122,50.2311286 60.720861,50.2171654 C62.0301447,50.2171654 63.3761559,50.5951706 64.5117287,51.2823622 C65.8319315,52.084252 66.8096756,53.2751181 67.3387493,54.7253018 L67.5283423,55.2529134 L70,55.2529134 L69.6237919,54.1937008 C68.8912283,52.1311286 67.5253644,50.4665092 65.6741027,49.3783727 C64.164307,48.4907087 62.3616843,48 60.598767,48 C57.957369,48 55.5274019,48.9704462 53.7535656,50.7338058 C51.9777441,52.4951706 51,54.9098163 51,57.5309186 C51,59.9445669 51.9052819,62.3093438 53.4845619,64.0208399 C55.2822214,65.9697113 57.797555,67 60.7556032,67 C62.7349146,67 64.6129774,66.4344882 66.1863017,65.3643045 C67.7586333,64.2891339 68.9358968,62.7701312 69.5890497,60.9718635 L69.9781621,59.9046719 L67.4866517,59.9046719 L67.3040071,60.4432546 C66.9268063,61.528399 66.1049057,62.5925984 65.0467583,63.3645669 C63.7940546,64.2781627 62.2554725,64.7688714 60.598767,64.7828346 C59.6279714,64.7828346 58.6869547,64.6072966 57.8045034,64.2622047 C56.9280079,63.9161155 56.1418421,63.4134383 55.4698292,62.7691339 C54.773993,62.1038845 54.2340003,61.3089764 53.8597774,60.4093438 C53.4875398,59.5077165 53.2979468,58.5272966 53.2979468,57.5 C53.2979468,56.4986352 53.4994514,55.4763255 53.8816154,54.53979 C54.2548456,53.62021 54.7769709,52.8412598 55.3914111,52.2897113" id="Fill-20" fill="#1A1919"></path>
<path d="M46.712652,48 L46.712652,51.1179589 C46.2227882,50.5643866 45.6470007,50.061683 45.0089926,49.634784 C43.4119971,48.5655415 41.5246387,48 39.5474062,48 C35.9247843,48 33.6868178,49.6517402 32.4483314,51.0351724 C30.8918287,52.7677043 30,55.1236285 30,57.5004987 C30,59.8743766 30.890841,62.2303008 32.4463562,63.9628327 C33.6858301,65.3492572 35.9247843,67 39.5474062,67 C41.4258759,67 43.119659,66.5541498 44.5813494,65.6724237 C45.3833039,65.1876739 46.0963718,64.5812379 46.712652,63.8630899 L46.712652,66.9980051 L49,66.9980051 L49,48 L46.712652,48 Z M46.7215407,58.7163631 C46.6454933,59.1801669 46.5299407,59.6170403 46.3719202,60.0239908 C45.8593409,61.4702609 44.9645493,62.676151 43.7863083,63.5070082 C42.6041169,64.3418552 41.1710677,64.7837157 39.6422185,64.7837157 C37.4082025,64.7837157 35.5188689,64.0007349 34.1776692,62.5215497 C32.9895519,61.2109297 32.2991995,59.3796525 32.2843851,57.5004987 C32.2843851,55.4836999 33.021156,53.634469 34.3584052,52.2949236 C35.6956544,50.9543808 37.5375819,50.2172817 39.5474062,50.2172817 C41.042676,50.2172817 42.4688117,50.6362014 43.6707558,51.4291564 C44.8657865,52.2181217 45.7724296,53.3352407 46.2958728,54.6707964 C46.4617944,55.0637829 46.5901861,55.4856948 46.6770974,55.9255604 C46.7630211,56.3664234 46.8074644,56.8372093 46.8074644,57.3389154 C46.8252417,57.792745 46.7966005,58.2555515 46.7215407,58.7163631 Z" id="Fill-21" fill="#1A1919"></path>
<path d="M25.8322337,49.8823437 C25.1937134,49.2538983 24.4270887,48.7770778 23.5533768,48.4638526 C21.8690044,47.8573529 19.5621247,47.8064787 17.6485655,48.599517 C16.6897843,48.9955374 15.8430944,49.5790938 15.1985692,50.2833517 C14.9343539,50.5676484 14.7041664,50.8639156 14.4959967,51.1841235 C14.2578027,50.7751352 14.0526355,50.4798656 13.8895026,50.3112826 C13.2509823,49.5621358 12.4383201,48.9805744 11.4725332,48.5835565 C10.5257617,48.1965139 9.46890059,48 8.32897175,48 C7.60838461,48 6.50548595,48.1107261 5.34153755,48.6354282 C4.57791534,48.9805744 3.90036326,49.4514097 3.31788865,50.0429464 L3.31788865,48 L1,48 L1,67 L3.31788865,67 L3.31788865,56.3293957 C3.31788865,55.2909645 3.43198161,54.4231113 3.6701757,53.676957 C3.89636,52.9587337 4.24464378,52.3432562 4.7500556,51.7746627 C5.11635407,51.3028298 5.6487879,50.9028193 6.28830899,50.6165275 C6.95184966,50.3242505 7.65442212,50.1816034 8.30695381,50.2175146 C9.21269182,50.246443 10.0073393,50.4100383 10.6678775,50.7043104 C11.3094003,50.9906022 11.8468382,51.4055757 12.2621766,51.9322728 C12.6524946,52.446002 12.8896879,52.8968866 13.05182,53.4365517 C13.2539847,54.0959206 13.3480614,54.9059169 13.3480614,55.9862446 L13.3420565,67 L15.6589443,67 L15.6589443,56.4870058 C15.6589443,55.353809 15.6949737,54.4500446 15.8761213,53.7208484 C16.0352509,53.07744 16.3194825,52.5258046 16.8298984,51.8754135 C17.2602491,51.3247756 17.8597376,50.8958366 18.6173549,50.6025621 C19.9704574,50.075865 21.6157981,50.1357169 22.7247016,50.5347299 C23.2831566,50.7342364 23.7625473,51.0374862 24.1568686,51.4394918 C24.6542739,51.9292802 25.0325821,52.5816664 25.282786,53.3766997 C25.5500037,54.2255998 25.684113,55.2710138 25.684113,56.4870058 L25.684113,67 L28,67 L28,56.4870058 C28,55.0266184 27.8238565,53.7348139 27.4785751,52.6504961 C27.1162799,51.5153042 26.5608273,50.583609 25.8322337,49.8823437" id="Fill-22" fill="#1A1919"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
dist/mComponents.common.js 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/mComponents.common.js.map 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/mComponents.umd.js 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/mComponents.umd.js.map 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/mComponents.umd.min.js 0 → 100644
View file @ d5d1c0d5
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["mComponents"]=e(require("vue")):t["mComponents"]=e(t["Vue"])})("undefined"!==typeof self?self:this,(function(t){return function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s="fb15")}({"00ee":function(t,e,r){var n=r("b622"),o=n("toStringTag"),i={};i[o]="z",t.exports="[object z]"===String(i)},"0116":function(t,e,r){t.exports=r.p+"img/macyStar.760f3c23.svg"},"0366":function(t,e,r){var n=r("1c0b");t.exports=function(t,e,r){if(n(t),void 0===e)return t;switch(r){case 0:return function(){return t.call(e)};case 1:return function(r){return t.call(e,r)};case 2:return function(r,n){return t.call(e,r,n)};case 3:return function(r,n,o){return t.call(e,r,n,o)}}return function(){return t.apply(e,arguments)}}},"057f":function(t,e,r){var n=r("fc6a"),o=r("241c").f,i={}.toString,c="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return o(t)}catch(e){return c.slice()}};t.exports.f=function(t){return c&&"[object Window]"==i.call(t)?a(t):o(n(t))}},"06cf":function(t,e,r){var n=r("83ab"),o=r("d1e7"),i=r("5c6c"),c=r("fc6a"),a=r("a04b"),s=r("5135"),l=r("0cfb"),u=Object.getOwnPropertyDescriptor;e.f=n?u:function(t,e){if(t=c(t),e=a(e),l)try{return u(t,e)}catch(r){}if(s(t,e))return i(!o.f.call(t,e),t[e])}},"07f3":function(t,e,r){"use strict";r("ec32")},"0b42":function(t,e,r){var n=r("861d"),o=r("e8b5"),i=r("b622"),c=i("species");t.exports=function(t){var e;return o(t)&&(e=t.constructor,"function"!=typeof e||e!==Array&&!o(e.prototype)?n(e)&&(e=e[c],null===e&&(e=void 0)):e=void 0),void 0===e?Array:e}},"0cfb":function(t,e,r){var n=r("83ab"),o=r("d039"),i=r("cc12");t.exports=!n&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},"159b":function(t,e,r){var n=r("da84"),o=r("fdbc"),i=r("17c2"),c=r("9112");for(var a in o){var s=n[a],l=s&&s.prototype;if(l&&l.forEach!==i)try{c(l,"forEach",i)}catch(u){l.forEach=i}}},"17c2":function(t,e,r){"use strict";var n=r("b727").forEach,o=r("a640"),i=o("forEach");t.exports=i?[].forEach:function(t){return n(this,t,arguments.length>1?arguments[1]:void 0)}},"19aa":function(t,e){t.exports=function(t,e,r){if(!(t instanceof e))throw TypeError("Incorrect "+(r?r+" ":"")+"invocation");return t}},"1be4":function(t,e,r){var n=r("d066");t.exports=n("document","documentElement")},"1c0b":function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},"1c42":function(t,e,r){"use strict";r("6a7d")},"1c7e":function(t,e,r){var n=r("b622"),o=n("iterator"),i=!1;try{var c=0,a={next:function(){return{done:!!c++}},return:function(){i=!0}};a[o]=function(){return this},Array.from(a,(function(){throw 2}))}catch(s){}t.exports=function(t,e){if(!e&&!i)return!1;var r=!1;try{var n={};n[o]=function(){return{next:function(){return{done:r=!0}}}},t(n)}catch(s){}return r}},"1cdc":function(t,e,r){var n=r("342f");t.exports=/(?:iphone|ipod|ipad).*applewebkit/i.test(n)},"1d80":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"1dde":function(t,e,r){var n=r("d039"),o=r("b622"),i=r("2d00"),c=o("species");t.exports=function(t){return i>=51||!n((function(){var e=[],r=e.constructor={};return r[c]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},"1de5":function(t,e,r){"use strict";t.exports=function(t,e){return e||(e={}),t=t&&t.__esModule?t.default:t,"string"!==typeof t?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),e.hash&&(t+=e.hash),/["'() \t\n]/.test(t)||e.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t)}},2266:function(t,e,r){var n=r("825a"),o=r("e95a"),i=r("50c4"),c=r("0366"),a=r("35a1"),s=r("2a62"),l=function(t,e){this.stopped=t,this.result=e};t.exports=function(t,e,r){var u,d,f,p,h,v,b,g=r&&r.that,m=!(!r||!r.AS_ENTRIES),y=!(!r||!r.IS_ITERATOR),j=!(!r||!r.INTERRUPTED),O=c(e,g,1+m+j),x=function(t){return u&&s(u),new l(!0,t)},w=function(t){return m?(n(t),j?O(t[0],t[1],x):O(t[0],t[1])):j?O(t,x):O(t)};if(y)u=t;else{if(d=a(t),"function"!=typeof d)throw TypeError("Target is not iterable");if(o(d)){for(f=0,p=i(t.length);p>f;f++)if(h=w(t[f]),h&&h instanceof l)return h;return new l(!1)}u=d.call(t)}v=u.next;while(!(b=v.call(u)).done){try{h=w(b.value)}catch(S){throw s(u),S}if("object"==typeof h&&h&&h instanceof l)return h}return new l(!1)}},"23cb":function(t,e,r){var n=r("a691"),o=Math.max,i=Math.min;t.exports=function(t,e){var r=n(t);return r<0?o(r+e,0):i(r,e)}},"23e7":function(t,e,r){var n=r("da84"),o=r("06cf").f,i=r("9112"),c=r("6eeb"),a=r("ce4e"),s=r("e893"),l=r("94ca");t.exports=function(t,e){var r,u,d,f,p,h,v=t.target,b=t.global,g=t.stat;if(u=b?n:g?n[v]||a(v,{}):(n[v]||{}).prototype,u)for(d in e){if(p=e[d],t.noTargetGet?(h=o(u,d),f=h&&h.value):f=u[d],r=l(b?d:v+(g?".":"#")+d,t.forced),!r&&void 0!==f){if(typeof p===typeof f)continue;s(p,f)}(t.sham||f&&f.sham)&&i(p,"sham",!0),c(u,d,p,t)}}},"241c":function(t,e,r){var n=r("ca84"),o=r("7839"),i=o.concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return n(t,i)}},"24fb":function(t,e,r){"use strict";function n(t,e){var r=t[1]||"",n=t[3];if(!n)return r;if(e&&"function"===typeof btoa){var i=o(n),c=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[r].concat(c).concat([i]).join("\n")}return[r].join("\n")}function o(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e);return"/*# ".concat(r," */")}t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=n(e,t);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"===typeof t&&(t=[[null,t,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(o[c]=!0)}for(var a=0;a<t.length;a++){var s=[].concat(t[a]);n&&o[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),e.push(s))}},e}},2626:function(t,e,r){"use strict";var n=r("d066"),o=r("9bf2"),i=r("b622"),c=r("83ab"),a=i("species");t.exports=function(t){var e=n(t),r=o.f;c&&e&&!e[a]&&r(e,a,{configurable:!0,get:function(){return this}})}},"2a62":function(t,e,r){var n=r("825a");t.exports=function(t){var e=t["return"];if(void 0!==e)return n(e.call(t)).value}},"2af9":function(t,e,r){"use strict";(function(t){r("159b"),r("b64b");var n=r("3dfd"),o={Cart:n["a"]};function i(t){i.installed||(i.installed=!0,Object.keys(o).forEach((function(e){t.component(e,o[e])})))}var c={install:i},a=null;"undefined"!==typeof window?a=window.Vue:"undefined"!==typeof t&&(a=t.vue),a&&a.use(c),o.install=i,e["a"]=o}).call(this,r("c8ba"))},"2cf4":function(t,e,r){var n,o,i,c,a=r("da84"),s=r("d039"),l=r("0366"),u=r("1be4"),d=r("cc12"),f=r("1cdc"),p=r("605d"),h=a.setImmediate,v=a.clearImmediate,b=a.process,g=a.MessageChannel,m=a.Dispatch,y=0,j={},O="onreadystatechange";try{n=a.location}catch(N){}var x=function(t){if(j.hasOwnProperty(t)){var e=j[t];delete j[t],e()}},w=function(t){return function(){x(t)}},S=function(t){x(t.data)},C=function(t){a.postMessage(String(t),n.protocol+"//"+n.host)};h&&v||(h=function(t){var e=[],r=arguments.length,n=1;while(r>n)e.push(arguments[n++]);return j[++y]=function(){("function"==typeof t?t:Function(t)).apply(void 0,e)},o(y),y},v=function(t){delete j[t]},p?o=function(t){b.nextTick(w(t))}:m&&m.now?o=function(t){m.now(w(t))}:g&&!f?(i=new g,c=i.port2,i.port1.onmessage=S,o=l(c.postMessage,c,1)):a.addEventListener&&"function"==typeof postMessage&&!a.importScripts&&n&&"file:"!==n.protocol&&!s(C)?(o=C,a.addEventListener("message",S,!1)):o=O in d("script")?function(t){u.appendChild(d("script"))[O]=function(){u.removeChild(this),x(t)}}:function(t){setTimeout(w(t),0)}),t.exports={set:h,clear:v}},"2d00":function(t,e,r){var n,o,i=r("da84"),c=r("342f"),a=i.process,s=i.Deno,l=a&&a.versions||s&&s.version,u=l&&l.v8;u?(n=u.split("."),o=n[0]<4?1:n[0]+n[1]):c&&(n=c.match(/Edge\/(\d+)/),(!n||n[1]>=74)&&(n=c.match(/Chrome\/(\d+)/),n&&(o=n[1]))),t.exports=o&&+o},"2d61":function(t,e,r){var n=r("a94d");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("2f4b65fb",n,!0,{sourceMap:!1,shadowMode:!1})},"342f":function(t,e,r){var n=r("d066");t.exports=n("navigator","userAgent")||""},"353b":function(t,e,r){var n=r("24fb");e=n(!1),e.push([t.i,"p.error[data-v-39f9f1f2]{color:red}.black[data-v-39f9f1f2]{text-transform:capitalize;font-weight:700;background-color:#000;color:#fff;border:1px solid transparent}",""]),t.exports=e},"35a1":function(t,e,r){var n=r("f5df"),o=r("3f8c"),i=r("b622"),c=i("iterator");t.exports=function(t){if(void 0!=t)return t[c]||t["@@iterator"]||o[n(t)]}},"37e8":function(t,e,r){var n=r("83ab"),o=r("9bf2"),i=r("825a"),c=r("df75");t.exports=n?Object.defineProperties:function(t,e){i(t);var r,n=c(e),a=n.length,s=0;while(a>s)o.f(t,r=n[s++],e[r]);return t}},"3bbe":function(t,e,r){var n=r("861d");t.exports=function(t){if(!n(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},"3dfd":function(t,e,r){"use strict";var n=r("8bbf"),o=r("0116"),i=r.n(o),c={id:"mcart"},a={class:"container"},s={class:"justify-content-md-center row"},l={class:"col col-lg-8"},u=Object(n["createVNode"])("div",{class:"card",style:{width:"95%",padding:"0.75rem 1.25rem","font-size":"0.875rem"}},[Object(n["createVNode"])("div",{class:"row",style:{"align-items":"center"}},[Object(n["createVNode"])("div",{class:"col col-lg-2"},[Object(n["createVNode"])("img",{src:i.a,alt:"image"})]),Object(n["createVNode"])("div",{class:"col col-lg-10"},[Object(n["createVNode"])("p",null,"Get better benefits when you shop with Star Rewards!")])])],-1),d={class:"card"},f=Object(n["createVNode"])("h3",null,"Current Offers",-1),p=Object(n["createVNode"])("p",null," Based on certain items in your bag, you qualify for additional offers. Some may require a selection. ",-1),h={class:"col col-lg-4"};function v(t,e,r,o,i,v){var b=Object(n["resolveComponent"])("top-bar"),g=Object(n["resolveComponent"])("banner"),m=Object(n["resolveComponent"])("list-cart-items"),y=Object(n["resolveComponent"])("frequently-view"),j=Object(n["resolveComponent"])("suggest-product"),O=Object(n["resolveComponent"])("promo"),x=Object(n["resolveComponent"])("checkout-info");return Object(n["openBlock"])(),Object(n["createBlock"])("div",c,[Object(n["createVNode"])("div",a,[Object(n["createVNode"])("div",s,[Object(n["createVNode"])("div",l,[Object(n["createVNode"])(b),Object(n["createVNode"])(g,null,{default:Object(n["withCtx"])((function(){return[u]})),_:1}),Object(n["createVNode"])(y,null,{default:Object(n["withCtx"])((function(){return[Object(n["createVNode"])("div",d,[f,p,Object(n["createVNode"])(m)])]})),_:1}),Object(n["createVNode"])(j,{title:"Customers Also Shopped",list:i.list},null,8,["list"]),Object(n["createVNode"])(j,{title:"Recently Viewed",list:i.list},null,8,["list"])]),Object(n["createVNode"])("div",h,[Object(n["createVNode"])(O),Object(n["createVNode"])(x)])])])])}r("d3b7"),r("e6cf"),r("a79d");var b=Object(n["createVNode"])("div",{class:"card mb-3"},[Object(n["createVNode"])("h1",null,"Shopping Bag ")],-1);function g(t,e,r,o,i,c){var a=Object(n["resolveComponent"])("list-cart-items");return Object(n["openBlock"])(),Object(n["createBlock"])("div",null,[b,Object(n["createVNode"])(a)])}r("a4d3"),r("e01a");var m=Object(n["withScopeId"])("data-v-e6cc3290");Object(n["pushScopeId"])("data-v-e6cc3290");var y={key:0,class:"card"},j={class:"card-body"},O={class:"row no-gutters"},x={class:"col col-lg-2"},w={class:"col col-lg-6"},S={class:"card-text"},C=Object(n["createVNode"])("br",null,null,-1),N=Object(n["createVNode"])("br",null,null,-1),k=Object(n["createVNode"])("div",{class:"card-text"}," Size: M ",-1),V=Object(n["createVNode"])("div",{class:"card-text"}," Color: Red ",-1),R={class:"col col-lg-2"},M=Object(n["createStaticVNode"])('<option value="1" data-v-e6cc3290>1</option><option value="2" data-v-e6cc3290>2</option><option value="3" data-v-e6cc3290>3</option><option value="4" data-v-e6cc3290>4</option><option value="5" data-v-e6cc3290>5</option>',5),P={class:"col col-lg-2"},T={class:"card-text"},B={class:"red"},E={class:"grey"},I=Object(n["createVNode"])("br",null,null,-1),A=Object(n["createVNode"])("br",null,null,-1),L=Object(n["createVNode"])("div",null,[Object(n["createVNode"])("p",null,[Object(n["createVNode"])("b",null,"Sihip it ")]),Object(n["createVNode"])("p",null,[Object(n["createVNode"])("span",{class:"green"},"In Stock: "),Object(n["createTextVNode"])(" Usually ships within 3 business days.")])],-1),_={class:"links"},D=Object(n["createVNode"])("a",{href:""},"Save For later ",-1),z=Object(n["createVNode"])("a",{href:""},"Move to List ",-1);Object(n["popScopeId"])();var F=m((function(t,e,r,o,i,c){return Object(n["openBlock"])(),Object(n["createBlock"])("div",null,[i.loading?(Object(n["openBlock"])(),Object(n["createBlock"])("div",y," loading..... ")):(Object(n["openBlock"])(!0),Object(n["createBlock"])(n["Fragment"],{key:1},Object(n["renderList"])(i.list,(function(t){return Object(n["openBlock"])(),Object(n["createBlock"])("div",{class:"overflow-hidden mb-2 card",key:t.id},[Object(n["createVNode"])("div",j,[Object(n["createVNode"])("div",O,[Object(n["createVNode"])("div",x,[Object(n["createVNode"])("img",{src:t.image,alt:"Image",class:"rounded-0"},null,8,["src"])]),Object(n["createVNode"])("div",w,[Object(n["createVNode"])("div",{title:t.title},[Object(n["createVNode"])("div",S,[Object(n["createVNode"])("b",null,Object(n["toDisplayString"])(t.title),1),Object(n["createVNode"])("p",null,Object(n["toDisplayString"])(t.description),1)]),C,N,k,V],8,["title"])]),Object(n["createVNode"])("div",R,[Object(n["withDirectives"])(Object(n["createVNode"])("select",{"onUpdate:modelValue":e[1]||(e[1]=function(t){return i.selected=t})},[M],512),[[n["vModelSelect"],i.selected]])]),Object(n["createVNode"])("div",P,[Object(n["createVNode"])("div",T,[Object(n["createVNode"])("p",null,"Orig. "+Object(n["toDisplayString"])(t.price),1),Object(n["createVNode"])("p",B,"Now "+Object(n["toDisplayString"])(t.price),1),Object(n["createVNode"])("p",E,"Subtotal "+Object(n["toDisplayString"])(t.price),1),I,A,Object(n["createVNode"])("p",null,[Object(n["createVNode"])("b",null,"Total "+Object(n["toDisplayString"])(t.price*i.selected),1)])])])]),L,Object(n["createVNode"])("div",_,[D,z,Object(n["createVNode"])("a",{href:"#",onClick:function(e){return c.deleteCartItem(t.id)}},"Remove ",8,["onClick"])])])])})),128))])})),U=(r("d81d"),r("a434"),{name:"ListCartItems",data:function(){return{list:[],loading:!1,selected:"1"}},computed:{getTotal:function(t){return t+this.selected}},methods:{deleteCartItem:function(t){fetch("https://fakestoreapi.com/products/"+t).then((function(t){console.log("==",t)}));var e=this.list.map((function(t){return t.id})).indexOf(t);this.list.splice(e,1)}},mounted:function(){var t=this;this.loading=!0,fetch("https://fakestoreapi.com/products?limit=5").then((function(t){return t.json()})).then((function(e){t.list=e})).finally((function(){return t.loading=!1}))}});r("1c42");U.render=F,U.__scopeId="data-v-e6cc3290";var $=U,H={components:{ListCartItems:$}};H.render=g;var W=H,G=Object(n["withScopeId"])("data-v-39f9f1f2");Object(n["pushScopeId"])("data-v-39f9f1f2");var q={class:"card mb-3"},J=Object(n["createVNode"])("h3",null,"Offers",-1),K=Object(n["createVNode"])("p",null,"Enter Promo code. Linit of 1 offer per order ",-1),X={class:"input-group"},Y={class:"input-group-append"},Q={key:0,class:"error"};Object(n["popScopeId"])();var Z=G((function(t,e,r,o,i,c){return Object(n["openBlock"])(),Object(n["createBlock"])("div",q,[J,K,Object(n["createVNode"])("div",X,[Object(n["withDirectives"])(Object(n["createVNode"])("input",{type:"text","onUpdate:modelValue":e[1]||(e[1]=function(t){return i.code=t}),onChange:e[2]||(e[2]=function(){return c.getPromo&&c.getPromo.apply(c,arguments)})},null,544),[[n["vModelText"],i.code]]),Object(n["createVNode"])("div",Y,[Object(n["createVNode"])("button",{onClick:e[3]||(e[3]=function(){return c.getCode&&c.getCode.apply(c,arguments)}),class:"black"},"Apply")]),i.error?(Object(n["openBlock"])(),Object(n["createBlock"])("p",Q,Object(n["toDisplayString"])(i.error[0]),1)):Object(n["createCommentVNode"])("",!0)])])})),tt={data:function(){return{code:"",error:[]}},methods:{getCode:function(){""===this.code?this.error.push("Please enter propmo code"):this.error=[]},getPromo:function(t){this.code=t.target.value}}};r("a2a6");tt.render=Z,tt.__scopeId="data-v-39f9f1f2";var et=tt,rt=Object(n["withScopeId"])("data-v-193a587c");Object(n["pushScopeId"])("data-v-193a587c");var nt={class:"card mb-3"},ot=Object(n["createVNode"])("h3",null,"Offers",-1),it=Object(n["createTextVNode"])("Subtotal "),ct=Object(n["createVNode"])("p",null,[Object(n["createTextVNode"])("Shipping "),Object(n["createVNode"])("span",null,"Free ")],-1),at=Object(n["createVNode"])("p",null,"Shipping, duties and taxes will be calculated at checkout, where applicable.",-1),st=Object(n["createVNode"])("button",{id:"checkoutWithPayPal",class:"buttonPaypal",name:"PAYPAL_CHECKOUT",value:"PAYPAL_CHECKOUT","aria-label":"PayPal Checkout"},null,-1),lt=Object(n["createVNode"])("div",{class:"links"},[Object(n["createVNode"])("a",{href:""},"Continue Shopping "),Object(n["createVNode"])("a",{href:""},"Shipping internationalli? ")],-1);Object(n["popScopeId"])();var ut=rt((function(t,e,r,o,i,c){return Object(n["openBlock"])(),Object(n["createBlock"])("div",nt,[ot,Object(n["createVNode"])("p",null,[it,Object(n["createVNode"])("span",null,Object(n["toDisplayString"])(i.total),1)]),ct,at,Object(n["createVNode"])("button",{onClick:e[1]||(e[1]=function(){return t.getCode&&t.getCode.apply(t,arguments)}),class:"checkout"},"Proceed to Checkout"),st,lt])})),dt={data:function(){return{total:2e4}}};r("d51f");dt.render=ut,dt.__scopeId="data-v-193a587c";var ft=dt;function pt(t,e,r,o,i,c){return Object(n["renderSlot"])(t.$slots,"default")}var ht={};ht.render=pt;var vt=ht;function bt(t,e,r,o,i,c){return Object(n["renderSlot"])(t.$slots,"default")}var gt={};gt.render=bt;var mt=gt,yt=Object(n["withScopeId"])("data-v-62f2cc72");Object(n["pushScopeId"])("data-v-62f2cc72");var jt={class:"card"},Ot={class:"row"},xt={href:"#"},wt={class:"overflow"},St={class:"overflow"};Object(n["popScopeId"])();var Ct=yt((function(t,e,r,o,i,c){var a=Object(n["resolveComponent"])("star-rating");return Object(n["openBlock"])(),Object(n["createBlock"])("div",jt,[Object(n["createVNode"])("h3",null,Object(n["toDisplayString"])(r.title),1),Object(n["createVNode"])("div",Ot,[(Object(n["openBlock"])(!0),Object(n["createBlock"])(n["Fragment"],null,Object(n["renderList"])(r.list,(function(t){return Object(n["openBlock"])(),Object(n["createBlock"])("div",{class:"col-lg-2",key:t.id},[Object(n["createVNode"])("a",xt,[Object(n["createVNode"])("img",{src:t.image,alt:"image",height:"130",width:"100%"},null,8,["src"]),Object(n["createVNode"])("p",wt,[Object(n["createVNode"])("b",null,Object(n["toDisplayString"])(t.title),1)]),Object(n["createVNode"])("p",St,Object(n["toDisplayString"])(t.description),1)]),Object(n["createVNode"])("p",null,[Object(n["createVNode"])("b",null,Object(n["toDisplayString"])(t.price),1)]),Object(n["createVNode"])(a,{rating:i.rating,"onUpdate:rating":e[1]||(e[1]=function(t){return i.rating=t}),"star-size":"20","max-rating":5,"active-color":"#000","show-rating":"false"},null,8,["rating"])])})),128))])])})),Nt=r("5b3d"),kt=r.n(Nt),Vt={components:{StarRating:kt.a},data:function(){return{rating:"4"}},props:{title:String,list:Array}};r("07f3");Vt.render=Ct,Vt.__scopeId="data-v-62f2cc72";var Rt=Vt,Mt={name:"App",data:function(){return{list:[],loading:!1}},components:{TopBar:W,Promo:et,CheckoutInfo:ft,Banner:vt,FrequentlyView:mt,ListCartItems:$,SuggestProduct:Rt},mounted:function(){var t=this;this.loading=!0,fetch("https://fakestoreapi.com/products?limit=5").then((function(t){return t.json()})).then((function(e){t.list=e,console.log("===list",t.list)})).finally((function(){return t.loading=!1}))}};r("8c7a");Mt.render=v;e["a"]=Mt},"3f8c":function(t,e){t.exports={}},"428f":function(t,e,r){var n=r("da84");t.exports=n},"44ad":function(t,e,r){var n=r("d039"),o=r("c6b6"),i="".split;t.exports=n((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},"44de":function(t,e,r){var n=r("da84");t.exports=function(t,e){var r=n.console;r&&r.error&&(1===arguments.length?r.error(t):r.error(t,e))}},4840:function(t,e,r){var n=r("825a"),o=r("1c0b"),i=r("b622"),c=i("species");t.exports=function(t,e){var r,i=n(t).constructor;return void 0===i||void 0==(r=n(i)[c])?e:o(r)}},"485a":function(t,e,r){var n=r("861d");t.exports=function(t,e){var r,o;if("string"===e&&"function"==typeof(r=t.toString)&&!n(o=r.call(t)))return o;if("function"==typeof(r=t.valueOf)&&!n(o=r.call(t)))return o;if("string"!==e&&"function"==typeof(r=t.toString)&&!n(o=r.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},4930:function(t,e,r){var n=r("2d00"),o=r("d039");t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&n&&n<41}))},"499e":function(t,e,r){"use strict";function n(t,e){for(var r=[],n={},o=0;o<e.length;o++){var i=e[o],c=i[0],a=i[1],s=i[2],l=i[3],u={id:t+":"+o,css:a,media:s,sourceMap:l};n[c]?n[c].parts.push(u):r.push(n[c]={id:c,parts:[u]})}return r}r.r(e),r.d(e,"default",(function(){return h}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},c=o&&(document.head||document.getElementsByTagName("head")[0]),a=null,s=0,l=!1,u=function(){},d=null,f="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(t,e,r,o){l=r,d=o||{};var c=n(t,e);return v(c),function(e){for(var r=[],o=0;o<c.length;o++){var a=c[o],s=i[a.id];s.refs--,r.push(s)}e?(c=n(t,e),v(c)):c=[];for(o=0;o<r.length;o++){s=r[o];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete i[s.id]}}}}function v(t){for(var e=0;e<t.length;e++){var r=t[e],n=i[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(g(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{var c=[];for(o=0;o<r.parts.length;o++)c.push(g(r.parts[o]));i[r.id]={id:r.id,refs:1,parts:c}}}}function b(){var t=document.createElement("style");return t.type="text/css",c.appendChild(t),t}function g(t){var e,r,n=document.querySelector("style["+f+'~="'+t.id+'"]');if(n){if(l)return u;n.parentNode.removeChild(n)}if(p){var o=s++;n=a||(a=b()),e=y.bind(null,n,o,!1),r=y.bind(null,n,o,!0)}else n=b(),e=j.bind(null,n),r=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else r()}}var m=function(){var t=[];return function(e,r){return t[e]=r,t.filter(Boolean).join("\n")}}();function y(t,e,r,n){var o=r?"":n.css;if(t.styleSheet)t.styleSheet.cssText=m(e,o);else{var i=document.createTextNode(o),c=t.childNodes;c[e]&&t.removeChild(c[e]),c.length?t.insertBefore(i,c[e]):t.appendChild(i)}}function j(t,e){var r=e.css,n=e.media,o=e.sourceMap;if(n&&t.setAttribute("media",n),d.ssrId&&t.setAttribute(f,e.id),o&&(r+="\n/*# sourceURL="+o.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=r;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}},"4d64":function(t,e,r){var n=r("fc6a"),o=r("50c4"),i=r("23cb"),c=function(t){return function(e,r,c){var a,s=n(e),l=o(s.length),u=i(c,l);if(t&&r!=r){while(l>u)if(a=s[u++],a!=a)return!0}else for(;l>u;u++)if((t||u in s)&&s[u]===r)return t||u||0;return!t&&-1}};t.exports={includes:c(!0),indexOf:c(!1)}},"50c4":function(t,e,r){var n=r("a691"),o=Math.min;t.exports=function(t){return t>0?o(n(t),9007199254740991):0}},5135:function(t,e,r){var n=r("7b0b"),o={}.hasOwnProperty;t.exports=Object.hasOwn||function(t,e){return o.call(n(t),e)}},5692:function(t,e,r){var n=r("c430"),o=r("c6cd");(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.16.0",mode:n?"pure":"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"})},"56ef":function(t,e,r){var n=r("d066"),o=r("241c"),i=r("7418"),c=r("825a");t.exports=n("Reflect","ownKeys")||function(t){var e=o.f(c(t)),r=i.f;return r?e.concat(r(t)):e}},"577e":function(t,e,r){var n=r("d9b5");t.exports=function(t){if(n(t))throw TypeError("Cannot convert a Symbol value to a string");return String(t)}},"5b3d":function(t,e,r){t.exports=function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s="fb15")}({"0a04":function(t,e,r){var n=r("4bad");e=n(!1),e.push([t.i,".vue-star-rating-star[data-v-f675a548]{display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.vue-star-rating-pointer[data-v-f675a548]{cursor:pointer}.vue-star-rating[data-v-f675a548]{display:flex;align-items:center}.vue-star-rating-inline[data-v-f675a548]{display:inline-flex}.vue-star-rating-rating-text[data-v-f675a548]{margin-left:7px}.vue-star-rating-rtl[data-v-f675a548]{direction:rtl}.vue-star-rating-rtl .vue-star-rating-rating-text[data-v-f675a548]{margin-right:10px;direction:rtl}.sr-only[data-v-f675a548]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}",""]),t.exports=e},"0fde":function(t,e,r){var n=r("4bad");e=n(!1),e.push([t.i,".vue-star-rating-star[data-v-11edf2d6]{overflow:visible!important}.vue-star-rating-star-rotate[data-v-11edf2d6]{transition:all .25s}.vue-star-rating-star-rotate[data-v-11edf2d6]:hover{transition:transform .25s;transform:rotate(-15deg) scale(1.3)}",""]),t.exports=e},"499e":function(t,e,r){"use strict";function n(t,e){for(var r=[],n={},o=0;o<e.length;o++){var i=e[o],c=i[0],a=i[1],s=i[2],l=i[3],u={id:t+":"+o,css:a,media:s,sourceMap:l};n[c]?n[c].parts.push(u):r.push(n[c]={id:c,parts:[u]})}return r}r.r(e),r.d(e,"default",(function(){return h}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},c=o&&(document.head||document.getElementsByTagName("head")[0]),a=null,s=0,l=!1,u=function(){},d=null,f="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(t,e,r,o){l=r,d=o||{};var c=n(t,e);return v(c),function(e){for(var r=[],o=0;o<c.length;o++){var a=c[o],s=i[a.id];s.refs--,r.push(s)}e?(c=n(t,e),v(c)):c=[];for(o=0;o<r.length;o++){s=r[o];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete i[s.id]}}}}function v(t){for(var e=0;e<t.length;e++){var r=t[e],n=i[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(g(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{var c=[];for(o=0;o<r.parts.length;o++)c.push(g(r.parts[o]));i[r.id]={id:r.id,refs:1,parts:c}}}}function b(){var t=document.createElement("style");return t.type="text/css",c.appendChild(t),t}function g(t){var e,r,n=document.querySelector("style["+f+'~="'+t.id+'"]');if(n){if(l)return u;n.parentNode.removeChild(n)}if(p){var o=s++;n=a||(a=b()),e=y.bind(null,n,o,!1),r=y.bind(null,n,o,!0)}else n=b(),e=j.bind(null,n),r=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else r()}}var m=function(){var t=[];return function(e,r){return t[e]=r,t.filter(Boolean).join("\n")}}();function y(t,e,r,n){var o=r?"":n.css;if(t.styleSheet)t.styleSheet.cssText=m(e,o);else{var i=document.createTextNode(o),c=t.childNodes;c[e]&&t.removeChild(c[e]),c.length?t.insertBefore(i,c[e]):t.appendChild(i)}}function j(t,e){var r=e.css,n=e.media,o=e.sourceMap;if(n&&t.setAttribute("media",n),d.ssrId&&t.setAttribute(f,e.id),o&&(r+="\n/*# sourceURL="+o.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=r;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}},"4bad":function(t,e,r){"use strict";function n(t,e){var r=t[1]||"",n=t[3];if(!n)return r;if(e&&"function"===typeof btoa){var i=o(n),c=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[r].concat(c).concat([i]).join("\n")}return[r].join("\n")}function o(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e);return"/*# ".concat(r," */")}t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=n(e,t);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"===typeof t&&(t=[[null,t,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(o[c]=!0)}for(var a=0;a<t.length;a++){var s=[].concat(t[a]);n&&o[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),e.push(s))}},e}},"5bef":function(t,e,r){var n=r("0fde");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("f426be92",n,!0,{sourceMap:!1,shadowMode:!1})},8875:function(t,e,r){var n,o,i;(function(r,c){o=[],n=c,i="function"===typeof n?n.apply(e,o):n,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var r,n,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,a=i.exec(p.stack)||c.exec(p.stack),s=a&&a[1]||!1,l=a&&a[2]||!1,u=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");s===u&&(r=document.documentElement.outerHTML,n=new RegExp("(?:[^\\n]+?\\n){0,"+(l-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=r.replace(n,"$1").trim());for(var f=0;f<d.length;f++){if("interactive"===d[f].readyState)return d[f];if(d[f].src===s)return d[f];if(s===u&&d[f].innerHTML&&d[f].innerHTML.trim()===o)return d[f]}return null}}return t}))},"8bbf":function(t,e){t.exports=r("8bbf")},"9ff5":function(t,e,r){"use strict";r("eed3")},d1b1:function(t,e,r){"use strict";r("5bef")},d4aa:function(t,e){class r{constructor(t){this.color=t}parseAlphaColor(){return/^rgba\((\d{1,3}%?\s*,\s*){3}(\d*(?:\.\d+)?)\)$/.test(this.color)?this.parseRgba():/^hsla\(\d+\s*,\s*([\d.]+%\s*,\s*){2}(\d*(?:\.\d+)?)\)$/.test(this.color)?this.parseHsla():/^#([0-9A-Fa-f]{4}|[0-9A-Fa-f]{8})$/.test(this.color)?this.parseAlphaHex():/^transparent$/.test(this.color)?this.parseTransparent():{color:this.color,opacity:"1"}}parseRgba(){return{color:this.color.replace(/,(?!.*,).*(?=\))|a/g,""),opacity:this.color.match(/\.\d+|[01](?=\))/)[0]}}parseHsla(){return{color:this.color.replace(/,(?!.*,).*(?=\))|a/g,""),opacity:this.color.match(/\.\d+|[01](?=\))/)[0]}}parseAlphaHex(){return{color:5===this.color.length?this.color.substring(0,4):this.color.substring(0,7),opacity:5===this.color.length?(parseInt(this.color.substring(4,5)+this.color.substring(4,5),16)/255).toFixed(2):(parseInt(this.color.substring(7,9),16)/255).toFixed(2)}}parseTransparent(){return{color:"#fff",opacity:0}}}t.exports=r},eed3:function(t,e,r){var n=r("0a04");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("87bea518",n,!0,{sourceMap:!1,shadowMode:!1})},fb15:function(t,e,r){"use strict";if(r.r(e),"undefined"!==typeof window){var n=window.document.currentScript,o=r("8875");n=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(r.p=i[1])}var c=r("8bbf");const a=Object(c["withScopeId"])("data-v-f675a548");Object(c["pushScopeId"])("data-v-f675a548");const s={class:"sr-only"};Object(c["popScopeId"])();const l=a((function(t,e,r,n,o,i){const a=Object(c["resolveComponent"])("star");return Object(c["openBlock"])(),Object(c["createBlock"])("div",{class:["vue-star-rating",{"vue-star-rating-rtl":r.rtl},{"vue-star-rating-inline":r.inline}]},[Object(c["createVNode"])("div",s,[Object(c["renderSlot"])(t.$slots,"screen-reader",{rating:o.selectedRating,stars:r.maxRating},()=>[Object(c["createVNode"])("span",null,"Rated "+Object(c["toDisplayString"])(o.selectedRating)+" stars out of "+Object(c["toDisplayString"])(r.maxRating),1)])]),Object(c["createVNode"])("div",{class:"vue-star-rating",onMouseleave:e[2]||(e[2]=(...t)=>i.resetRating(...t))},[(Object(c["openBlock"])(!0),Object(c["createBlock"])(c["Fragment"],null,Object(c["renderList"])(r.maxRating,t=>(Object(c["openBlock"])(),Object(c["createBlock"])("span",{key:t,class:[{"vue-star-rating-pointer":!r.readOnly},"vue-star-rating-star"],style:{"margin-right":i.margin+"px"}},[Object(c["createVNode"])(a,{fill:o.fillLevel[t-1],size:r.starSize,points:r.starPoints,"star-id":t,step:o.step,"active-color":i.currentActiveColor,"inactive-color":r.inactiveColor,"border-color":r.borderColor,"active-border-color":i.currentActiveBorderColor,"border-width":r.borderWidth,"rounded-corners":r.roundedCorners,rtl:r.rtl,glow:r.glow,"glow-color":r.glowColor,animate:r.animate,"onStar-selected":e[1]||(e[1]=t=>i.setRating(t,!0)),"onStar-mouse-move":i.setRating},null,8,["fill","size","points","star-id","step","active-color","inactive-color","border-color","active-border-color","border-width","rounded-corners","rtl","glow","glow-color","animate","onStar-mouse-move"])],6))),128)),r.showRating?(Object(c["openBlock"])(),Object(c["createBlock"])("span",{key:0,class:["vue-star-rating-rating-text",r.textClass]},Object(c["toDisplayString"])(i.formattedRating),3)):Object(c["createCommentVNode"])("",!0)],32)],2)})),u=Object(c["withScopeId"])("data-v-11edf2d6");Object(c["pushScopeId"])("data-v-11edf2d6");const d=Object(c["createVNode"])("feMerge",null,[Object(c["createVNode"])("feMergeNode",{in:"coloredBlur"}),Object(c["createVNode"])("feMergeNode",{in:"SourceGraphic"})],-1);Object(c["popScopeId"])();const f=u((function(t,e,r,n,o,i){return Object(c["openBlock"])(),Object(c["createBlock"])("svg",{class:["vue-star-rating-star",{"vue-star-rating-star-rotate":i.shouldAnimate}],height:i.starSize,width:i.starSize,viewBox:i.viewBox,onMousemove:e[1]||(e[1]=(...t)=>i.mouseMoving(...t)),onClick:e[2]||(e[2]=(...t)=>i.selected(...t)),onTouchstart:e[3]||(e[3]=(...t)=>i.touchStart(...t)),onTouchend:e[4]||(e[4]=(...t)=>i.touchEnd(...t))},[Object(c["createVNode"])("linearGradient",{id:o.grad,x1:"0",x2:"100%",y1:"0",y2:"0"},[Object(c["createVNode"])("stop",{offset:i.starFill,"stop-color":r.rtl?i.getColor(r.inactiveColor):i.getColor(r.activeColor),"stop-opacity":r.rtl?i.getOpacity(r.inactiveColor):i.getOpacity(r.activeColor)},null,8,["offset","stop-color","stop-opacity"]),Object(c["createVNode"])("stop",{offset:i.starFill,"stop-color":r.rtl?i.getColor(r.activeColor):i.getColor(r.inactiveColor),"stop-opacity":r.rtl?i.getOpacity(r.activeColor):i.getOpacity(r.inactiveColor)},null,8,["offset","stop-color","stop-opacity"])],8,["id"]),Object(c["createVNode"])("filter",{id:o.glowId,height:"130%",width:"130%",filterUnits:"userSpaceOnUse"},[Object(c["createVNode"])("feGaussianBlur",{stdDeviation:r.glow,result:"coloredBlur"},null,8,["stdDeviation"]),d],8,["id"]),Object(c["withDirectives"])(Object(c["createVNode"])("polygon",{points:i.starPointsToString,fill:i.gradId,stroke:r.glowColor,filter:"url(#"+o.glowId+")","stroke-width":i.border},null,8,["points","fill","stroke","filter","stroke-width"]),[[c["vShow"],r.glowColor&&r.glow>0&&r.fill>0]]),Object(c["createVNode"])("polygon",{points:i.starPointsToString,fill:i.gradId,stroke:i.getBorderColor,"stroke-width":i.border,"stroke-linejoin":i.strokeLinejoin},null,8,["points","fill","stroke","stroke-width","stroke-linejoin"]),Object(c["createVNode"])("polygon",{points:i.starPointsToString,fill:i.gradId},null,8,["points","fill"])],42,["height","width","viewBox"])}));var p=r("d4aa"),h=r.n(p),v={name:"Star",props:{fill:{type:Number,default:0},points:{type:Array,default(){return[]}},size:{type:Number,default:50},starId:{type:Number,required:!0},activeColor:{type:String,required:!0},inactiveColor:{type:String,required:!0},borderColor:{type:String,default:"#000"},activeBorderColor:{type:String,default:"#000"},borderWidth:{type:Number,default:0},roundedCorners:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1},glow:{type:Number,default:0},glowColor:{type:String,default:null,required:!1},animate:{type:Boolean,default:!1}},emits:["star-mouse-move","star-selected"],data(){return{starPoints:[19.8,2.2,6.6,43.56,39.6,17.16,0,17.16,33,43.56],grad:"",glowId:"",isStarActive:!0}},computed:{starPointsToString(){return this.starPoints.join(",")},gradId(){return"url(#"+this.grad+")"},starSize(){const t=this.roundedCorners&&this.borderWidth<=0?parseInt(this.size)-parseInt(this.border):this.size;return parseInt(t)+parseInt(this.border)},starFill(){return this.rtl?100-this.fill+"%":this.fill+"%"},border(){return this.roundedCorners&&this.borderWidth<=0?6:this.borderWidth},getBorderColor(){return this.roundedCorners&&this.borderWidth<=0?this.fill<=0?this.inactiveColor:this.activeColor:this.fill<=0?this.borderColor:this.activeBorderColor},maxSize(){return this.starPoints.reduce((function(t,e){return Math.max(t,e)}))},viewBox(){return"0 0 "+this.maxSize+" "+this.maxSize},shouldAnimate(){return this.animate&&this.isStarActive},strokeLinejoin(){return this.roundedCorners?"round":"miter"}},created(){this.starPoints=this.points.length?this.points:this.starPoints,this.calculatePoints(),this.grad=this.getRandomId(),this.glowId=this.getRandomId()},methods:{mouseMoving(t){"undefined"!==t.touchAction&&this.$emit("star-mouse-move",{event:t,position:this.getPosition(t),id:this.starId})},touchStart(){this.$nextTick(()=>{this.isStarActive=!0})},touchEnd(){this.$nextTick(()=>{this.isStarActive=!1})},getPosition(t){var e=.92*this.size;const r=this.rtl?Math.min(t.offsetX,45):Math.max(t.offsetX,1);var n=Math.round(100/e*r);return Math.min(n,100)},selected(t){this.$emit("star-selected",{id:this.starId,position:this.getPosition(t)})},getRandomId(){return Math.random().toString(36).substring(7)},calculatePoints(){this.starPoints=this.starPoints.map((t,e)=>{const r=e%2===0?1.5*this.border:0;return this.size/this.maxSize*t+r})},getColor(t){return new h.a(t).parseAlphaColor().color},getOpacity(t){return new h.a(t).parseAlphaColor().opacity}}};r("d1b1");v.render=f,v.__scopeId="data-v-11edf2d6";var b=v,g={name:"VueStarRating",components:{Star:b},props:{increment:{type:Number,default:1},rating:{type:Number,default:0},roundStartRating:{type:Boolean,default:!0},activeColor:{type:[String,Array],default:"#ffd055"},inactiveColor:{type:String,default:"#d8d8d8"},maxRating:{type:Number,default:5},starPoints:{type:Array,default(){return[]}},starSize:{type:Number,default:50},showRating:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},textClass:{type:String,default:""},inline:{type:Boolean,default:!1},borderColor:{type:String,default:"#999"},activeBorderColor:{type:[String,Array],default:null},borderWidth:{type:Number,default:0},roundedCorners:{type:Boolean,default:!1},padding:{type:Number,default:0},rtl:{type:Boolean,default:!1},fixedPoints:{type:Number,default:null},glow:{type:Number,default:0},glowColor:{type:String,default:"#fff"},clearable:{type:Boolean,default:!1},activeOnClick:{type:Boolean,default:!1},animate:{type:Boolean,default:!1}},emits:["update:rating","hover:rating"],data(){return{step:0,fillLevel:[],currentRating:0,selectedRating:0,ratingSelected:!1}},computed:{formattedRating(){return null===this.fixedPoints?this.currentRating:this.currentRating.toFixed(this.fixedPoints)},shouldRound(){return this.ratingSelected||this.roundStartRating},margin(){return this.padding+this.borderWidth},activeColors(){return Array.isArray(this.activeColor)?this.padColors(this.activeColor,this.maxRating,this.activeColor.slice(-1)[0]):new Array(this.maxRating).fill(this.activeColor)},currentActiveColor(){return this.activeOnClick?this.selectedRating>0?this.activeColors[Math.ceil(this.selectedRating)-1]:this.inactiveColor:this.currentRating>0?this.activeColors[Math.ceil(this.currentRating)-1]:this.inactiveColor},activeBorderColors(){if(Array.isArray(this.activeBorderColor))return this.padColors(this.activeBorderColor,this.maxRating,this.activeBorderColor.slice(-1)[0]);let t=this.activeBorderColor?this.activeBorderColor:this.borderColor;return new Array(this.maxRating).fill(t)},currentActiveBorderColor(){return this.activeOnClick?this.selectedRating>0?this.activeBorderColors[Math.ceil(this.selectedRating)-1]:this.borderColor:this.currentRating>0?this.activeBorderColors[Math.ceil(this.currentRating)-1]:this.borderColor}},watch:{rating(t){this.currentRating=t,this.selectedRating=t,this.createStars(this.shouldRound)}},created(){this.step=100*this.increment,this.currentRating=this.rating,this.selectedRating=this.currentRating,this.createStars(this.roundStartRating)},methods:{setRating(t,e){if(!this.readOnly){const r=this.rtl?(100-t.position)/100:t.position/100;this.currentRating=(t.id+r-1).toFixed(2),this.currentRating=this.currentRating>this.maxRating?this.maxRating:this.currentRating,e?(this.createStars(!0,!0),this.clearable&&this.currentRating===this.selectedRating?this.selectedRating=0:this.selectedRating=this.currentRating,this.$emit("update:rating",this.selectedRating),this.ratingSelected=!0):(this.createStars(!0,!this.activeOnClick),this.$emit("hover:rating",this.currentRating))}},resetRating(){this.readOnly||(this.currentRating=this.selectedRating,this.createStars(this.shouldRound))},createStars(t=!0,e=!0){t&&this.round();for(var r=0;r<this.maxRating;r++){let t=0;r<this.currentRating&&(t=this.currentRating-r>1?100:100*(this.currentRating-r)),e&&(this.fillLevel[r]=Math.round(t))}},round(){var t=1/this.increment;this.currentRating=Math.min(this.maxRating,Math.ceil(this.currentRating*t)/t)},padColors(t,e,r){return Object.assign(new Array(e).fill(r),t)}}};r("9ff5");g.render=l,g.__scopeId="data-v-f675a548";var m=g,y=m;e["default"]=y}})},"5c6c":function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"605d":function(t,e,r){var n=r("c6b6"),o=r("da84");t.exports="process"==n(o.process)},6069:function(t,e){t.exports="object"==typeof window},"65f0":function(t,e,r){var n=r("0b42");t.exports=function(t,e){return new(n(t))(0===e?0:e)}},"69f3":function(t,e,r){var n,o,i,c=r("7f9a"),a=r("da84"),s=r("861d"),l=r("9112"),u=r("5135"),d=r("c6cd"),f=r("f772"),p=r("d012"),h="Object already initialized",v=a.WeakMap,b=function(t){return i(t)?o(t):n(t,{})},g=function(t){return function(e){var r;if(!s(e)||(r=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return r}};if(c||d.state){var m=d.state||(d.state=new v),y=m.get,j=m.has,O=m.set;n=function(t,e){if(j.call(m,t))throw new TypeError(h);return e.facade=t,O.call(m,t,e),e},o=function(t){return y.call(m,t)||{}},i=function(t){return j.call(m,t)}}else{var x=f("state");p[x]=!0,n=function(t,e){if(u(t,x))throw new TypeError(h);return e.facade=t,l(t,x,e),e},o=function(t){return u(t,x)?t[x]:{}},i=function(t){return u(t,x)}}t.exports={set:n,get:o,has:i,enforce:b,getterFor:g}},"6a7d":function(t,e,r){var n=r("7df2");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("3ba5be3d",n,!0,{sourceMap:!1,shadowMode:!1})},"6eeb":function(t,e,r){var n=r("da84"),o=r("9112"),i=r("5135"),c=r("ce4e"),a=r("8925"),s=r("69f3"),l=s.get,u=s.enforce,d=String(String).split("String");(t.exports=function(t,e,r,a){var s,l=!!a&&!!a.unsafe,f=!!a&&!!a.enumerable,p=!!a&&!!a.noTargetGet;"function"==typeof r&&("string"!=typeof e||i(r,"name")||o(r,"name",e),s=u(r),s.source||(s.source=d.join("string"==typeof e?e:""))),t!==n?(l?!p&&t[e]&&(f=!0):delete t[e],f?t[e]=r:o(t,e,r)):f?t[e]=r:c(e,r)})(Function.prototype,"toString",(function(){return"function"==typeof this&&l(this).source||a(this)}))},7418:function(t,e){e.f=Object.getOwnPropertySymbols},"746f":function(t,e,r){var n=r("428f"),o=r("5135"),i=r("e538"),c=r("9bf2").f;t.exports=function(t){var e=n.Symbol||(n.Symbol={});o(e,t)||c(e,t,{value:i.f(t)})}},7839:function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7b0b":function(t,e,r){var n=r("1d80");t.exports=function(t){return Object(n(t))}},"7c73":function(t,e,r){var n,o=r("825a"),i=r("37e8"),c=r("7839"),a=r("d012"),s=r("1be4"),l=r("cc12"),u=r("f772"),d=">",f="<",p="prototype",h="script",v=u("IE_PROTO"),b=function(){},g=function(t){return f+h+d+t+f+"/"+h+d},m=function(t){t.write(g("")),t.close();var e=t.parentWindow.Object;return t=null,e},y=function(){var t,e=l("iframe"),r="java"+h+":";if(e.style)return e.style.display="none",s.appendChild(e),e.src=String(r),t=e.contentWindow.document,t.open(),t.write(g("document.F=Object")),t.close(),t.F},j=function(){try{n=new ActiveXObject("htmlfile")}catch(e){}j=document.domain&&n?m(n):y()||m(n);var t=c.length;while(t--)delete j[p][c[t]];return j()};a[v]=!0,t.exports=Object.create||function(t,e){var r;return null!==t?(b[p]=o(t),r=new b,b[p]=null,r[v]=t):r=j(),void 0===e?r:i(r,e)}},"7df2":function(t,e,r){var n=r("24fb");e=n(!1),e.push([t.i,".green[data-v-e6cc3290]{color:#008757}.red[data-v-e6cc3290]{color:#e01a2b}.grey[data-v-e6cc3290]{color:#626369}p[data-v-e6cc3290]{margin:0}.no-gutters[data-v-e6cc3290]{margin-bottom:20px}.links[data-v-e6cc3290]{margin-top:20px}.links a[data-v-e6cc3290]{margin-right:100px}",""]),t.exports=e},"7f9a":function(t,e,r){var n=r("da84"),o=r("8925"),i=n.WeakMap;t.exports="function"===typeof i&&/native code/.test(o(i))},8145:function(t,e,r){var n=r("24fb");e=n(!1),e.push([t.i,".overflow[data-v-62f2cc72]{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}",""]),t.exports=e},"825a":function(t,e,r){var n=r("861d");t.exports=function(t){if(!n(t))throw TypeError(String(t)+" is not an object");return t}},"83ab":function(t,e,r){var n=r("d039");t.exports=!n((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},8418:function(t,e,r){"use strict";var n=r("a04b"),o=r("9bf2"),i=r("5c6c");t.exports=function(t,e,r){var c=n(e);c in t?o.f(t,c,i(0,r)):t[c]=r}},"861d":function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},8875:function(t,e,r){var n,o,i;(function(r,c){o=[],n=c,i="function"===typeof n?n.apply(e,o):n,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var r,n,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,a=i.exec(p.stack)||c.exec(p.stack),s=a&&a[1]||!1,l=a&&a[2]||!1,u=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");s===u&&(r=document.documentElement.outerHTML,n=new RegExp("(?:[^\\n]+?\\n){0,"+(l-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=r.replace(n,"$1").trim());for(var f=0;f<d.length;f++){if("interactive"===d[f].readyState)return d[f];if(d[f].src===s)return d[f];if(s===u&&d[f].innerHTML&&d[f].innerHTML.trim()===o)return d[f]}return null}}return t}))},8925:function(t,e,r){var n=r("c6cd"),o=Function.toString;"function"!=typeof n.inspectSource&&(n.inspectSource=function(t){return o.call(t)}),t.exports=n.inspectSource},"8bbf":function(e,r){e.exports=t},"8c7a":function(t,e,r){"use strict";r("f3b1")},"90e3":function(t,e){var r=0,n=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++r+n).toString(36)}},9112:function(t,e,r){var n=r("83ab"),o=r("9bf2"),i=r("5c6c");t.exports=n?function(t,e,r){return o.f(t,e,i(1,r))}:function(t,e,r){return t[e]=r,t}},"94ca":function(t,e,r){var n=r("d039"),o=/#|\.prototype\./,i=function(t,e){var r=a[c(t)];return r==l||r!=s&&("function"==typeof e?n(e):!!e)},c=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},a=i.data={},s=i.NATIVE="N",l=i.POLYFILL="P";t.exports=i},"9bf2":function(t,e,r){var n=r("83ab"),o=r("0cfb"),i=r("825a"),c=r("a04b"),a=Object.defineProperty;e.f=n?a:function(t,e,r){if(i(t),e=c(e),i(r),o)try{return a(t,e,r)}catch(n){}if("get"in r||"set"in r)throw TypeError("Accessors not supported");return"value"in r&&(t[e]=r.value),t}},a04b:function(t,e,r){var n=r("c04e"),o=r("d9b5");t.exports=function(t){var e=n(t,"string");return o(e)?e:String(e)}},a2a6:function(t,e,r){"use strict";r("eb1d")},a434:function(t,e,r){"use strict";var n=r("23e7"),o=r("23cb"),i=r("a691"),c=r("50c4"),a=r("7b0b"),s=r("65f0"),l=r("8418"),u=r("1dde"),d=u("splice"),f=Math.max,p=Math.min,h=9007199254740991,v="Maximum allowed length exceeded";n({target:"Array",proto:!0,forced:!d},{splice:function(t,e){var r,n,u,d,b,g,m=a(this),y=c(m.length),j=o(t,y),O=arguments.length;if(0===O?r=n=0:1===O?(r=0,n=y-j):(r=O-2,n=p(f(i(e),0),y-j)),y+r-n>h)throw TypeError(v);for(u=s(m,n),d=0;d<n;d++)b=j+d,b in m&&l(u,d,m[b]);if(u.length=n,r<n){for(d=j;d<y-n;d++)b=d+n,g=d+r,b in m?m[g]=m[b]:delete m[g];for(d=y;d>y-n+r;d--)delete m[d-1]}else if(r>n)for(d=y-n;d>j;d--)b=d+n-1,g=d+r-1,b in m?m[g]=m[b]:delete m[g];for(d=0;d<r;d++)m[d+j]=arguments[d+2];return m.length=y-n+r,u}})},a4b4:function(t,e,r){var n=r("342f");t.exports=/web0s(?!.*chrome)/i.test(n)},a4d3:function(t,e,r){"use strict";var n=r("23e7"),o=r("da84"),i=r("d066"),c=r("c430"),a=r("83ab"),s=r("4930"),l=r("d039"),u=r("5135"),d=r("e8b5"),f=r("861d"),p=r("d9b5"),h=r("825a"),v=r("7b0b"),b=r("fc6a"),g=r("a04b"),m=r("577e"),y=r("5c6c"),j=r("7c73"),O=r("df75"),x=r("241c"),w=r("057f"),S=r("7418"),C=r("06cf"),N=r("9bf2"),k=r("d1e7"),V=r("9112"),R=r("6eeb"),M=r("5692"),P=r("f772"),T=r("d012"),B=r("90e3"),E=r("b622"),I=r("e538"),A=r("746f"),L=r("d44e"),_=r("69f3"),D=r("b727").forEach,z=P("hidden"),F="Symbol",U="prototype",$=E("toPrimitive"),H=_.set,W=_.getterFor(F),G=Object[U],q=o.Symbol,J=i("JSON","stringify"),K=C.f,X=N.f,Y=w.f,Q=k.f,Z=M("symbols"),tt=M("op-symbols"),et=M("string-to-symbol-registry"),rt=M("symbol-to-string-registry"),nt=M("wks"),ot=o.QObject,it=!ot||!ot[U]||!ot[U].findChild,ct=a&&l((function(){return 7!=j(X({},"a",{get:function(){return X(this,"a",{value:7}).a}})).a}))?function(t,e,r){var n=K(G,e);n&&delete G[e],X(t,e,r),n&&t!==G&&X(G,e,n)}:X,at=function(t,e){var r=Z[t]=j(q[U]);return H(r,{type:F,tag:t,description:e}),a||(r.description=e),r},st=function(t,e,r){t===G&&st(tt,e,r),h(t);var n=g(e);return h(r),u(Z,n)?(r.enumerable?(u(t,z)&&t[z][n]&&(t[z][n]=!1),r=j(r,{enumerable:y(0,!1)})):(u(t,z)||X(t,z,y(1,{})),t[z][n]=!0),ct(t,n,r)):X(t,n,r)},lt=function(t,e){h(t);var r=b(e),n=O(r).concat(ht(r));return D(n,(function(e){a&&!dt.call(r,e)||st(t,e,r[e])})),t},ut=function(t,e){return void 0===e?j(t):lt(j(t),e)},dt=function(t){var e=g(t),r=Q.call(this,e);return!(this===G&&u(Z,e)&&!u(tt,e))&&(!(r||!u(this,e)||!u(Z,e)||u(this,z)&&this[z][e])||r)},ft=function(t,e){var r=b(t),n=g(e);if(r!==G||!u(Z,n)||u(tt,n)){var o=K(r,n);return!o||!u(Z,n)||u(r,z)&&r[z][n]||(o.enumerable=!0),o}},pt=function(t){var e=Y(b(t)),r=[];return D(e,(function(t){u(Z,t)||u(T,t)||r.push(t)})),r},ht=function(t){var e=t===G,r=Y(e?tt:b(t)),n=[];return D(r,(function(t){!u(Z,t)||e&&!u(G,t)||n.push(Z[t])})),n};if(s||(q=function(){if(this instanceof q)throw TypeError("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?m(arguments[0]):void 0,e=B(t),r=function(t){this===G&&r.call(tt,t),u(this,z)&&u(this[z],e)&&(this[z][e]=!1),ct(this,e,y(1,t))};return a&&it&&ct(G,e,{configurable:!0,set:r}),at(e,t)},R(q[U],"toString",(function(){return W(this).tag})),R(q,"withoutSetter",(function(t){return at(B(t),t)})),k.f=dt,N.f=st,C.f=ft,x.f=w.f=pt,S.f=ht,I.f=function(t){return at(E(t),t)},a&&(X(q[U],"description",{configurable:!0,get:function(){return W(this).description}}),c||R(G,"propertyIsEnumerable",dt,{unsafe:!0}))),n({global:!0,wrap:!0,forced:!s,sham:!s},{Symbol:q}),D(O(nt),(function(t){A(t)})),n({target:F,stat:!0,forced:!s},{for:function(t){var e=m(t);if(u(et,e))return et[e];var r=q(e);return et[e]=r,rt[r]=e,r},keyFor:function(t){if(!p(t))throw TypeError(t+" is not a symbol");if(u(rt,t))return rt[t]},useSetter:function(){it=!0},useSimple:function(){it=!1}}),n({target:"Object",stat:!0,forced:!s,sham:!a},{create:ut,defineProperty:st,defineProperties:lt,getOwnPropertyDescriptor:ft}),n({target:"Object",stat:!0,forced:!s},{getOwnPropertyNames:pt,getOwnPropertySymbols:ht}),n({target:"Object",stat:!0,forced:l((function(){S.f(1)}))},{getOwnPropertySymbols:function(t){return S.f(v(t))}}),J){var vt=!s||l((function(){var t=q();return"[null]"!=J([t])||"{}"!=J({a:t})||"{}"!=J(Object(t))}));n({target:"JSON",stat:!0,forced:vt},{stringify:function(t,e,r){var n,o=[t],i=1;while(arguments.length>i)o.push(arguments[i++]);if(n=e,(f(e)||void 0!==t)&&!p(t))return d(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!p(e))return e}),o[1]=e,J.apply(null,o)}})}q[U][$]||V(q[U],$,q[U].valueOf),L(q,F),T[z]=!0},a640:function(t,e,r){"use strict";var n=r("d039");t.exports=function(t,e){var r=[][t];return!!r&&n((function(){r.call(null,e||function(){throw 1},1)}))}},a691:function(t,e){var r=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?n:r)(t)}},a79d:function(t,e,r){"use strict";var n=r("23e7"),o=r("c430"),i=r("fea9"),c=r("d039"),a=r("d066"),s=r("4840"),l=r("cdf9"),u=r("6eeb"),d=!!i&&c((function(){i.prototype["finally"].call({then:function(){}},(function(){}))}));if(n({target:"Promise",proto:!0,real:!0,forced:d},{finally:function(t){var e=s(this,a("Promise")),r="function"==typeof t;return this.then(r?function(r){return l(e,t()).then((function(){return r}))}:t,r?function(r){return l(e,t()).then((function(){throw r}))}:t)}}),!o&&"function"==typeof i){var f=a("Promise").prototype["finally"];i.prototype["finally"]!==f&&u(i.prototype,"finally",f,{unsafe:!0})}},a94d:function(t,e,r){var n=r("24fb"),o=r("1de5"),i=r("dedf");e=n(!1);var c=o(i);e.push([t.i,"p span[data-v-193a587c]{float:right}.checkout[data-v-193a587c]{width:100%;font-size:.875rem;padding:.75rem 0;background:#e01a2b;color:#fff;border:1px solid #e01a2b}.links a[data-v-193a587c]{margin-right:20px}.links[data-v-193a587c]{margin-top:20px}.buttonPaypal[data-v-193a587c]{background-image:url("+c+");background-repeat:no-repeat;width:100%;height:3.125rem;border:none;background-color:#fff;display:block;margin:auto;background-position:50%;background-size:contain;max-width:14.1875rem;margin-top:16px}",""]),t.exports=e},b041:function(t,e,r){"use strict";var n=r("00ee"),o=r("f5df");t.exports=n?{}.toString:function(){return"[object "+o(this)+"]"}},b575:function(t,e,r){var n,o,i,c,a,s,l,u,d=r("da84"),f=r("06cf").f,p=r("2cf4").set,h=r("1cdc"),v=r("a4b4"),b=r("605d"),g=d.MutationObserver||d.WebKitMutationObserver,m=d.document,y=d.process,j=d.Promise,O=f(d,"queueMicrotask"),x=O&&O.value;x||(n=function(){var t,e;b&&(t=y.domain)&&t.exit();while(o){e=o.fn,o=o.next;try{e()}catch(r){throw o?c():i=void 0,r}}i=void 0,t&&t.enter()},h||b||v||!g||!m?j&&j.resolve?(l=j.resolve(void 0),l.constructor=j,u=l.then,c=function(){u.call(l,n)}):c=b?function(){y.nextTick(n)}:function(){p.call(d,n)}:(a=!0,s=m.createTextNode(""),new g(n).observe(s,{characterData:!0}),c=function(){s.data=a=!a})),t.exports=x||function(t){var e={fn:t,next:void 0};i&&(i.next=e),o||(o=e,c()),i=e}},b622:function(t,e,r){var n=r("da84"),o=r("5692"),i=r("5135"),c=r("90e3"),a=r("4930"),s=r("fdbf"),l=o("wks"),u=n.Symbol,d=s?u:u&&u.withoutSetter||c;t.exports=function(t){return i(l,t)&&(a||"string"==typeof l[t])||(a&&i(u,t)?l[t]=u[t]:l[t]=d("Symbol."+t)),l[t]}},b64b:function(t,e,r){var n=r("23e7"),o=r("7b0b"),i=r("df75"),c=r("d039"),a=c((function(){i(1)}));n({target:"Object",stat:!0,forced:a},{keys:function(t){return i(o(t))}})},b727:function(t,e,r){var n=r("0366"),o=r("44ad"),i=r("7b0b"),c=r("50c4"),a=r("65f0"),s=[].push,l=function(t){var e=1==t,r=2==t,l=3==t,u=4==t,d=6==t,f=7==t,p=5==t||d;return function(h,v,b,g){for(var m,y,j=i(h),O=o(j),x=n(v,b,3),w=c(O.length),S=0,C=g||a,N=e?C(h,w):r||f?C(h,0):void 0;w>S;S++)if((p||S in O)&&(m=O[S],y=x(m,S,j),t))if(e)N[S]=y;else if(y)switch(t){case 3:return!0;case 5:return m;case 6:return S;case 2:s.call(N,m)}else switch(t){case 4:return!1;case 7:s.call(N,m)}return d?-1:l||u?u:N}};t.exports={forEach:l(0),map:l(1),filter:l(2),some:l(3),every:l(4),find:l(5),findIndex:l(6),filterReject:l(7)}},c04e:function(t,e,r){var n=r("861d"),o=r("d9b5"),i=r("485a"),c=r("b622"),a=c("toPrimitive");t.exports=function(t,e){if(!n(t)||o(t))return t;var r,c=t[a];if(void 0!==c){if(void 0===e&&(e="default"),r=c.call(t,e),!n(r)||o(r))return r;throw TypeError("Can't convert object to primitive value")}return void 0===e&&(e="number"),i(t,e)}},c430:function(t,e){t.exports=!1},c610:function(t,e,r){var n=r("24fb");e=n(!1),e.push([t.i,"body{margin:0}.container{margin:0 200px}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:flex}#mcart{background-color:#ccc;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a{line-height:inherit;color:#000;text-decoration:underline;cursor:pointer}.row{flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.card,.row{display:flex}.card{position:relative;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;margin-bottom:20px;padding:8px}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{flex:0 0 100%;max-width:100%}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col{flex-basis:0;flex-grow:1}img{vertical-align:middle;border-style:none;flex-shrink:0;width:70%}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}",""]),t.exports=e},c6b6:function(t,e){var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)}},c6cd:function(t,e,r){var n=r("da84"),o=r("ce4e"),i="__core-js_shared__",c=n[i]||o(i,{});t.exports=c},c8ba:function(t,e){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(n){"object"===typeof window&&(r=window)}t.exports=r},ca84:function(t,e,r){var n=r("5135"),o=r("fc6a"),i=r("4d64").indexOf,c=r("d012");t.exports=function(t,e){var r,a=o(t),s=0,l=[];for(r in a)!n(c,r)&&n(a,r)&&l.push(r);while(e.length>s)n(a,r=e[s++])&&(~i(l,r)||l.push(r));return l}},cc12:function(t,e,r){var n=r("da84"),o=r("861d"),i=n.document,c=o(i)&&o(i.createElement);t.exports=function(t){return c?i.createElement(t):{}}},cdf9:function(t,e,r){var n=r("825a"),o=r("861d"),i=r("f069");t.exports=function(t,e){if(n(t),o(e)&&e.constructor===t)return e;var r=i.f(t),c=r.resolve;return c(e),r.promise}},ce4e:function(t,e,r){var n=r("da84");t.exports=function(t,e){try{Object.defineProperty(n,t,{value:e,configurable:!0,writable:!0})}catch(r){n[t]=e}return e}},d012:function(t,e){t.exports={}},d039:function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},d066:function(t,e,r){var n=r("da84"),o=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?o(n[t]):n[t]&&n[t][e]}},d1e7:function(t,e,r){"use strict";var n={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!n.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:n},d2bb:function(t,e,r){var n=r("825a"),o=r("3bbe");t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,r={};try{t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set,t.call(r,[]),e=r instanceof Array}catch(i){}return function(r,i){return n(r),o(i),e?t.call(r,i):r.__proto__=i,r}}():void 0)},d3b7:function(t,e,r){var n=r("00ee"),o=r("6eeb"),i=r("b041");n||o(Object.prototype,"toString",i,{unsafe:!0})},d44e:function(t,e,r){var n=r("9bf2").f,o=r("5135"),i=r("b622"),c=i("toStringTag");t.exports=function(t,e,r){t&&!o(t=r?t:t.prototype,c)&&n(t,c,{configurable:!0,value:e})}},d51f:function(t,e,r){"use strict";r("2d61")},d81d:function(t,e,r){"use strict";var n=r("23e7"),o=r("b727").map,i=r("1dde"),c=i("map");n({target:"Array",proto:!0,forced:!c},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},d9b5:function(t,e,r){var n=r("d066"),o=r("fdbf");t.exports=o?function(t){return"symbol"==typeof t}:function(t){var e=n("Symbol");return"function"==typeof e&&Object(t)instanceof e}},da84:function(t,e,r){(function(e){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof e&&e)||function(){return this}()||Function("return this")()}).call(this,r("c8ba"))},dedf:function(t,e,r){t.exports=r.p+"img/paypal.56d8ebfd.png"},df75:function(t,e,r){var n=r("ca84"),o=r("7839");t.exports=Object.keys||function(t){return n(t,o)}},e01a:function(t,e,r){"use strict";var n=r("23e7"),o=r("83ab"),i=r("da84"),c=r("5135"),a=r("861d"),s=r("9bf2").f,l=r("e893"),u=i.Symbol;if(o&&"function"==typeof u&&(!("description"in u.prototype)||void 0!==u().description)){var d={},f=function(){var t=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),e=this instanceof f?new u(t):void 0===t?u():u(t);return""===t&&(d[e]=!0),e};l(f,u);var p=f.prototype=u.prototype;p.constructor=f;var h=p.toString,v="Symbol(test)"==String(u("test")),b=/^Symbol\((.*)\)[^)]+$/;s(p,"description",{configurable:!0,get:function(){var t=a(this)?this.valueOf():this,e=h.call(t);if(c(d,t))return"";var r=v?e.slice(7,-1):e.replace(b,"$1");return""===r?void 0:r}}),n({global:!0,forced:!0},{Symbol:f})}},e2cc:function(t,e,r){var n=r("6eeb");t.exports=function(t,e,r){for(var o in e)n(t,o,e[o],r);return t}},e538:function(t,e,r){var n=r("b622");e.f=n},e667:function(t,e){t.exports=function(t){try{return{error:!1,value:t()}}catch(e){return{error:!0,value:e}}}},e6cf:function(t,e,r){"use strict";var n,o,i,c,a=r("23e7"),s=r("c430"),l=r("da84"),u=r("d066"),d=r("fea9"),f=r("6eeb"),p=r("e2cc"),h=r("d2bb"),v=r("d44e"),b=r("2626"),g=r("861d"),m=r("1c0b"),y=r("19aa"),j=r("8925"),O=r("2266"),x=r("1c7e"),w=r("4840"),S=r("2cf4").set,C=r("b575"),N=r("cdf9"),k=r("44de"),V=r("f069"),R=r("e667"),M=r("69f3"),P=r("94ca"),T=r("b622"),B=r("6069"),E=r("605d"),I=r("2d00"),A=T("species"),L="Promise",_=M.get,D=M.set,z=M.getterFor(L),F=d&&d.prototype,U=d,$=F,H=l.TypeError,W=l.document,G=l.process,q=V.f,J=q,K=!!(W&&W.createEvent&&l.dispatchEvent),X="function"==typeof PromiseRejectionEvent,Y="unhandledrejection",Q="rejectionhandled",Z=0,tt=1,et=2,rt=1,nt=2,ot=!1,it=P(L,(function(){var t=j(U),e=t!==String(U);if(!e&&66===I)return!0;if(s&&!$["finally"])return!0;if(I>=51&&/native code/.test(t))return!1;var r=new U((function(t){t(1)})),n=function(t){t((function(){}),(function(){}))},o=r.constructor={};return o[A]=n,ot=r.then((function(){}))instanceof n,!ot||!e&&B&&!X})),ct=it||!x((function(t){U.all(t)["catch"]((function(){}))})),at=function(t){var e;return!(!g(t)||"function"!=typeof(e=t.then))&&e},st=function(t,e){if(!t.notified){t.notified=!0;var r=t.reactions;C((function(){var n=t.value,o=t.state==tt,i=0;while(r.length>i){var c,a,s,l=r[i++],u=o?l.ok:l.fail,d=l.resolve,f=l.reject,p=l.domain;try{u?(o||(t.rejection===nt&&ft(t),t.rejection=rt),!0===u?c=n:(p&&p.enter(),c=u(n),p&&(p.exit(),s=!0)),c===l.promise?f(H("Promise-chain cycle")):(a=at(c))?a.call(c,d,f):d(c)):f(n)}catch(h){p&&!s&&p.exit(),f(h)}}t.reactions=[],t.notified=!1,e&&!t.rejection&&ut(t)}))}},lt=function(t,e,r){var n,o;K?(n=W.createEvent("Event"),n.promise=e,n.reason=r,n.initEvent(t,!1,!0),l.dispatchEvent(n)):n={promise:e,reason:r},!X&&(o=l["on"+t])?o(n):t===Y&&k("Unhandled promise rejection",r)},ut=function(t){S.call(l,(function(){var e,r=t.facade,n=t.value,o=dt(t);if(o&&(e=R((function(){E?G.emit("unhandledRejection",n,r):lt(Y,r,n)})),t.rejection=E||dt(t)?nt:rt,e.error))throw e.value}))},dt=function(t){return t.rejection!==rt&&!t.parent},ft=function(t){S.call(l,(function(){var e=t.facade;E?G.emit("rejectionHandled",e):lt(Q,e,t.value)}))},pt=function(t,e,r){return function(n){t(e,n,r)}},ht=function(t,e,r){t.done||(t.done=!0,r&&(t=r),t.value=e,t.state=et,st(t,!0))},vt=function(t,e,r){if(!t.done){t.done=!0,r&&(t=r);try{if(t.facade===e)throw H("Promise can't be resolved itself");var n=at(e);n?C((function(){var r={done:!1};try{n.call(e,pt(vt,r,t),pt(ht,r,t))}catch(o){ht(r,o,t)}})):(t.value=e,t.state=tt,st(t,!1))}catch(o){ht({done:!1},o,t)}}};if(it&&(U=function(t){y(this,U,L),m(t),n.call(this);var e=_(this);try{t(pt(vt,e),pt(ht,e))}catch(r){ht(e,r)}},$=U.prototype,n=function(t){D(this,{type:L,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:Z,value:void 0})},n.prototype=p($,{then:function(t,e){var r=z(this),n=q(w(this,U));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=E?G.domain:void 0,r.parent=!0,r.reactions.push(n),r.state!=Z&&st(r,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new n,e=_(t);this.promise=t,this.resolve=pt(vt,e),this.reject=pt(ht,e)},V.f=q=function(t){return t===U||t===i?new o(t):J(t)},!s&&"function"==typeof d&&F!==Object.prototype)){c=F.then,ot||(f(F,"then",(function(t,e){var r=this;return new U((function(t,e){c.call(r,t,e)})).then(t,e)}),{unsafe:!0}),f(F,"catch",$["catch"],{unsafe:!0}));try{delete F.constructor}catch(bt){}h&&h(F,$)}a({global:!0,wrap:!0,forced:it},{Promise:U}),v(U,L,!1,!0),b(L),i=u(L),a({target:L,stat:!0,forced:it},{reject:function(t){var e=q(this);return e.reject.call(void 0,t),e.promise}}),a({target:L,stat:!0,forced:s||it},{resolve:function(t){return N(s&&this===i?U:this,t)}}),a({target:L,stat:!0,forced:ct},{all:function(t){var e=this,r=q(e),n=r.resolve,o=r.reject,i=R((function(){var r=m(e.resolve),i=[],c=0,a=1;O(t,(function(t){var s=c++,l=!1;i.push(void 0),a++,r.call(e,t).then((function(t){l||(l=!0,i[s]=t,--a||n(i))}),o)})),--a||n(i)}));return i.error&&o(i.value),r.promise},race:function(t){var e=this,r=q(e),n=r.reject,o=R((function(){var o=m(e.resolve);O(t,(function(t){o.call(e,t).then(r.resolve,n)}))}));return o.error&&n(o.value),r.promise}})},e893:function(t,e,r){var n=r("5135"),o=r("56ef"),i=r("06cf"),c=r("9bf2");t.exports=function(t,e){for(var r=o(e),a=c.f,s=i.f,l=0;l<r.length;l++){var u=r[l];n(t,u)||a(t,u,s(e,u))}}},e8b5:function(t,e,r){var n=r("c6b6");t.exports=Array.isArray||function(t){return"Array"==n(t)}},e95a:function(t,e,r){var n=r("b622"),o=r("3f8c"),i=n("iterator"),c=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||c[i]===t)}},eb1d:function(t,e,r){var n=r("353b");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("4a9e96b4",n,!0,{sourceMap:!1,shadowMode:!1})},ec32:function(t,e,r){var n=r("8145");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("70c02ccb",n,!0,{sourceMap:!1,shadowMode:!1})},f069:function(t,e,r){"use strict";var n=r("1c0b"),o=function(t){var e,r;this.promise=new t((function(t,n){if(void 0!==e||void 0!==r)throw TypeError("Bad Promise constructor");e=t,r=n})),this.resolve=n(e),this.reject=n(r)};t.exports.f=function(t){return new o(t)}},f3b1:function(t,e,r){var n=r("c610");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var o=r("499e").default;o("38e1ef7e",n,!0,{sourceMap:!1,shadowMode:!1})},f5df:function(t,e,r){var n=r("00ee"),o=r("c6b6"),i=r("b622"),c=i("toStringTag"),a="Arguments"==o(function(){return arguments}()),s=function(t,e){try{return t[e]}catch(r){}};t.exports=n?o:function(t){var e,r,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(r=s(e=Object(t),c))?r:a?o(e):"Object"==(n=o(e))&&"function"==typeof e.callee?"Arguments":n}},f772:function(t,e,r){var n=r("5692"),o=r("90e3"),i=n("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},fb15:function(t,e,r){"use strict";if(r.r(e),"undefined"!==typeof window){var n=window.document.currentScript,o=r("8875");n=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(r.p=i[1])}var c=r("2af9");e["default"]=c["a"]},fc6a:function(t,e,r){var n=r("44ad"),o=r("1d80");t.exports=function(t){return n(o(t))}},fdbc:function(t,e){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(t,e,r){var n=r("4930");t.exports=n&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},fea9:function(t,e,r){var n=r("da84");t.exports=n.Promise}})}));
//# sourceMappingURL=mComponents.umd.min.js.map
\ No newline at end of file
dist/mComponents.umd.min.js.map 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
package-lock.json 0 → 100644
View file @ d5d1c0d5
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
View file @ d5d1c0d5
{
"name": "mcart",
"version": "0.1.5",
"private": false,
"main": "./dist/mComponents.common.js",
"files": [
"dist/*",
"src/*",
"public/*",
"*.json",
"*.js",
"plugins/*"
],
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"build-bundle": "vue-cli-service build --target lib --name mComponents ./src/components/index.js",
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^0.21.1",
"core-js": "^3.6.5",
"vue": "^3.0.0",
"vue-axios": "^3.2.5",
"vue-star-rating": "^2.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
public/index.html 0 → 100644
View file @ d5d1c0d5
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="mcart"></div>
<!-- built files will be auto injected -->
</body>
</html>
src/.DS_Store 0 → 100644
View file @ d5d1c0d5
File added
src/App.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div id="mcart">
<div class="container">
<div class="justify-content-md-center row">
<div class="col col-lg-8">
<top-bar></top-bar>
<list-cart-items displaying="block"></list-cart-items>
<banner>
<div
class="card"
style="width: 95%; padding: 0.75rem 1.25rem; font-size: 0.875rem"
>
<div class="row" style="align-items: center">
<div class="col col-lg-2">
<img src="./assets/macyStar.svg" alt="image" />
</div>
<div class="col col-lg-10">
<p>Get better benefits when you shop with Star Rewards!</p>
</div>
</div>
</div>
</banner>
<frequently-view>
<div class="card">
<h3>Current Offers</h3>
<p>
Based on certain items in your bag, you qualify for additional
offers. Some may require a selection.
</p>
<list-cart-items displaying="none"></list-cart-items>
</div>
</frequently-view>
<suggest-product title="Customers Also Shopped" :list="list"></suggest-product>
<suggest-product title="Recently Viewed" :list="list"></suggest-product>
</div>
<div class="col col-lg-4">
<promo></promo>
<checkout-info></checkout-info>
</div>
</div>
</div>
</div>
</template>
<script>
import TopBar from "./components/TopBar.vue";
import Promo from "./components/Promo.vue";
import CheckoutInfo from "./components/CheckoutInfo.vue";
import Banner from "./components/Banner.vue";
import FrequentlyView from "./components/FrequentlyView.vue";
import ListCartItems from "./components/ListCartItems.vue";
import SuggestProduct from "./components/SuggestProduct.vue";
export default {
name: "App",
data() {
return {
list: [],
loading: false,
};
},
props:{
productList: Array
},
components: {
TopBar,
Promo,
CheckoutInfo,
Banner,
FrequentlyView,
ListCartItems,
SuggestProduct,
},
mounted() {
this.loading = true; //the loading begin
fetch("https://fakestoreapi.com/products?limit=5")
.then((res) => res.json())
.then((res) => {
this.list = res;
console.log("===list", this.list)
})
.finally(() => (this.loading = false)); // set loading to false when request finish
},
};
</script>
<style>
body {
margin: 0;
}
.container {
margin: 0 200px;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group-append {
margin-left: -1px;
}
.input-group-append,
.input-group-prepend {
display: flex;
}
#mcart {
background-color: #ccc;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
line-height: inherit;
color: #000;
text-decoration: underline;
cursor: pointer;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.card {
background-color: #fff;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin-bottom: 20px;
padding: 8px;
}
.col-lg-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-lg-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col {
flex-basis: 0;
flex-grow: 1;
}
img {
vertical-align: middle;
border-style: none;
flex-shrink: 0;
width: 70%;
}
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
</style>
src/assets/macyStar.svg 0 → 100644
View file @ d5d1c0d5
<?xml version="1.0" encoding="UTF-8"?>
<svg width="100px" height="88px" viewBox="0 0 100 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
<title>Macys-SR-Logo</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.06 0.804 70.887 0.804 70.887 86 0.06 86"></polygon>
<polygon id="path-3" points="0.475 0.303 16.61 0.303 16.61 38 0.475 38"></polygon>
</defs>
<g id="Macys-SR-Logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StarRewards">
<g id="Macy%27s_Star_Rewards_Mobile_Enhancements">
<g id="Group-4">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<polyline id="Fill-1" fill="#CE2331" mask="url(#mask-2)" points="55.003 15.838 50.104 0.804 45.21 15.838 29.275 15.838 42.185 25.183 37.295 40.223 50.084 30.92 62.949 40.269 58.035 25.159 70.887 15.838 55.003 15.838"></polyline>
<path d="M1.874,82.869 C1.874,84.04 2.787,84.497 3.822,84.497 C4.5,84.497 5.536,84.299 5.536,83.399 C5.536,82.45 4.216,82.29 2.922,81.944 C1.615,81.599 0.296,81.093 0.296,79.442 C0.296,77.642 1.998,76.779 3.587,76.779 C5.424,76.779 7.113,77.581 7.113,79.614 L5.24,79.614 C5.178,78.554 4.426,78.283 3.501,78.283 C2.885,78.283 2.17,78.542 2.17,79.282 C2.17,79.959 2.589,80.046 4.796,80.613 C5.437,80.773 7.409,81.18 7.409,83.177 C7.409,84.792 6.14,86 3.748,86 C1.8,86 -0.025,85.039 0,82.869 L1.874,82.869" id="Fill-3" fill="#CE2331" mask="url(#mask-2)"></path>
</g>
<polyline id="Fill-5" fill="#CE2331" points="10.5604548 78.6635992 8 78.6635992 8 77 15 77 15 78.6635992 12.4395452 78.6635992 12.4395452 86 10.5604548 86 10.5604548 78.6635992"></polyline>
<path d="M17.2962748,82.5204499 L19.677614,82.5204499 L18.5193223,79.2177914 L18.4932111,79.2177914 L17.2962748,82.5204499 Z M17.4894975,77 L19.5616804,77 L23,86 L20.9017059,86 L20.2061042,83.99591 L16.7677846,83.99591 L16.0471162,86 L14,86 L17.4894975,77 Z" id="Fill-6" fill="#CE2331"></path>
<path d="M26.041947,81.0705521 L28.2791188,81.0705521 C29.1908719,81.0705521 29.6847382,80.692229 29.6847382,79.7852761 C29.6847382,78.9151329 29.1908719,78.5378323 28.2791188,78.5378323 L26.041947,78.5378323 L26.041947,81.0705521 Z M24,77 L29.0083102,77 C30.6735259,77 31.7277404,78.1216769 31.7277404,79.4826176 C31.7277404,80.5419223 31.2855824,81.3353783 30.2566944,81.7392638 L30.2566944,81.7638037 C31.2592006,82.0163599 31.5451787,82.9621677 31.6106055,83.8701431 C31.6496504,84.4366053 31.6359319,85.4948875 32,86 L29.958053,86 C29.7111199,85.4325153 29.7364464,84.5623722 29.6330299,83.8435583 C29.4895133,82.898773 29.1117267,82.4826176 28.0849492,82.4826176 L26.041947,82.4826176 L26.041947,86 L24,86 L24,77 Z" id="Fill-7" fill="#CE2331"></path>
<path d="M39.041947,81.0705521 L41.2791188,81.0705521 C42.1908719,81.0705521 42.6847382,80.692229 42.6847382,79.7852761 C42.6847382,78.9151329 42.1908719,78.5378323 41.2791188,78.5378323 L39.041947,78.5378323 L39.041947,81.0705521 Z M37,77 L42.0083102,77 C43.6735259,77 44.7266851,78.1216769 44.7266851,79.4826176 C44.7266851,80.5419223 44.2845271,81.3353783 43.2566944,81.7392638 L43.2566944,81.7638037 C44.2592006,82.0163599 44.5451787,82.9621677 44.6106055,83.8701431 C44.6485952,84.4366053 44.6359319,85.4948875 45,86 L42.958053,86 C42.7111199,85.4325153 42.7364464,84.5623722 42.6330299,83.8435583 C42.4895133,82.898773 42.1117267,82.4826176 41.0849492,82.4826176 L39.041947,82.4826176 L39.041947,86 L37,86 L37,77 Z" id="Fill-8" fill="#CE2331"></path>
<polyline id="Fill-9" fill="#CE2331" points="46 77 52.8962885 77 52.8962885 78.6635992 48.0281353 78.6635992 48.0281353 80.5920245 52.4961089 80.5920245 52.4961089 82.1298569 48.0281353 82.1298569 48.0281353 84.3364008 53 84.3364008 53 86 46 86 46 77"></polyline>
<polyline id="Fill-10" fill="#CE2331" points="63.5435441 86 61.5478682 86 59.9994811 79.8732106 59.9745741 79.8732106 58.4521318 86 56.4180576 86 54 77 56.0081294 77 57.453775 83.1257669 57.4797198 83.1257669 59.0665052 77 60.9469861 77 62.5078267 83.2014315 62.5327337 83.2014315 64.030269 77 66 77 63.5435441 86"></polyline>
<path d="M68.2962748,82.5204499 L70.677614,82.5204499 L69.5193223,79.2177914 L69.4932111,79.2177914 L68.2962748,82.5204499 Z M68.4894975,77 L70.5616804,77 L74,86 L71.9006615,86 L71.2061042,83.99591 L67.7677846,83.99591 L67.0471162,86 L65,86 L68.4894975,77 Z" id="Fill-11" fill="#CE2331"></path>
<path d="M76.0430022,81.0705521 L78.2801741,81.0705521 C79.1898166,81.0705521 79.6847382,80.692229 79.6847382,79.7852761 C79.6847382,78.9151329 79.1898166,78.5378323 78.2801741,78.5378323 L76.0430022,78.5378323 L76.0430022,81.0705521 Z M74,77 L79.0083102,77 C80.6724707,77 81.7266851,78.1216769 81.7266851,79.4826176 C81.7266851,80.5419223 81.2855824,81.3353783 80.2566944,81.7392638 L80.2566944,81.7638037 C81.2592006,82.0163599 81.5451787,82.9621677 81.6095502,83.8701431 C81.6485952,84.4366053 81.6369872,85.4948875 82,86 L79.958053,86 C79.7100646,85.4325153 79.7375016,84.5623722 79.6330299,83.8435583 C79.4895133,82.898773 79.112782,82.4826176 78.0838939,82.4826176 L76.0430022,82.4826176 L76.0430022,86 L74,86 L74,77 Z" id="Fill-12" fill="#CE2331"></path>
<g id="Group-17" transform="translate(83.000000, 48.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-14"></g>
<path d="M2.41,36.164 L4.136,36.164 C5.258,36.164 6.33,35.473 6.33,33.525 C6.33,31.75 5.714,30.616 3.791,30.616 L2.41,30.616 L2.41,36.164 Z M0.475,28.989 L4.271,28.989 C6.553,28.989 8.266,30.419 8.266,33.34 C8.266,35.892 6.959,37.791 4.271,37.791 L0.475,37.791 L0.475,28.989 Z" id="Fill-13" fill="#CE2331" mask="url(#mask-4)"></path>
<path d="M11.075,34.869 C11.075,36.04 11.987,36.497 13.022,36.497 C13.701,36.497 14.736,36.299 14.736,35.399 C14.736,34.45 13.417,34.29 12.123,33.944 C10.816,33.599 9.497,33.093 9.497,31.442 C9.497,29.642 11.198,28.779 12.789,28.779 C14.626,28.779 16.314,29.581 16.314,31.614 L14.44,31.614 C14.379,30.554 13.627,30.283 12.702,30.283 C12.086,30.283 11.371,30.542 11.371,31.282 C11.371,31.959 11.79,32.046 13.997,32.613 C14.638,32.773 16.61,33.18 16.61,35.177 C16.61,36.792 15.341,38 12.949,38 C11.001,38 9.177,37.039 9.201,34.869 L11.075,34.869" id="Fill-15" fill="#CE2331" mask="url(#mask-4)"></path>
<path d="M14.676,9.577 C13.662,8.82 12.437,8.493 11.242,8.174 L11.109,8.14 C9.87,7.797 9.137,7.48 8.658,7.077 C8.173,6.666 7.937,6.123 7.897,5.318 C7.881,4.95 7.934,4.596 8.052,4.268 C8.172,3.944 8.353,3.655 8.59,3.409 C8.854,3.132 9.188,2.915 9.578,2.763 C9.983,2.606 10.437,2.527 10.937,2.527 C11.347,2.511 11.763,2.578 12.143,2.714 C12.493,2.839 12.796,3.023 13.04,3.259 C13.273,3.487 13.458,3.772 13.588,4.104 C13.724,4.453 13.796,4.855 13.802,5.298 L13.815,6.083 L16.128,6.083 L16.118,5.272 C16.093,3.824 15.584,2.584 14.646,1.69 C13.717,0.802 12.43,0.323 10.917,0.303 C9.534,0.303 8.249,0.732 7.296,1.512 C6.178,2.43 5.586,3.761 5.586,5.376 C5.64,6.93 6.156,8.041 7.215,8.868 C8.158,9.61 9.46,10.021 10.738,10.384 C12.069,10.674 12.947,11.063 13.501,11.608 C14.013,12.113 14.262,12.794 14.288,13.748 L14.29,13.861 C14.29,14.31 14.211,14.737 14.053,15.128 C13.898,15.517 13.671,15.867 13.378,16.166 C13.073,16.473 12.711,16.713 12.299,16.878 C11.873,17.047 11.408,17.13 10.918,17.13 C9.849,17.13 8.944,16.803 8.301,16.185 C7.661,15.57 7.313,14.697 7.295,13.659 L7.281,12.872 L5.007,12.884 L4.966,13.896 C4.966,14.574 5.088,15.227 5.329,15.839 C5.572,16.45 5.931,17.007 6.396,17.497 C6.948,18.077 7.652,18.552 8.432,18.872 C9.203,19.186 10.062,19.354 10.918,19.354 C11.721,19.354 12.496,19.202 13.222,18.902 C13.946,18.599 14.585,18.162 15.12,17.601 C15.639,17.058 16.031,16.432 16.284,15.741 C16.538,15.05 16.645,14.32 16.601,13.569 C16.506,11.778 15.875,10.471 14.676,9.577" id="Fill-16" fill="#1A1919" mask="url(#mask-4)"></path>
</g>
<polyline id="Fill-18" fill="#1A1919" points="88.0620795 39.6701031 85 39.6701031 87.4811476 41.3260988 86.5528755 43.9943028 89.0015234 42.3459034 91.4654056 44 90.5269773 41.3241997 93 39.6701031 89.9440142 39.6701031 89.0076171 37 88.0620795 39.6701031"></polyline>
<path d="M78.7701234,63.2682239 L72.57216,48 L70,48 L70.6655669,49.6517479 C70.7198362,49.7872707 72.4318789,54.0322935 74.1316343,58.2416523 L77.4051994,66.3485656 L73.9882815,74 L76.6280221,74 L87.3139541,49.6680514 L88,48 L85.347972,48 L78.7701234,63.2682239" id="Fill-19" fill="#1A1919"></path>
<path d="M55.3914111,52.2897113 C56.245076,51.531706 57.0233008,51.0290289 57.8402382,50.707874 C58.6522125,50.3867192 59.5416122,50.2311286 60.720861,50.2171654 C62.0301447,50.2171654 63.3761559,50.5951706 64.5117287,51.2823622 C65.8319315,52.084252 66.8096756,53.2751181 67.3387493,54.7253018 L67.5283423,55.2529134 L70,55.2529134 L69.6237919,54.1937008 C68.8912283,52.1311286 67.5253644,50.4665092 65.6741027,49.3783727 C64.164307,48.4907087 62.3616843,48 60.598767,48 C57.957369,48 55.5274019,48.9704462 53.7535656,50.7338058 C51.9777441,52.4951706 51,54.9098163 51,57.5309186 C51,59.9445669 51.9052819,62.3093438 53.4845619,64.0208399 C55.2822214,65.9697113 57.797555,67 60.7556032,67 C62.7349146,67 64.6129774,66.4344882 66.1863017,65.3643045 C67.7586333,64.2891339 68.9358968,62.7701312 69.5890497,60.9718635 L69.9781621,59.9046719 L67.4866517,59.9046719 L67.3040071,60.4432546 C66.9268063,61.528399 66.1049057,62.5925984 65.0467583,63.3645669 C63.7940546,64.2781627 62.2554725,64.7688714 60.598767,64.7828346 C59.6279714,64.7828346 58.6869547,64.6072966 57.8045034,64.2622047 C56.9280079,63.9161155 56.1418421,63.4134383 55.4698292,62.7691339 C54.773993,62.1038845 54.2340003,61.3089764 53.8597774,60.4093438 C53.4875398,59.5077165 53.2979468,58.5272966 53.2979468,57.5 C53.2979468,56.4986352 53.4994514,55.4763255 53.8816154,54.53979 C54.2548456,53.62021 54.7769709,52.8412598 55.3914111,52.2897113" id="Fill-20" fill="#1A1919"></path>
<path d="M46.712652,48 L46.712652,51.1179589 C46.2227882,50.5643866 45.6470007,50.061683 45.0089926,49.634784 C43.4119971,48.5655415 41.5246387,48 39.5474062,48 C35.9247843,48 33.6868178,49.6517402 32.4483314,51.0351724 C30.8918287,52.7677043 30,55.1236285 30,57.5004987 C30,59.8743766 30.890841,62.2303008 32.4463562,63.9628327 C33.6858301,65.3492572 35.9247843,67 39.5474062,67 C41.4258759,67 43.119659,66.5541498 44.5813494,65.6724237 C45.3833039,65.1876739 46.0963718,64.5812379 46.712652,63.8630899 L46.712652,66.9980051 L49,66.9980051 L49,48 L46.712652,48 Z M46.7215407,58.7163631 C46.6454933,59.1801669 46.5299407,59.6170403 46.3719202,60.0239908 C45.8593409,61.4702609 44.9645493,62.676151 43.7863083,63.5070082 C42.6041169,64.3418552 41.1710677,64.7837157 39.6422185,64.7837157 C37.4082025,64.7837157 35.5188689,64.0007349 34.1776692,62.5215497 C32.9895519,61.2109297 32.2991995,59.3796525 32.2843851,57.5004987 C32.2843851,55.4836999 33.021156,53.634469 34.3584052,52.2949236 C35.6956544,50.9543808 37.5375819,50.2172817 39.5474062,50.2172817 C41.042676,50.2172817 42.4688117,50.6362014 43.6707558,51.4291564 C44.8657865,52.2181217 45.7724296,53.3352407 46.2958728,54.6707964 C46.4617944,55.0637829 46.5901861,55.4856948 46.6770974,55.9255604 C46.7630211,56.3664234 46.8074644,56.8372093 46.8074644,57.3389154 C46.8252417,57.792745 46.7966005,58.2555515 46.7215407,58.7163631 Z" id="Fill-21" fill="#1A1919"></path>
<path d="M25.8322337,49.8823437 C25.1937134,49.2538983 24.4270887,48.7770778 23.5533768,48.4638526 C21.8690044,47.8573529 19.5621247,47.8064787 17.6485655,48.599517 C16.6897843,48.9955374 15.8430944,49.5790938 15.1985692,50.2833517 C14.9343539,50.5676484 14.7041664,50.8639156 14.4959967,51.1841235 C14.2578027,50.7751352 14.0526355,50.4798656 13.8895026,50.3112826 C13.2509823,49.5621358 12.4383201,48.9805744 11.4725332,48.5835565 C10.5257617,48.1965139 9.46890059,48 8.32897175,48 C7.60838461,48 6.50548595,48.1107261 5.34153755,48.6354282 C4.57791534,48.9805744 3.90036326,49.4514097 3.31788865,50.0429464 L3.31788865,48 L1,48 L1,67 L3.31788865,67 L3.31788865,56.3293957 C3.31788865,55.2909645 3.43198161,54.4231113 3.6701757,53.676957 C3.89636,52.9587337 4.24464378,52.3432562 4.7500556,51.7746627 C5.11635407,51.3028298 5.6487879,50.9028193 6.28830899,50.6165275 C6.95184966,50.3242505 7.65442212,50.1816034 8.30695381,50.2175146 C9.21269182,50.246443 10.0073393,50.4100383 10.6678775,50.7043104 C11.3094003,50.9906022 11.8468382,51.4055757 12.2621766,51.9322728 C12.6524946,52.446002 12.8896879,52.8968866 13.05182,53.4365517 C13.2539847,54.0959206 13.3480614,54.9059169 13.3480614,55.9862446 L13.3420565,67 L15.6589443,67 L15.6589443,56.4870058 C15.6589443,55.353809 15.6949737,54.4500446 15.8761213,53.7208484 C16.0352509,53.07744 16.3194825,52.5258046 16.8298984,51.8754135 C17.2602491,51.3247756 17.8597376,50.8958366 18.6173549,50.6025621 C19.9704574,50.075865 21.6157981,50.1357169 22.7247016,50.5347299 C23.2831566,50.7342364 23.7625473,51.0374862 24.1568686,51.4394918 C24.6542739,51.9292802 25.0325821,52.5816664 25.282786,53.3766997 C25.5500037,54.2255998 25.684113,55.2710138 25.684113,56.4870058 L25.684113,67 L28,67 L28,56.4870058 C28,55.0266184 27.8238565,53.7348139 27.4785751,52.6504961 C27.1162799,51.5153042 26.5608273,50.583609 25.8322337,49.8823437" id="Fill-22" fill="#1A1919"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/components/Banner.vue 0 → 100644
View file @ d5d1c0d5
<template>
<slot></slot>
</template>
<script>
export default {
}
</script>
src/components/CheckoutInfo.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div class="card mb-3">
<h3>Offers</h3>
<p>Subtotal <span>{{ total}}</span></p>
<p>Shipping <span>Free </span></p>
<p>Shipping, duties and taxes will be calculated at checkout, where applicable.</p>
<button @click="getCode" class="checkout">Proceed to Checkout</button>
<button id="checkoutWithPayPal" class="buttonPaypal" name="PAYPAL_CHECKOUT" value="PAYPAL_CHECKOUT" aria-label="PayPal Checkout"></button>
<div class="links">
<a href="">Continue Shopping </a>
<a href="">Shipping internationalli? </a>
</div>
</div>
</template>
<script>
export default {
data() {
return {
total: 20000.00
}
}
}
</script>
<style scoped>
p span {
float: right;
}
.checkout {
width: 100%;
font-size: .875rem;
padding: .75rem 0;
background: #e01a2b;
color: white;
border: 1px solid #e01a2b;
}
.links a {
margin-right: 20px
}
.links {
margin-top: 20px;
}
.buttonPaypal {
background-image: url(../assets/paypal.png);
background-repeat: no-repeat;
width: 100%;
height: 3.125rem;
border: none;
background-color: #fff;
display: block;
margin: auto;
background-position: 50%;
background-size: contain;
max-width: 14.1875rem;
margin-top: 16px;
}
</style>
src/components/FrequentlyView.vue 0 → 100644
View file @ d5d1c0d5
<template>
<slot>
</slot>
</template>
<script>
export default {
}
</script>
src/components/ListCartItems.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div>
<div class="card" v-if="loading">
loading.....
</div>
<div v-else class="overflow-hidden mb-2 card" v-for="item in list" v-bind:key="item.id">
<div class="card-body">
<div class="row no-gutters">
<div class="col col-lg-2">
<img :src="item.image" alt="Image" class="rounded-0"/>
</div>
<div class="col col-lg-6">
<div :title="item.title">
<div class="card-text">
<b>{{item.title }}</b>
<p>{{item.description}}</p>
</div>
<br />
<br />
<div class="card-text">
Size: M
</div>
<div class="card-text">
Color: Red
</div>
</div>
</div>
<div class="col col-lg-2">
<select v-model="selected">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="col col-lg-2">
<div class="card-text">
<p>Orig. {{item.price }} </p>
<p class="red">Now {{item.price}} </p>
<p class="grey">Subtotal {{item.price}} </p>
<br/>
<br/>
<p><b>Total {{item.price * selected}} </b></p>
</div>
</div>
</div>
<div :style="displaying">
<div>
<p><b>Sihip it </b></p>
<p> <span class="green">In Stock: </span> Usually ships within 3 business days.</p>
</div>
<div class="links">
<a href="">Save For later </a>
<a href="">Move to List </a>
<a href="#" @click="deleteCartItem(item.id)">Remove </a>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "ListCartItems",
data() {
return {
list: [],
loading: false,
selected: '1',
}
},
props: ['displaying'],
computed: {
getTotal : function(price) {
return price + this.selected
}
},
methods: {
deleteCartItem(id) {
fetch('https://fakestoreapi.com/products/'+ id)
.then((res)=> {
console.log("==", res)
})
var index = this.list.map(x => {
return x.id;
}).indexOf(id);
this.list.splice(index, 1);
}
},
mounted() {
this.loading = true //the loading begin
fetch('https://fakestoreapi.com/products?limit=5')
.then(res=> res.json())
.then((res) => {
this.list = res
})
.finally(() => (this.loading = false)) // set loading to false when request finish
}
}
</script>
<style scoped>
.green {
color:rgb(0, 135, 87)
}
.red {
color: rgb(224, 26, 43)
}
.grey {
color: rgb(98, 99, 105)
}
p {
margin: 0;
}
.no-gutters {
margin-bottom: 20px;
}
.links {
margin-top: 20px;
}
.links a {
margin-right: 100px;
}
</style>
src/components/Promo.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div class="card mb-3">
<h3>Offers</h3>
<p>Enter Promo code. Linit of 1 offer per order </p>
<div class="input-group">
<input type="text" v-model="code" @change="getPromo"/>
<div class="input-group-append"><button @click="getCode" class="black">Apply</button></div>
<p v-if="error" class="error">{{ error[0]}}</p>
</div>
</div>
</template>
<script>
export default {
data() {
return {
"code" : "",
error : []
}
},
methods: {
getCode() {
if(this.code === "") {
this.error.push("Please enter propmo code")
} else {
this.error = []
}
},
getPromo(e) {
this.code = e.target.value
}
}
}
</script>
<style scoped>
p.error {
color: red
}
.black {
text-transform: capitalize;
font-weight: 700;
background-color: #000;
color: #fff;
border: 1px solid transparent;
}
</style>
src/components/SuggestProduct.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div class="card">
<h3>{{title}}</h3>
<div class="row">
<div class="col-lg-2" v-for="item in list" v-bind:key="item.id">
<a href="#">
<img :src="item.image" alt="image" height="130" width="100%"/>
<p class="overflow"><b>{{item.title }}</b></p>
<p class="overflow">{{item.description}}</p>
</a>
<p><b>{{item.price}}</b></p>
<star-rating v-model:rating="rating" star-size="20" v-bind:max-rating="5" active-color="#000" show-rating="false"></star-rating>
</div>
</div>
</div>
</template>
<script>
import StarRating from 'vue-star-rating'
export default {
components: {
StarRating
},
data() {
return {
rating: "4"
}
},
props: {
title: String,
list: Array,
}
};
</script>
<style scoped>
.overflow {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
src/components/TopBar.vue 0 → 100644
View file @ d5d1c0d5
<template>
<div>
<div class="card mb-3">
<h1>Shopping Bag </h1>
</div>
</div>
</template>
<script>
export default {
}
</script>
src/components/index.js 0 → 100644
View file @ d5d1c0d5
import Cart from "../App.vue";
const Components = {
Cart
};
function install(Vue) {
if (install.installed) return;
install.installed = true;
Object.keys(Components).forEach(name => {
Vue.component(name, Components[name]);
});
}
const plugin = {
install
};
let GlobalVue = null;
if (typeof window !== "undefined") {
GlobalVue = window.Vue;
} else if (typeof global !== "undefined") {
GlobalVue = global.vue;
}
if (GlobalVue) {
GlobalVue.use(plugin);
}
Components.install = install;
export default Components;
\ No newline at end of file
src/main.js 0 → 100644
View file @ d5d1c0d5
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#mcart')
vue.config.js 0 → 100644
View file @ d5d1c0d5
module.exports = {
css: { extract: false }
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment