${highlightLabel}
\n\n ${renderMinPrice(prices, context)}\n
\n \n${pricesMinLabel}
\n\n ${renderPrice(value, literals, context)}\n ${isOffer ? `${icon(Icon || iconPriceDiscount)}` : ''}\n
\n${markdown(justMarriedDescriptionLabel)}
\n ${icon('cancel')}\n `);\n\n return Tooltip(\n addStyle(addData({ content, placement: 'bottom', negative: true }, { type: configuration().type.tooltip }), [\n 'is-just-married'\n ]),\n context\n );\n};\n","/* ==========================================================================\n CardRequest > Templates > Price Tooltip\n ========================================================================== */\n\n/* Import modules */\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\nconst Tooltip = require('@bluekiri/alexandria-contrib-components/components/tooltip/template');\nconst { addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\nconst PriceFormatter = require('@bluekiri/alexandria/core/PriceFormatter');\n\n/**\n * PriceTooltip template\n * @param {object} data\n * @param {object} context The general context object.\n */\nmodule.exports = function PriceTooltipTemplate(data, context) {\n /* Literals */\n const { literals, price, description } = data;\n const { format } = PriceFormatter(context);\n const { markdown } = ViewHelpers(context);\n\n const content = `\n${out}
`;\n })\n .join('')}\n\n ${icon(ICON_MAGNIFIER)}\n ${name}\n
\n ${advantages ? `${icon(ICON_STAR_FILLED)}` : ''}\n\n ${isOffer ? `${icon(ICON_STAR_FILLED)}` : ''}\n ${renderPrice(minPrice, literals, context)}\n
\n\n -\n
\n\n ${renderPrice(minPrice, literals, context)}\n
\n${name}
\n\n ${suggestionText}\n
\n `);\n};\n\n/* Render group */\nconst renderGroup = (data, literals, context) => {\n /* Data */\n const { group = {}, query = '' } = data;\n\n /* Suggestions */\n const { key = '', suggestions = [] } = group;\n\n /* View helpers */\n const { icon } = ViewHelpers(context);\n\n return html(`\n\n ${icon(ICONS[key])}\n ${literals[key] || ''}\n
\n ${html(suggestions.map(item => renderSuggestion({ ...item, query }, context)))}\n `);\n};\n\n/* Render groups */\nconst renderGroups = (data, literals, context) => {\n const { suggestions = [], query = '' } = data;\n\n /* Exit when no suggestions */\n if (suggestions.length < 1) return '';\n\n return html(collectionByGroup(suggestions).map(group => renderGroup({ group, query }, literals, context)));\n};\n\n/* Render suggestions */\nconst renderSuggestions = (data, literals, context) =>\n html(`\n${name}
\n\n ${renderPrice(minPrice, context)}\n
\n${buildLabel(roomInfoLabel, rooms, multicabin)}
`\n : ''\n }\n${subtitle}
\n ${description ? `${description}
` : ''}\n\n `);\n\n return Tooltip(addStyle({ content, placement: 'bottom', negative: true }, ['is-card-request-tooltip']), context);\n};\n","/* ==========================================================================\n CircuitContentCru > Templates > Categories > Departures > Groups > Group\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\n\nconst Item = require('./item');\n\nconst { ICON_PLUS } = require('../../../../../constants/icons');\n\n/* Render categories */\nconst renderCategories = (categories, literals, context) => {\n return html(categories.map(category => Item(category, literals, context)));\n};\n\n/**\n * Group template\n * @param {object} data Object containing the data model for this component.\n * @param {object} literals\n * @param {object} context The general context object.\n * @returns {string} Html template\n */\nmodule.exports = function Group(data, literals, context) {\n /* Data */\n const { id, name, categories } = data;\n\n /* View Helpers */\n const { icon } = ViewHelpers(context);\n\n /* Template */\n return html(`\n\n ${icon(ICON_PLUS)}\n ${name}\n
\n${year}
\n\n ${markdown(offerDescription)}\n
\n `,\n placement: 'bottom',\n negative: true\n },\n { type: configuration().type.tooltip }\n ),\n ['is-offer']\n ),\n context\n );\n};\n","/* ==========================================================================\n CardRequest > Client > Prototype\n ========================================================================== */\n\n/* Import modules */\nconst { fromEvent } = require('rxjs');\nconst { tap, filter, map } = require('rxjs/operators');\n\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\nconst { startFooter, destroyFooter } = require('./footer');\nconst { initAside } = require('./aside');\nconst { addTooltip, destroyTooltip } = require('./tooltip');\nconst { addPriceTooltip, destroyPriceTooltip } = require('./price-tooltip');\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n card: reducer\n });\n\n return this;\n },\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => {\n return this.store.dispatch(actions.destroy());\n },\n display: () => {\n return this.store.dispatch(actions.display());\n },\n hide: () => {\n return this.store.dispatch(actions.hide());\n },\n setData: data => {\n return this.store.dispatch(actions.setData(data));\n }\n };\n\n return this;\n },\n /* Setup reactions */\n setupReactions() {\n if (this.reactions) return this;\n\n this.reactions = {\n destroy: this.store.subscribe((state, action) => {\n if (action.type !== types.DESTROY) return;\n\n /**\n * Footer\n */\n destroyFooter(this);\n }),\n display: this.store.subscribe((state, action) => {\n if (action.type !== types.DISPLAY) return;\n\n const { css } = this.config;\n\n this.element.classList.remove(css.hidden);\n }),\n hide: this.store.subscribe((state, action) => {\n if (action.type !== types.HIDE) return;\n\n const { css } = this.config;\n\n this.element.classList.add(css.hidden);\n }),\n setData: this.store.subscribe((state, action) => {\n if (action.type !== types.SET_DATA) return;\n\n /**\n * Since we have all DOM ready from the templating\n * part to avoid multiple calls to the layout paint\n * from browser, we just have to init its components\n */\n\n /**\n * Footer\n */\n startFooter(this);\n })\n };\n\n return this;\n },\n /* Subscribe */\n subscribe() {\n if (this.subscriptions) this.unsubscribe();\n if (this.hooks.advantages) {\n this.subscriptions = {\n advantagesMouseover: fromEvent(this.hooks.advantages, 'mouseover')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => !this.tooltip),\n map(event => event.target.closest('[data-advantage]')),\n filter(element => element !== null)\n )\n .subscribe(element => {\n const { advantage } = element.dataset;\n addTooltip(this, { type: 'advantages', index: advantage }, element);\n\n this.tooltip.element.classList.add('is-visible');\n }),\n advantagesMouseout: fromEvent(this.hooks.advantages, 'mouseout')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => this.tooltip),\n map(event => event.target.closest('[data-advantage]')),\n filter(element => element !== null)\n )\n .subscribe(() => {\n this.tooltip.element.classList.remove('is-visible');\n destroyTooltip(this);\n })\n };\n }\n if (this.hooks.promotions) {\n this.subscriptions = {\n ...this.subscriptions,\n promotionsMouseover: fromEvent(this.hooks.promotions, 'mouseover')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => !this.tooltip),\n map(event => event.target.closest('[data-type]')),\n filter(element => element !== null)\n )\n .subscribe(element => {\n const index = this.images.promos.map(item => item.element).indexOf(element);\n addTooltip(this, { type: 'promotions', index }, element);\n\n this.tooltip.element.classList.add('is-visible');\n }),\n promotionsMouseout: fromEvent(this.hooks.promotions, 'mouseout')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => this.tooltip),\n map(event => event.target.closest('[data-type]')),\n filter(element => element !== null)\n )\n .subscribe(() => {\n this.tooltip.element.classList.remove('is-visible');\n destroyTooltip(this);\n })\n };\n }\n\n if (this.config.flightAndHotel) {\n const { price, description } = this.config.flightAndHotel;\n\n this.subscriptions = {\n ...this.subscriptions,\n flightHotelClick: fromEvent(this.hooks.flightHotel, 'click').subscribe(() => {\n window.location.href = this.config.flightAndHotel.href;\n })\n };\n\n if (price || description) {\n this.subscriptions = {\n ...this.subscriptions,\n flightHotelOver: fromEvent(this.hooks.flightHotel, 'mouseover')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => !this.priceTooltip)\n )\n .subscribe(() => {\n addPriceTooltip({ price, description }, this.hooks.flightHotel, this);\n\n this.priceTooltip.element.classList.add('is-visible');\n }),\n flightHotelOut: fromEvent(this.hooks.flightHotel, 'mouseout')\n .pipe(\n tap(event => event.stopPropagation()),\n filter(() => this.priceTooltip)\n )\n .subscribe(() => {\n this.priceTooltip.element.classList.remove('is-visible');\n destroyPriceTooltip(this);\n })\n };\n }\n }\n\n return this;\n },\n /* Unsubscribe */\n unsubscribe() {\n if (!this.subscriptions) return this;\n\n [...Object.keys(this.subscriptions)].forEach(key => this.subscriptions[key].unsubscribe());\n\n return this;\n },\n /* Start */\n start() {\n if (!this.config.start) return this;\n\n /* Start logic */\n /* Data */\n const { id = -1, cruDyn, favorite } = this.config;\n\n /* Dispatch action */\n this.actions.setData({\n id,\n cruDyn,\n favourite: !!favorite\n });\n\n return this;\n },\n /* Init */\n init() {\n if (!this.config.init) return this;\n\n /* Setup store */\n this.setupStore();\n\n /* Setup actions */\n this.setupActions();\n\n /* Setup reactions */\n this.setupReactions();\n\n /* Subscribe */\n this.subscribe();\n\n /* Init aside */\n initAside(this);\n\n /* Start */\n this.start();\n\n return this;\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n CircuitContentCru > Client > Categories > Departures > Prices > Items > Loader\n ========================================================================== */\n\n/* Modules */\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst LoaderTempalte = require('../../../../../../../../loader-banner/template');\nconst Loader = require('../../../../../../../../loader-banner/client/js');\n\n/* Init */\nfunction addLoader(instance) {\n const panel = instance;\n\n const { loader, context } = instance.config;\n\n if (!loader) return;\n\n const node = toNode(LoaderTempalte(loader, context))[0];\n\n document.body.appendChild(node);\n\n /* Add class to body */\n document.body.classList.add('has-loader');\n\n panel.loader = Loader();\n\n document.body.querySelector(`[data-component=\"${panel.loader.config.component}\"]`).classList.add('fixed-loader');\n}\n\n/* Exports */\nmodule.exports = {\n addLoader\n};\n","/* ==========================================================================\n CheckboxRxjs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'CheckboxRxjs',\n init: true,\n start: true,\n css: {\n error: 'has-error',\n hidden: 'is-hidden',\n valid: 'is-valid',\n disabled: 'is-disabled',\n withBorder: 'checkbox-rxjs--with-border'\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n Services > Models\n ========================================================================== */\n\n/* Modules */\nconst { of } = require('rxjs');\nconst { fromFetch } = require('rxjs/fetch');\nconst { catchError, switchMap } = require('rxjs/operators');\n\n/* Global variables for AbortController */\nlet modelController;\nlet modelSignal;\n\n/* Exports */\n/**\n * Services\n * @param {object} context,\n * @returns {object} methods api\n */\nmodule.exports = function Services(context) {\n /* Context */\n const {\n modelAjaxEndpoint: url = 'https://www.logitravel.com/cruisesshowcase/ajax/component/GetModelComponent',\n businessAreaName: BusinessAreaName = 'Cruises'\n } = context;\n\n return {\n /**\n * Get model\n * @param {object} data,\n * @returns {object} model\n */\n getModel(data = {}) {\n /* Data */\n const { Name, Arguments } = data;\n\n /* Cancel the previous request */\n if (modelController !== undefined) {\n modelController.abort();\n }\n\n /* Feature detect */\n if ('AbortController' in window) {\n modelController = new AbortController();\n modelSignal = modelController.signal;\n }\n\n return fromFetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n Name,\n BusinessAreaName,\n Arguments\n }),\n signal: modelSignal\n }).pipe(\n switchMap((response = {}) => {\n if (response.ok) {\n return response.json();\n }\n return of({ error: true, message: `Error fetching model ${response.statusText}` });\n }),\n catchError(err => {\n return of({ error: true, message: err.message });\n })\n );\n },\n get(data = {}) {\n /* Data */\n const { url: endpoint, Arguments } = data;\n\n return fromFetch(endpoint, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n ...Arguments\n })\n }).pipe(\n /* */\n switchMap((response = {}) => {\n if (response.ok) {\n return response.json();\n }\n return of({ error: true, message: `Error fetching model ${response.statusText}` });\n }),\n catchError(err => {\n return of({ error: true, message: err.message });\n })\n );\n }\n };\n};\n","/* ==========================================================================\n ImageRxjs > Template\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\nconst { prepareDataConfig } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst configuration = require('./client/js/config');\n\n/* Get resize config */\nconst buildResizeConfig = resize => {\n if (!resize) return false;\n\n return {\n ...configuration().resize,\n ...resize\n };\n};\n\n/* Build src */\nconst buildSrc = (data, context) => {\n /* Data */\n const { src, resize = false, outsider = false } = data;\n\n if (!src) return '';\n\n /* View helpers */\n const { imageResizer, asset } = ViewHelpers(context);\n\n if (outsider) {\n return src;\n }\n\n return resize ? imageResizer(src, buildResizeConfig(resize)) : asset(src);\n};\n\n/* Build alternative */\nconst buildAlternative = (data, context) => {\n /* Data */\n const { alternative, resize = false, outsider = false } = data;\n\n /* View helpers */\n const { imageResizer, asset } = ViewHelpers(context);\n\n if (!alternative) {\n return imageResizer(configuration().lazySrc, buildResizeConfig(resize));\n }\n\n if (outsider) {\n return alternative;\n }\n\n return resize ? imageResizer(alternative, buildResizeConfig(resize)) : asset(alternative);\n};\n\n/* Render link */\nconst renderLink = link => {\n /* Data */\n const { href, title = false, target = false } = link;\n\n return html(`\n \n \n `);\n};\n\n/* Function print image attributes */\nconst getImageAttr = data => {\n const { alt, title = false, width = false, height = false } = data;\n const renderAlt = alt ? `alt='${alt}'` : '';\n const renderTitle = title ? `title='${title}'` : '';\n const renderWidth = width ? `width='${width}'` : '';\n const renderHeight = height ? `height='${height}'` : '';\n\n return `${renderAlt} ${renderTitle} ${renderWidth} ${renderHeight}`;\n};\n\n/* Render lazy image */\nconst renderLazyImage = (data, context) => {\n /* Data */\n const { resize = false } = data;\n\n /* View helpers */\n const { imageResizer } = ViewHelpers(context);\n\n return html(`\n\n ${departureDateLabel}: \n ${description}\n
\n ${\n returnDateDescription\n ? `\n\n ${returnDateLabel}: \n ${returnDateDescription}\n
\n `\n : ''\n }\n ${hasFlights ? `${markdown(hasFlightsLabel)}
` : ''}\n `);\n\n return Tooltip(\n addStyle(addData({ content, placement: 'bottom', negative: true }, { type: configuration().type.tooltip }), [\n 'is-departure-date'\n ]),\n context\n );\n};\n","/* ==========================================================================\n SelectRxjs > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'SelectRxjs',\n init: true,\n start: true,\n events: true,\n css: {\n valid: 'is-valid',\n error: 'has-error',\n active: 'is-active',\n hidden: 'is-hidden',\n withBorder: 'select-rxjs--with-border',\n withLabel: 'select-rxjs--with-label',\n multiple: 'select-rxjs--multiple',\n hasItems: 'has-items',\n disabled: 'is-disabled',\n selected: 'is-selected',\n loading: 'is-loading'\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n AutocompleteRxjs > Client > Services\n ========================================================================== */\n\n/* Modules */\nconst { of } = require('rxjs');\nconst { catchError, switchMap } = require('rxjs/operators');\nconst { fromFetch } = require('rxjs/fetch');\n\nconst BORG_ENDPOINT = '//autocomplete.toolfactory.tech/query';\n\n/* Global variables for AbortController */\nlet controller;\n\n/* Exports */\nmodule.exports = function Services(config = {}) {\n /* Data */\n const { geolocation = false, max = 20, types = [], context, operator, codes = [] } = config;\n const { language } = context;\n\n /* Cancel the previous request */\n if (controller !== undefined) {\n controller.abort();\n }\n\n /* Feature detect */\n if ('AbortController' in window) {\n controller = new AbortController();\n }\n\n /**\n * Get suggestions\n * Params documentation:\n * q: query string to took for\n * f: format\n * g: boolean to include geolocation data\n * n: maximum number of suggestions\n * l: language\n * t: list of types\n * o: list of [codes]\n * p: operator \"OR/AND\"\n *\n * @param {string} text to look for in borg\n * @returns {JSON} data\n */\n function getSuggestions(text = '') {\n /* Build url */\n const url = BORG_ENDPOINT.concat(\n '?',\n `q=${text}`,\n `&f=json`,\n `&g=${geolocation}`,\n `&n=${max}`,\n `&l=${language}`,\n `&t=${types.join(',')}`,\n operator ? `&p=${operator}` : '',\n codes.length ? `&o=${codes.map(code => code)}` : ''\n ).trim();\n\n return fromFetch(url, {\n signal: controller.signal,\n credentials: 'same-origin',\n cache: 'no-store'\n }).pipe(\n switchMap(response => {\n if (response.ok) {\n return response.json();\n }\n return of({ error: true, message: `Error fetching results in borg ${response.statusText}` });\n }),\n catchError(err => of({ error: true, message: err.message }))\n );\n }\n\n return {\n getSuggestions\n };\n};\n","/* ==========================================================================\n CounterRxjs > Client > Store > Actions\n ========================================================================== */\n\n/* Types */\nconst DESTROY = 'COUNTER::DESTROY';\nconst DISPLAY = 'COUNTER::DISPLAY';\nconst HIDE = 'COUNTER::HIDE';\n\nconst RESET_STATUS = 'COUNTER::RESET_STATUS';\nconst SET_ERROR = 'COUNTER::SET_ERROR';\nconst SET_VALID = 'COUNTER::SET_VALID';\n\nconst DISABLE = 'COUNTER::DISABLE';\nconst ENABLE = 'COUNTER::ENABLE';\n\nconst INCREMENT = 'COUNTER::INCREMENT';\nconst DECREMENT = 'COUNTER::DECREMENT';\nconst SET = 'COUNTER::SET';\n\nconst destroy = () => ({ type: DESTROY });\nconst display = () => ({ type: DISPLAY });\nconst hide = () => ({ type: HIDE });\n\nconst resetStatus = () => ({ type: RESET_STATUS });\nconst setError = () => ({ type: SET_ERROR });\nconst setValid = () => ({ type: SET_VALID });\n\nconst increment = () => ({ type: INCREMENT });\nconst decrement = () => ({ type: DECREMENT });\nconst set = payload => ({ type: SET, payload });\n\nconst disable = () => ({ type: DISABLE });\nconst enable = () => ({ type: ENABLE });\n\n/* Exports */\nmodule.exports = {\n types: {\n DESTROY,\n DISPLAY,\n HIDE,\n RESET_STATUS,\n SET_ERROR,\n SET_VALID,\n INCREMENT,\n DECREMENT,\n ENABLE,\n DISABLE,\n SET\n },\n actions: {\n destroy,\n display,\n hide,\n resetStatus,\n setError,\n setValid,\n increment,\n decrement,\n enable,\n disable,\n set\n }\n};\n","/* ==========================================================================\n CircuitContentCru > Templates > Passengers > Informations > Information > Passengers\n ========================================================================== */\n\n/* Import modules */\nconst { range } = require('@bluekiri/alexandria/helpers/array');\n\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst Select = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/template');\nconst SelectCfg = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/client/js/config');\n\nconst configuration = require('../../../../../client/js/config');\n\n/**\n * CircuitContentCru template\n * @param {object} data Object containing the data model for this component.\n * @param {object} literals\n * @param {object} context The general context object.\n * @returns {object} Additional data to have available in the template\n */\nmodule.exports = function Passengers(data, literals, context) {\n /* Data */\n const { min = 1, max = 9, value = 2 } = data;\n\n /* Literals */\n const { passengersLabel } = literals;\n\n return Select(\n addStyle(\n addData(\n {\n label: passengersLabel,\n items: range(min, max).map(item => ({\n label: item,\n value: +item,\n selected: +item === +value\n }))\n },\n {\n type: configuration().type.passengers\n }\n ),\n [SelectCfg().css.withBorder, configuration().css.isPassengers]\n ),\n context\n );\n};\n","/* ==========================================================================\n RatingStars > Client > Store > Actions\n ========================================================================== */\n\n/* Types */\nconst DESTROY = 'RATINGSTARS::DESTROY';\n\n/* Actions */\nconst destroy = () => ({ type: DESTROY });\n\n/* Exports */\nmodule.exports = {\n types: {\n DESTROY\n },\n actions: {\n destroy\n }\n};\n","/* ==========================================================================\n CircuitContentCru > Client > Categories\n ========================================================================== */\n\n/* Modules */\nconst { take } = require('rxjs/operators');\n\nconst { actions, types } = require('../store/actions');\n\nconst { addDepartures, initDepartures, destroyDepartures } = require('./departures');\nconst { addPricesMin, initPricesMin, destroyPricesMin } = require('./prices-min');\nconst { initAdvantages } = require('./advantages');\n\nconst Services = require('../../../../../services/models');\n\nconst Mapper = require('./mapper');\n\nconst { NUM_GUESTS, PAX_CONFIG, TOTAL_CABINS } = require('./constants')();\n\n/* Get departures */\nfunction getDepartures(instance, values) {\n /* Context */\n const { context } = instance.config;\n\n /* Service */\n const { getModel } = Services(context);\n\n /* Get endpoints */\n const { departures } = instance.config.endpoints;\n\n /* Get name component and arguments */\n const { Name, Arguments } = departures;\n\n /* Get new data */\n getModel({\n Name,\n Arguments: Mapper(Arguments, values)\n })\n .pipe(take(1))\n .subscribe(data => {\n if (data && data.error) {\n return;\n }\n\n /* Destroy */\n destroyDepartures(instance);\n destroyPricesMin(instance);\n\n /* Add Skeletor */\n\n /* Dispatch */\n instance.actions.setCategoriesPrices(data);\n\n /* Prices Min */\n addPricesMin(instance);\n\n /* Departures */\n addDepartures(instance);\n\n /* Destroy Skeletor */\n });\n}\n\n/* Init */\nfunction initCategories(instance) {\n const panel = instance;\n\n /* Data */\n const { categoriesPrices, crudyn, multicabin } = instance.config;\n\n /* Hooks */\n panel.hooks = {\n ...instance.hooks,\n categories: instance.element.querySelector('[data-categories]')\n };\n\n /* Reference */\n panel.categories = {};\n\n /* Actions */\n panel.actions = {\n ...instance.actions,\n setCategoriesPrices: payload => {\n return instance.store.dispatch(actions.setCategoriesPrices(payload));\n }\n };\n\n if (!crudyn) {\n /* Reactions */\n panel.reactions = {\n ...instance.reactions,\n changePassengersFromCategories: instance.store.subscribe((state, action) => {\n if (action.type !== types.CHANGE_PASSENGERS) return;\n\n /* Get rooms */\n const { rooms } = instance.store.select('data');\n\n /**\n * Check rooms if is bigger than 1 to break function because this is just for\n * only cruises logic.\n * If rooms is 2 then addRoom action/reaction will be used.\n */\n if (rooms > 1) return;\n\n /* Data */\n const { passengers, index } = action.payload;\n const { ages } = instance.store.select('data').informations[index];\n\n /* Values */\n const { ExcludedBabies } = instance.config;\n\n const values = { [NUM_GUESTS]: `${passengers}` };\n\n if (ExcludedBabies === 1 || ExcludedBabies) {\n values[PAX_CONFIG] = `${ages}`;\n }\n\n getDepartures(instance, values);\n })\n };\n }\n\n if (multicabin) {\n /* Reactions */\n panel.reactions = {\n ...instance.reactions,\n addRoom: instance.store.subscribe((state, action) => {\n if (action.type !== types.ADD_ROOM) return;\n /* Data */\n const { rooms } = state.data;\n\n if (rooms > 2) return;\n\n /* Values */\n const values = {\n [TOTAL_CABINS]: `${rooms}`\n };\n\n getDepartures(instance, values);\n }),\n deleteRoom: instance.store.subscribe((state, action) => {\n if (action.type !== types.DELETE_ROOM) return;\n /* Data */\n const { rooms } = state.data;\n\n if (rooms >= 2) return;\n\n /* Values */\n const values = {\n [TOTAL_CABINS]: `${rooms}`\n };\n\n if (rooms === 1) {\n /* Get rooms */\n const { passengers } = instance.store.select('data').informations.reduce((acc, cur) => {\n if (cur) return cur;\n return acc;\n }, {});\n values[NUM_GUESTS] = `${passengers}`;\n }\n\n getDepartures(instance, values);\n })\n };\n }\n\n /* Prices Min */\n initPricesMin(instance);\n\n /* Departures */\n initDepartures(instance);\n\n /* Advantages */\n initAdvantages(instance);\n\n /* Sync */\n /* Dispatch */\n instance.actions.setCategoriesPrices(categoriesPrices);\n}\n\n/* Destroy */\nfunction destroyCategories(instance) {\n const panel = instance;\n\n /* Prices Min */\n destroyPricesMin(instance);\n\n /* Departures */\n destroyDepartures(instance);\n\n /* Remove from DOM */\n instance.hooks.categories.parentNode.removeChild(instance.hooks.categories);\n\n /* Reactions */\n instance.reactions.changePassengersFromCategories.unsubscribe();\n delete panel.reactions.changePassengersFromCategories;\n\n /* Actions */\n delete panel.actions.setCategoriesPrices;\n\n /* Reference */\n delete panel.categories;\n\n /* Hooks */\n delete panel.hooks.categories;\n}\n\n/* Exports */\nmodule.exports = {\n initCategories,\n destroyCategories,\n getDepartures\n};\n","/* ==========================================================================\n CircuitContentCru > Templates > Tooltip > Category\n ========================================================================== */\n\n/* Import modules */\nconst { html } = require('common-tags');\n\nconst { addData, addStyle } = require('@bluekiri/alexandria/helpers/dataHelpers');\n\nconst ViewHelpers = require('@bluekiri/alexandria/core/ViewHelpers');\n\nconst Image = require('@bluekiri/alexandria-contrib-components/components/image-rxjs/template');\nconst Tooltip = require('@bluekiri/alexandria-contrib-components/components/tooltip/template');\n\nconst { TOOLTIP_IMAGE_HEIGHT, TOOLTIP_IMAGE_WIDTH } = require('../../../constants/tooltip');\n\nconst configuration = require('../../../client/js/config');\n\n/* Has advantages */\nconst hasAdvantages = advantages => advantages.length > 0;\n\n/* Render image */\nconst renderImage = (image, context) => {\n return Image(\n addData(\n {\n ...image,\n resize: {\n height: TOOLTIP_IMAGE_HEIGHT,\n width: TOOLTIP_IMAGE_WIDTH\n },\n alternative: configuration().imgAlternative\n },\n {\n type: configuration().type.tooltip\n }\n ),\n context\n );\n};\n\n/* Render advantage */\nconst renderAdvantage = advantage => {\n /* Data */\n const { icon = '', title = '', description = '' } = advantage;\n\n return html(`\n${title}
\n${description}
\n${advantagesLabel}
\n ${html(advantages.map(advantage => renderAdvantage({ ...advantage, icon: icon(advantage.icon) }, context)))}\n${name}
\n${occupationLabel}: ${occupation}
\n ${decks ? `${decksLabel}: ${decks}
` : ''}\n${description}
\n\n ${html(\n items.map(item => {\n return item.link\n ? ``\n : ``;\n })\n )}\n
\n `);\n};\n\n/* Create modal */\nfunction createModal(instance) {\n /* Data */\n const { email, css, context, literals } = instance.config;\n\n /* Template */\n const template = ModalTemplate(\n addStyle(\n addData(\n {\n title: email.title,\n body: emailFormRender(email, literals, context)\n },\n {\n type: config().type.emailModal\n }\n ),\n [css.modal]\n )\n );\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Add modal */\nfunction addModal(instance) {\n const panel = instance;\n\n /* Node */\n const node = createModal(instance);\n\n /* Add to DOM */\n document.body.appendChild(node);\n\n /* Selector */\n const selector = `[data-component='ModalRxjs'][data-type='${config().type.emailModal}']`;\n\n /* Init */\n panel.modal = Modal(selector);\n\n /* Input */\n panel.emailInput = Input(`${selector} [data-component='InputRxjs'][data-type='${config().type.emailInput}']`);\n\n /* Submit */\n panel.emailSubmit = Button(`${selector} [data-component='ButtonRxjs'][data-type='${config().type.emailSubmit}']`);\n\n /* Update */\n panel.subscriptions.modalOpen = fromEvent(panel.modal.element, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n /* Actions */\n panel.actions = {\n ...panel.actions,\n openLegal: () => {\n return instance.store.dispatch(actions.openLegal());\n },\n closeLegal: () => {\n return instance.store.dispatch(actions.closeLegal());\n }\n };\n\n /* Reactions */\n panel.reactions = {\n ...panel.reactions,\n closeLegal: instance.store.subscribe((state, action) => {\n if (action.type !== types.CLOSE_LEGAL) return;\n\n /* Destroy tooltip */\n destroyTooltip(instance);\n }),\n openLegal: instance.store.subscribe((state, action) => {\n if (action.type !== types.OPEN_LEGAL) return;\n\n /* Add tooltip */\n addTooltip(instance);\n })\n };\n\n /* Update subscriptions */\n panel.subscriptions = {\n ...panel.subscriptions,\n modalCloses: merge(instance.modal.events.click$, instance.modal.events.keyup$)\n .pipe(take(1))\n .subscribe(() => {\n /* Dispatch action */\n instance.actions.closeModal();\n }),\n emailSubmits: instance.emailSubmit.events.click$.subscribe(() => {\n /* Data */\n const { value } = instance.emailInput.store.select('input');\n\n if (isEmail(value)) {\n const { postEmail } = Services(instance.config);\n\n instance.emailSubmit.element.classList.add('is-loading');\n\n /* Send POST */\n postEmail(value).subscribe(data => {\n if (data.error) {\n addMessageError(instance);\n instance.emailSubmit.element.classList.remove('is-loading');\n\n /* Dispatch error action */\n instance.emailInput.actions.setError();\n return;\n }\n addMessageSuccess(instance);\n instance.emailSubmit.element.classList.remove('is-loading');\n\n /* Dispatch action to reset */\n instance.emailInput.actions.resetStatus();\n });\n } else {\n /* Dispatch error action */\n instance.emailInput.actions.setError();\n }\n }),\n openLegal: fromEvent(instance.modal.element.querySelector('[data-legal-tooltip]'), 'click')\n .pipe(filter(() => !instance.store.select('share').legal))\n .subscribe(event => {\n event.stopPropagation();\n\n /* Dispatch action */\n instance.actions.openLegal();\n })\n };\n });\n\n /* Display */\n setTimeout(() => instance.modal.actions.display(), 50);\n}\n\n/* Destroy modal */\nfunction destroyModal(instance) {\n const panel = instance;\n\n /* Subscription to destroy */\n panel.subscriptions.modalDestroy = fromEvent(instance.modal.element, 'transitionend')\n .pipe(take(1))\n .subscribe(() => {\n instance.subscriptions.modalCloses.unsubscribe();\n instance.subscriptions.emailSubmits.unsubscribe();\n instance.subscriptions.openLegal.unsubscribe();\n\n instance.emailInput.actions.destroy();\n instance.emailSubmit.actions.destroy();\n instance.modal.actions.destroy();\n\n delete panel.emailInput;\n delete panel.emailSubmit;\n delete panel.modal;\n });\n\n /* Hide */\n instance.modal.actions.hide();\n}\n\n/* Add message success */\nfunction addMessageSuccess(instance) {\n const { MailSuccessLabel } = instance.config.literals;\n\n const node = toNode(``)[0];\n\n instance.modal.element.querySelector('[data-modal-wrapper] .modal-rxjs__body').appendChild(node);\n}\n/* Add message error */\nfunction addMessageError(instance) {\n const { MailErrorLabel } = instance.config.literals;\n\n const node = toNode(``)[0];\n\n instance.modal.element.querySelector('[data-modal-wrapper] .modal-rxjs__body').appendChild(node);\n}\n\n/* Exports */\nmodule.exports = {\n addModal,\n destroyModal\n};\n","/* ==========================================================================\n SelectRxjs > Client > Utils\n ========================================================================== */\n\n/* Modules */\nconst configuration = require('../config');\n\n/* Export */\nmodule.exports = function Utils(instance) {\n return {\n /**\n * Fix selected choice\n */\n fixSelectedChoice: () => {\n if (!instance.choices) return;\n\n const choiceListEl = instance.choices.choiceList.element;\n\n choiceListEl.querySelectorAll('[data-choice]').forEach(el => {\n el.classList.remove(configuration().css.selected);\n\n const { value } = instance.choices.getValue() || {};\n const sValue = `${value}`;\n const dValue = el.dataset.value;\n\n if (sValue === dValue) {\n el.classList.add(configuration().css.selected);\n }\n });\n }\n };\n};\n","/* ==========================================================================\n ButtonRxjs > Client\n ========================================================================== */\n\n/* Import modules */\nconst { elementExist } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst prototype = require('./prototype');\nconst config = require('./config');\n\n/**\n * ButtonRxjs component\n * @param {selector} String selector for the component in the client side.\n */\nmodule.exports = function ButtonRxjs(selector = '[data-component=ButtonRxjs]', configuration = {}) {\n if (elementExist(selector)) {\n /* Instance */\n const instance = Object.create(prototype);\n\n /* Element */\n instance.element = document.querySelector(selector);\n\n /* Hooks */\n instance.hooks = {\n content: instance.element.querySelector('[data-button-content]'),\n icon: instance.element.querySelector('i')\n };\n\n /* Config */\n instance.config = {\n ...config(),\n ...configuration,\n ...(function getConfig() {\n if (!instance.element.dataset.config) return '';\n\n const result = JSON.parse(instance.element.dataset.config);\n instance.element.dataset.config = '';\n return result;\n })()\n };\n\n /* Init */\n if (instance.config.init) instance.init();\n\n /* Return */\n return instance;\n }\n};\n","/* ==========================================================================\n CircuitContentCru > Client > Passengers > Nights\n ========================================================================== */\n\n/* Modules */\nconst { actions } = require('../../store/actions');\n\nconst { initNight } = require('./nights');\n\n// const configuration = require('../../config');\n\n/* Init */\nfunction initNights(instance) {\n /* Data */\n const panel = instance;\n\n /* Actions */\n panel.actions = {\n ...instance.actions,\n setNights: payload => {\n return instance.store.dispatch(actions.setNights(payload));\n }\n };\n\n /* Set nights */\n panel.nights = [];\n\n /* Init Night */\n const { nights = [] } = instance.config.passengers;\n\n /* Sync and init */\n nights.forEach((item, index) => initNight(instance, { ...item, index }));\n}\n\n/* Destroy */\nfunction destroyNights(instance) {\n /* Data */\n const panel = instance;\n\n /* Reference */\n instance.nights.actions.destroy();\n delete panel.nights;\n\n /* Actions */\n delete panel.actions.setNights;\n\n /* Reactions */\n instance.reactions.setNights.unsubscribe();\n delete panel.reactions.setNights;\n}\n\n/* Exports */\nmodule.exports = {\n initNights,\n destroyNights\n};\n","/* ==========================================================================\n InputRxjs > Client > Loader\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst { actions, types } = require('../store/actions');\n\nconst configuration = require('../config');\n\nconst { LOADER_TEMPLATE } = require('../../../constants');\n\n/* Add */\nfunction addLoader(instance) {\n const { loader = false } = instance.hooks;\n\n if (loader) return;\n\n /* Close suggestions and syncValue */\n instance.actions.closeSuggestions();\n instance.actions.syncValue();\n\n const template = html(LOADER_TEMPLATE);\n\n const node = toNode(template)[0];\n\n const inst = instance;\n\n /* DOM */\n instance.element.classList.add(configuration().css.loading);\n instance.element.appendChild(node);\n\n /* Disable */\n instance.hooks.input.setAttribute('disabled', true);\n\n /* Hooks */\n inst.hooks = {\n ...instance.hooks,\n loader: instance.element.querySelector('[data-loader]')\n };\n}\n\n/* Remove */\nfunction removeLoader(instance) {\n const { loader = false } = instance.hooks;\n\n if (!loader) {\n return;\n }\n\n const inst = instance;\n\n /* DOM */\n instance.element.removeChild(instance.hooks.loader);\n instance.element.classList.remove(configuration().css.loading);\n\n /* Enable */\n instance.hooks.input.removeAttribute('disabled');\n\n /* Hooks */\n delete inst.hooks.loader;\n}\n\n/* Init */\nfunction initLoader(instance) {\n const inst = instance;\n\n /* Actions */\n inst.actions = {\n ...instance.actions,\n toggleLoading: () => instance.store.dispatch(actions.toggleLoading())\n };\n\n /* Reactions */\n inst.reactions = {\n ...instance.reactions,\n toggleLoading: instance.store.subscribe((state, action) => {\n if (action.type !== types.TOGGLE_LOADING) return;\n\n const { isLoading } = state.autocomplete;\n\n if (!isLoading) {\n /* Remove */\n removeLoader(instance);\n\n return;\n }\n\n /* Add */\n addLoader(instance);\n })\n };\n}\n\n/* Destroy */\nfunction destroyLoader(instance) {\n /* Data */\n const { hasLoader } = instance.config;\n\n if (!hasLoader) {\n return;\n }\n\n const inst = instance;\n\n /* Reactions */\n instance.reactions.toggleLoading.unsubscribe();\n delete inst.reactions.toggleLoading;\n\n /* Actions */\n delete inst.actions.toggleLoading;\n}\n\n/* Exports */\nmodule.exports = {\n initLoader,\n destroyLoader\n};\n","/* ==========================================================================\n CardEndGameRxjs > Client > Services\n ========================================================================== */\n\n/* Modules */\nconst { of } = require('rxjs');\nconst { ajax } = require('rxjs/ajax');\nconst { catchError, map } = require('rxjs/operators');\n\n/* Exports */\nmodule.exports = function Services(config = {}) {\n /* Data */\n const { endpoints } = config;\n\n /**\n * Add favourite\n * @param {number} id of the product\n * @returns {JSON} data from the post\n */\n function addFavourite() {\n /* Build url */\n const url = endpoints.addFavourite;\n\n return ajax({\n url,\n method: 'GET',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'\n }\n }).pipe(\n map(() => {\n return of({ added: true });\n }),\n catchError(err => {\n return of({ error: true, name: err.name, message: err.message });\n })\n );\n }\n\n /**\n * Delete favourite\n * @param {number} id of the product\n * @returns {JSON} data from the post\n */\n function deleteFavourite() {\n /* Build url */\n const url = endpoints.deleteFavourite;\n\n return ajax({\n url,\n method: 'GET',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'\n }\n }).pipe(\n map(() => {\n return of({ deleted: true });\n }),\n catchError(err => {\n return of({ error: true, name: err.name, message: err.message });\n })\n );\n }\n\n return {\n addFavourite,\n deleteFavourite\n };\n};\n","/* ==========================================================================\n FloatingHeader > Client > Buttons\n ========================================================================== */\n\n/* Modules */\nconst Button = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\n/* Init quote */\nfunction initButtons(instance) {\n const panel = instance;\n const buttons = instance.element.querySelectorAll('[data-component=ButtonRxjs]');\n panel.buttons = [...buttons].map(item => Button(`[data-component=ButtonRxjs][data-type=${item.dataset.type}]`));\n\n panel.buttons.map(item =>\n item.events.click$.subscribe(() => {\n instance.actions.lockScroll();\n instance.actions.scrollTo(item.config.value);\n })\n );\n}\n\n/* Exports */\nmodule.exports = {\n initButtons\n};\n","/* ==========================================================================\n CounterRxjs > Client > Buttons\n ========================================================================== */\n\n/* Modules */\nconst { filter } = require('rxjs/operators');\n\nconst Button = require('../../../../button-rxjs/client/js');\n\nconst { actions, types } = require('../store/actions');\n\nconst { updateUI } = require('../ui');\n\nconst configuration = require('../config');\n\n/* Init */\nfunction initButtons(instance) {\n const panel = instance;\n\n /* Selector */\n const { selector } = instance;\n\n /* Increment */\n panel.increment = Button(\n `${selector} [data-component='ButtonRxjs'][data-type='${configuration().type.increment}']`\n );\n\n /* Decrement */\n panel.decrement = Button(\n `${selector} [data-component='ButtonRxjs'][data-type='${configuration().type.decrement}']`\n );\n\n /* Actions */\n panel.actions = {\n ...instance.actions,\n increment: () => instance.store.dispatch(actions.increment()),\n decrement: () => instance.store.dispatch(actions.decrement())\n };\n\n /* Reactions */\n panel.reactions = {\n ...instance.reactions,\n increment: instance.store.subscribe((state, action) => {\n if (action.type !== types.INCREMENT) return;\n\n /* Data */\n const { value } = state.counter;\n\n /* Update UI */\n updateUI(value, instance);\n }),\n decrement: instance.store.subscribe((state, action) => {\n if (action.type !== types.DECREMENT) return;\n\n /* Data */\n const { value } = state.counter;\n\n /* Update UI */\n updateUI(value, instance);\n })\n };\n\n /* Subscriptions */\n panel.subscriptions = {\n ...instance.subscriptions,\n increment: instance.increment.events.click$\n .pipe(\n filter(() => {\n /* Data */\n const { disabled } = instance.store.select('counter');\n\n if (disabled) {\n return false;\n }\n\n return true;\n })\n )\n .subscribe(() => {\n /* Dispatch action */\n instance.actions.increment();\n }),\n decrement: instance.decrement.events.click$\n .pipe(\n filter(() => {\n /* Data */\n const { disabled } = instance.store.select('counter');\n\n if (disabled) {\n return false;\n }\n\n return true;\n })\n )\n .subscribe(() => {\n /* Dispatch action */\n instance.actions.decrement();\n })\n };\n\n return this;\n}\n\n/* Destroy */\nfunction destroyButtons(instance) {\n const panel = instance;\n\n /* References */\n instance.increment.actions.destroy();\n delete panel.increment;\n\n instance.decrement.actions.destroy();\n delete panel.decrement;\n\n /* Actions */\n delete panel.actions.increment;\n delete panel.actions.decrement;\n\n /* Reactions */\n instance.reactions.increment.unsubscribe();\n delete panel.reactions.increment;\n\n instance.reactions.decrement.unsubscribe();\n delete panel.reactions.decrement;\n\n /* Subscriptions */\n instance.subscriptions.increment.unsubscribe();\n delete panel.subscriptions.increment;\n\n instance.subscriptions.decrement.unsubscribe();\n delete panel.subscriptions.decrement;\n}\n\n/* Exports */\nmodule.exports = {\n initButtons,\n destroyButtons\n};\n","/* ==========================================================================\n LoaderBanner > Client > Store > Actions\n ========================================================================== */\n\n/* Types */\nconst DESTROY = 'LOADERBANNER::DESTROY';\n\n/* Actions */\nconst destroy = () => ({ type: DESTROY });\n\n/* Exports */\nmodule.exports = {\n types: {\n DESTROY\n },\n actions: {\n destroy\n }\n};\n","/* ==========================================================================\n CircuitContentCru > Client > Passengers > Informations > Information > Ages > Age\n ========================================================================== */\n\n/* Modules */\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst Select = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/client/js');\nconst SelectAct = require('@bluekiri/alexandria-contrib-components/components/select-rxjs/client/js/store/actions');\n\nconst AgeTemplate = require('../../../../../../../templates/passengers/informations/information/ages/age');\n\nconst configuration = require('../../../../../config');\n\n/* Create */\nfunction createAge(instance, { index, jndex }) {\n /* Data */\n const { literals, context, passengers } = instance.config;\n const { age } = passengers;\n\n /* Template */\n const template = AgeTemplate({ index, jndex, ...age }, literals, context);\n\n /* Node */\n const node = toNode(template)[0];\n\n /* Return */\n return node;\n}\n\n/* Init */\nfunction initAge(instance, { index, jndex }) {\n const panel = instance;\n\n /* Selector */\n const { selector } = instance;\n const base = `${selector} [data-information='${index}']`;\n\n /* Reference */\n const reference = Select(\n `${base} [data-component='SelectRxjs'][data-type='${configuration().type.age}-${index}-${jndex}']`,\n {\n choices: {\n searchEnabled: false\n }\n }\n );\n\n panel.informations[index].ages = [...instance.informations[index].ages, reference];\n\n /* Reactions */\n panel.reactions = {\n ...instance.reactions,\n [`change-age-${index}-${jndex}`]: reference.store.subscribe((state, action) => {\n if (action.type !== SelectAct.types.SELECT_OPTION) return;\n\n const { value } = action.payload;\n const { informations } = instance.store.select('data');\n const { ages, passengers } = informations[index];\n\n /* Sync */\n instance.actions.setInformation({\n index,\n information: {\n ages: ages.map((age, kndex) => {\n if (jndex !== kndex) {\n return age;\n }\n\n return value;\n })\n }\n });\n\n const { ExcludedBabies } = instance.config;\n if (ExcludedBabies === 1 || ExcludedBabies) {\n instance.actions[`change-passengers-${index}`](passengers);\n }\n })\n };\n\n // /* Sync */\n const { value } = reference.store.select('select').value;\n const { ages } = instance.store.select('data').informations[index] || { ages: [0, 0] };\n\n instance.actions.setInformation({\n index,\n information: {\n ages: ages.map((item, kndex) => {\n if (jndex !== kndex) {\n return item;\n }\n\n return value;\n })\n }\n });\n}\n\n/* Add */\nfunction addAge(instance, { index, jndex }) {\n /* Node */\n const node = createAge(instance, { index, jndex });\n\n /* Hooks */\n const { [`ages-${index}`]: ages } = instance.hooks;\n\n /* Add to DOM */\n ages.appendChild(node);\n\n /* Init */\n initAge(instance, { index, jndex });\n}\n\n/* Destroy */\nfunction destroyAge(instance, { index, jndex }) {\n const panel = instance;\n\n /* Reactions */\n instance.reactions[`change-age-${index}-${jndex}`].unsubscribe();\n delete panel.reactions[`change-age-${index}-${jndex}`];\n\n /* Reference */\n instance.informations[index].ages[jndex].actions.destroy();\n panel.informations[index].ages = instance.informations[index].ages.filter((age, kndex) => kndex !== jndex);\n}\n\n/* Exports */\nmodule.exports = {\n initAge,\n destroyAge,\n addAge\n};\n","/* ==========================================================================\n LoaderBanner > Client > Config\n ========================================================================== */\n\n/* Import modules */\n\n/* Config */\nconst config = {\n component: 'LoaderBanner',\n init: true,\n start: true,\n loop: {\n delay: 3000,\n repeat: 999\n },\n css: {},\n type: {},\n imgConfig: {\n operation: 'resize',\n suboperation: 'crop',\n quality: 90,\n width: 678,\n height: 185\n }\n};\n\nmodule.exports = () => config;\n","/* ==========================================================================\n ModalRxjs > Client > Prototype\n ========================================================================== */\n\n/* Modules */\nconst { Store } = require('@bluekiri/alexandria/helpers/state');\n\nconst { fromEvent, merge } = require('rxjs');\nconst { filter, take, tap } = require('rxjs/operators');\n\nconst { actions, types } = require('./store/actions');\nconst { reducer } = require('./store/reducer');\n\nconst ESCAPE_CODE = 27;\n\n/* Prototype */\nconst prototype = {\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n modal: reducer\n });\n\n return this;\n },\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => this.store.dispatch(actions.destroy()),\n display: () => this.store.dispatch(actions.display()),\n hide: () => this.store.dispatch(actions.hide())\n };\n\n return this;\n },\n /* Setup reactions */\n setupReactions() {\n if (this.reactions) return this;\n\n this.reactions = {\n destroy: this.store.subscribe((state, action) => {\n if (action.type !== types.DESTROY) return;\n\n /* Data */\n const { hasClose } = this.config;\n\n /* close */\n if (hasClose) {\n this.close.actions.destroy();\n }\n\n /* Unsubscribe */\n [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n\n /* Clean DOM */\n this.element.parentNode.removeChild(this.element);\n\n /* Clean reference */\n [...Object.keys(this)].forEach(key => delete this[key]);\n }),\n display: this.store.subscribe((state, action) => {\n if (action.type !== types.DISPLAY) return;\n\n /* Styles */\n const { css } = this.config;\n\n /* Update UI */\n this.element.classList.add(css.visible);\n document.body.classList.add(css.modalVisible);\n }),\n hide: this.store.subscribe((state, action) => {\n if (action.type !== types.HIDE) return;\n\n /* Styles */\n const { css } = this.config;\n\n /* Update UI */\n this.element.classList.remove(css.visible);\n document.body.classList.remove(css.modalVisible);\n })\n };\n\n return this;\n },\n /* Setup events */\n setupEvents() {\n if (this.events) return this;\n\n /* Data */\n const { hasClose } = this.config;\n\n /* Window clicks */\n const windowClick$ = fromEvent(window.document, 'click').pipe(\n filter(({ target }) => !target.closest('[data-modal-wrapper]'))\n );\n\n /* Clicks merged */\n const mergedClick$ = hasClose ? merge(this.close.events.click$, windowClick$) : windowClick$;\n\n /* Events */\n this.events = {\n click$: mergedClick$.pipe(\n take(1),\n tap(event => event.stopPropagation())\n ),\n keyup$: fromEvent(window.document, 'keyup').pipe(\n filter(event => event.keyCode === ESCAPE_CODE),\n take(1)\n )\n };\n\n return this;\n },\n /* Init */\n init() {\n if (!this.config.init) return this;\n\n /* Setup store */\n this.setupStore();\n\n /* Setup actions */\n this.setupActions();\n\n /* Setup reactions */\n this.setupReactions();\n\n /* Setup events */\n this.setupEvents();\n\n return this;\n }\n};\n\n/* Exports */\nmodule.exports = prototype;\n","/* ==========================================================================\n InputRxjs > Client > Loader\n ========================================================================== */\n\n/* Modules */\nconst { html } = require('common-tags');\nconst { toNode } = require('@bluekiri/alexandria/helpers/domHelpers');\n\nconst configuration = require('../config');\nconst { actions, types } = require('../store/actions');\n\n/* Add */\nfunction addLoader(instance) {\n const { loader = false } = instance.hooks;\n\n if (loader) {\n return;\n }\n\n const template = html(`\n${title}
${data.content}
` : ''}\n ${\n data.contents && data.contents.length\n ? `\n${minPriceDate}
\n