${productType}
`) : html('');\n\n return html(`\n${subtitleTemplate}
\n ${renderProductType}\n${markdown(content)}
`);\n\n return html(`\n${content}
`);\n\n return html(`\n ${data.transport}\n
\n `);\n};\n\nconst renderPromotion = promotion => {\n if (!promotion) return html('');\n\n const style = configuration().css.self;\n return html(`${promotion}
`);\n};\n\n/**\n * summary template\n * @param {object} data Object containing the data model for this component.\n * @returns {object} Additional data to have available in the template\n */\nmodule.exports = function SummaryTemplate(data, context) {\n const style = configuration().css.self;\n const { config = {}, promotion } = data;\n const { literals = {}, safe = false } = config;\n\n /* Template */\n return html(/* html */ `\n${title}
`)[0],\n headerEl\n );\n },\n onOpen() {\n setTimeout(() => {\n if (!this.image) this.image = ImageClient(this.config.selector.image);\n }, 250);\n },\n onClose() {},\n /**\n * Add event listener\n * @returns {object} Current instance\n */\n addEventListener: function addEventListener() {\n this.modal.addEventListener();\n\n return this;\n },\n /**\n * Remove event listener\n * @returns {object} Current instance\n */\n removeEventListener: function removeEventListener() {\n this.modal.removeEventListener();\n\n return this;\n },\n\n /* Setup store */\n setupStore() {\n if (this.store) return this;\n\n this.store = new Store({\n modalSearcher: reducer\n });\n\n return this;\n },\n\n /* Setup actions */\n setupActions() {\n if (this.actions) return this;\n\n this.actions = {\n destroy: () => this.store.dispatch(actions.destroy()),\n setTitle: title => this.store.dispatch(actions.setTitle(title)),\n setImage: image => this.store.dispatch(actions.setImage(image)),\n setPrice: price => this.store.dispatch(actions.setPrice(price)),\n setSearcher: searcher => this.store.dispatch(actions.setSearcher(searcher))\n };\n\n return this;\n },\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 /* Remove from DOM */\n this.element.parentNode.removeChild(this.element);\n [...Object.keys(this.reactions)].forEach(key => this.reactions[key].unsubscribe());\n\n /* Unsubscribe */\n this.unsubscribe();\n\n /* Clean itself */\n [...Object.keys(this)].forEach(key => {\n delete this[key];\n });\n }),\n\n setTitle: this.store.subscribe((state, action) => {\n if (action.type !== types.SET_TITLE) return;\n\n if (this.hooks.title) this.hooks.title.innerText = action.payload;\n }),\n\n setImage: this.store.subscribe((state, action) => {\n if (action.type !== types.SET_IMAGE) return;\n\n if (this.hooks.product) {\n const imageData = {\n ...action.payload,\n config: {\n ...action.payload.config,\n context: this.config.context,\n styles: [`${this.config.css.component}__${this.config.css.productSearcher}-image`]\n },\n resize: this.config.image.resize\n };\n\n const image = toNode(imageTemplate(imageData, this.config.context))[0];\n\n if (this.image) {\n this.image.actions.destroy();\n delete this.image;\n }\n\n this.hooks.product.insertBefore(image, this.hooks.price);\n }\n }),\n setPrice: this.store.subscribe((state, action) => {\n if (action.type !== types.SET_PRICE) return;\n\n const priceEl = this.element.querySelector('[data-component=\"Modal\"] [data-component=\"Price\"]');\n\n if (this.hooks.product) {\n if (!action.payload) {\n if (priceEl) this.hooks.product.removeChild(priceEl);\n } else {\n const priceData = {\n ...action.payload,\n config: {\n styles: [\n this.config.css.modalPrice,\n `${this.config.css.component}__${this.config.css.productSearcher}-price`\n ]\n }\n };\n\n // render price\n const price = toNode(priceTemplate(priceData, this.config.context))[0];\n // remove old price\n if (priceEl) this.hooks.product.removeChild(priceEl);\n // add new price\n this.hooks.product.appendChild(price);\n }\n }\n }),\n setSearcher: this.store.subscribe((state, action) => {\n if (action.type !== types.SET_SEARCHER) return;\n if (this.hooks.searcher) {\n const searcher = toNode(action.payload)[0];\n const searcherComponent = searcher.dataset.component;\n\n /* require searcher client(flightHotel, ferryhotel, trainHotel or busHotel?) */\n const searcherClient = this.searcherClient(searcherComponent);\n\n if (this.searcher) {\n this.hooks.searcher.removeChild(this.searcher.element);\n delete this.searcher;\n }\n\n this.hooks.searcher.appendChild(searcher);\n\n this.searcher = searcherClient(`[data-component=\"Modal\"] [data-component=\"${searcherComponent}\"]`, {\n vehicle: { autoStore: false }\n });\n }\n })\n };\n\n return this;\n },\n\n /* Subscribe */\n subscribe() {\n if (this.subscriptions) this.unsubscribe();\n\n this.subscriptions = {};\n\n return this;\n },\n\n /* Unsubcribe */\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\n /**\n * Start\n * @returns {object} Current instanace\n */\n start(cb = false) {\n this.modal.display();\n\n // run call back\n if (cb) cb(this);\n },\n\n init() {\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};\n\n// Exports\nmodule.exports = prototype;\n","/* ==========================================================================\n MPanelSearcherRxjs > Client > Submit\n ========================================================================== */\n\n/* Modules */\nconst ButtonRxjs = require('@bluekiri/alexandria-contrib-components/components/button-rxjs/client/js');\n\nconst { initLoading, destroyLoading } = require('./loading');\nconst buildUrl = require('../url');\n\n/* Init Submit */\nfunction initSubmit(instance) {\n /* Reference */\n const inst = instance;\n const { config = {}, store = {} } = inst;\n const { type, showLoading = true } = config;\n\n const { categories, daysIndexes, monthsIndexes } = store.select('searcher');\n\n inst.submit = ButtonRxjs(`${inst.selector} [data-component=\"ButtonRxjs\"][data-type=\"${type.submit}\"]`);\n\n if (!inst.submit) return;\n\n if (!categories.length || !daysIndexes.length || !monthsIndexes.length) inst.actions.disableSubmit();\n\n /* Set subscriptions */\n inst.subscriptions = {\n ...instance.subscriptions,\n submit$: instance.submit.events.click$.subscribe(() => {\n /* Add Modal Loading */\n if (showLoading) initLoading(instance);\n\n const url = buildUrl(instance);\n\n fetch(url, { credentials: 'include' }).then(() => {\n destroyLoading(inst);\n window.location.assign(url);\n });\n })\n };\n}\n\n/* Exports */\nmodule.exports = {\n initSubmit\n};\n","import { map } from './map';\nimport { innerFrom } from '../observable/innerFrom';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nexport function exhaustMap(project, resultSelector) {\n if (resultSelector) {\n return function (source) {\n return source.pipe(exhaustMap(function (a, i) { return innerFrom(project(a, i)).pipe(map(function (b, ii) { return resultSelector(a, b, i, ii); })); }));\n };\n }\n return operate(function (source, subscriber) {\n var index = 0;\n var innerSub = null;\n var isComplete = false;\n source.subscribe(createOperatorSubscriber(subscriber, function (outerValue) {\n if (!innerSub) {\n innerSub = createOperatorSubscriber(subscriber, undefined, function () {\n innerSub = null;\n isComplete && subscriber.complete();\n });\n innerFrom(project(outerValue, index++)).subscribe(innerSub);\n }\n }, function () {\n isComplete = true;\n !innerSub && subscriber.complete();\n }));\n });\n}\n//# sourceMappingURL=exhaustMap.js.map","/* ==========================================================================\n Checkbox > Protoype\n ========================================================================== */\nconst inputPrototype = require('../../../input/client/js/prototype');\n\nconst checkbox = {\n ...inputPrototype,\n /* Status is checked */\n isChecked: function Fn() {\n return this.getInput().checked;\n },\n\n /* Check */\n check: function Fn() {\n if (!this.isChecked()) this.getInput().checked = true;\n\n return this;\n },\n\n /* Uncheck */\n uncheck: function Fn() {\n if (this.isChecked()) this.getInput().checked = false;\n\n return this;\n },\n\n /* On change */\n onChange: function Fn(event = false) {\n /* Get track of the new value in the instance based on the input one */\n if (this.value !== this.getInput().value) this.set(this.getInput().value, false);\n\n /* Fire external callbacks */\n if (this.config.onChange.length > 0) this.config.onChange.forEach(item => item.call(this, this, event));\n\n return this;\n },\n\n /* Add event listener */\n addEventListener: function Fn() {\n /* Bind events */\n this.bindEvents();\n\n /* On change */\n this.getInput().addEventListener('change', this.onChange);\n\n return this;\n },\n\n /* Remove event listener */\n removeEventListener: function Fn() {\n /* On change */\n this.getInput().removeEventListener('change', this.onChange);\n\n return this;\n },\n\n /* Bind events */\n bindEvents: function Fn() {\n this.onChange = this.onChange.bind(this);\n\n return this;\n },\n\n /* Init */\n init: function Fn() {\n /* Connect the label in case it has it with its input */\n this.setPairing();\n\n /* Adding listener */\n this.addEventListener();\n }\n};\n\nmodule.exports = checkbox;\n","import { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nexport function takeWhile(predicate, inclusive) {\n if (inclusive === void 0) { inclusive = false; }\n return operate(function (source, subscriber) {\n var index = 0;\n source.subscribe(createOperatorSubscriber(subscriber, function (value) {\n var result = predicate(value, index++);\n (result || inclusive) && subscriber.next(value);\n !result && subscriber.complete();\n }));\n });\n}\n//# sourceMappingURL=takeWhile.js.map","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nmodule.exports = function isAbsoluteURL(url) {\n // A URL is considered absolute if it begins with \"${categoriesLabels}
\n${monthsLabels[0]} - ${monthsLabels[1]}
\n${daysLabels[0]} - ${daysLabels[1]}
\n${title}
`);\n};\n\n/* Render content */\nconst renderContent = description => {\n if (!description) return '';\n\n return html(`${description}
`);\n};\n\n/* Render Message */\nconst renderMessage = message => {\n if (!message) return '';\n\n return html(``);\n};\n\n/**\n * LoadingInformationRxjs component template\n * @param {object} data Object containing the data model for this component.\n * @param {object} context The general context object.\n * @returns {object} Additional data to have available in the template\n */\nmodule.exports = function LoadingInformationRxjs(data, context) {\n /* Data */\n const { config = {}, title = '', description = '', message = '', image = {} } = data;\n const { styles = [] } = config;\n\n const { dataType } = prepareDataConfig(config.data);\n\n return html(`\n${roomLabel}
\n ${deleteButton(deleteLabel, hasDelete, context)}