\n \n ${publicPriceDetail}\n
`\n}\n","import { BulletListTemplate } from '../bullet-list/c-bullet-list.template'\nimport { SliderTemplate } from '../slider/c-slider.template'\nimport { defaultPriceData, PriceTemplate, getACMPriceLabel } from '../price/c-price.template'\nimport { defaultButtonData, BtnTemplate } from '../btn/c-btn.template'\nimport { BreadcrumbsTemplate, defaultBreadcrumbsData } from '../breadcrumbs/c-breadcrumbs.template'\nimport { language } from '../../../js/user/locale-settings'\nimport { register } from '../../../js/document/namespace'\nimport { getTokenClass } from '../../../js/helpers/tokens'\nimport { LabelTemplate } from '../label/c-label.template'\nimport { getProcessedCollectionDataFromItem } from '../../../js/helpers/collection-mapper'\n\n// Import tokens\nconst tokensShared = require('./data/c-product-card__tokens.json')['c-product-card']\nconst tokensBrand = (() => {\n try {\n return require(`../../../../brands/${WEBPACK_BRAND}/modules/components/product-card/data/c-product-card__tokens.json`)['c-package-block'] // eslint-disable-line\n } catch (error) {\n return {}\n }\n})()\n\n// Get global and search locales\nconst globalLocales = register(`window.sundio.i18n.${language}.global`)\nconst searchLocales = register(`window.sundio.i18n.${language}.search`)\n\nconst tokens = { ...tokensShared, ...tokensBrand }\n\nconst COMPONENT_LOCALES = register(`window.sundio.i18n.${language}.productCard`)\n\n/**\n * The ProductCardData contains all data needed to hydrate a ProductCard view\n *\n * @typedef {Object} ProductCardData\n *\n * @property {String} id - The card id\n * @property {Boolean} isFavorite - The card is included to favorites or not\n * @property {String[]} images - The card images URLs\n * @property {String} name - The accommodation name\n * @property {String[]} usps - The accommodation usp's\n * @property {String} urlWithFilters - The accommodation URL with applied search filters\n * @property {Object} [collection] - The collection name associated with the card\n * @property {Number} [userRating] - The user rating\n * @property {Number} [rating] - The card category\n * @property {Object[]} [locations] - The card locations\n * @property {String} [mostBookedInDestinationText] - Most booked text\n * @property {String[]} [urgencyMessages] - Urgency messages\n * @property {String} [departureDateDetail] - Departure date in human readable format\n * @property {String[]} [featuredFilters] - Featured applied filters to get a package offer\n * @property {Object[]} [staticTexts] - Static texts\n *\n * @property {Object} [price] - Card price object\n * @property {Object} [price.yieldCampaignLogo] - Price > Yield campaign logo\n * @property {String} [price.yieldCampaignLogo.src] - Price > Yield campaign logo src\n * @property {String[]} [price.includedServices] - Price > Included services\n * @property {Number} [price.averagePrice] - Price > main price to be displayed\n * @property {Object} [price.currencySettings] - Price > currencySettings\n * @property {String} [price.currencySettings.symbol] - Price > currencySettings > symbol\n * @property {String} [price.currencySettings.symbolPosition] - Price > currencySettings > symbolPosition (BeforeAmount, AfterAmount)\n * @property {Object} [price.priceDiscounts] - Price > appliedDiscounts\n * @property {String} [price.priceDiscounts.discountPercentage] - Price > appliedDiscounts > percentage\n * @property {String} [price.priceDiscounts.originalPrice] - Price > appliedDiscounts > Previous public price\n * @property {Number} [price.publicPrice] - Price > Previous public price\n * @property {Object} [price.acmInformation] - Price > ACM info\n * @property {String} [price.acmInformation.acmUrl] - Price > ACM info > API url\n * @property {Object} [attributes] - Attributes for the product card\n */\n\nexport const defaultProductCardData = {\n id: '',\n isFavorite: false,\n isUnavailable: false,\n images: [],\n name: '',\n usps: [],\n urlWithFilters: '',\n extraClasses: '',\n collection: null,\n attributes: ''\n}\n\nexport const ProductCardTemplate = (d, staticTexts) => {\n const origin = d.map ? 'map' : 'search-card'\n const collection = getProcessedCollectionDataFromItem(d)\n staticTexts = staticTexts || { ...globalLocales, ...searchLocales }\n d = { ...defaultProductCardData, ...d, collection }\n\n const featuredFilters = d.isUnavailable\n ? undefined\n : { mealplan: d.featuredFilters.mealplan, occupancy: d.featuredFilters.occupancy, departureDate: d.departureDateDetail, duration: d.featuredFilters.duration }\n\n return `\n\n \n \n ${d.innerHTML ? `${d.innerHTML}` : ''}\n
\n`\n","/**\n * The TableItemTemplate contains all the data needed to hydrate a TableItem component\n *\n * @typedef {Object} TableItemTemplate\n *\n * @property {String} extraClasses - Extra classes if needed\n * @property {String} innerHTML - The content inside the table item\n */\n\nexport const defaultTableItemData = {\n extraClasses: ''\n}\n\nexport const TableItemTemplate = (d) => `\n \n\n
\n ${getFooter(d, featuredFilters, staticTexts, defaultButtonData, defaultPriceData)}\n (\n { icon: getTokenClass('icon', service, tokens), text: includedServices[service] !== '' ? includedServices[service] : locales[service] }\n ))\n}\n\nfunction getSliderItems (images, urlWithFilters, variant) {\n return images.map(i => getImageTemplateForSlider(i, urlWithFilters, variant))\n}\n\nfunction getParametersToRescaleImage () {\n return 'width=320&height=240&scale=both&mode=crop'\n}\n\nfunction getImageTemplateForSlider (imageUrl, urlWithFilters, variant) {\n const ratio = variant === 'compact' ? 'o-ratio--2:1' : 'o-ratio--16:9 o-ratio--4:3@sm'\n return `\n \n \n \n
\n\n \n ${Array.isArray(d.images) && d.images.length > 0\n ? `${SliderTemplate({\n luminosity: getTokenClass('luminosity', (d.luminosity ? d.luminosity : 'default'), tokens),\n items: getSliderItems(d.images, d.urlWithFilters + '&originList=' + origin),\n attributes: { 'data-arrow-keys': false }\n })}`\n : ''}\n ${d.collection ? `${LabelTemplate({ text: d.collection.text, collection: d.collection.id, extraClasses: 'c-product-card__collection' })}` : ''}\n
\n \n \n
\n \n
\n - \n ${d.usps.map(usp => `
- ${usp} `).join('').trim()}\n
- \n ${d.urgencyMessages.map(urgencyMessage => `\n
- ${urgencyMessage} \n `).join('').trim()}\n
\n ${d.campaign ? `` : ''}\n ${!d.isUnavailable\n ? d.price.yieldCampaignLogo && d.price.yieldCampaignLogo.src ? `![](\"${d.price.yieldCampaignLogo.src}\")
` : ''\n : ''\n }\n
\n \n ![](\"${imageUrl}?${getParametersToRescaleImage()}\")
\n
\n \n `\n}\n\nfunction roudUserRating (rating) {\n return Math.round(rating * 10) / 10\n}\n\nexport function getFooter (d, featuredFilters, staticTexts, defaultButtonData, defaultPriceData) {\n return `\n \n `\n}\n","import { defaultPackageBlockData, PackageBlockTemplate } from '../package-block/c-package-block.template'\nimport { defaultPriceData, PriceTemplate, getACMPriceLabel } from '../price/c-price.template'\nimport { defaultButtonData, BtnTemplate } from '../btn/c-btn.template'\nimport { SliderTemplate } from '../slider/c-slider.template'\nimport { LabelTemplate } from '../label/c-label.template'\nimport { ImgTemplate } from '../../components/img/c-img.template'\nimport { getTokenClass } from '../../../js/helpers/tokens'\nimport { getProcessedCollectionDataFromItem } from '../../../js/helpers/collection-mapper'\nimport { BreadcrumbsTemplate, defaultBreadcrumbsData } from '../breadcrumbs/c-breadcrumbs.template'\nimport { encodeAttributes } from '../../../js/helpers/string'\nimport { getFooter } from '../product-card/c-product-card.template'\n\n/**\n * The SearchResultData contains all data needed to hydrate a SearchResult view\n *\n * @typedef {Object} SearchResultData\n *\n * @property {String} id - The result id\n * @property {Boolean} isFavorite - The result is included to favorites or not\n * @property {Boolean} isUnavailable - The result is unavailable or not\n * @property {Boolean} isFlightOnly - The result is flight only or not\n * @property {Boolean} isHighlighted - The result is highlighted or not\n * @property {String[]} images - The result image url\n * @property {String} name - The accommodation name\n * @property {String[]} usps - The accommodation usp's\n * @property {String} urlWithFilters - The accommodation URL with applied search filters\n * @property {Object} [collection] - The collection name associated with the result\n * @property {Number} [userRating] - The user rating\n * @property {Number} [rating] - The result category\n * @property {Object[]} [locations] - The result locations\n * @property {String} [mostBookedInDestinationText] - Most booked text\n * @property {String[]} [urgencyMessages] - Urgency messages\n * @property {String} [departureDateDetail] - Departure date in human readable format\n * @property {String[]} [featuredFilters] - Featured applied filters to get a package offer\n *\n * @property {Object} [price] - Result price object\n * @property {Object} [price.yieldCampaignLogo] - Price > Yield campaign logo\n * @property {String} [price.yieldCampaignLogo.src] - Price > Yield campaign logo src\n * @property {String[]} [price.includedServices] - Price > Included services\n * @property {Number} [price.averagePrice] - Price > main price to be displayed\n * @property {Object} [price.currencySettings] - Price > currencySettings\n * @property {String} [price.currencySettings.symbol] - Price > currencySettings > symbol\n * @property {String} [price.currencySettings.symbolPosition] - Price > currencySettings > symbolPosition (BeforeAmount, AfterAmount)\n * @property {Object} [price.priceDiscounts] - Price > appliedDiscounts\n * @property {String} [price.priceDiscounts.discountPercentage] - Price > appliedDiscounts > percentage\n * @property {String} [price.priceDiscounts.originalPrice] - Price > appliedDiscounts > Previous public price\n * @property {Number} [price.publicPrice] - Price > Previous public price\n * @property {Object} [price.acmInformation] - Price > ACM info\n * @property {String} [price.acmInformation.acmUrl] - Price > ACM info > API url\n * @property {Object} [attributes] - Attributes for the search result\n */\n\n// Import tokens\nconst tokensShared = require('./data/c-search-result__tokens.json')['c-search-result']\nconst tokensBrand = (() => {\n try {\n return require(`../../../../brands/${WEBPACK_BRAND}/modules/components/search-result/data/c-search-result__tokens.json`)['c-search-result']; // eslint-disable-line\n } catch (error) {\n return {}\n }\n})()\nconst tokens = { ...tokensShared, ...tokensBrand }\n\nexport const defaultSearchResultData = {\n id: '',\n isFavorite: false,\n isUnavailable: false,\n isFlightOnly: false,\n isHighlighted: false,\n images: [],\n name: '',\n usps: [],\n urlWithFilters: '',\n extraClasses: '',\n collection: null,\n attributes: ''\n}\n\nexport const SearchResultTemplate = (d, staticTexts, useProductCardFooter = false) => {\n const collection = getProcessedCollectionDataFromItem(d)\n d = { ...defaultSearchResultData, ...d, collection }\n\n const origin = d.map ? 'map' : 'search-result'\n const featuredFilters =\n d.isUnavailable || !d.featuredFilters\n ? undefined\n : {\n mealplan: d.featuredFilters.mealplan,\n occupancy: d.featuredFilters.occupancy,\n departureDate: d.departureDateDetail,\n duration: d.featuredFilters.duration\n }\n\n return `\n\n
\n ${\n useProductCardFooter\n ? getFooter(d, featuredFilters, staticTexts, defaultButtonData, defaultPriceData)\n : `\n \n
\n \n \n \n ${\n Array.isArray(d.images) && d.images.length > 0\n ? d.variant === 'condensed-tiny'\n ? `${getImageTemplate(d.images[0], d.urlWithFilters + '&originList=' + origin, d.name)}`\n : `${SliderTemplate({\n luminosity: getTokenClass('luminosity', d.luminosity ? d.luminosity : 'default', tokens),\n items: getSliderItems(d.images, d.urlWithFilters + '&originList=' + origin, d.name),\n attributes: { 'data-arrow-keys': false }\n })}`\n : ''\n }\n ${\n d.collection\n ? `${LabelTemplate({\n text: d.collection.text,\n collection: d.collection.id,\n extraClasses: 'c-search-result__collection'\n })}`\n : ''\n }\n
\n \n ${\n d.userRating\n ? ``\n : ''\n }\n
\n \n ${staticTexts.userRating}\n
`\n : ''\n }\n ${\n d.rating\n ? ``\n : ''\n }\n \n ${Math.round(d.userRating * 10) / 10}\n
\n ${d.name}
\n ${\n d.locations\n ? BreadcrumbsTemplate({\n ...defaultBreadcrumbsData,\n ...{\n items: d.locations.map(location => ({ text: location.name, unclickable: location.unclickable })),\n extraClasses: 'c-search-result__breadcrumbs'\n }\n })\n : ''\n }\n ${\n d.mostBookedInDestinationText\n ? `${d.mostBookedInDestinationText}
`\n : ''\n }\n ${d.isMarketExclusive ? customUSP(staticTexts.sunwebOnly, 'spark') : ''}\n ${d.isSustainable ? customUSP(staticTexts.sustainable, 'sustainable') : ''}\n ${d.campaign ? campaignUSP(d.campaign, d.campaignUrl) : ''}\n - \n ${d.usps\n .map(\n usp =>\n `
- ${usp} `\n )\n .join('')\n .trim()}\n
- \n ${d.urgencyMessages\n .map(\n urgencyMessage => `\n
- ${urgencyMessage} \n `\n )\n .join('')\n .trim()}\n
\n ${\n d.isUnavailable\n ? `\n
\n `\n }\n `\n \n
\n ${BtnTemplate({\n ...defaultButtonData,\n variant: 'default',\n text: staticTexts.subscribe,\n link: {\n href: d.urlWithFilters + '&originList=' + origin,\n title: staticTexts.subscribe\n },\n extraClasses: 'c-search-result__cta c-search-result__unavailable-button'\n })}\n `\n : `\n ${\n d.price\n ? `\n ${staticTexts.unAvailableTitle}
\n ${staticTexts.unAvailableText}
\n \n ${\n d.price.yieldCampaignLogo && d.price.yieldCampaignLogo.src\n ? ``\n : ''\n }\n ${PackageBlockTemplate({\n ...defaultPackageBlockData,\n extraClasses: 'c-search-result__package-block',\n includedServices:\n !d.price.includedServices || Array.isArray(d.price.includedServices) // Falsy value or array?\n ? d.price.includedServices // Pass as-is.\n : Object.keys(d.price.includedServices), // Extract the keys as an array.\n departureDate: d.departureDateDetail,\n arrivalDate: d.arrivalDateDetail,\n filters: Array.isArray(d.featuredFilters) ? d.featuredFilters : Object.values(d.featuredFilters),\n outboundDepartureAirportName: d.outboundDepartureAirportName\n })}\n
`\n : ''\n }\n\n `\n }\n \n \n
`\n\n return `\n \n ${getImageTemplate()}\n \n \n ${getImageTemplate()}\n `\n}\n\nfunction getImageTemplate (imageUrl, urlWithFilters, productName) {\n const imageUrlRescaled = imageUrl + '?' + getParametersToRescaleImage()\n\n return `\n \n ${ImgTemplate({\n resolvedSrc: imageUrlRescaled,\n sync: true,\n ratio: '1:1',\n title: productName\n })}\n \n `\n}\n\nconst campaignUSP = (campaign, url) => {\n const { title, icon, highlightedWord } = campaign\n\n const bulletIcon = icon || 'tag'\n const modifiedTitle = highlightedWord ? title.replace(highlightedWord, `${highlightedWord}`) : title\n return ``\n}\n\nconst customUSP = (text, icon) => {\n return `\n \n \n ${text}\n
\n `\n}\n","/**\n * The TableTemplate contains all the data needed to hydrate a Table component\n *\n * @typedef {Object} TableTemplate\n *\n * @property {String} variant - The variant that will be used\n * @property {String} extraClasses - Extra classes if needed\n * @property {String} innerHTML - The content that should be shown inside the table\n */\n\nimport { getTokenClass } from '../../../js/helpers/tokens'\n\n// Import tokens\nconst tokensShared = require('./data/c-table__tokens.json')['c-table']\nconst tokensBrand = (() => {\n try {\n return require(`../../../../brands/${WEBPACK_BRAND}/modules/components/table/data/c-table__tokens.json`)['c-table'] // eslint-disable-line\n } catch (error) {\n return {}\n }\n})()\nconst tokens = { ...tokensShared, ...tokensBrand }\n\nexport const defaultTableData = {\n variant: 'default',\n extraClasses: ''\n}\n\nexport const TableTemplate = (d) => `\n \n ${d.innerHTML ? `${d.innerHTML}` : ''}\n
\n`\n","import { registerWidget } from '../../../js/core/widget/widget-directory'\nimport { fetchJsonData } from '../../../js/helpers/json-fetch'\nimport { bindClickEventToResults } from '../../../js/helpers/event-binder'\nimport { getUrlFromString } from '../../../js/document/url'\nimport { processPackageItem } from '../../../js/data/data-processor'\nimport { AccoListerContentTemplate } from './w-acco-lister__content.template'\nimport Component from '../../../js/core/component/component'\nimport Img from '../../components/img/main'\nimport registeredEvents from '../../../js/helpers/registered-events'\nimport { accoListerEvents } from './event-types'\nimport { getACMPriceLabel } from '../../components/price/c-price.template'\nconst EventEmitter = require('eventemitter3')\n\nconst ACM_MODAL_ID_SUFFIX = '__acm-modal'\n\nconst widgetApi = 'w-acco-lister'\nconst widgetQueries = {\n urlAttr: `data-${widgetApi}__url`,\n urlAcmAttr: `data-${widgetApi}__acm-base-url`,\n priceLabelTextAttr: `data-${widgetApi}__price-label-text`,\n sliderAttr: `data-${widgetApi}-slider`,\n variantAttr: `data-${widgetApi}__variant`,\n showCtaButtonAttr: `data-${widgetApi}__show-cta-button`,\n ctaButtonTextAttr: `data-${widgetApi}__cta-button-text`,\n extraParams: 'input[type=\"hidden\"]',\n resultsElement: '.w-acco-lister__results',\n trackAttr: 'data-track'\n}\n\nexport default class AccoLister {\n /**\n * Creates a new AccoLister\n *\n * @constructor\n *\n * @param {HTMLElement} element - The HTML widget element.\n * @param {options} [options={}] - Options object\n *\n */\n constructor (element, options = {}) {\n this.element = element\n this.acmModalId = `${widgetApi}-${this.element.id}${ACM_MODAL_ID_SUFFIX}`\n this.resultsElement = this.element.querySelector(widgetQueries.resultsElement)\n this.packageItems = []\n this.events = new EventEmitter()\n this.track = this.element.hasAttribute(widgetQueries.trackAttr) ? this.element.attributes[widgetQueries.trackAttr].value : null\n\n registeredEvents.registerWidgetEvents(widgetApi, this.events, {\n ...this.element.hasAttribute(widgetQueries.trackAttr) && { track: this.element.attributes[widgetQueries.trackAttr].value }\n })\n\n this.options = {\n ...{\n url: this.element.getAttribute(widgetQueries.urlAttr),\n acmBaseUrl: this.element.getAttribute(widgetQueries.urlAcmAttr),\n priceLabelText: this.element.getAttribute(widgetQueries.priceLabelTextAttr),\n variant: this.element.getAttribute(widgetQueries.variantAttr) || 'default',\n showCtaButton: this.element.getAttribute(widgetQueries.showCtaButtonAttr) || false,\n ctaButtonText: this.element.getAttribute(widgetQueries.ctaButtonTextAttr) || '',\n urlParams: this.getExtraParameters()\n },\n ...options\n }\n if (!options.items) {\n this.fetchAndUpdate()\n .catch(e => console.warn(e))\n } else {\n this.resultsElement.innerHTML = this.getAccoListerTipsTemplate(options)\n bindClickEventToResults(this.packageItems, this._getLinksForEachResult(), this.onClickItem, this.events)\n }\n\n // Expose component public API\n this.element[widgetApi] = {\n element: this.element,\n options: this.options\n }\n }\n\n // Return an acco-lister with the packages in 'options.items'\n getAccoListerTipsTemplate (options = []) {\n if (!options.items || !options.items.length > 0) return null\n this.events.emit(accoListerEvents.ACCO_LISTER_PRINTED, options.items)\n options.items = options.items.map(item => {\n const modalId = options.acmModalId ? options.acmModalId : this.acmModalId\n return processPackageItem(item,\n {\n acmModalId: modalId,\n acmHideInfoIcon: !!item.price.mandatoryExtraCostsText,\n priceLegend: this.options.priceLabelText,\n priceLabel: item.price.priceDiscounts?.description,\n priceLabel2: item.price.mandatoryExtraCostsText && item.price.acmInformation\n ? getACMPriceLabel({ ...item, text: item.price.mandatoryExtraCostsText, staticText: item.price.staticText, acmUrl: item.price.acmInformation.acmUrl, modalId })\n : item.price.staticText,\n priceLabelGrayed: true,\n acmBaseUrl: this.options.acmBaseUrl,\n originList: options.originList ? options.originList : 'acco-lister'\n })\n })\n\n this.packageItems = options.items\n options.showCtaButton = this.options.showCtaButton\n options.ctaButtonText = this.options.ctaButtonText\n const accoListerContent = AccoListerContentTemplate(options)\n return accoListerContent\n }\n\n getExtraParameters () {\n const extraParamsElements = this.element.querySelectorAll(widgetQueries.extraParams)\n return extraParamsElements\n ? [...extraParamsElements].reduce((obj, el) => {\n obj[el.name] = el.value\n return obj\n }, {})\n : undefined\n }\n\n async fetchAndUpdate () {\n const absoluteUrl = getUrlFromString(this.options.url, this.options.urlParams)\n const results = await fetchJsonData(absoluteUrl, { fullReferrerOnCrossOrigin: true })\n\n if (results) {\n this.element.classList.remove('is-loading')\n this.resultsElement.innerHTML = this.getAccoListerTipsTemplate({\n id: this.element.id,\n variant: this.options.variant,\n items: results.results,\n track: this.track ? this.track : null\n })\n bindClickEventToResults(this.packageItems, this._getLinksForEachResult(), this.onClickItem, this.events)\n Component.initDocumentComponentsFromAPI(this.element)\n Component.initComponentActionElements(this.element)\n Img.createInstancesOnDocument(this.element)\n }\n }\n\n _getLinksForEachResult () {\n const resultElements = Array.from(this.resultsElement.querySelectorAll('.c-package-item'))\n return resultElements.map(result => Array.from(result.querySelectorAll('.c-package-item__link')))\n }\n\n onClickItem (ev, result, events) {\n events.emit(accoListerEvents.ACCO_LISTER_ITEM_CLICKED, { data: { ...result }, event: ev })\n }\n}\n\nregisterWidget(AccoLister, widgetApi)\n","import { registerWidget } from '../../../js/core/widget/widget-directory'\nimport { SearchResultTemplate } from '../../components/search-result/c-search-result.template'\nimport { LoaderTemplate } from '../../components/loader/c-loader.template'\nimport { register } from '../../../js/document/namespace'\nimport { language } from '../../../js/user/locale-settings'\nimport Component from '../../../js/core/component/component'\nimport { FILTER_TYPES } from '../../../js/data/filters/config'\nimport { elementFromString, getData } from '../../../js/document/html-helper'\nimport registeredEvents from '../../../js/helpers/registered-events'\nimport { debounce } from '../../../js/utils'\nimport { searchMap as searchMapEvents } from './event-types'\n\nconst widgetApi = 'w-search-map'\nconst globalLocales = register(`window.sundio.i18n.${language}.global`)\nconst componentLocales = register(`window.sundio.i18n.${language}.search`)\n\nconst EventEmitter = require('eventemitter3')\n\nconst maxCountryZoomLevel = 5\nconst maxRegionZoomLevel = 8\n\nconst delayMilliseconds = 100\n\nconst widgetQueries = {\n modal: `.${widgetApi}__modal`,\n mapInteractive: 'c-map-interactive',\n mapInteractiveContainer: 'c-map-interactive__container',\n results: `.${widgetApi}__search-results`,\n resultsContainer: `.${widgetApi}__search-results-container`,\n infoWindowContainer: `${widgetApi}__info-window-container`,\n searchModal: 'w-search__modal',\n trackAttr: 'data-track',\n refreshBtn: `${widgetApi}__refresh-btn`,\n resultsBtn: `${widgetApi}__results-btn`,\n filtersBtn: `${widgetApi}__filters-btn`,\n resultsShowingDestinationsClass: `${widgetApi}__search-results__showing-destinations`,\n refreshBtnShowingDestinationsClass: `${widgetApi}__refresh-btn__showing-destinations`,\n resultsHideClass: 'w-search__results-hide',\n filtersHideClass: 'w-search__filters-hide',\n searchResult: `${widgetApi}__search-result`,\n searchResultIdAttr: `data-${widgetApi}___search-result-id`,\n mapFilters: `.${widgetApi}__search-filters`,\n filtersContainer: `.${widgetApi}__search-filters-container`,\n btnGroup: '[data-js-component=\"c-button-group\"]',\n btnGroupApi: 'c-button-group',\n search: '.w-search',\n searchFiltersId: 'w-search__filters',\n selectedFiltersContent: `.${widgetApi}__selected-filters-content`,\n searchSelectedFilters: '.w-search__selected-filters',\n mapLoader: 'w-search-map__loader-container',\n mobileFilterBtn: `.${widgetApi}__mobile-filters-btn`,\n noAccommodationResultsClass: 'w-search-map__search-results-container-no-accommodation-results',\n leftWrapper: `.${widgetApi}__left-wrapper`\n}\n\nrequire('../../components/map-interactive/main')\nrequire('../../components/modal/main')\nexport default class SearchMap {\n constructor (element, options = {}) {\n this.element = element\n this._getHtmlElements()\n this.mapApi = this.mapInteractive[widgetQueries.mapInteractive]\n this.data = options.data\n this.settings = { ...getData(this.element), ...options }\n\n this.modal['c-modal'].events.on('opening', this._openingMap, this)\n\n this.modal['c-modal'].events.on('opened', this._onOpenModal, this)\n this.modal['c-modal'].events.on('closed', this._closeMap, this)\n\n this.searchModal['c-modal'].events.on('opening', this._openAcmModal, this)\n this.searchModal['c-modal'].events.on('closed', this._closeAcmModal, this)\n\n this.btnGroupApi = this.btnGroup[widgetQueries.btnGroupApi]\n\n this.btnGroupApi.events.on('changeActiveElement', el => {\n this._changeActiveTab(el)\n })\n\n this.events = new EventEmitter()\n\n this.locals = this._getLocales()\n\n this.emitChange = () => this.events.emit('change')\n this.onBoundsChangedDebounce = debounce(this.emitChange, 750)\n\n this.element[widgetApi] = {\n element: this.element,\n events: this.events,\n setMapData: this._setMapData.bind(this),\n getGeoBoundingBox: this._getGeoBoundingBox.bind(this),\n getLimit: this._getLimit.bind(this),\n enableMap: this._enableMap.bind(this),\n isOpen: this._isOpen.bind(this),\n clearMap: this._clearMap.bind(this),\n modalAPI: this.modal['c-modal']\n }\n\n registeredEvents.registerWidgetEvents(widgetApi, this.events, {\n ...this.element.hasAttribute(widgetQueries.trackAttr) && { track: this.element.attributes[widgetQueries.trackAttr].value }\n })\n\n this.refreshBtn.addEventListener('click', () => this._refreshBtnClick())\n\n this.searchFilters['c-side-drawer'].events.on('opened', () => this._openFilters())\n this.searchFilters['c-side-drawer'].events.on('closed', () => this._closeFilters())\n this.closeFiltersBtn.addEventListener('click', () => this._clickCloseFiltersBtn())\n\n this.resultType = this.settings.useDestinationClustering ? 'Country' : 'Accommodation'\n }\n\n _getHtmlElements () {\n this.results = this.element.querySelector(widgetQueries.results)\n this.resultsContainer = this.element.querySelector(widgetQueries.resultsContainer)\n this.modal = document.querySelector(widgetQueries.modal)\n this.mapInteractive = this.element.querySelector(`.${widgetQueries.mapInteractive}`)\n this.mapInteractiveContainer = this.element.querySelector(`.${widgetQueries.mapInteractiveContainer}`)\n this.searchModal = document.getElementById(`${widgetQueries.searchModal}`)\n this.refreshBtn = this.element.querySelector(`.${widgetQueries.refreshBtn}`)\n this.resultsBtn = this.element.querySelector(`.${widgetQueries.resultsBtn}`)\n this.filtersBtn = this.element.querySelector(`.${widgetQueries.filtersBtn}`)\n this.mapFilters = this.element.querySelector(`${widgetQueries.mapFilters}`)\n this.btnGroup = this.element.querySelector(`${widgetQueries.btnGroup}`)\n this.filterResultsContainer = this.element.querySelector(`${widgetQueries.filterResultsContainer}`)\n this.searchElement = document.querySelector(widgetQueries.search)\n this.searchFilters = document.getElementById(widgetQueries.searchFiltersId)\n this.searchFiltersParentElement = this.searchFilters.parentElement\n this.mapFiltersContainer = this.element.querySelector(`${widgetQueries.filtersContainer}`)\n this.searchSelectedFilters = document.querySelector(`${widgetQueries.searchSelectedFilters}`)\n this.searchSelectedFiltersParentElement = this.searchSelectedFilters.parentElement\n this.mapLoader = this.element.querySelector(`.${widgetQueries.mapLoader}`)\n this.mobileFilterBtn = this.element.querySelector(`${widgetQueries.mobileFilterBtn}`)\n this.closeFiltersBtn = this.searchFilters.querySelector('.w-search__filters-apply')\n this.leftWrapper = this.element.querySelector(`${widgetQueries.leftWrapper}`)\n }\n\n _setMapData (data, filtersCollection, selectedValues, geoBoundingFiltered) {\n this.data = data\n this.filtersCollection = filtersCollection\n this.changedData = true\n this._setResultType(selectedValues, geoBoundingFiltered)\n if (this.opened) this._refreshMap(geoBoundingFiltered)\n }\n\n _openingMap () {\n if (!this.settings.useDestinationClustering) {\n this.resultsBtn.click()\n }\n if (this.searchFilters) {\n this.mapFiltersContainer.appendChild(this.searchFilters)\n }\n }\n\n _onOpenModal () {\n this._waitForLoadedMapBeforeOpening()\n this._isBodyScrollingLocked(true)\n this.opened = true\n }\n\n _isBodyScrollingLocked (value) {\n document.documentElement.style.overflow = value ? 'hidden' : 'scroll'\n document.body.scroll = value ? 'no' : 'yes'\n }\n\n _openMap () {\n if (this.loadOnOpen()) {\n this.events.emit('onRefreshMap', { resultType: 'Reload', markerId: null })\n this.postRefreshMap()\n return\n }\n\n if (this.data && this.changedData) {\n this._clearMap()\n this._refreshMap(false)\n }\n this.postRefreshMap()\n this.mapApi.zoomToMarkers()\n }\n\n postRefreshMap () {\n this.btnGroup.style.display = 'flex'\n this.refreshBtn.style.display = 'inline-block'\n this._addEventsOnceToMap()\n }\n\n loadOnOpen () {\n const mapResultsLessThanMapLimit = this.data.results.length < this.settings.mapLimit\n const aNewCallWouldReturnMoreResults = this.data.results.length < this.data.pagination.totalResults\n\n return this.settings.loadOnOpen && mapResultsLessThanMapLimit && aNewCallWouldReturnMoreResults && this.changedData && !this.settings.useDestinationClustering\n }\n\n _waitForLoadedMapBeforeOpening () {\n if (window.google && window.google.maps) {\n this._openMap()\n } else {\n setTimeout(() => {\n this._waitForLoadedMapBeforeOpening()\n }, delayMilliseconds)\n }\n }\n\n _refreshBtnClick () {\n this.events.emit('onRefreshMap', { resultType: 'Destination', markerId: null })\n this.events.emit(searchMapEvents.SEARCH_MAP_REFRESH)\n }\n\n _enableMap (enabled) {\n if (!enabled) {\n this._emptyResultsContainer()\n }\n this._enableRefreshBtn(enabled)\n this._addLoaderOnResultsContainer(!enabled)\n this._enableMapComponent(enabled)\n this._enableMobileFilterBtn(enabled)\n this._enableMobileCloseFiltersBtn(enabled)\n }\n\n _enableMapComponent (enabled) {\n this.mapInteractive[enabled ? 'removeAttribute' : 'setAttribute']('disabled', true)\n }\n\n _enableRefreshBtn (enabled) {\n this.refreshBtn['c-btn'].setProps({\n disabled: !enabled,\n loading: !enabled\n })\n }\n\n _enableMobileFilterBtn (enabled) {\n this.mobileFilterBtn['c-btn'].setProps({\n disabled: !enabled\n })\n }\n\n _enableMobileCloseFiltersBtn (enabled) {\n this.closeFiltersBtn['c-btn'].setProps({\n disabled: !enabled\n })\n }\n\n _closeMap () {\n this._closeFilters()\n this.searchFilters['c-side-drawer'].close()\n if (this.searchFilters) {\n this.searchFiltersParentElement.appendChild(this.searchFilters)\n }\n\n this._clearInfoWindow()\n this._clearActiveMarker()\n this._isBodyScrollingLocked(false)\n this.opened = false\n this.events.emit(searchMapEvents.SEARCH_MAP_CLOSED)\n }\n\n _emptyResultsContainer () {\n this.resultsContainer.innerHTML = ''\n if (this.resultType === 'Accommodation' || (this.data && this.data.pagination.totalResults === 0)) {\n this.resultsContainer.classList.add(widgetQueries.noAccommodationResultsClass)\n } else {\n this.resultsContainer.classList.remove(widgetQueries.noAccommodationResultsClass)\n }\n }\n\n _addSearchResultsOnResultsContainer (searchResultsTemplate) {\n this._emptyResultsContainer()\n searchResultsTemplate.forEach(searchResultTemplate => {\n this.resultsContainer.innerHTML += searchResultTemplate\n })\n\n this.initAPI(this.resultsContainer)\n }\n\n initAPI (element) {\n Component.initDocumentComponentsFromAPI(element)\n Component.initComponentActionElements(element)\n }\n\n _createSearchResultTemplate (searchResultsData) {\n const searchResultsTemplate = searchResultsData.filter(searchResultData => !!searchResultData.geolocation).map(searchResultData => {\n return SearchResultTemplate({\n ...searchResultData,\n variant: 'compact',\n extraClasses: widgetQueries.searchResult,\n map: true,\n attributes: { [widgetQueries.searchResultIdAttr]: searchResultData.id }\n },\n this.locals)\n })\n return searchResultsTemplate\n }\n\n _attachSearchResultEvent (searchResultsTemplate) {\n Array.from(searchResultsTemplate.children).forEach(searchResultTemplate => {\n const searchResultMarker = this.mapApi.getMarker(searchResultTemplate.getAttribute(widgetQueries.searchResultIdAttr))\n const searchResultMarkerActiveClass = `${widgetQueries.mapInteractive}__custom-marker--active`\n searchResultTemplate.addEventListener('mouseenter', () => {\n if (!searchResultMarker.label.className.includes(searchResultMarkerActiveClass)) {\n this.mapApi.setLabelMarker(searchResultMarker, searchResultMarker.label.text, false, true, true)\n if (!searchResultMarker.getMap()) {\n this.cloneMarkerId = searchResultMarker.markerId + '_clone'\n this.clonedMarker = this.mapApi.getMarker(this.cloneMarkerId)\n if (!this.clonedMarker) {\n this.mapApi.addMarker(\n this.cloneMarkerId,\n searchResultMarker.position.lat(),\n searchResultMarker.position.lng(),\n searchResultMarker.icons,\n searchResultMarker.markerType,\n false,\n [],\n searchResultMarker.label.text,\n searchResultMarker.resultType\n )\n this.clonedMarker = this.mapApi.getMarker(this.cloneMarkerId)\n } else {\n this.clonedMarker.setMap(this.mapApi.getMap())\n }\n\n this._showClusterWithMarker(searchResultMarker.markerId, false)\n this.mapApi.setLabelMarker(this.clonedMarker, searchResultMarker.label.text, false, true, true)\n }\n }\n })\n searchResultTemplate.addEventListener('mouseleave', () => {\n if (!searchResultMarker.label.className.includes(searchResultMarkerActiveClass)) {\n this.mapApi.setLabelMarker(searchResultMarker, searchResultMarker.label.text, false, false)\n if (!searchResultMarker.getMap()) {\n this.clonedMarker.setMap(null)\n this.clonedMarker = null\n this._showClusterWithMarker(searchResultMarker.markerId, true)\n }\n }\n })\n })\n }\n\n _showClusterWithMarker (id, show) {\n const clusterer = this.mapApi.getMarkerClusterer()\n if (!clusterer) return\n if (show) {\n for (const marker in clusterer.markers_) {\n clusterer.markers_[marker].setVisible(show)\n }\n } else {\n const cluster = this._getClusterContainingMarker(clusterer, id)\n if (!cluster) return\n for (const marker in cluster.markers_) {\n cluster.markers_[marker].setVisible(show)\n }\n }\n clusterer.repaint()\n }\n\n _getClusterContainingMarker (clusterer, id) {\n const clusters = clusterer.getClusters()\n let foundCluster = null\n for (const cluster of clusters) {\n for (const marker of cluster.markers_) {\n if (marker.markerId === id) {\n foundCluster = cluster\n break\n }\n }\n if (foundCluster) {\n break\n }\n }\n\n return foundCluster\n }\n\n _addLoaderOnResultsContainer (add) {\n if (add) {\n const loader = LoaderTemplate({ extraClasses: 'w-search-map__results-loader' })\n this.resultsContainer.innerHTML = loader\n this.mapLoader.classList.add('active')\n } else {\n this.mapLoader.classList.remove('active')\n }\n }\n\n _getResultsToShow () {\n return (this.settings.useDestinationClustering && this.resultType !== 'Accommodation'\n ? this._buildDestinationResults(this.filtersCollection, this.resultType)\n : this.data.results) || []\n }\n\n _refreshMap (zoomEvent = false) {\n const results = this._getResultsToShow(this.resultType)\n\n if (results) {\n if (!results.length) {\n this._enableMap(true)\n this._emptyResultsContainer()\n return\n }\n this._setResultsMarkers(results, zoomEvent)\n\n this.updateResults(results)\n this._enableMap(true)\n }\n\n this.changedData = false\n }\n\n _setResultsMarkers (results, zoomEvent) {\n results.forEach((result, i) => {\n if (result.geolocation) {\n const latitude = parseFloat(result.geolocation.latitude)\n const longitude = parseFloat(result.geolocation.longitude)\n const icon = this.settings.marker\n const icons = {\n default: icon,\n active: false\n }\n this.mapApi.addMarker(\n result.id || result.value,\n latitude,\n longitude,\n icons,\n result.isUnavailable ? 'unavailable' : 'nearby',\n true,\n result.isDestination\n ? [{ type: 'click', callBack: this.zoomCluster.bind(this) }]\n : [{ type: 'click', callBack: this.clickOnPriceMarker.bind(this) },\n { type: 'mouseover', callBack: this._highlightSearchResult.bind(this) },\n { type: 'mouseout', callBack: this._highlightSearchResult.bind(this) }],\n result.isUnavailable ? ' ' : result.isDestination ? result.count.toString() : this._formatPrice(result.price),\n result.type\n )\n }\n })\n\n if (!zoomEvent) {\n this.mapApi.zoomToMarkers()\n }\n\n if (this.resultType === 'Accommodation' && this.settings.useAccommodationClustering) {\n setTimeout(() => {\n this.mapApi.createClusterMarkers({\n gridSize: parseInt(this.settings.gridSize),\n minimumClusterSize: parseInt(this.settings.minimumClusterSize)\n })\n }, delayMilliseconds)\n } else {\n this.mapApi.removeClusterMarkers()\n }\n }\n\n zoomCluster (ev, marker, map) {\n this.mapApi.panTo(marker.internalPosition)\n this._clearMap()\n this.events.emit('onClusterClick', marker)\n }\n\n _highlightSearchResult (ev, marker, map) {\n const highlightClassName = `${widgetQueries.searchResult}--highlighted`\n const searchResultSelected = this.resultsContainer.querySelector(`[${widgetQueries.searchResultIdAttr}=\"${marker.markerId}\"]`)\n if (ev.domEvent.type === 'mouseover') {\n searchResultSelected.classList.add(highlightClassName)\n }\n if (ev.domEvent.type === 'mouseout') searchResultSelected.classList.remove(highlightClassName)\n }\n\n _formatPrice (price) {\n return `${price.currencySettings.symbolPosition === 'BeforeAmount' ? price.currencySettings.symbol : ''}${price.averagePrice}${price.currencySettings.symbolPosition === 'AfterAmount' ? price.currencySettings.symbol : ''}`\n }\n\n _clearMap () {\n this.mapApi.clearMarkers()\n this._clearInfoWindow()\n this._enableMap(false)\n }\n\n _showInfoCard (ev, marker, map) {\n if (this.activeInfoWindow) this.activeInfoWindow.close()\n this._clearInfoWindow()\n\n const result = this.data.results.find(r => r.id === marker.markerId)\n const cardHtml = SearchResultTemplate({\n ...result,\n variant: 'condensed-tiny',\n extraClasses: `${widgetApi}__search-result`,\n map: true\n },\n this.locals)\n this._createInfoWindow()\n this.infoWindowContainer.innerHTML = cardHtml\n\n this.initAPI(this.infoWindowContainer)\n\n window.google.maps.event.addListenerOnce(map, 'click', () => {\n this._clearInfoWindow()\n this._clearActiveMarker()\n })\n }\n\n clickOnPriceMarker (ev, marker, map) {\n this._showInfoCard(ev, marker, map)\n this.resultsBtn.click()\n }\n\n _clearActiveMarker () {\n const activeMarker = this.mapApi.getActiveMarker()\n if (activeMarker) {\n activeMarker.visited = true\n this.mapApi.setLabelMarker(activeMarker, activeMarker.label.text, false, false)\n this.mapApi.removeActiveMarker()\n }\n }\n\n _createInfoWindow () {\n this.infoWindowContainer = elementFromString(``)\n this.mapInteractiveContainer.appendChild(this.infoWindowContainer)\n }\n\n _clearInfoWindow () {\n if (this.infoWindowContainer) this.infoWindowContainer.remove()\n this.infoWindowContainer = null\n }\n\n updateResults (results) {\n if (results.every(r => r.isDestination)) {\n this._emptyResultsContainer()\n this.initAPI(this.resultsContainer)\n } else {\n const searchResultsTemplate = this._createSearchResultTemplate(results)\n this._addSearchResultsOnResultsContainer(searchResultsTemplate)\n this._attachSearchResultEvent(this.resultsContainer)\n }\n }\n\n _getLocales () {\n const customLocaleElement = document.querySelector(`[data-type=\"i18n\"][data-uid=\"${this.searchElement.id}\"]`)\n let customLocaleData = null\n try {\n customLocaleData = JSON.parse(customLocaleElement.textContent)\n } catch (err) { }\n\n return { ...globalLocales, ...componentLocales, ...(customLocaleData || {}) }\n }\n\n _openAcmModal () {\n if (this.opened) {\n this.searchModal.classList.add('w-search__modal-on-open-map')// z-index 1001\n const lastBackdrop = [...document.querySelectorAll('.c-backdrop.c-backdrop--ds.in')].slice(-1).pop()// take last opened backdrop\n lastBackdrop.classList.add('w-search__modal__backdrop-on-open-map')// z-index 1000\n }\n }\n\n _closeAcmModal () {\n if (this.opened) {\n this.searchModal.classList.remove('w-search__modal-on-open-map')\n const lastBackdrop = [...document.querySelectorAll('.c-backdrop.c-backdrop--ds.in')].slice(-1).pop()\n lastBackdrop.classList.remove('w-search__modal__backdrop-on-open-map')\n }\n }\n\n _buildDestinationResults (filters, resultType) {\n if (resultType === 'Country' || resultType === 'Region') {\n const filter = filters.models.find(model => model.getAttribute('type') === resultType || model.getAttribute('type') === FILTER_TYPES.DESTINATION)\n\n if (!filter) return\n\n const results = filter.values.models\n .filter(model => model.getValueFromMetaData('Type').toLowerCase() === resultType.toLowerCase() && model.getValueFromMetaData('Latitude') && model.getValueFromMetaData('Longitude') && model.getAttribute('isSelected') === this.destinationFiltered)\n .map(value => ({\n value: value.getAttribute('value'),\n type: resultType,\n isDestination: true,\n count: value.getAttribute('count'),\n geolocation: {\n latitude: value.getValueFromMetaData('Latitude'),\n longitude: value.getValueFromMetaData('Longitude')\n }\n }))\n\n if (results.length > 1) {\n return results\n } else {\n this.resultType = 'Accommodation'\n return this.data.results\n }\n }\n }\n\n _getGeoBoundingBox () {\n if (this.mapApi && this.opened) {\n const bounds = this.mapApi.getBounds()\n if (bounds) {\n const ne = bounds.getNorthEast()\n const sw = bounds.getSouthWest()\n const map = {\n Map: [ne.lat(), sw.lng(), sw.lat(), ne.lng()]\n }\n return map\n }\n }\n }\n\n _getLimit () {\n return this.settings.mapLimit\n }\n\n _changeActiveTab (button) {\n if (button.classList.contains(widgetQueries.resultsBtn)) {\n this.results.classList.remove(widgetQueries.resultsHideClass)\n this.mapFilters.classList.add(widgetQueries.filtersHideClass)\n } else if (button.classList.contains(widgetQueries.filtersBtn)) {\n this.results.classList.add(widgetQueries.resultsHideClass)\n this.mapFilters.classList.remove(widgetQueries.filtersHideClass)\n this.events.emit('filtersOpen')\n }\n }\n\n _isOpen () {\n return this.opened\n }\n\n _addEventsOnceToMap () {\n if (this.addedEvents) return\n if (this.settings.useDestinationClustering) {\n window.google.maps.event.addListener(this.mapApi.getMap(), 'zoom_changed', () => {\n const zoomLevel = this.mapApi.getMap().zoom\n if (zoomLevel <= maxCountryZoomLevel) {\n this.resultType = 'Country'\n } else if (zoomLevel > maxCountryZoomLevel && zoomLevel <= maxRegionZoomLevel) {\n this.resultType = 'Region'\n } else {\n this.resultType = 'Accommodation'\n }\n })\n }\n // With this the map would be reloaded automatically\n // window.google.maps.event.addListener(this.mapApi.getMap(), 'idle', () => this.onBoundsChangedDebounce())\n this.addedEvents = true\n }\n\n _setResultType (selectedValues, geoBoundingFiltered) {\n if (selectedValues.Destination) {\n const destinationFilter = this.filtersCollection.models.find(model => model.getAttribute('type') === FILTER_TYPES.DESTINATION)\n const selectedCountries = destinationFilter.values.models.filter(model => model.attributes.type === 'country' && model.attributes.isSelected)\n const selectedRegions = destinationFilter.values.models.filter(model => model.attributes.type === 'region' && model.attributes.isSelected && !selectedCountries.includes(model.attributes.parentId))\n const selectedCities = destinationFilter.values.models.filter(model => model.attributes.type === 'city' && model.attributes.isSelected && !selectedRegions.includes(model.attributes.parentId))\n\n const shouldStayAtRegionLevel = selectedCountries.length > 0 || selectedRegions.length > 1\n this.destinationFiltered = shouldStayAtRegionLevel\n if (shouldStayAtRegionLevel) {\n this.resultType = 'Region'\n } else if (selectedRegions.length === 1 || selectedCities.length > 0 || !this.settings.useDestinationClustering) {\n this.resultType = 'Accommodation'\n } else if (!geoBoundingFiltered) {\n this.resultType = 'Country'\n }\n } else {\n const shouldStayAtRegionLevel = selectedValues.Region && selectedValues.Region.length >= 2 && this.settings.useDestinationClustering\n if (shouldStayAtRegionLevel) {\n this.resultType = 'Region'\n this.destinationFiltered = true\n return\n }\n\n if (selectedValues.Region || selectedValues.City || !this.settings.useDestinationClustering) {\n this.resultType = 'Accommodation'\n } else if (selectedValues.Country) {\n this.resultType = 'Region'\n } else if (!geoBoundingFiltered) {\n this.resultType = 'Country'\n }\n this.destinationFiltered = false\n }\n }\n\n _openFilters () {\n if (this.opened) {\n this.filtersBtn.click()\n this.leftWrapper.classList.add('in')\n this.mapFilters.classList.add('in')\n const backdrop = elementFromString('')\n this.element.appendChild(backdrop)\n backdrop.addEventListener('click', () => {\n this._closeFilters()\n this.searchFilters['c-side-drawer'].close()\n })\n const lastBackdrop = [...document.querySelectorAll('.c-backdrop.c-backdrop--ds.in')].slice(-1).pop()// take last opened backdrop\n lastBackdrop.style.display = 'none'\n this.events.emit('filtersOpen')\n }\n }\n\n _closeFilters () {\n if (this.opened) {\n this.leftWrapper.classList.remove('in')\n this.searchFilters.classList.remove('in')\n this.mapFilters.classList.remove('in')\n const backdrop = this.element.querySelector('.w-search-map__filters-backdrop')\n if (backdrop) backdrop.remove()\n this.mapApi.zoomToMarkers()\n }\n }\n\n _clickCloseFiltersBtn () {\n this._closeFilters()\n }\n}\n\nregisterWidget(SearchMap, widgetApi)\n","/**\n * List of events used by search widget\n *\n */\nexport const search = {\n SEARCH_FILTERS_APPLIED: 'Search.FiltersApplied',\n SEARCH_RESULTS: 'Search.Results',\n SEARCH_ERROR: 'Search.Error',\n SEARCH_REMOVE_SINGLE_CHIP_FILTER: 'Search.RemoveSingleChipFilter',\n SEARCH_RESULT_CLICK: 'Search.ResultClick',\n SEARCH_MODIFIER_CHANGE: 'Search.ModifierChanged',\n SEARCH_SORT_CHANGE: 'Search.SortingChanged',\n SEARCH_PAGINATION_CHANGE: 'Search.PaginationChanged',\n SEARCH_MAP_OPENED: 'Search.MapOpened'\n}\n","import { TitleTemplate } from '../title/c-title.template'\nimport { defaultBoxData, BoxTemplate } from '../box/c-box.template'\n\nexport const defaultSearchMessageData = {\n id: '',\n isHidden: true,\n extraClasses: '',\n variant: 'flat',\n attributes: '',\n type: 'info'\n}\n\nexport const SearchMessageTemplate = (d, staticTexts) => {\n d = { ...defaultSearchMessageData, ...d }\n return `\n\n\n\n\n`\n}\n","import { TitleTemplate } from '../title/c-title.template'\nimport { LabelTemplate } from '../label/c-label.template'\nimport { ImgTemplate } from '../img/c-img.template'\nimport { BulletListTemplate } from '../bullet-list/c-bullet-list.template'\n\nimport { getTokenClass, getToken } from '../../../js/helpers/tokens'\nimport { getCollectionIcon } from '../../../js/helpers/collection-mapper'\n\n// Import tokens.\nconst tokensShared = require('./data/c-collection-teaser__tokens.json')['c-collection-teaser']\nconst tokensBrand = (() => {\n try {\n return require(`../../../../brands/${WEBPACK_BRAND}/modules/components/collection-teaser/data/c-collection-teaser__tokens.json`)[ // eslint-disable-line\n 'c-collection-teaser'\n ]\n } catch (error) {\n return {}\n }\n})()\nconst tokens = { ...tokensShared, ...tokensBrand }\n\n// Import cross-component shared tokens.\nconst tokensCollections = (() => {\n try {\n return require(`../../../../brands/${WEBPACK_BRAND}/data/ds-tokens-shared.json`)['collections']; // eslint-disable-line\n } catch (error) {\n return {}\n }\n})()\n\n/**\n * The CollectionTeaserData contains all the data needed to hydrate a CollectionTeaser view.\n *\n * @typedef {Object} CollectionTeaserData\n *\n * @property {String} Collection - Collection name.\n * @property {Boolean} CollectionLabelHidden - Collection label should be hidden.\n * @property {ImgData} Image - The associated image block.\n * @property {String} Title - The title of the collection teaser.\n * @property {Array} Usps - List of collection USPs.\n * @property {String} Html - HTML snippet\n * @property {String} [Variant] - The variant of the component.\n */\nexport const defaultCollectionTeaserData = {\n collection: '',\n collectionLabelHidden: true,\n image: {},\n title: '',\n usps: [],\n html: '',\n variant: ''\n}\n\nexport const CollectionTeaserTemplate = d => {\n d = { ...defaultCollectionTeaserData, ...d }\n const collectionId = d.collection ? d.collection.id : ''\n const collectionToken = getToken('collection', collectionId, tokensCollections) || undefined\n\n if (!collectionToken) return ''\n\n return `\n\n`\n}\n","/**\n * ---------------\n * README\n * ---------------\n * âš About this âš \n *\n * The reason to have this file here, is because the differences on data models in between\n * Sitecore and Design System components. The responsibility of this file is, given an API\n * model, obtain a ready to render model.\n *\n */\n\nimport { getProcessedCollectionDataFromItem } from '../../../js/helpers/collection-mapper'\n\nconst DEFAULT_OPTIONS = {\n imageSettings: {\n sync: true,\n ratio: '16:9'\n },\n variant: 'large'\n}\n\nexport const processCollectionTeaserData = (item) => ({\n collection: getProcessedCollectionDataFromItem(item),\n image: {\n ...DEFAULT_OPTIONS.imageSettings,\n resolvedSrc: item.image,\n title: item.title\n },\n collectionLabelHidden: false,\n title: item.title,\n html: item.text,\n usps: item.usps,\n variant: DEFAULT_OPTIONS.variant\n})\n","import { RatingTemplate } from '../../components/rating/c-rating.template'\nimport { getData } from '../../../js/document/html-helper'\nimport { capitalizeString } from '../../../js/helpers/string'\nimport { FILTER_TYPES } from '../../../js/data/filters/config'\n// Ensure other child component APIs are loaded on time\nrequire('../../components/choice-list/main')\n\nconst widgetApi = 'w-choice-list-filter'\nconst widgetQueries = {\n choiceList: `[data-${widgetApi}__choice-list]`\n}\n\nexport default class ChoiceListFilter {\n /**\n * Creates a new ChoiceListFilter\n *\n * @constructor\n *\n * @param {HTMLElement} element - The element where to attach ChoiceListFilter\n * @param {FilterModel} filterModel - The associated FilterModel\n */\n constructor (element, filterModel) {\n this.element = element\n this.settings = { ...getData(this.element) }\n this.choiceListElement = this.element.querySelector(widgetQueries.choiceList)\n this.choiceListName = this.choiceListElement.id\n this.choiceListApi = this.choiceListElement['c-choice-list']\n\n this.isDynamic = this.settings.isDynamic\n\n this.setFilterModel(filterModel)\n\n // Bind choice list events to filterModel\n this.choiceListApi.events.on('changeOptions', () => {\n this.setChoiceListOptionsToFilter()\n })\n }\n\n /**\n * Set the current filterModel\n * - Set given filterModel to filterModel self property\n * - Set options on choice list\n * - Bind filter model events\n *\n * @param {FilterModel} filterModel - The associated FilterModel\n *\n * @returns {ChoiceListFilter} self instance\n */\n setFilterModel (filterModel) {\n this.filterModel = filterModel\n // Setting options silently so that value prop changed is not triggered in case it changes when changing options\n const setChoiceListOptions = () => {\n if (this.isDynamic) {\n this.choiceListApi.setProp('method', this.filterModel.getAttribute('isMultiselectable') ? 'multiple' : 'single', { silent: true })\n }\n this.choiceListApi.setProp('options', this.getChoiceListOptionsFromFilter(), { silent: true, isDynamic: this.isDynamic, forceUpdate: this.isDynamic })\n }\n setChoiceListOptions()\n\n this.filterModel.events.on('change', () => {\n setChoiceListOptions()\n })\n\n return this\n }\n\n /**\n * Set the current Choice List selectedValues to filter\n *\n * @returns {ChoiceListFilter} self instance\n */\n setChoiceListOptionsToFilter () {\n this.filterModel\n .clearSelection({ silent: true })\n .setSelectedValues(this.choiceListApi.getSelectedValues())\n return this\n }\n\n /**\n * Get the current ChoiceList options from filter\n *\n * @returns {defaultCheckboxData[] | defaultRadioButtonData[]} The parsed filter to ChoiceList options\n */\n getChoiceListOptionsFromFilter () {\n // Adding the default option as selected, in case no filterModel value is selected\n const groups = [...new Set(this.filterModel.values.models.map(model => model.getAttribute('groupInfo')))]\n if (!groups.some(value => value === null || value === undefined || value === '')) {\n return groups.map(group => ({\n id: group,\n name: this.choiceListName,\n value: group,\n text: capitalizeString(group),\n checked: false,\n disabled: false,\n items: this.filterModel.values.models.filter(model => model.getAttribute('groupInfo') === group).map(model => this._mapModel(model))\n }))\n }\n return this.filterModel.values.models.map(model => this._mapModel(model))\n }\n\n _mapModel (model) {\n return {\n id: model.getAttribute('value'),\n name: this.choiceListName,\n value: model.getAttribute('value'),\n text: this._generateOptionText(this.filterModel.getAttribute('type'), model),\n count: model.getAttribute('count'),\n checked: model.getAttribute('isSelected'),\n disabled: !model.getAttribute('isAvailable')\n }\n }\n\n _generateOptionText (type, model) {\n return type === FILTER_TYPES.STARS\n ? model.getAttribute('caption') === ''\n ? RatingTemplate({ value: model.getAttribute('value'), size: 'l' })\n : `${model.getAttribute('caption')} ${RatingTemplate({ value: model.getAttribute('value'), size: 'l' })}`\n : model.getAttribute('caption')\n }\n}\n","import registeredEvents from '../../../js/helpers/registered-events'\nimport { priceFilterEvents } from '../../../js/document/event-types'\n\nconst widgetApi = 'w-price-filter'\nconst widgetQueries = {\n range: `[data-${widgetApi}__range]`,\n track: 'data-track'\n}\n\nconst EventEmitter = require('eventemitter3')\n\nexport default class PriceFilter {\n /**\n * Creates a new PriceFilter\n *\n * @constructor\n *\n * @param {HTMLElement} element - The element where to attach PriceFilter\n * @param {FilterModel} filterModel - The associated FilterModel\n */\n constructor (element, filterModel) {\n this.element = element\n\n this.rangeElement = this.element.querySelector(widgetQueries.range)\n this.rangeApi = this.rangeElement['c-range']\n\n this.events = new EventEmitter()\n\n this.setFilterModel(filterModel)\n\n // Bind range events to filterModel\n this.rangeApi.events.on('change', () => {\n this.setRangeOptionsToFilter()\n })\n\n registeredEvents.registerWidgetEvents(widgetApi, this.events, {\n ...this.element.hasAttribute(widgetQueries.track) && { track: this.element.attributes[widgetQueries.track].value }\n })\n }\n\n /**\n * Set the current filterModel\n * - Set given filterModel to filterModel self property\n * - Set options on range\n * - Bind filter model events\n *\n * @param {FilterModel} filterModel - The associated FilterModel\n *\n * @returns {PriceFilter} self instance\n */\n setFilterModel (filterModel) {\n this.filterModel = filterModel\n // Setting options silently so that value prop changed is not triggered in case it changes when changing options\n const setRangeOptions = () => this.rangeApi.setProp('options', this.getRangeOptionsFromFilter(), { silent: true })\n\n setRangeOptions()\n\n this.filterModel.events.on('change', () => {\n setRangeOptions()\n this.events.emit(priceFilterEvents.PRICE_FILTERS_APPLIED, this.filterModel.getSelectedModels().map(\n (fm) => {\n return fm.attributes.caption\n })\n )\n })\n\n return this\n }\n\n /**\n * Set the current Range selectedValues to filter\n *\n * @returns {PriceFilter} self instance\n */\n setRangeOptionsToFilter () {\n const options = this.rangeApi.getProp('options')\n const selectedOptions = this.getSelectedOptions(options)\n\n this.filterModel\n .clearSelection({ silent: true })\n .setSelectedValues(selectedOptions)\n return this\n }\n\n getSelectedOptions (options) {\n const minIndex = this.rangeApi.getProp('rangeMin')\n const maxIndex = this.rangeApi.getProp('rangeMax')\n\n const selectedOptions = options.filter((option) => option.selected).map((option) => option.value)\n\n return selectedOptions[0] === options[minIndex].value && selectedOptions[selectedOptions.length - 1] === options[maxIndex].value\n ? []\n : selectedOptions\n }\n\n /**\n * Get the current Range options from filter\n *\n * @returns {RangeOptionData[]} The parsed filter to Dropdown options\n */\n getRangeOptionsFromFilter () {\n // Adding the default option as selected, in case no filterModel value is selected\n return this.filterModel.values.models.map(model => ({\n value: model.getAttribute('value'),\n text: model.getAttribute('caption'),\n selected: model.getAttribute('isSelected')\n }))\n }\n}\n","import DatesFilter from '../dates-filter/main'\nimport DropdownFilter from '../dropdown-filter/main'\nimport DropdownMultipleFilter from '../dropdown-multiple-filter/main'\nimport DropdownDynamicFilter from '../dropdown-dynamic-filter/main'\nimport DestinationFilter from '../destination-filter/main'\nimport ChoiceListFilter from '../choice-list-filter/main'\nimport PriceFilter from '../price-filter/main'\nimport ParticipantsFilter from '../participants-filter/main'\nimport AirportFilter from '../airport-filter/main'\nimport { FILTER_TYPES } from '../../../js/data/filters/config'\n\nexport const WIDGET_API = 'w-search'\n\nexport const COLLAPSE_API = 'c-collapse'\n\nexport const MAP_API = 'w-search-map'\n\nexport const ELEMENT_QUERIES = {\n urlAttr: `data-${WIDGET_API}__url`,\n campaignDetailsUrl: `data-${WIDGET_API}__campaign-details__url`,\n defaultQueryStringAttr: `data-${WIDGET_API}__default-querystring`,\n resultOnlyAttr: `data-${WIDGET_API}__results-only`,\n filtersElement: `.${WIDGET_API}__filters`,\n filtersTopElement: `.${WIDGET_API}__top-filters`,\n extraParams: 'input[type=\"hidden\"]',\n sortElement: `.${WIDGET_API}__sort`,\n filterElements: (id) => `[data-w-filters__id=\"${id}\"]`,\n filterViewAttr: 'data-w-filters__view',\n filterNameAttr: 'data-w-filters__name',\n filterGroups: `.${WIDGET_API}__box`,\n selectedFilters: `.${WIDGET_API}__selected-filters`,\n selectedFiltersChips: `.${WIDGET_API}__selected-chips`,\n selectedFiltersClear: `.${WIDGET_API}__clear`,\n totalResults: `[data-${WIDGET_API}__total-results]`,\n totalResultsAttr: `data-${WIDGET_API}__total-results`,\n availableResults: `[data-${WIDGET_API}__available-results]`,\n availableResultsAttr: `data-${WIDGET_API}__available-results`,\n resultsElement: `.${WIDGET_API}__results`,\n paginationElement: `.${WIDGET_API}__pagination`,\n errorMessage: `.${WIDGET_API}__results-error-message`,\n noResultsMessage: `.${WIDGET_API}__results-no-results-message`,\n clearFiltersTrigger: `[data-${WIDGET_API}__action=\"clear-filters\"]`,\n collapseElements: `.${WIDGET_API}__box-content [data-js-component=\"${COLLAPSE_API}\"]`,\n trackAttr: 'data-track',\n accoTipsTitleAttr: `data-${WIDGET_API}__acco-tips-title`,\n accoTips: `${WIDGET_API}-acco-tips`,\n filtersOnTopCollapse: `.${WIDGET_API}__top-filters__collapse--container`,\n mapElement: `[data-js-widget=\"${MAP_API}\"]`,\n filtersMobileButton: '.w-search__filters-action-btn',\n showMapButton: '.w-search__map-action-btn',\n searchFiltersBodyContent: '.c-side-drawer__body .c-side-drawer__body-content',\n selectedFiltersContainer: `.${WIDGET_API}__selected-filters-container`,\n topFiltersSummary: `.${WIDGET_API}__top-filters-summary`,\n favCleanerButton: '.c-favorite-cleaner',\n messageWrapper: `.${WIDGET_API}__header-message-wrapper`,\n participantsWarningTitleAttr: `data-${WIDGET_API}-participants-warning-title`,\n participantsWarningMessageAttr: `data-${WIDGET_API}-participants-warning-message`,\n popularityTooltip: '.w-search__popularity-tooltip',\n toggleProductCard: 'data-toggle-product-card',\n destinationMultipleFilter: 'w-destination-multiple-filter',\n favoriteBtn: 'c-favorite-btn',\n useProductCardFooter: 'data-use-product-card-footer',\n priceElement: '.c-price'\n}\n\nexport const FILTERS_ON_TOP = `${WIDGET_API}__top-filters`\n\nexport const FILTERS_ON_TOP_ELEMENT_QUERIES = {\n filtersOnTop: `.${FILTERS_ON_TOP}`,\n filtersOnTopQSWrapper: '.w-quick-search__wrapper',\n filtersOnTopCollapsedContainer: `.${FILTERS_ON_TOP}__collapsed--container`,\n filtersOnTopWrapper: `.${FILTERS_ON_TOP}__wrapper`,\n filtersOnTopParticipants: '[data-w-filters__view=\"participants\"]',\n filtersOnTopMinimalIcon: `.${FILTERS_ON_TOP}__minimal--icon`,\n filtersOnTopMinimalText: `.${FILTERS_ON_TOP}__minimal--text`,\n filtersOnTopCollapseIcon: `.${FILTERS_ON_TOP}__collapse--icon`,\n filtersOnTopCollapseText: `.${FILTERS_ON_TOP}__collapse--text`,\n filtersOnTopOverlay: `.${FILTERS_ON_TOP}__overlay`,\n filtersOnTopLoader: `.${FILTERS_ON_TOP}__loader`\n\n}\n\n// Definition of available FilterViews\nexport const KNOWN_FILTER_VIEWS = {\n dates: DatesFilter,\n dropdown: DropdownFilter,\n 'dropdown-multiple': DropdownMultipleFilter,\n 'choice-list': ChoiceListFilter,\n 'choice-list-single': ChoiceListFilter,\n range: PriceFilter,\n participants: ParticipantsFilter,\n airport: AirportFilter,\n destination: DestinationFilter,\n 'dropdown-dynamic': DropdownDynamicFilter\n}\n\n// Definition of filter types to hide on selected filters\nexport const HIDDEN_FILTER_TYPES = [\n FILTER_TYPES.PARTICIPANTS\n]\n\nexport function getSearchParamsFromUrl (url = document.location, useUndefinedValue = false) {\n const targetUrl = url instanceof (window.URL)\n ? url\n : new window.URL(url)\n return targetUrl.search\n ? [...targetUrl.searchParams.entries()].reduce((obj, [key, val]) => ({ ...obj, [key]: val === '' && useUndefinedValue ? undefined : val }), {})\n : undefined\n}\n\n// Sanitize QueryString if it seems a valid querystring and doesn't start with '?'\nexport function sanitizeQueryString (defaultQueryString) {\n const splitQueryString = defaultQueryString\n ? defaultQueryString.split('?')\n : undefined\n\n return splitQueryString\n ? splitQueryString.length > 1\n ? splitQueryString[1]\n : splitQueryString[0]\n : undefined\n}\n\n/**\n *\n *\n * @export\n * @param {*} defaultQueryParams\n * @param {*} queryParams\n * @return {*} queryParams {Object}\n */\nexport function removeDefaultQueryParams (defaultQueryParams, queryParams) {\n Object.keys(defaultQueryParams).forEach(param => {\n if (param.includes('[')) {\n const key = param.split('[')[0]\n if (key in queryParams) {\n queryParams[key] = queryParams[key].filter(v => v !== defaultQueryParams[param])\n if (!queryParams[key].length) delete queryParams[key]\n }\n } else if (param in queryParams) delete queryParams[param]\n })\n return queryParams\n}\n","export default function(n){return{all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e])},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]))},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e)}),(i=n.get(\"*\"))&&i.slice().map(function(n){n(t,e)})}}}\n//# sourceMappingURL=mitt.mjs.map\n","import mitt from 'mitt';\nexport function createEventBus() {\n return mitt();\n}\nexport default createEventBus();\n","export const SEARCH_PRICE_RANGE_SELECT = Symbol('SEARCH_PRICE_RANGE_SELECT_EVENT_ID');\nexport const SEARCH_PRICE_RANGE_CONFIRM = Symbol('SEARCH_PRICE_RANGE_CONFIRM_EVENT_ID');\nexport const SEARCH_PRICE_RANGE_CHANGE = Symbol('SEARCH_PRICE_RANGE_CHANGE_EVENT_ID');\nexport const PRICE_RANGE_FILTER_ID = 'PriceRangeFilter';\nexport const SEARCH_FILTERS_INIT = Symbol('SEARCH_FILTERS_INIT_EVENT_ID');\nexport const SEARCH_API_RESPONSE_SUCCESS = Symbol('SEARCH_API_RESPONSE_SUCCESS_EVENT_ID');\n","import FiltersCollection from '../../../js/data/filters/filters-collection'\r\nimport { buildUrlWithParams, getUrlFromString } from '../../../js/document/url'\r\nimport { registerWidget } from '../../../js/core/widget/widget-directory'\r\nimport { debounce } from '../../../js/utils'\r\nimport { SearchResultTemplate } from '../../components/search-result/c-search-result.template'\r\nimport { ProductCardTemplate } from '../../components/product-card/c-product-card.template'\r\nimport { SearchMessageTemplate } from '../../components/search-message/search-message.template'\r\nimport { ChipTemplate } from '../../components/chip/c-chip.template'\r\nimport domEventsHelper from '../../../js/document/dom-events-helper'\r\nimport { toCamelCase } from '../../../js/helpers/string'\r\nimport { bindClickEventToResults } from '../../../js/helpers/event-binder'\r\nimport Component from '../../../js/core/component/component'\r\nimport Img from '../../components/img/main'\r\nimport { fetchJsonData } from '../../../js/helpers/json-fetch'\r\nimport { register } from '../../../js/document/namespace'\r\nimport { language } from '../../../js/user/locale-settings'\r\nimport { CollectionTeaserTemplate } from '../../components/collection-teaser/c-collection-teaser.template'\r\nimport { processCollectionTeaserData } from '../../components/collection-teaser/data-processor'\r\nimport { GET_WHITELISTED_PARAMS, EXCLUDE_WHITELISTED_PARAMS } from '../../../js/helpers/white-listed-params'\r\nimport { GET_PASSTHROUGH_PARAMS } from '../../../js/helpers/pass-through-params'\r\nimport AccoLister from '../../widgets/acco-lister/main'\r\nimport {\r\n WIDGET_API,\r\n COLLAPSE_API,\r\n MAP_API,\r\n ELEMENT_QUERIES,\r\n KNOWN_FILTER_VIEWS,\r\n HIDDEN_FILTER_TYPES,\r\n FILTERS_ON_TOP_ELEMENT_QUERIES,\r\n getSearchParamsFromUrl,\r\n sanitizeQueryString,\r\n removeDefaultQueryParams\r\n} from './config'\r\nimport { arrayifyObject, derrayifyObject } from '../../../js/helpers/arrayify-object'\r\nimport { removeUndefinedKeys } from '../../../js/helpers/object'\r\nimport registeredEvents from '../../../js/helpers/registered-events'\r\nimport { searchEvents, favoriteEvents } from '../../../js/document/event-types'\r\nimport { BtnTemplate } from '../../components/btn/c-btn.template'\r\nimport { elementFromString } from '../../../js/document/html-helper'\r\nimport { buildSearchWidgetOptions } from './searchWidgetOptions'\r\nimport { FILTER_TYPES, DESTINATION_FILTER_TYPES, TRANSPORT_TYPE_VALUES } from '../../../js/data/filters/config'\r\n\r\nimport eventBus, {\r\n PRICE_RANGE_FILTER_ID,\r\n SEARCH_FILTERS_INIT,\r\n SEARCH_API_RESPONSE_SUCCESS,\r\n SEARCH_PRICE_RANGE_CHANGE\r\n} from '@sunwebgroup/domain-events'\r\n\r\nimport { adaptPriceRangeChangePayload } from './adaptPriceRangeChangePayload'\r\n\r\nconst widgetApi = 'w-search'\r\n\r\nconst defaultAccoTipsPosition = 2\r\n\r\nconst defaultAccoTipsPerSlide = 1\r\n\r\n// Room length / occupancy thhreshold. Rooms with higher capacity will be shown a warning message (see method 'updateWarningMessagesVisibility').\r\nconst RoomLengthThreshold = 3\r\n\r\nconst EventEmitter = require('eventemitter3')\r\nrequire('../search-map/main')\r\nconst globalLocales = register(`window.sundio.i18n.${language}.global`)\r\nconst componentLocales = register(`window.sundio.i18n.${language}.search`)\r\n\r\n// Scroll config\r\nconst config = {\r\n debounceDelay: 150,\r\n scroll: { block: 'start', behavior: 'smooth' },\r\n hiddenParams: ['contextitemid', 'isFirstUserRequest'],\r\n offFilterParams: ['offset', 'sort', 'limit']\r\n}\r\n\r\n// Definition of custom transformations to be applied on some filters data before send it o a request\r\nconst customFilterDataTransformations = {\r\n PricePerPerson: (values) => [values[0], values[values.length - 1]],\r\n DepartureDate: (values) => [values[0], values[values.length - 1]]\r\n}\r\n\r\nconst customChipsTextTransformations = {\r\n PricePerPerson: (searchApi, filter) => customFilterDataTransformations[filter.type](filter.captions).join(' - '),\r\n DepartureDate: (searchApi, filter) => searchApi.filterViews.find(v => v.name === filter.type).instance.textBoxInput.value,\r\n Destination: (searchApi, filter) => searchApi.filterViews.find(v => v.name === filter.type).instance[ELEMENT_QUERIES.destinationMultipleFilter].getSelectedOptions()\r\n}\r\n\r\nexport default class Search {\r\n /**\r\n * Creates a new Search\r\n *\r\n * @constructor\r\n *\r\n * @param {HTMLElement} element - The element where to attach QuickSearch\r\n * @param {Object} options\r\n * @param {String} options.url - The url where to fetch data\r\n */\r\n constructor (element, options = {}) {\r\n this.element = element\r\n this.events = new EventEmitter()\r\n this.element[widgetApi] = {\r\n events: this.events\r\n }\r\n this.elements = this.runElementQueries()\r\n this.childComponents = this.accessChildComponentsApis()\r\n this.url = options.url || this.element.getAttribute(ELEMENT_QUERIES.urlAttr)\r\n this.toggleCardTemplate = this.element.hasAttribute(ELEMENT_QUERIES.toggleProductCard)\r\n this.useProductCardFooter = this.element.hasAttribute(ELEMENT_QUERIES.useProductCardFooter)\r\n this.campaignDetailsUrl = options.campaignDetailsUrl || this.element.getAttribute(ELEMENT_QUERIES.campaignDetailsUrl)\r\n\r\n registeredEvents.registerWidgetEvents(widgetApi, this.events, {\r\n ...this.element.hasAttribute(ELEMENT_QUERIES.trackAttr) && { track: this.element.attributes[ELEMENT_QUERIES.trackAttr].value }\r\n })\r\n\r\n // Helper collection of destination filters where to store if the filter has selected values or not\r\n this.destinationFilters = DESTINATION_FILTER_TYPES.map(filter => { return { name: filter, selected: false } })\r\n\r\n this.whiteListedParams = GET_WHITELISTED_PARAMS(getSearchParamsFromUrl(document.location))\r\n this.passThroughParams = GET_PASSTHROUGH_PARAMS(getSearchParamsFromUrl(document.location))\r\n\r\n const defaultQueryString = this.element.getAttribute(ELEMENT_QUERIES.defaultQueryStringAttr)\r\n const isResultOnly = this.element.hasAttribute(ELEMENT_QUERIES.resultOnlyAttr)\r\n if (!isResultOnly) this.insertSelectedFiltersContainerToFiltersComponent()\r\n\r\n const sanitizedQueryString = sanitizeQueryString(defaultQueryString)\r\n\r\n // Recover defaultQueryString params with config.getSearchParamsFromUrl method that uses window.URL object functionalities\r\n // We use document.location.origin to form a valid url, but its value is not taken into account by getSearchParamsFromUrl\r\n const defaultQueryParams = sanitizedQueryString ? getSearchParamsFromUrl(`${document.location.origin}?${sanitizedQueryString}`) : {}\r\n\r\n this.queryParams = {\r\n ...this.getExtraParamsFromDom(),\r\n ...this.correctParams(defaultQueryParams)\r\n }\r\n this.selectedValues = {\r\n ...this.getParticipantsDataFromComponent(),\r\n ...this.getSelectedValuesFromURL()\r\n }\r\n this.offFilterParams = {}\r\n config.offFilterParams.forEach(param => {\r\n if (this.selectedValues[param]) {\r\n this.offFilterParams[param] = this.selectedValues[param]\r\n delete this.selectedValues[param]\r\n } else if (param === 'sort' && this.queryParams[param]) {\r\n this.offFilterParams[param] = this.queryParams[param]\r\n }\r\n })\r\n\r\n this.isFirstLoad = true\r\n\r\n // Get the local strings\r\n this.locales = this._getLocales()\r\n\r\n // Bind self change events to self update\r\n this.debouncedOnChangeFilters = debounce(this.onChangeFilters, config.debounceDelay)\r\n this.events.on('change', (ev) => this.debouncedOnChangeFilters(ev))\r\n\r\n this.bindEvents()\r\n this.resultsRenderedEvent = new window.CustomEvent('SearchResultsRendered')\r\n this.fetchAndUpdate()\r\n\r\n // Remove defaultQueryParams after first request\r\n this.queryParams = removeDefaultQueryParams(defaultQueryParams, this.queryParams)\r\n this.filtersOnTopCollapsed = false\r\n\r\n this.collapseText = ''\r\n this.modifyText = ''\r\n this.toggleFilterOnTopLoader(true)\r\n this.boundingBox = ''\r\n\r\n if (!isResultOnly) this.addShowHideFiltersSummaryEvents()\r\n\r\n ///\r\n\r\n /*\r\n - If the value is the same as the default, remove it from the uri (this logic may be implemented somewhere in this class)\r\n - Transform values from MVC to React world correctly (the 99999 -> null).\r\n */\r\n const { PricePerPerson } = this.selectedValues\r\n\r\n eventBus.emit(SEARCH_FILTERS_INIT, {\r\n ...(PricePerPerson\r\n ? {\r\n [PRICE_RANGE_FILTER_ID]: {\r\n value: this.selectedValues.PricePerPerson.map(s => {\r\n if (s === '999999') return null\r\n return parseInt(s, 10)\r\n })\r\n }\r\n }\r\n : {})\r\n })\r\n\r\n eventBus.on(SEARCH_PRICE_RANGE_CHANGE, ({ value, configuration }) => {\r\n const adaptedRange = adaptPriceRangeChangePayload(configuration, value)\r\n const filterModel = this.filtersCollection.findWhere('type', FILTER_TYPES.PRICE_PER_PERSON)\r\n\r\n filterModel.clearSelection({ silent: true })\r\n filterModel.setSelectedValues(adaptedRange)\r\n })\r\n }\r\n\r\n /*\r\n * -----------------------------------------------------\r\n * INITIALIZATION RELATED METHODS\r\n * -----------------------------------------------------\r\n * */\r\n\r\n /**\r\n * Runs element queries\r\n *\r\n * @returns {Object}\r\n */\r\n runElementQueries () {\r\n return {\r\n extraParams: Array.from(this.element.querySelectorAll(ELEMENT_QUERIES.extraParams))\r\n .reduce((obj, element) => ({ ...obj, [element.name]: element }), {}),\r\n sortElements: this.element.querySelectorAll(ELEMENT_QUERIES.sortElement),\r\n selectedFilters: this.element.querySelector(ELEMENT_QUERIES.selectedFilters),\r\n selectedFiltersChips: this.element.querySelector(ELEMENT_QUERIES.selectedFiltersChips),\r\n selectedFiltersClear: this.element.querySelector(ELEMENT_QUERIES.selectedFiltersClear),\r\n filtersWrapper: this.element.querySelector(ELEMENT_QUERIES.filtersElement),\r\n filtersTopWrapper: document.querySelector(ELEMENT_QUERIES.filtersTopElement),\r\n filters: document.querySelectorAll(ELEMENT_QUERIES.filterElements(this.element.id)),\r\n filterGroups: this.element.querySelectorAll(ELEMENT_QUERIES.filterGroups),\r\n totalResults: this.element.querySelector(ELEMENT_QUERIES.totalResults),\r\n availableResults: this.element.querySelector(ELEMENT_QUERIES.availableResults),\r\n pagination: this.element.querySelector(ELEMENT_QUERIES.paginationElement),\r\n results: this.element.querySelector(ELEMENT_QUERIES.resultsElement),\r\n errorMessage: this.element.querySelector(ELEMENT_QUERIES.errorMessage),\r\n noResultsMessage: this.element.querySelector(ELEMENT_QUERIES.noResultsMessage),\r\n clearFiltersTrigger: this.element.querySelector(ELEMENT_QUERIES.clearFiltersTrigger),\r\n collapseElements: this.element.querySelectorAll(ELEMENT_QUERIES.collapseElements),\r\n filtersOnTopCollapse: document.querySelector(ELEMENT_QUERIES.filtersOnTopCollapse),\r\n filtersOnTopQSWrapper: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopQSWrapper),\r\n filtersOnTopCollapsedContainer: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopCollapsedContainer),\r\n filtersOnTopWrapper: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopWrapper),\r\n filtersOnTopParticipants: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopParticipants),\r\n filtersOnTopMinimalIcon: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopMinimalIcon),\r\n filtersOnTopMinimalText: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopMinimalText),\r\n filtersOnTopCollapseIcon: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopCollapseIcon),\r\n filtersOnTopCollapseText: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopCollapseText),\r\n filtersOnTop: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTop),\r\n filtersOnTopOverlay: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopOverlay),\r\n filtersOnTopLoader: document.querySelector(FILTERS_ON_TOP_ELEMENT_QUERIES.filtersOnTopLoader),\r\n mapElement: document.querySelector(ELEMENT_QUERIES.mapElement),\r\n filtersMobileButton: document.querySelector(ELEMENT_QUERIES.filtersMobileButton),\r\n showMapButtons: document.querySelectorAll(ELEMENT_QUERIES.showMapButton),\r\n searchFiltersBodyContent: this.element.querySelector(ELEMENT_QUERIES.searchFiltersBodyContent),\r\n favCleanerButton: document.querySelector(ELEMENT_QUERIES.favCleanerButton),\r\n messageWrapper: document.querySelector(ELEMENT_QUERIES.messageWrapper),\r\n participantsWarningTitle: this.element.querySelector(ELEMENT_QUERIES.participantsWarningTitle),\r\n participantsWarningMessage: this.element.querySelector(ELEMENT_QUERIES.participantsWarningMessage),\r\n popularityTooltips: this.element.querySelectorAll(ELEMENT_QUERIES.popularityTooltip)\r\n }\r\n }\r\n\r\n /**\r\n * Access to child components APIs\r\n *\r\n * @returns {Object}\r\n */\r\n accessChildComponentsApis () {\r\n return {\r\n pagination: (this.elements.pagination ? this.elements.pagination['c-pagination'] : null),\r\n sort: (this.elements.sortElements ? [...this.elements.sortElements].map(element => element['c-dropdown']) : null),\r\n collapseAPIs: [...this.elements.collapseElements].map(function (element) {\r\n return element[COLLAPSE_API]\r\n }),\r\n map: (this.elements.mapElement ? this.elements.mapElement[MAP_API] : null)\r\n }\r\n }\r\n\r\n /**\r\n * Gets extra params through hidden inputs\r\n *\r\n * @returns {Object|undefined}\r\n */\r\n getExtraParamsFromDom () {\r\n const extraParams = Object.values(this.elements.extraParams)\r\n return extraParams\r\n ? extraParams.reduce((obj, el) => {\r\n obj[el.name] = el.value\r\n return obj\r\n }, {})\r\n : undefined\r\n }\r\n\r\n /**\r\n * Gets participants data from component in element if any\r\n * Returns a multidimensional array with the participants (BirthDates) organized into rooms allocation,\r\n * eg. [ ['1979-01-01','1985-03-03'], ['2013-01-01','2015-03-03'] ]\r\n *\r\n * @returns {[DateString[]]|undefined} Matching participants for that room\r\n */\r\n getParticipantsDataFromComponent () {\r\n const participantsSelectorAPI = this._getParticipantsSelectorAPI()\r\n\r\n return participantsSelectorAPI\r\n ? {\r\n // Check if QueryParams has Participants and Allocation defined, as this would mean they have been set in the DefaultQueryString\r\n Participants: this.queryParams.Participants ? this.queryParams.Participants : this.participantsSelectorAPI.getParticipantsData() || undefined,\r\n Allocation: this.queryParams.Allocation ? this.queryParams.Allocation : this.participantsSelectorAPI.getAllocation() || undefined\r\n }\r\n : {}\r\n }\r\n\r\n /**\r\n * Gets participants age profiles data\r\n * Returns an array of participants amount grouped by age profile (showing the first character)\r\n * eg. ['a3', 'b2', 'c1']\r\n *\r\n * @returns string[]\r\n */\r\n getParticipantsAgeProfiles () {\r\n const participantsSelectorAPI = this._getParticipantsSelectorAPI()\r\n\r\n let result = []\r\n if (participantsSelectorAPI) {\r\n const ageProfiles = participantsSelectorAPI.getParticipantsByAgeProfiles()\r\n result = Object.entries(ageProfiles).map(([key, val]) => {\r\n return key.charAt(0) + val.length\r\n })\r\n }\r\n return result\r\n }\r\n\r\n _getParticipantsSelectorAPI () {\r\n if (!this.participantsSelectorAPI) {\r\n const participantsSelector = document.querySelector('[data-js-component=\"c-participants-selector\"]')\r\n this.participantsSelectorAPI = participantsSelector && participantsSelector['c-participants-selector']\r\n }\r\n return this.participantsSelectorAPI\r\n }\r\n\r\n /**\r\n * Init events chip, pagination...\r\n *\r\n * @returns {Search} self instance\r\n */\r\n bindEvents () {\r\n // Bind pagination event\r\n if (this.childComponents.pagination) {\r\n this.childComponents.pagination.events.on('change', (data) => {\r\n const offset = ((data.currentPage - 1) * this.pagination.limit) || 0\r\n const limit = this.pagination.limit\r\n this.offFilterParams = {\r\n ...this.offFilterParams,\r\n offset,\r\n limit\r\n }\r\n\r\n this.events.emit(searchEvents.SEARCH_MODIFIER_CHANGE,\r\n {\r\n event: searchEvents.SEARCH_PAGINATION_CHANGE,\r\n value: data.currentPage\r\n })\r\n\r\n this.elements.results.scrollIntoView(config.scroll) // FIXME weird behaviour in IE\r\n this.events.emit('change')\r\n })\r\n }\r\n\r\n if (this.elements.clearFiltersTrigger) {\r\n this.elements.clearFiltersTrigger.addEventListener('click', e => {\r\n e.preventDefault()\r\n this.onClickClearSelectedFilters()\r\n })\r\n }\r\n\r\n // Bind sort event\r\n if (this.childComponents.sort) {\r\n [...this.childComponents.sort].forEach(element => {\r\n element.events.on('propChanged', (changes) => {\r\n if (changes.name === 'value') {\r\n this.offFilterParams = {\r\n ...this.offFilterParams,\r\n sort: changes.value || null,\r\n offset: 0 // reset pagination\r\n }\r\n\r\n this.events.emit(searchEvents.SEARCH_MODIFIER_CHANGE,\r\n {\r\n event: searchEvents.SEARCH_SORT_CHANGE,\r\n value: changes.value\r\n })\r\n }\r\n this.events.emit('change')\r\n })\r\n })\r\n }\r\n // Bind map button event\r\n if (this.elements.showMapButtons) {\r\n this.elements.showMapButtons.forEach(btn => {\r\n btn.addEventListener('click', e => {\r\n this.events.emit(searchEvents.SEARCH_MAP_OPENED,\r\n {\r\n event: searchEvents.SEARCH_MAP_OPENED,\r\n value: 'opened'\r\n })\r\n this.updateFiltersOnTopInfoElements()\r\n })\r\n })\r\n }\r\n\r\n if (this.childComponents.map) {\r\n this.childComponents.map.events.on('onRefreshMap', (marker) => this.fetchAndUpdateMap(marker))\r\n this.childComponents.map.events.on('onClusterClick', (marker) => this.fetchAndUpdateMap(marker))\r\n this.childComponents.map.events.on('filtersOpen', () => this.updateFilterGroupsVisibility())\r\n }\r\n\r\n // Bind DOM events\r\n\r\n this._domEvents = [\r\n [this.elements.filtersOnTopCollapse, { click: (ev) => this.onFilterOnTopCollapse(ev) }],\r\n [this.elements.filtersOnTopOverlay, { click: (ev) => this.onFilterOnTopCollapse(ev) }],\r\n [this.elements.selectedFiltersChips, { click: (ev) => this.onClickSelectedFiltersChip(ev) }]\r\n ]\r\n domEventsHelper.attachEvents(this._domEvents, WIDGET_API)\r\n }\r\n\r\n /**\r\n * Creates a new filters collection, and bind updated event to fire a Search change event\r\n *\r\n * @param {Object[]} filtersData - The filters data\r\n *\r\n * @returns {FiltersCollection}\r\n */\r\n initFiltersCollection (filtersData = []) {\r\n const filtersCollection = new FiltersCollection(filtersData)\r\n filtersCollection.events.on('updated', () => {\r\n this.offFilterParams = {\r\n ...this.offFilterParams,\r\n offset: 0\r\n }\r\n this.selectedValues = filtersCollection.getFiltersSelectedValuesObject()\r\n\r\n const anySideBarFilterSelected = this._isAnySideBarFilterSelected(this.selectedValues)\r\n this.events.emit('change', { clearFilters: !anySideBarFilterSelected })\r\n })\r\n return filtersCollection\r\n }\r\n\r\n /**\r\n * Init or update filters\r\n *\r\n * @returns {Search} self instance\r\n */\r\n initFilters () {\r\n // Init or update filters\r\n this.filterViews = this.filterViews || []\r\n this.elements.filters.forEach(el => {\r\n // Get the element filter view, and check if it's known & available\r\n const filterView = el.getAttribute(ELEMENT_QUERIES.filterViewAttr)\r\n if (!KNOWN_FILTER_VIEWS[filterView]) return\r\n\r\n // Check the filter name\r\n const filterName = el.getAttribute(ELEMENT_QUERIES.filterNameAttr) ||\r\n el.getAttributeNames().filter((attrKey) => attrKey.indexOf(ELEMENT_QUERIES.filterNameAttr) === 0)\r\n\r\n // Get the element filter data, and check if it's available\r\n const filterData = !Array.isArray(filterName)\r\n ? this.filtersCollection.findWhere('type', filterName)\r\n : filterName.map((attrKey) => [\r\n toCamelCase(attrKey.replace(`${ELEMENT_QUERIES.filterNameAttr}-`, '')),\r\n el.getAttribute(attrKey)\r\n ]).reduce((obj, [attrKey, attrValue]) => ({\r\n ...obj,\r\n [attrKey]: this.filtersCollection.findWhere('type', attrValue)\r\n }), {})\r\n\r\n // Add or remove the is-empty class accordingly (show/hide)\r\n this._setFiltersVisibility(el, filterName, filterData)\r\n\r\n if (!filterData) return\r\n\r\n // Init or update the view with associated data if necessary\r\n const name = !Array.isArray(filterName) ? filterName : filterName.map((attrKey) => el.getAttribute(attrKey)).join('_')\r\n const filterViewObject = this.filterViews.find(v => v.name === name)\r\n filterViewObject\r\n ? filterViewObject.instance.setFilterModel(filterData)\r\n : this.filterViews.push({\r\n name,\r\n view: filterView,\r\n instance: new KNOWN_FILTER_VIEWS[filterView](el, filterData),\r\n data: filterData\r\n })\r\n })\r\n return this\r\n }\r\n\r\n _isAnySideBarFilterSelected (selectedValuesObj) {\r\n const filtersOnTopNames = this._getFiltersOnTopNames()\r\n const otherExcludedFilters = [FILTER_TYPES.PARTICIPANTS, FILTER_TYPES.PARTICIPANTS_DISTRIBUTION]\r\n const excludedFilters = [...filtersOnTopNames, ...otherExcludedFilters]\r\n\r\n let anySideBarFilterSelected = false\r\n\r\n for (const [key, value] of Object.entries(selectedValuesObj)) {\r\n if (!excludedFilters.includes(key) && value != null) { // By coercion it checks null and undefined.\r\n anySideBarFilterSelected = true\r\n }\r\n }\r\n\r\n return anySideBarFilterSelected\r\n }\r\n\r\n _setFiltersVisibility (element, filterName, filterData) {\r\n let shouldHide = !filterData\r\n if ((filterName === FILTER_TYPES.DEPARTURE_AIRPORT || filterName === FILTER_TYPES.ARRIVAL_AIRPORT) && (FILTER_TYPES.TRANSPORT_TYPE in this.selectedValues) && this.selectedValues.TransportType === TRANSPORT_TYPE_VALUES.BUS) {\r\n shouldHide = true\r\n }\r\n element.classList.toggle('is-empty', shouldHide)\r\n element.parentElement.classList.toggle('has-empty-child', shouldHide)\r\n }\r\n\r\n /**\r\n * Return a locale strings object\r\n */\r\n _getLocales () {\r\n const customLocaleElement = document.querySelector(`[data-type=\"i18n\"][data-uid=\"${this.element.id}\"]`)\r\n let customLocaleData = null\r\n try {\r\n customLocaleData = JSON.parse(customLocaleElement.textContent)\r\n } catch (err) { }\r\n\r\n return { ...globalLocales, ...componentLocales, ...(customLocaleData || {}) }\r\n }\r\n\r\n /*\r\n * -----------------------------------------------------\r\n * DATA & REQUEST RELATED METHODS\r\n * -----------------------------------------------------\r\n * */\r\n\r\n /**\r\n * Fetch new data and update widget with it\r\n *\r\n * - Disable UI\r\n * - Update QueryParams & RequestUrl\r\n * - Request new data\r\n * - Create or update filters collection\r\n * - Update filters UI\r\n * - Update total results\r\n * - Update selected filters\r\n * - Update Results\r\n * - Update Pagination\r\n * - Enable UI\r\n *\r\n * @param {Object} [options]\r\n * @returns {Promise}\r\n */\r\n async fetchAndUpdate (options = {}) {\r\n this.setEnabledState(false)\r\n let limit = this.offFilterParams.limit\r\n let isMap\r\n\r\n if (this.childComponents.map) {\r\n this.childComponents.map.clearMap()\r\n if (this.childComponents.map.isOpen()) {\r\n limit = this.childComponents.map.getLimit()\r\n isMap = true\r\n if (this.anyDestinationFilterSelected()) {\r\n this.boundingBox = ''\r\n }\r\n } else {\r\n this.boundingBox = ''\r\n }\r\n } else {\r\n this.boundingBox = ''\r\n }\r\n\r\n const requestUrl = getUrlFromString(this.url, this.fixParamsBeforeUse({\r\n ...this.queryParams,\r\n ...this.offFilterParams,\r\n ...this.passThroughParams,\r\n ...removeUndefinedKeys(this.selectedValues),\r\n ...this.boundingBox,\r\n limit,\r\n ...{ isMap },\r\n ...{ isFirstLoad: this.isFirstLoad },\r\n ...{ clearFilters: options?.clearFilters }\r\n }))\r\n\r\n try {\r\n if (!this.filtersCollection) this.filtersCollection = this.initFiltersCollection()\r\n const newData = await fetchJsonData(requestUrl, { fullReferrerOnCrossOrigin: true })\r\n this._postRequestProcessing(newData, requestUrl)\r\n return this\r\n } catch (ex) {\r\n console.warn(ex)\r\n this.updateErrorMessagesVisibility(null, null, requestUrl)\r\n return null\r\n }\r\n }\r\n\r\n async fetchAndUpdateMap ({ resultType, markerId }) {\r\n this.updateSelectedFilters(false)\r\n this.setEnabledState(false)\r\n\r\n const limit = this.childComponents.map ? this.childComponents.map.getLimit() : this.offFilterParams.limit\r\n const offset = 0\r\n if (resultType === 'Country' || resultType === 'Region') {\r\n this.selectedValues[resultType] = [markerId]\r\n this.selectedValues.Destination = undefined\r\n this.boundingBox = ''\r\n } else {\r\n this.boundingBox = this.childComponents.map ? this.childComponents.map.getGeoBoundingBox() : undefined\r\n if (resultType !== 'Reload') {\r\n this.removeDestinationFilters()\r\n }\r\n }\r\n\r\n this.childComponents.map.clearMap()\r\n\r\n const requestUrl = getUrlFromString(this.url, this.fixParamsBeforeUse({\r\n ...this.queryParams,\r\n ...this.offFilterParams,\r\n limit,\r\n offset,\r\n ...removeUndefinedKeys(this.selectedValues),\r\n ...this.boundingBox,\r\n ...{ isMap: true },\r\n ...{ isFirstLoad: this.isFirstLoad }\r\n }))\r\n try {\r\n const newData = await fetchJsonData(requestUrl, { fullReferrerOnCrossOrigin: true })\r\n this._postRequestProcessing(newData, requestUrl)\r\n return this\r\n } catch (ex) {\r\n console.warn(ex)\r\n return null\r\n }\r\n }\r\n\r\n updateParticipantsFilterOnIsFlightOnly (newData) {\r\n const participantsSelectorApi = this._getParticipantsSelectorAPI()\r\n if (!participantsSelectorApi) return this\r\n participantsSelectorApi.isFlightOnly = newData.filters.some(filter => filter.type === 'IsFlightOnly' && filter.value?.isSelected)\r\n participantsSelectorApi.updateParticipantsFilter()\r\n return this\r\n }\r\n\r\n _postRequestProcessing (newData, requestUrl) {\r\n const part = newData.filters.find(filter => filter.type === FILTER_TYPES.PARTICIPANTS)\r\n if (part) { part.isMultiselectable = true }\r\n\r\n this.filtersCollection.reset(newData.filters, { silent: true })\r\n\r\n this.selectedValues = this.filtersCollection.getFiltersSelectedValuesObject()\r\n\r\n const totalResults = typeof newData.pagination === 'undefined' ? null : newData.pagination.totalResults\r\n const results = typeof newData.results === 'undefined' ? null : newData.results\r\n const availableResults = typeof newData.numberOfAvailableResults === 'undefined' ? null : newData.numberOfAvailableResults\r\n const accoTips = typeof newData.accoTips === 'undefined' ? null : newData.accoTips\r\n const pagination = typeof newData.pagination === 'undefined' ? null : newData.pagination\r\n const sortInfo = typeof newData.sortInfo === 'undefined' ? null : newData.sortInfo.property\r\n const selectionQueryString = typeof newData.selectionQueryString === 'undefined' ? null : newData.selectionQueryString\r\n const collectionTeaser = typeof newData.collectionTeaser === 'undefined' ? null : processCollectionTeaserData(newData.collectionTeaser)\r\n const geoBoundingFiltered = requestUrl.search.includes('Map%5B')\r\n\r\n this.initFilters()\r\n .updateFilterGroupsVisibility()\r\n .updateTotalResults(totalResults)\r\n .updateAvailableResults(availableResults)\r\n .updateSelectedFilters(true)\r\n .updateResults(results, accoTips, collectionTeaser)\r\n .updatePagination(pagination)\r\n .updateSort(sortInfo)\r\n .updateBrowserUrl(selectionQueryString)\r\n .updateErrorMessagesVisibility(results, totalResults, requestUrl)\r\n .updateWarningMessagesVisibility()\r\n .setEnabledState(true)\r\n .updateFiltersOnTop()\r\n .updateMapData(newData, geoBoundingFiltered)\r\n .updateParticipantsFilterOnIsFlightOnly(newData)\r\n // Check for public price property and render value\r\n\r\n if (this.isFirstLoad) this.isFirstLoad = false\r\n this.events.emit('fetchAndUpdateFinished')\r\n eventBus.emit(SEARCH_API_RESPONSE_SUCCESS)\r\n }\r\n\r\n /**\r\n * Fix params to be sent\r\n *\r\n * - Process custom transformations if needed & available\r\n * - Arrayify values\r\n * - Encode values\r\n *\r\n * @param {Object} params\r\n * @returns {Object} fixed params\r\n */\r\n fixParamsBeforeUse (params = {}) {\r\n const paramsFixed = arrayifyObject(\r\n Object.entries(params)\r\n .reduce((newObj, [key, val]) => {\r\n newObj[key] = customFilterDataTransformations[key]\r\n ? customFilterDataTransformations[key](val)\r\n : val\r\n return newObj\r\n }, {})\r\n )\r\n return paramsFixed\r\n }\r\n\r\n /**\r\n * Returns the filtersData from URL params, if there's any\r\n * - Get the relevant params from the URL\r\n * - Derrayify data to a regular JS Object\r\n * - Addresses correct filter names problem, if needed\r\n *\r\n *\r\n * @returns {Object}\r\n */\r\n getSelectedValuesFromURL () {\r\n if (!document.location.search) return {}\r\n const relevantUrlParams = EXCLUDE_WHITELISTED_PARAMS(\r\n getSearchParamsFromUrl(document.location)\r\n )\r\n if (!relevantUrlParams || Object.keys(relevantUrlParams).length === 0) return {}\r\n\r\n return this.correctParams(relevantUrlParams)\r\n }\r\n\r\n correctParams (defaultParams) {\r\n const urlParams = derrayifyObject(defaultParams)\r\n\r\n // Return the final corrected object\r\n return Object.keys(urlParams).reduce((obj, key) => {\r\n obj[key] = urlParams[key]\r\n return obj\r\n }, {})\r\n }\r\n\r\n /*\r\n * -----------------------------------------------------\r\n * UI RELATED METHODS\r\n * -----------------------------------------------------\r\n */\r\n\r\n /**\r\n * Enable or Disable UI\r\n * - Filters element (wrapper)\r\n * - Main Body element (results, loading)\r\n *\r\n * @param {Boolean} enabled - The enable state\r\n *\r\n * @returns {Search} self instance\r\n */\r\n setEnabledState (enabled = true) {\r\n this.element.classList.toggle('is-loading', !enabled)\r\n\r\n if (this.elements.filtersWrapper) {\r\n this.elements.filtersWrapper.classList.toggle('is-disabled', !enabled)\r\n }\r\n if (this.elements.filtersTopWrapper) {\r\n this.elements.filtersTopWrapper.classList.toggle('is-disabled', !enabled)\r\n }\r\n\r\n if (this.elements.filtersMobileButton) {\r\n this.elements.filtersMobileButton[enabled ? 'removeAttribute' : 'setAttribute']('disabled', true)\r\n }\r\n\r\n if (this.childComponents.map) {\r\n this.childComponents.map.enableMap(enabled)\r\n }\r\n\r\n if (this.elements.showMapButtons) {\r\n this.elements.showMapButtons.forEach(element => {\r\n element[enabled ? 'removeAttribute' : 'setAttribute']('disabled', true)\r\n })\r\n }\r\n\r\n if (this.elements.pagination) {\r\n if (enabled) {\r\n this.elements.pagination.classList.add('is-loaded', !enabled)\r\n }\r\n }\r\n\r\n return this\r\n }\r\n\r\n /**\r\n * Update the visibility of filter groups in order to hide the ones that are empty (or display them again if needed)\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateFilterGroupsVisibility () {\r\n if (!this.elements.filterGroups) return this\r\n\r\n this.elements.filterGroups.forEach(group => {\r\n const groupIsEmpty = group.querySelectorAll(ELEMENT_QUERIES.filterElements(this.element.id) + ':not(.is-empty)').length === 0\r\n group.classList.toggle('is-empty', groupIsEmpty)\r\n })\r\n\r\n // Emit update event on all collapseElements\r\n this.childComponents.collapseAPIs.forEach(collapse => {\r\n collapse.update()\r\n })\r\n\r\n return this\r\n }\r\n\r\n /**\r\n * Update Total Results number\r\n *\r\n * @param {Number} amount - The total amount of given results\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateTotalResults (amount) {\r\n if (!amount) return this\r\n if (!this.elements.totalResults) return this\r\n\r\n const totalResultsPattern = this.elements.totalResults.getAttribute(ELEMENT_QUERIES.totalResultsAttr)\r\n this.elements.totalResults.innerText = totalResultsPattern ? totalResultsPattern.replace('{N}', amount.toString()) : ''\r\n\r\n return this\r\n }\r\n\r\n /**\r\n * Update available results number\r\n *\r\n * @param {Number} availableResultsAmount - The number of available results\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateAvailableResults (availableResultsAmount) {\r\n if (!availableResultsAmount) return this\r\n if (!this.elements.availableResults) return this\r\n\r\n const availableResultsPattern = this.elements.availableResults.getAttribute(ELEMENT_QUERIES.availableResultsAttr)\r\n this.elements.availableResults.innerText = availableResultsPattern ? availableResultsPattern.replace('{N}', availableResultsAmount.toString()) : ''\r\n\r\n return this\r\n }\r\n\r\n updateErrorMessagesVisibility (results, amount, requestUrl) {\r\n if (!this.elements.errorMessage || !this.elements.noResultsMessage) return this\r\n\r\n const error = (results === null || amount === null)\r\n const emptyResults = amount === 0\r\n\r\n if (this.elements.errorMessage) this.elements.errorMessage.classList.toggle('u-hidden', !error)\r\n if (this.elements.noResultsMessage) this.elements.noResultsMessage.classList.toggle('u-hidden', !emptyResults)\r\n if (this.elements.results) this.elements.results.classList.toggle('u-hidden', error || emptyResults)\r\n if (this.elements.pagination) this.elements.pagination.classList.toggle('u-hidden', error || emptyResults)\r\n if (this.elements.selectedFiltersClear) this.elements.selectedFiltersClear.classList.toggle('u-hidden', error)\r\n if (this.elements.totalResults) this.elements.totalResults.classList.toggle('u-hidden', error)\r\n if (this.elements.availableResults) this.elements.availableResults.classList.toggle('u-hidden', error)\r\n\r\n if (this.elements.sortElement) this.elements.sortElement.classList.toggle('is-disabled', error)\r\n if (this.elements.filtersWrapper) this.elements.filtersWrapper.classList.toggle('is-disabled', error)\r\n if (this.elements.selectedFilters) this.elements.selectedFilters.classList.toggle('is-disabled', error)\r\n\r\n this.element.classList.toggle('is-loading', !error && !emptyResults)\r\n\r\n if (emptyResults) {\r\n if (this.elements.totalResults) {\r\n const totalResultsPattern = this.elements.totalResults.getAttribute(ELEMENT_QUERIES.totalResultsAttr)\r\n this.elements.totalResults.innerText = totalResultsPattern ? totalResultsPattern.replace('{N}', amount.toString()) : ''\r\n }\r\n\r\n if (this.elements.availableResults) {\r\n this.elements.availableResults.innerText = ''\r\n }\r\n }\r\n if (error || emptyResults) {\r\n this.events.emit(searchEvents.SEARCH_ERROR, { search: requestUrl.search, isError: error })\r\n }\r\n\r\n return this\r\n }\r\n\r\n updateWarningMessagesVisibility () {\r\n if (this.elements.messageWrapper) {\r\n const anyRoomLengthMoreThanThreshold = this.participantsSelectorAPI.getParticipantsData().map(room => room.length).some((roomLength) => roomLength > RoomLengthThreshold)\r\n const message = this.elements.messageWrapper.getAttribute(ELEMENT_QUERIES.participantsWarningMessageAttr)\r\n const title = this.elements.messageWrapper.getAttribute(ELEMENT_QUERIES.participantsWarningTitleAttr)\r\n\r\n if (anyRoomLengthMoreThanThreshold && message) {\r\n this.elements.messageWrapper.innerHTML = SearchMessageTemplate({ title, text: message })\r\n } else {\r\n this.elements.messageWrapper.innerHTML = ''\r\n }\r\n }\r\n\r\n return this\r\n }\r\n\r\n /**\r\n * Update Selected Filters\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateSelectedFilters (isAfterFetch) {\r\n if (!this.elements.selectedFiltersChips) return this\r\n\r\n if (!isAfterFetch) {\r\n this._deselectDatesFilters()\r\n }\r\n\r\n // Get the data to be displayed\r\n this.selectedFiltersData = this._getSelectedFiltersData()\r\n\r\n // Remove filters on top to avoid redundant filter chips\r\n const filtersOnTopNames = this._getFiltersOnTopNames()\r\n const sidebarFilters = this.selectedFiltersData.filter(filter => !filtersOnTopNames.includes(filter.type))\r\n\r\n if (sidebarFilters.length) {\r\n // Append the chips to the element\r\n\r\n const destinationChipsTemplates = this.getDestinationFilterChips()\r\n\r\n const selectedFiltersCipsTemplates = sidebarFilters.filter(filter => filter.type !== FILTER_TYPES.DESTINATION)\r\n .map(filter => customChipsTextTransformations[filter.type]\r\n ? ChipTemplate({\r\n text: customChipsTextTransformations[filter.type](this, filter),\r\n value: `${filter.type}||||all`,\r\n highlighted: !filter.isMandatory,\r\n mandatory: filter.isMandatory,\r\n removable: !filter.isMandatory,\r\n variant: filter.isMandatory ? 'dark' : ''\r\n })\r\n : filter.values.map((value, i) => ChipTemplate({\r\n text: filter.captions[i],\r\n value: `${filter.type}||||${value}`,\r\n highlighted: !filter.isMandatory,\r\n mandatory: filter.isMandatory,\r\n removable: !filter.isMandatory,\r\n variant: filter.isMandatory ? 'dark' : ''\r\n })).join('')\r\n ).join('') + destinationChipsTemplates + this.clearSelectedFiltersTemplate()\r\n\r\n this.elements.selectedFiltersChips.innerHTML = selectedFiltersCipsTemplates\r\n if (this.elements.selectedFiltersClone) this.elements.selectedFiltersClone.innerHTML = selectedFiltersCipsTemplates\r\n\r\n this.element.querySelectorAll(ELEMENT_QUERIES.selectedFiltersClear).forEach(el => el.addEventListener('click', (ev) => this.onClickClearSelectedFilters(ev)))\r\n } else {\r\n this.elements.selectedFiltersChips.innerHTML = ''\r\n }\r\n\r\n this.checkIfSelectedFiltersIsEmpty(sidebarFilters)\r\n // Add or remove the is-empty class accordingly (show/hide)\r\n this.elements.selectedFilters.classList.toggle('is-empty', !this.selectedFiltersData.length)\r\n if (this.elements.selectedFiltersClone) this.elements.selectedFiltersClone.classList.toggle('is-empty', !this.selectedFiltersData.length)\r\n\r\n if (isAfterFetch) {\r\n const selectedFiltersApplied = this.selectedFiltersData\r\n if (this.selectedValues.Participants) {\r\n selectedFiltersApplied.push({\r\n type: FILTER_TYPES.PARTICIPANTS,\r\n values: this.selectedValues.Participants,\r\n captions: this.getParticipantsAgeProfiles()\r\n })\r\n }\r\n this.events.emit(searchEvents.SEARCH_FILTERS_APPLIED, selectedFiltersApplied)\r\n }\r\n return this\r\n }\r\n\r\n /**\r\n * Get destination filter chips templates\r\n *\r\n */\r\n getDestinationFilterChips () {\r\n const destinationFilter = this.getDestinationFilter()\r\n let destinationChips = ''\r\n if (destinationFilter?.[ELEMENT_QUERIES.destinationMultipleFilter]) {\r\n destinationChips = destinationFilter[ELEMENT_QUERIES.destinationMultipleFilter].getChipsElements()\r\n }\r\n\r\n return destinationChips\r\n }\r\n\r\n /**\r\n * Get destination filter element\r\n *\r\n */\r\n getDestinationFilter () {\r\n return [...this.elements.filters].filter(el => el.getAttribute(ELEMENT_QUERIES.filterNameAttr) === FILTER_TYPES.DESTINATION)[0]\r\n }\r\n\r\n /**\r\n * Check if remaining chip is mandatory to hide or show remove chips link\r\n *\r\n */\r\n checkIfSelectedFiltersIsEmpty (selectedFiltersData) {\r\n this.element.querySelectorAll(ELEMENT_QUERIES.selectedFiltersClear).forEach(el => {\r\n selectedFiltersData.length === 1\r\n ? el.classList[selectedFiltersData[0].isMandatory ? 'add' : 'remove']('hide')\r\n : el.classList.remove('hide')\r\n })\r\n }\r\n\r\n /**\r\n * Check if the dates filter that influence others need to be deselected\r\n *\r\n */\r\n _deselectDatesFilters () {\r\n if (!this.selectedFiltersData) {\r\n return null\r\n }\r\n\r\n const newFiltersData = this._getSelectedFiltersData(false)\r\n\r\n const previousLastMinute = JSON.stringify(this.selectedFiltersData.filter(filter => filter.type === FILTER_TYPES.LAST_MINUTE))\r\n const currentLastMinute = JSON.stringify(newFiltersData.filter(filter => filter.type === FILTER_TYPES.LAST_MINUTE))\r\n\r\n const previousDepartureDate = JSON.stringify(this.selectedFiltersData.filter(filter => filter.type === FILTER_TYPES.DEPARTURE_DATE))\r\n const currentDepartureDate = JSON.stringify(newFiltersData.filter(filter => filter.type === FILTER_TYPES.DEPARTURE_DATE))\r\n\r\n if (previousLastMinute !== currentLastMinute) {\r\n if (this.selectedValues.DepartureDate) {\r\n this.filtersCollection.findWhere('type', FILTER_TYPES.DEPARTURE_DATE).clearSelection({ silent: true })\r\n delete this.selectedValues.DepartureDate\r\n }\r\n } else if (previousDepartureDate !== currentDepartureDate) {\r\n if (this.selectedValues.Lastminute) {\r\n this.filtersCollection.findWhere('type', FILTER_TYPES.LAST_MINUTE).clearSelection({ silent: true })\r\n delete this.selectedValues.Lastminute\r\n }\r\n }\r\n }\r\n\r\n _getSelectedFiltersData (updateDestinationFilter = true) {\r\n this.elements.filters = document.querySelectorAll(ELEMENT_QUERIES.filterElements(this.element.id))\r\n // Get the current shown filter types as they are displayed (same order)\r\n const currentShownFilters = [...this.elements.filters].map(el => el.getAttribute(ELEMENT_QUERIES.filterNameAttr))\r\n\r\n // Get the data to be displayed\r\n const selectedFiltersData = currentShownFilters\r\n .reduce((arr, filterType) => {\r\n // Omit hidden filter types\r\n if (HIDDEN_FILTER_TYPES.includes(filterType)) return arr\r\n const filterModel = this.filtersCollection\r\n .findWhere('type', filterType)\r\n let selectedInThisIteration = false\r\n\r\n // Set destination filter as selected if has selected values\r\n if (DESTINATION_FILTER_TYPES.includes(filterType) && filterModel && updateDestinationFilter) {\r\n selectedInThisIteration = !this._getSelectedDestinationFilterByType(filterType).selected &&\r\n filterModel.hasSelectedValues()\r\n this._getSelectedDestinationFilterByType(filterType).selected = filterModel.hasSelectedValues()\r\n }\r\n\r\n // Omit unknown & empty filters (no selected values)\r\n if (!filterModel || !filterModel.getSelectedValues().length) return arr\r\n\r\n // Remove values for a destination filter if it hasn't been selected in this call of updateSelectedFilters\r\n // and the parent filter has no values\r\n if (DESTINATION_FILTER_TYPES.includes(filterType) && updateDestinationFilter) {\r\n const parentFilterModel = this.filtersCollection.findWhere('type', filterModel.attributes.parentFilterType)\r\n if (parentFilterModel && !parentFilterModel.getSelectedValues().length && !selectedInThisIteration) {\r\n filterModel.clearSelection({ silent: true })\r\n this.selectedValues[filterType] = undefined\r\n this._getSelectedDestinationFilterByType(filterType).selected = false\r\n return arr\r\n }\r\n }\r\n\r\n // Push the data\r\n arr.push({\r\n type: filterType,\r\n values: filterModel.getSelectedValues(),\r\n captions: filterModel\r\n .getSelectedModels()\r\n .map(valueModel => valueModel.getAttribute('caption')),\r\n isMandatory: filterModel.isMandatory()\r\n })\r\n return arr\r\n }, [])\r\n return selectedFiltersData\r\n }\r\n\r\n _getSelectedDestinationFilterByType (filterType) {\r\n return this.destinationFilters.find(v => v.name === filterType)\r\n }\r\n\r\n /**\r\n * Update Results\r\n *\r\n * @param {SearchResultData[]} [freshResults] - The filters data\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateResults (freshResults = [], accoTips = [], collectionTeaser = null) {\r\n // Destroy components on results\r\n Component.destroyDocumentComponents(this.elements.results)\r\n\r\n const resultsElements = freshResults.map(result => {\r\n // Prepare a better urgency messages\r\n const urgencyMessages = []\r\n if (result.amountOfBookingsText) urgencyMessages.push(result.amountOfBookingsText)\r\n if (result.lastBookingDateText) urgencyMessages.push(result.lastBookingDateText)\r\n\r\n const campaignUrl = result.campaign ? `${this.campaignDetailsUrl}?campaignid=${result.campaign.id}&contextItemId=${this.queryParams.contextitemid}` : ''\r\n // Return rendered result\r\n const parentContextItemId = this.queryParams.contextitemid\r\n const template = this.toggleCardTemplate\r\n ? ProductCardTemplate({ ...result, urgencyMessages, campaignUrl, parentContextItemId }, this.locales)\r\n : SearchResultTemplate({ ...result, urgencyMessages, campaignUrl, parentContextItemId }, this.locales, this.useProductCardFooter)\r\n return template\r\n })\r\n\r\n // If there's collection teaser data, it will be pre-prended to the results.\r\n if (collectionTeaser) {\r\n resultsElements.unshift(CollectionTeaserTemplate(collectionTeaser))\r\n }\r\n\r\n this.events.emit(searchEvents.SEARCH_RESULTS, freshResults)\r\n\r\n // Update HTML with results\r\n this.elements.results.innerHTML = this.generateResultsHTML(accoTips, resultsElements, defaultAccoTipsPosition)\r\n\r\n window.dispatchEvent(this.resultsRenderedEvent)\r\n\r\n bindClickEventToResults(freshResults, this._getLinksForEachResult(), this.onClickSearchResult, this.events)\r\n\r\n const accoTipsElement = this.elements.results.querySelector(`.${ELEMENT_QUERIES.accoTips}`)\r\n\r\n if (accoTips && accoTips.length > 0) {\r\n accoTips = accoTips.map(item => {\r\n return {\r\n ...item,\r\n image: Array.isArray(item.images) && item.images.length > 0 ? item.images[0] : '',\r\n isAccoTip: true\r\n }\r\n })\r\n\r\n const accoTipsApi = new AccoLister(accoTipsElement,\r\n {\r\n id: this.element.id,\r\n variant: 'tips',\r\n packagesPerSlide: defaultAccoTipsPerSlide,\r\n acmModalId: 'w-search__modal',\r\n originList: 'acco-tips',\r\n priceLabelText: this.locales.priceLegend,\r\n items: accoTips\r\n })\r\n\r\n this.childComponents = {\r\n ...this.childComponents,\r\n accoTipsAPI: accoTipsApi\r\n }\r\n }\r\n\r\n Img.createInstancesOnDocument(this.elements.results)\r\n Component.initDocumentComponentsFromAPI(this.elements.results)\r\n Component.initComponentActionElements(this.elements.results)\r\n\r\n this.subscribeToFavoritesBtnEvents(freshResults)\r\n\r\n return this\r\n }\r\n\r\n _getLinksForEachResult () {\r\n const selector = this.toggleCardTemplate ? '.c-product-card' : '.c-search-result'\r\n const resultElements = Array.from(this.elements.results.querySelectorAll(selector))\r\n return resultElements.map(result => Array.from(result.querySelectorAll(`${selector}__link`)))\r\n }\r\n\r\n subscribeToFavoritesBtnEvents (results) {\r\n const btns = this.elements.results.querySelectorAll(`.${ELEMENT_QUERIES.favoriteBtn}`)\r\n btns.forEach((btn, index) => {\r\n const favoriteBtnApi = btn[ELEMENT_QUERIES.favoriteBtn]\r\n const getResult = (id) => results.find(result => `${result.id}` === id)\r\n\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_MODAL_OPEN, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_MODAL_OPEN, { ...resultData, position: index })\r\n })\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_MODAL_CLOSE, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_MODAL_CLOSE, { ...resultData, position: index })\r\n })\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_SIGNUP, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_SIGNUP, { ...resultData, position: index })\r\n })\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_LOGIN, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_LOGIN, { ...resultData, position: index })\r\n })\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_ADD, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_ADD, { ...resultData, position: index })\r\n })\r\n favoriteBtnApi.events.on(favoriteEvents.FAVORITE_REMOVE, (data) => {\r\n const resultData = getResult(data.id)\r\n this.events.emit(favoriteEvents.FAVORITE_REMOVE, { ...resultData, position: index })\r\n })\r\n })\r\n }\r\n\r\n onClickSearchResult (ev, result, events) {\r\n events.emit(searchEvents.SEARCH_RESULT_CLICK, { data: { ...result }, event: ev })\r\n }\r\n\r\n // Insert the 'accoTips' html in 'position' between the 'results'\r\n generateResultsHTML (accoTips = [], resultsElements = [], position = 0) {\r\n if (!accoTips || accoTips.length === 0) {\r\n return resultsElements.join('')\r\n } else {\r\n return [...resultsElements.slice(0, position), this.insertAccoTipsWrapperHTML(), ...resultsElements.slice(position, resultsElements.length)].join('')\r\n }\r\n }\r\n\r\n insertAccoTipsWrapperHTML () {\r\n const title = this.element.getAttribute(ELEMENT_QUERIES.accoTipsTitleAttr)\r\n return `\r\n\r\n
`\r\n }\r\n\r\n /**\r\n * Update Pagination\r\n *\r\n * @param {Object} pagination - Pagination details as received from api\r\n * @param {Number} pagination.offset - First result shown\r\n * @param {Number} pagination.limit - Results per page\r\n * @param {Number} pagination.totalResults - Results per page\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updatePagination (pagination) {\r\n if (!pagination || !this.childComponents || !this.childComponents.pagination) return this\r\n\r\n this.pagination = pagination\r\n const totalPages = Math.ceil(pagination.totalResults / pagination.limit)\r\n const currentPage = (pagination.offset / pagination.limit) + 1\r\n this.childComponents.pagination.setProps({ currentPage, totalPages }, { silent: true })\r\n return this\r\n }\r\n\r\n /**\r\n * Update Sort (by popularity, price...)\r\n *\r\n * @param {String} sortValue\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateSort (sortValue) {\r\n if (!sortValue) return this\r\n if (!this.childComponents.sort.length) return this\r\n\r\n this.childComponents.sort.forEach(element => {\r\n element.setProp('value', sortValue, { silent: true })\r\n })\r\n\r\n this.togglePopularityTooltip(sortValue)\r\n\r\n return this\r\n }\r\n\r\n /**\r\n * Update Browser's url with all the params excepting the implicit ones (config.hiddenParams)\r\n *\r\n * @param {String} searchString - Part of the search already created\r\n *\r\n * @returns {Search} self instance\r\n */\r\n updateBrowserUrl (searchString) {\r\n window.history.pushState(\r\n '',\r\n '',\r\n buildUrlWithParams(\r\n document.URL.split('?')[0],\r\n this.fixParamsBeforeUse({\r\n ...removeUndefinedKeys(this.selectedValues),\r\n ...this.offFilterParams,\r\n ...this.whiteListedParams,\r\n ...this.passThroughParams\r\n })\r\n ))\r\n return this\r\n }\r\n\r\n /*\r\n * -----------------------------------------------------\r\n * EVENTS RELATED METHODS\r\n * -----------------------------------------------------\r\n * */\r\n\r\n /**\r\n * Handled by any change on filters collection\r\n *\r\n * - Updates Selected Filters\r\n * - Updates with fresh data\r\n */\r\n onChangeFilters (eventArgs) {\r\n const clearFilters = eventArgs?.clearFilters || false\r\n\r\n this.updateSelectedFilters(false)\r\n this.fetchAndUpdate({ clearFilters })\r\n this.updateFiltersOnTopInfoElements()\r\n }\r\n\r\n selectedFiltersChipRemoval (selectedFilterChip, options = {}) {\r\n const [filterType, filterValue] = selectedFilterChip.getAttribute('data-value').split('||||')\r\n const filterCollectionType = this.filtersCollection.findWhere('type', filterType)\r\n\r\n if (filterType === FILTER_TYPES.destination) {\r\n const destinationFilterApi = this.getDestinationFilter()[ELEMENT_QUERIES.destinationMultipleFilter]\r\n destinationFilterApi.updateModelOnChipUpdate(filterValue)\r\n } else if (filterValue === 'all') {\r\n filterCollectionType.clearSelection(options)\r\n } else {\r\n // Safety check. An error occurred (see MN-4541) and cannot be reproduced\r\n // but just for extra safety a null/undefined check has been added.\r\n // Check improved due to error being affecting (see MN-4814).\r\n if (filterCollectionType?.values) {\r\n filterCollectionType.values\r\n .getModelByValue(filterValue)\r\n .setSelection(false, options)\r\n\r\n this.events.emit(searchEvents.SEARCH_REMOVE_SINGLE_CHIP_FILTER,\r\n {\r\n type: filterType,\r\n data: filterCollectionType.values\r\n })\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Handled by click on selectedFiltersElement\r\n *\r\n * - Checks which chip has triggered the event (if any)\r\n * - Remove the selected value from filters\r\n * - Destroy the chip\r\n */\r\n onClickSelectedFiltersChip (ev) {\r\n const selectedFilterChip = ev.target === this.elements.selectedFiltersChips\r\n ? undefined\r\n : ev.target.closest('.c-chip')\r\n if (!selectedFilterChip) return\r\n this.selectedFiltersChipRemoval(selectedFilterChip)\r\n selectedFilterChip.remove()\r\n }\r\n\r\n /**\r\n * Handled by click on clearSelectedFilters button\r\n *\r\n * - Remove every selected filter silently\r\n * - Trigger a change\r\n */\r\n onClickClearSelectedFilters (ev) {\r\n if (this.elements.selectedFiltersClone) {\r\n this.removeChips(this.elements.selectedFiltersClone)\r\n }\r\n this.removeChips(this.elements.selectedFiltersChips)\r\n // Preserve filter on top and mandatory filter values\r\n const filtersOnTopNames = this._getFiltersOnTopNames()\r\n const mandatoryFilterNames = this._getMandatoryFilterNames()\r\n const filtersToMaintain = [...filtersOnTopNames, ...mandatoryFilterNames]\r\n Object.keys(this.selectedValues).forEach(key => {\r\n if (!filtersToMaintain.includes(key)) delete this.selectedValues[key]\r\n })\r\n\r\n this.events.emit('change', { clearFilters: true })\r\n }\r\n\r\n removeChips (selectedChipsElement) {\r\n selectedChipsElement.querySelectorAll('.c-chip').forEach(selectedFilterChip => {\r\n if (!selectedFilterChip.classList.contains('c-chip--mandatory')) {\r\n this.selectedFiltersChipRemoval(selectedFilterChip, { silent: true })\r\n selectedFilterChip.remove()\r\n }\r\n })\r\n }\r\n\r\n /**\r\n * Filters On Top Collapse Methods\r\n *\r\n */\r\n onFilterOnTopCollapse (ev) {\r\n this.filtersOnTopCollapsed = !this.filtersOnTopCollapsed\r\n this.elements.filtersOnTopQSWrapper.classList.toggle('filters_on_top__collapse')\r\n this.elements.filtersOnTopCollapsedContainer.classList.toggle('filters_on_top__collapse')\r\n this.elements.filtersOnTopWrapper.classList.toggle('collapsed-top-filters')\r\n\r\n this.updateFiltersOnTopInfoElements()\r\n\r\n this.elements.filtersOnTopCollapseIcon.classList.add(this.filtersOnTopCollapsed ? 'm-icon--pencil' : 'm-icon--chevron')\r\n this.elements.filtersOnTopCollapseIcon.classList.remove(this.filtersOnTopCollapsed ? 'm-icon--chevron' : 'm-icon--pencil')\r\n this.elements.filtersOnTopCollapseText.innerText = this.filtersOnTopCollapsed ? this.modifyText : this.collapseText\r\n\r\n this.elements.filtersOnTopOverlay.classList[this.filtersOnTopCollapsed ? 'add' : 'remove']('open')\r\n this.elements.filtersOnTopCollapse.classList[this.filtersOnTopCollapsed ? 'add' : 'remove']('close')\r\n }\r\n\r\n updateFiltersOnTopInfoElements () {\r\n const templates = this.getTopFiltersDataTemplates()\r\n if (this.elements.filtersOnTop) this.elements.filtersOnTopCollapsedContainer.innerHTML = templates.join('')\r\n this.elements.topFiltersSummary.innerHTML = templates.join('')\r\n }\r\n\r\n getTopFiltersDataTemplates () {\r\n const selectedTopFiltersData = this._getSelectedFiltersTopData()\r\n const templates = []\r\n\r\n if (this.elements.filtersOnTopParticipants) {\r\n const participantsText = this.elements.filtersOnTopParticipants.querySelector('input').value\r\n const particpantsIcon = this.elements.filtersOnTopParticipants.querySelector('[class*=\"icon\"]')\r\n particpantsIcon.classList.add('w-search__top-filter__minimal--icon')\r\n templates.push(this.collapsedFilterTemplate({ icon: particpantsIcon.outerHTML, content: participantsText }))\r\n }\r\n\r\n selectedTopFiltersData.forEach(data => {\r\n const icon = document.querySelector(`[data-w-filters__name=\"${data.type}\"]`).querySelector('.c-textbox__icon, .c-dropdown__icon')\r\n icon.classList.add('w-search__top-filter__minimal--icon')\r\n\r\n if (data.type === FILTER_TYPES.DEPARTURE_DATE) {\r\n const text = customChipsTextTransformations[data.type](this, data)\r\n templates.push(this.collapsedFilterTemplate({ icon: icon.outerHTML, content: text }))\r\n } else if (data.type === FILTER_TYPES.DESTINATION) {\r\n const text = this.getDestinationFilter()[ELEMENT_QUERIES.destinationMultipleFilter]\r\n .getSelectedOptions()\r\n .map(value => value.attributes.caption).join(', ')\r\n\r\n templates.push(this.collapsedFilterTemplate({ icon: icon.outerHTML, content: text }))\r\n } else {\r\n const newIcon = icon.cloneNode(true)\r\n\r\n if (data.type === FILTER_TYPES.TRANSPORT_TYPE && icon.classList.contains('c-dropdown__arrow')) {\r\n newIcon.classList.remove('c-dropdown__arrow')\r\n newIcon.classList.remove('m-icon--chevron-down')\r\n newIcon.classList.remove('m-icon--chevron-up')\r\n newIcon.classList.add('m-icon--car')\r\n }\r\n templates.push(this.collapsedFilterTemplate({ icon: newIcon.outerHTML, content: data.captions.join(', ') }))\r\n }\r\n })\r\n return templates\r\n }\r\n\r\n updateFiltersOnTop () {\r\n if (!this.elements.filtersOnTop) return this\r\n this.collapseText = this.elements.filtersOnTop.getAttribute('filters-on-top__collapse-text') || ''\r\n this.modifyText = this.elements.filtersOnTop.getAttribute('filters-on-top__modify-text') || ''\r\n this.elements.filtersOnTopCollapseText.innerText = this.filtersOnTopCollapsed ? this.modifyText : this.collapseText\r\n\r\n this.toggleFilterOnTopLoader(false)\r\n\r\n return this\r\n }\r\n\r\n toggleFilterOnTopLoader (open) {\r\n if (!this.elements.filtersOnTop) return\r\n\r\n this.elements.filtersOnTopLoader.classList[open ? 'add' : 'remove']('open')\r\n this.elements.filtersOnTopWrapper.classList[open ? 'add' : 'remove']('close')\r\n\r\n // Remove search page padding\r\n if (document) {\r\n const searchPage = document.querySelector('.t-searchpage')\r\n if (searchPage) searchPage.querySelector('.l-site-main').classList.add('w-search__top-filters__body')\r\n }\r\n }\r\n\r\n collapsedFilterTemplate (filter) {\r\n return `${title || ''}
\r\n \r\n\r\n ${filter.icon}\r\n ${filter.content}\r\n
`\r\n }\r\n\r\n clearSelectedFiltersTemplate () {\r\n const text = this.element.querySelector('.w-search__selected-filters').getAttribute('data-w-search__clear-filters-text') || ''\r\n return `\r\n ${BtnTemplate({ text, variant: 'flat', extraClasses: 'w-search__clear' })}\r\n
`\r\n }\r\n\r\n _getSelectedFiltersTopData () {\r\n const selectedFiltersData = this._getSelectedFiltersData(false)\r\n const filtersOnTopNames = this._getFiltersOnTopNames()\r\n\r\n // Compare selecterdFiltersData against filters to get the used filters\r\n const selectedTopFiltersData = selectedFiltersData.filter(filter => filtersOnTopNames.some(filterName => filter.type === filterName))\r\n return selectedTopFiltersData\r\n }\r\n\r\n _getFiltersOnTopNames () {\r\n if (this.elements.filtersOnTop) {\r\n const filters = this.elements.filtersOnTop.querySelectorAll('fieldset')\r\n return [...filters].map(filter => filter.getAttribute('data-w-filters__name')).filter(f => f !== null)\r\n }\r\n return []\r\n }\r\n\r\n _getMandatoryFilterNames () {\r\n return this.filtersCollection.models.filter(f => f.getAttribute('isMandatory') === true).map(f => f.getAttribute('type'))\r\n }\r\n\r\n // Maps\r\n\r\n updateMapData (data, geoBoundingFiltered) {\r\n if (this.childComponents.map) {\r\n this.childComponents.map.setMapData(data, this.filtersCollection, this.selectedValues, geoBoundingFiltered)\r\n }\r\n return this\r\n }\r\n\r\n removeDestinationFilter (filterType) {\r\n const filterModel = this.filtersCollection\r\n .findWhere('type', filterType)\r\n if (!filterModel || !filterModel.getSelectedValues().length) return\r\n filterModel.clearSelection({ silent: true })\r\n this.selectedValues[filterType] = undefined\r\n this._getSelectedDestinationFilterByType(filterType).selected = false\r\n }\r\n\r\n removeDestinationFilters () {\r\n this.removeDestinationFilter(DESTINATION_FILTER_TYPES.COUNTRY)\r\n this.removeDestinationFilter(DESTINATION_FILTER_TYPES.REGION)\r\n this.removeDestinationFilter(DESTINATION_FILTER_TYPES.SUBREGION)\r\n this.removeDestinationFilter(DESTINATION_FILTER_TYPES.CITY)\r\n this.removeDestinationFilter(DESTINATION_FILTER_TYPES.DESTINATION)\r\n }\r\n\r\n anyDestinationFilterSelected () {\r\n let anySelected = false\r\n DESTINATION_FILTER_TYPES.forEach(f => { anySelected = this._getSelectedDestinationFilterByType(f).selected || anySelected })\r\n return anySelected\r\n }\r\n\r\n showChipsToFiltersComponent (show) {\r\n this.elements.selectedFiltersContainer.classList[show ? 'remove' : 'add']('hide')\r\n }\r\n\r\n insertSelectedFiltersContainerToFiltersComponent () {\r\n this.elements.selectedFiltersContainer = elementFromString(`\r\n \r\n \r\n
`)\r\n\r\n this.elements.searchFiltersBodyContent.insertBefore(this.elements.selectedFiltersContainer, this.elements.searchFiltersBodyContent.children[0])\r\n if (this.elements.selectedFilters) {\r\n this.elements.selectedFiltersClone = this.elements.selectedFilters.cloneNode(true)\r\n this.elements.selectedFiltersClone.classList.remove('is-empty')\r\n this.elements.selectedFiltersContainer.appendChild(this.elements.selectedFiltersClone)\r\n this.elements.selectedFiltersClone.addEventListener('click', (ev) => this.onClickSelectedFiltersChip(ev))\r\n }\r\n this.elements.topFiltersSummary = this.element.querySelector(ELEMENT_QUERIES.topFiltersSummary)\r\n }\r\n\r\n addShowHideFiltersSummaryEvents () {\r\n this.elements.filtersWrapper['c-side-drawer'].events.on('opened', () => this.showChipsToFiltersComponent(true))\r\n this.elements.filtersWrapper['c-side-drawer'].events.on('closed', () => this.showChipsToFiltersComponent(false))\r\n if (!this.childComponents.map) return\r\n this.childComponents.map.modalAPI.events.on('opening', () => this.showChipsToFiltersComponent(true))\r\n this.childComponents.map.modalAPI.events.on('close', () => this.showChipsToFiltersComponent(false))\r\n }\r\n\r\n togglePopularityTooltip (value) {\r\n const isHidden = value !== 'Popularity'\r\n this.elements.popularityTooltips.forEach(tooltip => {\r\n tooltip.classList.toggle('u-hidden', isHidden)\r\n })\r\n }\r\n}\r\n\r\nconst options = buildSearchWidgetOptions()\r\nregisterWidget(Search, WIDGET_API, options)\r\n","export function adaptPriceRangeChangePayload (configuration, priceRange) {\r\n const { maxPrice, step } = configuration\r\n const [lowestPrice, highestPrice] = priceRange\r\n\r\n const isOpenRange = highestPrice === null\r\n const ensuredHighestPrice = isOpenRange ? maxPrice : highestPrice\r\n const elementsInRange = ((ensuredHighestPrice - lowestPrice) / step) + 1\r\n\r\n const range = Array(elementsInRange)\r\n .fill(lowestPrice)\r\n .map((price, i) => String(price + i * step))\r\n\r\n if (isOpenRange) {\r\n return [...range, '999999']\r\n }\r\n\r\n return range\r\n}\r\n","export function buildSearchWidgetOptions (dependencies = {}) {\r\n const {\r\n environment = process.env.NODE_ENV\r\n } = dependencies\r\n\r\n return {\r\n url: environment === 'development' && 'http://localhost:3000/api/sitecore/SearchApi/GetSearchResponse'\r\n }\r\n}\r\n"],"names":["TRANSPORT_TYPE_VALUES","FLIGHT","BUS","SELF_DRIVE","FILTER_TYPES","DESTINATION","PARTICIPANTS","PARTICIPANTS_DISTRIBUTION","TRANSPORT_TYPE","DURATION","DURATIONS","DURATION_GROUP","DEPARTURE_AIRPORT","ARRIVAL_AIRPORT","MEALPLAN","MONTH","DEPARTURE_DATE","ALLOCATION","ROOM_TYPE","STARS","COUNTRY","CITY","SUBREGION","REGION","LAST_MINUTE","PRICE_PER_PERSON","ROOM_COUNT","SKI_AREA_MINIMUM_ALTITUDE_METERS","BATHROOM_COUNT","FACILITIES","INTERNET_FACILITIES","CHILDREN_FACILITIES","IS_WIFI_FREE","RECOMMENDED","CAMPAIGNS","THEMES","ACCOMMODATION_TYPE","CUSTOMERS_RATING","METERS_TO_CENTER","METERS_TO_SLOPE","METERS_TO_SKILIFT","METERS_TO_BEACH","DISCOUNT","BEDS_IN_LIVING_ROOM","SKI_PASS_INCLUDED","SKI_AREA_SLOPE_KMS","HAS_AVAILABILITY","FLIGHT_ONLY","COLLECTION","AIRLINE","DESTINATION_FILTER_TYPES","defaultBreadcrumbsData","structuredData","unclickable","items","extraClasses","BreadcrumbsTemplate","model","_objectSpread","length","map","item","last","concat","index","BreadcrumbsItemTemplate","join","trim","href","text","defaultPriceData","value","currency","currencyPosition","priceSuffix","pricePrefix","size","saleText","oldPrice","legend","acmUrl","acmModalId","acmHideInfoIcon","publicPrice","publicPriceDetail","hasUiTest","PriceTemplate","d","discount","discountText","discountTemplate","undefined","icon","BtnTemplate","defaultButtonData","variant","block","link","label","labelGrayed","label2","ACM_PARAMS_MAP","transportType","departureDateRaw","durationRaw","birthdates","mealplanCode","allocation","createAcmUrlFromParams","baseUrl","params","fixedParams","Object","keys","reduce","result","paramKey","getUrlFromString","getACMPriceLabel","replace","staticText","attributes","modalId","tokensShared","require","tokensBrand","error","globalLocales","register","language","searchLocales","tokens","COMPONENT_LOCALES","defaultProductCardData","id","isFavorite","isUnavailable","images","name","usps","urlWithFilters","collection","ProductCardTemplate","staticTexts","origin","getProcessedCollectionDataFromItem","rating","featuredFilters","mealplan","occupancy","departureDate","departureDateDetail","duration","highestRatedCategory","userRating","Math","round","parentContextItemId","publicationCode","Array","isArray","SliderTemplate","luminosity","getTokenClass","i","imageUrl","getImageTemplateForSlider","LabelTemplate","locations","location","usp","urgencyMessages","urgencyMessage","campaign","campaignUrl","title","price","yieldCampaignLogo","src","getFooter","_d$price$priceDiscoun","_d$price$publicPrice","_d$price$priceDiscoun2","_d$price$acmInformati","_d$price$acmInformati2","_d$price","_d$price2","_d$price3","includedServices","locales","unAvailableTitle","unAvailableText","subscribe","BulletListTemplate","filter","service","averagePrice","currencySettings","symbol","symbolPosition","priceDiscounts","discountPercentage","originalPrice","acmInformation","mandatoryExtraCostsText","priceLegend","discountSaveText","skiPassPublicPriceText","description","button","target","defaultSearchResultData","isFlightOnly","isHighlighted","SearchResultTemplate","productName","imageUrlRescaled","useProductCardFooter","arguments","encodeAttributes","ImgTemplate","resolvedSrc","sync","ratio","getSliderItems","mostBookedInDestinationText","isMarketExclusive","customUSP","sunwebOnly","isSustainable","sustainable","campaignUSP","PackageBlockTemplate","defaultPackageBlockData","arrivalDate","arrivalDateDetail","filters","values","outboundDepartureAirportName","onRequest","getImageTemplate","url","highlightedWord","bulletIcon","modifiedTitle","TableTemplate","innerHTML","TableItemTemplate","_regeneratorRuntime","e","t","r","prototype","n","hasOwnProperty","o","defineProperty","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","type","arg","call","h","l","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","getPrototypeOf","v","g","defineIteratorMethods","forEach","_invoke","AsyncIterator","invoke","_typeof","resolve","__await","then","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","return","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","isNaN","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","catch","delegateYield","asyncGeneratorStep","gen","reject","_next","_throw","key","info","_arrayLikeToArray","arr","len","arr2","ownKeys","getOwnPropertySymbols","getOwnPropertyDescriptor","apply","obj","_toPropertyKey","getOwnPropertyDescriptors","defineProperties","_defineProperties","props","descriptor","input","hint","prim","toPrimitive","res","String","_toPrimitive","EventEmitter","widgetApi","widgetQueries","urlAttr","urlAcmAttr","priceLabelTextAttr","sliderAttr","variantAttr","showCtaButtonAttr","ctaButtonTextAttr","extraParams","resultsElement","trackAttr","AccoLister","_fetchAndUpdate","element","options","instance","Constructor","_classCallCheck","this","querySelector","packageItems","events","track","hasAttribute","registeredEvents","registerWidgetEvents","getAttribute","acmBaseUrl","priceLabelText","showCtaButton","ctaButtonText","urlParams","getExtraParameters","getAccoListerTipsTemplate","bindClickEventToResults","_getLinksForEachResult","onClickItem","fetchAndUpdate","console","warn","protoProps","_this","emit","accoListerEvents","ACCO_LISTER_PRINTED","_item$price$priceDisc","processPackageItem","priceLabel","priceLabel2","priceLabelGrayed","originList","AccoListerContentTemplate","extraParamsElements","querySelectorAll","_arrayWithoutHoles","iter","from","_iterableToArray","minLen","toString","test","_unsupportedIterableToArray","_nonIterableSpread","el","fn","_callee","absoluteUrl","results","_context","fetchJsonData","fullReferrerOnCrossOrigin","classList","remove","Component","initDocumentComponentsFromAPI","initComponentActionElements","Img","createInstancesOnDocument","self","args","err","ev","ACCO_LISTER_ITEM_CLICKED","data","event","registerWidget","componentLocales","modal","mapInteractive","mapInteractiveContainer","resultsContainer","infoWindowContainer","searchModal","refreshBtn","resultsBtn","filtersBtn","resultsShowingDestinationsClass","refreshBtnShowingDestinationsClass","resultsHideClass","filtersHideClass","searchResult","searchResultIdAttr","mapFilters","filtersContainer","btnGroup","btnGroupApi","search","searchFiltersId","selectedFiltersContent","searchSelectedFilters","mapLoader","mobileFilterBtn","noAccommodationResultsClass","leftWrapper","SearchMap","_getHtmlElements","mapApi","settings","getData","on","_openingMap","_onOpenModal","_closeMap","_openAcmModal","_closeAcmModal","_changeActiveTab","locals","_getLocales","emitChange","onBoundsChangedDebounce","debounce","setMapData","_setMapData","bind","getGeoBoundingBox","_getGeoBoundingBox","getLimit","_getLimit","enableMap","_enableMap","isOpen","_isOpen","clearMap","_clearMap","modalAPI","addEventListener","_refreshBtnClick","searchFilters","_openFilters","_closeFilters","closeFiltersBtn","_clickCloseFiltersBtn","resultType","useDestinationClustering","document","getElementById","filterResultsContainer","searchElement","searchFiltersParentElement","parentElement","mapFiltersContainer","searchSelectedFiltersParentElement","filtersCollection","selectedValues","geoBoundingFiltered","changedData","_setResultType","opened","_refreshMap","click","appendChild","_waitForLoadedMapBeforeOpening","_isBodyScrollingLocked","documentElement","style","overflow","body","scroll","loadOnOpen","markerId","postRefreshMap","zoomToMarkers","display","_addEventsOnceToMap","mapResultsLessThanMapLimit","mapLimit","aNewCallWouldReturnMoreResults","pagination","totalResults","_this2","window","google","maps","_openMap","setTimeout","searchMapEvents","SEARCH_MAP_REFRESH","enabled","_emptyResultsContainer","_enableRefreshBtn","_addLoaderOnResultsContainer","_enableMapComponent","_enableMobileFilterBtn","_enableMobileCloseFiltersBtn","setProps","disabled","loading","close","_clearInfoWindow","_clearActiveMarker","SEARCH_MAP_CLOSED","add","searchResultsTemplate","_this3","searchResultTemplate","initAPI","searchResultsData","_this4","searchResultData","geolocation","_defineProperty","_this5","children","searchResultMarker","getMarker","searchResultMarkerActiveClass","className","includes","setLabelMarker","getMap","cloneMarkerId","clonedMarker","setMap","addMarker","position","lat","lng","icons","markerType","_showClusterWithMarker","show","clusterer","getMarkerClusterer","marker","markers_","setVisible","cluster","_getClusterContainingMarker","repaint","_step","foundCluster","_iterator","_createForOfIteratorHelper","getClusters","_step2","_iterator2","loader","LoaderTemplate","_buildDestinationResults","zoomEvent","_getResultsToShow","_setResultsMarkers","updateResults","_this6","latitude","parseFloat","longitude","default","active","isDestination","callBack","zoomCluster","clickOnPriceMarker","_highlightSearchResult","count","_formatPrice","useAccommodationClustering","createClusterMarkers","gridSize","parseInt","minimumClusterSize","removeClusterMarkers","panTo","internalPosition","highlightClassName","searchResultSelected","domEvent","clearMarkers","_this7","activeInfoWindow","find","cardHtml","_createInfoWindow","addListenerOnce","_showInfoCard","activeMarker","getActiveMarker","visited","removeActiveMarker","elementFromString","every","_createSearchResultTemplate","_addSearchResultsOnResultsContainer","_attachSearchResultEvent","customLocaleElement","customLocaleData","JSON","parse","textContent","_toConsumableArray","_this8","models","getValueFromMetaData","toLowerCase","destinationFiltered","bounds","getBounds","ne","getNorthEast","sw","getSouthWest","Map","contains","_this9","addedEvents","addListener","zoomLevel","zoom","Destination","destinationFilter","selectedCountries","isSelected","selectedRegions","parentId","selectedCities","shouldStayAtRegionLevel","Region","City","Country","_this10","backdrop","SEARCH_FILTERS_APPLIED","SEARCH_RESULTS","SEARCH_ERROR","SEARCH_REMOVE_SINGLE_CHIP_FILTER","SEARCH_RESULT_CLICK","SEARCH_MODIFIER_CHANGE","SEARCH_SORT_CHANGE","SEARCH_PAGINATION_CHANGE","SEARCH_MAP_OPENED","defaultSearchMessageData","isHidden","tokensCollections","defaultCollectionTeaserData","collectionLabelHidden","image","html","DEFAULT_OPTIONS","choiceList","ChoiceListFilter","filterModel","choiceListElement","choiceListName","choiceListApi","isDynamic","setFilterModel","setChoiceListOptionsToFilter","setChoiceListOptions","setProp","silent","getChoiceListOptionsFromFilter","forceUpdate","clearSelection","setSelectedValues","getSelectedValues","groups","Set","some","_mapModel","group","capitalizeString","checked","_generateOptionText","RatingTemplate","range","PriceFilter","rangeElement","rangeApi","setRangeOptionsToFilter","setRangeOptions","getRangeOptionsFromFilter","priceFilterEvents","PRICE_FILTERS_APPLIED","getSelectedModels","fm","caption","getProp","selectedOptions","getSelectedOptions","minIndex","maxIndex","option","selected","WIDGET_API","COLLAPSE_API","MAP_API","ELEMENT_QUERIES","campaignDetailsUrl","defaultQueryStringAttr","resultOnlyAttr","filtersElement","filtersTopElement","sortElement","filterElements","filterViewAttr","filterNameAttr","filterGroups","selectedFilters","selectedFiltersChips","selectedFiltersClear","totalResultsAttr","availableResults","availableResultsAttr","paginationElement","errorMessage","noResultsMessage","clearFiltersTrigger","collapseElements","accoTipsTitleAttr","accoTips","filtersOnTopCollapse","mapElement","filtersMobileButton","showMapButton","searchFiltersBodyContent","selectedFiltersContainer","topFiltersSummary","favCleanerButton","messageWrapper","participantsWarningTitleAttr","participantsWarningMessageAttr","popularityTooltip","toggleProductCard","destinationMultipleFilter","favoriteBtn","priceElement","FILTERS_ON_TOP","FILTERS_ON_TOP_ELEMENT_QUERIES","filtersOnTop","filtersOnTopQSWrapper","filtersOnTopCollapsedContainer","filtersOnTopWrapper","filtersOnTopParticipants","filtersOnTopMinimalIcon","filtersOnTopMinimalText","filtersOnTopCollapseIcon","filtersOnTopCollapseText","filtersOnTopOverlay","filtersOnTopLoader","KNOWN_FILTER_VIEWS","dates","DatesFilter","dropdown","DropdownFilter","DropdownMultipleFilter","participants","ParticipantsFilter","airport","AirportFilter","destination","DestinationFilter","DropdownDynamicFilter","HIDDEN_FILTER_TYPES","getSearchParamsFromUrl","useUndefinedValue","targetUrl","URL","searchParams","entries","_ref","_ref2","_slicedToArray","val","get","set","SEARCH_PRICE_RANGE_CHANGE","SEARCH_FILTERS_INIT","SEARCH_API_RESPONSE_SUCCESS","_asyncToGenerator","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","config","debounceDelay","behavior","hiddenParams","offFilterParams","customFilterDataTransformations","PricePerPerson","DepartureDate","customChipsTextTransformations","searchApi","captions","filterViews","textBoxInput","Search","_fetchAndUpdateMap","elements","runElementQueries","childComponents","accessChildComponentsApis","toggleCardTemplate","destinationFilters","whiteListedParams","GET_WHITELISTED_PARAMS","passThroughParams","GET_PASSTHROUGH_PARAMS","defaultQueryString","isResultOnly","insertSelectedFiltersContainerToFiltersComponent","sanitizedQueryString","splitQueryString","split","sanitizeQueryString","defaultQueryParams","queryParams","getExtraParamsFromDom","correctParams","getParticipantsDataFromComponent","getSelectedValuesFromURL","param","isFirstLoad","debouncedOnChangeFilters","onChangeFilters","bindEvents","resultsRenderedEvent","CustomEvent","removeDefaultQueryParams","filtersOnTopCollapsed","collapseText","modifyText","toggleFilterOnTopLoader","boundingBox","addShowHideFiltersSummaryEvents","eventBus","configuration","priceRange","maxPrice","step","_priceRange","lowestPrice","highestPrice","isOpenRange","adaptedRange","fill","findWhere","sortElements","filtersWrapper","filtersTopWrapper","showMapButtons","participantsWarningTitle","participantsWarningMessage","popularityTooltips","sort","collapseAPIs","_getParticipantsSelectorAPI","Participants","participantsSelectorAPI","getParticipantsData","Allocation","getAllocation","ageProfiles","getParticipantsByAgeProfiles","_ref3","_ref4","participantsSelector","offset","currentPage","limit","searchEvents","scrollIntoView","preventDefault","onClickClearSelectedFilters","changes","btn","updateFiltersOnTopInfoElements","fetchAndUpdateMap","updateFilterGroupsVisibility","_domEvents","onFilterOnTopCollapse","onClickSelectedFiltersChip","domEventsHelper","attachEvents","filtersData","FiltersCollection","getFiltersSelectedValuesObject","anySideBarFilterSelected","_isAnySideBarFilterSelected","clearFilters","filterView","filterName","getAttributeNames","attrKey","indexOf","filterData","toCamelCase","_ref5","_ref6","attrValue","_setFiltersVisibility","filterViewObject","view","selectedValuesObj","filtersOnTopNames","_getFiltersOnTopNames","otherExcludedFilters","excludedFilters","_i","_Object$entries","_Object$entries$_i","shouldHide","TransportType","toggle","isMap","requestUrl","newData","_args","setEnabledState","anyDestinationFilterSelected","fixParamsBeforeUse","removeUndefinedKeys","initFiltersCollection","_postRequestProcessing","t0","updateErrorMessagesVisibility","_x","_callee2","_ref7","_context2","updateSelectedFilters","removeDestinationFilters","participantsSelectorApi","_filter$value","updateParticipantsFilter","part","isMultiselectable","numberOfAvailableResults","sortInfo","property","selectionQueryString","collectionTeaser","initFilters","updateTotalResults","updateAvailableResults","updatePagination","updateSort","updateBrowserUrl","updateWarningMessagesVisibility","updateFiltersOnTop","updateMapData","updateParticipantsFilterOnIsFlightOnly","arrayifyObject","newObj","_ref8","_ref9","relevantUrlParams","EXCLUDE_WHITELISTED_PARAMS","defaultParams","derrayifyObject","groupIsEmpty","collapse","update","amount","totalResultsPattern","innerText","availableResultsAmount","availableResultsPattern","emptyResults","isError","anyRoomLengthMoreThanThreshold","room","roomLength","message","BoxTemplate","defaultBoxData","TitleTemplate","isAfterFetch","_deselectDatesFilters","selectedFiltersData","_getSelectedFiltersData","sidebarFilters","destinationChipsTemplates","getDestinationFilterChips","selectedFiltersCipsTemplates","ChipTemplate","highlighted","isMandatory","mandatory","removable","clearSelectedFiltersTemplate","selectedFiltersClone","checkIfSelectedFiltersIsEmpty","selectedFiltersApplied","getParticipantsAgeProfiles","getDestinationFilter","destinationChips","getChipsElements","newFiltersData","previousLastMinute","stringify","currentLastMinute","previousDepartureDate","currentDepartureDate","Lastminute","updateDestinationFilter","filterType","selectedInThisIteration","_getSelectedDestinationFilterByType","hasSelectedValues","parentFilterModel","parentFilterType","valueModel","freshResults","destroyDocumentComponents","collectionId","resultsElements","amountOfBookingsText","lastBookingDateText","contextitemid","unshift","getToken","getCollectionIcon","colorScheme","generateResultsHTML","dispatchEvent","onClickSearchResult","accoTipsElement","isAccoTip","accoTipsApi","packagesPerSlide","accoTipsAPI","subscribeToFavoritesBtnEvents","selector","favoriteBtnApi","getResult","favoriteEvents","FAVORITE_MODAL_OPEN","resultData","FAVORITE_MODAL_CLOSE","FAVORITE_SIGNUP","FAVORITE_LOGIN","FAVORITE_ADD","FAVORITE_REMOVE","insertAccoTipsWrapperHTML","totalPages","ceil","sortValue","togglePopularityTooltip","searchString","history","pushState","buildUrlWithParams","eventArgs","selectedFilterChip","_selectedFilterChip$g2","filterValue","filterCollectionType","updateModelOnChipUpdate","getModelByValue","setSelection","closest","selectedFiltersChipRemoval","removeChips","mandatoryFilterNames","_getMandatoryFilterNames","filtersToMaintain","selectedChipsElement","_this11","templates","getTopFiltersDataTemplates","_this12","selectedTopFiltersData","_getSelectedFiltersTopData","participantsText","particpantsIcon","collapsedFilterTemplate","outerHTML","content","newIcon","cloneNode","open","searchPage","removeDestinationFilter","_this13","anySelected","_this14","insertBefore","_this15","showChipsToFiltersComponent","tooltip","_dependencies$environ","environment","process","buildSearchWidgetOptions"],"sourceRoot":""}