{"version":3,"file":"chunks/41b118fda114c9.js","mappings":"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","sources":["webpack:///./resources/js/components/layout/event-container.ts"],"sourcesContent":["class EventContainer {\n  constructor(domRoot, params) {\n    this.domRoot = domRoot;\n    this.params = params;\n    this.labelWhen = params.labels.labelWhen;\n    this.labelWhere = params.labels.labelWhere;\n    this.monthMap = params.monthMap;\n    this.events = params.eventsContent;\n    this.oldCategories = [];\n    this.showingCategories = [];\n    this.init();\n  }\n\n  init() {\n    let self = this;\n    this.renderEvents();\n    this.domRoot.addEventListener(\"click\", function(e) {\n      let clas = e.target.className;\n      if (clas.indexOf(\"event-button\") > -1) {\n        e.preventDefault();\n        let oldCats = self.showingCategories.slice();\n        let newCats = self.showingCategories.slice();\n        self.oldCategories = oldCats;\n\n        let buttonVal = e.target.value;\n        let buttonIndex = newCats.indexOf(buttonVal)\n        if (buttonIndex > -1) {\n          newCats.splice(buttonIndex, 1);\n        } else {\n          newCats.push(buttonVal);\n        }\n        self.showingCategories = newCats;\n        self.renderEvents();\n      }\n    });\n  }\n\n  renderEvents() {\n    let buttonVals = {};\n    let eventsHTML = ``;\n\n    for (let i = 0; i < this.events.length; i++) {\n      let thisEvent = this.events[i];\n      let isShowing = false;\n      let wasShowing = false;\n      let locationClasses = [];\n      /* event's location info */\n      for (var c = 0; c < thisEvent.geo.length; c++) {\n        let locationCat = thisEvent.geo[c];\n        let key = locationCat.toLowerCase().replace(/[^a-zA-Z@]/g, '');\n        locationClasses.push(key);\n        if (buttonVals[key] == undefined) {\n          buttonVals[key] = locationCat;\n        }\n        if (this.showingCategories.length == 0 || this.showingCategories.indexOf(key) > -1) {\n          isShowing = true;\n        }\n        if (this.oldCategories.length == 0 || this.oldCategories.indexOf(key) > -1) {\n          wasShowing = true;\n        }\n      }\n      /* event's date info */\n      let today = new Date();\n\n      let startDate = new Date(thisEvent.startDate);\n      let sDate = startDate.getDate();\n      let sMonth = startDate.getMonth();\n      let hasEndDate = false;\n      if (thisEvent.endDate.length && thisEvent.endDate !== thisEvent.startDate) {\n        hasEndDate = true;\n      }\n      let endDate = new Date(thisEvent.endDate);\n      let eDate = endDate.getDate();\n      let eMonth = endDate.getMonth();\n      let japaneseDayChar = thisEvent.currLanguage == 'ja' ? '日' : '';\n\n      /* if applicable, show */\n      let animation = '';\n      if (!isShowing) {\n        if (wasShowing) {\n          animation = 'is-leaving';\n        } else {\n          animation = 'hidden';\n        }\n      } else if (isShowing && !wasShowing) {\n        animation = 'is-returning';\n      }\n\n      /* event html */\n      if (endDate > today || startDate > today) {\n        eventsHTML += `<div class=\"event-col ${animation} column column-md-6\">\n\n        ${thisEvent.link.length ? `<a href=\"${thisEvent.link}\">` : ''}\n\n          <div class=\"inner ${locationClasses.join(' ')}\">\n            <h3>${thisEvent.title}</h3>\n            <div class=\"column column-md-6 col-left\">\n              <h5>${this.labelWhen}</h5>\n              <p>\n                ${this.monthMap[sMonth]} ${sDate} ${japaneseDayChar}\n\n                ${hasEndDate ? '-' : ''}\n\n                ${hasEndDate && eMonth !== sMonth ? this.monthMap[eMonth] : ''}\n                ${hasEndDate ? eDate : ''}\n                ${japaneseDayChar}\n              </p>\n            </div>\n\n            <div class=\"column column-md-6\">\n              <h5>${this.labelWhere}</h5>\n              ${thisEvent.location}\n            </div>\n            <div class=\"clearfix\"></div>\n            <p>${thisEvent.description}</p>\n          </div>\n\n          ${thisEvent.link.length ? '</a>' : ''}\n\n        </div>`;\n      }\n    }\n    let buttonsHTML = `<div class=\"buttons-area\">`;\n    for (var button in buttonVals) {\n      let isActive = this.showingCategories.indexOf(button) > -1;\n      buttonsHTML += `<button class=\"button button--one button--regular button--${isActive ? 'primary' : 'secondary'} event-button ${button}\" value=\"${button}\" id=\"${button}\">${buttonVals[button]}</button>`;\n    }\n    buttonsHTML += `</div>`;\n    \n    this.domRoot.children[0].innerHTML = buttonsHTML + '<div class=\"flex-container\">' + eventsHTML + '</div>';\n  }\n}\n\nexport default EventContainer;"],"names":["EventContainer","domRoot","params","this","labelWhen","labels","labelWhere","monthMap","events","eventsContent","oldCategories","showingCategories","init","self","renderEvents","addEventListener","e","target","className","indexOf","preventDefault","oldCats","slice","newCats","buttonVal","value","buttonIndex","splice","push","buttonVals","eventsHTML","i","length","thisEvent","isShowing","wasShowing","locationClasses","c","geo","locationCat","key","toLowerCase","replace","undefined","today","Date","startDate","sDate","getDate","sMonth","getMonth","hasEndDate","endDate","eDate","eMonth","japaneseDayChar","currLanguage","animation","link","join","title","location","description","buttonsHTML","button","isActive","children","innerHTML"],"sourceRoot":""}