react-single-calendar-events
Version:
## **Description:** **react-single-calendar-events** is a very useful and easy to use Event Calendar, no external dependency is needed for this. You can chagne theme of it's color, by simply editing css variables.
1 lines • 21.7 kB
JavaScript
module.exports=function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,r=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{!a&&l.return&&l.return()}finally{if(r)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=n(1),i=(a=o)&&a.__esModule?a:{default:a};n(2);t.default=function(e){var t=(0,o.useState)(0),n=r(t,2),a=n[0],l=n[1],d=(0,o.useState)(e.options),c=r(d,2),s=c[0],u=(c[1],(0,o.useState)([])),p=r(u,2),f=p[0],v=p[1],g=(0,o.useState)(""),h=r(g,2),b=h[0],y=h[1],m=(0,o.useState)(""),x=r(m,2),E=x[0],S=x[1],w=(0,o.useState)({prevDays:[],currentDays:[],nextDays:[]}),C=r(w,2),z=C[0],k=C[1],M=(0,o.useState)(new Date),_=r(M,2),D=_[0],N=_[1],O=["January","February","March","April","May","June","July","August","September","October","November","December"],F=(0,o.useState)(""),Y=r(F,2),j=Y[0],T=Y[1],H=(0,o.useState)(""),P=r(H,2),R=P[0],A=P[1],B=(0,o.useState)(""),I=r(B,2),q=I[0],W=I[1],X=(0,o.useState)(e.options.tooltipPosition),J=r(X,2),L=J[0],U=J[1],G=(0,o.useState)(!1),K=r(G,2),Q=K[0],V=K[1],Z=(0,o.useState)(0),$=r(Z,2),ee=$[0],te=$[1],ne=(0,o.useState)(0),ae=r(ne,2),re=ae[0],oe=ae[1],ie=(0,o.useState)({}),le=r(ie,2),de=le[0],ce=le[1],se=(0,o.useState)(""),ue=r(se,2),pe=(ue[0],ue[1]);console.log("props",e),(0,o.useEffect)((function(){v(e.events.list),y(e.events.month),S(e.events.year),N({month:e.events.month,year:e.events.year})}),[e.events]),N=function(e){"next"===e?D.setMonth(D.getMonth()+1):"prev"===e?D.setMonth(D.getMonth()-1):(D.setMonth(O.map((function(e){return e})).indexOf(e.month)),D.setFullYear(e.year))},(k=function(e){var t={};1===e&&D.setDate(1);for(var n=D.getDay(),a=new Date(D.getFullYear(),D.getMonth(),0).getDate(),r=[],o=new Date(D.getFullYear(),D.getMonth()+1,0).getDate(),i=1;i<=o;i++)r.push(i);t.currentDays=r;for(var l=[],d=n;d>0;d--)l.push(a-d+1);t.prevDays=l;for(var c=[],s=42-(t.currentDays.length+n),u=1;u<=s;u++)c.push(u);t.nextDays=c,z=t})(1),pe=function(){var t=O[D.getMonth()]+","+D.getFullYear();e.eventMonth&&e.eventMonth(t)};return i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:"dateEcContainer",id:"rsce"},i.default.createElement("div",{className:"header"},i.default.createElement("h1",null,i.default.createElement("button",{type:"button",className:"material-icons prev event-arrows",onClick:function(){N("prev"),k(),pe(),l(a-1)}},"keyboard_arrow_left"),O[D.getMonth()]," ",D.getFullYear(),i.default.createElement("button",{type:"button",className:"material-icons next event-arrows",onClick:function(){N("next"),k(),pe(),l(a+1)}},"keyboard_arrow_right"))),i.default.createElement("div",{className:"insideWrapper"},i.default.createElement("div",{className:"insideContainer"},i.default.createElement("div",{className:"weekdays"},i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Sunday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Monday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Tuesday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Wednesday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Thursday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Friday")),i.default.createElement("div",{style:{fontSize:s.fontSize+3+"px",lineHeight:2*(s.fontSize+3)+"px"},className:" "+(s.border?"bordered":"")},i.default.createElement("strong",null,"Saturday"))),i.default.createElement("div",{className:"days"},z.prevDays.map((function(e){return i.default.createElement("div",{key:e,className:"prev_days "+(s.border?"bordered":"")+" "+(s.pattern?s.pattern:"")},!s.presentOnly&&i.default.createElement("span",{style:{width:2*s.fontSize+"px",height:2*s.fontSize+"px",fontSize:s.fontSize,lineHeight:2*s.fontSize+"px"},className:"dayvalue \n "+(s.positionX?s.positionX:"")+" \n "+(s.positionY?s.positionY:"")+" \n "+(s.badge?"ec-badge-"+s.badge:"")+" \n "},e))})),z.currentDays.map((function(t,n){return i.default.createElement(i.default.Fragment,{key:t},i.default.createElement("div",{onClick:function(){s.accessibility&&(T(j=t),A(R=D.getMonth()),W(q=D.getFullYear()))},className:"\n "+(t===(new Date).getDate()&&D.getMonth()===(new Date).getMonth()&&D.getFullYear()===(new Date).getFullYear()?"today":"")+" \n "+(t===j&&R===D.getMonth()&&q===D.getFullYear()?"selected_day":"")+"\n "+(Date.parse(D.getMonth()+" "+t+", "+D.getFullYear()+" ")>Date.parse((new Date).getMonth()+" "+(new Date).getDate()+", "+(new Date).getFullYear())||D.getFullYear()>(new Date).getFullYear()?"coming_days":"")+"\n "+(s.border?"bordered":"")+" \n "+(s.pattern?s.pattern:"")+" \n "+(f.map((function(e){return e.day})).indexOf(t)>-1&&f[f.map((function(e){return e.day})).indexOf(t)].day===t&&b===O[D.getMonth()]&&Number(E)===D.getFullYear()?"hasEvent":"")+"\n "},i.default.createElement("span",{style:{width:2*s.fontSize+"px",height:2*s.fontSize+"px",fontSize:s.fontSize,lineHeight:2*s.fontSize+"px"},className:"dayvalue \n "+(s.positionX?s.positionX:"")+" \n "+(s.positionY?s.positionY:"")+" \n "+(s.badge?"ec-badge-"+s.badge:"")+" \n \n "},t),f.length>0&&f.map((function(e){return e.day})).indexOf(t)>-1&&i.default.createElement(i.default.Fragment,null,f[f.map((function(e){return e.day})).indexOf(t)].day===t&&b===O[D.getMonth()]&&Number(E)===D.getFullYear()&&i.default.createElement("ul",{className:"events",style:{height:"calc(100% - "+(2*s.fontSize+12)+"px)",marginTop:2*s.fontSize+12+"px"}},f[f.map((function(e){return e.day})).indexOf(t)].events.map((function(a,r){return i.default.createElement("li",{key:"event"+t+r,style:{fontSize:s.fontSize-3+"px"},onMouseOver:function(t){return e.options.tooltip?function(t,n,a){var r=e.options.tooltipPosition;n&&ce(n);document.getElementById("rsce").getBoundingClientRect();var o=t.target.getBoundingClientRect();V(!0);var i=document.getElementById("rsce-tooltip").getBoundingClientRect();"top"!==r&&"bottom"!==r&&""!==r&&void 0!==r||((z.prevDays.length+a+1)%7!=0&&oe(o.x-(i.width-o.width)/2),(z.prevDays.length+a+1)%7==0&&oe(o.x-(i.width-o.width)),(z.prevDays.length+a)%7==0&&oe(o.x),"top"!==r&&""!==r&&void 0!==r||te(o.y-i.height-20),"bottom"===r&&te(o.y+o.height+20)),"left"!==r&&"right"!==r||(te(o.y),o.x<i.width+20&&(U("right"),r="right"),(z.prevDays.length+a+1)%7==0&&(U("left"),r="left"),"left"===r&&oe(o.x-i.width-20),"right"===r&&oe(o.x+o.width+20))}(t,a,n):void 0},onMouseOut:function(t){return e.options.tooltip?(V(!1),ce({}),void U(e.options.tooltipPosition)):void 0},onClick:function(){return e.eventClick?(t=a,void e.eventClick(t)):void 0;var t}},a.title)}))))))})),z.nextDays.map((function(e){return i.default.createElement("div",{key:e,className:"next_days "+(s.border?"bordered":"")+" "+(s.pattern?s.pattern:"")+" "},!s.presentOnly&&i.default.createElement("span",{style:{width:2*s.fontSize+"px",height:2*s.fontSize+"px",fontSize:s.fontSize,lineHeight:2*s.fontSize+"px"},className:"dayvalue \n "+(s.positionX?s.positionX:"")+" \n "+(s.positionY?s.positionY:"")+" \n "+(s.badge?"ec-badge-"+s.badge:"")+" \n "},e))}))),e.options.tooltip&&i.default.createElement("div",{id:"rsce-tooltip",className:"ec-tooltip "+(""!==L&&L?L:"top"),style:{top:ee+"px",left:re+"px",visibility:Q?"visible":"hidden",zIndex:Q?"unset":"-1",opacity:Q?"1":"0"}},Q&&i.default.createElement(i.default.Fragment,null,e.options.tooltipTitle&&i.default.createElement("h2",null,de.title),de.details&&i.default.createElement(i.default.Fragment,null,Object.keys(de.details).map((function(e,t){return i.default.createElement("p",{key:t},i.default.createElement("span",{className:"title"},e,":")," ",de.details[e])})))))))))}},function(e,t){e.exports=require("react")},function(e,t,n){var a=n(3),r=n(4);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var o={insert:"head",singleton:!1};a(r,o);e.exports=r.locals||{}},function(e,t,n){"use strict";var a,r=function(){return void 0===a&&(a=Boolean(window&&document&&document.all&&!window.atob)),a},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function l(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function d(e,t){for(var n={},a=[],r=0;r<e.length;r++){var o=e[r],d=t.base?o[0]+t.base:o[0],c=n[d]||0,s="".concat(d," ").concat(c);n[d]=c+1;var u=l(s),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==u?(i[u].references++,i[u].updater(p)):i.push({identifier:s,updater:h(p,t),references:1}),a.push(s)}return a}function c(e){var t=document.createElement("style"),a=e.attributes||{};if(void 0===a.nonce){var r=n.nc;r&&(a.nonce=r)}if(Object.keys(a).forEach((function(e){t.setAttribute(e,a[e])})),"function"==typeof e.insert)e.insert(t);else{var i=o(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var s,u=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function p(e,t,n,a){var r=n?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(e.styleSheet)e.styleSheet.cssText=u(t,r);else{var o=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function f(e,t,n){var a=n.css,r=n.media,o=n.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}var v=null,g=0;function h(e,t){var n,a,r;if(t.singleton){var o=g++;n=v||(v=c(t)),a=p.bind(null,n,o,!1),r=p.bind(null,n,o,!0)}else n=c(t),a=f.bind(null,n,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return a(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;a(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var n=d(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var a=0;a<n.length;a++){var r=l(n[a]);i[r].references--}for(var o=d(e,t),c=0;c<n.length;c++){var s=l(n[c]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}n=o}}}},function(e,t,n){(t=n(5)(!1)).push([e.i,'/* Main Container */\n\n.dateEcContainer {\n position: relative;\n width: var(--ec-mainWidth);\n height: auto;\n background-color: var(--ec-light);\n border-radius: 8px;\n overflow: visible;\n box-shadow: 0px 2px 8px #e2e4e6;\n box-sizing: border-box;\n}\n.insideWrapper {\n width: 100%;\n overflow: auto;\n}\n.insideContainer {\n width: var(--ec-calendarWidth);\n}\n/* \n Header\n default: h1, p, next, prev\n */\n.dateEcContainer .header {\n width: inherit;\n height: 70px;\n background-color: var(--ec-header);\n position: relative;\n}\n\n.dateEcContainer .header h1 {\n text-align: center;\n font-size: 1.4rem;\n color: var(--ec-title);\n line-height: 3.2rem;\n margin: 0;\n}\n/* next prev common, hover */\n.dateEcContainer .header .next,\n.dateEcContainer .header .prev {\n color: var(--ec-title);\n cursor: pointer;\n box-shadow: 0px 2px 8px var(--dark);\n line-height: 2rem;\n font-size: 2.8rem;\n position: relative;\n top: 15px;\n}\n.dateEcContainer .header .next:hover,\n.dateEcContainer .header .prev:hover {\n background-color: var(--ec-light);\n color: var(--ec-primary);\n}\n/* .dateEcContainer .header .next {\n left: auto;\n right: 0;\n text-align: center;\n}\n.dateEcContainer .header .prev {\n left: 0;\n right: auto;\n text-align: center;\n} */\n/* this class is for date -range only, when from date has a value, this class got implemented there */\n.dateEcContainer .header .prev.disabled_action {\n cursor: default;\n box-shadow: 0px 0px 3px var(--dark);\n opacity: 0.7;\n}\n.dateEcContainer .header .prev.disabled_action:hover {\n background-color: var(--ec-primary);\n color: var(--ec-light);\n}\n/* week names class */\n.dateEcContainer .weekdays {\n width: 100%;\n height: 40px;\n padding: 0;\n align-items: center;\n border-bottom: 1px solid #e4e5e6;\n}\n.dateEcContainer .weekdays div {\n font-size: var(--ec-badgeText);\n width: calc(100% / 7);\n display: block;\n float: left;\n text-align: center;\n height: 100%;\n line-height: 1.5rem;\n color: var(--ec-primary);\n background-color: var(--ec-title-bg-light);\n box-sizing: border-box;\n border-bottom-width: 0px ;\n}\n.dateEcContainer .weekdays div:nth-child(odd) {\n background-color: var(--ec-title-bg);\n}\n\n/* calendar days class */\n.dateEcContainer .days {\n width: 100%;\n height: calc(100% - 95px);\n padding: 0;\n align-items: center;\n}\n\n.bordered {\n border:1px solid var(--ec-border)\n}\n.dateEcContainer .days div {\n font-size: 0.8rem;\n width: calc(100% / 7);\n display: block;\n float: left;\n text-align: center;\n /* height: calc(100% / 6); */\n height: var(--ec-height);\n /* line-height: 2rem; */\n color: var(--ec-primary);\n cursor: pointer;\n box-sizing: border-box;\n position: relative;\n background-color: var(--ec-bg-main);\n}\n.dateEcContainer .days div:hover {\n border: 1px solid var(--ec-dark);\n}\n.dateEcContainer .days div.alternate:nth-child(odd) {\n background-color: var(--ec-alternate-bg-light);\n}\n.dateEcContainer .days div.alternate:nth-child(even) {\n background-color: var(--ec-alternate-bg);\n}\n.dateEcContainer .days div.alternate.today:nth-child(odd) {\n background-color: var(--ec-today);\n}\n.dateEcContainer .days div.prev_days,\n.dateEcContainer .days div.next_days {\n color: rgba(123, 124, 125, 0.4);\n}\n.dateEcContainer .days div:hover.prev_days,\n.dateEcContainer .days div:hover.next_days {\n border: 1px solid var(--ec-dark);\n}\n.dateEcContainer .days div.today {\n background-color: var(--ec-today);\n color: var(--ec-light);\n}\n.dateEcContainer .days div.selected_day.hasEvent, \n.dateEcContainer .days div.selected_day {\n background-color: var(--ec-selected);\n color: var(--ec-selected-text);\n}\n\n.dateEcContainer .days div.selected_day.today {\n background-color: var(--ec-selected);\n color: var(--ec-selected-text);\n border: 1px solid var(--ec-today);\n}\n\n.dayvalue {\n position: absolute;\n top:0;\n left:0;\n right: 0;\n bottom: 0;\n margin: 6px;\n text-align: center;\n\n}\n.dayvalue.right {left:auto;}\n.dayvalue.left {right:auto;}\n.dayvalue.top { bottom: auto;}\n.dayvalue.bottom { top: auto;}\n\n.dayvalue.ec-badge-circle {\n background-color: var(--ec-primary);\n color: var(--ec-light);\n border-radius: 100%;\n}\n\n.dayvalue.ec-badge-square {\n background-color: var(--ec-primary);\n color: var(--ec-light);\n border-radius: 2px;\n}\n\n.prev_days .dayvalue.ec-badge-circle, \n.prev_days .dayvalue.ec-badge-square, \n.next_days .dayvalue.ec-badge-circle,\n.next_days .dayvalue.ec-badge-square\n{\n background-color:rgba(123, 124, 125, 0.4);;\n color: #fff;\n}\n.today .dayvalue.ec-badge-circle, \n.today .dayvalue.ec-badge-square\n{\n background-color:#fff;\n color:var(--ec-today);\n}\n.selected_day .dayvalue.ec-badge-circle, \n.selected_day .dayvalue.ec-badge-square\n{\n background-color:#fff;\n color:var(--ec-primary);\n}\n\n.dateEcContainer .days div.hasEvent {\n background-color: var(--ec-event);\n}\n.events {\n list-style: none;\n overflow-y: auto;\n overflow-x: hidden;\n margin-left:0;\n padding: 0;\n \n}\n.events li {\n text-align: left;\n display: block;\n font-weight: 700;\n color: var(--ec-primary);\n white-space: normal;\n border-bottom: 1px dashed #dddddd;\n padding: 5px 5px 5px 8px;\n margin: 0 0;\n cursor: pointer !important;\n}\n.ec-tooltip {\n position: fixed;\n width: var(--ec-tooltipWidth);\n height: var(--ec-tooltipHeight);;\n top:0;\n left:0;\n background-color:var(--ec-tooltip-bg);\n color:var(--ec-tooltip-fg);\n transition: all ease 0.4s;\n padding: 20px 10px 10px;\n border-radius: var(--ec-tooltip-border-radius);\n box-shadow: 0px 0px 3px rgba(0,0,0,0.4);\n}\n.ec-tooltip > h2 {\n font-size: var(--ec-tooltip-title);\n text-align: center;\n}\n.ec-tooltip > p {\n text-align: left;\n font-size: var(--ec-tooltip-list);\n margin:4px 0 0;\n padding: 0 10px;\n}\n.ec-tooltip > p > span.title {\n font-weight: bold;\n text-transform: capitalize;\n}\n.ec-tooltip.top::after {\n content: "";\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-top: 12px solid var(--ec-tooltip-bg);\n position: absolute;\n top: auto;\n bottom: -12px;\n left: 0;\n right: 0;\n margin: auto;\n}\n.ec-tooltip.bottom::after {\n content: "";\n width: 0;\n height: 0;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid var(--ec-tooltip-bg);\n position: absolute;\n top: -12px;\n bottom: auto;\n left: 0;\n right: 0;\n margin: auto;\n}\n.ec-tooltip.left::after {\n content: "";\n width: 0;\n height: 0;\n border-bottom: 12px solid transparent;\n border-top: 12px solid transparent;\n border-left: 12px solid var(--ec-tooltip-bg);\n position: absolute;\n top: 12px;\n bottom: auto;\n left: auto;\n right: -12px;\n margin: auto;\n}\n.ec-tooltip.right::after {\n content: "";\n width: 0;\n height: 0;\n border-bottom: 12px solid transparent;\n border-top: 12px solid transparent;\n border-right: 12px solid var(--ec-tooltip-bg);\n position: absolute;\n top: 12px;\n bottom: auto;\n right: auto;\n left: -12px;\n margin: auto;\n}\n.events li:hover {\n color: var(--ec-light);\n background-color: var(--ec-secondary);\n}\n\n.event-arrows {\n border:none;\n background-color: transparent;\n}\n\n.event-arrows:hover {\n opacity: 0.8;\n}\n\n',""]),e.exports=t},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",a=e[3];if(!a)return n;if(t&&"function"==typeof btoa){var r=(i=a,l=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),d="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(d," */")),o=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([r]).join("\n")}var i,l,d;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,a){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(a)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(r[i]=!0)}for(var l=0;l<e.length;l++){var d=[].concat(e[l]);a&&r[d[0]]||(n&&(d[2]?d[2]="".concat(n," and ").concat(d[2]):d[2]=n),t.push(d))}},t}}]);