')[0];\r\n map.parentNode.insertBefore(newNode, map.nextSibling);\r\n return document.getElementById('pac-input');\r\n};\r\n\r\n // Sets a listener on a radio button to change the filter type on Places\r\n // Autocomplete.\r\nNHS.Scripts.GoogleMapApi.prototype.initializeAutoCompleteControles = function(autocomplete) {\r\n var self = this;\r\n jQuery(\"#changetype-all\").change(function() {\r\n autocomplete.setTypes([]);\r\n });\r\n\r\n jQuery(\"#changetype-establishment\").change(function() {\r\n autocomplete.setTypes(['establishment']);\r\n });\r\n\r\n jQuery(\"#changetype-geocode\").change(function() {\r\n autocomplete.setTypes(['geocode']);\r\n });\r\n var input = document.getElementById('pac-input');\r\n var types = document.getElementById('type-selector');\r\n self.map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n self.map.controls[google.maps.ControlPosition.TOP_LEFT].push(types);\r\n};","; (function (root, factory) {\r\n if (typeof define === \"function\" && define.amd) {\r\n define([], function () {\r\n return (root.DateSlider = factory());\r\n });\r\n } else {\r\n root.DateSlider = factory();\r\n }\r\n})(window, function () {\r\n \"use strict\";\r\n\r\n var ariaPrefix = \"aria\";\r\n var beforeend = \"beforeend\";\r\n var culture = document.documentElement.lang || \"en\";\r\n var dateSliderPrefix = \"date-slider\";\r\n var day = \"day\";\r\n var pixel = \"px\";\r\n var role = \"role\";\r\n var selectedWord = \"selected\";\r\n var available = \"available\";\r\n var transitionDuration = \"transitionDuration\";\r\n var numberDayNotAvailable = 1;\r\n var queryAlertNotAvailable = \"[data-alert-not-available]\";\r\n var ariaSelected = ariaAttribute(selectedWord);\r\n var ariaHidden = ariaAttribute(\"hidden\");\r\n var dateSliderDay = dateSliderAttribute(day);\r\n var dateSliderSelected = dateSliderAttribute(selectedWord);\r\n var dateAvailable = dateSliderAttribute(available);\r\n var selectedAttributes = [dateSliderSelected, ariaSelected];\r\n var atWord = culture === \"en\" ? \"at\" : \"al\";\r\n\r\n /*\r\n * Default configuration constants.\r\n */\r\n var configuration = {\r\n day: 86400000,\r\n dayAsNumberFormatter: new Intl.DateTimeFormat(culture, { day: \"numeric\" }),\r\n dayFormatter: new Intl.DateTimeFormat(culture, { weekday: \"short\" }),\r\n monthFormatter: new Intl.DateTimeFormat(culture, { month: \"long\" }),\r\n monthAsNumberFormatter: new Intl.DateTimeFormat(culture, { month: \"numeric\" }),\r\n yearFormatter: new Intl.DateTimeFormat('en', { year: \"numeric\" })\r\n };\r\n\r\n /**\r\n * HTML where a given day is displayed.\r\n */\r\n var cardTemplate =\r\n \"\";\r\n\r\n var titleTemplate = \"titleButton\";\r\n\r\n /**\r\n * Default properties of the date slider object.\r\n */\r\n var dateSliderConfiguration = {\r\n cardOutside: NaN,\r\n cardSize: NaN,\r\n container: undefined,\r\n firstDay: NaN,\r\n index: 0,\r\n isClick: false,\r\n month: undefined,\r\n totalCards: 0,\r\n touchStart: NaN,\r\n touchNow: NaN,\r\n x: 0,\r\n noAvailable: undefined\r\n };\r\n\r\n /**\r\n * Constructor of the dateSlider component\r\n * @param {object} parameters A json object with the parameters to initialize the dateSlider\r\n */\r\n var DateSlider = function (parameters) {\r\n var _ = this;\r\n var key = undefined;\r\n var today = Date.parse(new Date().toDateString());\r\n\r\n _.config = {};\r\n\r\n for (key in dateSliderConfiguration) {\r\n if (dateSliderConfiguration.hasOwnProperty(key)) {\r\n _.config[key] = dateSliderConfiguration[key];\r\n }\r\n }\r\n\r\n _.config.container = parameters.container;\r\n _.config.queryAlertNoAvailable = queryAlertNotAvailable;\r\n _.config.phone = parameters.phone !== undefined ? parameters.phone : \"\";\r\n _.config.numberDayNotAvailable = numberDayNotAvailable;\r\n\r\n // ToDo: make the '/' the default separator and remove the separator option from constructor\r\n _.config.separator = parameters.separator && parameters.separator.length === 1\r\n ? parameters.separator\r\n : '-';\r\n _.firstDay = (parameters.firstDate - configuration.day) || today;\r\n _.latestDay = parameters.latestDay || today;\r\n _.initialSelected = parameters.firstDate || today;\r\n _.initialTotalCards = parameters.initialTotalCards || 0;\r\n _.onSetDay = null;\r\n _.config.index = parameters.firstDate !== undefined\r\n ? ((parameters.firstDate - today) / configuration.day) - 1\r\n : 0;\r\n _.initialDay = parameters.firstDate !== undefined\r\n ? today\r\n : _.firstDay;\r\n\r\n if (_.config.phone) {\r\n var notAvailableAlertElem = _.config.container.querySelector(queryAlertNotAvailable);\r\n notAvailableAlertElem.innerText = notAvailableAlertElem.innerText + \" \" + atWord + \" \" + _.config.phone;\r\n }\r\n\r\n [\"border\", \"cards\", \"margin\"].forEach(fillAttribute.bind(_));\r\n [\"today\", \"tomorrow\"].forEach(fillStringAttribute.bind(_));\r\n [\"daysContainer\", \"daysWrapper\", \"month\", \"next\", \"prev\"].forEach(fillElement.bind(_));\r\n [\"click\"].forEach(event.bind(_, onClick, \"daysContainer\", false));\r\n [\"click\"].forEach(event.bind(_, onNext, \"next\", false));\r\n [\"click\"].forEach(event.bind(_, onPrevious, \"prev\", false));\r\n [\"keydown\"].forEach(event.bind(_, onKeyDown, \"daysContainer\", false));\r\n [\"mousedown\"].forEach(event.bind(_, onTouchStart, \"daysContainer\", false));\r\n [\"mousemove\"].forEach(event.bind(_, onTouchMove, \"daysContainer\", false));\r\n [\"touchstart\"].forEach(event.bind(_, onTouchStart, \"daysContainer\", { passive: true }));\r\n [\"touchmove\"].forEach(event.bind(_, onTouchMove, \"daysContainer\", { passive: true }));\r\n [\"mouseup\", \"mouseleave\", \"touchend\"].forEach(event.bind(_, onTouchEnd, \"daysContainer\", false));\r\n\r\n requestAnimationFrame(pleaseSetTheDate.bind(undefined, _));\r\n\r\n watchForStylesRecalculation(this);\r\n\r\n setHidden(_);\r\n };\r\n\r\n /**\r\n * public\r\n * cardTotalSize: returns the size of the card including the margin.\r\n */\r\n DateSlider.prototype.cardTotalSize = function () {\r\n return this.config.cardSize + this.config.cardOutside;\r\n };\r\n\r\n /**\r\n * public\r\n * createDayCard: returns the HTML as string that represents a card with a date in the date slider.\r\n *\r\n * @param {object} card object containing the date information that is going to be displayed in the card.\r\n */\r\n DateSlider.prototype.createDayCard = function (card) {\r\n var _ = this;\r\n\r\n _.latestDay += configuration.day;\r\n _.config.totalCards += 1;\r\n\r\n return replaceTemplate(card, cardTemplate);\r\n };\r\n\r\n /**\r\n * public\r\n * createDayObject: returns an object with the information needed to generated the card HTML.\r\n *\r\n * @param {boolean} isHidden true if the card is not visible when added to the DOM, otherwise false.\r\n */\r\n DateSlider.prototype.createDayObject = function (isHidden, isAvailable) {\r\n var _ = this;\r\n var currentDay = new Date(_.latestDay);\r\n var titleButton = \"\";\r\n var today = Date.parse(new Date().toDateString());\r\n\r\n if (_.latestDay === today) {\r\n titleButton = titleTemplate.replace(\"titleButton\", _.today);\r\n } else if (_.latestDay - configuration.day === today) {\r\n titleButton = titleTemplate.replace(\"titleButton\", _.tomorrow);\r\n }\r\n var card = {\r\n aria: {\r\n selected: false,\r\n hidden: isHidden\r\n },\r\n name: configuration.dayFormatter\r\n .format(currentDay)\r\n .toUpperCase()\r\n .replace(\".\", \"\"),\r\n number: currentDay.getDate(),\r\n px: _.config.cardSize + pixel,\r\n title: titleButton\r\n };\r\n\r\n card[dateSliderPrefix] = {\r\n day: Date.parse(currentDay),\r\n selected: false,\r\n available: isAvailable\r\n };\r\n\r\n return card;\r\n };\r\n\r\n /**\r\n * public\r\n * isScrolling: returns true if a touchStart event has been triggered, otherwise false.\r\n */\r\n DateSlider.prototype.isScrolling = function () {\r\n return this.config.touchStart || this.config.touchStart === 0;\r\n };\r\n\r\n /**\r\n * public\r\n * Watch the element until it's visible, and recalculates the styles.\r\n */\r\n let watchForStylesRecalculation = function (datePicker) {\r\n let config = {\r\n root: datePicker.config.container.parentElement\r\n };\r\n\r\n /**\r\n * Watch for the visibility of the container, we need to do this because initializing a Date Slider\r\n * While it's hidden causes a lot of issues with the component\r\n */\r\n let observer = new IntersectionObserver(function (entries, intersectionObserver) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n datePicker.recalculateSize();\r\n }\r\n });\r\n }, config);\r\n\r\n let element = datePicker.config.container;\r\n\r\n observer.observe(element);\r\n }\r\n\r\n /**\r\n * public\r\n * recalculateSize: sets the cardOutside and cardSize values.\r\n *\r\n * @param {function} callback function to execute after the recalculation.\r\n */\r\n DateSlider.prototype.recalculateSize = function (callback) {\r\n var _ = this;\r\n\r\n requestAnimationFrame(calculateSize.bind(undefined, _, callback));\r\n }\r\n \r\n /**\r\n * public\r\n * setDay: sets the day from the given milliseconds as selected.\r\n *\r\n * @param {number} milliseconds date represented as milliseconds that will be used to populate the title.\r\n */\r\n DateSlider.prototype.setDay = function (milliseconds) {\r\n milliseconds = new Date(new Date(milliseconds * 1).toDateString()) * 1;\r\n var _ = this;\r\n var separator = _.config.separator;\r\n var previousSelectedElement = undefined;\r\n var selectedElement = undefined;\r\n var date = configuration.monthAsNumberFormatter.format(milliseconds) + separator +\r\n configuration.dayAsNumberFormatter.format(milliseconds) + separator +\r\n configuration.yearFormatter.format(milliseconds);\r\n\r\n previousSelectedElement = searchElement(_, selectedWord + \"='true'\");\r\n selectedElement = searchElement(_, day + \"='\" + milliseconds + \"'\");\r\n selectedAttributes.forEach(\r\n bindAttribute.bind(previousSelectedElement, false)\r\n );\r\n selectedAttributes.forEach(bindAttribute.bind(selectedElement, true));\r\n\r\n if (typeof _.onSetDay === \"function\") {\r\n _.onSetDay(date);\r\n }\r\n };\r\n\r\n /**\r\n * public\r\n * setMonth: sets the month from the give date as title in the HTML.\r\n *\r\n * @param {date} date any date that will be used to populate the title.\r\n */\r\n DateSlider.prototype.setMonth = function (date) {\r\n var _ = this;\r\n var month = undefined;\r\n\r\n date = date || _.latestDay;\r\n month = configuration.monthFormatter.format(date);\r\n _.config.month = month;\r\n _.month.innerHTML = month;\r\n };\r\n\r\n /**\r\n * public\r\n * translate: moves the daysContainer in X axis the amount of pixels indicated.\r\n *\r\n * @param {number} translation amount of pixels to move the container in X axis.\r\n */\r\n DateSlider.prototype.translate = function (translation) {\r\n var _ = this;\r\n var third = _.config.cardSize / 3;\r\n\r\n _.config.x += translation;\r\n _.daysContainer.style[\"transform\"] =\r\n \"translateX(\" + _.config.x + pixel + \")\";\r\n\r\n if (Math.abs(_.config.x) > third) {\r\n _.prev.removeAttribute(\"disabled\");\r\n } else {\r\n _.prev.setAttribute(\"disabled\", \"true\");\r\n }\r\n\r\n tomorrowNeverKnows(_);\r\n };\r\n\r\n /**\r\n * public\r\n * updateMonth: sets the month name according to the object index.\r\n *\r\n * @param {object} _ instance that is being updated.\r\n */\r\n DateSlider.prototype.updateMonth = function () {\r\n var _ = this;\r\n var indexDate = _.initialDay + configuration.day * _.config.index;\r\n\r\n if (configuration.monthFormatter.format(indexDate) !== _.config.month) {\r\n _.setMonth(indexDate);\r\n }\r\n };\r\n\r\n /**\r\n * private\r\n * ariaAttribute: returns the name of an attribute with the aria prefix;\r\n *\r\n * @param {string} word name of the attribute.\r\n */\r\n function ariaAttribute(word) {\r\n return ariaPrefix + \"-\" + word;\r\n }\r\n\r\n /**\r\n * private\r\n * calculateSize: calculates the value of the cardOutside and cardSize, and then updates the width of the days.\r\n *\r\n * @param {object} _ instance where the amount of cards configured are going to be added as days.\r\n * @param {function} callback function to execute after the recalculation.\r\n */\r\n function calculateSize(_, callback) {\r\n var width = _.daysWrapper.offsetWidth;\r\n var days = null;\r\n\r\n _.config.cardOutside = _.margin + _.border;\r\n _.config.cardSize = width / _.cards - _.config.cardOutside;\r\n\r\n days = [].slice.call(_.daysContainer.querySelectorAll(\"[date-slider-day]\"));\r\n days.forEach(function (day) {\r\n day.style[\"width\"] = _.config.cardSize + pixel;\r\n });\r\n\r\n if (typeof callback === \"function\") {\r\n callback(_);\r\n }\r\n }\r\n\r\n /**\r\n * private\r\n * bindAttribute: sets the value of the given attribute in the DOM element.\r\n *\r\n * @param {any} value value to be set for the attribute.\r\n * @param {string} attribute name of the attribute.\r\n */\r\n function bindAttribute(value, attribute) {\r\n var _ = this;\r\n\r\n if (!_) {\r\n return;\r\n }\r\n\r\n _.setAttribute(attribute, value);\r\n }\r\n\r\n /**\r\n * private\r\n * dateSliderAttribute: returns the name of an attribute with the date-slider prefix;\r\n *\r\n * @param {string} word name of the attribute.\r\n */\r\n function dateSliderAttribute(word) {\r\n return dateSliderPrefix + \"-\" + word;\r\n }\r\n\r\n /**\r\n * private\r\n * event: adds an event listener to the give eventName point to the given handler.\r\n *\r\n * @param {function} handler function to be executed when the event is triggered.\r\n * @param {string} element name of the property that references the node element that will trigger the event.\r\n * @param {string} eventName name of the event to be add to the current node element.\r\n */\r\n function event(handler, element, passiveOption, eventName) {\r\n this[element].addEventListener(eventName, handler.bind(this), passiveOption);\r\n }\r\n\r\n /**\r\n * private\r\n * fillAttribute: creates a property on the caller with the attribute from the given DOM node.\r\n *\r\n * @param {string} attribute name of the attribute without the date-slider prefix.\r\n */\r\n function fillAttribute(attribute) {\r\n this[attribute] = +this.config.container.getAttribute(\r\n dateSliderAttribute(attribute)\r\n );\r\n }\r\n\r\n /**\r\n * private\r\n * fillStringAttribute: creates a property on the caller with the attribute from the given DOM node.\r\n *\r\n * @param {string} attribute name of the attribute without the date-slider prefix.\r\n */\r\n function fillStringAttribute(attribute) {\r\n this[attribute] = this.config.container.getAttribute(\r\n dateSliderAttribute(attribute)\r\n );\r\n }\r\n\r\n /**\r\n * private\r\n * fillElement: creates a property on the caller with the DOM node that matches the given role.\r\n *\r\n * @param {string} element name of the role.\r\n */\r\n function fillElement(element) {\r\n this[element] = searchElement(this, role + \"='\" + element + \"'\");\r\n }\r\n\r\n /**\r\n * private\r\n * haveANiceDay: shining like a diamond, rolling with the dice.\r\n *\r\n * @param {object} _ instance where the amount of cards configured are going to be added as days.\r\n * @param {boolean} isHidden true if the card is not visible when append to the DOM, otherwise false.\r\n */\r\n function haveANiceDay(_, isHidden, isAvailable, paintCards) {\r\n var card = undefined;\r\n var daysHtml = \"\";\r\n var cardsCreated = undefined;\r\n var numberOfCards = paintCards ? paintCards : _.cards;\r\n\r\n for (cardsCreated = 0; cardsCreated < numberOfCards; cardsCreated += 1) {\r\n card = _.createDayObject(isHidden, isAvailable);\r\n daysHtml += _.createDayCard(card);\r\n }\r\n\r\n _.daysContainer.insertAdjacentHTML(beforeend, daysHtml);\r\n\r\n return cardsCreated;\r\n }\r\n\r\n /**\r\n * private\r\n * movementX: returns the clientX coordinate of the mouse or touch event.\r\n *\r\n * @param {event} event with the information of the mouse or touch event.\r\n */\r\n function movementX(event) {\r\n return event.changedTouches\r\n ? event.changedTouches[0].clientX\r\n : event.clientX;\r\n }\r\n\r\n /**\r\n * private\r\n * onClick: handler of the click or touch events.\r\n *\r\n * @param {event} event with the information of the mouse or touch event.\r\n */\r\n function onClick(event) {\r\n var _ = this;\r\n var filter = undefined;\r\n var target = undefined;\r\n\r\n if (!_.config.isClick) {\r\n return;\r\n }\r\n\r\n filter = \"[\" + dateSliderDay + \"]\";\r\n available = \"[\" + dateAvailable + \"='true']\";\r\n\r\n for (\r\n target = event.target;\r\n target && target != _.config.container;\r\n target = target.parentNode\r\n ) {\r\n if (target.matches(filter) && target.matches(available)) {\r\n _.setDay(target.getAttribute(dateSliderDay));\r\n break;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * private\r\n * onKeyDown: handler of the key press event.\r\n * \r\n * @param {event} event with the key press information.\r\n */\r\n function onKeyDown(event) {\r\n var _ = this;\r\n var indexDate = undefined;\r\n var indexDay = undefined;\r\n\r\n if (!event.target.tagName.match(\"TEXTAREA|INPUT|SELECT\")) {\r\n if (event.keyCode === 37) {\r\n onPrevious.call(_);\r\n } else if (event.keyCode === 39) {\r\n onNext.call(_);\r\n } else if (event.keyCode === 13) {\r\n indexDate = _.firstDay + configuration.day * _.config.index;\r\n indexDay = +searchElement(_, day + \"='\" + indexDate + \"'\").getAttribute(dateSliderDay);\r\n _.setDay(indexDay);\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * private\r\n * onNext: handler of the next button click .\r\n */\r\n function onNext() {\r\n var _ = this;\r\n var cardSize = _.cardTotalSize();\r\n var difference = Math.abs(_.config.x) - _.config.index * cardSize;\r\n var indexDate = _.initialDay + configuration.day * _.config.index;\r\n var indexDay = +searchElement(_, day + \"='\" + indexDate + \"'\").getAttribute(\r\n dateSliderDay\r\n );\r\n var milliseconds = undefined;\r\n var move = cardSize * -1;\r\n var selectedDay = +searchElement(_, selectedWord + \"='true'\").getAttribute(\r\n dateSliderDay\r\n );\r\n\r\n if (Math.abs(difference) < 1) {\r\n difference = 0;\r\n }\r\n\r\n if (difference) {\r\n difference = (cardSize - difference) * -1;\r\n\r\n if (Math.abs(difference) > cardSize) {\r\n difference += cardSize;\r\n }\r\n }\r\n\r\n if (indexDay > selectedDay) {\r\n milliseconds = indexDay + configuration.day;\r\n } else {\r\n milliseconds = selectedDay + configuration.day;\r\n }\r\n\r\n _.daysContainer.style[transitionDuration] = \"0.3s\";\r\n _.config.index += 1;\r\n _.translate(difference || move);\r\n _.updateMonth();\r\n _.setDay(milliseconds);\r\n\r\n setHidden(_);\r\n }\r\n\r\n /**\r\n * private\r\n * onPrevious: handler of the previous button click.\r\n */\r\n function onPrevious() {\r\n var _ = this;\r\n var cardSize = _.cardTotalSize();\r\n var difference = Math.abs(_.config.x) - _.config.index * cardSize;\r\n var indexDate = _.initialDay + configuration.day * _.config.index;\r\n var indexDay = +searchElement(_, day + \"='\" + indexDate + \"'\").getAttribute(\r\n dateSliderDay\r\n );\r\n var milliseconds = undefined;\r\n var move = cardSize;\r\n var selectedDay = +searchElement(_, selectedWord + \"='true'\").getAttribute(\r\n dateSliderDay\r\n );\r\n\r\n if (Math.abs(difference) < 1) {\r\n difference = 0;\r\n }\r\n\r\n if (difference) {\r\n difference = cardSize + difference;\r\n\r\n if (Math.abs(difference) > cardSize) {\r\n difference -= cardSize;\r\n }\r\n }\r\n\r\n if (indexDay > selectedDay) {\r\n milliseconds = indexDay - configuration.day;\r\n } else {\r\n milliseconds = selectedDay - configuration.day;\r\n }\r\n\r\n _.daysContainer.style[transitionDuration] = \"0.3s\";\r\n _.translate(difference || move);\r\n\r\n if (_.config.numberDayNotAvailable === 0 || searchElement(_, day + \"='\" + milliseconds + \"'\").getAttribute(dateAvailable) !== \"false\") {\r\n _.config.index -= 1;\r\n _.updateMonth();\r\n _.setDay(milliseconds);\r\n }\r\n\r\n setHidden(_);\r\n }\r\n\r\n /**\r\n * private\r\n * onTouchEnd: handler of mouse up and touch end events.\r\n *\r\n * @param {event} event with the information of the mouse or touch event.\r\n */\r\n function onTouchEnd(event) {\r\n var _ = this;\r\n var totalMovement = Math.abs(movementX(event) - _.config.touchStart);\r\n _.config.container.querySelector(_.config.queryAlertNoAvailable).setAttribute(\"hidden\", \"\");\r\n\r\n _.config.isClick = totalMovement < 10;\r\n\r\n if (!_.isScrolling()) {\r\n return;\r\n }\r\n\r\n _.config.touchNow = null;\r\n _.config.touchStart = null;\r\n\r\n if (_.config.x > 0) {\r\n _.daysContainer.style[transitionDuration] = \"0.7s\";\r\n _.translate(-_.config.x);\r\n return;\r\n }\r\n\r\n _.config.index = Math.abs(Math.round(_.config.x / _.cardTotalSize()));\r\n\r\n setHidden(_);\r\n }\r\n\r\n /**\r\n * private\r\n * onTouchMove: handler of mouse and touch move events.\r\n *\r\n * @param {event} event with the information of the mouse or touch event.\r\n */\r\n function onTouchMove(event) {\r\n var _ = this;\r\n var clientX = undefined;\r\n var translation = undefined;\r\n\r\n if (!_.isScrolling()) {\r\n return;\r\n }\r\n\r\n clientX = movementX(event);\r\n translation = clientX - _.config.touchNow;\r\n\r\n _.config.touchNow = clientX;\r\n _.config.index = Math.abs(Math.round(_.config.x / _.cardTotalSize())) || 0;\r\n _.translate(translation);\r\n _.updateMonth();\r\n }\r\n\r\n /**\r\n * private\r\n * onMouseOver: handler of on mouse over.\r\n *\r\n * @param {event} event with the information of the mouse or touch event.\r\n */\r\n function handlerAlertNotAvailable(event) {\r\n var config = this;\r\n var element = config.container.querySelector(config.queryAlertNoAvailable);\r\n if (event.type === \"mouseenter\" || event.type === \"click\" || event.type === \"touchend\") {\r\n element.removeAttribute(\"hidden\");\r\n }\r\n else {\r\n element.setAttribute(\"hidden\", \"\");\r\n }\r\n }\r\n\r\n /**\r\n * private\r\n * onTouchStart: handler of mouse down and touch start events.\r\n *\r\n * @param {event} event\r\n */\r\n function onTouchStart(event) {\r\n var _ = this;\r\n var clientX = movementX(event);\r\n _.config.container.querySelector(_.config.queryAlertNoAvailable).setAttribute(\"hidden\", \"\");\r\n _.daysContainer.style[transitionDuration] = \"\";\r\n _.config.touchStart = clientX;\r\n _.config.touchNow = clientX;\r\n _.config.isClick = true;\r\n }\r\n\r\n /**\r\n * private\r\n * pleaseSetTheDate: well, don't say tomorrow 'cause tomorrow is too far away.\r\n *\r\n * @param {object} _ instance setting the date.\r\n */\r\n function pleaseSetTheDate(_) {\r\n _.recalculateSize(function (data) {\r\n var today = Date.parse(new Date().toDateString());\r\n var selectedDate = new Date(_.firstDay);\r\n var days = Math.round(Math.abs((today - selectedDate) / configuration.day));\r\n\r\n days += data.config.numberDayNotAvailable;\r\n data.translate(data.cardTotalSize() * days * -1);\r\n });\r\n\r\n if (_.config.numberDayNotAvailable > 0) {\r\n _.initialTotalCards -= haveANiceDay(_, true, false, _.config.numberDayNotAvailable);\r\n }\r\n\r\n _.initialTotalCards -= haveANiceDay(_, false, true);\r\n _.initialTotalCards -= haveANiceDay(_, true, true);\r\n\r\n if (_.initialTotalCards > 0) {\r\n _.initialTotalCards -= haveANiceDay(_, true, true, _.initialTotalCards);\r\n }\r\n\r\n _.setMonth(_.firstDay + (configuration.day * _.config.numberDayNotAvailable));\r\n _.setDay(_.firstDay + (configuration.day * _.config.numberDayNotAvailable));\r\n _.config.index += _.config.numberDayNotAvailable;\r\n _.config.noAvailable = _.config.container.querySelector(\"[\" + dateAvailable + \"='false']\");\r\n [\"mouseenter\", \"click\", \"mouseleave\", \"touchend\"].forEach(event.bind(_.config, handlerAlertNotAvailable, \"noAvailable\", false));\r\n\r\n setHidden(_);\r\n }\r\n\r\n /**\r\n * private\r\n * replaceTemplate: function to replace the configurable values from the cardTemplate.\r\n *\r\n * @param {object} obj values to be replaced in the template.\r\n * @param {string} template template to be replaced.\r\n * @param {string} prefix nested properties refers to their parents as a prefix.\r\n */\r\n function replaceTemplate(obj, template, prefix) {\r\n var attribute = undefined;\r\n var key = undefined;\r\n var value = undefined;\r\n\r\n prefix = prefix || \"\";\r\n\r\n for (key in obj) {\r\n if (typeof obj[key] === \"object\") {\r\n template = replaceTemplate(obj[key], template, key + \"-\");\r\n } else {\r\n attribute = prefix + key;\r\n value = prefix ? attribute + \"='\" + obj[key] + \"'\" : obj[key];\r\n template = template.replace(attribute, value);\r\n }\r\n }\r\n\r\n return template;\r\n }\r\n\r\n /**\r\n * private\r\n * searchAllElements: searches all the DOM nodes that belongs to the given instance and matches the given query.\r\n *\r\n * @param {object} instance where the search is going to be executed.\r\n * @param {string} query filter the elements by a given criteria.\r\n */\r\n function searchAllElements(instance, query) {\r\n var filter = dateSliderAttribute(query);\r\n return instance.config.container.querySelectorAll(\"[\" + filter + \"]\");\r\n }\r\n\r\n /**\r\n * private\r\n * searchElement: search for the first DOM nodes that belongs to the given instance and matches the given query.\r\n *\r\n * @param {object} instance where the search is going to be executed.\r\n * @param {string} query filter the elements by a given criteria.\r\n */\r\n function searchElement(instance, query) {\r\n var filter = dateSliderAttribute(query);\r\n return instance.config.container.querySelector(\"[\" + filter + \"]\");\r\n }\r\n\r\n /**\r\n * private\r\n * setHidden: updates the aria-hidden attribute to reflect what is visible on the screen.\r\n *\r\n * @param {object} _ instance where the aria-hidden attribute is going to be updated.\r\n */\r\n function setHidden(_) {\r\n var cards = [].slice.call(searchAllElements(_, day));\r\n var isHidden = undefined;\r\n var lastVisibleCard = _.config.index + _.cards;\r\n var x = undefined;\r\n\r\n for (x = 0; x < _.config.totalCards; x += 1) {\r\n const card = cards[x];\r\n isHidden = x < _.config.index || x >= lastVisibleCard;\r\n card.setAttribute(ariaHidden, isHidden);\r\n\r\n if(isHidden){\r\n card.setAttribute('tabindex', '-1');\r\n }\r\n else{\r\n card.removeAttribute('tabindex');\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * private\r\n * tomorrowNeverKnows: turn off your mind, relax and float down stream.\r\n *\r\n * @param {object} _ instance where the new days are going to be added.\r\n */\r\n function tomorrowNeverKnows(_) {\r\n var availableCards = _.config.totalCards - _.config.index * 2;\r\n var card = undefined;\r\n\r\n if (availableCards < _.cards) {\r\n card = _.createDayObject(true, true);\r\n _.daysContainer.insertAdjacentHTML(beforeend, _.createDayCard(card));\r\n }\r\n }\r\n\r\n return DateSlider;\r\n});","/**\r\n * Gallery prototype definition\r\n *\r\n * @public\r\n * @param {Element} context Gallery context Element\r\n * @param {String[]} images Images URLs\r\n */\r\n\r\ngalleryInit = function (context, images) {\r\n \"use strict\";\r\n\r\n var gallery = this,\r\n passive = {\r\n passive: true\r\n },\r\n\r\n\r\n /*** Methods ***/\r\n\r\n /**\r\n * Sets a value to an Attribute of an Element\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n * @param {String} value Value to set\r\n */\r\n setAttr = function(elm, attr, value) {\r\n elm.setAttribute(attr, value);\r\n },\r\n\r\n /**\r\n * Gets an Attribute value from an Element\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n * @return {Any} Attribute's value\r\n */\r\n getAttr = function(elm, attr) {\r\n return elm.getAttribute(attr);\r\n },\r\n\r\n /**\r\n * Removes the value of an Element's Attribute\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n */\r\n removeAttr = function(elm, attr) {\r\n elm.removeAttribute(attr);\r\n },\r\n\r\n /**\r\n * Checks if a given element contains a class\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} className Class name to find\r\n * @return {Boolean} Result\r\n */\r\n hasClass = function(elm, className) {\r\n return elm.classList.contains(className);\r\n },\r\n\r\n /**\r\n * Inserts an Element relative to another using a given position\r\n * \r\n * @private\r\n * @param {Element} nElm Element to insert\r\n * @param {String} pos Position to use\r\n * @param {Element} ref Reference Element\r\n */\r\n insertAt = function(nElm, pos, ref) {\r\n ref.insertAdjacentElement(pos, nElm);\r\n },\r\n\r\n\r\n /**\r\n * Adds a Event Listener to an Element\r\n * \r\n * @private\r\n * @param {Element | Element[]} elm Element\r\n * @param {String} eventName Event's name\r\n * @param {Function} fn Function to execute each time the event is triggered\r\n * @param {any} options Add Event Listener method available options (See Mozilla Developers Documentation for more info.)\r\n */\r\n addEvent = function(elm, eventName, fn, options) {\r\n if (!Array.isArray(elm)) {\r\n elm.addEventListener(eventName, fn, options);\r\n return;\r\n }\r\n\r\n for (var i = 0; i < elm.length; ++i) {\r\n elm[i].addEventListener(eventName, fn, options);\r\n }\r\n },\r\n\r\n /**\r\n * Gets the Touch object from a TouchEvent object\r\n * \r\n * @private\r\n * @param {TouchEvent} event TouchEvent\r\n * @return {Touch} Touch\r\n */\r\n getTouch = function(event) {\r\n return event.touches[0] || event.changedTouches[0];\r\n },\r\n\r\n /**\r\n * Gets the Id of a Touch\r\n * \r\n * @private\r\n * @param {Touch} touch Touch\r\n * @return {Number} Id\r\n */\r\n getTouchId = function(touch) {\r\n return touch.identifier;\r\n },\r\n\r\n /**\r\n * Gets the Touch's X value\r\n * \r\n * @private\r\n * @param {Touch} touch Touch\r\n * @return {Number} X value\r\n */\r\n getTouchX = function(touch) {\r\n return touch.screenX;\r\n },\r\n\r\n /**\r\n * Sets an X value to an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @param {Number} x X value\r\n */\r\n setImgX = function(img, x) {\r\n img.style.transform = \"translateX(\" + x + \"px) translateY(-50%)\";\r\n },\r\n\r\n /**\r\n * Gets the X value of an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @return {Number} X value\r\n */\r\n getImgX = function(img) {\r\n if (img.style.transform) {\r\n var match = img.style.transform.match(/-?\\d+/);\r\n return match[0] ? parseFloat(match[0]) : 0;\r\n }\r\n return 0;\r\n },\r\n\r\n\r\n /**\r\n * Gets the undefined literal value\r\n * \r\n * @private\r\n * @return {undefined} undefined\r\n */\r\n getUndefined = function() {\r\n return void 0;\r\n },\r\n\r\n /**\r\n * Checks if a given variable is undefined\r\n * \r\n * @private\r\n * @param {Any} variable Variable to check\r\n * @return {Boolean} Result\r\n */\r\n isUndefined = function(variable) {\r\n return variable === getUndefined();\r\n },\r\n\r\n /**\r\n * Sets the animation time of an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @param {String} attr Attribute to animate\r\n * @param {Number} seconds Time in seconds\r\n */\r\n setAnimationTime = function(img, attr, seconds) {\r\n img.style.transition = attr + \" \" + seconds + \"s\";\r\n },\r\n\r\n /**\r\n * Sets the X movement animation time of the Gallery images\r\n * \r\n * @private\r\n * @param {Number} seconds Time in Seconds \r\n */\r\n setXAnimationTime = function(seconds) {\r\n setAnimationTime(context.querySelector(\".previous\"), \"transform\", seconds);\r\n setAnimationTime(context.querySelector(\".active\"), \"transform\", seconds);\r\n setAnimationTime(context.querySelector(\".next\"), \"transform\", seconds);\r\n },\r\n\r\n /**\r\n * Checks if the given image element is instance of the native Image prototype\r\n *\r\n * @param {Image | HTMLDivElement} img Image Element\r\n * @return {Boolean} Result\r\n */\r\n isImage = function(img) {\r\n return (img instanceof Image);\r\n },\r\n\r\n /**\r\n * Gets the associated image of an image\r\n *\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @return {Image | HTMLDivElement} Associated Image\r\n */\r\n getAssociatedImage = function(imgElm) {\r\n return imgElm[(isImage(imgElm) ? \"\" : \"regular\") + \"Image\"];\r\n },\r\n\r\n /**\r\n * Check is the Gallery image in the index\r\n * is of the needed type in order to change it\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {Number} index Gallery Index to check\r\n * @return {Image | HTMLDivElement} Image Element\r\n */\r\n tryToggleImageType = function(imgElm, index) {\r\n var image = gallery.images[index];\r\n if (isImage(imgElm)) {\r\n return imgElm;\r\n } else {\r\n var newImage = getAssociatedImage(imgElm);\r\n imgElm.parentNode.replaceChild(newImage, imgElm);\r\n return newImage;\r\n }\r\n },\r\n\r\n /**\r\n * Sets the source to a regular Image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} src Source\r\n */\r\n setSrc = function(imgElm, src) {\r\n if (imgElm && src) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"\" : \"data-\") + \"src\", src);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the sourceset to a regular Image \r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} srcset Source set\r\n */\r\n setSrcset = function (imgElm, srcset) {\r\n if (imgElm && srcset) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"\" : \"data-\") + \"srcset\", srcset);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the size to a regular Image \r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} srcset Source set\r\n */\r\n setSizes = function (imgElm, sizes) {\r\n if (imgElm && sizes) {\r\n setAttr(imgElm, \"sizes\", sizes);\r\n }\r\n },\r\n\r\n setPosition = function (imgElm, position) {\r\n if (imgElm && position) {\r\n setAttr(imgElm, \"data-position\", position);\r\n }\r\n },\r\n\r\n setCollection = function (imgElm, collection) {\r\n if (imgElm && collection) {\r\n setAttr(imgElm, \"data-collection\", collection);\r\n }\r\n },\r\n\r\n setImgId = function (imgElm, id) {\r\n if (imgElm && id) {\r\n setAttr(imgElm, \"data-image-id\", id);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the alternative text or title to a regular Image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} alt Alt text\r\n */\r\n setAlt = function(imgElm, alt) {\r\n if (imgElm && alt) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"alt\" : \"title\"), alt);\r\n }\r\n },\r\n\r\n\r\n /**\r\n * If the image to show its a floor plan, we apply a class that fits it in the given container | BDXNHS-3125\r\n * \r\n * @private\r\n \r\n * @param {Boolean} isNext if the user clicked the right arrow > in the home detail\r\n * @param {Number} imageIndex represents the index of the next image to show in the image array\r\n * @param {HTMLImageElement} nextImg represents the next image in the gallery \r\n */\r\n setFloorPlanClass = function (isNext, imageIndex, nextImg) {\r\n var isPortraitImage = nextImg.naturalHeight > nextImg.naturalWidth;\r\n var selector = isNext ? \".next\" : \".previous\";\r\n var imagesArray = gallery.images;\r\n var newActiveImage = document.querySelector(\"#gallery \" + selector);\r\n\r\n if (!newActiveImage) return;\r\n\r\n if (imagesArray[imageIndex].isFloorPlan && !newActiveImage.classList.contains(\"nhs_floorPlanFit\") || isPortraitImage) {\r\n newActiveImage.classList.add(\"nhs-c-image--vertical\");\r\n }\r\n\r\n },\r\n\r\n \r\n /**\r\n * Moves the Gallery to the Next image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} prevImg Previous Image\r\n * @param {Image | HTMLDivElement} activeImg Active Image \r\n * @param {Image | HTMLDivElement} nextImg Next Image\r\n */\r\n goNext = function(prevImg, activeImg, nextImg) {\r\n var images = gallery.images;\r\n index = ((index + 1) === images.length) ? 0 : (index + 1); // Update Index\r\n\r\n /**\r\n * Clean Previous image src since it will become the Next image\r\n * else when changing it to Next image it won't update\r\n * its look until the new image has been loaded\r\n */\r\n if (isImage(prevImg)) {\r\n setAttr(prevImg, \"srcset\", \"\");\r\n setAttr(prevImg, \"src\", \"\");\r\n }\r\n\r\n /**\r\n * Change the Previous image to become the Next image\r\n */\r\n var newNextIndex = ((index + 1) === images.length) ? 0 : (index + 1);\r\n\r\n prevImg = tryToggleImageType(prevImg, newNextIndex);\r\n\r\n setSizes(prevImg, images[newNextIndex].sizes);\r\n setSrcset(prevImg, images[newNextIndex].Srcset);\r\n setSrc(prevImg, images[newNextIndex].url);\r\n setAlt(prevImg, images[newNextIndex].alt);\r\n var positionImageCollection = images[newNextIndex].position;\r\n var collectionName = images[newNextIndex].collection;\r\n var id = images[newNextIndex].id;\r\n\r\n if (collectionName && typeof positionImageCollection != \"undefined\") {\r\n setPosition(prevImg, positionImageCollection);\r\n setCollection(prevImg, collectionName);\r\n setImgId(prevImg, id);\r\n }\r\n\r\n setFloorPlanClass(true, index, nextImg);\r\n\r\n /**\r\n * Update images relations\r\n * Current Next -> New Active\r\n * Current Active -> New Previous\r\n * Current Previous -> New Next\r\n */\r\n\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"next\", \"active\").replace('nhs-u-opacity-0', ''));\r\n setAttr(activeImg, \"class\", getAttr(activeImg, \"class\").replace(\"active\", \"previous nhs-u-opacity-0\"));\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"previous\", \"next\"));\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"active\", \"next\"));\r\n\r\n nextImg.dataset.segmentEvent = \"true\";\r\n nextImg.dataset.segmentEventEvent = \"Gallery Viewer Opened\";\r\n nextImg.dataset.segmentEventMedia_type = images[index].collection;\r\n nextImg.dataset.event = \"true\";\r\n nextImg.dataset.iscomm = activeImg.dataset.iscomm;\r\n nextImg.dataset.ga4EventName = 'gallery_detail_pages';\r\n nextImg.dataset.ga4EventClick_target = 'Gallery Popup Open';\r\n\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: nextImg.dataset.segmentEventMedia_type,\r\n image_url: nextImg.src,\r\n image_sequence: images[index].position + 1,\r\n image_type: nextImg.dataset.segmentEventMedia_type,\r\n event: nextImg.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n\r\n onChange(index, images[index]); // Run onChange event\r\n },\r\n\r\n /**\r\n * Moves the Gallery to the Previous image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} prevImg Previous Image\r\n * @param {Image | HTMLDivElement} activeImg Active Image \r\n * @param {Image | HTMLDivElement} nextImg Next Image\r\n */\r\n goPrev = function(prevImg, activeImg, nextImg) {\r\n var images = gallery.images;\r\n index = index - 1 < 0 ? images.length - 1 : index - 1; // Update Index\r\n\r\n /**\r\n * Clean Next image src since it will become the Previous image\r\n * else when changing it to Previous image it won't update\r\n * its look until the new image has been loaded\r\n */\r\n if (isImage(prevImg)) {\r\n setAttr(nextImg, \"srcset\", \"\");\r\n setAttr(nextImg, \"src\", \"\");\r\n }\r\n\r\n /**\r\n * Change the Next image to become the Previous image\r\n */\r\n var newPrevIndex = index - 1 < 0 ? images.length - 1 : index - 1;\r\n\r\n nextImg = tryToggleImageType(nextImg, newPrevIndex);\r\n\r\n setSizes(nextImg, images[newPrevIndex].sizes);\r\n setSrcset(nextImg, images[newPrevIndex].Srcset);\r\n setSrc(nextImg, images[newPrevIndex].url);\r\n setAlt(nextImg, images[newPrevIndex].alt);\r\n var positionImageCollection = images[newPrevIndex].position;\r\n var collectionName = images[newPrevIndex].collection;\r\n var id = images[newPrevIndex].id;\r\n\r\n if (typeof positionImageCollection != \"undefined\" && collectionName) {\r\n setPosition(nextImg, images[newPrevIndex].position);\r\n setCollection(nextImg, images[newPrevIndex].collection);\r\n setImgId(nextImg, id);\r\n }\r\n\r\n setFloorPlanClass(false, index, nextImg);\r\n\r\n /*\r\n * Update images relations\r\n * Current Previous -> New Active\r\n * Current Active ->New Next\r\n * Current Next -> New Previous\r\n */\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"previous\", \"active\").replace('nhs-u-opacity-0', '') );\r\n setAttr(activeImg, \"class\", getAttr(activeImg, \"class\").replace(\"active\", \"next nhs-u-opacity-0\") );\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"next\", \"previous\") );\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"active\", \"previous\"));\r\n\r\n prevImg.dataset.segmentEvent = \"true\";\r\n prevImg.dataset.segmentEventEvent = \"Gallery Viewer Opened\";\r\n prevImg.dataset.segmentEventMedia_type = images[index].collection;\r\n prevImg.dataset.event = \"true\";\r\n prevImg.dataset.iscomm = activeImg.dataset.iscomm;\r\n prevImg.dataset.ga4EventName = 'gallery_detail_pages';\r\n prevImg.dataset.ga4EventClick_target = 'Gallery Popup Open';\r\n\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: prevImg.dataset.segmentEventMedia_type,\r\n image_url: prevImg.src,\r\n image_sequence: images[index].position + 1,\r\n image_type: prevImg.dataset.segmentEventMedia_type,\r\n event: prevImg.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n\r\n onChange(index, images[index]); // Run onChange event\r\n },\r\n\r\n /**\r\n * Sets the touchId property if this is undefined\r\n * using the Touch of a TouchEvent and reduces\r\n * the animation time of the Gallery to the minimum possible value\r\n * \r\n * @private\r\n * @param {TouchEvent} event TouchEvent \r\n */\r\n registerTouch = function(event) {\r\n if (!(isUndefined(touchId) && isUndefined(lastX) && touches === 0) || changeRunning) return;\r\n touches++;\r\n var touch = getTouch(event);\r\n touchId = getTouchId(touch);\r\n lastX = getTouchX(touch);\r\n setXAnimationTime(0);\r\n },\r\n\r\n /**\r\n * Executes a go Function a certain amount of times\r\n * \r\n * @private \r\n * @param {Function} goFn Go Function\r\n * @param {Number} times Times to repeat\r\n */\r\n go = function(goFn, times) {\r\n if (isUndefined(times) || isNaN(times)) {\r\n times = 1;\r\n }\r\n\r\n var previous = context.querySelector(\".previous\");\r\n var active = context.querySelector(\".active\");\r\n var next = context.querySelector(\".next\");\r\n\r\n goFn(previous, active, next);\r\n times--;\r\n if (times) {\r\n setTimeout(function() {\r\n go(goFn, times);\r\n },\r\n 500);\r\n }\r\n },\r\n\r\n /**\r\n * Defines a property to an Object\r\n * \r\n * @private \r\n * @param {String} propName Property name\r\n * @param {Function} getter Getter function\r\n * @param {Function} setter Setter function\r\n */\r\n defineProp = function(propName, getter, setter) {\r\n Object.defineProperty(gallery,\r\n propName,\r\n {\r\n get: getter,\r\n set: setter\r\n });\r\n },\r\n\r\n cleanStyles = function() {\r\n for (var i = 0; i < arguments.length; i++) {\r\n removeAttr(arguments[i], \"style\");\r\n }\r\n },\r\n setCssVar = function(cssVarName, value) {\r\n document.documentElement.style.setProperty(cssVarName, value);\r\n };\r\n\r\n\r\n var index = 0, \r\n touches = 0,\r\n touchId = getUndefined(),\r\n changeRunning = !1,\r\n lastX = getUndefined(),\r\n onChange = function(){};\r\n\r\n gallery.images = images;\r\n\r\n (function () {\r\n\r\n /*** Events Binding ***/\r\n var bindEvents = function () {\r\n \r\n /*** Controls Events Binding ***/\r\n var controls = Array.from(context.querySelectorAll(\".control\"));\r\n\r\n controls.forEach(function(control) {\r\n addEvent(control, \"click\", function () {\r\n /**\r\n * If There's any touch hold or a image change running do nothing\r\n */\r\n if (!isUndefined(touchId) || changeRunning) return;\r\n var previousImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\");\r\n\r\n /**\r\n * Change Visual properties in a Request Animation Frame callback\r\n * to wait until all the visual properties has been changed to\r\n * let the browser perform a paint\r\n */\r\n requestAnimationFrame(function () {\r\n removeAttr(previousImg, \"style\");\r\n removeAttr(activeImg, \"style\");\r\n removeAttr(nextImg, \"style\");\r\n if (hasClass(control, \"next\")) {\r\n goNext(previousImg, activeImg, nextImg);\r\n } else if (hasClass(control, \"previous\")) {\r\n goPrev(previousImg, activeImg, nextImg);\r\n }\r\n\r\n var newPreviousImg = context.querySelector(\".previous\");\r\n var newNextImg = context.querySelector(\".next\");\r\n\r\n });\r\n\r\n /**\r\n * Block change execution while the animation is being performed\r\n * so that the images do not overlap each other\r\n */\r\n changeRunning = true;\r\n setTimeout(function () {\r\n changeRunning = false;\r\n activeImg.classList.remove(\"nhs_floorPlanFitTransitionNext\");\r\n activeImg.classList.remove(\"nhs_floorPlanFitTransitionPrev\");\r\n }, 500);\r\n\r\n });\r\n });\r\n\r\n /*** Touch Events Binding ***/\r\n\r\n var imageElems = context.querySelectorAll(\"img.active,img.previous,img.next,.o-viewer.active,.o-viewer.previous,.o-viewer.next\");\r\n\r\n for (var i = 0; i < imageElems.length; ++i) {\r\n var img = imageElems[i];\r\n\r\n var imageElements = [img];\r\n\r\n /*** Touch Registration Handler ***/\r\n addEvent(imageElements, \"touchstart\", registerTouch, passive);\r\n\r\n /*** Touch Movement Handler ***/\r\n addEvent(imageElements, \"touchmove\", function (event) {\r\n event.preventDefault();\r\n if (changeRunning) return;\r\n /** \r\n * If the \"touchmove\" event is triggered before the \"touchstart\"\r\n * register the event's touch\r\n */\r\n if (isUndefined(touchId) || isUndefined(lastX)) return registerTouch(event);\r\n\r\n var touch = getTouch(event);\r\n\r\n /**\r\n * Check for the touch Id to avoid multitouch issues\r\n */\r\n if (touchId !== getTouchId(touch)) return;\r\n\r\n /**\r\n * Calculate touch move measure\r\n */\r\n var newX = getTouchX(touch),\r\n diff = lastX - newX,\r\n prevImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\"),\r\n activeWidth = activeImg.width || activeImg.offsetWidth,\r\n prevX = getImgX(prevImg) || activeWidth * -1,\r\n activeX = getImgX(activeImg),\r\n nextX = getImgX(nextImg) || activeWidth,\r\n tDiff = activeX - diff; // Total difference: Total movement of the left image edge\r\n\r\n lastX = newX; // Overwrite Last X value with the Nex X value\r\n\r\n /**\r\n * If the Total difference is greater the the width of the\r\n * active image, using 25px as margin, lock the gallery movement\r\n */\r\n if (Math.abs(tDiff) > (activeWidth - 25)) return;\r\n\r\n /**\r\n * Perform the follow touch movement, await until the X values of\r\n * the images has been updated to let the browser paint the screen \r\n */\r\n requestAnimationFrame(function () {\r\n setImgX(prevImg, prevX - diff);\r\n setImgX(activeImg, tDiff);\r\n setImgX(nextImg, nextX - diff);\r\n //addClass(context, \"swiping\");\r\n });\r\n\r\n }, { passive: false });\r\n\r\n /*** Touch End Handler ***/\r\n addEvent(imageElements, \"touchend\", function (event) {\r\n if (changeRunning) return;\r\n touches--;\r\n\r\n var touch = getTouch(event);\r\n\r\n /**\r\n * If the touch Id of the leaving touch is the\r\n * same of the registered touch, continue.\r\n * If the touches are greater than 0 do nothing.\r\n */\r\n if (touchId !== getTouchId(touch) || touches > 0) return;\r\n\r\n /**\r\n * Clean the variables\r\n */\r\n touchId = getUndefined();\r\n lastX = getUndefined();\r\n\r\n var prevImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\"),\r\n activeX = getImgX(activeImg),\r\n prevX = getImgX(prevImg),\r\n nextX = getImgX(nextImg),\r\n activeWidth = activeImg.width || activeImg.offsetWidth;\r\n\r\n /**\r\n * Perform the animation after touch left, but await until the Functions\r\n * has been executed to let the browser paint the screen again\r\n */\r\n requestAnimationFrame(function () {\r\n /**\r\n * If the X value of the active image is greater than\r\n * the eighth part of the full active image width, perform the change\r\n * according to the symbol(+/-) of the active image's X value\r\n */\r\n setCssVar(\"--active-x\", activeX + \"px\");\r\n setCssVar(\"--previous-x\", prevX + \"px\");\r\n setCssVar(\"--next-x\", nextX + \"px\");\r\n\r\n if (Math.abs(activeX) > (activeWidth / 8)) {\r\n setXAnimationTime(0.5);\r\n if (activeX < 0) {\r\n setImgX(nextImg, 0);\r\n setImgX(activeImg, activeWidth * -1);\r\n setAnimationTime(prevImg, \"transform\", 0);\r\n setImgX(prevImg, activeWidth);\r\n setTimeout(function () {\r\n goNext(prevImg, activeImg, nextImg);\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 500);\r\n } else {\r\n setImgX(prevImg, 0);\r\n setImgX(activeImg, activeWidth);\r\n setAnimationTime(nextImg, \"transform\", 0);\r\n setImgX(nextImg, activeWidth * -1);\r\n setTimeout(function () {\r\n goPrev(prevImg, activeImg, nextImg);\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 500);\r\n }\r\n } else {\r\n setXAnimationTime(0.3);\r\n setImgX(nextImg, activeWidth);\r\n setImgX(activeImg, 0);\r\n setImgX(prevImg, activeWidth * -1);\r\n setTimeout(function () {\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 300);\r\n }\r\n\r\n setCssVar(\"--active-x\", \"0%\");\r\n setCssVar(\"--previous-x\", \"-100%\");\r\n setCssVar(\"--next-x\", \"100%\");\r\n\r\n });\r\n\r\n changeRunning = true;\r\n setTimeout(function () {\r\n changeRunning = false;\r\n }, 500);\r\n\r\n }, passive);\r\n }\r\n };\r\n\r\n /*** Gallery Initialization ***/\r\n (function () {\r\n var images = gallery.images,\r\n active = context.querySelector(\"img\"),\r\n /*** Creation of the Auxiliary images ***/\r\n previous = document.createElement(\"img\"),\r\n next = document.createElement(\"img\"),\r\n currentSrc = getAttr(active, \"src\");\r\n\r\n var nextIndex;\r\n var prevIndex;\r\n\r\n /*** Images Set Up ***/\r\n active.classList.add(\"active\");\r\n previous.classList.add(\"previous\", \"nhs-u-absolute-centered\", \"nhs-c-wrapper__hero-image-slide--desktop\", \"nhs-u-opacity-0\");\r\n previous.setAttribute(\"data-full-image-viewer-opener\", \"true\");\r\n next.classList.add(\"next\", \"nhs-u-absolute-centered\", \"nhs-c-wrapper__hero-image-slide--desktop\", \"nhs-u-opacity-0\");\r\n next.setAttribute(\"data-full-image-viewer-opener\", \"true\");\r\n\r\n /*** Index initialization is based on the image already loaded ***/\r\n for (var i = 0; i < images.length; ++i) {\r\n if (images[i].url === currentSrc) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n\r\n if (images.length > 2) {\r\n nextIndex = index + 1 === images.length ? 0 : index + 1;\r\n prevIndex = index - 1 < 0 ? images.length - 1 : index - 1;\r\n } else {\r\n nextIndex = images.length === 1 ? 0 : 1;\r\n prevIndex = images.length === 1 ? 0 : 1;\r\n }\r\n\r\n /*** Images DOM Insertion ***/\r\n setSizes(next, images[nextIndex].sizes);\r\n setSrcset(next, images[nextIndex].Srcset);\r\n setSrc(next, images[nextIndex].url);\r\n setAlt(next, images[nextIndex].alt);\r\n var collectionNameNext = images[nextIndex].collection;\r\n var positionImageCollectionNext = images[nextIndex].position;\r\n var idImageNext = images[nextIndex].id;\r\n\r\n if (collectionNameNext && typeof positionImageCollectionNext !== \"undefined\") {\r\n setPosition(next, positionImageCollectionNext);\r\n setCollection(next, collectionNameNext);\r\n setImgId(next, idImageNext);\r\n }\r\n\r\n setSizes(previous, images[prevIndex].sizes);\r\n setSrcset(previous, images[prevIndex].Srcset);\r\n setSrc(previous, images[prevIndex].url);\r\n setAlt(previous, images[prevIndex].alt);\r\n var collectionNamePrev = images[prevIndex].collection;\r\n var positionImageCollectionPrev = images[prevIndex].position;\r\n var idImagePrev = images[prevIndex].id;\r\n\r\n if (collectionNamePrev && typeof positionImageCollectionPrev !== \"undefined\") {\r\n setImgId(previous, idImagePrev);\r\n setCollection(previous, images[prevIndex].collection);\r\n setPosition(previous, positionImageCollectionPrev);\r\n }\r\n\r\n insertAt(previous, \"beforebegin\", active);\r\n insertAt(next, \"afterend\", active);\r\n\r\n bindEvents();\r\n\r\n if (images.length > 1) {\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: active.dataset.segmentEventMedia_type,\r\n image_url: active.src, \r\n image_sequence: 1,\r\n image_type: active.dataset.segmentEventMedia_type,\r\n event: active.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n }\r\n\r\n })();\r\n })();\r\n\r\n /**\r\n * Goes to the next image\r\n * \r\n * @public\r\n * @readonly \r\n * @param {Number} times Times to repeat\r\n */\r\n defineProp(\"goNext\", function () {\r\n return function (times) {\r\n go(goNext, times);\r\n };\r\n });\r\n\r\n /**\r\n * Goes to the previous Image\r\n * \r\n * @public\r\n * @readonly\r\n * @param {Number} times Times to repeat\r\n */\r\n defineProp(\"goPrev\", function () {\r\n return function (times) {\r\n go(goPrev, times);\r\n };\r\n });\r\n\r\n /**\r\n * Gets the index of the Gallery\r\n * \r\n * @public\r\n * @readonly\r\n */\r\n defineProp(\"index\", function () {\r\n return index;\r\n });\r\n\r\n /**\r\n * Function to trigger each time the Gallery changes\r\n * \r\n * @public\r\n */\r\n defineProp(\"onChange\",\r\n function () {\r\n return onChange;\r\n },\r\n function (value) {\r\n if (value instanceof Function) {\r\n onChange = value;\r\n }\r\n }\r\n );\r\n};\r\n\r\n(function(){\r\n \"use strict\";\r\n\r\n if (\"function\" === typeof define && define.amd) {\r\n // If supports for AMD is available return the value to the AMD Loader\r\n // and to the global (window) object in case any JS module is expecting\r\n // the lazyLoad to exists on the window object.\r\n define([], function () {\r\n return galleryInit;\r\n });\r\n } else if (\"object\" === typeof exports) {\r\n // If supports for Common JS is available export the module\r\n // and pass is value to the global (window) object in case non Common JS code \r\n // is expected to work with this lazyLoad.\r\n module.exports = galleryInit;\r\n } else {\r\n // If not support for AMD or Common JS is available register the module in the global scope.\r\n \r\n if (\"undefined\" === typeof NHS || null === NHS) {\r\n NHS = {};\r\n }\r\n if (\"undefined\" === typeof NHS.Scripts || null === NHS.Scripts) {\r\n NHS.Scripts = {};\r\n }\r\n\r\n NHS.Scripts.Gallery = galleryInit;\r\n }\r\n\r\n\r\n}());","(function imagesGalleryHandler() {\r\n 'use strict';\r\n\r\n const firstImage = document.querySelector('[data-active-image]');\r\n if (!firstImage) {\r\n return;\r\n }\r\n\r\n /**\r\n * This function checks if the first image is in portrait orientation and adds\r\n * a specific class if it is.\r\n */\r\n function handlerVerticalImages() {\r\n const isPortraitImage = firstImage.naturalHeight > firstImage.naturalWidth;\r\n if (isPortraitImage) {\r\n firstImage.classList.add('nhs-c-image--vertical');\r\n }\r\n }\r\n\r\n if (firstImage.complete && firstImage.naturalHeight !== 0) {\r\n handlerVerticalImages();\r\n return;\r\n }\r\n\r\n firstImage.addEventListener('load', handlerVerticalImages);\r\n}());\r\n","(function thumbnailHelper(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n\r\n const previousThumbnailHelper = global.NewHomeSource.ThumbnailHelper;\r\n\r\n /**\r\n * @constructs NewHomeSource.ThumbnailHelper\r\n */\r\n function ThumbnailHelper() {\r\n }\r\n\r\n ThumbnailHelper.defaultThumbs = JSON.parse(document.querySelector('[data-component=\"defaultThumbnails\"]').innerHTML);\r\n\r\n /**\r\n * @public\r\n * validate: return thumbnail url valid.\r\n */\r\n ThumbnailHelper.validate = function validate(data) {\r\n const collection = data.CollectionName.split(' ');\r\n const imageUrl = data.ThumbnailUrl || ThumbnailHelper.defaultThumbs[collection[0]];\r\n return imageUrl;\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.ThumbnailHelper to the previous script.\r\n */\r\n ThumbnailHelper.noConflict = function noConflict() {\r\n global.NewHomeSource.ThumbnailHelper = previousThumbnailHelper;\r\n return ThumbnailHelper;\r\n };\r\n\r\n global.NewHomeSource.ThumbnailHelper = ThumbnailHelper;\r\n}(window));\r\n","/**\r\n * Module to move by the scroll using arrows.\r\n *\r\n * Need to add the following attributes:\r\n * data-scroll: to the element scrolled\r\n * data-arrow-right: to the arrow right button\r\n * data-arrow-left: to the arrow left button\r\n * data-move-arrow: to the arrows with the number of pixels to be move.\r\n * data-element-scrolled: all elements that are inside the container\r\n * need to have the property to get the first and last element in the collection.\r\n */\r\n(function arrowHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n global.NewHomeSource.Modules = global.NewHomeSource.Modules || {};\r\n const isTouchScreen = Object.prototype.hasOwnProperty.call(global, 'ontouchstart');\r\n const eventTrigger = isTouchScreen ? 'touchend' : 'click';\r\n\r\n class ArrowHandler {\r\n constructor(parameters) {\r\n if (!parameters.container) {\r\n return;\r\n }\r\n this.container = null;\r\n this.arrowRight = null;\r\n this.arrowLeft = null;\r\n this.firstCollection = null;\r\n this.lastCollection = null;\r\n this.scrollElement = null;\r\n this.move = 0;\r\n this.limitRight = 0;\r\n this.limitLeft = 0;\r\n this.arrowsReference =\r\n parameters.arrowReferenceSelector ? parameters.arrowReferenceSelector : '';\r\n this.collectionsReference =\r\n parameters.collectionsReferenceSelector ? parameters.collectionsReferenceSelector : '';\r\n this.container = parameters.container;\r\n this.arrowRight = this.container.querySelector(`${this.arrowsReference}[data-arrow-right]`);\r\n this.arrowLeft = this.container.querySelector(`${this.arrowsReference}[data-arrow-left]`);\r\n this.scrollElement = this.container.querySelector('[data-scroll]') || this.container;\r\n this.firstCollection =\r\n this.container.querySelector(`${this.collectionsReference}[data-element-scrolled]`);\r\n this.lastCollection =\r\n this.container.querySelector(`${this.collectionsReference}[data-element-scrolled]:last-child`);\r\n if (!this.arrowRight || !this.arrowLeft || !this.scrollElement) {\r\n return;\r\n }\r\n\r\n this.bindedCalculateMoveCallback = this.bindedCalculateMove.bind(this);\r\n this.bindedOnChangeCallback = this.onChange.bind(this);\r\n\r\n this.container.addEventListener(eventTrigger, this.bindedCalculateMoveCallback);\r\n this.container.addEventListener('recalculateLimits', this.bindedOnChangeCallback);\r\n global.addEventListener('orientationchange', this.bindedOnChangeCallback);\r\n this.getLimits();\r\n this.observeVisibility();\r\n }\r\n\r\n bindedCalculateMove(event) {\r\n requestAnimationFrame(this.calculateMove.bind(this, event));\r\n }\r\n\r\n /** Used to show the arrows after a container is set as visible after being hidden */\r\n observeVisibility() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n this.showArrows();\r\n }\r\n });\r\n });\r\n\r\n observer.observe(this.container);\r\n }\r\n\r\n changeLimits() {\r\n this.limitLeft = Math.floor(this.container.getBoundingClientRect().left);\r\n this.limitRight = Math.floor(this.container.getBoundingClientRect().right);\r\n this.showArrows();\r\n }\r\n\r\n getLimits() {\r\n requestAnimationFrame(this.changeLimits.bind(this));\r\n }\r\n\r\n onChange() {\r\n requestAnimationFrame(this.getLimits.bind(this));\r\n }\r\n\r\n showArrows() {\r\n requestAnimationFrame(() => {\r\n if (Math.floor(this.firstCollection.getBoundingClientRect().left) < this.limitLeft) {\r\n this.arrowLeft.style.display = 'block';\r\n this.container.classList.add('tab-shadow--left');\r\n } else {\r\n this.arrowLeft.style.display = 'none';\r\n this.container.classList.remove('tab-shadow--left');\r\n }\r\n\r\n if (Math.floor(this.lastCollection.getBoundingClientRect().right) > this.limitRight) {\r\n this.arrowRight.style.display = 'block';\r\n this.container.classList.add('tab-shadow--right');\r\n } else {\r\n this.arrowRight.style.display = 'none';\r\n this.container.classList.remove('tab-shadow--right');\r\n }\r\n });\r\n }\r\n\r\n calculateMove(event) {\r\n this.limitLeft = Math.floor(this.container.getBoundingClientRect().left);\r\n this.limitRight = Math.floor(this.container.getBoundingClientRect().right);\r\n const element = event && event.target.closest(`${this.arrowsReference}[data-move-arrow]`);\r\n if (element) {\r\n this.move = +element.dataset.moveArrow;\r\n this.scrollElement.scrollBy(this.move, 0);\r\n const self = this;\r\n requestAnimationFrame(() => {\r\n self.showArrows(self);\r\n const scrolledCarousels = this.container.querySelectorAll('[data-scroll]');\r\n\r\n scrolledCarousels.forEach((scrolledCarousel) => {\r\n if (scrolledCarousel && scrolledCarousel.parentElement) {\r\n scrolledCarousel.parentElement.dispatchEvent(new Event('recalculateLimits'));\r\n }\r\n });\r\n });\r\n } else {\r\n requestAnimationFrame(() => {\r\n this.showArrows(this);\r\n });\r\n }\r\n }\r\n\r\n dispose() {\r\n this.container.removeEventListener(eventTrigger, this.bindedCalculateMoveCallback);\r\n this.container.removeEventListener('recalculateLimits', this.bindedOnChangeCallback);\r\n global.removeEventListener('orientationchange', this.bindedOnChangeCallback);\r\n }\r\n }\r\n\r\n global.NewHomeSource.Modules.ArrowHandler = ArrowHandler;\r\n}(window));\r\n","/**\r\n * Module to handle the scroll implemented for the Sticky Nav Bar.\r\n *\r\n * This functionality is in the Sticky Bar located in the detail pages, community detail for now.\r\n * Is the responsible to do the scroll at the Right or Left when you scroll down or up in the page.\r\n *\r\n */\r\n(function stickyBarScrollHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n global.NewHomeSource.Modules = global.NewHomeSource.Modules || {};\r\n\r\n /*\r\n * Dependencies as\r\n * if (!global.NewHomeSource.MyDependency) {\r\n * return;\r\n * }\r\n */\r\n const previousStickyBarScrollModule = global.NewHomeSource.stickyBarScrollHandler;\r\n\r\n /**\r\n * @constructs NewHomeSource.StickyBarScrollHandler\r\n */\r\n function StickyBarScrollHandler() {}\r\n\r\n /**\r\n * Scrolls the Sticky Bar when we scroll the page.\r\n * @param {any} entry\r\n */\r\n StickyBarScrollHandler.moveStickyBarScroll = function moveStickyBarScroll(entry, element) {\r\n const container = document.querySelector('div[data-sticky-bar]');\r\n\r\n if (!container) {\r\n return;\r\n }\r\n\r\n const scrollElement = container.querySelector('.bar__item-active'); \r\n const rightPoint = container.getBoundingClientRect().right;\r\n const scrollLeft = container.scrollLeft;\r\n\r\n // Scroll to the active element.\r\n if (scrollElement) {\r\n const elementPoints = scrollElement.getBoundingClientRect();\r\n const elementRight = elementPoints.right;\r\n const elementWidth = elementPoints.width;\r\n\r\n const value = elementRight - rightPoint + elementWidth + scrollLeft;\r\n container.scrollTo({\r\n left: value,\r\n behavior: 'smooth',\r\n });\r\n }\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.StickyBarScrollHandler to the previous script.\r\n */\r\n StickyBarScrollHandler.noConflict = function noConflict() {\r\n global.NewHomeSource.Modules.stickyBarScrollHandler = previousStickyBarScrollModule;\r\n return StickyBarScrollHandler;\r\n };\r\n\r\n global.NewHomeSource.Modules.stickyBarScrollHandler = StickyBarScrollHandler;\r\n})(window);\r\n","/*\r\n * summary: this module is to load a modal on the initial load\r\n * hidden input data:\r\n * data-auto-open-modal-query-string=\"queryString from url\"\r\n * button with the modal functionality:\r\n * data-auto-open-modal-(name of the modal, example: request-appointment)\r\n */\r\n(function initialLoadModalHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n const previousInitialLoadModalHandler = global.NewHomeSource.InitialLoadModalHandler;\r\n const queySelectorHiddenInput = '[data-auto-open-modal-query-string]';\r\n const configHiddenInput = document.querySelector(queySelectorHiddenInput);\r\n const queryString = configHiddenInput.dataset.autoOpenModalQueryString;\r\n\r\n if (!configHiddenInput || !queryString) {\r\n return null;\r\n }\r\n\r\n /**\r\n * @private\r\n * removeQueryStringFromUrl: function to remove the queryString from the url\r\n */\r\n function removeQueryStringFromUrl() {\r\n const currentUrl = global.location.href;\r\n\r\n const url = new URL(currentUrl);\r\n const params = new URLSearchParams(url.search);\r\n params.delete('autoopenmodal');\r\n url.search = params.toString();\r\n const newUrl = url.toString();\r\n\r\n global.history.pushState({}, null, newUrl);\r\n }\r\n\r\n /**\r\n * @constructs NewHomeSource.InitialLoadModalHandler\r\n */\r\n function InitialLoadModalHandler() {\r\n }\r\n\r\n /**\r\n * @private\r\n * DisplayModal: function to display the modal from the url in the target element\r\n * @param {string} querySelectorForData query selector to get the needed data\r\n */\r\n InitialLoadModalHandler.DisplayModal = function DisplayModal() {\r\n const querySelectorModal = `[data-auto-open-modal-${queryString}]`;\r\n const targetElement = document.querySelector(querySelectorModal);\r\n\r\n if (targetElement) {\r\n removeQueryStringFromUrl();\r\n targetElement.click();\r\n }\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.InitialLoadModalHandler to the previous script.\r\n */\r\n InitialLoadModalHandler.noConflict = function noConflict() {\r\n global.NewHomeSource.InitialLoadModalHandler = previousInitialLoadModalHandler;\r\n return InitialLoadModalHandler;\r\n };\r\n\r\n global.NewHomeSource.InitialLoadModalHandler = InitialLoadModalHandler;\r\n\r\n return InitialLoadModalHandler;\r\n}(window));\r\n","//Class Constructor\r\n//This call usually is made in the Views, and there are the parameters specified.\r\nNHS.Scripts.CommunityDetailXp = function (parameters) {\r\n //Initializing parameters\r\n this.parameters = parameters;\r\n this._tabsControlId = parameters.tabsControlId;\r\n this._searchParameters = parameters.searchParameters;\r\n this._getHomeResultsByCommunityFromApi = parameters.getHomeResultsByCommunityFromApi;\r\n this.selectedTab = parameters.SelectedTab;\r\n this._communityId = parameters.communityId;\r\n this._builderId = parameters.builderId;\r\n this.player = null;\r\n this.numberOfCards = 9;\r\n this.gallery = new Array();\r\n this.galleryIndex = 0;\r\n this.communityDetailContainerHigh = undefined;\r\n this.logger = new NHS.Scripts.Globals.EventLogger({\r\n siteRoot: parameters.logInfo.siteRoot,\r\n fromPage: parameters.logInfo.fromPage,\r\n partnerID: parameters.logInfo.partnerId,\r\n partnerName: parameters.logInfo.partnerName,\r\n performanceLogUrl: parameters.logInfo.performanceLogUrl,\r\n marketId: parameters.marketId\r\n });\r\n\r\n this.favs = new NHS.Scripts.Favorites({\r\n urlBase: parameters.urlBase,\r\n partnerId: parameters.PartnerId,\r\n marketId: parameters.MarketId,\r\n logInfo: parameters.logInfo\r\n });\r\n};\r\n\r\nNHS.Scripts.CommunityDetailXp.prototype = {\r\n get_commId: function () {\r\n return this._communityId;\r\n },\r\n get_builderId: function () {\r\n return this._builderId;\r\n },\r\n initialize: function () {\r\n var self = this;\r\n self.setUpControls();\r\n self.favs.init();\r\n\r\n const loadReviews = function() {\r\n const ratingsFlagElement = document.querySelector('#IsReviewsAvailable');\r\n const hasReviews = ratingsFlagElement && ratingsFlagElement.value === 'True';\r\n\r\n if (hasReviews) {\r\n const microModalInput = document.querySelector('#ratings-bundle');\r\n\r\n NHS.loadJs(microModalInput.value, \"ratings-script\", function () {\r\n RatingsAndReviews.loadDetailSection();\r\n });\r\n }\r\n }\r\n\r\n var attributeParameters = self.parameters;\r\n if (attributeParameters.mapParameters) {\r\n attributeParameters.mapParameters.logger = new NHS.Scripts.Globals.EventLogger({\r\n siteRoot: self.parameters.logInfo.siteRoot,\r\n partnerId: self.parameters.logInfo.partnerId,\r\n partnerName: self.parameters.logInfo.partnerName,\r\n marketId: self.parameters.logInfo.marketId,\r\n performanceLogUrl: self.parameters.logInfo.performanceLogUrl\r\n });\r\n }\r\n\r\n\r\n if (document.querySelectorAll(\"#HomesAndPlans\").length !== 0) {\r\n defaultTargetForLazyLoad = \"HomesAndPlans\";\r\n } else {\r\n defaultTargetForLazyLoad = \"CommunityInfo\";\r\n }\r\n\r\n var mapsContainer = document.querySelector(\"#nhs_PropertyMap\");\r\n self.googlePropertyMap = new NHS.Scripts.GooglePropertyMap(attributeParameters.mapParameters);\r\n self.googlePropertyMap.SetUpdate();\r\n\r\n function loadInteractiveMap(event) {\r\n self.googlePropertyMap.init();\r\n mapsContainer.removeEventListener(\"click\", loadInteractiveMap);\r\n }\r\n\r\n if (mapsContainer) {\r\n mapsContainer.addEventListener(\"click\", loadInteractiveMap);\r\n }\r\n\r\n // lazyload the Near By Communities Section\r\n if (self.parameters.isBilled) {\r\n var isNearbyShowed = false;\r\n var defaultOptions = {\r\n ElementVisibleId: \"SchoolsAndAmenities\",\r\n UpdateAction: function (isVisible) {\r\n if (isVisible && isNearbyShowed === false) {\r\n isNearbyShowed = true;\r\n const params = new URLSearchParams({\r\n communityId: self.parameters.communityId,\r\n builderId: self.parameters.builderId,\r\n marketId: self.parameters.marketId,\r\n brandId: self.parameters.brandId,\r\n brandName: self.parameters.BrandName,\r\n latitude: self.parameters.commLat,\r\n longitude: self.parameters.commLon,\r\n pricelow: self.parameters.PriceLow,\r\n priceHigh: self.parameters.PriceHigh,\r\n fromPage: self.parameters.fromPageForNearby\r\n });\r\n fetch(self.parameters.getNearbyCommunitiesActionUrl + '?' + params.toString())\r\n .then((response) => {\r\n if (response.ok) {\r\n response.text().then((data) => {\r\n if (data === '') {\r\n return;\r\n }\r\n const nearbyContainer = document.getElementById(\"nhs_NearbyHomesContent\");\r\n if(nearbyContainer) {\r\n nearbyContainer.innerHTML = data;\r\n nearbyContainer.removeAttribute('hidden');\r\n document.body.dispatchEvent(new CustomEvent('moreCommunitiesLoaded'));\r\n }\r\n });\r\n }\r\n });\r\n }\r\n }\r\n };\r\n jQuery.LazyLoad(defaultOptions);\r\n }\r\n\r\n var testimonialsModel = {\r\n communityId: self.parameters.communityId,\r\n builderId: self.parameters.builderId,\r\n isMpCommunity: false,\r\n isPreview: self.parameters.PreviewMode === \"True\"\r\n };\r\n const nearbyWrapper = document.querySelector('[data-nearby-wrapper]');\r\n if (nearbyWrapper !== null) {\r\n self.performLazyLoad('nhs_nearbyHomesSection', null, nearbyWrapper.dataset.url, function (data) {\r\n if (!data) {\r\n const nearbySection = document.querySelector('[data-nearby-section]');\r\n nearbySection.setAttribute('hidden', '');\r\n return;\r\n }\r\n\r\n document.querySelector('[data-nearby-wrapper]').innerHTML = data;\r\n self.favs.init();\r\n document.body.dispatchEvent(new CustomEvent('moreCommunitiesLoaded'));\r\n });\r\n }\r\n self.performLazyLoad(defaultTargetForLazyLoad, testimonialsModel, self.parameters.getCommunityTestimonialsUrl, function (data) {\r\n var container = document.createElement(\"div\");\r\n var testimonialsData = data.Testimonials;\r\n var testimonialsCards = document.querySelector(\".card__testimonials\");\r\n var testimonialContainer = document.querySelector(\".section__testimonials\");\r\n if (testimonialsData.length > 0) {\r\n if (testimonialsCards && testimonialContainer) {\r\n for (var i = 0; i < testimonialsData.length; i++) {\r\n var cloneTestimonialCard = testimonialsCards.cloneNode(true);\r\n cloneTestimonialCard.querySelector(\".testimonial__text\").innerHTML =\r\n testimonialsData[i].Description;\r\n cloneTestimonialCard.querySelector(\".testimonial__citation\").innerHTML =\r\n testimonialsData[i].Citation;\r\n container.appendChild(cloneTestimonialCard);\r\n }\r\n testimonialContainer.innerHTML = container.innerHTML;\r\n document.querySelector(\".testimonial__section\").style.display = 'block';\r\n }\r\n }\r\n });\r\n\r\n self._updateAdsPosition();\r\n\r\n loadReviews();\r\n\r\n // Gallery Initialization\r\n self.setUpGalleryXp();\r\n var elements = {\r\n 'selector': '[data-full-image-viewer-opener=\"true\"]',\r\n 'favorites': self.favs,\r\n 'performanceEvents': self.logger,\r\n 'logInfo': self.parameters.logInfo\r\n };\r\n\r\n window.NewHomeSource.FullImageViewerOpener && window.NewHomeSource.FullImageViewerOpener(elements);\r\n new window.NewHomeSource.Modules.ArrowHandler({\r\n container: document.querySelector('[data-toolbar]')\r\n });\r\n\r\n // Arrow Handler for Sticky Bar\r\n new window.NewHomeSource.Modules.ArrowHandler({\r\n container: document.querySelector('[data-sticky-bar]')\r\n });\r\n\r\n\r\n const mapButton = document.querySelector('.nhs_FormMapLink');\r\n if (mapButton) {\r\n mapButton.addEventListener('click', (event) => {\r\n event.preventDefault();\r\n const neighborhoodStickyButton = document.querySelector('[data-id=\"nhs_MapsAndDirections\"]');\r\n if (neighborhoodStickyButton) {\r\n neighborhoodStickyButton.click();\r\n }\r\n });\r\n }\r\n\r\n self.googleAnalyticsBindings();\r\n self.performanceEventsBindings();\r\n\r\n const formSubmitButton = document.querySelector('[data-on-page-button]');\r\n const shouldAddFreeBrochureSubmitEventAttributes = formSubmitButton ? !formSubmitButton.closest('[data-coming-soon]') : false;\r\n if (shouldAddFreeBrochureSubmitEventAttributes) {\r\n self.addFreeBrochureSubmitEventAttributes(formSubmitButton);\r\n }\r\n\r\n var container = document.querySelector(\"#nhs_DetailSalesOffice [data-slider-component]\");\r\n\r\n /**\r\n * trackReadMoreOfferEvent: tracks the event when the read more button is clicked.\r\n * @param {string} readMoreButtonText word that is used on the read more button.\r\n */\r\n function trackReadMoreOfferEvent(readMoreButtonText){\r\n const googleAnalyticsEvent = {\r\n eventType: 'GA4Event',\r\n eventName: 'builder_deals',\r\n params: {\r\n click_target: readMoreButtonText\r\n }\r\n };\r\n document.body.dispatchEvent(new CustomEvent('trackOnDemandEvent', {\r\n detail: { data: googleAnalyticsEvent }\r\n }));\r\n }\r\n\r\n var readOffersContainer = document.querySelector(\"[data-offersContainer]\");\r\n if (readOffersContainer) {\r\n var offerBubblesCollection = document.querySelectorAll(\"[data-offerBubble]\");\r\n var currentReadMoreText = \"\";\r\n var showHiddenContentClass = \"offer__show\";\r\n var showMoreElement;\r\n var collapsibleContentElement;\r\n readOffersContainer.addEventListener(\"click\", function (event) {\r\n //If read more, we should change the text\r\n if (event.target.hasAttribute(\"data-readMoreOffer\")) {\r\n for (var counter = 0; counter < offerBubblesCollection.length; counter++) {\r\n collapsibleContentElement = offerBubblesCollection[counter].querySelector(\"[data-collapsedContent]\");\r\n if (collapsibleContentElement) {\r\n if (collapsibleContentElement.classList.contains(showHiddenContentClass)) {\r\n collapsibleContentElement.classList.remove(showHiddenContentClass);\r\n } else {\r\n collapsibleContentElement.classList.add(showHiddenContentClass);\r\n }\r\n }\r\n\r\n showMoreElement = offerBubblesCollection[counter].querySelector(\"[data-readMoreOffer]\");\r\n if (showMoreElement) {\r\n currentReadMoreText = showMoreElement.textContent;\r\n showMoreElement.textContent = showMoreElement.getAttribute(\"data-toggleText\");\r\n showMoreElement.setAttribute(\"data-toggleText\", currentReadMoreText);\r\n\r\n const currentEventReadMoreText = showMoreElement.dataset.eventCurrentText;\r\n const currentEventReadMoreToggleText = showMoreElement.dataset.eventToggleText;\r\n showMoreElement.dataset.eventCurrentText = currentEventReadMoreToggleText;\r\n showMoreElement.dataset.eventToggleText = currentEventReadMoreText;\r\n trackReadMoreOfferEvent(currentEventReadMoreText);\r\n }\r\n\r\n }\r\n }\r\n });\r\n }\r\n\r\n //sticky bar detail pages scroll\r\n var scrollToBarItems = document.querySelectorAll('[page-scroller]');\r\n var scrollBehavior = 'scrollBehavior' in document.documentElement.style;\r\n for (var i = 0; i < scrollToBarItems.length; i++) {\r\n scrollToBarItems[i].addEventListener(\"click\", function (event) {\r\n if (window.scroll) {\r\n event.preventDefault();\r\n var target = document.getElementById(this.getAttribute(\"data-target\"));\r\n var selectedTab = document.querySelector(\"[class*=nhs-c-button--tap-light-active]\");\r\n if (target) {\r\n if (scrollBehavior) {\r\n target.scrollIntoView({ behavior: \"smooth\"});\r\n } else {\r\n target.scrollIntoView();\r\n }\r\n var targetElement = event.target;\r\n if (selectedTab && targetElement.hasAttribute(\"data-sticky-tab\")) {\r\n selectedTab.classList.remove(\"nhs-c-button--tap-light-active\");\r\n delete selectedTab.dataset.itemActive;\r\n targetElement.classList.add(\"nhs-c-button--tap-light-active\");\r\n targetElement.dataset.itemActive = 'true';\r\n }\r\n }\r\n\r\n }\r\n });\r\n }\r\n },\r\n\r\n \r\n\r\n setUpGalleryXp: function () {\r\n var self = this;\r\n self.MediaData = self.parameters.gallery.mediaResult;\r\n self.setupNewOnPageGallery();\r\n },\r\n\r\n RemoveParametersFromUrl: function (url, parameters) {\r\n for (var i = 0; i < parameters.length; i++) {\r\n var parameter = parameters[i];\r\n\r\n url = url.replace(new RegExp('[?&]' + parameter + '=[^&#]*(#.*)?$'), '$1').replace(new RegExp('([?&])' + parameter + '=[^&]*&'), '$1');\r\n }\r\n return url;\r\n },\r\n\r\n RemoveResizingParametersFromQueryString: function (image) {\r\n var self = this;\r\n var imageUrl = NewHomeSource.ThumbnailHelper.validate(image);\r\n return self.RemoveParametersFromUrl(imageUrl, [\"width\", \"height\", \"w\", \"h\", \"maxwidth\", \"maxheight\"]);\r\n\r\n },\r\n\r\n /**\r\n * Verifies that the given url contains vimeo.\r\n *\r\n * @private\r\n * @param {url} string url from vimeo \r\n */\r\n isVimeoVideo: function (url) {\r\n return url.indexOf(\"vimeocdn.com\") !== -1;\r\n },\r\n\r\n\r\n /**\r\n * Replaces in the vimeo URL the sizes with the width passed as parameter.\r\n * The vimeo format CDN is: https://www.vimeo.com/video/{id}_{width}x{height}\r\n * @private\r\n * @param {url} string url from vimeo\r\n * @param {width} string new width value\r\n */\r\n getVimeoSourceSetUrl: function (url, width) {\r\n return url.replace(/_\\d+(x\\d+)?/, \"_\" + width);\r\n },\r\n setupNewOnPageGallery: function (bindEvents) {\r\n var self = this;\r\n var commTitle = \"\";\r\n\r\n var breakpoints = [\r\n {\r\n width: 404,\r\n breakpoint: \"404w\"\r\n },\r\n {\r\n width: 808,\r\n breakpoint: \"808w\"\r\n },\r\n {\r\n width: 966,\r\n breakpoint: \"966w\"\r\n },\r\n {\r\n width: 1932,\r\n breakpoint: \"1932w\"\r\n }\r\n ];\r\n var breakpointLength = breakpoints.length;\r\n var resizedMediaImages = self.parameters.gallery.mediaImages.map(function (image) {\r\n if (image.IsRichMedia) {\r\n return;\r\n }\r\n\r\n var cleanUrl = image.VideoType !== \"youtube\" ? self.RemoveResizingParametersFromQueryString(image) : \"https://img.youtube.com/vi/\" + image.VideoId + \"/hqdefault.jpg\";\r\n var separator = cleanUrl.indexOf(\"?\") > -1 ? \"&\" : \"?\";\r\n var format = \"\";\r\n\r\n if (image.Is360Image) {\r\n cleanUrl = cleanUrl + separator + \"format=jpg\";\r\n image.Srcset = cleanUrl + \" \" + breakpoints[breakpointLength - 1].breakpoint;\r\n image.ThumbnailUrl = image.Srcset;\r\n\r\n return image;\r\n\r\n } else {\r\n\r\n if (!(cleanUrl.indexOf(\"format=\") > -1)) {\r\n format = \"&format=jpg\";\r\n }\r\n\r\n image.ThumbnailUrl = image.VideoType != \"youtube\" ? cleanUrl + separator + \"maxwidth=\" + breakpoints[breakpointLength - 1].width + format + \"&quality=90 \" : cleanUrl;\r\n\r\n var srcsetUrl = \"\";\r\n for (var i = 0; i < breakpointLength; i++) {\r\n if (self.isVimeoVideo(cleanUrl)) {\r\n cleanUrl = self.getVimeoSourceSetUrl(cleanUrl, breakpoints[i].width);\r\n }\r\n if (i + 1 === breakpointLength) {\r\n srcsetUrl += cleanUrl + separator + \"maxwidth=\" + breakpoints[i].width + format + \"&quality=90 \" + breakpoints[i].breakpoint;\r\n }\r\n else {\r\n srcsetUrl += cleanUrl + separator + \"maxwidth=\" + breakpoints[i].width + format + \"&quality=90 \" + breakpoints[i].breakpoint + \", \";\r\n }\r\n }\r\n\r\n if (image.VideoType !== \"youtube\") {\r\n image.Srcset = srcsetUrl;\r\n image.sizes = \"(max-width: 768px) 404px, 966px\";\r\n } else {\r\n image.Srcset = image.ThumbnailUrl;\r\n }\r\n\r\n return image;\r\n\r\n }\r\n }).filter(function (element) {\r\n return element !== undefined;\r\n });\r\n\r\n self.gallery = resizedMediaImages;\r\n\r\n if (self.gallery.length > 0) {\r\n var index;\r\n self.galleryIndex = 0;\r\n if (self.gallery.length === 0) {\r\n return;\r\n }\r\n\r\n var countComm = 0;\r\n var countVideo = 0;\r\n const videoIcon = document.querySelector('[data-video-icon-second]');\r\n const videoOverlay = document.querySelector('[data-video-icon-first]');\r\n if (typeof bindEvents === \"undefined\" || !!bindEvents) {\r\n var galleryMap = self.gallery.map(function (img) {\r\n\r\n var collection = img.CollectionName;\r\n var elementPosition = 0;\r\n if (collection === \"Community\") {\r\n elementPosition = countComm;\r\n countComm++;\r\n } else if (collection === \"Video\") {\r\n elementPosition = countVideo;\r\n countVideo++;\r\n }\r\n\r\n return {\r\n id: img.Id,\r\n url: img.ThumbnailUrl,\r\n alt: img.AltText,\r\n Srcset: img.Srcset,\r\n sizes: img.sizes,\r\n collection: collection,\r\n position: elementPosition\r\n };\r\n });\r\n self.detailGallery = new NHS.Scripts.Gallery(document.querySelector(\"#gallery\"), galleryMap);\r\n self.detailGallery.onChange = function (index) {\r\n self.galleryIndex = index;\r\n videoIcon.setAttribute('hidden', '');\r\n videoOverlay.setAttribute('hidden', '');\r\n var galleryItem = self.gallery[self.galleryIndex];\r\n if (galleryItem.CollectionName.toLowerCase() === \"video\") {\r\n //We must look for the type of video in order to change the title. Currently we have BVT for testimonial at Division Level and VID for Regular community Video.\r\n var videoTitle = galleryItem.Type !== undefined && galleryItem.Type !== \"\" && galleryItem.Type === \"BVT\" ? self.parameters.TestimonialVideo : self.parameters.CommunityVideo;\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(videoTitle);\r\n videoIcon.removeAttribute('hidden');\r\n videoOverlay.removeAttribute('hidden');\r\n } else {\r\n commTitle = self.gallery[self.galleryIndex].Title !== null ? self.gallery[self.galleryIndex].Title : self.gallery[self.galleryIndex].Description !== null ? self.gallery[self.galleryIndex].Description : \"\";\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(commTitle);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Video\").addClass(\"Community\");\r\n }\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileBottom span:eq(1)\").text((self.galleryIndex + 1) + \"/\" + self.gallery.length);\r\n };\r\n }\r\n videoIcon.setAttribute('hidden', '');\r\n videoOverlay.setAttribute('hidden', '');\r\n var firstGalleryItem = self.gallery[0];\r\n if (firstGalleryItem !== null && firstGalleryItem !== undefined && firstGalleryItem.CollectionName.toLowerCase() === \"video\") {\r\n //We must look for the type of video in order to change the title. Currently we have BVT for testimonial at Division Level and VID for Regular community Video.\r\n var videoTitle = firstGalleryItem.Type !== undefined && firstGalleryItem.Type !== \"\" && firstGalleryItem.Type === \"BVT\" ? self.parameters.TestimonialVideo : self.parameters.CommunityVideo;\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(videoTitle);\r\n videoIcon.removeAttribute('hidden');\r\n videoOverlay.removeAttribute('hidden');\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Community\").addClass(\"Video\");\r\n } else {\r\n commTitle = self.gallery[self.galleryIndex].Title !== null ? self.gallery[self.galleryIndex].Title : self.gallery[self.galleryIndex].Description !== null ? self.gallery[self.galleryIndex].Description : \"\";\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(commTitle);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Video\").addClass(\"Community\");\r\n }\r\n\r\n jQuery(\".nhs_DetailTileBottom span:eq(1)\").text(\"1/\" + self.gallery.length);\r\n if (self.gallery.length === 1) {\r\n jQuery(\"#nhs_GalleryPrev\").remove();\r\n jQuery(\"#nhs_GalleryNext\").remove();\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Performs a Lazy load on a specific element and it will perform an ajax also.\r\n * @param {Number} idOfVisibleElement Id of the element that is present and also the one that will be the target to load.\r\n * @param {Any} dataForAjax Data that will be Stringified to a JSON on the AJAX call.\r\n * @param {String} urlForAjax Url where the AJAX call will hit.\r\n * @param {Function} successAjaxFunction Function that will be executed once the AJAX is success.\r\n */\r\n performLazyLoad: function (idOfVisibleElement, dataForAjax, urlForAjax, successAjaxFunction) {\r\n var lazyLoadReady = false;\r\n jQuery.LazyLoad({\r\n ElementVisibleId: idOfVisibleElement,\r\n UpdateAction: function (isVisible) {\r\n if (isVisible && lazyLoadReady === false) {\r\n lazyLoadReady = true;\r\n jQuery.ajax({\r\n url: urlForAjax,\r\n type: dataForAjax !== null ? \"POST\" : \"GET\",\r\n contentType: 'application/json',\r\n data: JSON.stringify(dataForAjax),\r\n success: successAjaxFunction\r\n });\r\n }\r\n }\r\n });\r\n },\r\n\r\n setUpControls: function () {\r\n const homesAndPlansJs = document.querySelector('#nhs_HomesAndPlans');\r\n\r\n if (homesAndPlansJs) {\r\n NHS.loadJs(homesAndPlansJs.value, 'homeAndPlans');\r\n }\r\n\r\n function backToTop(event) {\r\n event.preventDefault();\r\n document.body.scrollIntoView({behavior: \"smooth\"});\r\n }\r\n\r\n const topLinks = document.querySelectorAll('a[href=\"#top\"]');\r\n topLinks.forEach(element => {\r\n element.addEventListener('click', backToTop);\r\n });\r\n },\r\n\r\n SetupNearbyCommunities: function (parameters) {\r\n if (this.googlePropertyMap.isMapCreate) {\r\n this.googlePropertyMap.googleApi.processResult(parameters);\r\n //this.googlePropertyMap.googleApi.AutoFit();\r\n } else {\r\n this.googlePropertyMap.parameters.NearbyComms = parameters;\r\n }\r\n this.favs.init();\r\n },\r\n\r\n SaveCommunity: function () {\r\n var self = this;\r\n var dataForPost = {\r\n communityId: self.parameters.communityId,\r\n builderId: self.parameters.builderId\r\n };\r\n jQuery.post(self.parameters.addCommunityToPlanerMethod, dataForPost, (function (json) {\r\n self.ShowSuccessMessage(json);\r\n if (json.data) {\r\n jQuery(\"a#nhs_SaveThisItem\").replaceWith('' + self.parameters.SavedText + \"\");\r\n //jQuery(\"#pSaveThisItem\").html('' + self.parameters.SavedToYourProfileText + \"\");\r\n jQuery(\"p #nhs_NextStepsSaveThisItem\").addClass(\"nhs_ItemSaved\").text(self.parameters.SavedText).removeAttr(\"onclick\").removeAttr(\"href\");\r\n jQuery(\"#pSaveThisItemMpc\").html(\"\" + self.parameters.SavedToYourProfileText + \" Create an account and save your favorite homes, communities and developments\");\r\n jQuery(\"a#nhs_Saved\").replaceWith(\"\" + self.parameters.SavedText + \"\");\r\n }\r\n }).bind(this), \"json\");\r\n },\r\n\r\n ShowSuccessMessage: function (json) {\r\n var self = this;\r\n if (!json.data) {\r\n window.location.href = json.redirectUrl;\r\n } else {\r\n if (json.message === self.parameters.saveMessage) {\r\n //jQuery(\"#nhs_SaveThisItem\").hide();\r\n jQuery(\"a#nhs_SaveThisItem\").replaceWith(\"\");\r\n jQuery(\"#SuccessMessage\").show();\r\n\r\n } else {\r\n jQuery(\"span#nhs_SaveThisItem\").replaceWith(\"\" + self.parameters.SaveToFavoritesText + \"\");\r\n jQuery(\"span.nhs_Save.nhs_Saved\").replaceWith(\"\" + self.parameters.SaveText + \"\");\r\n jQuery(\"a#nhs_SaveThisItem, a#nhs_Saved\").on(\"click\", function () {\r\n self.SaveCommunity();\r\n });\r\n }\r\n }\r\n },\r\n\r\n addFreeBrochureSubmitEventAttributes: function (submitButton) {\r\n window.NewHomeSource.Analytics.GoogleAnalyticsTracker.buildTagWithEvent(submitButton, \"Lead Events\",\r\n NHS.Scripts.Helper.readCookie(\"CTAName\"),\r\n \"Submit Form - Free Brochure\");\r\n },\r\n\r\n googleAnalyticsBindings: function () {\r\n NHS.Scripts.Helper.createCookie(\"CTAName\", \"Community – CTA On Page Lead Form\");\r\n const mainCta = document.querySelector('#nhs_GetBrochure');\r\n mainCta.addEventListener('click', function() {\r\n NHS.loadCss(document.getElementById(\"detailsXpRecosCss\").value);\r\n });\r\n },\r\n performanceEventsBindings: function () {\r\n var self = this;\r\n const socialLinks = document.querySelectorAll('[data-share-link]');\r\n socialLinks.forEach(link => {\r\n window.NewHomeSource.Analytics.TdvTracker.buildTagWithEvent(link,\r\n 'bcSocialShare,'+self.parameters.CommunityDetailSocialMediaShare,\r\n [\r\n {\r\n name: 'data-community',\r\n value: commDetail.get_commId()\r\n },\r\n {\r\n name: 'data-builder',\r\n value: commDetail.get_builderId()\r\n },\r\n {\r\n name: 'data-market',\r\n value: self.parameters.marketId\r\n },\r\n ])\r\n });\r\n },\r\n\r\n _updateAdsPosition: function () {\r\n var container;\r\n var detailInfo = document.querySelector(\".nhs_DetailMain:not(.nhs_First)\");\r\n var adCol = document.querySelector(\"#nhs_AdColumn\");\r\n var salesoffice = document.getElementById(\"nhs_DetailSalesOffice\");\r\n var homeToolsBuyingSection = document.querySelector(\".nhs_ResToolsSection\");\r\n var merchandizedSection = document.querySelector(\"#nhs_Merchandized_Reviews\");\r\n var merchandizedSectionHeigth = 0;\r\n var homeToolsBuyingSectionHeight = 0;\r\n var salesOfficeHeight = 0;\r\n var heightToMinus = 0;\r\n\r\n if (salesoffice) {\r\n salesOfficeHeight = salesoffice.getBoundingClientRect().height;\r\n }\r\n if (homeToolsBuyingSection) {\r\n homeToolsBuyingSectionHeight = homeToolsBuyingSection.getBoundingClientRect().height;\r\n }\r\n if (merchandizedSection) {\r\n merchandizedSectionHeigth = merchandizedSection.getBoundingClientRect().height;\r\n }\r\n\r\n heightToMinus = salesOfficeHeight + homeToolsBuyingSectionHeight + merchandizedSectionHeigth;\r\n\r\n if (adCol) {\r\n container = adCol.querySelector(\"div\");\r\n }\r\n if (!detailInfo || !adCol || !container || typeof window.MutationObserver === \"undefined\") return;\r\n\r\n container.setAttribute(\"style\", \"position: -webkit-sticky; position: sticky; top: 0; right: 0;\");\r\n\r\n // The Height of the nhs_ResAdCol will change according to the height of the results\r\n // and the function above will be executed anytime the results change\r\n },\r\n};\r\n\r\n/*Show floating form when is collapse*/\r\nvar takeATourFloatingButton = document.querySelector(\"[data-take-tour]\");\r\nvar floatingFormContainerHide = \" \";\r\nif (takeATourFloatingButton) {\r\n takeATourFloatingButton.addEventListener(\"click\", function () {\r\n floatingFormContainerHide = document.querySelector(\"[data-floating-form-container]\");\r\n if (floatingFormContainerHide) {\r\n floatingFormContainerHide.classList.remove(\"minimize\");\r\n }\r\n });\r\n}\r\n\r\n/*Clean commentFloatingform when user request a In Person lead*/\r\nvar inPersonRequestLabel = document.querySelector(\"[data-text-in-person]\");\r\nif (inPersonRequestLabel) {\r\n inPersonRequestLabel.addEventListener(\"click\",\r\n function () {\r\n var commentsInput = document.querySelector(\"#Comments_2\");\r\n if (commentsInput)\r\n commentsInput.value = \"\";\r\n });\r\n}\r\n\r\nvar commentInput = document.querySelector(\"#Comments_2\");\r\nif (commentInput) {\r\n var VirtualTourRequestLabel = document.querySelector(\"[data-is-virtual-tour]\");\r\n if (VirtualTourRequestLabel) {\r\n VirtualTourRequestLabel.addEventListener(\"click\",\r\n function () {\r\n var commentsInput = document.querySelector(\"#Comments_2\");\r\n if (commentsInput)\r\n commentsInput.value = commentInput.value;\r\n });\r\n }\r\n}\r\n\r\ndocument.addEventListener(\"readystatechange\", function () {\r\n if (document.readyState === \"complete\") {\r\n if (window.NewHomeSource.ElementToggler) {\r\n window.NewHomeSource.ElementToggler.Init();\r\n }\r\n\r\n if (window.NewHomeSource.CommunityAndNeighBorhoodHandler) {\r\n window.NewHomeSource.CommunityAndNeighBorhoodHandler.init();\r\n }\r\n\r\n if (window.NewHomeSource.InitialLoadModalHandler) {\r\n window.NewHomeSource.InitialLoadModalHandler.DisplayModal();\r\n }\r\n }\r\n});\r\n\r\n/*\r\n * When clicking in the header links that navigate to the different available homes tabs\r\n * we need to make sure the user sees the correct tab, we get this done by adding the data-available-homes\r\n * attribute to the header link with the value being the element ID of the correct tab in the \r\n * available homes section.\r\n*/\r\n(function () {\r\n document.addEventListener('click', function (event) {\r\n if (event.target.hasAttribute('data-available-homes')) {\r\n const targetElementId = event.target.getAttribute('data-available-homes');\r\n const targetElement = document.getElementById(targetElementId);\r\n\r\n if (targetElement) {\r\n targetElement.click();\r\n } else {\r\n const alernateTargetElementId = event.target.getAttribute('data-available-homes-alternate');\r\n const alternateTargetElement = document.getElementById(alernateTargetElementId);\r\n\r\n if (alternateTargetElement) {\r\n alternateTargetElement.click();\r\n }\r\n }\r\n }\r\n })\r\n}());\r\n\r\n/*\r\n * When clicking in the price reduction label on the top of the page, that action should take the\r\n * user to the homes and plans section. We can't do this via an anchor targeting an #id in the page\r\n * since we have a base tag pointing to the homepage (not the detail page itself), so creating an\r\n * anchor tag with href=\"#id\" will take you to the homepage and look for the #id there.\r\n*/\r\n(function () {\r\n const priceReductionLabel = document.getElementById('nhs_priceReductionLabel');\r\n const trustBuilderReviewsSection = document.querySelector('[data-detail-reviews-section]');\r\n\r\n const homesAndPlansSection = document.getElementById('HomesAndPlans');\r\n const builderSection = document.getElementById('builderInfoSection');\r\n\r\n if (priceReductionLabel && homesAndPlansSection) {\r\n priceReductionLabel.addEventListener('click', function () {\r\n homesAndPlansSection.scrollIntoView();\r\n });\r\n }\r\n\r\n if (trustBuilderReviewsSection && builderSection) {\r\n trustBuilderReviewsSection.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n builderSection.scrollIntoView();\r\n });\r\n }\r\n}());","var formObserver;\r\nvar isCustomLocation = document.getElementById(\"IsCustomLocation\");\r\nvar isBasic = document.getElementById(\"IsBasic\");\r\nisBasic = isBasic && isBasic.value === \"True\";\r\nisCustomLocation = isCustomLocation && isCustomLocation.value === \"True\";\r\nvar isComingSoon = document.querySelector(\"[data-is-coming-soon]\")\r\n ? document.querySelector(\"[data-is-coming-soon]\").value === \"True\"\r\n : false;\r\n\r\nfunction formValuesToQueryString(data) {\r\n var queryString = \"\";\r\n var keyValuePair = Object.entries(data);\r\n if (keyValuePair && keyValuePair.length > 0) {\r\n for (var i = 0; i < keyValuePair.length; i++) {\r\n if (typeof keyValuePair[i][1] !== \"undefined\") {\r\n queryString += keyValuePair[i][0] + \"=\" + keyValuePair[i][1] + \"&\";\r\n }\r\n }\r\n }\r\n queryString = queryString.substring(0, queryString.length - 1);\r\n\r\n return queryString;\r\n};\r\n\r\nfunction showThankYouPageForExternalLeads(event) {\r\n var data = getFreeBrochureData(event);\r\n var url = \"/getthankyoupageafterexternallead?\" + formValuesToQueryString(data);\r\n window.NewHomeSource.ModalLoader.showModal(url);\r\n}\r\n\r\nfunction onChangeToggleZipInput(checkboxElem) {\r\n var form = checkboxElem.closest(\"form\");\r\n var zipInput = form.querySelector(\"[name='postal']\");\r\n\r\n if (checkboxElem.checked) {\r\n zipInput.disabled = true;\r\n zipInput.value = \"\";\r\n } else {\r\n zipInput.disabled = false;\r\n }\r\n}\r\n\r\n/**\r\n * Opens the custom scheduler, if the community is part of the scheduler program.\r\n * @param {HTMLElement} element The element triggering the form sending.\r\n */\r\nfunction openScheduler(element) {\r\n const isCustomScheduler = element.dataset.component === 'lead-by-iframe';\r\n\r\n if (isCustomScheduler && window.NewHomeSource.SchedulerHandler) {\r\n window.NewHomeSource.SchedulerHandler.openSchedulerTab(element);\r\n }\r\n}\r\n\r\nfunction onClickSendForm(event, callback) {\r\n event.preventDefault();\r\n NHS.loadCss(document.getElementById(\"detailsXpRecosCss\").value);\r\n\r\n var currentForm = event.target.closest(\"form\");\r\n var sendButton = currentForm.querySelector(\"[data-send-form]\");\r\n\r\n var valid = formValidator.validateForm(currentForm, true);\r\n\r\n if (valid) {\r\n sendButton.setAttribute(\"disabled\", \"disabled\");\r\n\r\n if (isCustomLocation) {\r\n sendAskQuestionLead(event, callback);\r\n } else if (!isBasic){\r\n openScheduler(event.target);\r\n sendFreeBrochureLead(event, event.target, callback);\r\n }\r\n }\r\n}\r\n\r\nfunction addDataInComment(formElem) {\r\n const commentElem = formElem.querySelector(\"textarea\")\r\n let comment = commentElem ? commentElem.value : '';\r\n var isOnPageForm = formElem.getAttribute(\"data-onpage-form\") === \"\";\r\n const isRegularLeadForm = formElem.getAttribute('data-regular-lead-form') === '';\r\n const isAskQuestionForm = formElem.getAttribute('data-is-ask-question-form') === '';\r\n var isFullImageViewer = formElem.parentElement.getAttribute(\"data-panel-form-type\") === \"scheduleTour\";\r\n var commentData = \"\";\r\n\r\n if (isAskQuestionForm ||\r\n (isFullImageViewer && isComingSoon)) {\r\n return comment;\r\n }\r\n\r\n if (isOnPageForm) {\r\n commentData = getOnPageFormCommentData(formElem);\r\n } else if (isRegularLeadForm || isFullImageViewer) {\r\n commentData = getTourFormCommentData(formElem);\r\n }\r\n\r\n // if there is a users comment, appends the commentData at the end\r\n if (commentData !== \"\") {\r\n comment += comment === \"\"\r\n ? commentData\r\n : \" - \" + commentData;\r\n }\r\n\r\n return comment;\r\n}\r\n\r\nfunction getLeadAction(formTriggeredElement) {\r\n const isOnPageForm = formTriggeredElement.hasAttribute(\"data-onpage-form\");\r\n let leadActionType = isOnPageForm ? \" \" : null;\r\n const isFullImageContactBuilder = formTriggeredElement.parentElement.getAttribute('data-panel-form-type') === 'contactBuilder';\r\n const isAskQuestion = formTriggeredElement.hasAttribute(\"data-is-ask-question-form\");\r\n\r\n if (isFullImageContactBuilder || isAskQuestion) {\r\n return leadActionType;\r\n }\r\n\r\n if (!isOnPageForm) {\r\n const virtualTourElement = formTriggeredElement.querySelector(\"[data-is-virtual-tour]\");\r\n\r\n if (virtualTourElement) {\r\n leadActionType = formTriggeredElement.querySelector(\"[data-is-virtual-tour]\").checked ? \"rva\" : \"ra\";\r\n }\r\n else {\r\n leadActionType = \"ra\";\r\n }\r\n }\r\n \r\n return leadActionType;\r\n}\r\n\r\n/**\r\n * Gets the additional information that should be included in the comment field for the on page form.\r\n * @param {element} formElem The floating form element.\r\n * @returns The information that should be appended to the comment field.\r\n */\r\nfunction getOnPageFormCommentData(formElem) {\r\n var formOptions = formElem.querySelectorAll(\"[name='form-options']:checked\");\r\n var formText = \"\";\r\n\r\n for (var i = 0; i < formOptions.length; ++i) {\r\n var currentOption = formOptions[i];\r\n formText += formText === \"\"\r\n ? currentOption.getAttribute(\"data-comment\") + \",\"\r\n : \" \" + currentOption.getAttribute(\"data-comment\") + \",\";\r\n }\r\n\r\n if (formText !== \"\") {\r\n formText = \"Interested in: \" + formText.slice(0, -1) + \".\";\r\n }\r\n\r\n return formText;\r\n}\r\n\r\n\r\n/**\r\n * Get the data that should be appended to the comment field of the 'tour' forms.\r\n * This logic applies for the floating form tour form and the tour form in next steps section.\r\n * @param {any} formElement The form to handle.\r\n * @returns A string indicating if date and if the lead is a virtual tour or a 1 on 1 meeting.\r\n */\r\nfunction getTourFormCommentData(formElement) {\r\n const virtualTourElement = formElement.querySelector(\"[data-is-virtual-tour]\");\r\n const isVirtualTour = !!virtualTourElement && virtualTourElement.checked;\r\n let selectedDateElement = formElement.querySelector(\"[data-date]\");\r\n let finalDate = '';\r\n\r\n if (selectedDateElement) {\r\n const selectedDate = selectedDateElement.getAttribute(\"data-date\");\r\n finalDate = selectedDate.replace(/[^ -~]/g, '');\r\n }\r\n else {\r\n return '';\r\n }\r\n\r\n if (isVirtualTour) {\r\n return formElement.querySelector(\"[data-text-video-chat]\").value + \" \" + finalDate;\r\n } else {\r\n return formElement.querySelector(\"[data-text-in-person]\").value + \" \" + finalDate;\r\n }\r\n}\r\n\r\n/**\r\n * Gets the preferred method of contact selected in the form