{"version":3,"sources":["webpack:///D:/a/1/s/frontend/src/views/blocks/contentListing/js/contentListing.js","webpack:///D:/a/1/s/frontend/node_modules/babel-runtime/helpers/extends.js","webpack:///D:/a/1/s/frontend/src/views/blocks/contentListing/js/ContentListing.jsx"],"names":["__webpack_require__","ContentListing","$el","_classCallCheck3","default","this","props","window","contentListing","data","filters","title","_jquery2","simpleMode","simplemode","testImg","testimg","hideFilter","hidefilter","pills","defaultpill","init","setContentListing","ReactDOM","render","React","createElement","rContentListing","exports","__esModule","obj","_assign","_assign2","target","i","arguments","length","source","key","Object","prototype","hasOwnProperty","call","_react","_React$useState","useState","_React$useState2","_slicedToArray3","selectedPill","setSelectedPill","_React$useState3","_React$useState4","showAll","setShowAll","useEffect","getCurrentState","navigator","geolocation","getCurrentPosition","position","geocoder","google","maps","Geocoder","_position$coords","coords","latitude","longitude","geocode","location","lat","lng","results","status","addressComponents","address_components","component","types","indexOf","_selectedPill","short_name","filter","item","ContentCategories","includes","groupByRows","colNumber","groupedByRowsObj","reduce","prev","curr","index","col","row","Math","floor","evenRow","getRowCol","push","groupedByRows","columnNumber","_react2","className","PillsFilter","map","SimpleMode","_extends3","count","ComplexElement","type","onClick","btnClass","pill","_ref","classes","getElementClass","ShouldHideImage","src","ContentImage","join","getContentClass","ContentName","getContentListingSectionClass","href","ContentUrl","_ref2"],"mappings":"sNAOAA,EAAA,QACAA,EAAA,UACAA,EAAA,UACAA,EAAA,iEAEaC,0BACZ,SAAAA,EAAYC,IAAK,EAAAC,EAAAC,SAAAC,KAAAJ,GAEhBI,KAAKH,IAAMA,EACXG,KAAKC,SACLC,OAAOC,eAAiBD,OAAOC,mBAC/BD,OAAOC,eAAeC,KAAOF,OAAOC,eAAeC,SACnDF,OAAOC,eAAeE,QAAUH,OAAOC,eAAeE,YACtDL,KAAKC,MAAMG,KAAOF,OAAOC,eAAeC,KACxCJ,KAAKC,MAAMK,OAAQ,EAAAC,EAAAR,SAAEF,GAAKO,OAAOE,MACjCN,KAAKC,MAAMO,YAAa,EAAAD,EAAAR,SAAEF,GAAKO,OAAOK,WACtCT,KAAKC,MAAMS,SAAU,EAAAH,EAAAR,SAAEF,GAAKO,OAAOO,QACnCX,KAAKC,MAAMW,YAAa,EAAAL,EAAAR,SAAEF,GAAKO,OAAOS,WACtCb,KAAKC,MAAMa,MAAQZ,OAAOC,eAAeE,QACzCL,KAAKC,MAAMc,aAAa,EAAAR,EAAAR,SAAEF,GAAKO,OAAOW,YACtCf,KAAKgB,2DAILhB,KAAKiB,gEAILC,UAASC,OACRC,UAAMC,cAAcC,UAAiBtB,KAAKC,OAC1CD,KAAKH,sDCnCR0B,QAAAC,YAAA,EAEA,IAIAC,EAJAC,EAAc/B,EAAQ,KAEtBgC,GAEAF,EAFAC,IAEsCD,EAAAD,WAAAC,GAAuC1B,QAAA0B,GAE7EF,QAAAxB,QAAA4B,EAAA5B,SAAA,SAAA6B,GACA,QAAAC,EAAA,EAAiBA,EAAAC,UAAAC,OAAsBF,IAAA,CACvC,IAAAG,EAAAF,UAAAD,GAEA,QAAAI,KAAAD,EACAE,OAAAC,UAAAC,eAAAC,KAAAL,EAAAC,KACAL,EAAAK,GAAAD,EAAAC,IAKA,OAAAL,8HCpBAU,EAAA3C,EAAA,+EAEe,SAACM,GAAU,IAAAsC,EAEenB,UAAMoB,SAASvC,EAAMc,aAFpC0B,GAAA,EAAAC,EAAA3C,SAAAwC,EAAA,GAElBI,EAFkBF,EAAA,GAEJG,EAFIH,EAAA,GAAAI,EAGKzB,UAAMoB,UAAS,GAHpBM,GAAA,EAAAJ,EAAA3C,SAAA8C,EAAA,GAGlBE,EAHkBD,EAAA,GAGTE,EAHSF,EAAA,IAgBzB,EAAAR,EAAAW,WAAU,WACTC,SAGD,IAAMA,EAAkB,WACvBC,UAAUC,YAAYC,mBAAmB,SAACC,GAEzC,IAAMC,EAAW,IAAIC,OAAOC,KAAKC,SAFqBC,EAGxBL,EAASM,OAAhCC,EAH+CF,EAG/CE,SAAUC,EAHqCH,EAGrCG,UACjBP,EAASQ,SAASC,UAAWC,IAAKJ,EAAUK,IAAKJ,IAAa,SAASK,EAASC,GAC/E,GAAe,OAAXA,EAAiB,CACpB,IAAID,EAAQ,GAcX,OAZA,IADA,IAAME,EAAoBF,EAAQ,GAAGG,mBAC7BzC,EAAI,EAAGA,EAAIwC,EAAkBtC,OAAQF,IAAK,CACjD,IAAI0C,EAAYF,EAAkBxC,GAClC,GAAG0C,EAAUC,MAAMC,QAAQ,gCAAkC,EAAG,wBAC/D,IAAMC,EAAgBH,EAAUI,WAEhC,GADqB1E,EAAMG,KAAKwE,OAAO,SAACC,GAAD,OAAUA,EAAKC,kBAAkBC,SAASL,KAChE3C,OAEhB,OADAa,EAAgB8B,GAChB,QAL8D,GAK9D,aA6BFM,EAAc,SAACC,GACpB,IAAMC,GAfDvC,EAGG1C,EAAMG,KAAKwE,OAAO,SAACC,GAAD,OAAUA,EAAKC,kBAAkBC,SAASpC,KAF5D1C,EAAMG,MAcwB+E,OAAO,SAACC,EAAMC,EAAMC,GACzD,IAAMhC,EATU,SAACgC,EAAOL,GACzB,IAAIM,EAAMD,EAAQL,EACdO,EAAMC,KAAKC,MAAMJ,EAAQL,GAE7B,OAAQM,MAAKC,MAAKG,UADFH,EAAM,IAMJI,CAAUN,EAAOL,GAGlC,OAFKG,EAAK9B,EAASkC,OAAMJ,EAAK9B,EAASkC,SACvCJ,EAAK9B,EAASkC,KAAKK,MAAMvC,WAAUuB,KAAMQ,IAClCD,OAEJU,KACJ,IAAK,IAAI7D,KAAOiD,EACZA,EAAiB9C,eAAeH,IAAM6D,EAAcD,KAAKX,EAAiBjD,IAE9E,OAAO6D,GAGFC,EAAe9F,EAAMO,WAAa,EAAI,EAC5C,OACCwF,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,oCACdD,EAAAjG,QAAAsB,cAAA,MAAI4E,UAAU,kDAAkDhG,EAAMK,OACrEL,EAAMa,MAAMiB,OAAS,IAAM9B,EAAMW,YACjCoF,EAAAjG,QAAAsB,cAAC6E,GAAYpF,MAAOb,EAAMa,MAAO6B,aAAcA,EAAcC,gBAAiBA,IAE9EoC,EAAYe,GAAcI,IAAI,SAACX,EAAKF,GAAN,OAC9BU,EAAAjG,QAAAsB,cAAA,OAAKY,IAAA,eAAoBqD,EAASW,UAAA,QAAkBX,EAAQ,IAAMvC,EAAU,wBAA0B,KACpGyC,EAAIW,IAAI,SAACZ,EAAKD,GACd,OAAKrF,EAAMO,WAGHwF,EAAAjG,QAAAsB,cAAC+E,GAAD,EAAAC,EAAAtG,UAAYkC,IAAA,WAAgBqD,GAAaC,GAAKe,MAAOd,EAAIzD,UAFzDiE,EAAAjG,QAAAsB,cAACkF,GAAD,EAAAF,EAAAtG,UAAgBkC,IAAA,WAAgBqD,EAASA,MAAOA,EAAO5E,QAAST,EAAMS,SAAa6E,UAO5FxC,GAAWiC,EAAYe,GAAchE,OAAS,GAC/CiE,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,OACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,0EACdD,EAAAjG,QAAAsB,cAAA,UACCmF,KAAK,SACLC,QAAS,kBAAMzD,GAAW,IAC1BiD,UAAU,kDAHX,iBAcN,IAAMC,EAAc,SAACjG,GACpB,IAAMyG,EAAW,SAACC,GACjB,OAAI1G,EAAM0C,cAAiBgE,EAC3B,uCAA6C1G,EAAM0C,eAAiBgE,EAAO,gBAAkB,IAA7F,IADwC,oDAGzC,OACCX,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,iCACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,kCACdD,EAAAjG,QAAAsB,cAAA,UAAQmF,KAAK,SAASP,UAAWS,EAAS,MAAOD,QAAS,kBAAMxG,EAAM2C,gBAAgB,QAAtF,YAGC3C,EAAMa,MAAMqF,IAAI,SAACQ,GAAD,OAChBX,EAAAjG,QAAAsB,cAAA,UAAQY,IAAK0E,EAAMH,KAAK,SAASC,QAAS,kBAAMxG,EAAM2C,gBAAgB+D,IAAOV,UAAWS,EAASC,IAC/FA,QAQDJ,EAAiB,SAAAK,GAAsC,IAApCtB,EAAoCsB,EAApCtB,MAAOhC,EAA6BsD,EAA7BtD,SAAUuB,EAAmB+B,EAAnB/B,KAAMnE,EAAakG,EAAblG,QA8C/C,OACCsF,EAAAjG,QAAAsB,cAAA,OAAKY,IAAA,QAAaqD,EAASW,UA9CJ,SAAC3C,GACxB,IAAIuD,EAAU,OASd,OARIvD,EAASqC,UACQ,GAAhBrC,EAASiC,IAAUsB,GAAW,WAC7BA,GAAW,YAEZvD,EAASqC,UACO,GAAhBrC,EAASiC,IAAUsB,GAAW,WAC7BA,GAAW,YAEVA,EAoC+BC,CAAgBxD,IACrD0C,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,yHACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,QAXM,SAAC3C,GACxB,QAAIA,EAASqC,SACQ,GAAhBrC,EAASiC,IAUVwB,CAAgBzD,IAChB0C,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,6EACdD,EAAAjG,QAAAsB,cAAA,OACC4E,UAAU,wBACVe,IAAA,IAAQtG,EAAU,gCAAkCmE,EAAKoC,iBAI5DjB,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,aACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,sBAAsBpB,EAAKC,kBAAkBoC,KAAK,QACjElB,EAAAjG,QAAAsB,cAAA,MAAI4E,UA9Ce,SAAC3C,GACxB,IAAIuD,EAAU,2CAQd,OAPIvD,EAASqC,QACQ,GAAhBrC,EAASiC,IAAUsB,GAAW,SAC7BA,GAAW,SAEI,GAAhBvD,EAASiC,IAAUsB,GAAW,SAC7BA,GAAW,SAEVA,EAqCYM,CAAgB7D,IAAYuB,EAAKuC,eAGlDpB,EAAAjG,QAAAsB,cAAA,OAAK4E,UArC8B,SAAC3C,GACtC,IAAIuD,EAAU,6DAQd,OAPIvD,EAASqC,QACQ,GAAhBrC,EAASiC,IAAUsB,GAAW,sBAC7BA,GAAW,SAEI,GAAhBvD,EAASiC,IAAUsB,GAAW,sBAC7BA,GAAW,OAEVA,EA4BWQ,CAA8B/D,IAC7C0C,EAAAjG,QAAAsB,cAAA,KAAGiG,KAAMzC,EAAK0C,WAAYtB,UAAU,sDAApC,iBASCG,EAAa,SAAAoB,GAAmB,IAAjB3C,EAAiB2C,EAAjB3C,KAAMyB,EAAWkB,EAAXlB,MAS1B,OACCN,EAAAjG,QAAAsB,cAAA,OAAK4E,WARe,6LAQSK,EAAQ,IACpCN,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,4GACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,QACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,aACdD,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,sBAAsBpB,EAAKC,kBAAkBoC,KAAK,QACjElB,EAAAjG,QAAAsB,cAAA,MAAI4E,UAAU,kDAAkDpB,EAAKuC,eAGvEpB,EAAAjG,QAAAsB,cAAA,OAAK4E,UAAU,iCACdD,EAAAjG,QAAAsB,cAAA,KAAGiG,KAAMzC,EAAK0C,WAAYtB,UAAU,sDAApC","file":"block-13.b9f88d4cffa17521b332.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'ContentListing';\nconst CLS = 'contentListing';\nconst BLK = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out ./loadBlk.js using Webpack dynamic imports as chunks.\nimport $ from 'jquery';\nimport rContentListing from './ContentListing.jsx';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport class ContentListing {\n\tconstructor($el) {\n\t\t// $el is the blk node return by the loadContentListing function\n\t\tthis.$el = $el;\n\t\tthis.props = {};\n\t\twindow.contentListing = window.contentListing || {};\n\t\twindow.contentListing.data = window.contentListing.data || [];\n\t\twindow.contentListing.filters = window.contentListing.filters || [];\n\t\tthis.props.data = window.contentListing.data;\n\t\tthis.props.title = $($el).data().title;\n\t\tthis.props.simpleMode = $($el).data().simplemode;\n\t\tthis.props.testImg = $($el).data().testimg;\n\t\tthis.props.hideFilter = $($el).data().hidefilter;\n\t\tthis.props.pills = window.contentListing.filters;\n\t\tthis.props.defaultpill= $($el).data().defaultpill;\n\t\tthis.init();\n\t}\n\n\tinit() {\n\t\tthis.setContentListing();\n\t}\n\n\tsetContentListing() {\n\t\tReactDOM.render(\n\t\t\tReact.createElement(rContentListing, this.props),\n\t\t\tthis.$el\n\t\t);\n\t}\n\n\t// Add more functions like on above here\n}\n","\"use strict\";\n\nexports.__esModule = true;\n\nvar _assign = require(\"../core-js/object/assign\");\n\nvar _assign2 = _interopRequireDefault(_assign);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _assign2.default || function (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n\n    for (var key in source) {\n      if (Object.prototype.hasOwnProperty.call(source, key)) {\n        target[key] = source[key];\n      }\n    }\n  }\n\n  return target;\n};","/* eslint-disable new-cap */\nimport React, {useEffect} from 'react';\n\nexport default (props) => {\n\t// const [pills, setPills] = React.useState([]);\n\tconst [selectedPill, setSelectedPill] = React.useState(props.defaultpill);\n\tconst [showAll, setShowAll] = React.useState(false);\n\n\t// React.useEffect(() => {\n\t// \tconst reducedPills = props.data.reduce((prev, curr) => {\n\t// \t\tconst currentTags = curr.ContentCategories;\n\t// \t\tcurrentTags.forEach(tag => {\n\t// \t\t\tif (!prev.includes(tag)) prev.push(tag);\n\t// \t\t});\n\t// \t\treturn prev;\n\t// \t}, []);\n\t// \tsetPills(reducedPills);\n\t// }, []);\n\n\tuseEffect(()=> {\n\t\tgetCurrentState();\n\t}, []);\n\n\tconst getCurrentState = ()=> {\n\t\tnavigator.geolocation.getCurrentPosition((position) => {\n\t\t\t// eslint-disable-next-line no-undef\n\t\t\tconst geocoder = new google.maps.Geocoder();\n\t\t\tconst {latitude, longitude} = position.coords;\n\t\t\tgeocoder.geocode({location: {lat: latitude, lng: longitude}}, function(results, status) {\n\t\t\t\tif (status === 'OK') {\n\t\t\t\t\tif (results[0]) {\n\t\t\t\t\t\tconst addressComponents = results[0].address_components;\n\t\t\t\t\t\tfor(let i = 0; i < addressComponents.length; i++) {\n\t\t\t\t\t\t\tlet component = addressComponents[i];\n\t\t\t\t\t\t\tif(component.types.indexOf('administrative_area_level_1') >= 0) {\n\t\t\t\t\t\t\t\tconst _selectedPill = component.short_name;\n\t\t\t\t\t\t\t\tconst filteredData = props.data.filter((item) => item.ContentCategories.includes(_selectedPill));\n\t\t\t\t\t\t\t\tif (filteredData.length) {\n\t\t\t\t\t\t\t\t\tsetSelectedPill(_selectedPill);\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('Geocoder failed due to: ' + status);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t};\n\n\tconst getContent = () => {\n\t\tif (!selectedPill) {\n\t\t\treturn props.data;\n\t\t} else {\n\t\t\treturn props.data.filter((item) => item.ContentCategories.includes(selectedPill));\n\t\t}\n\t};\n\n\tconst getRowCol = (index, colNumber) => {\n\t\tlet col = index % colNumber;\n\t\tlet row = Math.floor(index / colNumber);\n\t\tlet evenRow = !(row % 2);\n\t\treturn {col, row, evenRow};\n\t};\n\n\tconst groupByRows = (colNumber) => {\n\t\tconst groupedByRowsObj = getContent().reduce((prev, curr, index) => {\n\t\t\tconst position = getRowCol(index, colNumber);\n\t\t\tif (!prev[position.row]) prev[position.row] = [];\n\t\t\tprev[position.row].push({position, item: curr});\n\t\t\treturn prev;\n\t\t}, {});\n\t\tlet groupedByRows = [];\n\t\tfor (let key in groupedByRowsObj) {\n\t\t\tif(groupedByRowsObj.hasOwnProperty(key)) groupedByRows.push(groupedByRowsObj[key]);\n\t\t}\n\t\treturn groupedByRows;\n\t};\n\n\tconst columnNumber = props.simpleMode ? 4 : 3;\n\treturn (\n\t\t<div className=\"contentListing-content container\">\n\t\t\t<h2 className=\"contentListing-title text-align-theme-alt mb-5\">{props.title}</h2>\n\t\t\t{props.pills.length > 0 && !props.hideFilter && (\n\t\t\t\t<PillsFilter pills={props.pills} selectedPill={selectedPill} setSelectedPill={setSelectedPill} />\n\t\t\t)}\n\t\t\t{groupByRows(columnNumber).map((row, index) => (\n\t\t\t\t<div key={`key_element_${index}`} className={`row ${index > 1 && !showAll ? 'contentListing-hidden' : ''}`}>\n\t\t\t\t\t{row.map((col, index) => {\n\t\t\t\t\t\tif (!props.simpleMode) {\n\t\t\t\t\t\t\treturn <ComplexElement key={`complex_${index}`} index={index} testImg={props.testImg} {...col} />;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn <SimpleMode key={`complex_${index}`} {...col} count={row.length} />;\n\t\t\t\t\t\t}\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t\t{!showAll && groupByRows(columnNumber).length > 2 && (\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<div className=\"col-12 text-align-theme-alt contentListing-cta contentListing-view-all\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => setShowAll(true)}\n\t\t\t\t\t\t\tclassName=\"btn btn-primary mt-5 px-4 py-2 font-weight-500\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tView more\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst PillsFilter = (props) => {\n\tconst btnClass = (pill) => {\n\t\tif(!props.selectedPill && !pill) return 'btn btn-outline-danger pill-button pill-selected';\n\t\treturn `btn btn-outline-danger pill-button ${props.selectedPill === pill ? 'pill-selected' : ''} `;\n\t};\n\treturn (\n\t\t<div className=\"row justify-content-md-center\">\n\t\t\t<div className=\"col text-center pill-container\">\n\t\t\t\t<button type=\"button\" className={btnClass(null)} onClick={() => props.setSelectedPill(null)}>\n\t\t\t\t\tShow All\n\t\t\t\t</button>\n\t\t\t\t{props.pills.map((pill) => (\n\t\t\t\t\t<button key={pill} type=\"button\" onClick={() => props.setSelectedPill(pill)} className={btnClass(pill)}>\n\t\t\t\t\t\t{pill}\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ComplexElement = ({index, position, item, testImg}) => {\n\tconst getElementClass = (position) => {\n\t\tlet classes = 'p-3 ';\n\t\tif (position.evenRow) {\n\t\t\tif (position.col == 0) classes += 'col-md-6';\n\t\t\telse classes += 'col-md-3';\n\t\t}\n\t\tif (!position.evenRow) {\n\t\t\tif (position.col == 2) classes += 'col-md-6';\n\t\t\telse classes += 'col-md-3';\n\t\t}\n\t\treturn classes;\n\t};\n\n\tconst getContentClass = (position) => {\n\t\tlet classes = 'mb-3 text-black font-weight-bold fsp-30 ';\n\t\tif (position.evenRow) {\n\t\t\tif (position.col == 0) classes += 'lhp-36';\n\t\t\telse classes += 'lhp-24';\n\t\t} else {\n\t\t\tif (position.col == 2) classes += 'lhp-36';\n\t\t\telse classes += 'lhp-26';\n\t\t}\n\t\treturn classes;\n\t};\n\n\tconst getContentListingSectionClass = (position) => {\n\t\tlet classes = 'contentListing-link pb-4 px-4 contentListing-link-section ';\n\t\tif (position.evenRow) {\n\t\t\tif (position.col == 0) classes += 'contentListing-link';\n\t\t\telse classes += 'lhp-24';\n\t\t} else {\n\t\t\tif (position.col == 2) classes += 'contentListing-link';\n\t\t\telse classes += 'pt-3';\n\t\t}\n\t\treturn classes;\n\t};\n\n\tconst ShouldHideImage = (position) => {\n\t\tif (position.evenRow) {\n\t\t\tif (position.col == 1) return false;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\n\treturn (\n\t\t<div key={`item_${index}`} className={getElementClass(position)}>\n\t\t\t<div className=\"contentListing-tile border h-100 bg-white d-flex flex-column align-items-stretch justify-content-between border-beige\">\n\t\t\t\t<div className=\"px-0\">\n\t\t\t\t\t{ShouldHideImage(position) && (\n\t\t\t\t\t\t<div className=\"contentListing-img bg-light-beige embed-responsive embed-responsive-21by9\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tclassName=\"embed-responsive-item\"\n\t\t\t\t\t\t\t\tsrc={`${testImg ? 'https://picsum.photos/772/480' : item.ContentImage}`}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"pt-4 px-4\">\n\t\t\t\t\t\t<div className=\"mb-3 fsp-16 lhp-24\">{item.ContentCategories.join(' / ')}</div>\n\t\t\t\t\t\t<h5 className={getContentClass(position)}>{item.ContentName}</h5>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={getContentListingSectionClass(position)}>\n\t\t\t\t\t<a href={item.ContentUrl} className=\"fsp-16 lhp-24 btn btn-link p-0 card-animation-link\">\n\t\t\t\t\t\tRead More\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst SimpleMode = ({item, count}) => {\n\t// count: items per row\n\tconst dynamicClass = [\n\t\t\t\t\t\t\t`col-12 col-sm-6 col-lg-6 offset-lg-3 py-2 px-2 p-md-3`, // 1\n\t\t\t\t\t\t\t`col-12 col-sm-6 col-lg-6 py-2 px-2 p-md-3`,\t// 2\n\t\t\t\t\t\t\t`col-12 col-sm-6 col-lg-4 py-2 px-2 p-md-3`,\t// 3\n\t\t\t\t\t\t\t`col-12 col-sm-6 col-lg-3 py-2 px-2 p-md-3`,\t\t// 4\n\t\t\t\t\t\t];\n\n\treturn (\n\t\t<div className={dynamicClass[count - 1]}>\n\t\t\t<div className=\"contentListing-tile border h-100 bg-white d-flex flex-column align-items-stretch justify-content-between\">\n\t\t\t\t<div className=\"px-0\">\n\t\t\t\t\t<div className=\"pt-4 px-4\">\n\t\t\t\t\t\t<div className=\"mb-3 fsp-16 lhp-24\">{item.ContentCategories.join(' / ')}</div>\n\t\t\t\t\t\t<h5 className=\"mb-3 text-black font-weight-bold fsp-30 lhp-36\">{item.ContentName}</h5>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"contentListing-link pb-4 px-4\">\n\t\t\t\t\t<a href={item.ContentUrl} className=\"fsp-16 lhp-24 btn btn-link p-0 card-animation-link\">\n\t\t\t\t\t\tRead More\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"sourceRoot":""}