component---src-pages-index-js-0633fe3007ee0654948c.js.map

{"version":3,"sources":["webpack:///./node_modules/react-icons/lib/esm/iconsManifest.js","webpack:///./node_modules/react-icons/lib/esm/iconContext.js","webpack:///./node_modules/react-icons/lib/esm/iconBase.js","webpack:///./src/components/about.js","webpack:///./src/components/home.js","webpack:///./src/components/header.js","webpack:///./src/components/skills.js","webpack:///./src/components/projects.js","webpack:///./src/components/contact.js","webpack:///./src/pages/index.js","webpack:///./node_modules/gatsby-plugin-smoothscroll/index.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es6.string.anchor.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/_string-html.js"],"names":["DefaultContext","color","undefined","size","className","style","attr","IconContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","GenIcon","data","props","IconBase","Tree2Element","tree","map","node","tag","key","child","elem","conf","computedSize","title","svgProps","stroke","fill","strokeWidth","height","width","xmlns","children","Consumer","sectionStyles","padding","margin","maxWidth","subSectionContainer","display","justifyContent","flexWrap","aboutContainerStyles","textAlign","minHeight","AboutSection","hobbies","id","hobby","index","icon","description","defaultProps","HomeSection","background","alignItems","flexDirection","marginTop","zIndex","href","navigationButton","border","textTransform","cursor","Header","headerNavigation","header","createRef","useEffect","onScroll","window","pageYOffset","current","offsetTop","classList","add","remove","addEventListener","removeEventListener","ref","onClick","scrollTo","item","anchor","name","skillContainerStyles","marginBottom","SkillsSection","skills","skill","icons","projectContainerStyles","ProjectsSection","projects","project","url","target","rel","src","image","alt","focus","contactContainerStyles","ContactSection","accounts","account","IndexPage","exports","__esModule","_default","selector","element","document","querySelector","scrollIntoView","behavior","block","createHTML","$export","fails","defined","quot","string","attribute","value","S","String","p1","replace","module","NAME","exec","O","P","F","test","toLowerCase","split"],"mappings":"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","file":"component---src-pages-index-js-0633fe3007ee0654948c.js","sourcesContent":["export var IconsManifest = [{\n  \"id\": \"fa\",\n  \"name\": \"Font Awesome\",\n  \"projectUrl\": \"https://fontawesome.com/\",\n  \"license\": \"CC BY 4.0 License\",\n  \"licenseUrl\": \"https://creativecommons.org/licenses/by/4.0/\"\n}, {\n  \"id\": \"io\",\n  \"name\": \"Ionicons\",\n  \"projectUrl\": \"https://ionicons.com/\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://github.com/ionic-team/ionicons/blob/master/LICENSE\"\n}, {\n  \"id\": \"md\",\n  \"name\": \"Material Design icons\",\n  \"projectUrl\": \"http://google.github.io/material-design-icons/\",\n  \"license\": \"Apache License Version 2.0\",\n  \"licenseUrl\": \"https://github.com/google/material-design-icons/blob/master/LICENSE\"\n}, {\n  \"id\": \"ti\",\n  \"name\": \"Typicons\",\n  \"projectUrl\": \"http://s-ings.com/typicons/\",\n  \"license\": \"CC BY-SA 3.0\",\n  \"licenseUrl\": \"https://creativecommons.org/licenses/by-sa/3.0/\"\n}, {\n  \"id\": \"go\",\n  \"name\": \"Github Octicons icons\",\n  \"projectUrl\": \"https://octicons.github.com/\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://github.com/primer/octicons/blob/master/LICENSE\"\n}, {\n  \"id\": \"fi\",\n  \"name\": \"Feather\",\n  \"projectUrl\": \"https://feathericons.com/\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://github.com/feathericons/feather/blob/master/LICENSE\"\n}, {\n  \"id\": \"gi\",\n  \"name\": \"Game Icons\",\n  \"projectUrl\": \"https://game-icons.net/\",\n  \"license\": \"CC BY 3.0\",\n  \"licenseUrl\": \"https://creativecommons.org/licenses/by/3.0/\"\n}, {\n  \"id\": \"wi\",\n  \"name\": \"Weather Icons\",\n  \"projectUrl\": \"https://erikflowers.github.io/weather-icons/\",\n  \"license\": \"SIL OFL 1.1\",\n  \"licenseUrl\": \"http://scripts.sil.org/OFL\"\n}, {\n  \"id\": \"di\",\n  \"name\": \"Devicons\",\n  \"projectUrl\": \"https://vorillaz.github.io/devicons/\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://opensource.org/licenses/MIT\"\n}, {\n  \"id\": \"ai\",\n  \"name\": \"Ant Design Icons\",\n  \"projectUrl\": \"https://github.com/ant-design/ant-design-icons\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://opensource.org/licenses/MIT\"\n}, {\n  \"id\": \"bs\",\n  \"name\": \"Bootstrap Icons\",\n  \"projectUrl\": \"https://github.com/twbs/icons\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://opensource.org/licenses/MIT\"\n}, {\n  \"id\": \"ri\",\n  \"name\": \"Remix Icon\",\n  \"projectUrl\": \"https://github.com/Remix-Design/RemixIcon\",\n  \"license\": \"Apache License Version 2.0\",\n  \"licenseUrl\": \"http://www.apache.org/licenses/\"\n}, {\n  \"id\": \"fc\",\n  \"name\": \"Flat Color Icons\",\n  \"projectUrl\": \"https://github.com/icons8/flat-color-icons\",\n  \"license\": \"MIT\",\n  \"licenseUrl\": \"https://opensource.org/licenses/MIT\"\n}, {\n  \"id\": \"gr\",\n  \"name\": \"Grommet-Icons\",\n  \"projectUrl\": \"https://github.com/grommet/grommet-icons\",\n  \"license\": \"Apache License Version 2.0\",\n  \"licenseUrl\": \"http://www.apache.org/licenses/\"\n}];","import * as React from 'react';\nexport var DefaultContext = {\n  color: undefined,\n  size: undefined,\n  className: undefined,\n  style: undefined,\n  attr: undefined\n};\nexport var IconContext = React.createContext && React.createContext(DefaultContext);","import \"core-js/modules/es6.array.map\";\nimport \"core-js/modules/es6.symbol\";\nimport \"core-js/modules/es6.array.index-of\";\nimport \"core-js/modules/es6.object.assign\";\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nimport * as React from 'react';\nimport { IconContext, DefaultContext } from './iconContext';\n\nfunction Tree2Element(tree) {\n  return tree && tree.map(function (node, i) {\n    return React.createElement(node.tag, __assign({\n      key: i\n    }, node.attr), Tree2Element(node.child));\n  });\n}\n\nexport function GenIcon(data) {\n  return function (props) {\n    return React.createElement(IconBase, __assign({\n      attr: __assign({}, data.attr)\n    }, props), Tree2Element(data.child));\n  };\n}\nexport function IconBase(props) {\n  var elem = function elem(conf) {\n    var computedSize = props.size || conf.size || \"1em\";\n    var className;\n    if (conf.className) className = conf.className;\n    if (props.className) className = (className ? className + ' ' : '') + props.className;\n\n    var attr = props.attr,\n        title = props.title,\n        svgProps = __rest(props, [\"attr\", \"title\"]);\n\n    return React.createElement(\"svg\", __assign({\n      stroke: \"currentColor\",\n      fill: \"currentColor\",\n      strokeWidth: \"0\"\n    }, conf.attr, attr, svgProps, {\n      className: className,\n      style: __assign({\n        color: props.color || conf.color\n      }, conf.style, props.style),\n      height: computedSize,\n      width: computedSize,\n      xmlns: \"http://www.w3.org/2000/svg\"\n    }), title && React.createElement(\"title\", null, title), props.children);\n  };\n\n  return IconContext !== undefined ? React.createElement(IconContext.Consumer, null, function (conf) {\n    return elem(conf);\n  }) : elem(DefaultContext);\n}","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst sectionStyles = {\n  padding: `5rem 2rem`,\n  margin: `0 auto`,\n  maxWidth: `1400px`\n};\n\nconst subSectionContainer = {\n  display: `flex`,\n  justifyContent: `space-evenly`,\n  flexWrap: `wrap`,\n}\n\nconst aboutContainerStyles = {\n  textAlign: `center`,\n  width: `260px`,\n  margin: `0px 90px 75px 90px`,\n  minHeight: `265px`\n}\n\nconst AboutSection = ({ hobbies }) => (\n  <section id=\"about\" style={sectionStyles}>\n    <h1 className=\"section-header\">About Me</h1>\n    <div style={subSectionContainer}>\n      {hobbies.map((hobby, index) => (\n        <div className=\"hobby-container\" key={index} style={aboutContainerStyles}>\n          <div className=\"hobby-icon\">\n            {hobby.icon}\n          </div>\n          <div className=\"hobby-description\">\n            <strong>{hobby.title}: </strong>\n            {hobby.description}\n          </div>\n        </div>\n      ))}\n    </div>\n  </section>\n)\n\nAboutSection.propTypes = {\n  hobbies: PropTypes.arrayOf(PropTypes.shape({\n    icon: PropTypes.object,\n    description: PropTypes.string,\n    title: PropTypes.string\n  })),\n}\n\nAboutSection.defaultProps = {\n  hobbies: {},\n}\n\nexport default AboutSection\n","import React from \"react\";\n\nconst HomeSection = () => (\n    <section\n        id=\"home\"\n        style={{\n            textAlign: `center`,\n            background: `linear-gradient(125deg, #47236A 0%, #3D1E81 100%)`,\n            height: `calc(100vh + 53px)`,\n            alignItems: `center`,\n            display: `flex`,\n            flexDirection: `column`,\n            justifyContent: `center`,\n            color: `#ffffff88`\n        }}\n    >\n        <div className=\"star-container\">\n            <div className=\"star\"></div>\n            <div className=\"star\"></div>\n            <div className=\"star\"></div>\n            <div className=\"star\"></div>\n            <div className=\"star\"></div>\n        </div>\n        <h1>Hey I'm Marcus</h1>\n        <h1>Coming up with a good opener is tough...</h1>\n        <h4>Hire me perhaps?</h4>\n        <div style={{ marginTop: `2rem`, zIndex: 8 }}>\n            <a href=\"https://docs.google.com/document/d/128r7KhH7D0bYKmQNuzY9DFC0KMQfTLhZgJVTplE6jnA/export?format=pdf\">\n                Cover Letter\n            </a>\n            <a href=\"https://docs.google.com/document/d/1AmKS-EKP1tfPgs2YqhxzN5sr98eMyVu6ghXAx6Q8FoI/export?format=pdf\">\n                Resume\n            </a>\n        </div>\n    </section>\n)\n\nexport default HomeSection\n","import PropTypes from \"prop-types\"\nimport scrollTo from 'gatsby-plugin-smoothscroll'\nimport React, { createRef, useEffect } from \"react\"\n\nconst navigationButton = {\n  background: `none`,\n  border: `none`,\n  textTransform: `uppercase`,\n  cursor: `pointer`\n}\n\nconst Header = ({ headerNavigation }) => {\n  const header = createRef();\n  useEffect(() => {\n    const onScroll = () => {\n      if (window.pageYOffset > header.current.offsetTop) {\n        header.current.classList.add(\"sticky\");\n      } else {\n        header.current.classList.remove(\"sticky\");\n      }\n    };\n    window.addEventListener(\"scroll\", onScroll);\n\n    return () => window.removeEventListener(\"scroll\", onScroll);\n  });\n\n  return (\n    <header\n      ref={header}\n      style={{\n        background: `#111`\n      }}\n    >\n      <div\n        style={{\n          padding: `1.45rem 2rem`,\n          textAlign: `right`\n        }}\n      >\n\n        <button className=\"header-button\" style={navigationButton} onClick={() => scrollTo(\"#home\")}>Home</button>\n        {headerNavigation.map((item, index) => (\n          <button className=\"header-button\" style={navigationButton} key={index} onClick={() => scrollTo(item.anchor)}>{item.name}</button>\n        ))}\n      </div>\n    </header>\n  )\n}\n\nHeader.propTypes = {\n  headerNavigation: PropTypes.arrayOf(PropTypes.shape({\n    name: PropTypes.string,\n    anchor: PropTypes.string,\n  })),\n}\n\nHeader.defaultProps = {\n  headerNavigation: [],\n}\n\nexport default Header\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst sectionStyles = {\n  padding: `5rem 2rem`,\n  margin: `0 auto`,\n  maxWidth: `1400px`\n};\n\nconst subSectionContainer = {\n  display: `flex`,\n  justifyContent: `space-evenly`,\n  flexWrap: `wrap`,\n};\n\nconst skillContainerStyles = {\n  textAlign: `center`,\n  marginBottom: `2rem`,\n  maxWidth: `275px`\n};\n\nconst SkillsSection = ({ skills }) => (\n  <section id=\"skills\" style={sectionStyles}>\n    <h1 className=\"section-header\">Skills</h1>\n    <div style={subSectionContainer}>\n      {skills.map((skill, index) => (\n        <div key={index} style={skillContainerStyles}>\n          <div className=\"skill-icons\">\n            {skill.icons.map(icon => icon)}\n          </div>\n          <div>\n            {skill.description}\n          </div>\n        </div>\n      ))}\n    </div>\n  </section>\n)\n\nSkillsSection.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.shape({\n    icons: PropTypes.arrayOf(PropTypes.element),\n    description: PropTypes.string,\n  })),\n}\n\nSkillsSection.defaultProps = {\n  skills: {},\n}\n\nexport default SkillsSection\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst sectionStyles = {\n  padding: `5rem 2rem`,\n  margin: `0 auto`,\n  maxWidth: `1400px`\n};\n\nconst subSectionContainer = {\n  display: `flex`,\n  justifyContent: `space-evenly`,\n  flexWrap: `wrap`,\n}\n\nconst projectContainerStyles = {\n  textAlign: `center`,\n  width: 355,\n  height: 220,\n}\n\n\nconst ProjectsSection = ({ projects }) => (\n  <section id=\"projects\" style={sectionStyles}>\n    <h1 className=\"section-header\">Projects</h1>\n    <div style={subSectionContainer}>\n      {projects.map((project, index) => (\n        <div key={index} style={projectContainerStyles} className=\"card-container\">\n          <a href={project.url} className=\"card\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <div className=\"front\">\n              <img style={{ marginBottom: 0, height: `100%` }} src={project.image} alt={project.title} />\n            </div>\n            <div className=\"back\">\n              <h4>\n                {project.title}\n              </h4>\n              <p>\n                {project.description}\n              </p>\n              <div>\n                {project.focus.map(item => item.icon)}\n              </div>\n            </div>\n          </a>\n        </div>\n      ))}\n    </div>\n  </section>\n)\n\nProjectsSection.propTypes = {\n  projects: PropTypes.arrayOf(PropTypes.shape({\n    image: PropTypes.string,\n    url: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    focus: PropTypes.arrayOf(PropTypes.shape({\n      icon: PropTypes.element,\n      tech: PropTypes.string\n    }))\n  })),\n}\n\nProjectsSection.defaultProps = {\n  projects: {},\n}\n\nexport default ProjectsSection\n","import PropTypes from \"prop-types\"\nimport React from \"react\"\n\nconst sectionStyles = {\n  margin: `0 auto`,\n  maxWidth: `1400px`\n};\n\nconst subSectionContainer = {\n  display: `flex`,\n  justifyContent: `space-evenly`,\n  flexWrap: `wrap`,\n  marginBottom: `2rem`\n}\n\nconst contactContainerStyles = {\n  textAlign: `center`,\n  maxWidth: 250\n}\n\nconst ContactSection = ({ accounts }) => (\n  <section id=\"contact\" style={sectionStyles}>\n    <h1 className=\"section-header\">Contact</h1>\n    <div style={subSectionContainer}>\n      {accounts.map((account, index) => (\n        <div key={index} style={contactContainerStyles}>\n          <a target=\"_blank\" rel=\"noopener noreferrer\" href={account.url} className=\"account-icons\">\n            {account.icon}\n          </a>\n        </div>\n      ))}\n    </div>\n  </section>\n)\n\nContactSection.propTypes = {\n  accounts: PropTypes.arrayOf(PropTypes.shape({\n    url: PropTypes.string,\n    icon: PropTypes.element,\n  })),\n}\n\nContactSection.defaultProps = {\n  accounts: [],\n}\n\nexport default ContactSection\n","import React from \"react\"\n\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport AboutSection from \"../components/about\";\nimport HomeSection from \"../components/home\";\nimport Header from \"../components/header\";\nimport SkillsSection from \"../components/skills\";\nimport ProjectsSection from \"../components/projects\";\nimport ContactSection from \"../components/contact\";\nimport { FaGithubAlt, FaInstagram, FaLinkedinIn, FaReact, FaAngular, FaVuejs, FaDesktop, FaMobileAlt, FaTabletAlt, FaPython, FaDatabase, FaDocker, FaNodeJs, FaAws, FaDharmachakra, FaSquarespace, FaSearch, FaSnowboarding, FaCamera, FaUtensils, FaMusic, FaBicycle, FaBullseye } from \"react-icons/fa\"\n\nconst IndexPage = () => (\n  <Layout>\n    <SEO title=\"Marcus Parker Portfolio Website\" />\n    <HomeSection />\n    <Header headerNavigation={[\n      { name: \"About\", anchor: \"#about\" },\n      { name: \"Skills\", anchor: \"#skills\" },\n      { name: \"Projects\", anchor: \"#projects\" },\n      { name: \"Contact\", anchor: \"#contact\" }]} />\n    <SkillsSection skills={[\n      { icons: [<FaReact />, <FaAngular />, <FaVuejs />], description: \"My expertise is in frontend technologies including React, Angular & Vue. Oh and of course the basics in HTML, CSS & JS  haha.\" },\n      { icons: [<FaMobileAlt />, <FaTabletAlt />, <FaDesktop />], description: \"With a focus in frontend engineering you can't leave out the skills to help create a clean and responsive UI/UX!\" },\n      { icons: [<FaPython />, <FaDatabase />, <FaNodeJs />], description: \"Even with a focus on frontend I still have the capabilities to work on backend whether it be scripting or database queries.\" },\n      { icons: [<FaAws />, <FaDocker />, <FaDharmachakra />], description: \"Between Docker and cloud services such as AWS I have the ability to work on containerized architectures.\" }]} />\n    <ProjectsSection projects={[\n      { focus: [{ icon: <FaReact />, skill: \"React\" }], image: \"milk-calc.png\", url: \"https://milk-intake-calculator.herokuapp.com\", title: \"Infant Milk Intake Calculator\", description: \"A React application that was a request from a friend who wanted to be able to return the results of how much an infant should be consuming based on certain properties\" },\n      { focus: [{ icon: <FaAngular />, skill: \"Angular\" }, { icon: <FaNodeJs />, skill: \"NodeJS\" }], image: \"angular-flicker.jpg\", url: \"https://angular-flickr-gallery.herokuapp.com/\", title: \"Flicker Gallery\", description: \"A small Angular application to start showcasing my photography by pulling the data via Flickr's API\" },\n      { focus: [{ icon: <FaSquarespace />, skill: \"Squarespace\" }, { icon: <FaSearch />, skill: \"SEO\" }], image: \"glenwood-tailor.jpg\", url: \"https://www.glenwoodsouthtailor.com/\", title: \"Glenwood South Tailors Website\", description: \"I completed contract work for this client by setting up the foundation of the Glenwood South Tailors using Squarespace and focusing on SEO/3rd party functionalities\" },\n    ]} />\n    <AboutSection hobbies={[\n      { title: \"Snowboarding\", description: \"A couple of weekends on the slopes and I am hooked, hopefully I can hit an 'S' turn soon!\", icon: <FaSnowboarding /> },\n      { title: \"Photography\", description: \"Still trying to get good at this but I truly enjoy landscape photography and taking in all of that natural beauty!\", icon: <FaCamera /> },\n      { title: \"Archery\", description: \"Haven't picked this up fully but starting to get set up and very excited to get started!\", icon: <FaBullseye /> },\n      { title: \"Music\", description: \"This is a deep passion of mine currently, I looove playing the bass. Wish I got started earlier in life!\", icon: <FaMusic /> },\n      { title: \"Cooking\", description: \"I'm definitely no expert but I really enjoy cooking and trying new recipes. Eating the result is pretty great too!\", icon: <FaUtensils /> },\n      { title: \"Cycling\", description: \"Just getting into cycling as a great low-impact cardio workout, ready to tackle some tough trails!\", icon: <FaBicycle /> }\n    ]} />\n    <ContactSection accounts={[\n      { url: \"https://github.com/JeromeJoestar\", icon: <FaGithubAlt /> },\n      { url: \"https://www.linkedin.com/in/marcus-ty-parker\", icon: <FaLinkedinIn /> },\n      { url: \"https://www.instagram.com/jerome_joestar/\", icon: <FaInstagram /> }\n    ]} />\n  </Layout>\n)\n\nexport default IndexPage\n","\"use strict\";\n\nexports.__esModule = true;\nexports[\"default\"] = void 0;\n\n/**\n * Smooth scrolling onClick event handler\n * @param {string} selector argument will be passed to `querySelector`, usually an HTML id\n * @returns {boolean} false if `document.querySelector` doesn't find a match, otherwise true\n */\nvar scrollTo = function scrollTo(selector) {\n  var element = document.querySelector(selector);\n\n  if (element) {\n    element.scrollIntoView({\n      behavior: 'smooth',\n      block: 'start'\n    });\n    return true;\n  }\n\n  if (process.env.NODE_ENV !== 'production') {\n    console.warn(\"gatsby-plugin-smoothscroll:\\n The selector: '%s' wasn't found in the document.\\n Make sure you pass in a valid CSS selector string.\", selector);\n  }\n\n  return false;\n};\n\nvar _default = scrollTo;\nexports[\"default\"] = _default;","'use strict';\n// B.2.3.2 String.prototype.anchor(name)\nrequire('./_string-html')('anchor', function (createHTML) {\n  return function anchor(name) {\n    return createHTML(this, 'a', 'name', name);\n  };\n});\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n"],"sourceRoot":""}