\\r\\n \\r\\n ![\\\"\"\n]()
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/addToCollectionModal/html/add-to-collection-modal.hbs\n// module id = ./app/components/addToCollectionModal/html/add-to-collection-modal.hbs\n// module chunks = 1","import './addToCollection.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/addToCollectionModal/index.js","import './anchorNav.less';\r\n\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport SmoothScroll from 'helpers/smoothScroll.js';\r\n\r\nSmoothScroll.polyfill();\r\n\r\nexport default class AnchorNav extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.$parent = elem.parentElement;\r\n this.$links = elem.querySelectorAll('.js-cp-anchor-nav__link');\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-cp-anchor-nav';\r\n }\r\n\r\n init() {\r\n const self = this;\r\n Array.prototype.forEach.call(this.$links, (el) => {\r\n el.addEventListener('click', self.clickHandler.bind(self));\r\n });\r\n\r\n let topPosition = Utility.offset(self.$parent).top;\r\n\r\n window.onload = function () {\r\n self.$parent.setAttribute('style', `height:${self.$el.offsetHeight}px`);\r\n };\r\n\r\n window.resize = function () {\r\n self.$parent.setAttribute('style', `height:${self.$el.offsetHeight}px`);\r\n };\r\n\r\n window.onscroll = function () {\r\n if (window.scrollY) { // FF, chrome\r\n if (self.$el.classList.contains('fixed')) {\r\n topPosition = self.$parent.offsetTop - window.scrollY;\r\n } else {\r\n topPosition = self.$el.offsetTop - window.scrollY;\r\n }\r\n } else { // for ie\r\n if (self.$el.classList.contains('fixed')) {\r\n topPosition = Utility.offset(self.$parent).top;\r\n } else {\r\n topPosition = Utility.offset(self.$el).top;\r\n }\r\n }\r\n\r\n if (topPosition > 70) {\r\n self.$el.classList.remove('fixed');\r\n } else {\r\n self.$el.classList.add('fixed');\r\n }\r\n };\r\n }\r\n\r\n clickHandler(e) {\r\n const self = this;\r\n e.preventDefault();\r\n const scrollToEl = document.getElementById(e.target.hash.slice(1));\r\n if (!scrollToEl || e.target.classList.contains('active')) {\r\n return;\r\n }\r\n Array.prototype.forEach.call(self.$links, (el) => {\r\n el.classList.remove('active');\r\n });\r\n e.target.classList.add('active');\r\n const top = scrollToEl.offsetTop - 70 - self.$parent.clientHeight;\r\n\r\n window.scroll({\r\n top,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/anchorNav/anchorNav.js","import './animatedPoints.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/animatedPoints/animatedPoints.js","import './aa-wizard.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport ReactDOM from 'react-dom';\r\nimport React from 'react';\r\nimport _debounce from 'lodash/debounce';\r\nimport scrollIntoView from 'scroll-into-view';\r\nimport AAWizardContainer from './js/aa-wizard-container.js';\r\n\r\nexport default class AAWizard extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.init();\r\n this.isInited = true;\r\n this.isScrolling = false;\r\n this.lastScrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n this.topBarsHeight = document.querySelector('.cp-main-nav').clientHeight;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-aa-wizard-container';\r\n }\r\n\r\n setVariables() {\r\n this.mountNode = this.el.querySelector('.js-aa-wizard');\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n\r\n ReactDOM.render(\r\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n\r\n
\r\n ))\r\n }\r\n \r\n }\r\n\r\n {\r\n this.toolsPanel = toolsPanel;\r\n }}>\r\n {\r\n this.toolsList = toolsList;\r\n }}\r\n applicationAreaData={this.applicationAreaData}\r\n toolsState={this.state.tools}\r\n toolsData={this.state.data}\r\n onChange={this.handleChange}\r\n isLoading={this.state.isLoading} />\r\n }\r\n\r\n \r\n \r\n {this.applicationAreaData.page.wizard.tipsTitle}\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n { this.state.isOverlayVisible &&\r\n \r\n \r\n \r\n \r\n
\r\n {this.applicationAreaData.page.wizard.navigationTitle}
\r\n { this.applicationAreaData &&\r\n \r\n \r\n Apply\r\n \r\n
\r\n\r\n {\r\n this.overlay = overlay;\r\n }}>\r\n 
\r\n
\r\n }\r\n\r\n \r\n\r\n {this.applicationAreaData.page.startScreenTitle}
\r\n {this.applicationAreaData.page.startScreenDescription}
\r\n {\r\n this.imagePanel = imagePanel;\r\n }}>\r\n\r\n {\r\n ((isHotspotsDataLoaded && isHotpostsOverlayVisible) && !isLoadingAdditionalData\r\n && (productLines && isHotspotsCoordinatesLoaded)) &&\r\n this.handleHotspotClick(spot.productGroup)}\r\n style={this.setCoordinates(spot)}>\r\n \r\n
\r\n \r\n
\r\n {\r\n productLines.map((spot) => (\r\n (spot && this.state.actualProductGroupCodes.some(item => item === spot.productGroup) &&\r\n (typeof spot.coordinateX !== 'undefined'\r\n || typeof spot.coordinateX !== 'null') && spot.productImage !== ''\r\n ) &&\r\n \r\n
\r\n \r\n this.handleSwitch(e)}\r\n />\r\n
\r\n \r\n View products { isHotspotsVisible ? on : off}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n this.setCoordinatesProductPreview(spot, productPreview)\r\n }}>\r\n
\r\n \r\n 
\r\n
\r\n \r\n {spot.title}\r\n
\r\n \r\n {\r\n (spot && spot.descriptions)\r\n && spot.descriptions.slice(0, 3).map((item, index) => (\r\n
\r\n
\r\n { !this.state.isOverlayVisible &&\r\n \r\n \r\n \r\n }\r\n ![]()
{\r\n this.imageEl = imageEl;\r\n }}/>\r\n { (this.state.data.sceneVideo.length > 0) &&\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n { (this.state.data.sceneDescription.length > 0) &&\r\n {this.state.data.sceneDescription}
\r\n }\r\n \r\n \r\n { (this.state.data.sceneDescription.length > 0) &&\r\n {this.state.data.sceneDescription}
\r\n }\r\n \r\n
\r\n );\r\n\r\n const configurationWrapper = (\r\n \r\n
\r\n );\r\n\r\n const igLightsWrapper = (\r\n \r\n
\r\n );\r\n\r\n const opticsWrapper = (\r\n \r\n
\r\n );\r\n\r\n const ambienceIcon = (\r\n \r\n );\r\n\r\n const configurationIcon = (\r\n \r\n );\r\n\r\n const iglightIcon = (\r\n \r\n\r\n );\r\n\r\n const opticIcon = (\r\n \r\n );\r\n\r\n\r\n const toolsList = (\r\n \r\n {\r\n this.opticsDropdown = opticsDropdown;\r\n }}\r\n type={ToolsTypes.optic}\r\n title={applicationAreaData.page.wizard.opticTitle}\r\n value={toolsState.optic}\r\n content={opticsWrapper}\r\n icon={opticIcon}\r\n isCollapsed={dropdownsCollapsed.optic}\r\n isDisabled={true}\r\n onOpen={this.onOpenDropdown}\r\n />\r\n
\r\n {\r\n this.toolsWrapNode = toolsWrapNode;\r\n }}>\r\n {toolsList}\r\n
\r\n );\r\n }\r\n}\r\n\r\nToolsList.propTypes = {\r\n applicationAreaData: PropTypes.object.isRequired,\r\n toolsState: PropTypes.object.isRequired,\r\n toolsData: PropTypes.object.isRequired,\r\n isLoading: PropTypes.bool,\r\n onChange: PropTypes.func.isRequired\r\n};\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/application-area-wizard/js/aa-wizard-tools.js","import React from 'react';\r\nimport TweenMax from 'gsap';\r\nimport PropTypes from 'prop-types';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\n\r\nexport default class Dropdown extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggle = this.toggle.bind(this);\r\n\r\n this.state = {\r\n isOpened: !props.isCollapsed,\r\n isDisabled: props.isDisabled,\r\n isAnimating: false\r\n };\r\n this.duration = 0.2;\r\n }\r\n\r\n toggle() {\r\n if (this.state.isAnimating) {\r\n return;\r\n }\r\n\r\n this.setState((prevState) => {\r\n this[(prevState.isOpened) ? 'close' : 'open']();\r\n return {\r\n isAnimating: true\r\n };\r\n });\r\n\r\n this.trackResults(this.props.type);\r\n }\r\n\r\n trackResults(dropdownTitle) {\r\n let label = dropdownTitle + ' dropdown';\r\n eventEmitter.emit('gtm:send', ['Application Areas', 'Tool Filter', label]);\r\n }\r\n\r\n open() {\r\n if (this.state.isOpened) {\r\n return;\r\n }\r\n const height = this.dropdownInner.clientHeight;\r\n TweenMax.fromTo(\r\n this.dropdownContainer, this.duration,\r\n { maxHeight: '0px' },\r\n { maxHeight: height + 'px',\r\n onComplete: this.onAnimationCompleted.bind(this),\r\n clearProps: 'all' }\r\n );\r\n }\r\n\r\n close() {\r\n if (!this.state.isOpened) {\r\n return;\r\n }\r\n const height = this.dropdownInner.clientHeight;\r\n TweenMax.fromTo(\r\n this.dropdownContainer, this.duration,\r\n { maxHeight: height + 'px' },\r\n { maxHeight: '0px', onComplete: this.onAnimationCompleted.bind(this), clearProps: 'all' }\r\n );\r\n }\r\n\r\n enable() {\r\n this.setState({\r\n isDisabled: false\r\n });\r\n }\r\n\r\n onAnimationCompleted() {\r\n this.setState(prevState => ({\r\n isOpened: !prevState.isOpened,\r\n isAnimating: false\r\n }));\r\n if (this.state.isOpened) {\r\n this.props.onOpen(this);\r\n }\r\n }\r\n\r\n render() {\r\n const openClass = (this.state.isOpened) ? 'is-opened' : '';\r\n const animatingClass = (this.state.isAnimating) ? 'is-animating' : '';\r\n const disabledClass = (this.state.isDisabled) ? 'is-disabled' : '';\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDropdown.propTypes = {\r\n isCollapsed: PropTypes.bool,\r\n isDisabled: PropTypes.bool,\r\n type: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n value: PropTypes.string,\r\n content: PropTypes.node.isRequired,\r\n icon: PropTypes.node.isRequired,\r\n onOpen: PropTypes.func.isRequired\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/application-area-wizard/js/dropdown.js","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class RadioList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.toolName = props.toolName;\r\n this.toolTitle = props.toolTitle;\r\n }\r\n\r\n handleChange(e) {\r\n const value = e.target.value;\r\n let changedTools = {};\r\n\r\n changedTools[this.toolName] = this.props.toolsState[this.toolName];\r\n\r\n this.props.toolContent.forEach((item) => {\r\n if (item.title === value) {\r\n changedTools[this.toolName] = value;\r\n }\r\n });\r\n\r\n this.trackResults(this.toolTitle, value);\r\n\r\n this.props.onChange(changedTools);\r\n }\r\n\r\n\r\n trackResults(toolTitle, value) {\r\n let label = toolTitle + ' > ' + value;\r\n eventEmitter.emit('gtm:send', ['Application Areas', 'Tool Filter', label]);\r\n }\r\n\r\n render() {\r\n const { toolContent } = this.props;\r\n\r\n const items = toolContent.map((item, i) => {\r\n return this.renderRadioBtn(item, i);\r\n });\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderRadioBtn(item, i) {\r\n let labelContent = item.title;\r\n let isItemChecked = item.isDefault;\r\n if (this.props.toolsState[this.toolName]) {\r\n isItemChecked = (this.props.toolContent[i].title == this.props.toolsState[this.toolName]);\r\n }\r\n\r\n return (\r\n \r\n {this.props.icon}\r\n {this.props.title}\r\n
\r\n {(this.props.value) &&\r\n \r\n {this.props.value}\r\n
\r\n }\r\n \r\n \r\n {\r\n this.dropdownContainer = dropdownContainer;\r\n }} >\r\n
\r\n {\r\n this.dropdownInner = dropdownInner;\r\n }}>\r\n {this.props.content}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nRadioList.propTypes = {\r\n toolName: PropTypes.string.isRequired,\r\n toolTitle: PropTypes.string.isRequired,\r\n toolContent: PropTypes.array.isRequired,\r\n toolsState: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/application-area-wizard/js/radioList.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.areaProductLines : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \r\n \r\n\r\n \r\n {labelContent}\r\n \r\n
\r\n \\r\\n \\r\\n \\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/application-area-wizard/templates/productlines.hbs\n// module id = ./app/components/application-area-wizard/templates/productlines.hbs\n// module chunks = 1","import './areaCard.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areaCard/areaCard.js","import './less/index.less';\r\n\r\nimport _ from 'lodash';\r\nimport Modal from 'Modal';\r\nimport BaseComponent from 'baseComponent';\r\n\r\nconst TOP = 130; // (70px - height of the nav) + 60px padding\r\n\r\nexport default class AreaConsulting extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.elem = elem;\r\n this.isInited = true;\r\n this.ctaRef = this.elem.querySelector('[data-ref=\"cta\"]');\r\n this.ctaFormRef = this.elem.querySelector('[data-ref=\"cta-form\"]');\r\n this.areaHeaderBottomRef = document.querySelector('[data-ref=\"area-header-bottom\"]');\r\n this.baseUrl = this.ctaFormRef.getAttribute('data-src');\r\n\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return '.js-area-consulting';\r\n }\r\n\r\n init() {\r\n if (!this.ctaRef || !this.areaHeaderBottomRef) return;\r\n\r\n this.contentRef = this.elem.querySelector('[data-ref=\"content\"]');\r\n this.ctaFormRef.setAttribute('data-src', this.baseUrl + '?mode=popup');\r\n\r\n this.insertConsultingButtonInAreaHeader();\r\n this.addListeners();\r\n }\r\n\r\n insertConsultingButtonInAreaHeader() {\r\n this.cloneCta = this.ctaRef.cloneNode(true);\r\n\r\n this.areaHeaderBottomRef.appendChild(this.cloneCta);\r\n this.ctaRef.parentNode.removeChild(this.ctaRef);\r\n\r\n this.changePosition();\r\n }\r\n\r\n changePosition = () => {\r\n const topCta = this.cloneCta.getBoundingClientRect().top;\r\n const topAreaHeader = this.areaHeaderBottomRef.getBoundingClientRect().top;\r\n\r\n if (topCta <= TOP) {\r\n this.cloneCta.classList.add('fixed-desktop');\r\n\r\n if (!this.cloneCta.hasAttribute('style')) {\r\n const top = parseInt(window.getComputedStyle(this.cloneCta).getPropertyValue('top'), 10);\r\n this.cloneCta.style.top = `${top}px`;\r\n }\r\n }\r\n\r\n if (topCta <= topAreaHeader) {\r\n this.cloneCta.classList.remove('fixed-desktop');\r\n\r\n if (this.cloneCta.hasAttribute('style')) {\r\n this.cloneCta.removeAttribute('style');\r\n }\r\n }\r\n };\r\n\r\n openPopup = () => {\r\n this.destroyModal();\r\n\r\n this.modal = new Modal(this.contentRef, ['consulting']);\r\n this.modal.open();\r\n\r\n this.modal.resolveFunction();\r\n\r\n if (document.body.classList.contains('no-touch')) {\r\n document.body.classList.remove('is-blocked');\r\n }\r\n };\r\n\r\n openForm = () => {\r\n this.modal.close();\r\n this.setUrl();\r\n\r\n setTimeout(this.destroyModal, 1000);\r\n };\r\n\r\n onScroll = () => {\r\n this.changePosition();\r\n };\r\n\r\n updateUrl = (data) => {\r\n if (!this.baseUrl) return;\r\n\r\n const additionalDetails = _.pickBy(_.omit(data, 'productGroups'), _.identity);\r\n const params = Object.values(additionalDetails);\r\n const temp = params.slice(1).map((value) => `|${value}`);\r\n\r\n params.splice(1, temp.length, ...temp);\r\n\r\n this.url = this.baseUrl + `?details=${params.join('')}` + '&mode=popup';\r\n\r\n this.ctaFormRef.setAttribute('data-src', this.url);\r\n };\r\n\r\n setUrl() {\r\n if (!window.history.replaceState || !this.url) return;\r\n\r\n setTimeout(() => {\r\n const search = window.location.search.replace(/&mode=popup/i, '');\r\n\r\n window.history.replaceState({}, null, search);\r\n }, 0);\r\n }\r\n\r\n addListeners() {\r\n this.addListener(window, 'scroll', this.onScroll);\r\n this.addListener(this.cloneCta, 'click', this.openPopup);\r\n this.addListener(this.ctaFormRef, 'click', this.openForm);\r\n\r\n eventEmitter.subscribe(\r\n 'aa-wizard:updated',\r\n this.listeners.updateUrlListener = (data) => {\r\n this.updateUrl(data);\r\n }\r\n );\r\n }\r\n\r\n destroyModal = () => {\r\n if (this.modal) {\r\n this.modal.destroy();\r\n this.modal = null;\r\n }\r\n }\r\n\r\n destroy() {\r\n this.destroyModal();\r\n\r\n eventEmitter.unsubscribe(\r\n 'aa-wizard:updated',\r\n this.listeners.updateUrlListener\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areaConsulting/areaConsulting.js","import './areaHeader.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areaHeader/areaHeader.js","import './areaRelated.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areaRelated/areaRelated.js","import './areaTabs.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areaTabs/areaTabs.js","import './areasLanding.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/areasLanding/areasLanding.js","import BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport http from 'http-instance';\r\n\r\nexport default class AsyncForm extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-async-form';\r\n }\r\n\r\n init() {\r\n this.ajaxHandler = this.el.getAttribute('data-handler');\r\n this.submitBtn = this.el.querySelector('.js-submit-btn');\r\n this.errorContainer = this.el.querySelector('.js-form-error');\r\n this.nativeControls = this.el.querySelectorAll('input, select, textarea');\r\n\r\n this.addListeners();\r\n this.checkFormFilling();\r\n }\r\n\r\n addListeners() {\r\n this.el.addEventListener(\r\n 'keypress',\r\n (this.listeners.formKeypress = this.onKeypress.bind(this))\r\n );\r\n this.submitBtn.addEventListener(\r\n 'click',\r\n (this.listeners.clickSubmit = this.onClickSubmit.bind(this))\r\n );\r\n this.listeners.changeField = this.onFieldChange.bind(this);\r\n this.listeners.onFocusInput = this.onFocusInput.bind(this);\r\n this.listeners.onBlurInput = this.onBlurInput.bind(this);\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.nativeControls[i].addEventListener('change', this.listeners.changeField);\r\n this.nativeControls[i].addEventListener('focus', this.listeners.onFocusInput);\r\n this.nativeControls[i].addEventListener('blur', this.listeners.onBlurInput);\r\n }\r\n }\r\n\r\n checkFormFilling() {\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.checkFilling(this.nativeControls[i]);\r\n }\r\n }\r\n\r\n checkFilling(el) {\r\n if (el.value) {\r\n el.classList.add('filled');\r\n el.parentNode.classList.add('is-filled');\r\n } else {\r\n el.classList.remove('filled');\r\n el.parentNode.classList.remove('is-filled');\r\n }\r\n }\r\n\r\n onFocusInput(event) {\r\n event.target.parentNode.classList.add('is-focused');\r\n }\r\n\r\n onBlurInput(event) {\r\n event.target.parentNode.classList.remove('is-focused');\r\n }\r\n\r\n removeListeners() {\r\n this.el.removeEventListener('keypress', this.listeners.formKeypress);\r\n this.submitBtn.removeEventListener('click', this.listeners.clickSubmit);\r\n\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.nativeControls[i].removeEventListener('change', this.listeners.changeField);\r\n this.nativeControls[i].removeEventListener('change', this.listeners.onFocusInput);\r\n this.nativeControls[i].removeEventListener('change', this.listeners.onBlurInput);\r\n }\r\n\r\n this.loader.removeEventListener('complete', this.listeners.ajaxComplete);\r\n this.loader.removeEventListener('error', this.listeners.ajaxError);\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n this.isDestroyed = true;\r\n }\r\n\r\n onKeypress(e) {\r\n if (e.keyCode !== 13) {\r\n return;\r\n }\r\n\r\n e.preventDefault();\r\n this.submitProcess();\r\n }\r\n\r\n onClickSubmit(e) {\r\n e.preventDefault();\r\n this.submitProcess();\r\n }\r\n\r\n submitProcess() {\r\n const isFormValid = this.validateForm();\r\n\r\n if (!isFormValid) {\r\n return;\r\n }\r\n\r\n const data = this.serialize();\r\n http.post(this.ajaxHandler, data).then((result) => {\r\n this.resetForm();\r\n return this.onSuccess(result.data);\r\n }, (error) => {\r\n return this.onError(error);\r\n });\r\n }\r\n\r\n resetForm() {\r\n this.hideErrorsSummary();\r\n }\r\n\r\n onFieldChange(e) {\r\n this.checkFilling(e.target);\r\n }\r\n\r\n validateForm() {\r\n let isFormValid = true;\r\n\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n const currentField = Utility.findAncestor(this.nativeControls[i], 'js-form-field');\r\n\r\n if (currentField && Utility.isElementVisible(currentField)) {\r\n if (!this.nativeControls[i].checkValidity()) {\r\n currentField.classList.add('invalid');\r\n currentField.classList.add('is-invalid');\r\n isFormValid = false;\r\n } else {\r\n currentField.classList.remove('invalid');\r\n currentField.classList.remove('is-invalid');\r\n }\r\n }\r\n }\r\n return isFormValid;\r\n }\r\n\r\n serialize() {\r\n const dataArray = [];\r\n\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n const name = encodeURIComponent(this.nativeControls[i].getAttribute('name'));\r\n const value = encodeURIComponent(this.nativeControls[i].value);\r\n dataArray.push(`${name}=${value}`);\r\n }\r\n\r\n return dataArray.join('&');\r\n }\r\n\r\n onSuccess(result) {\r\n //hook for descendants\r\n }\r\n\r\n onError(error) {\r\n //hook for descendants\r\n }\r\n\r\n hideErrorsSummary() {\r\n if (this.errorContainer) {\r\n this.errorContainer.classList.remove('is-shown');\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/asyncForm/asyncForm.js","import EmbeddedResultForm from './embeddedResultForm';\r\n\r\nexport default class AsyncFormCreator {\r\n constructor(el) {\r\n let type = el.getAttribute('data-type');\r\n switch (type) {\r\n case 'embedded':\r\n return new EmbeddedResultForm(el);\r\n break;\r\n default:\r\n console.error('please specify form type');\r\n return;\r\n }\r\n }\r\n\r\n static get tagName() {\r\n return '.js-async-form';\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/asyncForm/asyncFormCreator.js","import AsyncForm from './asyncForm';\r\nimport template from './html/success-message-template.hbs';\r\nimport 'gsap';\r\n\r\nexport default class EmbeddedResultFormComponent extends AsyncForm {\r\n constructor(el) {\r\n super(el);\r\n\r\n this.resultContainer = this.el.querySelector('.js-form-result-container');\r\n //in milliseconds\r\n this.hideResultTimeout = this.el.getAttribute('data-hide-result-timeout');\r\n\r\n if (this.hideResultTimeout) {\r\n this.hideResultTimeout = parseInt(this.hideResultTimeout);\r\n this.resultShowTimeout = null;\r\n this.tween = new TimelineLite({paused: true});\r\n this.tween.to(this.resultContainer, 0.5, {opacity: 1, display: 'block'});\r\n }\r\n }\r\n\r\n onSuccess(response) {\r\n if (this.hideResultTimeout) {\r\n this.renderSuccessMessageWithTimeout(response);\r\n } else {\r\n this.renderSuccessMessage(response);\r\n }\r\n }\r\n\r\n renderSuccessMessage(response) {\r\n this.insertContent(response);\r\n this.resultContainer.classList.add('is-shown');\r\n }\r\n\r\n insertContent(response) {\r\n this.resultContainer.innerHTML = template(response);\r\n }\r\n\r\n renderSuccessMessageWithTimeout(response) {\r\n if (this.resultShowTimeout) {\r\n clearTimeout(this.resultShowTimeout);\r\n this.resultShowTimeout = null;\r\n }\r\n this.insertContent(response);\r\n this.tween.play();\r\n this.resultShowTimeout = setTimeout(this.hideSuccessResult.bind(this), 5000);\r\n }\r\n\r\n hideSuccessResult() {\r\n this.tween.reverse();\r\n this.resultShowTimeout = null;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/asyncForm/embeddedResultForm.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.message || (depth0 != null ? depth0.message : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"message\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/asyncForm/html/success-message-template.hbs\n// module id = ./app/components/asyncForm/html/success-message-template.hbs\n// module chunks = 1","import './banner.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/banner/banner.js","import BaseComponent from 'baseComponent.js';\r\n\r\nexport default class bladePopUp extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-open-popup';\r\n }\r\n\r\n init() {\r\n const popupTriggerEnable = this.el.getAttribute('data-enabled');\r\n const popupTriggerVisible = this.el.getAttribute('data-visible');\r\n const time = 10000;\r\n\r\n if (popupTriggerEnable === 'True') {\r\n let showPopUp = bladePopUp.readCookie('bladeCookie') === 'true';\r\n\r\n if (!showPopUp) {\r\n if (popupTriggerVisible === 'True') {\r\n document.cookie = 'bladeCookie=true';\r\n showPopUp = true;\r\n }\r\n }\r\n\r\n if (showPopUp) {\r\n setTimeout(this.popupOpen, time);\r\n }\r\n }\r\n }\r\n\r\n popupOpen() {\r\n const popupTrigger = document.querySelector('.js-popup-trigger');\r\n\r\n popupTrigger.click();\r\n document.cookie = 'bladeCookie=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';\r\n }\r\n\r\n destroy() {\r\n\r\n }\r\n\r\n static readCookie(name) {\r\n const nameEQ = `${name}=`;\r\n const ca = document.cookie.split(';');\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i];\r\n while (c.charAt(0) == ' ') c = c.substring(1, c.length);\r\n if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\r\n }\r\n return null;\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/bladePopup/bladePopUp.js","import './blind.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/blind/blind.js","function init() {\r\n const changedBlock = document.querySelector('.js-order-change');\r\n\r\n if (!changedBlock) return;\r\n\r\n const useragent = navigator.userAgent;\r\n if (useragent.indexOf('Googlebot') < 0) { initOrderChange(); }\r\n}\r\n\r\nfunction initOrderChange() {\r\n const changedBlock = document.querySelectorAll('.js-order-change');\r\n let orderNumber;\r\n let otherBlocks;\r\n\r\n for (let i = 0; i < changedBlock.length; i++) {\r\n const self = changedBlock[i];\r\n orderNumber = self.getAttribute('data-order');\r\n otherBlocks = self.parentNode.querySelectorAll('.section--with-order');\r\n self.parentNode.insertBefore(self, otherBlocks[orderNumber]);\r\n self.removeAttribute('style');\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/blockOrderChanging/blockOrderChanging.js","import './breadcrumb.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/breadcrumb/breadcrumb.js","import BaseComponent from '../../general/js/baseComponent';\r\nimport Utility from '../../general/js/helpers/utility';\r\nimport eventEmmiter from '../../general/js/helpers/eventEmitter';\r\n\r\nexport default class Captcha extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-captcha';\r\n }\r\n\r\n init() {\r\n this.datakey = this.el.getAttribute('data-sitekey');\r\n this.captchaId = null;\r\n this._isValid = false;\r\n this.onStateChangedHandler = () => {};\r\n\r\n this.onLoadedRecaptcha();\r\n eventEmmiter.subscribe('recaptcha:loaded', this.onLoadedRecaptcha.bind(this));\r\n }\r\n\r\n onLoadedRecaptcha() {\r\n if (\r\n window.grecaptcha &&\r\n window.grecaptcha.render &&\r\n this.captchaId === null\r\n ) {\r\n this.captchaId = window.grecaptcha.render(this.el, {\r\n sitekey: this.datakey,\r\n callback: this.onSuccessCallback.bind(this),\r\n 'expired-callback': this.onExpiredCallback.bind(this),\r\n 'error-callback': this.onErrorCallback.bind(this)\r\n });\r\n }\r\n }\r\n\r\n onSuccessCallback() {\r\n this._isValid = true;\r\n eventEmmiter.emit('recaptcha:success');\r\n this.onStateChangedHandler();\r\n }\r\n\r\n onExpiredCallback() {\r\n this._isValid = false;\r\n this.onStateChangedHandler();\r\n }\r\n\r\n onErrorCallback() {\r\n this._isValid = false;\r\n this.onStateChangedHandler();\r\n }\r\n\r\n onStateChanged(callback) {\r\n if (!callback || typeof callback !== 'function') return;\r\n\r\n this.onStateChangedHandler = callback;\r\n }\r\n\r\n validate() {\r\n let response = '';\r\n\r\n if (this.captchaId !== null) {\r\n response = window.grecaptcha.getResponse(this.captchaId);\r\n }\r\n\r\n return !!response;\r\n }\r\n\r\n isValid() {\r\n return this._isValid;\r\n }\r\n\r\n isVisible() {\r\n return Utility.isElementVisible(this.el);\r\n }\r\n}\r\n\r\nif (!window.recapchaCallback) {\r\n window.recapchaCallback = () => {\r\n eventEmmiter.emit('recaptcha:loaded');\r\n };\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/captcha/captcha.js","import BaseComponent from '../../general/js/baseComponent';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport app from 'app';\r\n\r\nexport default class Captcha extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.setVariables(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-captcha-wrapper';\r\n }\r\n\r\n setVariables(el) {\r\n this.el = el;\r\n this.container = el.querySelector('.BDC_CaptchaDiv');\r\n this.reload = el.querySelector('.BDC_ReloadLink');\r\n this.flexWrapper = el.querySelector('.js-flex-wrapper');\r\n this.input = el.querySelector('.form-field__input');\r\n }\r\n\r\n init() {\r\n this.onResize();\r\n eventEmitter.subscribe('resizeFinished', this.onResize.bind(this));\r\n }\r\n\r\n onResize() {\r\n const isDesktop = app.globals.isWiderSm;\r\n this.stylesAdapter(isDesktop);\r\n }\r\n\r\n setStylesDesktop() {\r\n if (this.flexWrapper) this.flexWrapper.setAttribute('style', 'display: flex;');\r\n if (this.container) this.container.setAttribute('style', 'width: 460px !important;');\r\n if (this.input) this.input.setAttribute('style', 'height: 50px');\r\n }\r\n\r\n setStylesMobile() {\r\n if (this.el) this.el.setAttribute('style', 'display: block');\r\n if (this.container) this.container.setAttribute('style', 'width: auto ;');\r\n if (this.input) this.input.setAttribute('style', 'height: 50px; margin-top: 20px;');\r\n }\r\n\r\n stylesAdapter(isDesktop) {\r\n if (isDesktop) {\r\n this.setStylesDesktop();\r\n } else {\r\n this.setStylesMobile();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/captchaBDC/captchaBDC.js","import './careersView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/careersView/careersView.js","import './carousel.less';\r\nimport TweenMax from 'gsap';\r\nimport AbstractEvent from 'helpers/abstractEvent.js';\r\nimport EventDispatcher from 'helpers/eventDispatcher.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport Touch from 'helpers/touch.js';\r\nimport Timer from './timer';\r\nconst prefix = (function () {\r\n const styles = window.getComputedStyle(document.documentElement, '');\r\n const pre = (Array.prototype.slice\r\n .call(styles)\r\n .join('')\r\n .match(/-(moz|webkit|ms)-/) ||\r\n (styles.OLink === '' && ['', 'o']))[1];\r\n const dom = 'WebKit|Moz|MS|O'.match(new RegExp(`(${pre})`, 'i'))[1];\r\n return {\r\n dom,\r\n lowercase: pre,\r\n css: `-${pre}-`,\r\n js: pre[0].toUpperCase() + pre.substr(1)\r\n };\r\n}());\r\n\r\nconst transform = `${prefix.css}transform`;\r\n\r\nconst isTouch = 'ontouchstart' in window;\r\n\r\nconst list = [];\r\n\r\nCarousel.prototype = Object.create(EventDispatcher.prototype);\r\nCarousel.prototype.constructor = Carousel;\r\n\r\nfunction Carousel(el) {\r\n EventDispatcher.call(this);\r\n\r\n this.el = el;\r\n this.el.__context__ = this;\r\n\r\n this.bullets = el.querySelectorAll('.cp-carousel__bullet');\r\n this.items = el.querySelectorAll('.cp-carousel__slide');\r\n this.total = this.items.length;\r\n this.current = 0;\r\n // data-carousel-settings = '{\"autoplay\": true, \"autoplaySpeed\": 5000}'\r\n this.settings = {};\r\n if (this.el.dataset.carouselSettings) {\r\n this.settings = JSON.parse(this.el.dataset.carouselSettings);\r\n }\r\n\r\n if (this.total < 2) {\r\n return;\r\n }\r\n\r\n this.container = el.querySelector('.cp-carousel__slides');\r\n\r\n Array.prototype.forEach.call(this.items, (item, index) => {\r\n if (index > 0) item.style.display = 'none';\r\n });\r\n\r\n this.block = false;\r\n\r\n if (isTouch) {\r\n this.container = new Touch(this.container);\r\n this.container.onTouch(Touch.events.TOUCH_START, onTouchStart.bind(this));\r\n this.container.onTouch(Touch.events.TAP, onTap.bind(this));\r\n\r\n this.prev = this.el.querySelector('.cp-carousel__prev');\r\n this.next = this.el.querySelector('.cp-carousel__next');\r\n\r\n if (this.prev) {\r\n this.el.removeChild(this.prev);\r\n }\r\n\r\n if (this.next) {\r\n this.el.removeChild(this.next);\r\n }\r\n\r\n Array.prototype.forEach.call(\r\n this.bullets,\r\n function (item, index) {\r\n new Touch(item).onTouch(Touch.events.TAP, onBullet.bind(this, index));\r\n },\r\n this\r\n );\r\n } else {\r\n this.prev = this.el.querySelector('.cp-carousel__prev');\r\n this.next = this.el.querySelector('.cp-carousel__next');\r\n\r\n if (this.prev) this.prev.addEventListener('click', onPrev.bind(this));\r\n if (this.next) this.next.addEventListener('click', onNext.bind(this));\r\n\r\n Array.prototype.forEach.call(\r\n this.bullets,\r\n function (item, index) {\r\n item.addEventListener('click', onBullet.bind(this, index));\r\n },\r\n this\r\n );\r\n\r\n this.container.addEventListener('mousemove', onMouseMove);\r\n\r\n if (this.settings.autoplay) autoplay.call(this);\r\n }\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.add('active');\r\n }\r\n\r\n el.classList.add('js-initied');\r\n}\r\n\r\nfunction onTouchStart(e) {\r\n if (this.block) return;\r\n\r\n this.container.onTouch(Touch.events.TOUCH_MOVE, onTouchMove.bind(this));\r\n this.container.onTouch(Touch.events.TOUCH_END, onTouchEnd.bind(this));\r\n\r\n this.block = true;\r\n\r\n this.pos = 0;\r\n this.anchor = e.screenX;\r\n this.width = this.container.offsetWidth;\r\n\r\n this.currentSlide = this.items[this.current];\r\n this.currentSlide.style[transform] = 'translateX(0%)';\r\n\r\n if (this.total > 2) {\r\n this.prevSlide = this.items[(this.current + this.total - 1) % this.total];\r\n this.nextSlide = this.items[(this.current + this.total + 1) % this.total];\r\n\r\n this.prevSlide.style.display = '';\r\n this.nextSlide.style.display = '';\r\n\r\n this.prevSlide.style.opacity = '';\r\n this.nextSlide.style.opacity = '';\r\n\r\n this.prevSlide.style[transform] = 'translateX(-100%)';\r\n this.nextSlide.style[transform] = 'translateX(100%)';\r\n } else {\r\n this.nextSlide = this.items[(this.current + this.total + 1) % this.total];\r\n this.nextSlide.style.display = '';\r\n this.nextSlide.style.opacity = '';\r\n this.nextSlide.style[transform] = 'translateX(100%)';\r\n }\r\n}\r\n\r\nfunction onTouchMove(e) {\r\n this.pos = (100 * (e.screenX - this.anchor)) / this.width;\r\n\r\n if (this.pos < -100) this.pos = -100;\r\n if (this.pos > 100) this.pos = 100;\r\n\r\n setPos.call(this);\r\n}\r\n\r\nfunction onTouchEnd() {\r\n let pos = 0;\r\n\r\n this.bullets[this.current].classList.remove('active');\r\n\r\n if (this.pos < -10) {\r\n pos = -100;\r\n\r\n this.current++;\r\n if (this.current == this.total) this.current = 0;\r\n } else if (this.pos > 10) {\r\n pos = 100;\r\n\r\n if (this.current == 0) this.current = this.total;\r\n this.current--;\r\n }\r\n\r\n this.bullets[this.current].classList.add('active');\r\n\r\n TweenMax.to(this, 0.5, {\r\n pos,\r\n ease: Expo.easeOut,\r\n onUpdate: function () {\r\n setPos.call(this);\r\n }.bind(this),\r\n onComplete: function () {\r\n this.block = false;\r\n\r\n if (this.pos > 0) {\r\n this.currentSlide.style[transform] = '';\r\n this.currentSlide.style.display = 'none';\r\n\r\n if (this.total > 2) {\r\n if (this.prevSlide) {\r\n this.prevSlide.style[transform] = '';\r\n this.prevSlide = undefined;\r\n }\r\n\r\n if (this.nextSlide) {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide.style.display = 'none';\r\n this.nextSlide = undefined;\r\n }\r\n } else {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide = undefined;\r\n }\r\n } else if (this.pos < 0) {\r\n this.currentSlide.style[transform] = '';\r\n this.currentSlide.style.display = 'none';\r\n\r\n if (this.total > 2) {\r\n if (this.prevSlide) {\r\n this.prevSlide.style[transform] = '';\r\n this.prevSlide.style.display = 'none';\r\n this.prevSlide = undefined;\r\n }\r\n\r\n if (this.nextSlide) {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide = undefined;\r\n }\r\n } else if (this.nextSlide) {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide = undefined;\r\n }\r\n } else {\r\n this.currentSlide.style[transform] = '';\r\n\r\n if (this.prevSlide) {\r\n this.prevSlide.style[transform] = '';\r\n this.prevSlide.style.display = 'none';\r\n this.prevSlide = undefined;\r\n }\r\n\r\n if (this.nextSlide) {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide.style.display = 'none';\r\n this.nextSlide = undefined;\r\n }\r\n }\r\n\r\n this.dispatchEvent(new AbstractEvent('onChange'));\r\n eventEmitter.emit('carousel:after-change');\r\n }.bind(this)\r\n });\r\n\r\n this.container.onTouch(Touch.events.TOUCH_MOVE);\r\n this.container.onTouch(Touch.events.TOUCH_END);\r\n}\r\n\r\nfunction onMouseMove(e) {\r\n const bounds = this.getBoundingClientRect();\r\n const x = e.clientX;\r\n\r\n if (x > bounds.left && x < bounds.left + 250) {\r\n this.parentNode.classList.add('show-prev-arrow');\r\n } else {\r\n this.parentNode.classList.remove('show-prev-arrow');\r\n }\r\n\r\n if (x > bounds.right - 250 && x < bounds.right) {\r\n this.parentNode.classList.add('show-next-arrow');\r\n } else {\r\n this.parentNode.classList.remove('show-next-arrow');\r\n }\r\n}\r\n\r\nfunction onTap() {\r\n this.currentSlide.style[transform] = '';\r\n\r\n if (this.prevSlide) {\r\n this.prevSlide.style[transform] = '';\r\n this.prevSlide.style.display = 'none';\r\n this.prevSlide = undefined;\r\n }\r\n\r\n if (this.nextSlide) {\r\n this.nextSlide.style[transform] = '';\r\n this.nextSlide.style.display = 'none';\r\n this.nextSlide = undefined;\r\n }\r\n\r\n this.block = false;\r\n\r\n this.container.onTouch(Touch.events.TOUCH_MOVE);\r\n this.container.onTouch(Touch.events.TOUCH_END);\r\n}\r\n\r\nfunction setPos() {\r\n this.currentSlide.style[transform] = `translateX(${this.pos}%)`;\r\n\r\n if (this.total > 2) {\r\n this.prevSlide.style[transform] = `translateX(${this.pos - 100}%)`;\r\n this.nextSlide.style[transform] = `translateX(${this.pos + 100}%)`;\r\n } else if (this.pos > 0) {\r\n this.nextSlide.style[transform] = `translateX(${this.pos - 100}%)`;\r\n } else {\r\n this.nextSlide.style[transform] = `translateX(${this.pos + 100}%)`;\r\n }\r\n}\r\n\r\nfunction onPrev() {\r\n this.items[this.current].style.opacity = '1';\r\n\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 0,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.target.style.display = 'none';\r\n this.target.style.opacity = '';\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.remove('active');\r\n }\r\n\r\n if (this.current == 0) {\r\n this.current = this.total;\r\n }\r\n\r\n this.current--;\r\n\r\n this.items[this.current].style.display = '';\r\n this.items[this.current].style.opacity = '0';\r\n\r\n const self = this;\r\n\r\n eventEmitter.emit('carousel:before-change');\r\n\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 1,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.block = false;\r\n\r\n this.target.style.opacity = '';\r\n\r\n self.dispatchEvent(new AbstractEvent('onChange'));\r\n eventEmitter.emit('carousel:after-change');\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.add('active');\r\n }\r\n}\r\n\r\nfunction onNext() {\r\n this.items[this.current].style.opacity = '1';\r\n\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 0,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.target.style.display = 'none';\r\n this.target.style.opacity = '';\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.remove('active');\r\n }\r\n\r\n this.current++;\r\n if (this.current == this.total) this.current = 0;\r\n\r\n this.items[this.current].style.display = '';\r\n this.items[this.current].style.opacity = '0';\r\n\r\n const self = this;\r\n\r\n eventEmitter.emit('carousel:before-change');\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 1,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.block = false;\r\n\r\n this.target.style.opacity = '';\r\n\r\n self.dispatchEvent(new AbstractEvent('onChange'));\r\n\r\n eventEmitter.emit('carousel:after-change');\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.add('active');\r\n }\r\n}\r\n\r\nfunction onBullet(index) {\r\n if (index == this.current) return;\r\n\r\n this.items[this.current].style.opacity = '1';\r\n\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 0,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.target.style.display = 'none';\r\n this.target.style.opacity = '';\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.remove('active');\r\n }\r\n\r\n this.current = index;\r\n\r\n this.items[this.current].style.display = '';\r\n this.items[this.current].style.opacity = '0';\r\n\r\n const self = this;\r\n\r\n eventEmitter.emit('carousel:before-change');\r\n TweenMax.to(this.items[this.current], 0.8, {\r\n opacity: 1,\r\n ease: Linear.easeNone,\r\n onComplete() {\r\n this.block = false;\r\n\r\n this.target.style.opacity = '';\r\n\r\n self.dispatchEvent(new AbstractEvent('onChange'));\r\n eventEmitter.emit('carousel:after-change');\r\n }\r\n });\r\n\r\n if (this.bullets[this.current]) {\r\n this.bullets[this.current].classList.add('active');\r\n }\r\n}\r\n\r\nfunction autoplay() {\r\n let timer;\r\n function createTimeout() {\r\n timer = new Timer(() => {\r\n onNext.call(this);\r\n }, this.settings.autoplaySpeed);\r\n }\r\n createTimeout.call(this);\r\n\r\n this.container.addEventListener('mouseover', () => {\r\n timer.pause();\r\n });\r\n\r\n this.container.addEventListener('mouseout', () => {\r\n timer.resume();\r\n });\r\n\r\n eventEmitter.subscribe('carousel:before-change', () => {\r\n timer.clear();\r\n createTimeout.call(this);\r\n });\r\n}\r\n\r\n\r\nfunction init() {\r\n const items = document.querySelectorAll('.cp-carousel:not(js-initied)');\r\n\r\n if (items.length > 0) {\r\n Array.prototype.forEach.call(items, (el) => {\r\n list.push(new Carousel(el));\r\n });\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/carousel/carousel.js","export default class Timer {\r\n constructor(callback, delay) {\r\n this.timerId = '';\r\n this.start = 0;\r\n this.remaining = delay;\r\n this.callback = callback;\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.resume();\r\n }\r\n\r\n pause() {\r\n clearTimeout(this.timerId);\r\n this.remaining -= new Date() - this.start;\r\n }\r\n\r\n resume() {\r\n this.start = new Date();\r\n clearTimeout(this.timerId);\r\n this.timerId = setTimeout(this.callback, this.remaining);\r\n }\r\n\r\n clear() { \r\n clearTimeout(this.timerId);\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./app/components/carousel/timer.js","import './caseStudyModule.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/caseStudyModule/caseStudyModule.js","import './caseStudyThumb.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/caseStudyThumb/caseStudyThumb.js","import './caseStudyView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/casestudyView/casestudyView.js","import './certificationsView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/certificationsView/certificationsView.js","import './circleLoader.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/circleLoader/circleLoader.js","import './codeFavoritesButton.less';\r\n\r\nimport FavoritesButton from 'favoritesButton/favoritesButton';\r\nimport app from 'app';\r\nimport favoritesService from 'favoritesService';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport savedToFavoritesTemplate from './html/saved-code-tooltip.hbs';\r\nimport codeInCollectionsTemplate from './html/code-in-collections.hbs';\r\nimport utility from '../../general/js/helpers/utility';\r\nimport Tooltip, { CONTAINER_BODY } from '../../general/js/tooltip';\r\n\r\nexport default class CodeFavoritesButton extends FavoritesButton {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return '.js-code-favorites-button';\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n this.addListeners();\r\n this.isInited = true;\r\n }\r\n\r\n setVariables() {\r\n super.setVariables();\r\n\r\n this._isAdded = this.el.getAttribute('data-added') === 'true';\r\n this.article = this.el.getAttribute('data-article');\r\n this.code = this.el.getAttribute('data-code');\r\n this.isEmitter = false;\r\n this.collections = this.getCollectionsModel();\r\n this.collectionsTooltip = null;\r\n\r\n if (this.collections.total) {\r\n this.generateCollectionsTooltip();\r\n }\r\n }\r\n\r\n addListeners() {\r\n super.addListeners();\r\n super.addListener(this.el, 'mouseover', this.onMouseover.bind(this));\r\n super.addListener(this.el, 'mouseout', this.onMouseout.bind(this));\r\n\r\n eventEmitter.subscribe(`favorites:addCode:${this.code}`, (code) => {\r\n if (code && this.code === code) {\r\n this.onAddToFavorites();\r\n }\r\n });\r\n\r\n app.subscribe(this.onStateChanged.bind(this));\r\n }\r\n\r\n addToFavorites() {\r\n this.isEmitter = true;\r\n return favoritesService.addCode(this.code).then(() => {\r\n this._isAdded = true;\r\n eventEmitter.emit(`favorites:addCode:${this.code}`, this.code);\r\n });\r\n }\r\n\r\n onAddToFavorites() {\r\n // exclude current instance\r\n if (this.isEmitter) {\r\n this.isEmitter = false;\r\n } else {\r\n this._isAdded = true;\r\n this.handleAddition();\r\n }\r\n }\r\n\r\n isAdded() {\r\n return this._isAdded;\r\n }\r\n\r\n getLoginReason() {\r\n return app.t('favorites.addCodeToFavoritesLoginReason', this.article);\r\n }\r\n\r\n getTooltipContent() {\r\n const data = Object.assign({}, this.getTooltipData(), {\r\n code: this.code,\r\n article: this.article,\r\n });\r\n return savedToFavoritesTemplate(data);\r\n }\r\n\r\n onMouseover() {\r\n if (this.tooltip && this.tooltip.isVisible()) return;\r\n this.toggleCollectionTooltipVisibility(true);\r\n }\r\n\r\n onMouseout() {\r\n this.toggleCollectionTooltipVisibility(false);\r\n }\r\n\r\n toggleCollectionTooltipVisibility(shouldVisible = true) {\r\n if (!this.collectionsTooltip) return;\r\n\r\n if (shouldVisible) {\r\n this.collectionsTooltip.show();\r\n } else {\r\n this.collectionsTooltip.hide();\r\n }\r\n }\r\n\r\n generateCollectionsTooltip() {\r\n this.collectionsTooltip = new Tooltip(\r\n this.iconElement,\r\n this.getCollectionsTooltipContent.bind(this),\r\n {\r\n container: CONTAINER_BODY,\r\n popper: { placement: 'top' }\r\n }\r\n );\r\n }\r\n\r\n getCollectionsTooltipContent() {\r\n let moreContent = '';\r\n\r\n if (this.collections.total === 3) {\r\n moreContent = app.t('favorites.codeInCollectionsTooltip.oneMoreText', this.collections.total - 2);\r\n } else if (this.collections.total > 3) {\r\n moreContent = app.t('favorites.codeInCollectionsTooltip.multiMoreText', this.collections.total - 2);\r\n }\r\n\r\n const data = {\r\n introContent: app.t('favorites.codeInCollectionsTooltip.introText'),\r\n namesList: this.collections.namesList,\r\n moreContent\r\n };\r\n\r\n return codeInCollectionsTemplate(data);\r\n }\r\n\r\n getCollectionsModel() {\r\n const namesList = [];\r\n const collectionsList = app.getState().collections;\r\n\r\n if (collectionsList) {\r\n collectionsList.forEach((collection) => {\r\n if (collection.products.some(item => item.iMAXICode === this.code)) {\r\n namesList.push(collection.name);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n namesList: namesList.slice(0, 2),\r\n total: namesList.length\r\n };\r\n }\r\n\r\n onStateChanged() {\r\n this.collections = this.getCollectionsModel();\r\n\r\n if (this.collections.total) {\r\n this.generateCollectionsTooltip();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFavoritesButton/codeFavoritesButton.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n return \" ‘\"\n + container.escapeExpression(container.lambda(depth0, depth0))\n + \"’
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper;\n\n return \"\"\n + ((stack1 = ((helper = (helper = helpers.moreContent || (depth0 != null ? depth0.moreContent : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"moreContent\",\"hash\":{},\"data\":data}) : helper))) != null ? stack1 : \"\")\n + \"
\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \"\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/codeFavoritesButton/html/code-in-collections.hbs\n// module id = ./app/components/codeFavoritesButton/html/code-in-collections.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {}), alias4=helpers.helperMissing, alias5=\"function\";\n\n return \"\\r\\n\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/codeFavoritesButton/html/saved-code-tooltip.hbs\n// module id = ./app/components/codeFavoritesButton/html/saved-code-tooltip.hbs\n// module chunks = 1","import './codeFinder.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport ReactDOM from 'react-dom';\r\nimport React from 'react';\r\nimport CodeFinderContainer from './js/codeFinderContainer.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\nexport default class ProductFinder extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-code-finder-container';\r\n }\r\n\r\n setVariables() {\r\n this.ajaxHandler = this.el.getAttribute('data-ajax-handler');\r\n this.mountNode = this.el.querySelector('.js-code-finder');\r\n this.globalPreloader = this.el.querySelector('.js-code-finder-global-preloader');\r\n }\r\n\r\n addListeners() {\r\n eventEmitter.subscribe('codeFinder:HideGlobalPreloader', this.hideGlobalPreloader.bind(this));\r\n }\r\n\r\n hideGlobalPreloader() {\r\n this.globalPreloader.classList.remove('is-visible');\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n this.addListeners();\r\n ReactDOM.render(\r\n \"\n + container.escapeExpression(((helper = (helper = helpers.introContent || (depth0 != null ? depth0.introContent : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(alias1,{\"name\":\"introContent\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\"\n + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.namesList : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.moreContent : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n {\r\n this.headNode = headNode;\r\n }}>\r\n \r\n |\r\n {this.translations.searchOpenerButton}\r\n \r\n
\r\n {\r\n this.filtersNode = filtersNode;\r\n }}>\r\n \r\n
\r\n \r\n Back\r\n
\r\n \r\n \r\n {\r\n this.state.filterStatus !== FilterStatusEnum.ok &&\r\n (\r\n \r\n \r\n {\r\n this.state.filterStatus === FilterStatusEnum.tooManyResults &&\r\n (\r\n \r\n )\r\n }\r\n\r\n {\r\n\r\n this.state.filterStatus === FilterStatusEnum.ok &&\r\n (\r\n \r\n )\r\n }\r\n
\r\n\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n { this.mainNode = mainNode; }}>\r\n\r\n \r\n\r\n {this.state.filterStatus !== FilterStatusEnum.initial && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n\r\n {this.state.filterStatus !== FilterStatusEnum.ok && (\r\n \r\n {\r\n (this.state.filterStatus === FilterStatusEnum.initial)\r\n ? this.translations.startFiltering\r\n : this.translations.filters\r\n }\r\n \r\n
\r\n )\r\n }\r\n\r\n \r\n\r\n \r\n {\r\n this.labelsContainerNode = labelsContainer;\r\n }}>\r\n\r\n
\r\n\r\n {this.state.filterStatus === FilterStatusEnum.ok && (\r\n \r\n \r\n
\r\n \r\n ![\"\"/](\"/App_Themes/iGuzzini/app/general/svg/view_product_default.svg\"\r\n)
\r\n \r\n {\r\n this.state.filterStatus === FilterStatusEnum.initial &&\r\n this.translations.initialFilterMessage\r\n }\r\n {\r\n this.state.filterStatus === FilterStatusEnum.tooManyResults &&\r\n this.state.results.totalItems >= 10000 &&\r\n this.translations.tooManyCodesFoundMessage\r\n }\r\n {\r\n this.state.filterStatus === FilterStatusEnum.tooManyResults &&\r\n this.state.results.totalItems > 300 &&\r\n this.state.results.totalItems < 10000 &&\r\n this.getCodeFinderMessage(true)\r\n }\r\n {\r\n this.state.filterStatus === FilterStatusEnum.noResults &&\r\n this.translations.noResultsMessage\r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.translations.loadingMessage}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDropdown.propTypes = {\r\n isOpened: PropTypes.bool.isRequired,\r\n\tisSelected: PropTypes.bool.isRequired,\r\n\tselectedCount: PropTypes.number.isRequired,\r\n\tidNumber: PropTypes.number.isRequired,\r\n\tonClickHandler: PropTypes.func.isRequired,\r\n title: PropTypes.string.isRequired,\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/dropdown.js","export default class FilterStatus {\r\n static get initial() {\r\n // if no parameters\r\n return 0;\r\n }\r\n\r\n static get ok() {\r\n return 1;\r\n }\r\n\r\n static get tooManyResults() {\r\n return 2;\r\n }\r\n\r\n\r\n static get noResults() {\r\n return 3;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/enums/filterStatus.js","export default class FilterTypes {\r\n static get checkList() {\r\n return 'checkboxlist';\r\n }\r\n\r\n static get radioList() {\r\n return 'radiobuttonlist';\r\n }\r\n\r\n static get range() {\r\n return 'slider';\r\n }\r\n\r\n static get doubleRange() {\r\n return 'rangeslider';\r\n }\r\n\r\n static get checkListWithIcons() {\r\n return 'checkboxlistwithicons';\r\n }\r\n\r\n static get radioListWithIcons() {\r\n return 'radiobuttonlistwithicons';\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/enums/filterTypes.js","import React from 'react';\r\nimport FilterTypesEnum from './enums/filterTypes';\r\nimport FilterChecker from './helpers/filterChecker.js';\r\nimport PropTypes from 'prop-types';\r\nimport FilterStatusEnum from './enums/filterStatus';\r\nimport Utility from 'helpers/utility.js';\r\nimport app from 'app';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport { deviceObserver } from 'general/js/deviceObserver';\r\n\r\nexport default class FilterLabels extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.width = app.globals.width;\r\n this.labelNodes = [];\r\n this.state = {\r\n isOverflow: false,\r\n isShownAll: false,\r\n firstLineCount: null\r\n };\r\n\r\n this.toggleLabels = this.toggleLabels.bind(this);\r\n this.openFiltersOverlay = this.openFiltersOverlay.bind(this);\r\n eventEmitter.subscribe('resizeFinished', this.onResize.bind(this));\r\n }\r\n\r\n handleClose(itemData) {\r\n const currentFilterState = this.props.filtersState[itemData.name];\r\n const newFilterState = JSON.parse(JSON.stringify(currentFilterState));\r\n switch (itemData.type) {\r\n case FilterTypesEnum.checkList:\r\n case FilterTypesEnum.checkListWithIcons:\r\n case FilterTypesEnum.radioList:\r\n case FilterTypesEnum.radioListWithIcons: {\r\n const items = newFilterState.items;\r\n items.forEach((item) => {\r\n if (item.value === itemData.value) {\r\n item.isSelected = false;\r\n }\r\n if (item.value === '') {\r\n item.isSelected = true;\r\n }\r\n });\r\n break;\r\n }\r\n\r\n case FilterTypesEnum.doubleRange: {\r\n newFilterState.value = [newFilterState.activeRange[0], newFilterState.activeRange[1]];\r\n break;\r\n }\r\n\r\n default:\r\n throw new Error(`A case for ${itemData.type} filter type is not described`);\r\n }\r\n\r\n const stateChangeset = {};\r\n stateChangeset[itemData.name] = newFilterState;\r\n\r\n this.props.onChange(stateChangeset);\r\n }\r\n\r\n toggleLabels() {\r\n this.setState(prevState => ({\r\n isShownAll: !prevState.isShownAll\r\n }));\r\n }\r\n\r\n getLabelsArray() {\r\n const labelsArray = [];\r\n const filtersState = this.props.filtersState;\r\n const keys = Object.keys(filtersState);\r\n keys.forEach((filterName) => {\r\n const filter = filtersState[filterName];\r\n switch (filter.type) {\r\n case FilterTypesEnum.checkList:\r\n case FilterTypesEnum.checkListWithIcons:\r\n case FilterTypesEnum.radioList:\r\n case FilterTypesEnum.radioListWithIcons: {\r\n const items = filter.items;\r\n\r\n items.forEach((item) => {\r\n if (item.isSelected && item.value !== '') {\r\n const data = {\r\n name: filterName,\r\n type: filter.type,\r\n value: item.value,\r\n label: item.label\r\n };\r\n\r\n // hard code Mac Adam Labels\r\n if (filterName === 'MacAdamValues') {\r\n data.label = `${filter.title} ${item.label}`;\r\n }\r\n\r\n labelsArray.push(data);\r\n }\r\n });\r\n\r\n break;\r\n }\r\n\r\n case FilterTypesEnum.range:\r\n case FilterTypesEnum.doubleRange: {\r\n const isChanged = FilterChecker.checkIsChanged(filter);\r\n if (!filter.isDisabled && isChanged) {\r\n const data = {\r\n name: filterName,\r\n label: `${filter.title} ${filter.value.join(' - ')}`,\r\n type: filter.type\r\n };\r\n labelsArray.push(data);\r\n }\r\n break;\r\n }\r\n\r\n default:\r\n throw new Error(`A case for ${filter.type} filter type is not described`);\r\n }\r\n });\r\n\r\n return labelsArray;\r\n }\r\n\r\n renderLabels() {\r\n if (!this.labelsArray.length) {\r\n return null;\r\n }\r\n\r\n const labelsMarkup = [];\r\n const count = (this.state.isShownAll || !this.state.isOverflow) ? this.labelsArray.length : this.state.firstLineCount;\r\n for (let i = 0; i < count; i++) {\r\n if (this.labelsArray[i]) {\r\n labelsMarkup.push(this.renderLbl(this.labelsArray[i], i));\r\n }\r\n }\r\n\r\n\r\n return labelsMarkup;\r\n }\r\n\r\n renderLbl(itemData, i) {\r\n return (\r\n {this.props.title}
\r\n\t\t\t\t\t{selectedCountElement}\r\n \r\n {\r\n this.dropdownContainer = dropdownContainer;\r\n }} >\r\n
\r\n {\r\n this.dropdownInner = dropdownInner;\r\n }}>\r\n {this.props.children}\r\n
\r\n {\r\n this.makeLabelNodesArray(node, i);\r\n }}>{itemData.label}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n componentDidUpdate() {\r\n if (app.globals.isWiderSm) {\r\n this.detectVisibleLabels();\r\n }\r\n }\r\n\r\n openFiltersOverlay() {\r\n this.props.openFiltersOverlay();\r\n }\r\n\r\n detectVisibleLabels() {\r\n this.props.setHeadSpacerHeight();\r\n if (!this.labelsArray.length) {\r\n return;\r\n }\r\n const newState = {};\r\n const firstNode = this.labelNodes[0];\r\n const firstNodeOffseTop = firstNode.offsetTop;\r\n\r\n const isOverflow = this.labelNodes.some((node, i) => {\r\n if (node.offsetTop > firstNodeOffseTop) {\r\n if (!this.state.isShownAll) {\r\n newState.firstLineCount = i;\r\n newState.isOverflow = true;\r\n }\r\n return true;\r\n }\r\n return false;\r\n });\r\n\r\n\r\n if (this.state.isShownAll && !isOverflow) {\r\n newState.isShownAll = false;\r\n newState.isOverflow = false;\r\n }\r\n\r\n if (!this.state.isShownAll && this.labelNodes.length === this.labelsArray.length && this.state.isOverflow) {\r\n newState.isOverflow = false;\r\n }\r\n\r\n if (this.state.isOverflow && !this.state.isShownAll && this.showMoreBtn.offsetTop > firstNodeOffseTop + 30) {\r\n newState.firstLineCount = this.state.firstLineCount - 1;\r\n }\r\n\r\n if (Object.keys(newState).length) {\r\n this.setState(newState);\r\n }\r\n }\r\n\r\n makeLabelNodesArray(node, i) {\r\n if (node) {\r\n this.labelNodes[i] = node;\r\n } else {\r\n this.labelNodes.splice(i, 1);\r\n }\r\n }\r\n\r\n onResize() {\r\n if (this.width !== app.globals.width) {\r\n this.width = app.globals.width;\r\n this.setState({ isOverflow: false });\r\n }\r\n this.setState({ isOverflow: false });\r\n }\r\n\r\n getCodeFinderResultsCount() {\r\n const {\r\n filterStatus,\r\n totalItems,\r\n\t\t\ttotalProductLines,\r\n totalItemsFormatted,\r\n totalProductLinesFormatted,\r\n translations: {\r\n fullMessageTemplate,\r\n productCodesFoundPluralTemplate,\r\n productCodesFoundSingularTemplate,\r\n productLinesFoundPluralTemplate,\r\n\t\t\t\tproductLinesFoundSingularTemplate,\r\n },\r\n getPluralismTemplate\r\n } = this.props;\r\n\r\n if (filterStatus === FilterStatusEnum.tooManyResults && totalItems >= 10000) {\r\n return Utility.stringFormat(productCodesFoundPluralTemplate, '10,000+');\r\n } else if (filterStatus === FilterStatusEnum.ok\r\n\t\t\t|| (filterStatus === FilterStatusEnum.tooManyResults && totalItems < 10000)) {\r\n\t\t\tconst productCodesFoundTemplate = getPluralismTemplate(productCodesFoundSingularTemplate, productCodesFoundPluralTemplate, totalItems);\r\n\t\t\tconst codes = Utility.stringFormat(productCodesFoundTemplate, totalItemsFormatted);\r\n\t\t\tconst productLinesTemplate = getPluralismTemplate(productLinesFoundSingularTemplate, productLinesFoundPluralTemplate, totalProductLines);\r\n\t\t\tconst productLines = Utility.stringFormat(productLinesTemplate, totalProductLinesFormatted);\r\n\t\t\tconst fullMessage = Utility.stringFormat(fullMessageTemplate, codes, productLines);\r\n return fullMessage;\r\n } else if (filterStatus === FilterStatusEnum.noResults) {\r\n return Utility.stringFormat(productCodesFoundPluralTemplate, 0);\r\n }\r\n }\r\n\r\n render() {\r\n const { translations } = this.props;\r\n this.labelsArray = this.getLabelsArray();\r\n const showBtn = this.state.isShownAll || (!this.state.isShownAll && this.state.isOverflow);\r\n return (\r\n\r\n \r\n\r\n {\r\n this.showMoreBtn = showMoreBtn;\r\n }}>\r\n {(!this.state.isShownAll) ? translations.showMore : translations.showLess}\r\n \r\n }\r\n\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nFilterLabels.propTypes = {\r\n openFiltersOverlay: PropTypes.func.isRequired,\r\n setHeadSpacerHeight: PropTypes.func.isRequired,\r\n getPluralismTemplate: PropTypes.func,\r\n filterStatus: PropTypes.number,\r\n totalItems: PropTypes.number,\r\n\ttotalProductLines: PropTypes.number,\r\n totalItemsFormatted: PropTypes.string,\r\n filtersState: PropTypes.object.isRequired,\r\n translations: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n totalProductLinesFormatted: PropTypes.string,\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/filterLabels.js","import React from 'react';\r\n\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport Dropdown from './dropdown.js';\r\nimport mappedComponentNames from './helpers/mappedComponentNames.js';\r\nimport FilterChecker from './helpers/filterChecker';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class FilterList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.resetFilters = this.resetFilters.bind(this);\r\n this.onDropdownClick = this.onDropdownClick.bind(this);\r\n\t\tthis.state = {\r\n\t\t\topenedFilterId: null,\r\n\t\t};\r\n }\r\n\r\n\tshouldComponentUpdate(nextProps, nextState) {\r\n\t\tif (nextProps.filtersState !== this.props.filtersState || nextState !== this.state) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\r\n handleChange(changedData) {\r\n this.props.onChange(changedData);\r\n }\r\n\r\n resetFilters() {\r\n this.props.onResetClick();\r\n }\r\n\r\n componentDidUpdate() {\r\n eventEmitter.emit('content:updated', this.filtersWrapNode); // todo: fire only after first render\r\n }\r\n\r\n\tonDropdownClick(id) {\r\n\t\tthis.setState(prevState => {\r\n\t\t\tif (prevState.openedFilterId === id) {\r\n\t\t\t\treturn { openedFilterId: null };\r\n\t\t\t} else {\r\n\t\t\t\treturn { openedFilterId: id };\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n render() {\r\n const {\r\n filtersStructure, filtersState, translations, isLoading\r\n } = this.props;\r\n\r\n const filterList = filtersStructure.map((filter, i) => {\r\n const FilterComponent = mappedComponentNames[filter.type];\r\n\r\n if (typeof FilterComponent === 'undefined') {\r\n throw new Error('Undefined component for ' + filter.type);\r\n }\r\n\r\n const filterWrapper = (\r\n \r\n
\r\n\r\n {this.renderLabels()}\r\n\r\n\r\n { showBtn &&\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n\r\n if (i === 0) {\r\n return (\r\n \r\n
\r\n );\r\n } else if (i === 1) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const isOpened = this.state.openedFilterId === i;\r\n const hasSelected = FilterChecker.checkIsChanged(filtersState[filter.name]);\r\n\t\t\tconst selectedCount = FilterChecker.getSelectedCount(filtersState[filter.name]);\r\n \r\n\t\t\treturn (\r\n \r\n \r\n\t\t\t\t\t\t{filterWrapper}\r\n\t\t\t\t\t\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n \r\n {translations.resetFilter}\r\n \r\n
\r\n {filterList}\r\n \r\n );\r\n }\r\n}\r\n\r\nFilterList.propTypes = {\r\n filtersStructure: PropTypes.array.isRequired,\r\n filtersState: PropTypes.object.isRequired,\r\n translations: PropTypes.object.isRequired,\r\n isLoading: PropTypes.bool,\r\n onChange: PropTypes.func.isRequired,\r\n onResetClick: PropTypes.func\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/filterList.js","import React from 'react';\r\nimport mappedComponentNames from '../helpers/mappedComponentNames.js';\r\nimport StateHelpers from '../helpers/stateHelpers.js';\r\nimport DependentFilters from './dependentFilters.js';\r\nimport FilterTypesEnum from '../enums/filterTypes.js';\r\nimport Slide from 'helpers/slide.js';\r\nimport PropTypes from 'prop-types';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\n\r\nexport default class CheckList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.toggleAdditionalOptions = this.toggleAdditionalOptions.bind(this);\r\n this.onAnimationCompleted = this.onAnimationCompleted.bind(this);\r\n eventEmitter.subscribe('codeFinder:resetFilters', this.onFiltersReset.bind(this));\r\n\r\n this.filterName = this.props.filterData.name;\r\n this.isDropdownList = (typeof this.props.filterData.amountToDisplay === 'number' && this.props.filterData.data.items.length > this.props.filterData.amountToDisplay);\r\n this.currentFilterState = this.props.filtersState[this.filterName] || {};\r\n\r\n this.state = {\r\n isShownAll: this.isAllAmountItemsDisabled(this.props) ? true : !this.isDropdownList\r\n };\r\n }\r\n\r\n handleChange(e) {\r\n const value = e.target.value;\r\n const changedData = StateHelpers.setGrayedDependentFilters(this.props.filtersState, this.filterName, value, !e.target.checked);\r\n\r\n changedData[this.filterName] = this.props.filtersState[this.filterName];\r\n\r\n changedData[this.filterName].items.some((item) => {\r\n if (item.value !== value) {\r\n return false;\r\n }\r\n\r\n item.isSelected = e.target.checked;\r\n return true;\r\n });\r\n\r\n this.props.onChange(changedData);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (\r\n this.isAllAmountItemsDisabled(nextProps) &&\r\n !this.state.isShownAll\r\n ) {\r\n this.setState({\r\n isShownAll: true\r\n });\r\n }\r\n }\r\n\r\n toggleAdditionalOptions() {\r\n this[(this.state.isShownAll ? 'hideAdditionalOptions' : 'showAdditionalOptions')]();\r\n }\r\n\r\n showAdditionalOptions() {\r\n if (this.state.isShownAll) {\r\n return;\r\n }\r\n\r\n Slide.in(this.moreDropdown, 0.3, this.onAnimationCompleted);\r\n }\r\n\r\n hideAdditionalOptions() {\r\n if (!this.state.isShownAll) {\r\n return;\r\n }\r\n\r\n Slide.out(this.moreDropdown, 0.3, this.onAnimationCompleted);\r\n }\r\n\r\n onFiltersReset() {\r\n this.setState({ isShownAll: false });\r\n }\r\n\r\n onAnimationCompleted() {\r\n this.setState(prevState => ({\r\n isShownAll: !prevState.isShownAll\r\n }));\r\n }\r\n\r\n isAllAmountItemsDisabled(props) {\r\n const { filterData, filtersState } = props;\r\n if (\r\n filterData.amountToDisplay &&\r\n typeof filterData.amountToDisplay === 'number'\r\n ) {\r\n const amountItems = filtersState[filterData.name].items.slice(0, filterData.amountToDisplay);\r\n\r\n return amountItems.every(amountItem => amountItem.isDisabled);\r\n }\r\n\r\n return false;\r\n }\r\n\r\n\r\n render() {\r\n const { filterData } = this.props;\r\n const filterType = filterData.type;\r\n const isFilterDisabled = !!(this.currentFilterState.isDisabled);\r\n const disableClass = (isFilterDisabled) ? 'is-disabled ' : '';\r\n const alignmentClass = 'code-filter--' + filterData.alignment;\r\n const shownAllClass = (this.state.isShownAll) ? 'is-opened' : '';\r\n const buttonText = (this.state.isShownAll)\r\n ? filterData.lessButtonText\r\n : filterData.moreButtonText;\r\n let renderItemMethod;\r\n\r\n switch (filterType) {\r\n case FilterTypesEnum.checkList:\r\n renderItemMethod = 'renderCheckBox';\r\n break;\r\n\r\n case FilterTypesEnum.checkListWithIcons:\r\n renderItemMethod = 'renderIconedCheckBox';\r\n break;\r\n\r\n default:\r\n throw new Error(`A case for ${filterType} is not described`);\r\n }\r\n\r\n const items = filterData.data.items.map((item, i) => {\r\n let dependentContent = null;\r\n\r\n if (item.dependentItems) {\r\n dependentContent = this.renderDependentItems(item.dependentItems);\r\n }\r\n\r\n\t\t\tif (item !== 'undefined') {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t{translations.refineCodesTitle}
\r\n \r\n\t\t\t\t\t\t{this[renderItemMethod](item, i)}\r\n\t\t\t\t\t\t{dependentContent}\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n });\r\n\r\n const visibleItems = (this.isDropdownList)\r\n ? items.splice(0, filterData.amountToDisplay)\r\n : items;\r\n\r\n const isNote = !!(typeof filterData.note !== 'undefined' && filterData.note.length);\r\n\r\n const checkListMarkup = (\r\n \r\n );\r\n\r\n return (\r\n {checkListMarkup}
\r\n );\r\n }\r\n\r\n renderDependentItems(dependentItemsData) {\r\n const dependentItems = dependentItemsData.map((subitem, j) => {\r\n const SubComponent = mappedComponentNames[subitem.type];\r\n if (typeof SubComponent === 'undefined') {\r\n throw new Error('Undefined component for ' + subitem.type);\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n }\r\n\r\n renderIconedCheckBox(item, i) {\r\n\t\tconst itemState = this.props.filtersState[this.filterName].items[i];\r\n\t\tif (itemState) {\r\n\t\t\tconst filterData = this.props.filterData;\r\n\t\t\tconst isItemChecked = itemState.isSelected;\r\n\t\t\tconst isItemDisabled = itemState.isDisabled;\r\n\t\t\tconst codesAmount = itemState.codesAmount;\r\n\t\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n }\r\n}\r\n\r\nCheckList.propTypes = {\r\n filterData: PropTypes.object.isRequired,\r\n filtersState: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/filters/checkList.js","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nexport default class DependentFilters extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.constantPadding = 8;\r\n }\r\n\r\n\r\n render() {\r\n const iconSize = this.props.iconSize;\r\n let outerPadding;\r\n let innerPadding;\r\n if (typeof iconSize === 'number') {\r\n outerPadding = iconSize / 2;\r\n innerPadding = outerPadding + this.constantPadding;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDependentFilters.propTypes = {\r\n dependentItems: PropTypes.node.isRequired,\r\n iconSize: PropTypes.number\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/filters/dependentFilters.js","import React from 'react';\r\nimport Range from 'range/range.js';\r\nimport StateHelpers from '../helpers/stateHelpers';\r\nimport FilterTypesEnum from '../enums/filterTypes';\r\nimport Utility from 'helpers/utility';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nexport default class DoubleRange extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n\r\n this.filterName = this.props.filterData.name;\r\n }\r\n\r\n handleChange(e) {\r\n const valueString = e.target.value;\r\n const valueArr = valueString.split(',').map(item => parseFloat(item));\r\n let changedData = {};\r\n changedData[this.filterName] = this.props.filtersState[this.filterName];\r\n changedData[this.filterName].value = valueArr;\r\n if (changedData[this.filterName].isDependent) {\r\n const parentFilterName = changedData[this.filterName].parentFilterName;\r\n const parentItemValue = changedData[this.filterName].parentItemValue;\r\n changedData[parentFilterName] = Object.assign({}, this.props.filtersState[parentFilterName]);\r\n\r\n switch (changedData[parentFilterName].type) {\r\n case FilterTypesEnum.checkList:\r\n case FilterTypesEnum.checkListWithIcons: {\r\n changedData[parentFilterName].items.some((item) => {\r\n if (item.value === parentItemValue) {\r\n item.isSelected = true;\r\n return true;\r\n }\r\n return false;\r\n });\r\n break;\r\n }\r\n\r\n case FilterTypesEnum.radioList:\r\n case FilterTypesEnum.radioListWithIcons: {\r\n changedData[parentFilterName].items.forEach((item) => {\r\n item.isSelected = false;\r\n });\r\n\r\n changedData[parentFilterName].items.some((item) => {\r\n if (item.value === parentItemValue) {\r\n item.isSelected = true;\r\n return true;\r\n }\r\n return false;\r\n });\r\n break;\r\n }\r\n default: {\r\n Utility.log(`Case \"${changedData[parentFilterName].type}\" is not described`);\r\n }\r\n }\r\n\r\n\r\n const dependentChangeset = StateHelpers.setGrayedDependentFilters(this.props.filtersState, parentFilterName, parentItemValue, false);\r\n\r\n changedData = Object.assign(changedData, dependentChangeset);\r\n }\r\n\r\n this.props.onChange(changedData);\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.rangeInstance = new Range(this.rootEl);\r\n this.inputEl.addEventListener('change', this.handleChange);\r\n }\r\n\r\n componentDidUpdate() {\r\n this.updateRange();\r\n }\r\n\r\n updateRange() {\r\n const currentFilterState = this.props.filtersState[this.filterName];\r\n this.rangeInstance.setRangeState(currentFilterState.activeRange, currentFilterState.value);\r\n }\r\n\r\n render() {\r\n const { filterData, filtersState } = this.props;\r\n const currentFilterState = filtersState[filterData.name];\r\n const disableClass = (currentFilterState.isDisabled) ? 'is-disabled' : '';\r\n const grayedClass = (currentFilterState.isGrayed) ? 'is-grayed' : '';\r\n return (\r\n \r\n {this.props.dependentItems}\r\n
\r\n { this.rootEl = root; }}>\r\n\r\n { this.inputEl = input; }} />\r\n {currentFilterState.isDependent &&\r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nDoubleRange.propTypes = {\r\n filterData: PropTypes.object.isRequired,\r\n filtersState: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/codeFinder/js/filters/doubleRange.js","import React from 'react';\r\nimport FilterTypesEnum from '../enums/filterTypes.js';\r\nimport mappedComponentNames from '../helpers/mappedComponentNames.js';\r\nimport DependentFilters from './dependentFilters.js';\r\nimport StateHelpers from '../helpers/stateHelpers';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class RadioList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.filterName = props.filterData.name;\r\n }\r\n\r\n handleChange(e) {\r\n const value = e.target.value;\r\n let changedData = {};\r\n changedData[this.filterName] = Object.assign({}, this.props.filtersState[this.filterName]);\r\n changedData[this.filterName].items.forEach((item) => {\r\n item.isSelected = (item.value === value);\r\n });\r\n\r\n this.props.filterData.data.items.forEach((item) => {\r\n if (item.dependentItems) {\r\n const isDependentGrayed = !(item.value === value);\r\n item.dependentItems.forEach((subFilter) => {\r\n changedData[subFilter.name] = this.props.filtersState[subFilter.name] || {};\r\n changedData[subFilter.name].isGrayed = isDependentGrayed;\r\n });\r\n }\r\n });\r\n\r\n if (changedData[this.filterName].isDependent) {\r\n const parentFilterName = changedData[this.filterName].parentFilterName;\r\n const parentItemValue = changedData[this.filterName].parentItemValue;\r\n changedData[parentFilterName] = Object.assign({}, this.props.filtersState[parentFilterName]);\r\n changedData[parentFilterName].items.some((item) => {\r\n if (item.value === parentItemValue) {\r\n item.isSelected = true;\r\n return true;\r\n }\r\n return false;\r\n });\r\n\r\n const dependentChangeset = StateHelpers.setGrayedDependentFilters(this.props.filtersState, parentFilterName, parentItemValue, false);\r\n\r\n changedData = Object.assign(changedData, dependentChangeset);\r\n }\r\n this.props.onChange(changedData);\r\n }\r\n\r\n\r\n render() {\r\n const { filterData, filtersState } = this.props;\r\n const filterName = filterData.name;\r\n const filterType = filterData.type;\r\n const disableClass = (filtersState[filterName].isDisabled) ? 'is-disabled' : '';\r\n const grayedClass = (filtersState[filterName].isGrayed) ? 'is-grayed' : '';\r\n const radioDependentClass = (filtersState[filterName].isDependent) ? 'code-filter--radio-dependent' : '';\r\n const alignmentClass = 'code-filter--' + filterData.alignment;\r\n let renderItemMethod;\r\n\r\n switch (filterType) {\r\n case FilterTypesEnum.radioList:\r\n renderItemMethod = 'renderRadioBtn';\r\n break;\r\n\r\n case FilterTypesEnum.radioListWithIcons:\r\n renderItemMethod = 'renderIconedRadioBtn';\r\n break;\r\n\r\n default:\r\n throw new Error(`A case for ${filterType} is not described`);\r\n }\r\n\r\n const items = filterData.data.items.map((item, i) => {\r\n let dependentContent = null;\r\n\r\n if (item.dependentItems) {\r\n dependentContent = this.renderDependentItems(item.dependentItems);\r\n }\r\n\r\n return this[renderItemMethod](item, dependentContent, i);\r\n });\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderRadioBtn(item, dependentContent, i) {\r\n\t\tconst itemState = this.props.filtersState[this.filterName].items[i];\r\n\r\n\t\tif (itemState) {\r\n\t\t\tconst filterData = this.props.filterData;\r\n\t\t\tconst isItemChecked = itemState.isSelected;\r\n\t\t\tconst isItemDisabled = itemState.isDisabled;\r\n\t\t\tconst codesAmount = itemState.codesAmount;\r\n\t\t\tconst sizeClass = (!this.props.isFirstFilter) ? 'form-radio--small' : 'form-radio--mob-large';\r\n\t\t\tlet labelContent = item.label;\r\n\t\r\n\t\t\tif (filterData.alignment === 'column' && codesAmount) {\r\n\t\t\t\tlabelContent = `${item.label}\\u00A0(${codesAmount})`;\r\n\t\t\t}\r\n\t\r\n\t\t\treturn (\r\n\t\t\t\t\r\n
\r\n \r\n \r\n {currentFilterState.totalRange[0]}\r\n \r\n \r\n {currentFilterState.totalRange[1]}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Min
\r\n \r\n \r\n
\r\n Max
\r\n \r\n \r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n }\r\n\r\n renderIconedRadioBtn(item, dependentContent, i) {\r\n const filterData = this.props.filterData;\r\n const isItemChecked = this.props.filtersState[this.filterName].items[i].isSelected;\r\n const isItemDisabled = this.props.filtersState[this.filterName].items[i].isDisabled;\r\n const codesAmount = this.props.filtersState[this.filterName].items[i].codesAmount;\r\n let labelContent = item.label;\r\n\r\n if (filterData.alignment === 'column' && codesAmount) {\r\n labelContent = `${item.label}\\u00A0(${codesAmount})`;\r\n }\r\n\r\n return (\r\n \r\n\t\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{labelContent}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{dependentContent}\r\n\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n renderDependentItems(dependentItemsData) {\r\n const dependentItems = dependentItemsData.map((subitem, j) => {\r\n const SubComponent = mappedComponentNames[subitem.type];\r\n return (\r\n \r\n \r\n\r\n \r\n
\r\n {dependentContent}\r\n \r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n {\r\n this.containerNode = containerNode;\r\n }}>\r\n
\r\n {!this.state.isLastPage && (\r\n {\r\n this.loadmoreContainerNode = loadmoreContainerNode;\r\n }}>\r\n \r\n
\r\n )}\r\n\r\n\r\n \"\n + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.accessoriesTitle), depth0))\n + \"
\\r\\n\"\n + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.groupedAccessories : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \"is-opened\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\format.js\")).call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.codesAmountMessageTemplate),(depth0 != null ? depth0.count : depth0),{\"name\":\"format\",\"hash\":{},\"fn\":container.program(6, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n return \" \";\n},\"8\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n
\\r\\n \\r\\n \"\n + alias3(alias2((depth0 != null ? depth0.title : depth0), depth0))\n + \" \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.codesAmountMessageTemplate),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \"\n + alias3(alias2(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.lastAdded), depth0))\n + \" \\r\\n \"\n + alias3(alias2((depth0 != null ? depth0.dateAddedString : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.accessories : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(8, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"9\":function(container,depth0,helpers,partials,data) {\n var alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n ![\\\"\\\"](\\\"\"\n)
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.article : depth0), depth0))\n + \"
\\r\\n \\r\\n\"\n + alias2(alias1((depth0 != null ? depth0.description : depth0), depth0))\n + \"
\\r\\n - \\r\\n\"\n + ((stack1 = helpers.each.call(alias3,(depth0 != null ? depth0.colors : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(9, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.size), depth0))\n + \": \\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.formattedSize : depth0), depth0))\n + \"\\r\\n
\\r\\n\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.weight), depth0))\n + \": \\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.formattedWeight : depth0), depth0))\n + \"\\r\\n
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.groupedAccessories : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true,\"useDepths\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/codes/templates/accessories.hbs\n// module id = ./app/components/codes/templates/accessories.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n\"\n + ((stack1 = helpers.unless.call(alias1,(depths[1] != null ? depths[1].hideProductLines : depths[1]),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\t\t\\r\\n\"\n + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.productGroups : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(4, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n\t\t\t
\\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \"\n + alias2(alias1((depth0 != null ? depth0.title : depth0), depth0))\n + \"
\\r\\n\t\t\t\\r\\n\t\t\t\t\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.seeOverview), depth0))\n + \"\\r\\n\t\t\t\t\\r\\n\t\t\t\\r\\n\t\t\\r\\n
\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n return \"is-opened\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n return \" \";\n},\"9\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.title : depth0), depth0))\n + \" \"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\format.js\")).call(alias1,((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.codesAmountMessageTemplate),(depth0 != null ? depth0.count : depth0),{\"name\":\"format\",\"hash\":{},\"fn\":container.program(7, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.dateAddedString : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(9, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.typedCodeGroups : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(11, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n
\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.codeGroups : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(12, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"12\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.lastAdded), depth0))\n + \": \"\n + alias2(alias1((depth0 != null ? depth0.dateAddedString : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n var alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n\\r\\n
\\r\\n \\r\\n ![\\\"\"\n](\"\n)
\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias3,(depth0 != null ? depth0.technicalImageUrl : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(13, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \\r\\n
\\r\\n\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias3,(depth0 != null ? depth0.topDescription : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(17, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\\r\\n \\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias3,(depths[1] != null ? depths[1].type : depths[1]),\"PROD\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(19, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias3,(depths[1] != null ? depths[1].type : depths[1]),\"PROD\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(30, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias3,(depths[1] != null ? depths[1].type : depths[1]),\"TRCK\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(32, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias3,(depths[1] != null ? depths[1].type : depths[1]),\"SICO\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(34, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias3,(depth0 != null ? depth0.bottomDescription : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(36, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = helpers[\"if\"].call(alias3,(depth0 != null ? depth0.showOnRequestLabel : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(38, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \"\n + ((stack1 = alias1((depth0 != null ? depth0.conclusion : depth0), depth0)) != null ? stack1 : \"\")\n + \"
\\r\\n \"\n + ((stack1 = container.lambda((depth0 != null ? depth0.topDescription : depth0), depth0)) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"19\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return \" \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n\";\n},\"20\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return \" | \\r\\n |
\\r\\n \\r\\n \\r\\n
\\r\\n\";\n},\"23\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.lambda, alias3=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"38\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \"\n + ((stack1 = container.lambda((depth0 != null ? depth0.onRequestLabel : depth0), depth0)) != null ? stack1 : \"\")\n + \"\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.productLines : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"usePartial\":true,\"useData\":true,\"useDepths\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/codes/templates/list.hbs\n// module id = ./app/components/codes/templates/list.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \"
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.article : depth0), depth0))\n + ((stack1 = helpers[\"if\"].call(alias3,(depth0 != null ? depth0.isProductOnRequest : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(44, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n \"\n + alias3(alias2(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n\\r\\n \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \"js-tracked\";\n},\"5\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(alias1((depth0 != null ? depth0.article : depth0), depth0))\n + \"\\\"\\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \\r\\n
\\r\\n\";\n},\"9\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(alias1((depth0 != null ? depth0.article : depth0), depth0))\n + \"\\\"\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.systemLuminousFlux : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(12, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"12\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.systemLuminousFlux : depth0),\"-\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(13, data, 0),\"inverse\":container.program(15, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"13\":function(container,depth0,helpers,partials,data) {\n return \"\\r\\n \"\n + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.systemLuminousFlux : depth0), depth0))\n + \"
\\r\\n\";\n},\"15\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isPreliminary : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(16, data, 0),\"inverse\":container.program(18, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"16\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.systemLuminousFlux : depth0), depth0))\n + \"\\r\\n
\\r\\n\";\n},\"18\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.systemLuminousFlux : depth0), depth0))\n + \"
\\r\\n\";\n},\"20\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.systemPower : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(21, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"21\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.systemPower : depth0),\"-\",{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(22, data, 0),\"inverse\":container.program(24, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"22\":function(container,depth0,helpers,partials,data) {\n return \"\\r\\n \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.systemPower : depth0), depth0))\n + \"
\\r\\n\";\n},\"24\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isPreliminary : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(25, data, 0),\"inverse\":container.program(27, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"25\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.systemPower : depth0), depth0))\n + \"\\r\\n
\\r\\n\";\n},\"27\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.systemPower : depth0), depth0))\n + \"
\\r\\n\";\n},\"29\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.opticTypeCode : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(30, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"30\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda;\n\n return \" \"\n + container.escapeExpression(alias1((depth0 != null ? depth0.opticTypeCode : depth0), depth0))\n + \" \"\n + ((stack1 = alias1((depth0 != null ? depth0.beam : depth0), depth0)) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"32\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.colourTemperature : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(33, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"33\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.colourTemperature : depth0), depth0))\n + \"
\\r\\n\";\n},\"35\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.colourRenderingIndex : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(36, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"36\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.colourRenderingIndex : depth0), depth0))\n + \"
\\r\\n\";\n},\"38\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.protocolDescription : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(39, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"39\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.protocolDescription : depth0), depth0))\n + \"
\\r\\n\";\n},\"41\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.size : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(42, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"42\":function(container,depth0,helpers,partials,data) {\n return \" \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.size : depth0), depth0))\n + \"
\\r\\n\";\n},\"44\":function(container,depth0,helpers,partials,data) {\n return \" *\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"| \\r\\n | \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.systemLuminousFlux), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.systemPower), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.opticType), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.colourTemperature), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.colourRenderingIndex), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.protocolDescription), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.size), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.code), depth0))\n + \" | \\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.isProductOnRequest : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(13, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n \"\n + alias4(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n\\r\\n \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \"js-tracked\";\n},\"5\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \\r\\n
\\r\\n\";\n},\"9\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \"\n + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.shortDescription || (depth0 != null ? depth0.shortDescription : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"shortDescription\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n return \" *\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"| \\r\\n | \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.shortDescription), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.code), depth0))\n + \" | \\r\\n\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.isProductOnRequest : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(19, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n \"\n + alias4(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n\\r\\n \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \"js-tracked\";\n},\"5\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \\r\\n
\\r\\n\";\n},\"9\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" data-tracking-category=\\\"\"\n + alias2(alias1(((stack1 = (data && data.root)) && stack1.culture), depth0))\n + \": Code Finder\\\"\\r\\n data-tracking-action=\\\"\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.tracking)) && stack1.eventAction), depth0))\n + \"\\\"\\r\\n data-tracking-label=\\\"\"\n + alias2(alias1((depths[1] != null ? depths[1].productLineTitle : depths[1]), depth0))\n + \" > \"\n + alias2(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \"\n + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.newFlag), depth0))\n + \"
\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.shortDescription || (depth0 != null ? depth0.shortDescription : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"shortDescription\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.protocolDescription : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(14, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\";\n},\"14\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.protocolDescription || (depth0 != null ? depth0.protocolDescription : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"protocolDescription\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\";\n},\"16\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.size : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(17, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\";\n},\"17\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.size || (depth0 != null ? depth0.size : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"size\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\";\n},\"19\":function(container,depth0,helpers,partials,data) {\n return \" *\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"| \\r\\n | \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.shortDescription), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.protocolDescription), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.size), depth0))\n + \" | \\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.code), depth0))\n + \" | \\r\\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/collectionForm/CollectionForm.js","import React from 'react';\r\nimport FormInputComponent from 'form/js/formInput';\r\nimport app from 'app';\r\n\r\nexport default class CollectionFormInput extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n this.formInput = new FormInputComponent(this.element);\r\n }\r\n\r\n componentDidUpdate() {\r\n this.formInput.destroy();\r\n this.formInput = new FormInputComponent(this.element);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.buttonText}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n this.element = ref}>\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/collectionForm/CollectionFormInput.js","import app from 'app';\r\nimport Modal from 'Modal';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport template from './html/collection-form-modal.hbs';\r\nimport utility from 'helpers/utility';\r\nimport CreateCollectionForm from './CreateCollectionForm';\r\nimport UpdateCollectionForm from './UpdateCollectionForm';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\nexport default class CollectionFormModal {\r\n constructor() {\r\n this.app = app;\r\n this.modal = null;\r\n this.rootElement = null;\r\n this.editCollection = null;\r\n this.onCreateSuccess = this.onCreateSuccess.bind(this);\r\n this.onUpdateSuccess = this.onUpdateSuccess.bind(this);\r\n }\r\n\r\n create() {\r\n this.editCollection = null;\r\n this.renderComponent();\r\n this.getCreateCollectionModal().open(this.getModalTitle());\r\n }\r\n\r\n edit(collectionId) {\r\n this.editCollection = this.app.getState().collections.find(item => item.id === collectionId);\r\n this.renderComponent();\r\n const modal = this.getCreateCollectionModal();\r\n return modal.open(this.getModalTitle());\r\n }\r\n\r\n getModalTitle() {\r\n return this.editCollection === null ? app.t('collections.createNewCollectionModalTitle') : app.t('collections.updateCollectionModalTitle', this.editCollection.name);\r\n }\r\n\r\n renderComponent() {\r\n ReactDOM.render(\r\n \r\n {\r\n this.editCollection === null ?\r\n :\r\n \r\n }\r\n
, this.getRootElement()\r\n );\r\n }\r\n\r\n getCreateCollectionModal() {\r\n if (this.modal === null) {\r\n const contentElement = utility.htmlStr2El(template());\r\n const root = this.getRootElement();\r\n contentElement\r\n .querySelector('.js-collection-form-root')\r\n .insertAdjacentElement('beforeend', root);\r\n this.modal = new Modal(contentElement);\r\n }\r\n return this.modal;\r\n }\r\n\r\n onCreateSuccess(collection) {\r\n if (collection) {\r\n eventEmitter.emit('gtm:send', ['Collection', 'Submit', `${collection.name} > Create Collection`]);\r\n }\r\n\r\n this.modal.resolve();\r\n }\r\n\r\n onUpdateSuccess() {\r\n eventEmitter.emit('gtm:send', ['Collection', 'Edit', 'Rename Collection > Update']);\r\n this.modal.resolve();\r\n }\r\n\r\n getRootElement() {\r\n if (this.rootElement === null) {\r\n this.rootElement = document.createElement('div');\r\n }\r\n return this.rootElement;\r\n }\r\n\r\n static getInstance() {\r\n if (CollectionFormModal.instance === null) {\r\n CollectionFormModal.instance = new CollectionFormModal();\r\n }\r\n\r\n return CollectionFormModal.instance;\r\n }\r\n}\r\n\r\nCollectionFormModal.instance = null;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/collectionForm/CollectionFormModal.js","import React from 'react';\r\nimport collectionsService from 'collectionsService';\r\nimport CollectionForm from './CollectionForm';\r\nimport app from 'app';\r\n\r\nexport default class CreateCollectionForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n collection: this.createNewCollection()\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n }\r\n\r\n createNewCollection() {\r\n return {\r\n name: ''\r\n };\r\n }\r\n\r\n onChange(data) {\r\n let collection = this.state.collection;\r\n collection = Object.assign(collection, data);\r\n this.setState({ collection });\r\n }\r\n\r\n onSubmit() {\r\n const collection = this.state.collection;\r\n\r\n collectionsService.createCollection(this.state.collection).then(() => {\r\n this.setState({ collection: this.createNewCollection() });\r\n if (this.props.onSuccess) {\r\n this.props.onSuccess(collection);\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/collectionForm/html/collection-form-modal.hbs\n// module id = ./app/components/collectionForm/html/collection-form-modal.hbs\n// module chunks = 1","import './collectionForm.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/collectionForm/index.js","import BaseComponent from \"baseComponent.js\";\r\nimport eventEmitter from \"helpers/eventEmitter.js\";\r\n\r\nconst COLOR_ACTIVE_CLASS = \"active\";\r\nconst CLICKABLE_CLASS = \"clickable\";\r\nconst DATA_COLORCODE_ATTRIBUTE = \"data-colorcode\";\r\nexport default class ColorCarouselSwitcher extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.colorItems = document.querySelectorAll(\r\n \".js-color-carousel-switcher-item\"\r\n );\r\n this.carouselItems = document.querySelectorAll(\r\n \".js-phi-carousel-control\"\r\n );\r\n this.previewNodes = document.querySelectorAll(\r\n '.js-phi-carousel-previews li'\r\n );\r\n this.checkedCarouselItemIndex = 0;\r\n this.carouselThumnailItems = document.querySelectorAll(\r\n \".cp-code-images__thumb\"\r\n );\r\n this.carouseItemsColorsCodes = [];\r\n this.carouselPreviewImages = document.querySelectorAll(\r\n \".cp-code-images__preview__item\"\r\n );\r\n this.overlayCarouselImage = null;\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return \".js-phi-carousel\";\r\n }\r\n\r\n init() {\r\n this.getCarouseItemsColorsCodes();\r\n\r\n this.carouselItems.forEach((item, index) => {\r\n if (item.checked) {\r\n this.checkedCarouselItemIndex = index;\r\n }\r\n\r\n item.addEventListener(\"change\", () => {\r\n if (item.checked) {\r\n this.checkedCarouselItemIndex = index;\r\n this.previewNodes.forEach((itemPreview, indexPreview) => {\r\n itemPreview.classList.remove('is-active');\r\n if (indexPreview === index) itemPreview.classList.add('is-active');\r\n });\r\n }\r\n });\r\n });\r\n\r\n if (this.carouseItemsColorsCodes.length !== 0) {\r\n this.colorItems.forEach((item) => {\r\n const colorCode = item.getAttribute(DATA_COLORCODE_ATTRIBUTE);\r\n if (this.carouseItemsColorsCodes.indexOf(colorCode) !== -1) {\r\n this.addListener(item, \"click\", (e) =>\r\n this.onColorClick(e)\r\n );\r\n item.classList.add(CLICKABLE_CLASS);\r\n }\r\n });\r\n }\r\n\r\n this.carouselThumnailItems.forEach((item) => {\r\n this.addListener(item, \"click\", (e) =>\r\n this.onCarouselThumbnailClick(e)\r\n );\r\n });\r\n\r\n this.carouselPreviewImages.forEach((item, index) => {\r\n item.setAttribute(\"data-i\", index);\r\n });\r\n\r\n this.carouselThumnailItems[this.checkedCarouselItemIndex].click();\r\n\r\n eventEmitter.subscribe(\"content:updated\", (container) => {\r\n // add event listeners for overlay carousel\r\n\r\n const buttons = container.querySelectorAll(\r\n \".js-overlay-carousel-btn\"\r\n );\r\n buttons.forEach((button) =>\r\n button.addEventListener(\r\n \"click\",\r\n this.onCarouselClick.bind(this)\r\n )\r\n );\r\n\r\n this.overlayCarouselImage = container.querySelector(\"img\");\r\n });\r\n\r\n eventEmitter.subscribe(\"content:willRemoved\", (container) => {\r\n // remove event listeners when overlay carousel closes\r\n\r\n if (container) {\r\n const buttons = container.querySelectorAll(\r\n \".js-overlay-carousel-btn\"\r\n );\r\n buttons.forEach((button) =>\r\n button.removeEventListener(\r\n \"click\",\r\n this.onCarouselClick.bind(this)\r\n )\r\n );\r\n\r\n this.overlayCarouselImage = null;\r\n } else {\r\n console.info(\r\n \"Color Carousel Switcher: Container not present to remove.\"\r\n );\r\n }\r\n });\r\n }\r\n\r\n getCarouseItemsColorsCodes() {\r\n this.carouselThumnailItems.forEach((item) => {\r\n const colorCode = item.getAttribute(DATA_COLORCODE_ATTRIBUTE);\r\n if (colorCode !== null && colorCode !== \"\") {\r\n this.carouseItemsColorsCodes.push(colorCode);\r\n }\r\n });\r\n }\r\n\r\n onColorClick(e) {\r\n const item = e.target.closest(\".js-color-carousel-switcher-item\");\r\n const colorCode = item.getAttribute(DATA_COLORCODE_ATTRIBUTE);\r\n\r\n this.colorItems.forEach((i) => {\r\n i.classList.remove(COLOR_ACTIVE_CLASS);\r\n });\r\n\r\n if (colorCode === null && colorCode === \"\") {\r\n return;\r\n }\r\n\r\n item.classList.add(COLOR_ACTIVE_CLASS);\r\n\r\n this.carouselItems.forEach((i) => {\r\n if (i.getAttribute(DATA_COLORCODE_ATTRIBUTE) === colorCode) {\r\n i.click();\r\n }\r\n });\r\n\r\n this.carouselThumnailItems.forEach((i) => {\r\n i.classList.remove(COLOR_ACTIVE_CLASS);\r\n if (i.getAttribute(DATA_COLORCODE_ATTRIBUTE) === colorCode) {\r\n i.classList.add(COLOR_ACTIVE_CLASS);\r\n }\r\n });\r\n }\r\n\r\n onCarouselThumbnailClick(e) {\r\n const item = e.target.closest(\".cp-code-images__thumb\");\r\n const colorCode = item.getAttribute(DATA_COLORCODE_ATTRIBUTE);\r\n\r\n this.carouselThumnailItems.forEach((i) => {\r\n i.classList.remove(COLOR_ACTIVE_CLASS);\r\n });\r\n\r\n item.classList.add(COLOR_ACTIVE_CLASS);\r\n\r\n if (colorCode === null && colorCode === \"\") {\r\n return;\r\n }\r\n\r\n this.colorItems.forEach((i) => {\r\n i.classList.remove(COLOR_ACTIVE_CLASS);\r\n if (i.getAttribute(DATA_COLORCODE_ATTRIBUTE) === colorCode) {\r\n i.classList.add(COLOR_ACTIVE_CLASS);\r\n }\r\n });\r\n }\r\n\r\n onCarouselClick(e) {\r\n e.preventDefault();\r\n const direction = e.target.dataset.direction;\r\n\r\n if (!direction) return;\r\n\r\n const index = this.getNextIndex(direction);\r\n\r\n this.checkedCarouselItemIndex = index;\r\n const src = this.carouselPreviewImages[index].getAttribute(\"data-src\");\r\n if (this.overlayCarouselImage) this.overlayCarouselImage.src = src;\r\n }\r\n\r\n getNextIndex(direction) {\r\n let index;\r\n\r\n if (direction === \"back\") {\r\n if (this.checkedCarouselItemIndex > 0) {\r\n index = this.checkedCarouselItemIndex - 1;\r\n } else {\r\n index = this.carouselItems.length - 1;\r\n }\r\n } else {\r\n if (\r\n this.checkedCarouselItemIndex <\r\n this.carouselThumnailItems.length - 1\r\n ) {\r\n index = this.checkedCarouselItemIndex + 1;\r\n } else {\r\n index = 0;\r\n }\r\n }\r\n\r\n return index;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/colorCarouselSwitcher/colorCarouselSwitcher.js","import './colorsList.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/colorsList/colorsList.js","import './companyView.less';\r\nimport BaseComponent from 'baseComponent.js';\r\n\r\nexport default class CompanyBiew extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.vw-company';\r\n }\r\n\r\n init() {\r\n // TODO: use modernizr\r\n if ('ontouchstart' in window) {\r\n return;\r\n }\r\n\r\n this.width = window.innerWidth;\r\n this.height = window.innerHeight;\r\n this.scrollTop = 0;\r\n this.images = [];\r\n this.trigger = [];\r\n this.video = null;\r\n this.prefix = this.getPrefix();\r\n this.transform = `${this.prefix.css}transform`;\r\n\r\n this.setHeader();\r\n this.setImages();\r\n this.setTrigger();\r\n\r\n this.onResize();\r\n\r\n this.addListeners();\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n }\r\n\r\n addListeners() {\r\n window.addEventListener('scroll', this.listeners.scrollListener = this.onScroll.bind(this));\r\n window.addEventListener('resize', this.listeners.resizeListener = this.onResize.bind(this));\r\n window.addEventListener('load', this.listeners.loadListener = this.onResize.bind(this));\r\n }\r\n\r\n removeListeners() {\r\n window.removeEventListener('scroll', this.listeners.scrollListener);\r\n window.removeEventListener('resize', this.listeners.resizeListener);\r\n window.removeEventListener('load', this.listeners.loadListener);\r\n }\r\n\r\n setHeader() {\r\n const videoPoster = document.querySelector('.cp-video__poster');\r\n if (videoPoster) {\r\n videoPoster.innerHTML = '';\r\n }\r\n\r\n this.video = document.querySelector('.cp-video__poster video');\r\n }\r\n\r\n setImages() {\r\n const list = document.querySelectorAll('.vw-company__image:not(initied)');\r\n\r\n Array.prototype.forEach.call(list, (image) => {\r\n image.setAttribute('initied', '');\r\n\r\n this.images.push({\r\n el: image,\r\n image: image.querySelector('img')\r\n });\r\n });\r\n }\r\n\r\n setTrigger() {\r\n const list = document.querySelectorAll('[data-scroll-trigger]:not(initied)');\r\n\r\n Array.prototype.forEach.call(list, (el) => {\r\n const className = el.getAttribute('data-scroll-trigger');\r\n el.setAttribute('initied', '');\r\n\r\n this.trigger.push({\r\n el,\r\n className\r\n });\r\n });\r\n }\r\n\r\n update() {\r\n this.images.forEach((item) => {\r\n const p = Math.min(Math.max(-(item.top - this.scrollTop - this.height) / (this.height + item.height), 0), 1);\r\n item.image.style[this.transform] = `translateY(${(p - 1) * 50}%)`;\r\n });\r\n\r\n this.trigger.forEach((item) => {\r\n const p = item.top - this.scrollTop;\r\n\r\n if (p > this.height || p < -item.height) {\r\n item.el.classList.add(item.className);\r\n } else if (p < this.height * 0.7 && p > this.height * 0.3 - item.height) {\r\n item.el.classList.remove(item.className);\r\n }\r\n });\r\n }\r\n\r\n onResize() {\r\n this.width = window.innerWidth;\r\n this.height = window.innerHeight;\r\n\r\n this.scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;\r\n\r\n this.images.forEach((item) => {\r\n item.top = this.scrollTop + item.el.getBoundingClientRect().top;\r\n item.height = item.el.offsetHeight;\r\n });\r\n\r\n this.trigger.forEach((item) => {\r\n item.top = this.scrollTop + item.el.getBoundingClientRect().top;\r\n item.height = item.el.offsetHeight;\r\n });\r\n\r\n if (this.video) {\r\n const w = this.video.parentNode.offsetWidth;\r\n const h = this.video.parentNode.offsetHeight;\r\n let WIDTH;\r\n let HEIGHT;\r\n\r\n if (w * 1080 / 1924 > h) {\r\n WIDTH = w;\r\n HEIGHT = (w * 720 / 1280);\r\n } else {\r\n WIDTH = (h * 1280 / 720);\r\n HEIGHT = h;\r\n }\r\n\r\n this.video.style.width = `${WIDTH}px`;\r\n this.video.style.height = `${HEIGHT}px`;\r\n this.video.style.top = `${(h - HEIGHT) * 0.5}px`;\r\n this.video.style.left = `${(w - WIDTH) * 0.5}px`;\r\n }\r\n\r\n this.update();\r\n }\r\n\r\n onScroll() {\r\n this.scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;\r\n\r\n this.update();\r\n }\r\n\r\n getPrefix() {\r\n const styles = window.getComputedStyle(document.documentElement, '');\r\n const pre = (Array.prototype.slice\r\n .call(styles)\r\n .join('')\r\n .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])\r\n )[1];\r\n const dom = ('WebKit|Moz|MS|O').match(new RegExp(`(${pre})`, 'i'))[1];\r\n return {\r\n dom,\r\n lowercase: pre,\r\n css: `-${pre}-`,\r\n js: pre[0].toUpperCase() + pre.substr(1)\r\n };\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/companyView/companyView.js","import Tooltip from 'tooltip';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport FormInput from 'components/form/js/formInput';\r\n\r\nexport default class ComparePasswords extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-compare-passwords';\r\n }\r\n\r\n init() {\r\n this.newFieldNode = this.el.querySelector('.js-compare-passwords-new-field');\r\n this.confirmFieldNode = this.el.querySelector('.js-compare-passwords-confirm-field');\r\n this.iconNode = this.el.querySelector('.js-compare-passwords-icon');\r\n this.tooltipNode = this.el.querySelector('.js-compare-passwords-tooltip');\r\n this.rulesNode = this.el.querySelector('.js-compare-passwords-rules');\r\n this.submitBtn = this.el.querySelector('.js-compare-passwords-submit');\r\n\r\n this.hadIteractedWithConfirmField = false;\r\n\r\n this.newFieldControl = new FormInput(this.newFieldNode);\r\n this.newFieldControl.setMediator(this);\r\n this.confirmFieldControl = new FormInput(this.confirmFieldNode);\r\n this.confirmFieldControl.setMediator(this);\r\n\r\n this.templates = {\r\n rulesList: require('./templates/rulesList.hbs')\r\n };\r\n\r\n this.validatorsList = [\r\n {\r\n name: 'minLenght',\r\n regex: /.{8,}/,\r\n title: 'minimum of 8 characters',\r\n isValid: false\r\n },\r\n {\r\n name: 'letterInLowerAndUpperCase',\r\n regex: /(?=.*[a-z])(?=.*[A-Z]).*/,\r\n title: 'at least one capital and one lower case letter',\r\n isValid: false\r\n },\r\n {\r\n name: 'OneNumberAndOneLetter',\r\n regex: /(?=.*[a-zA-Z])(?=.*\\d).*/,\r\n title: 'at least one number and one letter',\r\n isValid: false\r\n }\r\n ];\r\n\r\n this.templates.rulesList({\r\n rules: this.validatorsList\r\n });\r\n\r\n this.tooltipControl = new Tooltip(this.iconNode, this.tooltipNode, {\r\n outerClickHide: false,\r\n popper: {\r\n placement: document.body.classList.contains('no-touch') ? 'right-start' : 'top-end',\r\n modifiers: {\r\n flip: {\r\n behavior: ['top-end', 'right-start']\r\n },\r\n preventOverflow: {\r\n boundariesElement: document.body\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n validatePassword(password) {\r\n let allValid = true;\r\n\r\n this.validatorsList.forEach((validator) => {\r\n const result = password.match(validator.regex);\r\n\r\n validator.isValid = !!result;\r\n\r\n if (!result) {\r\n allValid = false;\r\n }\r\n });\r\n\r\n this.newFieldControl.updateValidation(allValid);\r\n\r\n return allValid;\r\n }\r\n\r\n updateRulesTooltip() {\r\n const newRulesHtml = this.templates.rulesList({\r\n rules: this.validatorsList\r\n });\r\n\r\n if (!newRulesHtml) return;\r\n\r\n const oldRulesNode = this.tooltipNode.querySelector('.js-compare-passwords-rules');\r\n\r\n this.tooltipNode.replaceChild(Utility.htmlStr2El(newRulesHtml), oldRulesNode);\r\n }\r\n\r\n showRulesTooltip() {\r\n if (this.tooltipNode) {\r\n this.tooltipControl.show();\r\n }\r\n }\r\n\r\n hideRulesTooltip() {\r\n if (this.tooltipNode) {\r\n this.tooltipControl.hide();\r\n }\r\n }\r\n\r\n comparePasswords() {\r\n this.confirmFieldControl.updateValidation(this.newFieldControl.getValue() === this.confirmFieldControl.getValue());\r\n }\r\n\r\n getIsValid() {\r\n return (\r\n this.validatePassword(this.newFieldControl.getValue()) &&\r\n this.newFieldControl.getValue() === this.confirmFieldControl.getValue()\r\n );\r\n }\r\n\r\n stateChanged(customEvent) {\r\n switch (customEvent.type) {\r\n case 'FORM_INPUT_KEYUP':\r\n if (customEvent.customId === 'NewPassword') {\r\n const isNewFieldValid = this.validatePassword(customEvent.value);\r\n\r\n this.updateRulesTooltip();\r\n\r\n if (isNewFieldValid) {\r\n this.hideRulesTooltip();\r\n } else {\r\n this.showRulesTooltip();\r\n }\r\n }\r\n\r\n if (this.hadIteractedWithConfirmField) {\r\n this.comparePasswords();\r\n }\r\n\r\n break;\r\n case 'FORM_INPUT_CHANGED':\r\n if (customEvent.customId === 'ConfirmNewPassword') {\r\n this.hadIteractedWithConfirmField = true;\r\n this.comparePasswords();\r\n }\r\n\r\n break;\r\n default:\r\n Utility.logMessage('Unknow event type: ', customEvent.type);\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/comparePasswords/comparePasswords.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n - \\r\\n\"\n + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.rules : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/deleteCollectionButton/html/delete-collection-modal.hbs\n// module id = ./app/components/deleteCollectionButton/html/delete-collection-modal.hbs\n// module chunks = 1","import './descriptionBox.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/descriptionBox/descriptionBox.js","import './detailsSocial.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/detailsSocial/detailsSocial.js","import Handlebars from 'handlebars/dist/handlebars.js';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport Loader from 'loader/loader.js';\r\nimport LoadMore from 'loadMore/loadMore.js';\r\n\r\nexport default class DownloadCategories extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-downloads';\r\n }\r\n\r\n init() {\r\n this.addListeners();\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n }\r\n\r\n addListeners() {\r\n this.el.addEventListener(\r\n 'click',\r\n this.listeners.clickListener = this.handleClick.bind(this)\r\n );\r\n }\r\n\r\n removeListeners() {\r\n this.el.removeEventListener('click', this.listeners.clickListener);\r\n }\r\n\r\n handleClick(event) {\r\n let node = Utility.findTarget(event, 'a', 'js-download-category');\r\n\r\n if (node !== null) {\r\n event.preventDefault();\r\n const pageNumber = node.getAttribute('data-page-number');\r\n\r\n this.getCategoryDownloadItems(node, pageNumber);\r\n\r\n let categoryUrl;\r\n\r\n // if subcategory link in content clicked\r\n if (node.parentNode.parentNode.classList.contains('media__item-content')) {\r\n categoryUrl = node.getAttribute('data-category-url');\r\n }\r\n\r\n if (!pageNumber) {\r\n const categories = document.querySelectorAll('.cp-side-nav__items .js-download-category');\r\n\r\n const subcategories = document.querySelectorAll('.js-download-subcategory');\r\n\r\n for (let i = 0; i < categories.length; i++) {\r\n categories[i].classList.remove('selected');\r\n\r\n if (categories[i].getAttribute('data-category-url') === categoryUrl) {\r\n node = categories[i];\r\n }\r\n }\r\n\r\n for (let i = 0; i < subcategories.length; i++) {\r\n subcategories[i].classList.remove('sub-selected');\r\n }\r\n\r\n node.classList.add('selected');\r\n\r\n if (node.parentNode.classList.contains('js-download-subcategory')) {\r\n node.parentNode.classList.add('sub-selected');\r\n }\r\n }\r\n }\r\n }\r\n\r\n onDataLoaded(event) {\r\n const response = JSON.parse(event.data);\r\n\r\n if (response.status !== 'ok') {\r\n return;\r\n }\r\n\r\n const templateHtml = document.getElementById('downloads-template').innerHTML;\r\n const container = document.querySelector('.js-download-list');\r\n let template;\r\n\r\n if (templateHtml && container) {\r\n template = Handlebars.compile(templateHtml);\r\n container.innerHTML = template(response);\r\n LoadMore.init();\r\n\r\n eventEmitter.emit('sidebar:menuToggle');\r\n }\r\n }\r\n\r\n getCategoryDownloadItems(node, pageNumber) {\r\n const category = node.getAttribute('data-category-url');\r\n const culture = node.getAttribute('data-culture');\r\n const url = '/dataapi/v1/downloadcategory/loaditems/';\r\n let query = `category=${category}&culture=${culture}`;\r\n\r\n if (pageNumber) {\r\n query += `&page=${pageNumber}`;\r\n }\r\n\r\n const loader = new Loader();\r\n loader.addEventListener('complete', this.onDataLoaded.bind(this));\r\n loader.load(url, query);\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/downloadCategories/downloadCategories.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=helpers.blockHelperMissing, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.isLoadMoreResponse || (depth0 != null ? depth0.isLoadMoreResponse : depth0)) != null ? helper : alias2),(options={\"name\":\"isLoadMoreResponse\",\"hash\":{},\"fn\":container.noop,\"inverse\":container.program(3, data, 0),\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isLoadMoreResponse) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n buffer += \"\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n stack1 = ((helper = (helper = helpers.isLoadMoreResponse || (depth0 != null ? depth0.isLoadMoreResponse : depth0)) != null ? helper : alias2),(options={\"name\":\"isLoadMoreResponse\",\"hash\":{},\"fn\":container.noop,\"inverse\":container.program(17, data, 0),\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isLoadMoreResponse) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\";\n},\"18\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/downloadCategories/templates/downloads.hbs\n// module id = ./app/components/downloadCategories/templates/downloads.hbs\n// module chunks = 1","import 'choices.js/assets/styles/css/choices.min.css';\r\nimport './dropdown.less';\r\nimport Choices from 'choices.js';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility.js';\r\n\r\nexport default class Dropdown extends BaseComponent {\r\n constructor(elem, params) {\r\n super(elem);\r\n this.mediator = null;\r\n this.selectNode = this.el.querySelector('select');\r\n this.dropdown = null;\r\n this.options = {\r\n initOnMobile: false,\r\n usePlugin: true\r\n };\r\n\r\n if (params) {\r\n this.options = Object.assign({}, this.options, params);\r\n }\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-dropdown';\r\n }\r\n\r\n init() {\r\n if (!this.selectNode) return;\r\n\r\n if (!('ontouchstart' in window && !this.options.initOnMobile) && this.options.usePlugin) {\r\n this.dropdown = new Choices(this.selectNode, {\r\n search: false,\r\n searchEnabled: false,\r\n maxItemCount: -1,\r\n itemSelectText: '',\r\n classNames: {\r\n containerOuter: 'choices icon-after arrow-down'\r\n },\r\n shouldSort: false\r\n });\r\n }\r\n\r\n this.addListeners();\r\n this.el.classList.add('is-inited');\r\n }\r\n\r\n destroy() {\r\n super.removeListeners();\r\n\r\n if (this.dropdown) {\r\n this.dropdown.destroy();\r\n }\r\n }\r\n\r\n addListeners() {\r\n super.addListener(this.selectNode, 'focus', this.onFocusSelect.bind(this));\r\n super.addListener(this.selectNode, 'blur', this.onBlurSelect.bind(this));\r\n super.addListener(this.selectNode, 'change', this.onChangeSelect.bind(this));\r\n }\r\n\r\n onFocusSelect() {\r\n this.el.classList.add('is-focused');\r\n }\r\n\r\n onBlurSelect() {\r\n this.el.classList.remove('is-focused');\r\n this.validate();\r\n\r\n if (this.mediator) {\r\n this.mediator.stateChanged({\r\n type: 'FORM_SELECT_CHANGED'\r\n });\r\n }\r\n }\r\n\r\n onChange(callback) {\r\n this.onChangeHandler = callback;\r\n }\r\n\r\n onChangeSelect(event) {\r\n this.validate();\r\n\r\n if (this.mediator) {\r\n this.mediator.stateChanged({\r\n type: 'FORM_SELECT_CHANGED'\r\n });\r\n }\r\n\r\n if (this.onChangeHandler) {\r\n this.onChangeHandler(event);\r\n }\r\n }\r\n\r\n addEventListener(eventName, callback) {\r\n this.selectNode.addEventListener(eventName, callback);\r\n }\r\n\r\n removeEventListener(eventName, callback) {\r\n this.selectNode.removeEventListener(eventName, callback);\r\n }\r\n\r\n setMediator(mediator) {\r\n this.mediator = mediator;\r\n }\r\n\r\n validate() {\r\n if (!this.selectNode.checkValidity()) {\r\n this.el.classList.add('is-invalid');\r\n } else {\r\n this.el.classList.remove('is-invalid');\r\n }\r\n }\r\n\r\n isValid() {\r\n return this.selectNode.checkValidity();\r\n }\r\n\r\n isVisible() {\r\n return Utility.isElementVisible(this.el);\r\n }\r\n\r\n getValue() {\r\n return this.selectNode.value;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/dropdown/dropdown.js","import BaseComponent from '../../general/js/baseComponent';\r\nimport CollectionFormModal from 'collectionForm/CollectionFormModal'\r\n\r\nexport default class EditCollectionButton extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return '.js-edit-collection-button';\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n this.addListeners();\r\n this.isInited = true;\r\n }\r\n\r\n setVariables() {\r\n this.collectionId = parseInt(this.el.getAttribute('data-collection-id'));\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n addListeners() {\r\n this.addListener(this.el, 'click', this.onClick);\r\n }\r\n\r\n onClick() {\r\n CollectionFormModal.getInstance().edit(this.collectionId);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/editCollectionButton/editCollectionButton.js","import './eventRegistrationView.less';\r\nimport BaseComponent from '../../general/js/baseComponent.js';\r\nimport Utility from '../../general/js/helpers/utility.js';\r\nimport FormInput from '../form/js/formInput.js';\r\nimport FormCheckbox from '../form/js/formCheckbox.js';\r\nimport Dropdown from '../dropdown/dropdown.js';\r\nimport Captcha from '../captcha/captcha.js';\r\nimport eventEmmiter from '../../general/js/helpers/eventEmitter';\r\n\r\nconst ITALY_CODE = '374';\r\nconst CLASS_HIDDEN = 'hidden';\r\nexport default class EventRegistrationView extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-erv-form';\r\n }\r\n\r\n init() {\r\n this.behalfCheckbox = this.el.querySelector('.js-erv-form-behalf-checkbox');\r\n this.behalfFields = this.el.querySelector('.js-erv-form-behalf-fields');\r\n this.submitBtnNode = this.el.querySelector('.js-erv-form-submit-btn');\r\n this.fieldsNodes = [...this.el.querySelectorAll('.js-erv-form-field')];\r\n this.checkboxesNodes = [...this.el.querySelectorAll('.js-erv-form-checkbox')];\r\n this.dropdownsNodes = [...this.el.querySelectorAll('.js-erv-form-dropdown')];\r\n this.daySelectNode = this.el.querySelector('.js-erv-form-day-select');\r\n this.languageSelectNode = this.el.querySelector('.js-erv-form-language-select');\r\n this.timeInputNode = this.el.querySelector('.js-erv-form-time-input');\r\n this.cardsContainerNode = this.el.querySelector('.js-erv-form-cards-container');\r\n this.captchaNode = this.el.querySelector('.js-erv-form-captcha');\r\n this.captchaInvisibleNode = this.el.querySelector('.js-erv-form-captcha-invisible');\r\n this.countryDropdownNode = this.el.querySelector('.js-erv-form-country');\r\n this.provincePlaceholder = this.el.querySelector('.js-erv-form-province-placeholder');\r\n this.fieldsList = [];\r\n this.currentTimeCard = null;\r\n this.clientId = this.submitBtnNode ? this.submitBtnNode.getAttribute('data-clientid') : '';\r\n this.isWorking = false;\r\n\r\n this.fieldsNodes.forEach((fieldNode) => {\r\n const fieldControl = new FormInput(fieldNode);\r\n this.fieldsList.push(fieldControl);\r\n });\r\n\r\n this.checkboxesNodes.forEach((checkboxNode) => {\r\n const checkboxControl = new FormCheckbox(checkboxNode);\r\n this.fieldsList.push(checkboxControl);\r\n });\r\n\r\n this.dropdownsNodes.forEach((dropdownNode) => {\r\n const dropdownControl = new Dropdown(dropdownNode);\r\n this.fieldsList.push(dropdownControl);\r\n });\r\n\r\n if (this.countryDropdownNode) {\r\n this.countryDropdown = new Dropdown(this.countryDropdownNode, {\r\n usePlugin: true\r\n });\r\n this.fieldsList.push(this.countryDropdown);\r\n\r\n if (!this.provincePlaceholder) return;\r\n\r\n if (this.countryDropdown.getValue() === ITALY_CODE) {\r\n this.provincePlaceholder.classList.remove(CLASS_HIDDEN);\r\n }\r\n }\r\n\r\n this.fieldsList.forEach((fieldControl) => {\r\n fieldControl.setMediator(this);\r\n });\r\n\r\n if (this.captchaNode) {\r\n this.captchaControl = new Captcha(this.captchaNode);\r\n this.captchaControl.onStateChanged(this.onCaptchaChange.bind(this));\r\n\r\n this.fieldsList.push(this.captchaControl);\r\n }\r\n\r\n if(this.captchaInvisibleNode){\r\n this.captchaControl = new Captcha(this.captchaInvisibleNode);\r\n eventEmmiter.subscribe('recaptcha:success', this.onSuccessInvisibleRecaptcha.bind(this));\r\n }\r\n\r\n if (this.daySelectNode) {\r\n this.dayDropdown = new Dropdown(this.daySelectNode, {\r\n usePlugin: false\r\n });\r\n }\r\n\r\n if (this.languageSelectNode) {\r\n this.languageDropdown = new Dropdown(this.languageSelectNode, {\r\n usePlugin: false\r\n });\r\n }\r\n\r\n this.daysNodesList = [...this.el.querySelectorAll('.js-erv-form-cards-day')];\r\n this.cardsNodesList = [...this.el.querySelectorAll('.js-erv-form-card')];\r\n this.addListeners();\r\n\r\n if (!this.timeInputNode) {\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n }\r\n }\r\n\r\n destroy() {\r\n super.destroy();\r\n this.fieldsList.forEach(fieldControl => fieldControl.destroy());\r\n\r\n if (this.daySelectNode) {\r\n this.daySelectNode.destroy();\r\n }\r\n\r\n if (this.languageSelectNode) {\r\n this.languageSelectNode.destroy();\r\n }\r\n }\r\n\r\n addListeners() {\r\n super.addListener(this.behalfCheckbox, 'change', this.onChangeBehalfCheckbox.bind(this));\r\n super.addListener(this.submitBtnNode, 'click', this.onClickSubmitBtn.bind(this));\r\n super.addListener(this.dayDropdown, 'change', this.onChangeDaySelect.bind(this));\r\n super.addListener(this.languageDropdown, 'change', this.onChangeLangugeSelect.bind(this));\r\n super.addListener(this.cardsContainerNode, 'click', this.onClickCard.bind(this));\r\n super.addListener(this.cardsContainerNode, 'keydown', this.onKeydownCard.bind(this));\r\n super.addListener(this.countryDropdown, 'change', this.onCountryDropdownChange.bind(this));\r\n }\r\n\r\n onChangeBehalfCheckbox() {\r\n if (this.behalfCheckbox.checked) {\r\n this.behalfFields.classList.remove('is-hidden');\r\n } else {\r\n this.behalfFields.classList.add('is-hidden');\r\n }\r\n\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n }\r\n\r\n onClickSubmitBtn(event) {\r\n event.preventDefault();\r\n\r\n if (this.isWorking) return;\r\n\r\n this.isWorking = true;\r\n\r\n if (\r\n (!this.timeInputNode && this.validateForm()) ||\r\n (this.timeInputNode && this.timeInputNode.value.length)\r\n ) {\r\n // if(this.captchaInvisibleNode){\r\n // window.grecaptcha.execute();\r\n // } else {\r\n // window.__doPostBack(this.clientId, '');\r\n // }\r\n\r\n\t\t\twindow.__doPostBack(this.clientId, '');\r\n } else {\r\n this.isWorking = false;\r\n }\r\n }\r\n\r\n onSuccessInvisibleRecaptcha() {\r\n window.__doPostBack(this.clientId, '');\r\n }\r\n\r\n onChangeDaySelect(event) {\r\n this.resetCurrentCard();\r\n this.updateSubmitAvailability();\r\n this.updateDayVisibility(event.currentTarget.value);\r\n\r\n const optionText = event.currentTarget.options[event.currentTarget.selectedIndex].text;\r\n this.sendTracking(event.currentTarget, optionText);\r\n }\r\n\r\n onChangeLangugeSelect(event) {\r\n this.resetCurrentCard();\r\n this.updateSubmitAvailability();\r\n this.filterCardsByLanguage(event.currentTarget.value);\r\n\r\n const optionText = event.currentTarget.options[event.currentTarget.selectedIndex].text;\r\n this.sendTracking(event.currentTarget, optionText);\r\n }\r\n\r\n onClickCard(event) {\r\n const card = Utility.findTarget(event, 'div', 'js-erv-form-card');\r\n\r\n if (!card || !card.hasAttribute('data-time-id')) return;\r\n\r\n if (this.currentTimeCard) {\r\n this.currentTimeCard.classList.remove('is-selected');\r\n }\r\n\r\n this.currentTimeCard = card;\r\n this.currentTimeCard.classList.add('is-selected');\r\n this.timeInputNode.value = card.getAttribute('data-time-id');\r\n this.updateSubmitAvailability(true);\r\n }\r\n\r\n onKeydownCard(event) {\r\n if (event.keyCode !== 32 && event.keyCode !== 13) return;\r\n\r\n const card = Utility.findTarget(event, 'div', 'js-erv-form-card');\r\n\r\n if (!card || !card.hasAttribute('data-time-id')) return;\r\n\r\n if (this.currentTimeCard) {\r\n this.currentTimeCard.classList.remove('is-selected');\r\n }\r\n\r\n this.currentTimeCard = card;\r\n this.currentTimeCard.classList.add('is-selected');\r\n this.timeInputNode.value = card.getAttribute('data-time-id');\r\n this.updateSubmitAvailability(true);\r\n\r\n event.preventDefault();\r\n }\r\n\r\n\r\n onCaptchaChange() {\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n }\r\n\r\n validateForm(isSilent) {\r\n let isFormValid = true;\r\n\r\n if (isSilent === undefined) {\r\n isSilent = false;\r\n }\r\n\r\n this.fieldsList.forEach((field) => {\r\n if (!field.isVisible()) return;\r\n\r\n if (!isSilent) {\r\n field.validate();\r\n }\r\n\r\n if (!field.isValid()) {\r\n isFormValid = false;\r\n }\r\n });\r\n\r\n return isFormValid;\r\n }\r\n\r\n updateSubmitAvailability(isValid) {\r\n if (isValid === undefined) {\r\n isValid = false;\r\n }\r\n\r\n if (isValid) {\r\n this.submitBtnNode.classList.remove('is-disabled');\r\n } else {\r\n this.submitBtnNode.classList.add('is-disabled');\r\n }\r\n }\r\n\r\n updateDayVisibility(day) {\r\n this.daysNodesList.forEach((dayNode) => {\r\n if (day === '') {\r\n dayNode.classList.remove('is-hidden');\r\n dayNode.classList.add('closed');\r\n return;\r\n }\r\n\r\n if (dayNode.getAttribute('data-day') === day) {\r\n dayNode.classList.remove('is-hidden', 'closed');\r\n } else {\r\n dayNode.classList.add('is-hidden', 'closed');\r\n }\r\n });\r\n }\r\n\r\n resetCurrentCard() {\r\n if (this.currentTimeCard) {\r\n this.currentTimeCard.classList.remove('is-selected');\r\n this.currentTimeCard = null;\r\n }\r\n\r\n this.timeInputNode.value = '';\r\n }\r\n\r\n filterCardsByLanguage(lang) {\r\n this.cardsNodesList.forEach((cardNode) => {\r\n const cardWrapNode = Utility.findAncestor(cardNode, 'js-erv-form-card-wrap');\r\n\r\n if (!cardWrapNode) return;\r\n\r\n if (lang === '') {\r\n cardWrapNode.classList.remove('is-hidden');\r\n } else if (cardNode.getAttribute('data-language') !== lang) {\r\n cardWrapNode.classList.add('is-hidden');\r\n } else {\r\n cardWrapNode.classList.remove('is-hidden');\r\n }\r\n });\r\n }\r\n\r\n sendTracking(elemNode, value) {\r\n const category = elemNode.getAttribute('data-tracking-category') || '';\r\n const action = elemNode.getAttribute('data-tracking-action') || '';\r\n const label = elemNode.getAttribute('data-tracking-label') || value;\r\n\r\n eventEmitter.emit('gtm:send', [category, action, label]);\r\n }\r\n\r\n\r\n stateChanged(customEvent) {\r\n switch (customEvent.type) {\r\n case 'FORM_INPUT_CHANGED':\r\n case 'FORM_CHECKBOX_CHANGED':\r\n case 'FORM_SELECT_CHANGED':\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n onCountryDropdownChange(event) {\r\n if (!this.provincePlaceholder) return;\r\n\r\n if (event.currentTarget.value === ITALY_CODE) {\r\n this.provincePlaceholder.classList.remove(CLASS_HIDDEN);\r\n } else {\r\n this.provincePlaceholder.classList.add(CLASS_HIDDEN);\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/eventRegistrationView/eventRegistrationView.js","import './eventSignup.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/eventSignup/eventSignup.js","import './eventThumb.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/eventThumb/eventThumb.js","import './eventsList.less';\r\n\r\nimport Loader from 'loader/loader.js';\r\nimport LoadMore from 'loadMore/loadMore.js';\r\n\r\nlet pageProperty = {};\r\n\r\nfunction init() {\r\n if (!document.querySelector('.js-events__view-btn')) {\r\n return;\r\n }\r\n\r\n pageProperty = {\r\n title: document.title,\r\n url: window.location.pathname\r\n };\r\n\r\n function EventsTab(el) {\r\n this.el = el;\r\n this.src = el.getAttribute('data-url');\r\n this.culture = el.getAttribute('data-culture');\r\n this.itemsperpage = el.getAttribute('data-itemsperpage');\r\n this.btnLoad = document.querySelector('.js-loadmore');\r\n this.btns = [...document.querySelectorAll('.js-events__view-btn')];\r\n this.loadmore = LoadMore.getLoadmore();\r\n this.currentType = '';\r\n }\r\n\r\n EventsTab.prototype.load = function (eventsType) {\r\n this.currentType = eventsType;\r\n\r\n const loadmore = this.loadmore;\r\n\r\n if (loadmore) {\r\n loadmore.currentPage = 1;\r\n loadmore.params = `&eventtype=${this.currentType}`;\r\n }\r\n\r\n const loader = new Loader();\r\n const src = this.src;\r\n const template = require('./templates/eventsList.hbs');\r\n const container = this.el;\r\n\r\n const params = `page=${this.currentPage}`\r\n + `&culture=${this.culture}`\r\n + `&itemsperpage=${this.itemsperpage}`\r\n + `&eventtype=${this.currentType}`;\r\n\r\n loader.load(src, params);\r\n\r\n loader.addEventListener('complete', (e) => {\r\n const response = JSON.parse(e.data);\r\n\r\n container.innerHTML = template(response);\r\n\r\n if (this.btnLoad) {\r\n if (\r\n response.result.totalPages > 1 &&\r\n response.result.currentPage !== response.result.totalPages\r\n ) {\r\n this.btnLoad.classList.remove('hidden');\r\n } else {\r\n this.btnLoad.classList.add('hidden');\r\n }\r\n }\r\n\r\n initNewsletterLink();\r\n });\r\n\r\n if (eventsType === 'past') {\r\n setUrl('?eventtype=past');\r\n } else {\r\n setUrl(pageProperty.url);\r\n }\r\n };\r\n\r\n const eventsTab = new EventsTab(document.querySelector('.js-loadmore-container'));\r\n\r\n eventsTab.btns.forEach((btnNode) => {\r\n const inputNode = btnNode.querySelector('input');\r\n\r\n if (inputNode.checked) {\r\n eventsTab.currentType = inputNode.value;\r\n }\r\n\r\n inputNode.addEventListener('click', () => {\r\n eventsTab.load(btnNode.getAttribute('data-type'));\r\n });\r\n });\r\n\r\n eventsTab.loadmore.params = `&eventtype=${eventsTab.currentType}`;\r\n initNewsletterLink();\r\n}\r\n\r\nfunction setUrl(url) {\r\n const state = null;\r\n const title = pageProperty.title;\r\n\r\n if (!window.history.replaceState) return;\r\n\r\n window.history.replaceState(state, title, url);\r\n}\r\n\r\nfunction initNewsletterLink() {\r\n const newsletterLink = document.querySelector('.js-newsletter');\r\n const newsletterBtn = document.querySelector('.js-nesletter-btn');\r\n\r\n if (!newsletterLink || !newsletterBtn) return;\r\n\r\n newsletterLink.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n newsletterBtn.click();\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n init\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/eventsList/eventsList.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=helpers.blockHelperMissing, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : alias2),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.hasResults) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n buffer += \"\\r\\n\";\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : alias2),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.noop,\"inverse\":container.program(5, data, 0),\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.hasResults) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \"\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=helpers.blockHelperMissing, alias5=container.escapeExpression, buffer = \n \"
\\r\\n\";\n stack1 = ((helper = (helper = helpers.hasLoadMore || (depth0 != null ? depth0.hasLoadMore : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasLoadMore\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasLoadMore) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n
\\r\\n\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n\";\n stack1 = ((helper = (helper = helpers.isShowPreviewImage || (depth0 != null ? depth0.isShowPreviewImage : depth0)) != null ? helper : alias2),(options={\"name\":\"isShowPreviewImage\",\"hash\":{},\"fn\":container.program(6, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isShowPreviewImage) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n buffer += \"
\\r\\n \\r\\n
\\r\\n \"\n + alias5(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\"\n + alias5(((helper = (helper = helpers.description || (depth0 != null ? depth0.description : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"description\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\"\n + ((stack1 = ((helper = (helper = helpers.detailsContent || (depth0 != null ? depth0.detailsContent : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"detailsContent\",\"hash\":{},\"data\":data}) : helper))) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n stack1 = ((helper = (helper = helpers.isShowDownloadLink || (depth0 != null ? depth0.isShowDownloadLink : depth0)) != null ? helper : alias2),(options={\"name\":\"isShowDownloadLink\",\"hash\":{},\"fn\":container.program(8, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isShowDownloadLink) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n stack1 = ((helper = (helper = helpers.isShowExternalLink || (depth0 != null ? depth0.isShowExternalLink : depth0)) != null ? helper : alias2),(options={\"name\":\"isShowExternalLink\",\"hash\":{},\"fn\":container.program(10, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isShowExternalLink) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n stack1 = ((helper = (helper = helpers.isShowReadUrlLink || (depth0 != null ? depth0.isShowReadUrlLink : depth0)) != null ? helper : alias2),(options={\"name\":\"isShowReadUrlLink\",\"hash\":{},\"fn\":container.program(15, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isShowReadUrlLink) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n \\r\\n
\\r\\n\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n Download\\r\\n
\\r\\n\";\n},\"10\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=helpers.blockHelperMissing, buffer = \n \" \\r\\n\";\n stack1 = ((helper = (helper = helpers.isSubCategory || (depth0 != null ? depth0.isSubCategory : depth0)) != null ? helper : alias2),(options={\"name\":\"isSubCategory\",\"hash\":{},\"fn\":container.noop,\"inverse\":container.program(11, data, 0),\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isSubCategory) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n stack1 = ((helper = (helper = helpers.isSubCategory || (depth0 != null ? depth0.isSubCategory : depth0)) != null ? helper : alias2),(options={\"name\":\"isSubCategory\",\"hash\":{},\"fn\":container.program(13, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.isSubCategory) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \"\n + alias4(((helper = (helper = helpers.externalLinkTitle || (depth0 != null ? depth0.externalLinkTitle : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"externalLinkTitle\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \"\n + alias4(((helper = (helper = helpers.externalLinkTitle || (depth0 != null ? depth0.externalLinkTitle : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"externalLinkTitle\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n\";\n},\"15\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n Read\\r\\n
\\r\\n\";\n},\"17\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \n \" \\r\\n
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/eventsList/templates/eventsList.hbs\n// module id = ./app/components/eventsList/templates/eventsList.hbs\n// module chunks = 1","import './eventsView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/eventsView/eventsView.js","import BaseComponent from 'baseComponent.js';\r\nimport app from 'app';\r\nimport authService from 'AuthService';\r\nimport Tooltip, { CONTAINER_BODY } from 'tooltip';\r\n\r\nexport default class FavoritesButton extends BaseComponent {\r\n setVariables() {\r\n this.tooltip = null;\r\n this.iconElement = this.el.querySelector('.js-code-favorites-button-icon');\r\n this.inProgress = false;\r\n this.onClick = this.onClick.bind(this);\r\n this.addToFavoritesFinally = this.addToFavoritesFinally.bind(this);\r\n }\r\n\r\n addListeners() {\r\n this.addListener(this.el, 'click', this.onClick);\r\n }\r\n\r\n isAdded() {\r\n throw new Error('You should define isAdded method');\r\n }\r\n\r\n addToFavorites() {\r\n throw new Error('You should define addToFavorites method');\r\n }\r\n\r\n getTooltipContent() {\r\n throw new Error('You should define getTooltipContent method');\r\n }\r\n\r\n getLoginReason() {\r\n throw new Error('You should define getLoginReason method');\r\n }\r\n\r\n onClick() {\r\n if (!this.inProgress) {\r\n if (this.isAdded()) {\r\n this.showTooltip();\r\n } else {\r\n this.inProgress = true;\r\n authService\r\n .login(this.getLoginReason())\r\n .then(() => this.addToFavorites())\r\n .then(() => {\r\n this.handleAddition();\r\n this.showTooltip();\r\n })\r\n .then(this.addToFavoritesFinally, this.addToFavoritesFinally);\r\n }\r\n }\r\n }\r\n\r\n addToFavoritesFinally() {\r\n this.inProgress = false;\r\n }\r\n\r\n handleAddition() {\r\n this.el.classList.add('is-added');\r\n }\r\n\r\n showTooltip() {\r\n const tooltip = this.getTooltip();\r\n tooltip.show();\r\n }\r\n\r\n\r\n getTooltip() {\r\n if (this.tooltip === null) {\r\n this.tooltip = new Tooltip(this.iconElement, this.getTooltipContent.bind(this), {\r\n container: CONTAINER_BODY,\r\n popper: { placement: 'top' }\r\n });\r\n }\r\n return this.tooltip;\r\n }\r\n\r\n getTooltipData() {\r\n return {\r\n favoritesUrl: app.getConfig('favoritesUrl'),\r\n translations: {\r\n currentlySaved: app.t('favorites.currentlySaved'),\r\n favoritesPageName: app.t('favorites.favoritesPageName'),\r\n addToCollection: app.t('favorites.addToCollection')\r\n }\r\n };\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/favoritesButton/favoritesButton.js","import './favoritesButton.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/favoritesButton/index.js","import './favoriteCollectionHeader.less';\r\nimport BaseComponent from '../../general/js/baseComponent.js';\r\n\r\nexport default class FavouriteCollectionHeader extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return 'js-favourite-collection-header';\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/favouriteCollectionHeader/favouriteCollectionHeader.js","import './favouriteCollectionsCard.less';\r\nimport app from 'app';\r\nimport React from 'react';\r\nimport Tooltip, { CONTAINER_BODY } from 'tooltip';\r\nimport collectionControlsMenuTemplate from './html/collection-controls-menu.hbs';\r\n\r\nexport default class FavouriteCollectionsCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.tooltip = null;\r\n this.onOpenCollectionMenuClick = this.onOpenCollectionMenuClick.bind(this);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.tooltip) {\r\n this.tooltip.destroy();\r\n }\r\n }\r\n\r\n onOpenCollectionMenuClick(e) {\r\n this.showTooltip(e);\r\n }\r\n\r\n showTooltip(e) {\r\n const tooltip = this.getTooltip(e);\r\n tooltip.show();\r\n }\r\n\r\n getTooltip(e) {\r\n if (this.tooltip === null) {\r\n this.tooltip = new Tooltip(e.target, this.getTooltipContent.bind(this), {\r\n container: CONTAINER_BODY,\r\n popper: { placement: 'top' },\r\n withCloseButton: true\r\n });\r\n }\r\n return this.tooltip;\r\n }\r\n\r\n getTooltipContent() {\r\n return collectionControlsMenuTemplate({\r\n translations: {\r\n renameButtonText: app.t('collections.renameButtonText'),\r\n deleteButtonText: app.t('collections.deleteButtonText')\r\n },\r\n collection: this.props.item\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.noResultsHeader), depth0))\n + \"
\\r\\n\"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.noResultsMessage), depth0))\n + \"
\\r\\n \"\n + alias2(alias1(((stack1 = ((stack1 = (data && data.root)) && stack1.translations)) && stack1.signUpButton), depth0))\n + \"\\r\\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/favouriteCollections/favouriteCollectionsCard.js","import app from 'app';\r\nimport React from 'react';\r\nimport FavouriteCollectionsCard from './favouriteCollectionsCard.js';\r\nimport CollectionFormModal from '../collectionForm/CollectionFormModal';\r\nimport SortableList from '../sortableList';\r\nimport collectionService from 'collectionsService';\r\n\r\nexport default class FavouriteCollectionsList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.app = app;\r\n this.rootElement = document.querySelector('.js-favourite-collections-root');\r\n this.onCreateCollectionClick = this.onCreateCollectionClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.unsubscribe = app.subscribe(() => {\r\n this.forceUpdate();\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n this.unsubscribe();\r\n }\r\n\r\n onCreateCollectionClick(e) {\r\n e.preventDefault();\r\n CollectionFormModal.getInstance().create();\r\n }\r\n\r\n onStopSwapCards = (item, oldIndex, newIndex) => {\r\n let initialCollection = JSON.parse(item.getAttribute('data-collection'));\r\n let collection = Object.assign({}, initialCollection, {\r\n position: newIndex + 1\r\n });\r\n collectionService\r\n .updateCollection(collection)\r\n .then(result => {\r\n //console.log(result);\r\n })\r\n .catch(() => {});\r\n };\r\n\r\n render() {\r\n this.collections = app.getState().collections;\r\n\r\n return (\r\n \r\n {this.props.item.images\r\n .slice(0, 4)\r\n .map((item, i) => (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.item.name}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.item.productsCount}\r\n
\r\n \r\n {this.props.item.dateModified}\r\n
\r\n initSortable(el)}>\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/favouriteCollections/favouriteCollectionsList.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/favouriteCollections/html/collection-controls-menu.hbs\n// module id = ./app/components/favouriteCollections/html/collection-controls-menu.hbs\n// module chunks = 1","import './createCollectionButton.less';\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport FavouriteCollectionsList from './favouriteCollectionsList.js';\r\n\r\nconst rootElement = document.querySelector('.js-favourite-collections-root');\r\n\r\nif (rootElement) {\r\n ReactDOM.render(\r\n \r\n \r\n {app.t('favorites.createNewCollectionLink')}\r\n \r\n \r\n
\r\n {this.collections.map((item, i) => (\r\n \\r\\n \\r\\n \\r\\n
\\r\\n\"\n + container.escapeExpression(((helper = (helper = helpers.subtitle || (depth0 != null ? depth0.subtitle : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"subtitle\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"10\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \"- \\r\\n\"\n + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.secondaryTags : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(11, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\"\n + container.escapeExpression(((helper = (helper = helpers.text || (depth0 != null ? depth0.text : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"text\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/localizationSelector/templates/electricalStandard.hbs\n// module id = ./app/components/localizationSelector/templates/electricalStandard.hbs\n// module chunks = 1","import './loginForm.less';\r\n\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport Loader from 'loader/loader.js';\r\nimport http from 'http-instance';\r\n\r\nexport default class LoginForm extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n init() {\r\n this.submitBtn = this.el.querySelector('.js-submit-btn');\r\n this.nativeControls = this.el.querySelectorAll('input, select, textarea');\r\n\r\n // for ajax form\r\n this.ajaxHandler = this.el.getAttribute('data-handler');\r\n this.errorContainer = this.el.querySelector('.js-form-error');\r\n\r\n this.loader = new Loader();\r\n\r\n this.addListeners();\r\n this.checkFormFilling();\r\n }\r\n\r\n addListeners() {\r\n this.el.addEventListener(\r\n 'keypress',\r\n (this.listeners.formKeypress = this.onKeypress.bind(this))\r\n );\r\n this.submitBtn.addEventListener(\r\n 'click',\r\n (this.listeners.clickSubmit = this.onClickSubmit.bind(this))\r\n );\r\n this.listeners.changeField = this.onFieldChange.bind(this);\r\n this.listeners.onFocusInput = this.onFocusInput.bind(this);\r\n this.listeners.onBlurInput = this.onBlurInput.bind(this);\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.nativeControls[i].addEventListener('change', this.listeners.changeField);\r\n this.nativeControls[i].addEventListener('focus', this.listeners.onFocusInput);\r\n this.nativeControls[i].addEventListener('blur', this.listeners.onBlurInput);\r\n }\r\n }\r\n\r\n checkFormFilling() {\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.checkFilling(this.nativeControls[i]);\r\n }\r\n }\r\n\r\n checkFilling(el) {\r\n if (el.value) {\r\n el.classList.add('filled');\r\n el.parentNode.classList.add('is-filled');\r\n } else {\r\n el.classList.remove('filled');\r\n el.parentNode.classList.remove('is-filled');\r\n }\r\n }\r\n\r\n onFocusInput(event) {\r\n event.target.parentNode.classList.add('is-focused');\r\n }\r\n\r\n onBlurInput(event) {\r\n event.target.parentNode.classList.remove('is-focused');\r\n }\r\n\r\n removeListeners() {\r\n this.el.removeEventListener('keypress', this.listeners.formKeypress);\r\n this.submitBtn.removeEventListener('click', this.listeners.clickSubmit);\r\n\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n this.nativeControls[i].removeEventListener('change', this.listeners.changeField);\r\n this.nativeControls[i].removeEventListener('change', this.listeners.onFocusInput);\r\n this.nativeControls[i].removeEventListener('change', this.listeners.onBlurInput);\r\n }\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n this.isDestroyed = true;\r\n }\r\n\r\n onKeypress(e) {\r\n if (e.keyCode !== 13) {\r\n return;\r\n }\r\n\r\n e.preventDefault();\r\n this.submitProcess();\r\n }\r\n\r\n onClickSubmit(e) {\r\n e.preventDefault();\r\n this.submitProcess();\r\n }\r\n\r\n submitProcess() {\r\n const isFormValid = this.validateForm();\r\n if (!isFormValid) {\r\n return;\r\n }\r\n this.ajaxSubmit();\r\n }\r\n\r\n onFieldChange(e) {\r\n this.checkFilling(e.target);\r\n }\r\n\r\n validateForm() {\r\n let isFormValid = true;\r\n\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n const currentField = Utility.findAncestor(this.nativeControls[i], 'js-form-field');\r\n\r\n if (currentField && Utility.isElementVisible(currentField)) {\r\n if (!this.nativeControls[i].checkValidity()) {\r\n currentField.classList.add('invalid');\r\n currentField.classList.add('is-invalid');\r\n isFormValid = false;\r\n } else {\r\n currentField.classList.remove('invalid');\r\n currentField.classList.remove('is-invalid');\r\n }\r\n }\r\n }\r\n return isFormValid;\r\n }\r\n\r\n ajaxSubmit() {\r\n const data = this.serialize();\r\n return http.post(this.ajaxHandler, data).then((result) => {\r\n this.errorContainer.classList.remove('is-shown');\r\n this.onSubmit(result);\r\n }, (error) => {\r\n if (error.response && error.response.data) {\r\n const message = error.response.data.Message;\r\n this.errorContainer.innerHTML = message;\r\n this.errorContainer.classList.add('is-shown');\r\n }\r\n });\r\n }\r\n\r\n onSubmit(result) {\r\n throw new Error('You should define onSubmit method');\r\n }\r\n\r\n serialize() {\r\n const data = {};\r\n for (let i = 0; i < this.nativeControls.length; i++) {\r\n const name = this.nativeControls[i].getAttribute('name');\r\n const value = this.nativeControls[i].value;\r\n data[name] = value;\r\n }\r\n return data;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/loginForm/loginForm.js","import LoginForm from './loginForm';\r\nimport eventEmitter from '../../general/js/helpers/eventEmitter';\r\n\r\nexport default class ModalLoginForm extends LoginForm {\r\n constructor(el, modal) {\r\n super(el);\r\n this.modal = modal;\r\n }\r\n\r\n onSubmit(result) {\r\n this.modal.resolve(result);\r\n eventEmitter.emit('gtm:send', ['Sign In', 'Submit', 'Sign In']);\r\n window.sessionStorage.setItem('igonoreNextCodeFinderTracking', 'true');\r\n window.location.reload();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/loginForm/modalLoginForm.js","import LoginForm from './loginForm';\r\nimport eventEmitter from '../../general/js/helpers/eventEmitter';\r\n\r\nexport default class StandaloneLoginForm extends LoginForm {\r\n constructor(el, modal) {\r\n super(el);\r\n this.modal = modal;\r\n }\r\n\r\n onSubmit(result) {\r\n eventEmitter.emit('gtm:send', ['Sign In', 'Submit', 'Sign In']);\r\n window.location.href = result.data.ReturnUrl;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/loginForm/standaloneLoginForm.js","import './loginModal.less';\r\n\r\nimport BaseComponent from 'baseComponent.js';\r\nimport ModalLoginForm from '../loginForm/modalLoginForm';\r\nimport Modal from '../../general/js/Modal';\r\n\r\nexport default class LoginModal extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n init() {\r\n this.loginFormElement = this.el.querySelector('.js-login-form');\r\n if (this.loginFormElement) {\r\n this.modal = new Modal(this.el);\r\n this.loginForm = new ModalLoginForm(this.loginFormElement, this.modal);\r\n }\r\n }\r\n\r\n open(title) {\r\n return this.modal.open(title);\r\n }\r\n\r\n close() {\r\n this.modal.close();\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/loginModal/loginModal.js","import './mainNav.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport app from 'app';\r\nimport isAlphanumericKeys from '../../general/js/isAlphanumericKeys';\r\n\r\nexport default class MainNav extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.items = [];\r\n this.body = document.querySelector('body');\r\n this.theme = document.querySelector('.theme__wrapper');\r\n this.openSearch = this.openSearch.bind(this);\r\n this.onKeyPressHandler = this.onKeyPressHandler.bind(this);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.cp-main-nav';\r\n }\r\n\r\n init() {\r\n const nav = document.querySelector('.cp-main-nav');\r\n\r\n this.state = 'closed';\r\n this.oldScroll = 0;\r\n\r\n eventEmitter.subscribe('mainNav:openSearch', () => {\r\n this.openSearch();\r\n });\r\n\r\n if (window.location.pathname.includes('/code-finder/')) {\r\n document.addEventListener('keypress', this.onKeyPressHandler);\r\n }\r\n\r\n this.el.querySelector('.cp-main-nav__icon').addEventListener('click', (e) => {\r\n e.preventDefault();\r\n\r\n if (this.state === 'closed' && !this.body.classList.contains('no-touch')) {\r\n this.state = 'nav';\r\n this.oldScroll = window.scrollY;\r\n } else if (this.state === 'closed' || this.state === 'search') {\r\n this.state = 'nav';\r\n } else {\r\n this.state = 'closed';\r\n }\r\n\r\n this.setState(this.state, this.oldScroll);\r\n });\r\n\r\n this.searchBtn = this.el.querySelector('.js-main-nav-search');\r\n this.searchBtn.addEventListener('click', e => {\r\n if (this.searchBtn.dataset.trackingCategory && this.state === 'search') {\r\n e.preventDefault();\r\n this.openSearch();\r\n } else if (!this.searchBtn.dataset.trackingCategory) {\r\n this.openSearch();\r\n }\r\n });\r\n\r\n this.items = document.querySelectorAll('.cp-main-nav__content__top__menu > ul > li > a');\r\n\r\n Array.prototype.forEach.call(this.items, (el) => {\r\n if (el.nextElementSibling !== null) {\r\n el.addEventListener('click', (e) => {\r\n this.onClick(e);\r\n });\r\n }\r\n\r\n\r\n el.parentNode.classList.add('closed');\r\n });\r\n\r\n // TODO: remove later --<\r\n if (document.querySelector('.theme__wrapper.transparent-nav')) {\r\n let scrollTop =\r\n (document.documentElement && document.documentElement.scrollTop) ||\r\n document.body.scrollTop;\r\n const bar = document.querySelector('.cp-main-nav__bar');\r\n\r\n if (scrollTop > 200) {\r\n bar.classList.add('show');\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n const s =\r\n (document.documentElement && document.documentElement.scrollTop) ||\r\n document.body.scrollTop;\r\n\r\n if (s > 200 && scrollTop <= 200) {\r\n bar.classList.add('show');\r\n } else if (s <= 200 && scrollTop > 200) {\r\n bar.classList.remove('show');\r\n }\r\n\r\n scrollTop = s;\r\n });\r\n }\r\n // TODO: remove later --/>\r\n if (document.querySelector('body.is-transparent-header')) {\r\n let scrollTop =\r\n (document.documentElement && document.documentElement.scrollTop) ||\r\n document.body.scrollTop;\r\n const bar = document.querySelector('.cp-main-nav__bar');\r\n\r\n if (scrollTop > 200) {\r\n bar.classList.add('show');\r\n nav.classList.add('show');\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n const s =\r\n (document.documentElement && document.documentElement.scrollTop) ||\r\n document.body.scrollTop;\r\n\r\n if (s > 200 && scrollTop <= 200) {\r\n bar.classList.add('show');\r\n nav.classList.add('show');\r\n } else if (s <= 200 && scrollTop > 200) {\r\n bar.classList.remove('show');\r\n nav.classList.remove('show');\r\n }\r\n\r\n scrollTop = s;\r\n });\r\n } else {\r\n nav.classList.add('show');\r\n }\r\n\r\n eventEmitter.subscribe(\r\n 'resizeFinished',\r\n (this.listeners.resizeListener = () => {\r\n this.onResize();\r\n })\r\n );\r\n this.navBarWidthFix();\r\n }\r\n\r\n openSearch() {\r\n if (this.state === 'closed' && !this.body.classList.contains('no-touch')) {\r\n this.state = 'search';\r\n this.oldScroll = window.scrollY;\r\n } else if (this.state === 'closed' || this.state === 'nav') {\r\n this.state = 'search';\r\n } else {\r\n this.state = 'closed';\r\n }\r\n\r\n this.setState(this.state, this.oldScroll);\r\n }\r\n\r\n setState(state, oldScroll) {\r\n if (state === 'closed') {\r\n this.body.classList.remove('is-blocked');\r\n if (!this.body.classList.contains('no-touch')) {\r\n window.scrollTo(0, oldScroll);\r\n }\r\n this.theme.classList.remove('nav');\r\n this.theme.classList.remove('search');\r\n } else {\r\n this.body.classList.add('is-blocked');\r\n\r\n if (state === 'nav') {\r\n this.theme.classList.add('nav');\r\n this.theme.classList.remove('search');\r\n } else if (state === 'search') {\r\n this.theme.classList.add('search');\r\n this.theme.classList.remove('nav');\r\n\r\n this.setSearchFocus();\r\n }\r\n }\r\n\r\n eventEmitter.emit('changeReference', {\r\n state\r\n });\r\n }\r\n\r\n onClick(e) {\r\n e.preventDefault();\r\n\r\n const item = e.target.parentNode;\r\n\r\n Array.prototype.forEach.call(this.items, (el) => {\r\n if (item === el.parentNode) {\r\n el.parentNode.classList.toggle('closed');\r\n } else {\r\n el.parentNode.classList.add('closed');\r\n }\r\n });\r\n\r\n this.navBarWidthFix();\r\n }\r\n\r\n setSearchFocus() {\r\n this.searchInput = document.querySelector('.js-predictive-search-input');\r\n\r\n if (!this.searchInput) return;\r\n\r\n setTimeout(() => {\r\n this.searchInput.focus();\r\n }, 50);\r\n }\r\n\r\n onKeyPressHandler(e) {\r\n if (isAlphanumericKeys(e.key) && this.state === 'closed' && e.target.nodeName !== 'INPUT') {\r\n this.openSearch();\r\n this.searchInput.value = e.key;\r\n }\r\n }\r\n\r\n onResize() {\r\n this.navBarWidthFix();\r\n }\r\n\r\n navBarWidthFix() {\r\n const navContentEl = document.querySelector('.cp-main-nav__content');\r\n const scrollbarWidth = window.innerWidth - navContentEl.clientWidth;\r\n const mainNav = document.querySelector('.cp-main-nav');\r\n\r\n mainNav.style.width = `calc(100% - ${scrollbarWidth}px)`;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mainNav/mainNav.js","\r\nexport default class BaiduMap {\r\n constructor(el, options) {\r\n this.el = el;\r\n this.options = options;\r\n }\r\n\r\n initApi() {\r\n this.apiReadyPromose = new Promise((apiResolve) => {\r\n if (!BaiduMap.isApiReady) {\r\n BaiduMap.loadScript(apiResolve);\r\n } else {\r\n apiResolve();\r\n }\r\n });\r\n return this.apiReadyPromose;\r\n }\r\n\r\n triggerResize() {\r\n }\r\n\r\n\r\n static loadScript(callback) {\r\n BaiduMap.callbacks.push(callback);\r\n if (BaiduMap.isScriptInserted === true) {\r\n return;\r\n }\r\n\r\n BaiduMap.isScriptInserted = true;\r\n\r\n const mapscript = document.createElement('script');\r\n mapscript.type = 'text/javascript';\r\n mapscript.async = false;\r\n mapscript.src =\r\n '//api.map.baidu.com/api?v=3.0&ak=afGG0lTodkYz0qQPg9SRGpqy7C9RuAHs&callback=baiduLoadCallback';\r\n\r\n window.baiduLoadCallback = BaiduMap.onScriptLoaded;\r\n document.body.appendChild(mapscript);\r\n }\r\n\r\n static loadInfoboxScript(callback) {\r\n if (BaiduMap.isInfoboxScriptLoaded) {\r\n callback();\r\n } else {\r\n BaiduMap.infoboxCallbacks.push(callback);\r\n if (BaiduMap.isInfoboxScriptInserted === true) {\r\n return;\r\n }\r\n\r\n BaiduMap.isInfoboxScriptInserted = true;\r\n\r\n const script = document.createElement('script');\r\n script.type = 'text/javascript';\r\n script.async = false;\r\n script.src =\r\n '//api.map.baidu.com/library/InfoBox/1.2/src/InfoBox.js';\r\n\r\n script.onload = () => {\r\n BaiduMap.isInfoboxScriptLoaded = true;\r\n BaiduMap.infoboxCallbacks.forEach((cb) => {\r\n cb();\r\n });\r\n };\r\n document.body.appendChild(script);\r\n }\r\n }\r\n\r\n static onScriptLoaded() {\r\n BaiduMap.isApiReady = true;\r\n for (let i = 0, l = BaiduMap.callbacks.length; i < l; i++) {\r\n BaiduMap.callbacks[i]();\r\n }\r\n }\r\n\r\n static getConvertedZoom(googleMapZoom) {\r\n return googleMapZoom + 1;\r\n }\r\n\r\n static get iconOffice() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_office.png', new window.BMap.Size(25, 36), {\r\n anchor: new window.BMap.Size(12, 36),\r\n infoWindowAnchor: new window.BMap.Size(12, 0),\r\n imageSize: new window.BMap.Size(25, 36)\r\n });\r\n }\r\n\r\n static get iconOfficeActive() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_office_active.png', new window.BMap.Size(30, 41), {\r\n anchor: new window.BMap.Size(15, 41),\r\n infoWindowAnchor: new window.BMap.Size(15, 0),\r\n imageSize: new window.BMap.Size(30, 41)\r\n });\r\n }\r\n\r\n static get iconDistributor() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_distributor.png', new window.BMap.Size(25, 36), {\r\n anchor: new window.BMap.Size(12, 36),\r\n infoWindowAnchor: new window.BMap.Size(12, 0),\r\n imageSize: new window.BMap.Size(25, 36)\r\n });\r\n }\r\n\r\n static get iconDistributorActive() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_distributor_active.png', new window.BMap.Size(30, 41), {\r\n anchor: new window.BMap.Size(15, 41),\r\n infoWindowAnchor: new window.BMap.Size(15, 0),\r\n imageSize: new window.BMap.Size(30, 41)\r\n });\r\n }\r\n\r\n static get iconAgency() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_agency.png', new window.BMap.Size(25, 36), {\r\n anchor: new window.BMap.Size(12, 36),\r\n infoWindowAnchor: new window.BMap.Size(12, 0),\r\n imageSize: new window.BMap.Size(25, 36)\r\n });\r\n }\r\n\r\n static get iconAgencyActive() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_agency_active.png', new window.BMap.Size(30, 40), {\r\n anchor: new window.BMap.Size(15, 40),\r\n infoWindowAnchor: new window.BMap.Size(23, 0),\r\n imageSize: new window.BMap.Size(30, 40)\r\n });\r\n }\r\n\r\n static get iconHq() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_hq.png', new window.BMap.Size(40, 40), {\r\n anchor: new window.BMap.Size(20, 20),\r\n infoWindowAnchor: new window.BMap.Size(40, 0),\r\n imageSize: new window.BMap.Size(40, 40)\r\n });\r\n }\r\n\r\n static get iconHqActive() {\r\n return new window.BMap.Icon('/App_Themes/iGuzzini/images/global/map_hq_active.png', new window.BMap.Size(45, 45), {\r\n anchor: new window.BMap.Size(22, 22),\r\n infoWindowAnchor: new window.BMap.Size(45, 0),\r\n imageSize: new window.BMap.Size(45, 45)\r\n });\r\n }\r\n}\r\n\r\nBaiduMap.isScriptInserted = false;\r\nBaiduMap.isInfoboxScriptInserted = false;\r\nBaiduMap.isInfoboxScriptLoaded = false;\r\nBaiduMap.isApiReady = false;\r\nBaiduMap.callbacks = [];\r\nBaiduMap.infoboxCallbacks = [];\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapGeneric/implementations/mapGenericBaidu.js","export default class Gmap {\r\n constructor(el, options) {\r\n this.el = el;\r\n this.options = options;\r\n this.gmap = null;\r\n }\r\n\r\n initApi() {\r\n this.apiReadyPromose = new Promise((apiResolve) => {\r\n if (typeof window.gmapInitialize === 'undefined' || !Gmap.isGmapReady) {\r\n Gmap.loadScript(apiResolve);\r\n } else {\r\n apiResolve();\r\n }\r\n });\r\n return this.apiReadyPromose;\r\n }\r\n\r\n triggerResize() {\r\n window.google.maps.event.trigger(this.gmap, 'resize');\r\n }\r\n\r\n setZoom(zoom) {\r\n this.gmap.setZoom(zoom);\r\n }\r\n\r\n\r\n static loadScript(callback) {\r\n Gmap.callbacks.push(callback);\r\n if (Gmap.isScriptInserted === true) {\r\n return;\r\n }\r\n\r\n Gmap.isScriptInserted = true;\r\n\r\n const mapscript = document.createElement('script');\r\n mapscript.type = 'text/javascript';\r\n mapscript.async = true;\r\n mapscript.src = '//maps.googleapis.com/maps/api/js?callback=gmapInitialize&key=AIzaSyAN3ylXlFpy9UOEEVyvGT21-Z59Ujj0FGM';\r\n\r\n window.gmapInitialize = Gmap.onScriptLoaded;\r\n document.body.appendChild(mapscript);\r\n }\r\n\r\n static onScriptLoaded() {\r\n Gmap.isGmapReady = true;\r\n for (let i = 0, l = Gmap.callbacks.length; i < l; i++) {\r\n Gmap.callbacks[i]();\r\n }\r\n }\r\n\r\n static get iconOffice() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_office.png',\r\n size: new window.google.maps.Size(25, 36),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(12, 36),\r\n scaledSize: new window.google.maps.Size(25, 36),\r\n zIndex: 7\r\n };\r\n }\r\n\r\n static get iconOfficeActive() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_office_active.png',\r\n size: new window.google.maps.Size(30, 41),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(15, 41),\r\n scaledSize: new window.google.maps.Size(30, 41),\r\n zIndex: 15\r\n };\r\n }\r\n\r\n static get iconHq() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_hq.png',\r\n size: new window.google.maps.Size(40, 40),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(20, 20),\r\n scaledSize: new window.google.maps.Size(40, 40),\r\n zIndex: 10\r\n };\r\n }\r\n\r\n static get iconHqActive() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_hq_active.png',\r\n size: new window.google.maps.Size(45, 45),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(22, 22),\r\n scaledSize: new window.google.maps.Size(45, 45),\r\n zIndex: 15\r\n };\r\n }\r\n\r\n static get iconDistributor() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_distributor.png',\r\n size: new window.google.maps.Size(25, 36),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(12, 36),\r\n scaledSize: new window.google.maps.Size(25, 36),\r\n zIndex: 5\r\n };\r\n }\r\n\r\n static get iconDistributorActive() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_distributor_active.png',\r\n size: new window.google.maps.Size(30, 41),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(15, 41),\r\n scaledSize: new window.google.maps.Size(30, 41),\r\n zIndex: 15\r\n };\r\n }\r\n\r\n static get iconAgency() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_agency.png',\r\n size: new window.google.maps.Size(25, 36),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(12, 36),\r\n scaledSize: new window.google.maps.Size(25, 36),\r\n zIndex: 1\r\n };\r\n }\r\n\r\n static get iconAgencyActive() {\r\n return {\r\n url: '/App_Themes/iGuzzini/images/global/map_agency_active.png',\r\n size: new window.google.maps.Size(30, 40),\r\n origin: new window.google.maps.Point(0, 0),\r\n anchor: new window.google.maps.Point(15, 40),\r\n scaledSize: new window.google.maps.Size(30, 40),\r\n zIndex: 15\r\n };\r\n }\r\n}\r\n\r\nGmap.isScriptInserted = false;\r\nGmap.isGmapReady = false;\r\nGmap.callbacks = [];\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapGeneric/implementations/mapGenericGoogle.js","\r\nexport default class MapBridge {\r\n constructor(el, options) {\r\n this.el = el;\r\n this.options = options;\r\n this.mapClasses = {\r\n Google: null,\r\n Baidu: null\r\n };\r\n this.defineImplementations();\r\n this.chooseImplementation();\r\n }\r\n\r\n defineImplementations() {\r\n throw new Error('Should be implemented in inherited class');\r\n }\r\n\r\n chooseImplementation() {\r\n if (window.App._state.cultureCode === 'zh-CN') {\r\n this._implementation = new this.mapClasses.Baidu(this.el, this.options);\r\n } else {\r\n this._implementation = new this.mapClasses.Google(this.el, this.options);\r\n }\r\n }\r\n\r\n initApi() {\r\n return this._implementation.initApi();\r\n }\r\n\r\n triggerResize() {\r\n this._implementation.triggerResize();\r\n }\r\n\r\n setZoom(zoom) {\r\n this._implementation.setZoom(zoom);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapGeneric/mapBridge.js","import MapGenericBaido from 'mapGeneric/implementations/mapGenericBaidu.js';\r\n\r\nexport default class MapSimpleBaido extends MapGenericBaido {\r\n initSimpleMap() {\r\n const baiduZoom = MapSimpleBaido.getConvertedZoom(this.options.zoom);\r\n const map = new window.BMap.Map(this.el);\r\n const point = new window.BMap.Point(this.options.center.lng, this.options.center.lat);\r\n const marker = new window.BMap.Marker(point);\r\n\r\n map.centerAndZoom(point, baiduZoom);\r\n map.addOverlay(marker);\r\n map.addControl(new window.BMap.NavigationControl({\r\n type: window.BMAP_NAVIGATION_CONTROL_SMALL,\r\n anchor: window.BMAP_ANCHOR_BOTTOM_RIGHT\r\n }));\r\n if (!window.App.globals.isWiderSm) {\r\n map.disableDragging();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapSimple/implementations/mapSimpleBaidu.js","import MapGenericGoogle from 'mapGeneric/implementations/mapGenericGoogle.js';\r\n\r\n\r\nexport default class MapSimpleGoogle extends MapGenericGoogle {\r\n initSimpleMap() {\r\n const latLng = new google.maps.LatLng(this.options.center);\r\n const isDraggable = window.App.globals.isWiderSm;\r\n\r\n this.gmap = new window.google.maps.Map(this.el, {\r\n center: latLng,\r\n mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n disableDefaultUI: true,\r\n zoom: this.options.zoom,\r\n scrollwheel: false,\r\n draggable: isDraggable,\r\n zoomControl: true,\r\n styles: [\r\n {\r\n featureType: 'poi',\r\n stylers: [\r\n { visibility: 'off' }\r\n ]\r\n }, {\r\n featureType: 'transit',\r\n stylers: [\r\n { visibility: 'off' }\r\n ]\r\n }, {\r\n featureType: 'landscape',\r\n stylers: [\r\n { saturation: -100 }\r\n ]\r\n }, {\r\n featureType: 'road',\r\n stylers: [\r\n { saturation: -100 }\r\n ]\r\n }\r\n ]\r\n });\r\n\r\n const marker = new window.google.maps.Marker({\r\n position: latLng\r\n });\r\n\r\n marker.setMap(this.gmap);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapSimple/implementations/mapSimpleGoogle.js","import BaseComponent from 'baseComponent.js';\r\nimport MapSimpleBridge from './mapSimpleBridge.js';\r\n\r\nexport default class Maps extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-map';\r\n }\r\n\r\n init() {\r\n const coords = this.el.getAttribute('data-coords').split(';');\r\n const zoom = (this.el.getAttribute('data-zoom')) ? window.parseInt(this.el.getAttribute('data-zoom'), 10) : 12;\r\n if (coords.length < 2) return;\r\n\r\n const options = {\r\n center: {\r\n lat: window.parseFloat(coords[0]),\r\n lng: window.parseFloat(coords[1])\r\n },\r\n zoom\r\n };\r\n\r\n this.mapBridge = new MapSimpleBridge(this.el, options);\r\n this.mapBridge.initApi().then(() => {\r\n this.mapBridge.initSimpleMap();\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapSimple/mapSimple.js","import MapSimpleGoogle from './implementations/mapSimpleGoogle.js';\r\nimport MapSimpleBaidu from './implementations/mapSimpleBaidu.js';\r\nimport MapBridge from 'mapGeneric/mapBridge.js';\r\n\r\nexport default class MapSimpleBridge extends MapBridge {\r\n defineImplementations() {\r\n this.mapClasses.Google = MapSimpleGoogle;\r\n this.mapClasses.Baidu = MapSimpleBaidu;\r\n }\r\n\r\n\r\n initSimpleMap() {\r\n this._implementation.initSimpleMap();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mapSimple/mapSimpleBridge.js","import './masonry.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/masonry/masonry.js","import './mediaView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/mediaView/mediaView.js","import './modal.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/modal/modal.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n return \"\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/multipleDownloadsModal/html/multiple-downloads-modal.hbs\n// module id = ./app/components/multipleDownloadsModal/html/multiple-downloads-modal.hbs\n// module chunks = 1","import './multipleDownloadsModal.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/multipleDownloadsModal/index.js","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport app from 'app';\r\n\r\nexport default class MultipleDownloadsComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n };\r\n }\r\n\r\n renderCategories() {\r\n this.categoriesNodes = this.props.categoriesList.map(category =>\r\n (\r\n \\r\\n
\\r\\n \\r\\n
\\r\\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nMultipleDownloadsComponent.propTypes = {\r\n categoriesList: PropTypes.array,\r\n downloadUrl: PropTypes.string,\r\n onSelectCategory: PropTypes.func,\r\n onClickDownloadBtn: PropTypes.func\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/multipleDownloadsModal/js/multipleDownloadsComponent.js","import app from 'app';\r\nimport Modal from 'Modal';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport template from './html/multiple-downloads-modal.hbs';\r\nimport utility from 'helpers/utility';\r\nimport MultipleDownloadsComponent from './js/multipleDownloadsComponent';\r\nimport http from 'http-instance.js';\r\nimport eventEmitter from '../../general/js/helpers/eventEmitter';\r\n\r\nconst DEFAULT_DOWNLOAD_HREF = '#';\r\n\r\nexport default class MultipleDownloadsModal {\r\n constructor() {\r\n this.app = app;\r\n this.modal = null;\r\n this.modalContent = null;\r\n this.rootElement = null;\r\n this.articlesList = [];\r\n this.categoriesList = [];\r\n this.downloadUrl = DEFAULT_DOWNLOAD_HREF;\r\n this.dataURL = app.getRequiredConfig('api.downloadFiletypes');\r\n this.onSelectCategory = this.onSelectCategory.bind(this);\r\n this.onClickDownloadsBtn = this.onClickDownloadsBtn.bind(this);\r\n }\r\n\r\n add(articlesList) {\r\n this.articlesList = articlesList;\r\n this.categoriesList = [];\r\n this.updateDownloadUrl();\r\n this.getData();\r\n return this.open();\r\n }\r\n\r\n open() {\r\n this.renderComponent();\r\n return this.getModalContent().open(this.getModalTitle());\r\n }\r\n\r\n getData() {\r\n const queryString = `?codes=${this.articlesList.join(',')}&cultureId=${app.getState().cultureId}`;\r\n\r\n http\r\n .get(this.dataURL + queryString)\r\n .then((response) => {\r\n if (response.data) {\r\n this.categoriesList = response.data;\r\n this.categoriesList.forEach((item) => {\r\n item.isChecked = false;\r\n });\r\n this.renderComponent();\r\n }\r\n });\r\n }\r\n\r\n getModalTitle() {\r\n if (!this.articlesList.length) return '';\r\n\r\n if (this.articlesList.length === 1) {\r\n return app.t('favorites.multipleDownloadsDialog.singleCodeTitle', this.articlesList[0]);\r\n }\r\n\r\n return app.t('favorites.multipleDownloadsDialog.multipleCodesTitle', this.articlesList.length);\r\n }\r\n\r\n renderComponent() {\r\n ReactDOM.render(\r\n {this.props.categoriesList.length ? this.renderCategories() : 'Loading...'}\r\n
\r\n \r\n this.props.onClickDownloadBtn(event)}\r\n >\r\n {app.t('favorites.multipleDownloadsDialog.downloadButtonText')}\r\n \r\n
\r\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \"\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.title : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/newFeatureTooltip/html/tooltip-content.hbs\n// module id = ./app/components/newFeatureTooltip/html/tooltip-content.hbs\n// module chunks = 1","import './newFeatureTooltip.less';\r\nimport Tooltip, { CONTAINER_BODY } from 'tooltip';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport template from './html/tooltip-content.hbs';\r\n\r\nconst TRIGGER_AUTO = '1';\r\nconst STORAGE_NAMESPACE = 'new-feature';\r\nconst DEFAULT_AUTOCLOSE_TIME = 5000;\r\n\r\nexport default class NewFeatureTooltip extends BaseComponent {\r\n constructor(elem, data = {}) {\r\n super(elem);\r\n this.data = data;\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-new-feature-tooltip';\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n this.isInited = true;\r\n }\r\n\r\n setVariables() {\r\n this.key = this.el.getAttribute('data-key') || this.data.key;\r\n if (!this.key) {\r\n throw new Error('key property must be defined');\r\n }\r\n\r\n this._isEnabled = null;\r\n this.tooltipContent = null;\r\n this.tooltipInstance = null;\r\n\r\n if (this.isEnabled()) {\r\n this.onClose = this.onClose.bind(this);\r\n\r\n this.autoCloseTime = DEFAULT_AUTOCLOSE_TIME;\r\n // can be configurable later\r\n this.triger = TRIGGER_AUTO;\r\n this.title = this.el.getAttribute('data-title') || this.data.title;\r\n this.text = this.el.getAttribute('data-text') || this.data.text;\r\n this.container = this.data.container || CONTAINER_BODY;\r\n\r\n const autoCloseTime = this.el.getAttribute('data-auto-close-time');\r\n if (autoCloseTime) {\r\n this.autoCloseTime = parseInt(autoCloseTime, 10);\r\n } else if ('autoCloseTime' in this.data) {\r\n this.autoCloseTime = this.data.autoCloseTime;\r\n }\r\n\r\n if (this.triger === TRIGGER_AUTO) {\r\n this.showTooltip();\r\n } else {\r\n // maybe some event listener like hover will be added later?\r\n }\r\n }\r\n }\r\n\r\n getLocalKey() {\r\n return `${STORAGE_NAMESPACE}_${this.key}`;\r\n }\r\n\r\n isEnabled() {\r\n if (this._isEnabled === null) {\r\n this._isEnabled = true;\r\n\r\n const predefinedIsEnabled = this.el.getAttribute('data-enabled');\r\n if (predefinedIsEnabled !== null) {\r\n this._isEnabled = predefinedIsEnabled === 'true' || this.data.enabled;\r\n } else if ('enabled' in this.data) {\r\n this._isEnabled = this.data.enabled;\r\n }\r\n\r\n // if we don't have predefined value or it is true\r\n // check frontend logic then\r\n if (this._isEnabled) {\r\n const storedValue = localStorage.getItem(this.getLocalKey());\r\n this._isEnabled = storedValue === null;\r\n }\r\n }\r\n\r\n return this._isEnabled;\r\n }\r\n\r\n showTooltip() {\r\n this.getTooltip().show();\r\n }\r\n\r\n getTooltip() {\r\n if (this.tooltipInstance === null) {\r\n this.tooltipInstance = new Tooltip(this.el, this.getTooltipContent(), {\r\n withCloseButton: true,\r\n container: this.container,\r\n outerClickHide: false,\r\n onManuallyClose: this.onClose,\r\n hideTimeout: this.autoCloseTime,\r\n popper: {\r\n placement: 'top'\r\n }\r\n });\r\n }\r\n return this.tooltipInstance;\r\n }\r\n\r\n getTooltipContent() {\r\n if (this.tooltipContent === null) {\r\n this.tooltipContent = template({ title: this.title, text: this.text });\r\n }\r\n return this.tooltipContent;\r\n }\r\n\r\n onClose() {\r\n this._isEnabled = false;\r\n this.getTooltip().destroy();\r\n this.markAsDisabled();\r\n }\r\n\r\n markAsDisabled() {\r\n if (!this.isDestroyed) {\r\n localStorage.setItem(this.getLocalKey(), '1');\r\n }\r\n }\r\n\r\n destroy() {\r\n super.destroy();\r\n this.isDestroyed = true;\r\n if (this.tooltipInstance) {\r\n this.tooltipInstance.destroy();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newFeatureTooltip/newFeatureTooltip.js","import './newProductsView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newProductsView/newProductsView.js","import './newsArticleView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newsArticleView/newsArticleView.js","import './newsList.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newsList/newsList.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/newsList/templates/newsCollection.hbs\n// module id = ./app/components/newsList/templates/newsCollection.hbs\n// module chunks = 1","\r\n\r\nimport './newsView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newsView/newsView.js","import './newsletterBar.less';\r\nimport Cookie from 'helpers/cookie.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport BaseComponent from 'baseComponent.js';\r\n\r\nexport default class CookieBar extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.cp-newsletter-bar';\r\n }\r\n\r\n init() {\r\n\r\n const newsletterCookie = Cookie.getCookie('closeNewsletterBar');\r\n\r\n if (newsletterCookie) {\r\n return;\r\n }\r\n\r\n this.wrapper = document.querySelector('.theme__wrapper');\r\n this.closeBtn = this.el.querySelector('.cp-newsletter-bar__close');\r\n this.wrapper.classList.add('newsletter');\r\n\r\n this.addListeners();\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n }\r\n\r\n addListeners() {\r\n this.closeBtn.addEventListener('click', this.listeners.clickListener = () => {\r\n this.closeBar();\r\n });\r\n }\r\n\r\n removeListeners() {\r\n\r\n }\r\n\r\n closeBar() {\r\n Cookie.setCookie('closeNewsletterBar', true, 365);\r\n this.wrapper.classList.remove('newsletter');\r\n eventEmitter.emit('newsletterBar:closed');\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newsletterBar/newsletterBar.js","import './newsletterForm.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/newsletterForm/newsletterForm.js","\r\nimport objectFitImages from 'object-fit-images';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\n/** We use this fallback when we can't use lazysizes object-fit plugin */\r\nclass ObjectFitFallback {\r\n static doFallback(containerNode) {\r\n const container = containerNode || document;\r\n const imagesToFallback = [\r\n ...container.querySelectorAll('.js-object-fit:not(.js-object-fit-done)')\r\n ];\r\n\r\n objectFitImages(imagesToFallback);\r\n imagesToFallback.forEach((img) => {\r\n img.classList.add('js-object-fit-done');\r\n });\r\n }\r\n}\r\n\r\neventEmitter.subscribe('content:updated', (container) => {\r\n ObjectFitFallback.doFallback(container);\r\n});\r\n\r\nObjectFitFallback.doFallback();\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/objectFitFallback/objectFitFallback.js","\"use strict\";\r\n\r\n/* @-\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.text || (depth0 != null ? depth0.text : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(alias1,{\"name\":\"text\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n${\r\n dummy.querySelector(\".vw-code\").innerHTML\r\n }
`,\r\n \"code\",\r\n theme\r\n );\r\n\r\n // select colour based on click location\r\n const colourCode = clickTarget.getAttribute(\r\n \"data-maxicolourcode\"\r\n );\r\n if (colourCode && colourCode.length > 0) {\r\n const colourSelect = document.querySelector(\r\n `.vw-code .clickable[data-colorcode=\"${colourCode}\"]`\r\n );\r\n colourSelect.click();\r\n }\r\n });\r\n\r\n loader.load(clickTarget.getAttribute(\"data-src\"));\r\n\r\n setUrl(clickTarget.getAttribute(\"data-src\"));\r\n\r\n break;\r\n case \"project\":\r\n remove();\r\n load();\r\n\r\n loader = new Loader();\r\n\r\n closeBtnWrapper = \".js-overlay-close-wrapper\";\r\n\r\n loader.addEventListener(\"complete\", (e) => {\r\n const content = /${\r\n dummy.querySelector(\".vw-project\").innerHTML\r\n }
`,\r\n \"project\",\r\n false,\r\n clickTarget\r\n );\r\n });\r\n\r\n loader.load(clickTarget.getAttribute(\"data-src\"));\r\n setUrl(clickTarget.getAttribute(\"data-src\"));\r\n\r\n clickTarget.classList.add(\"cp-project-thumb--hover\");\r\n break;\r\n\r\n case \"content-page\":\r\n remove();\r\n load();\r\n\r\n loader = new Loader();\r\n\r\n closeBtnWrapper = \".js-overlay-close-wrapper\";\r\n\r\n loader.addEventListener(\"complete\", (e) => {\r\n const content = /${\r\n dummy.querySelector(\".js-content\").innerHTML\r\n }
`,\r\n \"content-page\",\r\n false\r\n );\r\n });\r\n\r\n loader.load(clickTarget.getAttribute(\"data-src\"));\r\n if (clickTarget.getAttribute(\"data-overlay-set-url\") !== \"false\") {\r\n const dataSrc = clickTarget\r\n .getAttribute(\"data-src\")\r\n .replace(/\\?mode=popup/g, \"\");\r\n setUrl(dataSrc);\r\n }\r\n break;\r\n\r\n case \"show-element\":\r\n remove();\r\n load();\r\n\r\n closeBtnWrapper = \".js-overlay-close-wrapper\";\r\n\r\n const containerSelector = clickTarget.getAttribute(\"data-selector\");\r\n const container = document.querySelector(containerSelector);\r\n const content = container.innerHTML;\r\n\r\n buffer = {};\r\n buffer.container = container;\r\n buffer.content = content;\r\n\r\n // remove element from DOM\r\n container.innerHTML = \"\";\r\n\r\n const dummy = document.createElement(\"div\");\r\n\r\n dummy.innerHTML = content;\r\n\r\n if (clickTarget.classList.contains(\"js-popup-trigger\")) {\r\n open(content, \"show-blade-element\", false);\r\n } else {\r\n open(content, \"show-element\", false);\r\n }\r\n\r\n document.querySelector(\".cp-overlay\").classList.add(\"show-element\");\r\n break;\r\n case \"tips\":\r\n if (!tipsData) {\r\n console.error(\"Tips data is not found.\");\r\n break;\r\n }\r\n if (!culture) {\r\n console.error(\"Culture is not found.\");\r\n break;\r\n }\r\n\r\n eventEmitter.emit(\"gtm:send\", [\r\n \"Application Areas\",\r\n \"Click\",\r\n \"Tips\",\r\n ]);\r\n\r\n let cancelRequestFunction;\r\n if (typeof cancelRequestFunction == \"function\") {\r\n cancelRequestFunction();\r\n }\r\n\r\n closeBtnWrapper = \".js-overlay-close-wrapper\";\r\n\r\n load();\r\n\r\n const request = {\r\n Downloads: clickTarget\r\n .getAttribute(\"data-downloads\")\r\n .split(\",\"),\r\n Tips: clickTarget.getAttribute(\"data-tips\").split(\",\"),\r\n Culture: culture,\r\n };\r\n\r\n http.post(clickTarget.getAttribute(\"data-path\"), request, {\r\n cancelToken: new CancelToken((fn) => {\r\n cancelRequestFunction = fn;\r\n }),\r\n })\r\n .then(({ data }) => {\r\n open(templates.tips(), \"tips-overlay\");\r\n\r\n return data;\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n return null;\r\n });\r\n\r\n break;\r\n case \"simple-overlay\":\r\n if (isExpandedAccordion) {\r\n clearTimeout(timeoutId);\r\n remove();\r\n load();\r\n applyTransition();\r\n } else {\r\n applyTransition();\r\n timeoutId = setTimeout(() => {\r\n remove();\r\n }, 100);\r\n }\r\n\r\n document.body.classList[isExpandedAccordion ? \"add\" : \"remove\"](\r\n \"simple-overlay\"\r\n );\r\n break;\r\n default:\r\n Utility.logMessage(`Unknow type: ${type}`);\r\n }\r\n}\r\n\r\nfunction applyTransition() {\r\n const cpOverlay = document.querySelector(\".cp-overlay\");\r\n\r\n if (cpOverlay) {\r\n cpOverlay.classList.add(\"cp-overlay--simple\");\r\n\r\n if (isExpandedAccordion) {\r\n setTimeout(() => {\r\n cpOverlay.classList.add(\"transition\");\r\n }, 0);\r\n } else {\r\n cpOverlay.classList.remove(\"transition\");\r\n }\r\n }\r\n}\r\n\r\nfunction remove() {\r\n if (loader) loader.abort();\r\n\r\n if (overlay) {\r\n const isSecondOverlay =\r\n !!overlay.previousElementSibling &&\r\n overlay.previousElementSibling.classList.contains(\"cp-overlay\");\r\n\r\n eventEmitter.emit(\"content:willRemoved\", overlay);\r\n overlay.parentNode.removeChild(overlay);\r\n\r\n const projectThumb = document.querySelectorAll(\".cp-project-thumb\");\r\n if (projectThumb.length) {\r\n for (let i = 0; i < projectThumb.length; i++) {\r\n projectThumb[i].classList.remove(\"cp-project-thumb--hover\");\r\n }\r\n }\r\n\r\n // if overlay has been opened from another overlay, set overlay back to original one\r\n // otherwise reset everything now overlay has closed\r\n if (isSecondOverlay) {\r\n overlay = document.querySelector(\".cp-overlay\");\r\n } else {\r\n document.querySelector(\"body\").classList.remove(\"is-blocked\");\r\n\r\n if (!body.classList.contains(\"no-touch\")) {\r\n window.scrollTo(0, oldScroll);\r\n }\r\n\r\n const url =\r\n pageProperty.search != \"\"\r\n ? pageProperty.url + pageProperty.search\r\n : pageProperty.url;\r\n\r\n setUrl(url);\r\n\r\n overlay = null;\r\n }\r\n }\r\n\r\n if (buffer) {\r\n buffer.container.innerHTML = buffer.content;\r\n buffer = null;\r\n }\r\n}\r\n\r\nfunction load() {\r\n const dummy = document.createElement(\"div\");\r\n dummy.innerHTML = templates.overlay();\r\n\r\n overlay = dummy.childNodes[0];\r\n\r\n document.querySelector(\"body form\").appendChild(overlay);\r\n\r\n if (!body.classList.contains(\"no-touch\")) {\r\n oldScroll = window.scrollY;\r\n }\r\n\r\n document.querySelector(\"body\").classList.add(\"is-blocked\");\r\n\r\n overlay\r\n .querySelector(\".cp-overlay__content\")\r\n .setAttribute(\"data-progress\", 0);\r\n\r\n eventEmitter.emit(\"overlay:open\");\r\n}\r\n\r\nfunction loadTipsContent(path, tips, culture) {\r\n let cancelRequestFunction;\r\n if (typeof cancelRequestFunction == \"function\") {\r\n cancelRequestFunction();\r\n }\r\n const request = {\r\n Tips: tips.split(\",\"),\r\n Culture: culture,\r\n };\r\n console.log(\"request\", request);\r\n\r\n http.post(path, request, {\r\n cancelToken: new CancelToken((fn) => {\r\n cancelRequestFunction = fn;\r\n }),\r\n })\r\n .then(({ data }) => {\r\n console.log(\"data\", data);\r\n return data;\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n return null;\r\n });\r\n}\r\n\r\nfunction setUrl(url) {\r\n const state = null;\r\n const title = pageProperty.title;\r\n\r\n if (!window.history.replaceState) return;\r\n\r\n window.history.replaceState(state, title, url);\r\n}\r\n\r\nfunction open(content, className, theme, el) {\r\n const overlayContent = overlay.querySelector(\".cp-overlay__content\");\r\n const overlayWrapper = document.querySelector(\".cp-overlay\");\r\n const closeBtn = '';\r\n\r\n overlayContent.innerHTML = content;\r\n\r\n document.querySelector(closeBtnWrapper).innerHTML += closeBtn;\r\n overlay.addEventListener(\"click\", (e) => {\r\n const winWidth = window.innerWidth;\r\n let target = e.target;\r\n let status = false;\r\n\r\n if (target.classList.contains(\"cp-overlay__close\")) {\r\n remove();\r\n\r\n if (className === \"project\") {\r\n setTimeout(() => {\r\n el.classList.remove(\"cp-project-thumb--hover\");\r\n }, 3000);\r\n }\r\n return;\r\n }\r\n\r\n if (\r\n winWidth > 1200 &&\r\n typeof overlay !== \"undefined\" &&\r\n overlay !== null\r\n ) {\r\n while (target && target !== overlay.parentNode) {\r\n if (target.classList.contains(\"cp-overlay__content\")) {\r\n status = true;\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n\r\n if (!status) remove();\r\n }\r\n });\r\n\r\n if (theme) {\r\n overlayWrapper.classList.add(theme);\r\n }\r\n\r\n overlayContent.classList.add(className);\r\n eventEmitter.emit(\"content:updated\", overlay);\r\n init();\r\n}\r\n\r\nmodule.exports = {\r\n init,\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/overlay/overlay.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n return \"\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/overlay/templates/overlay.hbs\n// module id = ./app/components/overlay/templates/overlay.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \"\\r\\n\t
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/overlay/templates/overlayImage.hbs\n// module id = ./app/components/overlay/templates/overlayImage.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\\r\\n \\r\\n\t
\\r\\n \\r\\n\\r\\n\t
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/overlay/templates/overlayImageCarousel.hbs\n// module id = ./app/components/overlay/templates/overlayImageCarousel.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\t\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\t
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/overlay/templates/overlayImageFull.hbs\n// module id = ./app/components/overlay/templates/overlayImageFull.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.isShowDividerLine : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(45, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \" \\r\\n \\r\\n
\\r\\n\\r\\n\t\t \\r\\n
\\r\\n\t\"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.title : depth0), depth0))\n + \"
\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n \\r\\n\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n return \"\"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.title : depth0), depth0))\n + \"
\\r\\n\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"18\":function(container,depth0,helpers,partials,data) {\n return \" \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \"\n + container.escapeExpression(container.lambda((depth0 != null ? depth0.title : depth0), depth0))\n + \"
\\r\\n\";\n},\"20\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"22\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"24\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),5,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(25, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),6,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(27, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \\r\\n\"\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),7,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(29, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"25\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"27\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"29\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \" \\r\\n
\\r\\n \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"31\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),5,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(32, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),6,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(34, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),7,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(36, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"32\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.secondImageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"34\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"36\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"38\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),5,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(39, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),6,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(41, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = __default(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\general\\\\js\\\\hbsHelpers\\\\equal.js\")).call(alias1,(depth0 != null ? depth0.mediaType : depth0),7,{\"name\":\"equal\",\"hash\":{},\"fn\":container.program(43, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"39\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.secondImageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"41\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"43\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.isShowTitle : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"45\":function(container,depth0,helpers,partials,data) {\n return \" \\r\\n\";\n},\"47\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return \" \\r\\n\";\n},\"48\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n\";\n},\"49\":function(container,depth0,helpers,partials,data) {\n return \"PDF\";\n},\"51\":function(container,depth0,helpers,partials,data) {\n return \"PNG\";\n},\"53\":function(container,depth0,helpers,partials,data) {\n return \"JPG\";\n},\"55\":function(container,depth0,helpers,partials,data) {\n return \"ZIP\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/overlay/templates/overlayTips.hbs\n// module id = ./app/components/overlay/templates/overlayTips.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = container.invokePartial(require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\app\\\\components\\\\pagination\\\\partials\\\\pagination-page.hbs\"),depth0,{\"name\":\"partials/pagination-page\",\"data\":data,\"indent\":\" \",\"helpers\":helpers,\"partials\":partials,\"decorators\":container.decorators})) != null ? stack1 : \"\");\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.imageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \"\n + alias2(alias1((depth0 != null ? depth0.secondImageCaption : depth0), depth0))\n + \"\\r\\n
\\r\\n \\r\\n
\\r\\n\";\n},\"usePartial\":true,\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/pagination/pagination.hbs\n// module id = ./app/components/pagination/pagination.hbs\n// module chunks = 1","import \"./pagination.less\";\r\nimport BaseComponent from \"../../general/js/baseComponent\";\r\nimport eventEmitter from \"../../general/js/helpers/eventEmitter\";\r\nimport {htmlStr2Els} from \"../../general/js/helpers/utility\";\r\nimport _range from \"lodash/range\";\r\nimport _last from \"lodash/last\";\r\nimport _head from \"lodash/head\";\r\nimport _cloneDeep from \"lodash/cloneDeep\";\r\n\r\nexport default class Pagination extends BaseComponent {\r\n static get tagName() {\r\n return '[data-component=\"pagination\"]';\r\n }\r\n\r\n constructor(el) {\r\n super(el);\r\n this.el.__componentInstance = this;\r\n\r\n this.templates = {\r\n pagination : require(\"./pagination.hbs\"),\r\n paginationPage: require(\"./partials/pagination-page.hbs\"),\r\n };\r\n\r\n this.$refs = {\r\n el : this.el,\r\n prevContainer : this.el.querySelector(\"[data-pagination='prev-container']\"),\r\n prev : this.el.querySelector(\"[data-pagination='prev']\"),\r\n pages: this.el.querySelector(\"[data-pagination='pages']\"),\r\n nextContainer : this.el.querySelector(\"[data-pagination='next-container']\"),\r\n next : this.el.querySelector(\"[data-pagination='next']\"),\r\n };\r\n\r\n this.settings = {\r\n currentPage: 1,\r\n // allPages : 20,\r\n pagesToShow: 5\r\n };\r\n\r\n if (this.$refs.el.dataset.paginationSettings) {\r\n Object.assign(this.settings, JSON.parse(this.$refs.el.dataset.paginationSettings));\r\n }\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n init() {\r\n this.addListeners();\r\n this.render();\r\n }\r\n\r\n addListeners() {\r\n this.addListener(this.$refs.next, \"click\", this.onNext.bind(this));\r\n this.addListener(this.$refs.prev, \"click\", this.onPrev.bind(this));\r\n this.addListener(this.$refs.pages, \"click\", this.onPage.bind(this));\r\n }\r\n\r\n refresh(settings) {\r\n this.settings = _cloneDeep(settings);\r\n this.render();\r\n }\r\n\r\n goTo(pageIndex) {\r\n this.settings.currentPage = pageIndex;\r\n\r\n eventEmitter.emit(\"pagination:change\", {\r\n currentPage: pageIndex\r\n });\r\n this.render();\r\n }\r\n\r\n onPage(event) {\r\n event.preventDefault();\r\n const $el = event.target;\r\n\r\n if ($el.dataset.paginationPageIndex === undefined) { //\r\n return;\r\n }\r\n\r\n let newPageIndex;\r\n if ($el.dataset) {\r\n newPageIndex = parseInt($el.dataset.paginationPageIndex, 10);\r\n }\r\n\r\n eventEmitter.emit(\"pagination:page\", {\r\n currentPage: newPageIndex\r\n });\r\n\r\n this.goTo(newPageIndex);\r\n }\r\n\r\n get pages() {\r\n let {allPages, pagesToShow, currentPage} = this.settings;\r\n\r\n if (currentPage > allPages) {\r\n throw new Error(\"Current index must be less than max.\");\r\n } else if (pagesToShow <= 0) {\r\n throw new Error(\"Number of visible elements must more then 0.\");\r\n }\r\n\r\n if (pagesToShow > allPages) {\r\n pagesToShow = allPages;\r\n }\r\n\r\n let pages = _range(\r\n currentPage - Math.floor(pagesToShow / 2),\r\n currentPage + Math.ceil(pagesToShow / 2)\r\n ).filter(i => i > 0 && i <= allPages);\r\n\r\n if (pages.length === allPages) {\r\n return pages;\r\n }\r\n\r\n if (_last(pages) < pagesToShow) {\r\n // [1, 2, 3] (5) -> [1, 2, 3, 4, 5]l\r\n // console.log(\"increment end\");\r\n while (pages.length !== pagesToShow) {\r\n pages.push(_last(pages) + 1);\r\n }\r\n }\r\n\r\n if (_last(pages) === allPages && pages.length !== pagesToShow) {\r\n // [4, 5] (5) -> [1, 2, 3, 4, 5]\r\n // console.log(\"decrement start\");\r\n while (pages.length !== pagesToShow) {\r\n pages.unshift(_head(pages) - 1);\r\n }\r\n }\r\n\r\n return pages;\r\n }\r\n\r\n onPrev(event) {\r\n event.preventDefault();\r\n\r\n const newPageIndex = this.settings.currentPage - 1;\r\n\r\n eventEmitter.emit(\"pagination:prev\", {\r\n currentPage: newPageIndex\r\n });\r\n\r\n this.goTo(newPageIndex);\r\n }\r\n\r\n onNext(event) {\r\n event.preventDefault();\r\n\r\n const newPageIndex = this.settings.currentPage + 1;\r\n\r\n eventEmitter.emit(\"pagination:next\", {\r\n currentPage: newPageIndex\r\n });\r\n\r\n this.goTo(newPageIndex);\r\n }\r\n\r\n render() {\r\n if (this.settings.currentPage === this.settings.allPages) {\r\n this.$refs.nextContainer.style.display = 'none';\r\n } else {\r\n this.$refs.nextContainer.style.display = 'inline-block';\r\n }\r\n\r\n if (this.settings.currentPage !== 1) {\r\n this.$refs.prevContainer.style.display = 'inline-block';\r\n } else {\r\n this.$refs.prevContainer.style.display = 'none';\r\n }\r\n\r\n this.$refs.pages.innerHTML = \"\";\r\n\r\n this.$refs.pages.innerHTML = this.templates.paginationPage(this.pages);\r\n\r\n this.$refs.pages\r\n .querySelector(\"[data-pagination-page-index='\" + this.settings.currentPage + \"']\")\r\n .classList.add(\"active\");\r\n }\r\n\r\n destroy() {\r\n this.$refs = {};\r\n super.destroy();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/pagination/pagination.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \\r\\n \\r\\n \\r\\n Prev\\r\\n \\r\\n \\r\\n
\\r\\n - \\r\\n\"\n + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.pages : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \\r\\n \\r\\n Next\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.headline || (depth0 != null ? depth0.headline : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"headline\",\"hash\":{},\"data\":data}) : helper)))\n + \" \\r\\n
\\r\\n\";\n},\"2\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, alias5=helpers.blockHelperMissing, buffer = \n \" \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \" is-active\";\n},\"5\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n return \" style=\\\"background-image: url('\"\n + container.escapeExpression(container.lambda((depths[1] != null ? depths[1].thumb : depths[1]), depth0))\n + \"')\\\" \";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers.blockHelperMissing.call(depth0,container.lambda(depth0, depth0),{\"name\":\"this\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true,\"useDepths\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/palette/templates/selectors.hbs\n// module id = ./app/components/palette/templates/selectors.hbs\n// module chunks = 1","import AbstractEvent from 'helpers/abstractEvent.js';\r\nimport EventDispatcher from 'helpers/eventDispatcher.js';\r\n\r\nAnimatedPoint.prototype = Object.create(EventDispatcher.prototype);\r\nAnimatedPoint.prototype.constructor = AnimatedPoint;\r\n\r\nfunction AnimatedPoint(el) {\r\n EventDispatcher.call(this);\r\n this.TIME = 200;\r\n this.DELAY = 100;\r\n this.el = el;\r\n}\r\n\r\nAnimatedPoint.events = {\r\n DONE: 'DONE'\r\n};\r\n\r\nAnimatedPoint.prototype.init = function (params) {\r\n if (params && typeof params.delay === 'number') {\r\n this.DELAY = params.delay;\r\n }\r\n};\r\n\r\nAnimatedPoint.prototype.resetState = function () {\r\n this.el.checked = false;\r\n};\r\n\r\nAnimatedPoint.prototype.playAnimation = function () {\r\n const animTime = this.TIME + this.DELAY;\r\n\r\n setTimeout(() => {\r\n this.el.checked = true;\r\n this.dispatchEvent(new AbstractEvent(AnimatedPoint.events.DONE));\r\n }, animTime);\r\n};\r\n\r\nmodule.exports = AnimatedPoint;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/js/animatedPoint.js","import AbstractEvent from 'helpers/abstractEvent.js';\r\nimport EventDispatcher from 'helpers/eventDispatcher.js';\r\nimport AnimatedPoint from './animatedPoint.js';\r\n\r\nAnimatedPointsList.prototype = Object.create(EventDispatcher.prototype);\r\nAnimatedPointsList.prototype.constructor = AnimatedPointsList;\r\n\r\nfunction AnimatedPointsList(el) {\r\n EventDispatcher.call(this);\r\n this.TIME = 400;\r\n this.POINT_DELAY = 250;\r\n this.el = el;\r\n this.listeners = {};\r\n this.pointNodes = [...this.el.querySelectorAll('.js-animated-points__input')];\r\n this.pointInstances = [];\r\n\r\n this.pointNodes.forEach((pointsNode) => {\r\n this.pointInstances.push({\r\n instance: new AnimatedPoint(pointsNode),\r\n listeners: {}\r\n });\r\n });\r\n\r\n this.totalPoints = this.pointInstances.length;\r\n this.totalPointsTriggered = 0;\r\n\r\n this.init();\r\n}\r\n\r\nAnimatedPointsList.events = {\r\n ALL_DONE: 'ALL_DONE'\r\n};\r\n\r\nAnimatedPointsList.prototype.init = function () {\r\n let count = 1;\r\n\r\n this.listeners.doneHandlers = [];\r\n\r\n this.pointInstances.forEach((pointInstance) => {\r\n pointInstance.instance.addEventListener(\r\n AnimatedPoint.events.DONE,\r\n pointInstance.listeners.doneHandler = this.doneHandler.bind(this)\r\n );\r\n\r\n pointInstance.instance.init({\r\n delay: this.POINT_DELAY * count\r\n });\r\n\r\n count++;\r\n });\r\n};\r\n\r\nAnimatedPointsList.prototype.detachEvents = function () {\r\n this.pointInstances.forEach((pointInstance) => {\r\n pointInstance.instance.removeEventListener(\r\n AnimatedPoint.events.DONE,\r\n pointInstance.listeners.doneHandler\r\n );\r\n });\r\n};\r\n\r\nAnimatedPointsList.prototype.destroy = function () {\r\n this.detachEvents();\r\n};\r\n\r\nAnimatedPointsList.prototype.playAnimation = function () {\r\n this.totalPointsTriggered = 0;\r\n\r\n this.pointInstances.forEach((pointInstance) => {\r\n pointInstance.instance.resetState();\r\n pointInstance.instance.playAnimation();\r\n });\r\n\r\n this.show();\r\n};\r\n\r\nAnimatedPointsList.prototype.doneHandler = function () {\r\n this.totalPointsTriggered++;\r\n\r\n if (this.totalPointsTriggered === this.totalPoints) {\r\n this.dispatchEvent(new AbstractEvent(AnimatedPointsList.events.ALL_DONE));\r\n setTimeout(this.hide.bind(this), this.TIME);\r\n }\r\n};\r\n\r\nAnimatedPointsList.prototype.show = function () {\r\n this.el.classList.add('is-visible');\r\n};\r\n\r\nAnimatedPointsList.prototype.hide = function () {\r\n this.el.classList.remove('is-visible');\r\n};\r\n\r\nmodule.exports = AnimatedPointsList;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/js/animatedPointList.js","import Choices from 'choices.js';\r\n\r\nexport default class Dropdown {\r\n constructor($el) {\r\n this.$container = $el;\r\n this.$select = this.$container.querySelector('select');\r\n\r\n if (!this.$select) {\r\n return;\r\n }\r\n\r\n this.dropdownInstance = new Choices(this.$select, {\r\n search: false,\r\n searchEnabled: false,\r\n maxItemCount: -1,\r\n itemSelectText: '',\r\n classNames: {\r\n containerOuter: 'choices icon-after arrow-down'\r\n },\r\n shouldSort: false\r\n });\r\n }\r\n\r\n setOptions(...args) {\r\n this.dropdownInstance.setChoices(...args);\r\n }\r\n\r\n destroy() {\r\n if (this.dropdownInstance) this.dropdownInstance.destroy();\r\n }\r\n\r\n selectByValue(value) {\r\n this.dropdownInstance.setValueByChoice(value);\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/js/dropdown.js","import Handlebars from 'handlebars/dist/handlebars.js';\r\nimport EventDispatcher from 'helpers/eventDispatcher.js';\r\nimport AbstractEvent from 'helpers/abstractEvent.js';\r\nimport Loader from 'loader/loader.js';\r\nimport Utility from 'helpers/utility.js';\r\n\r\nPhotometricCalculator.prototype = Object.create(EventDispatcher.prototype);\r\nPhotometricCalculator.prototype.constructor = PhotometricCalculator;\r\n\r\nfunction PhotometricCalculator(el) {\r\n EventDispatcher.call(this);\r\n this.el = el;\r\n this.listeners = {};\r\n this.imageContainer = this.el.querySelector('.js-photometric-calc__imgs');\r\n this.applyBtn = this.el.querySelector('.js-photometric-calc__apply-btn');\r\n\r\n this.configuration = {};\r\n\r\n this.templates = {\r\n variableBoolean: this.el.querySelector('#diagram-variable-boolean'),\r\n variableDouble: this.el.querySelector('#diagram-variable-double'),\r\n calcDiagram: require('photometric/templates/calcDiagram.hbs')\r\n };\r\n\r\n this.init();\r\n // console.log(this);\r\n}\r\n\r\nPhotometricCalculator.events = {\r\n APPLY: 'APPLY',\r\n SUBMIT: 'SUBMIT',\r\n AJAX_COMLETE: 'AJAX_COMLETE'\r\n};\r\n\r\nPhotometricCalculator.prototype.init = function () {\r\n this.attachEvents();\r\n};\r\n\r\nPhotometricCalculator.prototype.destroy = function () {\r\n this.detachEvents();\r\n};\r\n\r\nPhotometricCalculator.prototype.attachEvents = function () {\r\n if (this.applyBtn) {\r\n this.applyBtn.addEventListener(\r\n 'click',\r\n this.listeners.applyBtnClickHandler = this.applyBtnClickHandler.bind(this)\r\n );\r\n }\r\n};\r\n\r\nPhotometricCalculator.prototype.detachEvents = function () {\r\n if (this.applyBtn) {\r\n this.applyBtn.removeEventListener(\r\n 'click',\r\n this.listeners.applyBtnClickHandler\r\n );\r\n }\r\n};\r\n\r\nPhotometricCalculator.prototype.applyBtnClickHandler = function () {\r\n this.dispatchEvent(new AbstractEvent(PhotometricCalculator.events.APPLY));\r\n};\r\n\r\nPhotometricCalculator.prototype.updateCalculator = function (configuration) {\r\n if (!configuration) {\r\n return;\r\n }\r\n\r\n this.configuration = configuration;\r\n this.renderImgs(this.configuration.diagrams);\r\n this.disableButton(this.applyBtn, false);\r\n};\r\n\r\nPhotometricCalculator.prototype.renderImgs = function (diagrams) {\r\n Utility.removeChilds(this.imageContainer);\r\n\r\n diagrams.forEach((diagram) => {\r\n this.imageContainer.appendChild(Utility.htmlStr2El(this.templates.calcDiagram(diagram)));\r\n });\r\n};\r\n\r\nPhotometricCalculator.prototype.setBtnsVisibility = function () {\r\n // if (this.isVariablesChanged()) {\r\n // this.disableButton(this.applyBtn, true);\r\n // this.disableButton(this.calculateBtn, false);\r\n // } else {\r\n this.disableButton(this.applyBtn, false);\r\n // this.disableButton(this.calculateBtn, true);\r\n //}\r\n};\r\n\r\nPhotometricCalculator.prototype.disableButton = function (btn, disable) {\r\n if (disable) {\r\n btn.disabled = true;\r\n btn.classList.add('is-disabled');\r\n } else {\r\n btn.disabled = false;\r\n btn.classList.remove('is-disabled');\r\n }\r\n};\r\n\r\nPhotometricCalculator.prototype.onComleteDiagramRequest = function (event) {\r\n let data;\r\n\r\n try {\r\n data = JSON.parse(event.data);\r\n } catch (error) {\r\n Utility.logMessage(`Bad response data JSON.\\n${error.message}`);\r\n }\r\n\r\n if (typeof data !== 'object' || data.status !== 'ok') {\r\n Utility.logMessage('Error: ', data.message);\r\n }\r\n\r\n if (data.result && data.result.diagrams) {\r\n this.renderImgs(data.result.diagrams);\r\n }\r\n\r\n this.setBtnsVisibility();\r\n this.dispatchEvent(new AbstractEvent(PhotometricCalculator.events.AJAX_COMLETE, data));\r\n};\r\n\r\nPhotometricCalculator.prototype.onErrorDiagramRequest = function (event) {\r\n Utility.logMessage(event);\r\n this.dispatchEvent(new AbstractEvent(PhotometricCalculator.events.AJAX_COMLETE));\r\n};\r\n\r\nmodule.exports = PhotometricCalculator;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/js/photometricCalculator.js","import Utility from 'helpers/utility.js';\r\n\r\nexport default class PhotometricInjector {\r\n constructor(el, configuration) {\r\n this.rootNode = el;\r\n this.header = {\r\n titleNode: this.rootNode.querySelector('.js-phi-header'),\r\n subtitleNode: this.rootNode.querySelector('.js-phi-subtitle')\r\n };\r\n\r\n const carouselNode = this.rootNode.querySelector('.js-phi-carousel');\r\n\r\n this.carousel = {\r\n containerNode: carouselNode,\r\n previewNodes: carouselNode.querySelector('.js-phi-carousel-previews'),\r\n thumbnailNodes: carouselNode.querySelector('.js-phi-carousel-thumbnails'),\r\n infoNode: carouselNode.querySelector('.js-phi-carousel-info'),\r\n nextId: 0\r\n };\r\n\r\n const downloadNode = this.rootNode.querySelector('.js-phi-downloads');\r\n\r\n this.downloads = {\r\n containerNode: downloadNode,\r\n zipLinkNodes: [...downloadNode.querySelectorAll('.js-phi-downloads-zip-link')],\r\n infoNode: this.rootNode.querySelector('.js-phi-downloads-info'),\r\n accordions: null\r\n };\r\n\r\n this.featureNodes = this.rootNode.querySelectorAll('.js-phi-features');\r\n this.opticImagesContainerNode = this.rootNode.querySelector('.js-phi-optic-images');\r\n this.accessoryItemNodes = [...this.rootNode.querySelectorAll('.js-phi-accessory-item')];\r\n\r\n this.profile = null;\r\n this.configuration = null;\r\n this.defaultConfiguration = configuration || null;\r\n this.isDefault = false;\r\n this.activeCulture = this.rootNode.querySelector('.js-photometric__active-culture');\r\n this.templates = {\r\n imageControl: require('../templates/imageControl.hbs'),\r\n imagePreview: require('../templates/imagePreview.hbs'),\r\n imageThumbnail: require('../templates/imageThumbnail.hbs'),\r\n bulletPoint: require('../templates/partials/featureBulletPoint.hbs'),\r\n opticImageItem: require('../templates/opticImageItem.hbs'),\r\n downloadItem: require('../templates/downloadItem.hbs')\r\n };\r\n\r\n this.localization = {\r\n defaultCulture: 'en',\r\n option: this.header.titleNode.getAttribute('data-localization-option'),\r\n accessory: this.header.titleNode.getAttribute('data-localization-accessory')\r\n };\r\n\r\n const accordionNodes = [...this.rootNode.querySelectorAll('.js-phi-accordion')];\r\n\r\n if (accordionNodes.length) {\r\n this.downloads.accordions = {};\r\n accordionNodes.forEach((accordionNode) => {\r\n const group = accordionNode.getAttribute('data-file-type');\r\n\r\n this.downloads.accordions[group] = {\r\n id: group,\r\n rootNode: accordionNode,\r\n listNode: accordionNode.querySelector('.js-phi-downloads-list')\r\n };\r\n });\r\n }\r\n\r\n this.tracking = {\r\n country: this.downloads.containerNode.getAttribute('data-country'),\r\n productCode: this.downloads.containerNode.getAttribute('data-product-code'),\r\n productLine: this.downloads.containerNode.getAttribute('data-product-line'),\r\n productGroup: this.downloads.containerNode.getAttribute('data-product-group'),\r\n productGroupTitle: this.downloads.containerNode.getAttribute('data-formatted-product-group-title'),\r\n action: this.downloads.containerNode.getAttribute('data-tracking-action'),\r\n category: this.downloads.containerNode.getAttribute('data-tracking-category'),\r\n cultureId: this.downloads.containerNode.getAttribute('data-culture-id')\r\n };\r\n }\r\n\r\n destroy() {}\r\n\r\n updatePhotometric(profile, configuration, isDefault) {\r\n if (configuration === undefined) {\r\n return;\r\n }\r\n\r\n this.profile = profile;\r\n this.configuration = configuration;\r\n this.isDefault = isDefault || false;\r\n this.injectHeader();\r\n this.updateAllFeatures();\r\n this.injectImages();\r\n this.highlightAccessories();\r\n this.updateDownloads();\r\n this.updateOpticImages();\r\n this.setURL();\r\n }\r\n\r\n updateFeature(feature, bulletNode, bulletModel) {\r\n if (!feature || !bulletNode || !bulletModel) {\r\n return;\r\n }\r\n\r\n const generatedBulletNode = Utility.htmlStr2El(this.templates.bulletPoint(bulletModel));\r\n\r\n generatedBulletNode.classList.add('is-highlighted');\r\n feature.replaceChild(generatedBulletNode, bulletNode);\r\n }\r\n\r\n updateAllFeatures() {\r\n this.featureNodes.forEach(listNode => {\r\n const bulletNodes = [...listNode.querySelectorAll('[data-bullet-name]')];\r\n\r\n bulletNodes.forEach((bulletNode) => {\r\n const bulletName = bulletNode.getAttribute('data-bullet-name');\r\n let bulletModel = null;\r\n\r\n let i = 0;\r\n const imax = this.configuration.formattedBulletPoints.length;\r\n\r\n for (i; i < imax; i++) {\r\n const bulletPoint = this.configuration.formattedBulletPoints[i];\r\n\r\n if (bulletPoint.bulletName === bulletName) {\r\n bulletModel = bulletPoint;\r\n }\r\n }\r\n\r\n if (bulletModel) {\r\n this.updateFeature(listNode, bulletNode, bulletModel);\r\n } else if (this.isDefault) {\r\n bulletNode.classList.add('is-hidden');\r\n }\r\n });\r\n });\r\n }\r\n\r\n injectImages() {\r\n this.removeImages();\r\n this.carousel.nextId = this.getControlNextId();\r\n\r\n this.configuration.diagrams.forEach((diagram) => {\r\n this.addImage(diagram);\r\n });\r\n\r\n const inputNodes = [...this.carousel.containerNode.querySelectorAll('.js-phi-carousel-control:checked')];\r\n\r\n if (!inputNodes.length) {\r\n this.carousel.containerNode.querySelector('.js-phi-carousel-control').checked = true;\r\n }\r\n\r\n this.carousel.infoNode.classList.remove('is-animated');\r\n // reflow needed to restart animation\r\n void this.carousel.infoNode.offsetWidth;\r\n this.carousel.infoNode.classList.add('is-animated');\r\n }\r\n\r\n addImage(diagram) {\r\n const inputNode = Utility.htmlStr2El(this.templates.imageControl({\r\n id: this.carousel.nextId\r\n }));\r\n this.carousel.containerNode.insertBefore(inputNode, this.carousel.previewNodes);\r\n\r\n const previewNode = Utility.htmlStr2El(this.templates.imagePreview({\r\n diagram\r\n }));\r\n\r\n this.carousel.previewNodes.appendChild(previewNode);\r\n // safari bug, image hasn't shown\r\n previewNode.style.backgroundImage = `url(\"${diagram.assetUrl}\")`;\r\n\r\n const thumbnailNode = Utility.htmlStr2El(this.templates.imageThumbnail({\r\n id: this.carousel.nextId,\r\n diagram\r\n }));\r\n\r\n this.carousel.thumbnailNodes.appendChild(thumbnailNode);\r\n // safari bug, image hasn't shown\r\n thumbnailNode.children[0].style.backgroundImage = `url(\"${diagram.assetUrl}\")`;\r\n thumbnailNode.getElementsByTagName('label')[0].click();\r\n }\r\n\r\n removeImages() {\r\n const filteredNodes = [...this.carousel.containerNode.querySelectorAll('[data-filetype=\"205\"]')];\r\n\r\n filteredNodes.forEach((filteredNode) => {\r\n Utility.remove(filteredNode);\r\n });\r\n }\r\n\r\n getControlNextId() {\r\n const controlCheckboxes = [...this.carousel.containerNode.querySelectorAll('.js-phi-carousel-control')];\r\n const id = controlCheckboxes[controlCheckboxes.length - 1].id.match(/\\d+/g);\r\n\r\n return parseInt(id, 10) + 1;\r\n }\r\n\r\n injectHeader() {\r\n let subtitleText = '';\r\n\r\n if (this.profile) {\r\n subtitleText = `(${this.localization.option} ${this.profile.lightSource.optionCode})`;\r\n }\r\n\r\n if (this.configuration && this.configuration.accessories.length) {\r\n subtitleText += ` + ${this.localization.accessory}`;\r\n\r\n this.configuration.accessories.forEach((accessory, i) => {\r\n if (i === 0) {\r\n subtitleText += ` ${accessory.formattedOptionCode}`;\r\n } else {\r\n subtitleText += ` + ${accessory.formattedOptionCode}`;\r\n }\r\n });\r\n }\r\n\r\n this.header.subtitleNode.innerText = subtitleText;\r\n }\r\n\r\n highlightAccessories() {\r\n this.accessoryItemNodes.forEach((itemNode) => {\r\n itemNode.classList.remove('is-highlighted');\r\n });\r\n\r\n if (!this.configuration.accessories.length) {\r\n return;\r\n }\r\n\r\n this.configuration.accessories.forEach((accessory) => {\r\n const code = accessory.code;\r\n\r\n this.accessoryItemNodes.forEach((itemNode) => {\r\n if (itemNode.getAttribute('data-article') === code) {\r\n itemNode.classList.add('is-highlighted');\r\n }\r\n });\r\n });\r\n }\r\n\r\n groupDownloadLinks(downloadList) {\r\n const groupedDownloadLinks = {};\r\n\r\n if (!downloadList.length) {\r\n return null;\r\n }\r\n\r\n downloadList.forEach((downloadItem) => {\r\n const filetype = downloadItem.fileTypeOrder;\r\n\r\n if (!groupedDownloadLinks[filetype]) {\r\n groupedDownloadLinks[filetype] = [];\r\n }\r\n\r\n groupedDownloadLinks[filetype].push(downloadItem);\r\n });\r\n return groupedDownloadLinks;\r\n }\r\n\r\n mergeDownloadLinkModels(baseDownloadModel, newDownloadModel) {\r\n if (!baseDownloadModel || !newDownloadModel) {\r\n return null;\r\n }\r\n\r\n let mergedDownloadModel = this.mergeModels({}, baseDownloadModel);\r\n mergedDownloadModel = this.mergeModels(mergedDownloadModel, newDownloadModel);\r\n\r\n return mergedDownloadModel;\r\n }\r\n\r\n mergeModels(baseModel, newModel) {\r\n Object.keys(newModel).forEach((fileType) => {\r\n baseModel[fileType] = newModel[fileType];\r\n });\r\n\r\n return baseModel;\r\n }\r\n\r\n updateDownloads() {\r\n if (!this.downloads.accordions) {\r\n return;\r\n }\r\n\r\n let mergedDownloads = null;\r\n\r\n if (this.isDefault) {\r\n mergedDownloads = this.groupDownloadLinks(this.defaultConfiguration.downloads);\r\n } else {\r\n mergedDownloads = this.mergeDownloadLinkModels(\r\n this.groupDownloadLinks(this.defaultConfiguration.downloads),\r\n this.groupDownloadLinks(this.configuration.downloads)\r\n );\r\n }\r\n\r\n Object.keys(this.downloads.accordions).forEach((fileTypeGroup) => {\r\n this.downloads.accordions[fileTypeGroup].listNode.innerHTML = '';\r\n });\r\n\r\n const combinedDownloads = {};\r\n Object.keys(mergedDownloads).forEach((fileType) => {\r\n const groupfileType = fileType - (fileType % 100);\r\n\r\n if (!combinedDownloads[groupfileType]) {\r\n combinedDownloads[groupfileType] = [];\r\n }\r\n\r\n combinedDownloads[groupfileType].push({\r\n id: fileType,\r\n assetList: mergedDownloads[fileType],\r\n sortOrder: mergedDownloads[fileType][0].sortOrder,\r\n url: ''\r\n });\r\n });\r\n\r\n const cultureId = this.tracking.cultureId;\r\n const configurationId = this.configuration.codeConfigurationId;\r\n const codeArticle = this.configuration.codeArticle;\r\n\r\n Object.keys(this.downloads.accordions).forEach((group) => {\r\n const accordionModel = this.downloads.accordions[group];\r\n\r\n if (!combinedDownloads[group]) {\r\n accordionModel.rootNode.classList.add('is-hidden');\r\n return;\r\n }\r\n\r\n accordionModel.rootNode.classList.remove('is-hidden');\r\n combinedDownloads[group].sort((a, b) => a.sortOrder - b.sortOrder);\r\n combinedDownloads[group].forEach((downloadModel) => {\r\n const params = {\r\n model: downloadModel,\r\n tracking: this.tracking\r\n };\r\n\r\n if (downloadModel.assetList.length > 1) {\r\n const queryArray = [];\r\n let multipleURL = '/dataapi/v1/downloadfiles/productcode/?';\r\n\r\n queryArray.push(`code=${codeArticle}`);\r\n queryArray.push(`cultureId=${cultureId}`);\r\n queryArray.push(`fileType=${downloadModel.id}`);\r\n\r\n const parentTypeId = downloadModel.id - (downloadModel.id % 100);\r\n queryArray.push(`parentTypeId=${parentTypeId}`);\r\n queryArray.push(`configurationId=${configurationId}`);\r\n\r\n multipleURL += queryArray.join('&');\r\n downloadModel.assetUrl = multipleURL;\r\n downloadModel.fileTypeOrder = downloadModel.assetList[0].fileTypeOrder;\r\n downloadModel.fileTypeDescription = downloadModel.assetList[0].fileTypeDescription;\r\n downloadModel.fileExtension = downloadModel.assetList[0].fileExtension;\r\n }\r\n\r\n if (downloadModel.assetList.length === 1) {\r\n params.model = downloadModel.assetList[0];\r\n }\r\n\r\n if (\r\n params.model.fileExtension &&\r\n typeof params.model.fileExtension === \"string\"\r\n ) {\r\n params.model.fileExtension =\r\n params.model.fileExtension.replace(\".\", \"\");\r\n }\r\n params.tracking.label =\r\n params.tracking.productGroupTitle + ' > ' +\r\n codeArticle + ' > ' +\r\n this.header.subtitleNode.innerText + ' > ' +\r\n params.model.fileTypeDescription;\r\n\r\n const downloadItemNode = Utility.htmlStr2El(this.templates.downloadItem(params));\r\n\r\n accordionModel.listNode.appendChild(downloadItemNode);\r\n });\r\n });\r\n\r\n this.downloads.zipLinkNodes.forEach((donwloadZipLink) => {\r\n if (donwloadZipLink.href.match(/configurationId=/)) {\r\n donwloadZipLink.href = donwloadZipLink.href.replace(\r\n /configurationId=\\d+/,\r\n `configurationId=${configurationId}`\r\n );\r\n } else {\r\n donwloadZipLink.href += `&configurationId=${configurationId}`;\r\n }\r\n });\r\n\r\n this.downloads.infoNode.classList.remove('is-animated');\r\n // reflow needed to restart animation\r\n void this.downloads.infoNode.offsetWidth;\r\n this.downloads.infoNode.classList.add('is-animated');\r\n }\r\n\r\n setURL() {\r\n const state = null;\r\n const title = window.location.pathname;\r\n const activeCulture = this.activeCulture.getAttribute('data-active-culture');\r\n let url = `/${this.configuration.codeArticle.toLocaleLowerCase()}/`;\r\n\r\n if (\r\n typeof activeCulture === 'string' &&\r\n activeCulture !== this.localization.defaultCulture\r\n ) {\r\n url = `/${activeCulture}${url}`;\r\n }\r\n\r\n if (this.configuration.codeConfigurationId !== 0) {\r\n url += `${this.configuration.codeConfigurationId}/`;\r\n }\r\n\r\n if (!window.history.replaceState) {\r\n return;\r\n }\r\n\r\n window.history.replaceState(state, title, url);\r\n }\r\n\r\n updateOpticImages() {\r\n const opticIconList = this.configuration.opticIcons;\r\n\r\n this.opticImagesContainerNode.innerHTML = '';\r\n\r\n if (!opticIconList || !opticIconList.length) return;\r\n\r\n opticIconList.forEach((opticIcon) => {\r\n const opticNode = Utility.htmlStr2El(this.templates.opticImageItem(opticIcon));\r\n this.opticImagesContainerNode.appendChild(opticNode);\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/js/photometricInjector.js","import './photometric.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from '../../general/js/helpers/utility.js';\r\nimport PhotometricCalculator from './js/photometricCalculator.js';\r\nimport PhotometricInjector from './js/photometricInjector.js';\r\nimport AnimatedPointList from './js/animatedPointList.js';\r\nimport Dropdown from './js/dropdown.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\nexport default class Photometric extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-photometric';\r\n }\r\n\r\n init() {\r\n this.accessoryBtn = this.el.querySelector('.js-photometric__accessory-btn');\r\n this.tooltip = this.el.querySelector('.js-photometric__tooltip');\r\n this.subPane = this.el.querySelector('.js-photometric__subpane');\r\n this.subPaneShown = false;\r\n this.accessoriesSelect = this.el.querySelector('.js-photometric__accessories');\r\n this.blinds = this.el.querySelector('.js-photometric__blind');\r\n this.preloader = this.el.querySelector('.js-photometric__preloader');\r\n this.preloaderGif = this.el.querySelector('.js-photometric__preloader-gif');\r\n this.calcPane = this.el.querySelector('.js-photometric__calc');\r\n this.profileContainer = this.el.querySelector('.js-photometric__profile-container');\r\n this.resetStateBtnNode = this.el.querySelector('.js-photometric__reset-state');\r\n this.favoritesBtnNode = this.el.querySelector('.js-photometric__favorites-btn');\r\n this.profileSelect = null;\r\n this.activeProfile = null;\r\n this.activeConfiguration = null;\r\n this.templates = {\r\n highlightedText: require('./templates/highlightedText.hbs')\r\n };\r\n\r\n this.photometricData = this.getData();\r\n\r\n if (!this.photometricData) {\r\n this.isInited = false;\r\n return;\r\n }\r\n\r\n if (this.profileContainer) {\r\n this.profileSelect = this.profileContainer.querySelector('select');\r\n }\r\n\r\n if (this.profileSelect) {\r\n this.profileInstance = new Dropdown(this.profileContainer);\r\n }\r\n\r\n this.accessoriesContainer = this.el.querySelector('.js-photometric__accessories-container');\r\n\r\n if (this.accessoriesContainer) {\r\n this.accessoriesInstance = new Dropdown(this.accessoriesContainer);\r\n }\r\n\r\n const calcNode = this.el.querySelector('.js-photometric__calc');\r\n\r\n if (calcNode) {\r\n this.calcInstance = new PhotometricCalculator(calcNode);\r\n }\r\n\r\n const animatedPointNode = this.el.querySelector('.js-animated-points');\r\n\r\n if (animatedPointNode) {\r\n this.pointsInstance = new AnimatedPointList(animatedPointNode);\r\n }\r\n\r\n this.injectorInstance = new PhotometricInjector(\r\n this.el,\r\n this.photometricData.defaultPhotometricConfiguration\r\n );\r\n\r\n this.initProfile();\r\n this.fillProfileOptions();\r\n this.initAccessories();\r\n\r\n this.attachEvents();\r\n this.el.classList.add('js-photometric--inited');\r\n this.isInited = true;\r\n }\r\n\r\n initProfile(isDefault) {\r\n if (!isDefault && this.photometricData.activeConfigurationId) {\r\n this.activeProfile = this.getProfileByConfigurationId(this.photometricData.activeConfigurationId);\r\n this.activeConfiguration = this.getConfigurationByKey(this.photometricData.activeConfigurationId);\r\n return;\r\n }\r\n\r\n if (this.photometricData.photometricProfiles.length === 1) {\r\n this.activeProfile = this.photometricData.photometricProfiles[0];\r\n this.activeConfiguration = this.getDefaultConfiguration();\r\n }\r\n }\r\n\r\n initAccessories() {\r\n if (this.isMultipleConfigurations()) {\r\n this.fillAccessories();\r\n this.enableAccessoryBtn();\r\n } else {\r\n this.disableAccessoryBtn();\r\n }\r\n\r\n this.switchAccessoryBtnText();\r\n }\r\n\r\n attachEvents() {\r\n if (this.profileSelect) {\r\n this.profileSelect.addEventListener(\r\n 'change',\r\n this.listeners.lightSourceChangeHandler = this.lightSourceChangeHandler.bind(this)\r\n );\r\n }\r\n\r\n if (this.accessoryBtn) {\r\n this.accessoryBtn.addEventListener(\r\n 'click',\r\n this.listeners.accessoryClickHandler = this.accessoryClickHandler.bind(this)\r\n );\r\n }\r\n\r\n if (this.accessoriesSelect) {\r\n this.accessoriesSelect.addEventListener(\r\n 'change',\r\n this.listeners.accessoriesChangeHandler = this.accessoriesChangeHandler.bind(this)\r\n );\r\n }\r\n\r\n if (this.calcInstance) {\r\n this.calcInstance.addEventListener(\r\n PhotometricCalculator.events.APPLY,\r\n this.listeners.onCalcApplyHandler = this.onCalcApplyHandler.bind(this)\r\n );\r\n this.calcInstance.addEventListener(\r\n PhotometricCalculator.events.SUBMIT,\r\n this.listeners.onCalcSubmitHandler = this.onCalcSubmitHandler.bind(this)\r\n );\r\n this.calcInstance.addEventListener(\r\n PhotometricCalculator.events.AJAX_COMLETE,\r\n this.listeners.onCalcAjaxCompleteHandler = this.onCalcAjaxCompleteHandler.bind(this)\r\n );\r\n }\r\n\r\n if (this.resetStateBtnNode) {\r\n this.resetStateBtnNode.addEventListener(\r\n 'click',\r\n this.listeners.onClickBtnResetStateHandler = this.onClickBtnResetStateHandler.bind(this)\r\n );\r\n }\r\n\r\n if (this.blinds) {\r\n this.blinds.addEventListener(\r\n 'click',\r\n this.listeners.onClickBlindsHandler = this.onClickBlindsHandler.bind(this)\r\n );\r\n }\r\n }\r\n\r\n detachEvents() {\r\n if (this.profileSelect) {\r\n this.profileSelect.removeEventListener(\r\n 'change',\r\n this.listeners.lightSourceChangeHandler\r\n );\r\n }\r\n\r\n if (this.accessoryBtn) {\r\n this.accessoryBtn.removeEventListener(\r\n 'click',\r\n this.listeners.accessoryClickHandler\r\n );\r\n }\r\n\r\n if (this.accessoriesSelect) {\r\n this.accessoriesSelect.removeEventListener(\r\n 'change',\r\n this.listeners.accessoriesChangeHandler\r\n );\r\n }\r\n\r\n if (this.calcInstance) {\r\n this.calcInstance.removeEventListener(\r\n PhotometricCalculator.events.APPLY,\r\n this.listeners.onCalcApplyHandler\r\n );\r\n this.calcInstance.removeEventListener(\r\n PhotometricCalculator.events.SUBMIT,\r\n this.listeners.onCalcSubmitHandler\r\n );\r\n this.calcInstance.removeEventListener(\r\n PhotometricCalculator.events.AJAX_COMLETE,\r\n this.listeners.onCalcAjaxCompleteHandler\r\n );\r\n }\r\n\r\n if (this.pointsInstance) {\r\n this.pointsInstance.removeEventListener(\r\n AnimatedPointList.events.ALL_DONE,\r\n this.listeners.pointsAllDoneHandler\r\n );\r\n }\r\n\r\n if (this.resetStateBtnNode) {\r\n this.resetStateBtnNode.removeEventListener(\r\n 'click',\r\n this.listeners.onClickBtnResetStateHandler\r\n );\r\n }\r\n\r\n if (this.blinds) {\r\n this.blinds.removeEventListener(\r\n 'click',\r\n this.listeners.onClickBlindsHandler\r\n );\r\n }\r\n\r\n this.listeners = {};\r\n }\r\n\r\n onCalcApplyHandler() {\r\n this.switchSubPane(false);\r\n this.switchCalcPane(false);\r\n this.updatePage();\r\n }\r\n\r\n onCalcSubmitHandler() {\r\n this.switchLoader(true);\r\n }\r\n\r\n onCalcAjaxCompleteHandler(data) {\r\n if (!data.result) {\r\n this.switchLoader(false);\r\n return;\r\n }\r\n\r\n this.activeConfiguration = this.mapProperties(data.result);\r\n this.switchLoader(false);\r\n }\r\n\r\n updatePage(isDefault) {\r\n let profile = null;\r\n let configuration = this.activeConfiguration;\r\n\r\n this.pointsInstance.playAnimation();\r\n\r\n if (isDefault) {\r\n this.activeProfile = null;\r\n this.activeConfiguration = null;\r\n configuration = this.photometricData.defaultPhotometricConfiguration;\r\n\r\n this.initProfile(isDefault);\r\n this.initAccessories();\r\n\r\n if (this.profileInstance) {\r\n this.profileInstance.selectByValue('default');\r\n }\r\n\r\n this.toggleResetStateBtnVisibility(false);\r\n this.toggleFavoritesBtnVisibility(true);\r\n } else {\r\n this.toggleResetStateBtnVisibility(true);\r\n this.toggleFavoritesBtnVisibility(false);\r\n }\r\n\r\n if (!isDefault && this.photometricData.photometricProfiles.length > 1) {\r\n profile = this.activeProfile;\r\n }\r\n\r\n this.switchAccessoryBtnText();\r\n this.injectorInstance.updatePhotometric(profile, configuration, isDefault);\r\n }\r\n\r\n getConfigurationByKey(id) {\r\n if (!id) {\r\n return null;\r\n }\r\n\r\n let i = 0;\r\n const imax = this.photometricData.photometricProfiles.length;\r\n\r\n for (i; i < imax; i++) {\r\n const profile = this.photometricData.photometricProfiles[i];\r\n\r\n for (let j = 0, jmax = profile.configurations.length; j < jmax; j++) {\r\n const configuration = profile.configurations[j];\r\n\r\n if (configuration.codeConfigurationId === id) {\r\n return configuration;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n getDefaultConfiguration() {\r\n if (!this.activeProfile) {\r\n return null;\r\n }\r\n\r\n let i = 0;\r\n const imax = this.activeProfile.configurations.length;\r\n\r\n if (!this.isMultipleConfigurations()) {\r\n return this.activeProfile.configurations[0];\r\n }\r\n\r\n for (i; i < imax; i++) {\r\n const configuration = this.activeProfile.configurations[i];\r\n\r\n if (!configuration.accessories.length) {\r\n return configuration;\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n isMultipleConfigurations() {\r\n if (this.activeProfile) {\r\n return this.activeProfile.configurations.length > 1;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n getProfileByKey(key) {\r\n if (!key) {\r\n return null;\r\n }\r\n\r\n let i = 0;\r\n const imax = this.photometricData.photometricProfiles.length;\r\n\r\n for (i; i < imax; i++) {\r\n const profile = this.photometricData.photometricProfiles[i];\r\n\r\n if (profile.lightSource.key === key) {\r\n return profile;\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n getProfileByConfigurationId(id) {\r\n if (!id) {\r\n return null;\r\n }\r\n\r\n let i = 0;\r\n const imax = this.photometricData.photometricProfiles.length;\r\n\r\n for (i; i < imax; i++) {\r\n const profile = this.photometricData.photometricProfiles[i];\r\n\r\n for (let j = 0, jmax = profile.configurations.length; j < jmax; j++) {\r\n const configuration = profile.configurations[j];\r\n\r\n if (configuration.codeConfigurationId === id) {\r\n return profile;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n lightSourceChangeHandler(e) {\r\n if (this.activeProfile !== e.target) {\r\n const key = e.target.value;\r\n\r\n if (key) {\r\n this.activeProfile = this.getProfileByKey(key);\r\n }\r\n\r\n this.activeConfiguration = this.getDefaultConfiguration();\r\n\r\n if (this.isMultipleConfigurations()) {\r\n this.fillAccessories();\r\n this.enableAccessoryBtn();\r\n\r\n if (this.activeConfiguration) {\r\n this.updatePage();\r\n }\r\n } else {\r\n this.updatePage();\r\n this.disableAccessoryBtn();\r\n }\r\n }\r\n }\r\n\r\n accessoriesChangeHandler(e) {\r\n const configurationId = parseInt(e.target.value, 10);\r\n\r\n if (!configurationId) {\r\n this.activeConfiguration = null;\r\n this.switchCalcPane(false);\r\n return;\r\n }\r\n\r\n this.activeConfiguration = this.getConfigurationByKey(configurationId);\r\n this.renderCalcPane();\r\n }\r\n\r\n accessoryClickHandler() {\r\n if (this.subPaneShown) {\r\n this.switchSubPane(false);\r\n return;\r\n }\r\n\r\n this.switchSubPane(true);\r\n this.renderCalcPane();\r\n }\r\n\r\n enableAccessoryBtn() {\r\n if (!this.accessoryBtn) {\r\n return;\r\n }\r\n\r\n this.accessoryBtn.classList.remove('is-disabled');\r\n this.accessoryBtn.removeAttribute('disabled');\r\n }\r\n\r\n disableAccessoryBtn() {\r\n if (!this.accessoryBtn) {\r\n return;\r\n }\r\n\r\n this.accessoryBtn.classList.add('is-disabled');\r\n this.accessoryBtn.setAttribute('disabled', 'disabled');\r\n }\r\n\r\n renderCalcPane() {\r\n if (!this.calcInstance || !this.activeConfiguration) {\r\n return;\r\n }\r\n\r\n this.calcInstance.updateCalculator(this.activeConfiguration);\r\n\r\n if (!this.calcPaneShown) {\r\n this.switchCalcPane(true);\r\n }\r\n }\r\n\r\n switchLoader(isShown) {\r\n Utility.switchClass(this.preloader, 'is-visible', isShown);\r\n\r\n if (isShown) {\r\n this.preloaderGif.src = this.preloaderGif.getAttribute('data-src');\r\n } else {\r\n this.preloaderGif.src = '#';\r\n }\r\n }\r\n\r\n switchSubPane(isShown) {\r\n Utility.switchClass(this.subPane, 'photometric__pane--active', isShown);\r\n\r\n if (this.profileSelect) {\r\n Utility.switchClass(this.profileContainer, 'is-disabled', isShown);\r\n }\r\n\r\n Utility.switchClass(this.blinds, 'blind--active', isShown);\r\n\r\n if (isShown) {\r\n eventEmitter.emit('photometricOpened');\r\n } else {\r\n eventEmitter.emit('photometricClosed');\r\n }\r\n this.subPaneShown = isShown;\r\n }\r\n\r\n switchCalcPane(isShown) {\r\n Utility.switchClass(this.calcPane, 'is-visible', isShown);\r\n this.calcPaneShown = isShown;\r\n }\r\n\r\n fillAccessories() {\r\n if (!this.accessoriesInstance) {\r\n return;\r\n }\r\n\r\n let shouldSelected = false;\r\n const defaultAccessoryText = this.accessoriesContainer.getAttribute('data-localization-default-accessory');\r\n const options = this.activeProfile.configurations.map((configuration) => {\r\n if (this.activeConfiguration) {\r\n shouldSelected = configuration.codeConfigurationId === this.activeConfiguration.codeConfigurationId;\r\n }\r\n\r\n const accessoriesJoined = configuration.accessories.map((accessory, i) => {\r\n let color = '';\r\n let optionCode = '';\r\n let optionExtra = '';\r\n\r\n if (i !== 0) {\r\n optionCode += ' +';\r\n }\r\n\r\n optionCode += accessory.optionCode;\r\n\r\n if (accessory.color) {\r\n color = ` (${accessory.color.description})`;\r\n }\r\n\r\n if (accessory.optionExtra) {\r\n optionExtra = ` - ${accessory.optionExtra} `;\r\n }\r\n\r\n return `${this.templates.highlightedText({ text: optionCode })} ${accessory.description}${optionExtra}${color}${accessory.techData}`;\r\n }).join('');\r\n\r\n return {\r\n value: configuration.codeConfigurationId,\r\n label: accessoriesJoined.length ? accessoriesJoined : defaultAccessoryText,\r\n selected: shouldSelected\r\n };\r\n });\r\n\r\n const hasAccessories = options.some(option => option.label === defaultAccessoryText);\r\n\r\n if (!hasAccessories) {\r\n options.unshift({\r\n value: '0',\r\n label: defaultAccessoryText,\r\n selected: !shouldSelected\r\n });\r\n }\r\n\r\n this.accessoriesInstance.setOptions(options, 'value', 'label', true);\r\n }\r\n\r\n fillProfileOptions() {\r\n if (!this.profileInstance) {\r\n return;\r\n }\r\n\r\n const profileOptions = this.photometricData.photometricProfiles.map((profile) => {\r\n const lightSource = profile.lightSource;\r\n let shouldSelected = false;\r\n let optionContent = '';\r\n\r\n if (this.activeProfile && this.activeProfile.lightSource.key === lightSource.key) {\r\n shouldSelected = true;\r\n }\r\n\r\n optionContent += `${this.templates.highlightedText({ text: lightSource.optionCode })} ${\r\n lightSource.description} ${lightSource.techData}`;\r\n\r\n return {\r\n value: lightSource.key,\r\n label: optionContent,\r\n selected: shouldSelected\r\n };\r\n });\r\n\r\n this.profileInstance.setOptions(profileOptions, 'value', 'label');\r\n }\r\n\r\n destroy() {\r\n this.detachEvents();\r\n\r\n if (this.profileInstance) this.profileInstance.destroy();\r\n if (this.accessoriesInstance) this.accessoriesInstance.destroy();\r\n if (this.calcInstance) this.calcInstance.destroy();\r\n if (this.pointsInstance) this.pointsInstance.destroy();\r\n if (this.injectorInstance) this.injectorInstance.destroy();\r\n }\r\n\r\n getData() {\r\n const dataNode = this.el.querySelector('.js-photometric__data');\r\n let data = null;\r\n\r\n if (!dataNode) {\r\n return null;\r\n }\r\n\r\n try {\r\n data = JSON.parse(dataNode.getAttribute('data-json'));\r\n } catch (error) {\r\n Utility.logMessage(`Bad photometric data JSON.\\n${error.message}`);\r\n }\r\n\r\n return typeof data === 'object' ? data : null;\r\n }\r\n\r\n mapProperties(data) {\r\n if (!data) {\r\n return null;\r\n }\r\n\r\n const configuration = Utility.cloneObject(this.activeConfiguration);\r\n configuration.diagrams = data.diagrams;\r\n configuration.nominalLightFlow = data.nominalLightFlow;\r\n configuration.nominalPower = data.nominalPower;\r\n configuration.systemLightFlow = data.systemLightFlow;\r\n configuration.systemPower = data.systemPower;\r\n return configuration;\r\n }\r\n\r\n switchAccessoryBtnText() {\r\n if (!this.accessoryBtn) {\r\n return;\r\n }\r\n\r\n const defaultText = this.accessoryBtn.getAttribute('data-default-text');\r\n const switchText = this.accessoryBtn.getAttribute('data-switch-text');\r\n\r\n if (this.activeConfiguration && this.activeConfiguration.accessories.length) {\r\n this.accessoryBtn.innerText = switchText;\r\n } else {\r\n this.accessoryBtn.innerText = defaultText;\r\n }\r\n }\r\n\r\n onClickBtnResetStateHandler(event) {\r\n event.preventDefault();\r\n this.updatePage(true);\r\n }\r\n\r\n onClickBlindsHandler() {\r\n this.switchSubPane(false);\r\n }\r\n\r\n toggleResetStateBtnVisibility(shouldVisible = true) {\r\n Utility.toggleClass(this.resetStateBtnNode, 'is-hidden', !shouldVisible);\r\n }\r\n\r\n toggleFavoritesBtnVisibility(shouldVisible = true) {\r\n Utility.toggleClass(this.favoritesBtnNode, 'is-hidden', !shouldVisible);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/photometric/photometric.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\\r\\n
\\r\\n \\r\\n \\r\\n\";\n stack1 = ((helper = (helper = helpers.buttons || (depth0 != null ? depth0.buttons : depth0)) != null ? helper : alias2),(options={\"name\":\"buttons\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.buttons) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n\t\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/photometric/templates/imageThumbnail.hbs\n// module id = ./app/components/photometric/templates/imageThumbnail.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.description || (depth0 != null ? depth0.description : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"description\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\t\t\t\\r\\n\t\t\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\t\t\\r\\n\t\t\ti\\r\\n\t\t\t\"\n + container.escapeExpression(((helper = (helper = helpers.description || (depth0 != null ? depth0.description : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"description\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\t\t\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\";\n\n return \"\\r\\n\t\t\t\t\t\\r\\n\t\t\t\t\t\\r\\n\t\t\t\t
\\r\\n\t\t\t\t\\r\\n\t\t\t\t\t\"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n\t\t\t\t
\\r\\n\t\t\t\\r\\n\t\t- \\r\\n\"\n + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.productTypes : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\t
\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/productView/templates/sideNav.hbs\n// module id = ./app/components/productView/templates/sideNav.hbs\n// module chunks = 1","import './productsInspiration.less';\r\n\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Packery from 'packery';\r\n\r\nconst CONTAINER_CSS_CLASS = '.js-products-inspiration__container';\r\nconst CELL_CSS_CLASS = '.js-products-inspiration-cell';\r\n\r\nexport default class ProductsInspiration extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.isInited = false;\r\n this.gridPluginInstance = null;\r\n this.container = null;\r\n this.cells = [];\r\n\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return '.cp-products-inspiration';\r\n }\r\n\r\n init() {\r\n this.container = document.querySelector(CONTAINER_CSS_CLASS);\r\n this.cells = [...this.container.querySelectorAll(CELL_CSS_CLASS)];\r\n\r\n this.listenToImagesLoad();\r\n this.isInited = true;\r\n }\r\n\r\n listenToImagesLoad() {\r\n let promisesAmount = 0;\r\n const imgPromises = [...this.cells].map((node) => {\r\n const image = node.querySelector('img');\r\n if (!image.complete) {\r\n return new Promise((resolve) => {\r\n promisesAmount++;\r\n image.addEventListener('load', () => {\r\n resolve();\r\n });\r\n });\r\n }\r\n });\r\n\r\n if (promisesAmount > 0) {\r\n Promise.all(imgPromises).then(() => {\r\n this.initGrid(this.cells);\r\n });\r\n } else {\r\n this.initGrid(this.cells);\r\n }\r\n }\r\n\r\n initGrid(nodes) {\r\n this.gridPluginInstance = new Packery(this.container, {\r\n itemSelector: CELL_CSS_CLASS,\r\n gutter: '.gutter-sizer',\r\n percentPosition: true\r\n });\r\n nodes.forEach(node => node.classList.remove('is-hidden'));\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/productsInspiration/productsInspiration.js","import './productsView.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport http, { CancelToken } from 'http-instance';\r\nimport productLinesTemplate from './templates/productTypeCollection.hbs';\r\nimport productTypesTemplate from '../productList/templates/productTypes.hbs';\r\n\r\nconst switcherStateTitle = {\r\n\ton: ' on',\r\n\toff: 'off',\r\n};\r\n\r\nexport default class ProductsView extends BaseComponent {\r\n\tconstructor(elem) {\r\n\t\tsuper(elem);\r\n\r\n\t\tthis.isSwitchOn = false;\r\n\t\tthis.init();\r\n\t\tthis.requestPayload = {\r\n 'Culture': this.culture,\r\n\t\t\t'Category': this.category,\r\n\t\t}\r\n\t}\r\n\r\n\tstatic get tagName() {\r\n\t\treturn '.js-products-view';\r\n\t}\r\n\r\n\tsetVariables() {\r\n\t\tthis.switcher = this.el.querySelector('.js-switcher');\r\n\t\tthis.switcherLabelEl = this.switcher.querySelector('.switcher__label');\r\n\t\tthis.switcherLabelInitialText = this.switcherLabelEl.innerText;\r\n\t\tthis.productsList = this.el.querySelector('.cp-product-list');\r\n\t\tthis.category = this.productsList.dataset.category;\r\n\t\tthis.culture = this.productsList.dataset.culture;\r\n\t\tthis.productTypesUrl = this.productsList.dataset.listUrl;\r\n\t\tthis.productLinesUrl = this.productsList.dataset.listAllUrl;\r\n\r\n\t\tswitch (this.productsList.dataset.enableAllProducts) {\r\n\t\t\tcase 'False':\r\n\t\t\t\tthis.isSwitchOn = false;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'True':\r\n\t\t\t\tthis.isSwitchOn = true;\r\n\t\t\tdefault:\r\n\t\t\t\tthis.isSwitchOn = true;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.setVariables();\r\n\t\tthis.addListeners();\r\n\t\tif (this.isSwitchOn) {\r\n\t\t\tthis.switcher.classList.add('switcher--active');\r\n\t\t\tthis.switcherLabelEl.innerText = `${this.switcherLabelInitialText} ${switcherStateTitle.on}`;\r\n\t\t} else {\r\n\t\t\tthis.switcherLabelEl.innerText = `${this.switcherLabelInitialText} ${switcherStateTitle.off}`;\r\n\t\t}\r\n\t}\r\n\r\n\taddListeners() {\r\n\t\tthis.switcher.addEventListener('click', () => this.handleSwitch());\r\n\t}\r\n\r\n\thandleSwitch() {\r\n\t\tthis.toggleSwitch();\r\n\t\tthis.fetchProducts();\r\n\t}\r\n\t\r\n\tchangeList(data) {\r\n\t\tthis.productsList.innerHTML = this.isSwitchOn \r\n\t\t\t? productLinesTemplate({ productTypesCollection: data })\r\n\t\t\t: productTypesTemplate({ productTypes: data })\r\n\t}\r\n\t\r\n\ttoggleSwitch() {\r\n\t\tif (this.isSwitchOn) {\r\n\t\t\tthis.switcher.classList.remove('switcher--active');\r\n\t\t\tthis.switcherLabelEl.innerText = `${this.switcherLabelInitialText} ${switcherStateTitle.off}`;\r\n\t\t} else {\r\n\t\t\tthis.switcher.classList.add('switcher--active');\r\n\t\t\tthis.switcherLabelEl.innerText = `${this.switcherLabelInitialText} ${switcherStateTitle.on}`;\r\n\t\t}\r\n\r\n\t\tthis.isSwitchOn = !this.isSwitchOn;\r\n\t}\r\n\r\n\tfetchProducts() {\r\n\t\tlet cancelRequestFunction;\r\n if (typeof cancelRequestFunction === 'function') {\r\n cancelRequestFunction();\r\n }\r\n\r\n\t\tconst endpointUrl = this.isSwitchOn\r\n\t\t\t? this.productLinesUrl\r\n\t\t\t: this.productTypesUrl\r\n\r\n\t\tconst cancelToken = {\r\n\t\t\tcancelToken: new CancelToken(fn => this.cancelRequestFunction = fn),\r\n\t\t};\r\n\r\n\t\ttry {\r\n\t\t\thttp.post(endpointUrl, this.requestPayload, cancelToken)\r\n\t\t\t\t.then(({ data }) => {\r\n\t\t\t\t\tthis.changeList(data);\r\n\t\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn(error);\r\n\t\t\treturn Promise.reject(error);\r\n\t\t}\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/productsView/productsView.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.productLines : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"2\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \" \\r\\n\";\n stack1 = ((helper = (helper = helpers.family || (depth0 != null ? depth0.family : depth0)) != null ? helper : alias2),(options={\"name\":\"family\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.family) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n buffer += \"\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\t
\\r\\n\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var alias1=container.lambda, alias2=container.escapeExpression;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n- \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(data && data.first),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.productLines : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(5, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n
\\r\\n \"\n + alias2(alias1((depths[1] != null ? depths[1].title : depths[1]), depth0))\n + \"
\\r\\n\"\n + alias2(alias1((depths[1] != null ? depths[1].count : depths[1]), depth0))\n + \"
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n \\r\\n new
\\r\\n\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n \"\n + alias4(((helper = (helper = helpers.city || (depth0 != null ? depth0.city : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"city\",\"hash\":{},\"data\":data}) : helper)))\n + \", \"\n + alias4(((helper = (helper = helpers.country || (depth0 != null ? depth0.country : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"country\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n \\r\\n\"\n + container.escapeExpression(((helper = (helper = helpers.imagesCount || (depth0 != null ? depth0.imagesCount : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"imagesCount\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options;\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { return stack1; }\n else { return ''; }\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/projectsFilter/templates/galleryCards.hbs\n// module id = ./app/components/projectsFilter/templates/galleryCards.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.imagesCount || (depth0 != null ? depth0.imagesCount : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"imagesCount\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, buffer = \n \"\\r\\n \\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n \"\n + alias4(((helper = (helper = helpers.city || (depth0 != null ? depth0.city : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"city\",\"hash\":{},\"data\":data}) : helper)))\n + \", \"\n + alias4(((helper = (helper = helpers.country || (depth0 != null ? depth0.country : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"country\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/projectsFilter/templates/infoWindow.hbs\n// module id = ./app/components/projectsFilter/templates/infoWindow.hbs\n// module chunks = 1","const baiduMapThemes = Object.freeze({\r\n normal: {\r\n style: 'normal'\r\n },\r\n midnight: {\r\n style: 'midnight'\r\n }\r\n});\r\n\r\nexport default baiduMapThemes;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/projectsFilter/themes/baiduMapThemes.js","const googleMapThemes = Object.freeze({\r\n default: [\r\n {\r\n featureType: 'poi',\r\n stylers: [\r\n { visibility: 'off' }\r\n ]\r\n }, {\r\n featureType: 'transit',\r\n stylers: [\r\n { visibility: 'off' }\r\n ]\r\n }, {\r\n featureType: 'landscape',\r\n stylers: [\r\n { saturation: -100 }\r\n ]\r\n }, {\r\n featureType: 'road',\r\n stylers: [\r\n { saturation: -100 }\r\n ]\r\n }\r\n ],\r\n dark: [\r\n {\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#212121'\r\n }\r\n ]\r\n },\r\n {\r\n elementType: 'labels.icon',\r\n stylers: [\r\n {\r\n visibility: 'off'\r\n }\r\n ]\r\n },\r\n {\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#757575'\r\n }\r\n ]\r\n },\r\n {\r\n elementType: 'labels.text.stroke',\r\n stylers: [\r\n {\r\n color: '#212121'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'administrative',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#757575'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'administrative.country',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#9e9e9e'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'administrative.land_parcel',\r\n stylers: [\r\n {\r\n visibility: 'off'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'administrative.locality',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#bdbdbd'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'poi',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#757575'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'poi.park',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#181818'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'poi.park',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#616161'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'poi.park',\r\n elementType: 'labels.text.stroke',\r\n stylers: [\r\n {\r\n color: '#1b1b1b'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road',\r\n elementType: 'geometry.fill',\r\n stylers: [\r\n {\r\n color: '#2c2c2c'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#8a8a8a'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road.arterial',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#373737'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road.highway',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#3c3c3c'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road.highway.controlled_access',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#4e4e4e'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'road.local',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#616161'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'transit',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#757575'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'water',\r\n elementType: 'geometry',\r\n stylers: [\r\n {\r\n color: '#000000'\r\n }\r\n ]\r\n },\r\n {\r\n featureType: 'water',\r\n elementType: 'labels.text.fill',\r\n stylers: [\r\n {\r\n color: '#3d3d3d'\r\n }\r\n ]\r\n }\r\n ]\r\n});\r\n\r\nexport default googleMapThemes;\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/projectsFilter/themes/googleMapThemes.js","import googleMapThemes from './googleMapThemes';\r\nimport baiduMapThemes from './baiduMapThemes';\r\n\r\nexport {\r\n googleMapThemes,\r\n baiduMapThemes\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/projectsFilter/themes/index.js","import './projectsListView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/projectsListView/projectsListView.js","import './promoBanner.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/promoBanner/promoBanner.js","import BaseComponent from 'baseComponent.js';\r\n\r\nexport default class QuoteOrder extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-sort-order';\r\n }\r\n\r\n init() {\r\n const changedBlock = this.el;\r\n const prevBlockClass = changedBlock.getAttribute('data-paste-after');\r\n const prevBlock = document.querySelector(prevBlockClass);\r\n const deviceType = changedBlock.getAttribute('data-device');\r\n\r\n if (!prevBlock) return;\r\n\r\n prevBlock.insertAdjacentHTML('afterend', changedBlock.outerHTML);\r\n prevBlock.nextSibling.classList.remove(`no-${deviceType}`);\r\n prevBlock.nextSibling.classList.add(`is-${deviceType}`);\r\n }\r\n\r\n destroy() {\r\n\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/quoteOrder/quoteOrder.js","import './radioConsole.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/radioConsole/radioConsole.js","import './range.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport Utility from 'helpers/utility.js';\r\nimport app from 'app';\r\n\r\nexport default class Range extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-range';\r\n }\r\n\r\n init() {\r\n this.setVariables();\r\n this.setRangeState();\r\n this.addListeners();\r\n\r\n this.minLabel.innerText = this.totalRange[0] + this.unit;\r\n this.maxLabel.innerText = this.totalRange[1] + this.unit;\r\n }\r\n\r\n setVariables() {\r\n this.digits = 0;\r\n this.debounceTimeout = 800;\r\n\r\n this.fill = this.el.querySelector('[data-ref=\"fill\"]');\r\n this.active = this.el.querySelector('[data-ref=\"active\"]');\r\n this.track = this.el.querySelector('[data-ref=\"track\"]');\r\n this.mainNode = this.el.querySelector('[data-ref=\"main\"]');\r\n this.handles = this.el.querySelectorAll('.js-handle');\r\n this.minLabel = this.el.querySelector('[data-ref=\"min\"]');\r\n this.maxLabel = this.el.querySelector('[data-ref=\"max\"]');\r\n this.minInput = this.el.querySelector('[data-ref=\"min-input\"]');\r\n this.maxInput = this.el.querySelector('[data-ref=\"max-input\"]');\r\n this.input = this.el.querySelector('[data-ref=\"input\"]');\r\n\r\n\r\n this.width = this.track.clientWidth;\r\n this.totalRange = this.el.getAttribute('data-total-range').split(',').map(item => window.parseInt(item));\r\n this.activeRange = this.el.getAttribute('data-active-range').split(',').map(item => window.parseInt(item));\r\n this.valueString = this.el.getAttribute('data-value');\r\n this.unit = this.el.getAttribute('data-unit') || '';\r\n\r\n\r\n this.onInputWithDebounce = Utility.debounce(this.onInputWithDebounce.bind(this), this.debounceTimeout);\r\n }\r\n\r\n addListeners() {\r\n this.listeners.clickTrack = this.onTrackClick.bind(this);\r\n this.listeners.moveStart = this.onMoveStart.bind(this);\r\n this.listeners.move = this.onMove.bind(this);\r\n this.listeners.moveEnd = this.onMoveEnd.bind(this);\r\n this.listeners.inputMin = this.onInput.bind(this, 'min');\r\n this.listeners.inputMax = this.onInput.bind(this, 'max');\r\n this.listeners.blurMin = this.onBlur.bind(this, 'min');\r\n this.listeners.blurMax = this.onBlur.bind(this, 'max');\r\n this.listeners.inputFocus = this.onFocus.bind(this);\r\n for (let i = 0; i < this.handles.length; i++) {\r\n this.handles[i].addEventListener('mousedown', this.listeners.moveStart);\r\n this.handles[i].addEventListener('touchstart', this.listeners.moveStart);\r\n }\r\n\r\n document.addEventListener('mousemove', this.listeners.move);\r\n document.addEventListener('touchmove', this.listeners.move);\r\n document.addEventListener('mouseup', this.listeners.moveEnd);\r\n document.addEventListener('touchend', this.listeners.moveEnd);\r\n\r\n this.minInput.addEventListener('input', this.listeners.inputMin);\r\n this.maxInput.addEventListener('input', this.listeners.inputMax);\r\n\r\n this.minInput.addEventListener('blur', this.listeners.blurMin);\r\n this.maxInput.addEventListener('blur', this.listeners.blurMax);\r\n\r\n this.minInput.addEventListener('focus', this.listeners.inputFocus);\r\n this.maxInput.addEventListener('focus', this.listeners.inputFocus);\r\n\r\n if (app.globals.isTouch) {\r\n this.mainNode.addEventListener('touchstart', this.listeners.clickTrack);\r\n } else {\r\n this.mainNode.addEventListener('mousedown', this.listeners.clickTrack);\r\n }\r\n\r\n\r\n eventEmitter.subscribe('resizeFinished', this.listeners.resize = this.onResize.bind(this));\r\n }\r\n\r\n onMoveStart(e) {\r\n this.isPicked = true;\r\n this.activeHandle = e.target;\r\n while (!this.activeHandle.classList.contains('js-handle')) {\r\n this.activeHandle = this.activeHandle.parentNode;\r\n }\r\n\r\n this.activeHandle.classList.add('is-active');\r\n this.startMouseX = (typeof e.clientX !== 'undefined') ? e.clientX : e.touches[0].clientX;\r\n this.startHandlePosition = parseFloat(window.getComputedStyle(this.activeHandle).getPropertyValue('left'));\r\n this.staticHandle = (this.handles[0].classList.contains('is-active')) ? this.handles[1] : this.handles[0];\r\n this.staticValue = parseFloat(this.staticHandle.getAttribute('data-value'));\r\n this.staticHandlePos = this.calculatePosition(this.staticValue);\r\n }\r\n\r\n\r\n onMove(e) {\r\n if (!this.isPicked) {\r\n return;\r\n }\r\n e.preventDefault();\r\n const clentX = (typeof e.clientX !== 'undefined') ? e.clientX : e.touches[0].clientX;\r\n const mouseDifX = clentX - this.startMouseX;\r\n let xPos = this.startHandlePosition + mouseDifX;\r\n let value;\r\n\r\n if (xPos < 0) {\r\n xPos = 0;\r\n value = this.totalRange[0];\r\n } else if (xPos > this.width) {\r\n xPos = this.width;\r\n value = this.totalRange[1];\r\n } else {\r\n value = this.calculateValue(xPos);\r\n }\r\n\r\n\r\n this.activeHandle.style.left = xPos + 'px';\r\n this.activeHandle.setAttribute('data-value', value);\r\n\r\n const rightX = Math.max(this.staticHandlePos, xPos);\r\n const leftX = Math.min(this.staticHandlePos, xPos);\r\n this.fill.style.width = (rightX - leftX) + 'px';\r\n this.fill.style.left = leftX + 'px';\r\n\r\n const isMinValue = (value <= this.staticValue);\r\n\r\n if (isMinValue) {\r\n this.minInput.value = value;\r\n this.maxInput.value = this.staticValue;\r\n } else {\r\n this.maxInput.value = value;\r\n this.minInput.value = this.staticValue;\r\n }\r\n }\r\n\r\n onMoveEnd() {\r\n if (!this.isPicked) {\r\n return;\r\n }\r\n\r\n this.isPicked = false;\r\n this.activeHandle.classList.remove('is-active');\r\n\r\n const valuesArr = [];\r\n\r\n for (let i = 0; i < this.handles.length; i++) {\r\n valuesArr.push(parseFloat(this.handles[i].getAttribute('data-value')));\r\n }\r\n\r\n valuesArr.sort((a, b) => a - b);\r\n\r\n const valueString = valuesArr.join(',');\r\n this.setHiddenInpValue(valueString);\r\n }\r\n\r\n onTrackClick(e) {\r\n if (this.isPicked) {\r\n return;\r\n }\r\n const mouseX = (typeof e.clientX !== 'undefined') ? e.clientX : e.touches[0].clientX;\r\n const trackOffset = parseInt(this.track.getBoundingClientRect().left, 10);\r\n\r\n const x = mouseX - trackOffset;\r\n const val = this.calculateValue(x);\r\n\r\n const valueArr = this.valueString.split(',');\r\n const minValue = parseFloat(valueArr[0]);\r\n const maxValue = parseFloat(valueArr[1]);\r\n\r\n const minDif = Math.abs(minValue - val);\r\n const maxDif = Math.abs(maxValue - val);\r\n\r\n if (minDif <= maxDif) {\r\n this.minInput.value = val;\r\n } else {\r\n this.maxInput.value = val;\r\n }\r\n\r\n const valueString = `${this.minInput.value},${this.maxInput.value}`;\r\n this.updateHandlesPosition(valueString);\r\n this.setHiddenInpValue(valueString);\r\n }\r\n\r\n onInput(type, e) {\r\n this.onInputWithDebounce(type, e);\r\n }\r\n\r\n onBlur(type, e) {\r\n if (e.target.value.length === 0) {\r\n if (type === 'min') {\r\n this.minInput.value = this.totalRange[0];\r\n } else {\r\n this.maxInput.value = this.totalRange[1];\r\n }\r\n\r\n this.onInputFinished();\r\n }\r\n }\r\n\r\n onFocus(e) {\r\n if (!app.globals.isTouch) {\r\n e.target.select();\r\n }\r\n }\r\n\r\n onInputWithDebounce(type, e) {\r\n if (e.target.value.length === 0) {\r\n return;\r\n }\r\n const inputValue = parseFloat(e.target.value);\r\n\r\n if (\r\n inputValue < this.totalRange[0] ||\r\n inputValue > this.totalRange[1] ||\r\n Utility.isNaN(inputValue)\r\n ) {\r\n if (type === 'min') {\r\n this.minInput.value = this.totalRange[0];\r\n } else {\r\n this.maxInput.value = this.totalRange[1];\r\n }\r\n }\r\n\r\n if (type === 'min' && inputValue > this.maxInput.value) {\r\n this.maxInput.value = Math.min(inputValue, this.totalRange[1]);\r\n }\r\n\r\n if (type === 'max' && inputValue < this.minInput.value) {\r\n this.minInput.value = Math.max(inputValue, this.totalRange[0]);\r\n }\r\n\r\n this.onInputFinished();\r\n }\r\n\r\n onInputFinished() {\r\n const valueString = `${this.minInput.value},${this.maxInput.value}`;\r\n this.updateHandlesPosition(valueString);\r\n this.setHiddenInpValue(valueString);\r\n }\r\n\r\n setHiddenInpValue(valueString) {\r\n this.valueString = valueString;\r\n this.input.value = this.valueString;\r\n let event;\r\n\r\n if (typeof (window.Event) === 'function') {\r\n event = new Event('change', { bubbles: true });\r\n } else {\r\n // for IE10\r\n event = document.createEvent('Event');\r\n event.initEvent('change', true, true);\r\n }\r\n\r\n this.input.dispatchEvent(event);\r\n }\r\n\r\n calculateValue(xPos) {\r\n return parseFloat((this.totalRange[0] + (((this.totalRange[1] - this.totalRange[0]) / this.width) * xPos)).toFixed(this.digits));\r\n }\r\n\r\n calculatePosition(value) {\r\n return parseInt((this.width * (value - this.totalRange[0])) / (this.totalRange[1] - this.totalRange[0]), 10);\r\n }\r\n\r\n\r\n setRangeState(_activeRange, _valueArray) {\r\n if (\r\n _activeRange &&\r\n _activeRange[0] === this.activeRange[0] &&\r\n _activeRange[1] === this.activeRange[1] &&\r\n _valueArray.join(',') === this.valueString\r\n ) {\r\n return;\r\n }\r\n const activeRange = (typeof _activeRange !== 'undefined') ? _activeRange : this.activeRange;\r\n const valueArray = (typeof _valueArray !== 'undefined') ? _valueArray : this.valueString.split(',').map(item => parseFloat(item));\r\n\r\n this.minInput.value = valueArray[0];\r\n this.maxInput.value = valueArray[1];\r\n\r\n const valueString = valueArray.join(',');\r\n\r\n this.updateHandlesPosition(valueString, activeRange);\r\n this.valueString = valueString;\r\n this.activeRange = activeRange;\r\n }\r\n\r\n updateHandlesPosition(_valueString, _activeRange) {\r\n const valueArr = _valueString.split(',').map(item => parseFloat(item));\r\n const activeRange = (typeof _activeRange !== 'undefined') ? _activeRange : this.activeRange;\r\n const xPos1 = this.calculatePosition(valueArr[0]);\r\n const xPos2 = this.calculatePosition(valueArr[1]);\r\n const activePos1 = this.calculatePosition(activeRange[0]);\r\n const activePos2 = this.calculatePosition(activeRange[1]);\r\n\r\n this.handles[0].style.left = xPos1 + 'px';\r\n this.handles[1].style.left = xPos2 + 'px';\r\n this.handles[0].setAttribute('data-value', valueArr[0]);\r\n this.handles[1].setAttribute('data-value', valueArr[1]);\r\n this.fill.style.width = (xPos2 - xPos1) + 'px';\r\n this.fill.style.left = (xPos1) + 'px';\r\n this.active.style.width = (activePos2 - activePos1) + 'px';\r\n this.active.style.left = activePos1 + 'px';\r\n }\r\n\r\n onResize() {\r\n this.width = this.track.clientWidth;\r\n this.updateHandlesPosition(this.valueString);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/range/range.js","import './redirectBar.less';\r\nimport BaseComponent from 'baseComponent.js';\r\nimport Utility from 'helpers/utility';\r\n\r\nexport default class RedirectBar extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-redirect-bar';\r\n }\r\n\r\n init() {\r\n this.closeBtn = this.el.querySelector('.js-close');\r\n const hideBar = Utility.getCookie('hide_redirect_bar');\r\n\r\n if (!hideBar) {\r\n this.el.classList.remove('hidden');\r\n }\r\n\r\n this.addListeners();\r\n }\r\n\r\n addListeners() {\r\n this.closeBtn.addEventListener('click', this.listeners.close = this.close.bind(this));\r\n }\r\n\r\n close() {\r\n this.el.classList.add('hidden');\r\n Utility.setCookie('hide_redirect_bar', 1, 0.5); // name, value, days\r\n }\r\n\r\n removeListeners() {\r\n this.closeBtn.removeEventListener('click', this.listeners.close);\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n this.isDestroyed = true;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/redirectBar/redirectBar.js","import './registerForm.less';\r\n\r\nimport BaseComponent from 'baseComponent.js';\r\nimport FormInput from 'form/js/formInput.js';\r\nimport FormCheckbox from 'form/js/formCheckbox.js';\r\nimport Dropdown from 'dropdown/dropdown.js';\r\nimport Captcha from '../captcha/captcha.js';\r\n\r\nexport default class RegisterForm extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-register-form';\r\n }\r\n\r\n init() {\r\n this.behalfCheckbox = this.el.querySelector('.js-register-form-behalf-checkbox');\r\n this.behalfFields = this.el.querySelector('.js-register-form-behalf-fields');\r\n this.submitBtnNode = this.el.querySelector('.js-register-form-submit-btn');\r\n this.fieldsNodes = [...this.el.querySelectorAll('.js-register-form-field')];\r\n this.checkboxesNodes = [...this.el.querySelectorAll('.js-register-form-checkbox')];\r\n this.dropdownsNodes = [...this.el.querySelectorAll('.js-register-form-dropdown')];\r\n this.captchaNode = this.el.querySelector('.js-register-form-captcha');\r\n this.fieldsList = [];\r\n this.clientId = this.submitBtnNode ? this.submitBtnNode.getAttribute('data-clientid') : '';\r\n this.isWorking = false;\r\n\r\n this.fieldsNodes.forEach((fieldNode) => {\r\n const fieldControl = new FormInput(fieldNode);\r\n this.fieldsList.push(fieldControl);\r\n });\r\n\r\n this.checkboxesNodes.forEach((checkboxNode) => {\r\n const checkboxControl = new FormCheckbox(checkboxNode);\r\n this.fieldsList.push(checkboxControl);\r\n });\r\n\r\n this.dropdownsNodes.forEach((dropdownNode) => {\r\n const dropdownControl = new Dropdown(dropdownNode);\r\n this.fieldsList.push(dropdownControl);\r\n });\r\n\r\n this.fieldsList.forEach((fieldControl) => {\r\n fieldControl.setMediator(this);\r\n });\r\n\r\n if (this.captchaNode) {\r\n this.captchaControl = new Captcha(this.captchaNode);\r\n this.captchaControl.onStateChanged(this.onCaptchaChange.bind(this));\r\n\r\n this.fieldsList.push(this.captchaControl);\r\n }\r\n\r\n this.addListeners();\r\n }\r\n\r\n destroy() {\r\n super.destroy();\r\n this.fieldsList.forEach(fieldControl => fieldControl.destroy());\r\n }\r\n\r\n addListeners() {\r\n super.addListener(this.submitBtnNode, 'click', this.onClickSubmitBtn.bind(this));\r\n }\r\n\r\n\r\n onClickSubmitBtn(event) {\r\n event.preventDefault();\r\n\r\n if (this.isWorking) return;\r\n\r\n this.isWorking = true;\r\n\r\n if (\r\n (!this.timeInputNode && this.validateForm()) ||\r\n (this.timeInputNode && this.timeInputNode.value.length)\r\n ) {\r\n window.__doPostBack(this.clientId, '');\r\n } else {\r\n this.isWorking = false;\r\n }\r\n }\r\n\r\n onCaptchaChange() {\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n }\r\n\r\n validateForm(isSilent) {\r\n let isFormValid = true;\r\n\r\n if (isSilent === undefined) {\r\n isSilent = false;\r\n }\r\n\r\n this.fieldsList.forEach((field) => {\r\n if (!field.isVisible()) return;\r\n\r\n if (!isSilent) {\r\n field.validate();\r\n }\r\n\r\n if (!field.isValid()) {\r\n isFormValid = false;\r\n }\r\n });\r\n\r\n return isFormValid;\r\n }\r\n\r\n updateSubmitAvailability(isValid) {\r\n if (isValid === undefined) {\r\n isValid = false;\r\n }\r\n\r\n if (isValid) {\r\n this.submitBtnNode.classList.remove('is-disabled');\r\n } else {\r\n this.submitBtnNode.classList.add('is-disabled');\r\n }\r\n }\r\n\r\n stateChanged(customEvent) {\r\n switch (customEvent.type) {\r\n case 'FORM_INPUT_CHANGED':\r\n case 'FORM_CHECKBOX_CHANGED':\r\n case 'FORM_SELECT_CHANGED':\r\n this.updateSubmitAvailability(this.validateForm(true));\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/registerForm/registerForm.js","import './registerPage.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/registerPage/registerPage.js","import './relatedCard.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/relatedCard/relatedCard.js","import './relatedCarousel.less';\r\n\r\nimport Glide from '@glidejs/glide';\r\nimport BaseComponent from 'baseComponent';\r\nimport http, { CancelToken } from 'http-instance';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\nimport { arrowDisabler, controlsHidden, fixBoundPeek } from 'general/js/glide';\r\nimport source from '../application-area-wizard/templates/productlines.hbs';\r\nimport scrollIntoView from 'scroll-into-view';\r\n\r\nexport default class RelatedCarousel extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n\r\n this.culture = this.el.getAttribute('data-culture');\r\n this.path = this.el.getAttribute('data-path');\r\n this.url = this.el.getAttribute('data-url');\r\n this.slideRefs = [...this.el.querySelectorAll('[data-refs=\"slide\"]')];\r\n this.isInited = false;\r\n this.inxSlide = 0;\r\n this.perViewSlide;\r\n if(applicationAreaData) this.applicationAreaData = applicationAreaData;\r\n\r\n this._glideOptions = {\r\n /*type: 'carousel',\r\n focusAt: 'center',*/\r\n perView: 5.5,\r\n gap: 25,\r\n bound: true,\r\n rewind: false,\r\n\r\n breakpoints: {\r\n 768: {\r\n /*type: 'slider',*/\r\n focusAt: 0,\r\n perView: 2,\r\n gap: 15,\r\n bound: true,\r\n rewind: false,\r\n },\r\n }\r\n };\r\n\r\n this.init();\r\n }\r\n\r\n static get tagName() {\r\n return '.js-related-carousel';\r\n }\r\n\r\n init() {\r\n this.isInited = true;\r\n\r\n eventEmitter.subscribe(\r\n 'aa-wizard:updated',\r\n this.listeners.fetch = ({ productGroups }) => this.fetch(productGroups)\r\n );\r\n eventEmitter.subscribe('click:active', this.goSlide.bind(this));\r\n eventEmitter.subscribe('overlay:open', this.lockKeyboard);\r\n eventEmitter.subscribe('content:willRemoved', this.unlockKeyboard);\r\n\r\n this.initCarousel();\r\n this.initTracking();\r\n }\r\n\r\n goSlide(props) {\r\n const carouselHeight = this._carousel.selector.getBoundingClientRect().height;\r\n this.inxSlide = props.idx;\r\n\r\n scrollIntoView(this._carousel.selector, {\r\n time: 650,\r\n align: {\r\n top: 0,\r\n topOffset: document.documentElement.clientHeight - carouselHeight,\r\n },\r\n });\r\n\r\n let endCurrentSlide = props.arr.length - Math.floor(this.perViewSlide)\r\n\r\n if(props.arr.length > this.perViewSlide){\r\n if(props.arr.length - props.idx <= Math.ceil(this.perViewSlide/2)){\r\n this._carousel.go(`=${endCurrentSlide}`)\r\n }else if(props.idx < this.perViewSlide/2){\r\n this._carousel.go(`=${0}`)\r\n }else{\r\n this._carousel.go(`=${props.idx/2}`)\r\n }\r\n }\r\n }\r\n\r\n initCarousel() {\r\n this._carousel = new Glide(this.el, { ...this._glideOptions });\r\n\r\n if(this.slideRefs.length <= this._carousel.settings.perView) {\r\n this._carousel.settings.swipeThreshold = false;\r\n this._carousel.settings.dragThreshold = false;\r\n this._carousel.settings.keyboard = false;\r\n } else {\r\n this._carousel.settings.swipeThreshold = 80;\r\n this._carousel.settings.dragThreshold = 120;\r\n this._carousel.settings.keyboard = true;\r\n }\r\n\r\n this._carousel.on('mount.after', () => {\r\n const widthSlide = this._carousel.selector.querySelector(`.related-card`).getBoundingClientRect().width;\r\n this.perViewSlide = this._carousel.settings.perView;\r\n const peekSlide = 1/(this.perViewSlide - Math.floor(this.perViewSlide));\r\n\r\n if(this.perViewSlide - Math.floor(this.perViewSlide) > 0){\r\n this._carousel.update({peek: {\r\n before: 0,\r\n after: widthSlide/peekSlide\r\n },\r\n perView: `${Math.floor(this.perViewSlide)}.0001`\r\n })\r\n }\r\n this.setActiveSlides(this._carousel.index, this._carousel.settings.perView);\r\n });\r\n\r\n this._carousel.on('resize', () => {\r\n if(this._carousel.index > (this.slideRefs.length - this._carousel.settings.perView)) {\r\n this._carousel.go('=0');\r\n }\r\n this.setActiveSlides(this._carousel.index, this._carousel.settings.perView);\r\n this._carousel.update();\r\n });\r\n\r\n\r\n this._carousel.on('run', (event) => {\r\n const widthSlide = this._carousel.selector.querySelector(`.related-card`).getBoundingClientRect().width;\r\n const allSlide = this._carousel.selector.querySelectorAll(`.related-card`).length;\r\n let inxSlide = (event.direction === \"=\") ? this.inxSlide : this._carousel.index;\r\n const perViewSlide = this.perViewSlide;\r\n const peekSlide = perViewSlide - Math.floor(perViewSlide) > 0 ?\r\n widthSlide/(1/(this.perViewSlide - Math.floor(this.perViewSlide))) : 0;\r\n\r\n if(allSlide - inxSlide <= Math.ceil(perViewSlide/2) || event.direction === \">\"){\r\n this._carousel.update({\r\n peek: {\r\n before: peekSlide,\r\n after: 0\r\n },\r\n focusAt: 0\r\n\r\n })\r\n }else if(inxSlide < perViewSlide/2 || event.direction === \"<\"){\r\n this._carousel.update({\r\n peek: {\r\n before: 0,\r\n after: peekSlide\r\n },\r\n focusAt: 0\r\n })\r\n }else{\r\n this._carousel.update({\r\n peek: {\r\n before: peekSlide/2,\r\n after: peekSlide/2\r\n },\r\n })\r\n }\r\n });\r\n\r\n this._carousel.on('run.before', () => {\r\n if(this._carousel.index > (this.slideRefs.length - this._carousel.settings.perView - 1)) {\r\n this._carousel.settings.bound = true;\r\n } else {\r\n this._carousel.settings.bound = false;\r\n }\r\n });\r\n\r\n this._carousel.on('run.after', () => {\r\n this.setActiveSlides(this._carousel.index, this._carousel.settings.perView);\r\n });\r\n\r\n this._carousel\r\n .mutate([fixBoundPeek])\r\n .mount({ arrowDisabler, controlsHidden });\r\n\r\n this.el.classList.remove('not-initialized');\r\n }\r\n\r\n initTracking() {\r\n this.slideRefs.forEach((el, i) => {\r\n el.addEventListener('click', () => {\r\n eventEmitter.emit('gtm:send', ['Application Areas', this.applicationAreaData.page.title, 'Suggested Products']);\r\n });\r\n });\r\n }\r\n\r\n lockKeyboard = () => {\r\n if (this._carousel) {\r\n this._carousel.update({ keyboard: false });\r\n }\r\n }\r\n\r\n unlockKeyboard = () => {\r\n if (this._carousel) {\r\n this._carousel.update({ keyboard: true });\r\n }\r\n }\r\n\r\n setActiveSlides(currentIndex, perView) {\r\n if (!this.slideRefs.length) return;\r\n\r\n this.slideRefs.forEach((el, i) => {\r\n if (i >= currentIndex && i < currentIndex + perView) {\r\n el.setAttribute('tabindex', '0');\r\n } else {\r\n el.setAttribute('tabindex', '-1');\r\n }\r\n });\r\n }\r\n\r\n fetch(group) {\r\n if (this.cancelRequestFunction) {\r\n this.cancelRequestFunction();\r\n }\r\n\r\n const codes = group.length ? group : '';\r\n\r\n const request = {\r\n ProductGroupCodes: codes,\r\n Culture: this.culture,\r\n Path: this.path\r\n };\r\n\r\n http.post(this.url, request, {\r\n cancelToken: new CancelToken((fn) => {\r\n this.cancelRequestFunction = fn;\r\n }),\r\n })\r\n .then(({ data }) => this.rebuild(data))\r\n .catch((err) => {});\r\n }\r\n\r\n rebuild(data) {\r\n this.destroyCarousel();\r\n this.el.innerHTML = (source({ areaProductLines: data }));\r\n this.slideRefs = [...this.el.querySelectorAll('[data-refs=\"slide\"]')];\r\n this.initCarousel();\r\n this.initTracking();\r\n }\r\n\r\n destroyCarousel() {\r\n if (this._carousel) {\r\n this._carousel.destroy();\r\n this._carousel = null;\r\n }\r\n\r\n this.el.classList.add('not-initialized');\r\n }\r\n\r\n destroy() {\r\n eventEmitter.unsubscribe('aa-wizard:updated', this.listeners.fetch);\r\n eventEmitter.unsubscribe('overlay:open', this.lockKeyboard);\r\n eventEmitter.unsubscribe('content:willRemoved', this.unlockKeyboard);\r\n\r\n this.destroyCarousel();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/relatedCarousel/relatedCarousel.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/removeCodesFromCollection/html/remove-codes-from-favorites-modal.hbs\n// module id = ./app/components/removeCodesFromCollection/html/remove-codes-from-favorites-modal.hbs\n// module chunks = 1","import app from 'app';\r\nimport Modal from 'Modal';\r\nimport template from './html/remove-codes-from-favorites-modal.hbs';\r\nimport utility from 'helpers/utility';\r\n\r\nexport default class RemoveCodesFromCollectionModal {\r\n constructor() {\r\n this.app = app;\r\n this.modal = null;\r\n this.modalContent = null;\r\n }\r\n\r\n remove(codesCount) {\r\n return this.getModal().open(this.getModalTitle(codesCount));\r\n }\r\n\r\n getModalTitle(codesCount) {\r\n return app.t('collections.removeCodesDialog.confirmQuestion', codesCount);\r\n }\r\n\r\n getModal() {\r\n if (this.modal === null) {\r\n this.modal = new Modal(this.getModalContent());\r\n this.deleteConfirmButtonElement.addEventListener('click', () => {\r\n this.modal.resolve();\r\n });\r\n }\r\n return this.modal;\r\n }\r\n\r\n getModalContent() {\r\n if (this.modalContent === null) {\r\n this.modalContent = utility.htmlStr2El(template({\r\n translations: {\r\n confirmText: app.t('collections.removeCodesDialog.confirmButtonText'),\r\n cancelText: app.t('collections.removeCodesDialog.cancelButtonText')\r\n }\r\n }));\r\n this.deleteConfirmButtonElement = this.modalContent.querySelector('.js-remove-codes-confirm-button');\r\n }\r\n return this.modalContent;\r\n }\r\n\r\n static getInstance() {\r\n if (RemoveCodesFromCollectionModal.instance === null) {\r\n RemoveCodesFromCollectionModal.instance = new RemoveCodesFromCollectionModal();\r\n }\r\n\r\n return RemoveCodesFromCollectionModal.instance;\r\n }\r\n}\r\n\r\nRemoveCodesFromCollectionModal.instance = null;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/removeCodesFromCollection/removeCodesFromCollectionModal.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, alias1=container.lambda, alias2=container.escapeExpression;\n\n return \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/removeCodesFromFavorites/html/remove-codes-from-favorites-modal.hbs\n// module id = ./app/components/removeCodesFromFavorites/html/remove-codes-from-favorites-modal.hbs\n// module chunks = 1","import app from 'app';\r\nimport Modal from 'Modal';\r\nimport template from './html/remove-codes-from-favorites-modal.hbs';\r\nimport utility from 'helpers/utility';\r\n\r\nexport default class RemoveCodesFromFavoritesModal {\r\n constructor() {\r\n this.app = app;\r\n this.modal = null;\r\n this.modalContent = null;\r\n }\r\n\r\n remove(codesCount) {\r\n return this.getModal().open(this.getModalTitle(codesCount));\r\n }\r\n\r\n getModalTitle(codesCount) {\r\n return app.t('favorites.removeCodesDialog.confirmQuestion', codesCount);\r\n }\r\n\r\n getModal() {\r\n if (this.modal === null) {\r\n this.modal = new Modal(this.getModalContent());\r\n this.deleteConfirmButtonElement.addEventListener('click', () => {\r\n this.modal.resolve();\r\n });\r\n }\r\n return this.modal;\r\n }\r\n\r\n getModalContent() {\r\n if (this.modalContent === null) {\r\n this.modalContent = utility.htmlStr2El(template({\r\n translations: {\r\n confirmText: app.t('favorites.removeCodesDialog.confirmButtonText'),\r\n cancelText: app.t('favorites.removeCodesDialog.cancelButtonText')\r\n }\r\n }));\r\n this.deleteConfirmButtonElement = this.modalContent.querySelector('.js-remove-codes-confirm-button');\r\n }\r\n return this.modalContent;\r\n }\r\n\r\n static getInstance() {\r\n if (RemoveCodesFromFavoritesModal.instance === null) {\r\n RemoveCodesFromFavoritesModal.instance = new RemoveCodesFromFavoritesModal();\r\n }\r\n\r\n return RemoveCodesFromFavoritesModal.instance;\r\n }\r\n}\r\n\r\nRemoveCodesFromFavoritesModal.instance = null;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/removeCodesFromFavorites/removeCodesFromFavoritesModal.js","import eventEmitter from 'helpers/eventEmitter.js';\r\nimport app from 'app';\r\n\r\nclass Resize {\r\n constructor() {\r\n this.timeOutId = null;\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.setDeviceVar();\r\n\r\n window.addEventListener('resize', () => {\r\n this.onResizeProcess();\r\n });\r\n eventEmitter.subscribe('resizeFinished', () => {\r\n this.onResizeFinished();\r\n });\r\n\r\n const isTouch = 'ontouchstart' in window;\r\n app.globals.isTouch = isTouch;\r\n if (!isTouch) {\r\n document.querySelector('body').classList.add('no-touch');\r\n }\r\n }\r\n\r\n onResizeProcess() {\r\n if (this.timeOutId) {\r\n clearTimeout(this.timeOutId);\r\n }\r\n\r\n this.timeOutId = setTimeout(() => {\r\n eventEmitter.emit('resizeFinished');\r\n }, 500);\r\n }\r\n\r\n onResizeFinished() {\r\n this.setDeviceVar();\r\n }\r\n\r\n setDeviceVar() {\r\n const dw = document.body.clientWidth;\r\n const breakpoints = {\r\n xs: 480,\r\n sm: 768,\r\n md: 992,\r\n minDesktop: 1023,\r\n lg: 1420,\r\n xl: 1600\r\n };\r\n\r\n // it works like used css media queries @xs-screen: ~\"(min-width: @{screen-xs})\";\r\n app.globals.isWiderXs = dw >= breakpoints.xs;\r\n app.globals.isWiderSm = dw >= breakpoints.sm;\r\n app.globals.isWiderMd = dw >= breakpoints.md;\r\n app.globals.isWiderMinDesktop = dw >= breakpoints.minDesktop;\r\n app.globals.isWiderLg = dw >= breakpoints.lg;\r\n app.globals.isWiderXl = dw >= breakpoints.xl;\r\n\r\n app.globals.width = window.innerWidth > 0 ? window.innerWidth : screen.width;\r\n }\r\n}\r\n\r\nexport default new Resize();\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/resize/resize.js","import BaseComponent from 'baseComponent.js';\r\nimport eventEmitter from 'helpers/eventEmitter.js';\r\n\r\nexport default class ProductCodesFilter extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-scrolltotop-btn';\r\n }\r\n\r\n init() {\r\n this.timerId = 0;\r\n this.addListeners();\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n }\r\n\r\n addListeners() {\r\n this.el.addEventListener('click', this.listeners.clickListener = (e) => {\r\n e.preventDefault();\r\n return this.up();\r\n });\r\n }\r\n\r\n removeListeners() {\r\n this.el.removeEventListener('click', this.listeners.clickListener);\r\n }\r\n\r\n up() {\r\n const top = Math.max(document.body.scrollTop, document.documentElement.scrollTop);\r\n if (top > 0) {\r\n eventEmitter.emit('scrollToTop');\r\n window.scrollBy(0, ((top + 100) / -10));\r\n this.timerId = setTimeout(() => {\r\n this.up();\r\n }, 20);\r\n } else {\r\n clearTimeout(this.timerId);\r\n }\r\n return false;\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/scrollToTop/scrollToTop.js","import BaseComponent from '../../general/js/baseComponent';\r\nimport Utility from '../../general/js/helpers/utility';\r\nimport Codes from '../codes/codes';\r\nimport app from '../../general/js/app';\r\nimport eventEmitter from '../../general/js/helpers/eventEmitter';\r\n\r\nexport default class SearchResults extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-search-results';\r\n }\r\n\r\n init() {\r\n this.dataNode = this.el.querySelector('.js-search-results-data');\r\n this.listNode = this.el.querySelector('.js-search-results-list');\r\n this.codesNode = this.el.querySelector('.js-search-results-codes');\r\n this.zeroResultsNode = this.el.querySelector('.js-search-results-zero');\r\n\r\n this.templates = {\r\n accessories: require('./templates/accessories.hbs'),\r\n accessoriesCodes: require('./templates/accessoriesCodes.hbs'),\r\n careers: require('./templates/careers.hbs'),\r\n caseStudies: require('./templates/caseStudies.hbs'),\r\n contacts: require('./templates/contacts.hbs'),\r\n contentPages: require('./templates/contentPages.hbs'),\r\n downloads: require('./templates/downloads.hbs'),\r\n events: require('./templates/events.hbs'),\r\n news: require('./templates/news.hbs'),\r\n predictiveSearch: require('./templates/predictiveSearch.hbs'),\r\n productGroupsNa: require('./templates/productGroupsNa.hbs'),\r\n projects: require('./templates/projects.hbs'),\r\n seoLandingPages: require('./templates/seoLandingPages.hbs')\r\n };\r\n\r\n if (this.codesNode) {\r\n this.codesControl = new Codes(this.codesNode);\r\n }\r\n\r\n this.getData();\r\n\r\n if (this.data) {\r\n this.renderResults(this.data);\r\n }\r\n }\r\n\r\n getData() {\r\n if (this.dataNode) {\r\n try {\r\n this.data = JSON.parse(this.dataNode.getAttribute('data-json'));\r\n } catch (error) {\r\n Utility.logMessage('ProductCodesSection: Can\\'t parse data JSON');\r\n }\r\n }\r\n }\r\n\r\n renderResults(resultsModel) {\r\n if (!resultsModel) return;\r\n\r\n const frag = document.createDocumentFragment();\r\n frag.innerHTML = '';\r\n this.listNode.innerHTML = '';\r\n this.codesNode.innerHTML = '';\r\n\r\n if (resultsModel[0].status === 'failed') {\r\n this.toggleNoResultsVisibility(true);\r\n return;\r\n }\r\n\r\n this.toggleNoResultsVisibility(false);\r\n\r\n if (\r\n this.codesNode &&\r\n this.codesNode.nextElementSibling !== this.listNode\r\n ) {\r\n this.el.insertBefore(this.codesNode, this.listNode);\r\n }\r\n\r\n if (\r\n !app.getState().isNorthAmerica &&\r\n resultsModel.length === 1 &&\r\n resultsModel[0].templateId === 'productCodes'\r\n ) {\r\n const accessories = resultsModel[0].result.accessories;\r\n\r\n if (resultsModel[0].result.productLines.length) {\r\n this.codesControl.renderCodes(resultsModel[0].result, true);\r\n } else if (accessories.items.length) {\r\n this.codesControl.renderCodes(accessories.items[0].relatedProducts, true);\r\n this.el.insertBefore(this.listNode, this.codesNode);\r\n }\r\n\r\n if (accessories) {\r\n this.listNode.innerHTML = this.templates.accessoriesCodes(accessories);\r\n }\r\n } else {\r\n for (let i = 0, l = resultsModel.length; i < l; i++) {\r\n const type = resultsModel[i].templateId;\r\n frag.innerHTML += this.templates[type](resultsModel[i]);\r\n }\r\n this.listNode.innerHTML = frag.innerHTML;\r\n }\r\n\r\n eventEmitter.emit('content:updated', this.listNode);\r\n }\r\n\r\n toggleNoResultsVisibility(shouldVisible = true) {\r\n if (!this.zeroResultsNode) return;\r\n\r\n if (shouldVisible) {\r\n this.zeroResultsNode.classList.remove('is-hidden');\r\n } else {\r\n this.zeroResultsNode.classList.add('is-hidden');\r\n }\r\n }\r\n\r\n clear() {\r\n eventEmitter.emit('content:willRemoved', this.listNode);\r\n this.listNode.innerHTML = '';\r\n this.codesControl.clear();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/searchResults/searchResults.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \" \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n return \"is-added\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n return \"js-tracked\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/accessories.hbs\n// module id = ./app/components/searchResults/templates/accessories.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=helpers.blockHelperMissing, buffer = \n \" \\r\\n \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n >\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n \"\n + ((stack1 = ((helper = (helper = helpers.presentationDescription || (depth0 != null ? depth0.presentationDescription : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"presentationDescription\",\"hash\":{},\"data\":data}) : helper))) != null ? stack1 : \"\")\n + \"\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(17, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, buffer = \n \" \\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(2, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = alias4.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n buffer += \"\\r\\n
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \" \\r\\n\";\n},\"7\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \n \" \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.colors : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(7, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n stack1 = ((helper = (helper = helpers.hasDownloadFiles || (depth0 != null ? depth0.hasDownloadFiles : depth0)) != null ? helper : alias2),(options={\"name\":\"hasDownloadFiles\",\"hash\":{},\"fn\":container.program(10, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.hasDownloadFiles) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \" \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n\"\n + alias4(((helper = (helper = helpers.presentationDescription || (depth0 != null ? depth0.presentationDescription : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"presentationDescription\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n \\r\\n
\\r\\n\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" - \\r\\n\";\n stack1 = ((helper = (helper = helpers.colors || (depth0 != null ? depth0.colors : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"colors\",\"hash\":{},\"fn\":container.program(8, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.colors) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.article || (depth0 != null ? depth0.article : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"article\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\\"\\r\\n >\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\";\n},\"11\":function(container,depth0,helpers,partials,data) {\n return \"is-added\";\n},\"13\":function(container,depth0,helpers,partials,data) {\n return \"js-tracked\";\n},\"15\":function(container,depth0,helpers,partials,data) {\n return \"true\";\n},\"17\":function(container,depth0,helpers,partials,data) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.relatedProducts : depth0)) != null ? stack1.totalItems : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(18, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"18\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=container.escapeExpression;\n\n return \" \\r\\n \\r\\n
\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1;\n\n return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.items : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true,\"useDepths\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/accessoriesCodes.hbs\n// module id = ./app/components/searchResults/templates/accessoriesCodes.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/careers.hbs\n// module id = ./app/components/searchResults/templates/careers.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"name\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\\r\\n \\r\\n \"\n + alias4(((helper = (helper = helpers.location || (depth0 != null ? depth0.location : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"location\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/caseStudies.hbs\n// module id = ./app/components/searchResults/templates/caseStudies.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\\r\\n \\r\\n
\\r\\n \"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.telephone : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(4, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n \"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.fax : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(6, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n \"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.email : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(8, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"\\r\\n \"\n + alias4(((helper = (helper = helpers.addressLine1 || (depth0 != null ? depth0.addressLine1 : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"addressLine1\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.addressLine2 || (depth0 != null ? depth0.addressLine2 : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"addressLine2\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.addressLine3 || (depth0 != null ? depth0.addressLine3 : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"addressLine3\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.telephone || (depth0 != null ? depth0.telephone : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"telephone\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.fax || (depth0 != null ? depth0.fax : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"fax\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.email || (depth0 != null ? depth0.email : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"email\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/contacts.hbs\n// module id = ./app/components/searchResults/templates/contacts.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/contentPages.hbs\n// module id = ./app/components/searchResults/templates/contentPages.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \"\t\t\t\t\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\"\n + alias4(((helper = (helper = helpers.description || (depth0 != null ? depth0.description : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"description\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n\\r\\n\\r\\n Download\\r\\n
\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.externalLink : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(4, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \" \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.readUrl : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(6, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n \\r\\n\t\t\t\t\t\"\n + alias4(((helper = (helper = helpers.externalLinkTitle || (depth0 != null ? depth0.externalLinkTitle : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"externalLinkTitle\",\"hash\":{},\"data\":data}) : helper)))\n + \"\\r\\n\t\t\t\t
\\r\\n\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" Read\\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/downloads.hbs\n// module id = ./app/components/searchResults/templates/downloads.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/events.hbs\n// module id = ./app/components/searchResults/templates/events.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.formattedDate || (depth0 != null ? depth0.formattedDate : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"formattedDate\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.intro || (depth0 != null ? depth0.intro : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"intro\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.location || (depth0 != null ? depth0.location : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"location\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/news.hbs\n// module id = ./app/components/searchResults/templates/news.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\\r\\n
\\r\\n \"\n + alias4(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \"\n + alias4(((helper = (helper = helpers.formattedDate || (depth0 != null ? depth0.formattedDate : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"formattedDate\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, buffer = \n \" \\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n var stack1, helper;\n\n return \"\"\n + ((stack1 = ((helper = (helper = helpers.subtitle || (depth0 != null ? depth0.subtitle : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"subtitle\",\"hash\":{},\"data\":data}) : helper))) != null ? stack1 : \"\")\n + \"\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/predictiveSearch.hbs\n// module id = ./app/components/searchResults/templates/predictiveSearch.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, alias5=helpers.blockHelperMissing, buffer = \n \" \\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.subtitle || (depth0 != null ? depth0.subtitle : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"subtitle\",\"hash\":{},\"data\":data}) : helper)))\n + \"\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n var helper;\n\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.description || (depth0 != null ? depth0.description : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"description\",\"hash\":{},\"data\":data}) : helper)))\n + \"\";\n},\"8\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression;\n\n return \" \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/projects.hbs\n// module id = ./app/components/searchResults/templates/projects.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.hasResults || (depth0 != null ? depth0.hasResults : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"hasResults\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.hasResults) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"2\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", buffer = \n \"\"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3=\"function\", alias4=container.escapeExpression, buffer = \n \" \\r\\n\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n var stack1, helper;\n\n return \"\"\n + ((stack1 = ((helper = (helper = helpers.subtitle || (depth0 != null ? depth0.subtitle : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"subtitle\",\"hash\":{},\"data\":data}) : helper))) != null ? stack1 : \"\")\n + \"\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, options, buffer = \"\";\n\n stack1 = ((helper = (helper = helpers.result || (depth0 != null ? depth0.result : depth0)) != null ? helper : helpers.helperMissing),(options={\"name\":\"result\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),options) : helper));\n if (!helpers.result) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer;\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/searchResults/templates/seoLandingPages.hbs\n// module id = ./app/components/searchResults/templates/seoLandingPages.hbs\n// module chunks = 1","import './searchView.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/searchView/searchView.js","import './searchbar.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/searchbar/searchbar.js","import './select.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/select/select.js","import './serverErrorsDialog.less';\r\nimport BaseComponent from '../../general/js/baseComponent';\r\n\r\nexport default class ServerErrorsDialog extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-server-errors-dialog';\r\n }\r\n\r\n init() {\r\n this.closeBtnNode = this.el.querySelector('.js-server-errors-dialog-close-btn');\r\n\r\n window.document.body.classList.add('is-blocked');\r\n this.addListeners();\r\n }\r\n\r\n addListeners() {\r\n super.addListener(this.closeBtnNode, 'click', this.onClickCloseBtn.bind(this));\r\n }\r\n\r\n onClickCloseBtn() {\r\n this.el.classList.add('is-hidden');\r\n window.document.body.classList.remove('is-blocked');\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/serverErrorsDialog/serverErrorsDialog.js","import BaseComponent from '../../general/js/baseComponent';\r\nimport ShareCollectionModal from '../shareCollectionModal/shareCollectionModal';\r\n\r\nexport default class ShareCollectionButton extends BaseComponent {\r\n constructor(el) {\r\n super(el);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-share-collection-button';\r\n }\r\n\r\n init() {\r\n this.collectionId = this.el.getAttribute('data-collection-id');\r\n this.addListeners();\r\n }\r\n\r\n addListeners() {\r\n this.addListener(this.el, 'click', this.onClick.bind(this));\r\n }\r\n\r\n onClick() {\r\n ShareCollectionModal.getInstance().open(this.collectionId);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/shareCollectionButton/shareCollectionButton.js","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n return \"\"\n + container.escapeExpression(((helper = (helper = helpers.title || (depth0 != null ? depth0.title : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{\"name\":\"title\",\"hash\":{},\"data\":data}) : helper)))\n + \"
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\";\n stack1 = ((helper = (helper = helpers.items || (depth0 != null ? depth0.items : depth0)) != null ? helper : alias2),(options={\"name\":\"items\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data}),(typeof helper === alias3 ? helper.call(alias1,options) : helper));\n if (!helpers.items) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)}\n if (stack1 != null) { buffer += stack1; }\n return buffer + \"
\\r\\n \\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/components/shareCollectionModal/html/share-collection-modal.hbs\n// module id = ./app/components/shareCollectionModal/html/share-collection-modal.hbs\n// module chunks = 1","import './shareCollectionModal.less';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/shareCollectionModal/index.js","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class ShareCollectionComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentEmail: '',\r\n isFocused: false,\r\n isFilled: false,\r\n isValid: false\r\n };\r\n }\r\n\r\n renderPreloader() {\r\n return (\r\n \\r\\n
\\r\\n \\r\\n\r\n
\r\n );\r\n }\r\n\r\n renderEmails() {\r\n return this.props.emailsList.map((email) => {\r\n const checkedCssClass = email.isChecked ? 'is-checked' : '';\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {email.value}\r\n this.props.onClickEmailItem(email.id)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const focusedEmailCss = this.state.isFocused ? 'is-focused' : '';\r\n const filledEmailCss = this.state.isFilled ? 'is-filled' : '';\r\n let sumbitDisabledCss = '';\r\n let addDisabledCss = '';\r\n\r\n if (\r\n this.props.isLoading ||\r\n this.props.emailsList.length === 20 ||\r\n !this.state.isValid\r\n ) {\r\n addDisabledCss = 'is-disabled';\r\n }\r\n\r\n if (this.props.isLoading || !this.props.emailsList.length) {\r\n sumbitDisabledCss = 'is-disabled';\r\n }\r\n\r\n return (\r\n \r\n this.onClickAddBtn()}\r\n data-tracking-category=\"Invite\"\r\n data-tracking-action=\"Add\"\r\n data-tracking-label=\"Invite Email Address\"\r\n >\r\n \r\n \r\n {this.props.translations.addBtn}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n { this.emailField = c; }}\r\n >\r\n this.onEmailChange(event)}\r\n onFocus={() => this.onEmailFocus()}\r\n onBlur={() => this.onEmailBlur()}\r\n />\r\n \r\n
\r\n {this.props.translations.note}
\r\n \r\n { this.props.isLoading ? this.renderPreloader() : this.renderEmails() }\r\n
\r\n \r\n \r\n \r\n \r\n {this.props.translations.submitBtn}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n }\r\n\r\n onEmailChange(event) {\r\n this.setState({\r\n currentEmail: event.target.value,\r\n isFilled: !!event.target.value,\r\n isValid: this.validateEmail(event.target.value)\r\n });\r\n }\r\n\r\n onEmailFocus() {\r\n this.setState({ isFocused: true });\r\n }\r\n\r\n onEmailBlur() {\r\n this.setState({ isFocused: false });\r\n }\r\n\r\n onClickAddBtn() {\r\n if (this.props.isLoading || !this.state.currentEmail) return;\r\n\r\n this.setState({\r\n currentEmail: '',\r\n isFocused: false,\r\n isFilled: false\r\n });\r\n\r\n if (\r\n this.props.emailsList.length < 20 &&\r\n this.state.isValid\r\n ) {\r\n this.props.onClickAddBtn(this.state.currentEmail);\r\n }\r\n }\r\n\r\n validateEmail(email) {\r\n return email.match(/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,10}/);\r\n }\r\n}\r\n\r\nShareCollectionComponent.propTypes = {\r\n emailsList: PropTypes.array,\r\n translations: PropTypes.object,\r\n isLoading: PropTypes.bool,\r\n onClickAddBtn: PropTypes.func,\r\n onClickEmailItem: PropTypes.func,\r\n onClickSubmitBtn: PropTypes.func,\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/shareCollectionModal/js/shareCollectionComponent.js","import app from '../../general/js/app';\r\nimport Modal from 'Modal';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport template from './html/share-collection-modal.hbs';\r\nimport utility from 'helpers/utility';\r\nimport ShareCollectionComponent from './js/shareCollectionComponent';\r\nimport http from '../../general/js/http-instance';\r\nimport eventEmitter from '../../general/js/helpers/eventEmitter';\r\n\r\nexport default class ShareCollectionModal {\r\n constructor() {\r\n this.app = app;\r\n this.modal = null;\r\n this.modalContent = null;\r\n this.rootElement = null;\r\n this.emailsList = [];\r\n this.lastItemIndex = 1;\r\n this.translations = app.getConfig('translations.collections.shareDialog', {});\r\n this.isLoading = false;\r\n this.onClickAddBtn = this.onClickAddBtn.bind(this);\r\n this.onClickEmailItem = this.onClickEmailItem.bind(this);\r\n this.onClickSubmitBtn = this.onClickSubmitBtn.bind(this);\r\n }\r\n\r\n open(collectionId) {\r\n this.collectionId = collectionId;\r\n this.renderComponent();\r\n return this.getModalContent().open(this.getModalTitle());\r\n }\r\n\r\n getModalTitle() {\r\n return this.translations.title;\r\n }\r\n\r\n getModalContent() {\r\n if (this.modal === null) {\r\n const contentElement = utility.htmlStr2El(template());\r\n const root = this.getRootElement();\r\n contentElement.querySelector('.js-share-collection').insertAdjacentElement('beforeend', root);\r\n this.modal = new Modal(contentElement);\r\n }\r\n return this.modal;\r\n }\r\n\r\n getRootElement() {\r\n if (this.rootElement === null) {\r\n this.rootElement = document.createElement('div');\r\n }\r\n return this.rootElement;\r\n }\r\n\r\n renderComponent() {\r\n ReactDOM.render(\r\n
\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/components/sortableList/index.js","import React from 'react';\r\n\r\nexport default function withLazyLoading(getComponent, Spinner = null, waitFor = 500) {\r\n return class LazyLoadingWrapper extends React.Component {\r\n state = {\r\n Component: null\r\n };\r\n\r\n componentWillMount() {\r\n getComponent()\r\n .then(esModule => {\r\n setTimeout(() => {\r\n this.setState({ Component: esModule.default });\r\n }, waitFor);\r\n })\r\n .catch(err => {\r\n onError(err, this.props);\r\n });\r\n }\r\n\r\n render() {\r\n const { Component } = this.state;\r\n\r\n if (!Component) return Spinner;\r\n\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \\r\\n
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/general/html/default-modal.hbs\n// module id = ./app/general/html/default-modal.hbs\n// module chunks = 1","var Handlebars = require(\"D:\\\\a\\\\1\\\\s\\\\Web\\\\CMS\\\\App_Themes\\\\iGuzzini\\\\node_modules\\\\handlebars\\\\runtime.js\");\nfunction __default(obj) { return obj && (obj.__esModule ? obj[\"default\"] : obj); }\nmodule.exports = (Handlebars[\"default\"] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n return \"tooltip--with-close-btn\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n return \" \\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n return \" \\r\\n\";\n},\"compiler\":[7,\">= 4.0.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});\n\n return \"\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.withCloseButton : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"
\\r\\n\";\n},\"useData\":true});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/general/html/default-tooltip.hbs\n// module id = ./app/general/html/default-tooltip.hbs\n// module chunks = 1","import app from 'app';\r\nimport LoginModal from '../../components/loginModal/loginModal';\r\n\r\nclass AuthService {\r\n constructor() {\r\n this.loginModalComponent = null;\r\n this.loginPromise = null;\r\n this.app = app;\r\n }\r\n\r\n login(reasonTitle) {\r\n if (this.loginPromise === null) {\r\n if (this.app.getState().isUserLoggedIn) {\r\n this.loginPromise = Promise.resolve();\r\n } else {\r\n const loginModal = this.getLoginModalComponent();\r\n return loginModal.open(reasonTitle).then((result) => {\r\n this.loginPromise = Promise.resolve();\r\n this.handleLogin(result);\r\n return result;\r\n });\r\n }\r\n }\r\n\r\n return this.loginPromise;\r\n }\r\n\r\n handleLogin(result) {\r\n //this.app.setState({isUserLoggedIn: true});\r\n }\r\n\r\n getLoginModalComponent() {\r\n if (this.loginModalComponent === null) {\r\n const loginModalElement = document.querySelector('.js-login-modal');\r\n if (loginModalElement) {\r\n this.loginModalComponent = new LoginModal(loginModalElement);\r\n }\r\n }\r\n return this.loginModalComponent;\r\n }\r\n}\r\n\r\nconst instance = new AuthService();\r\nexport default instance;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/AuthService.js","import modalService from 'ModalService';\r\nimport template from '../html/default-modal.hbs';\r\nimport Utility from './helpers/utility';\r\nimport generateBemCss from './helpers/generateBemCss';\r\n\r\nexport default class Modal {\r\n constructor(content, bemList) {\r\n this.content = content;\r\n this.service = modalService;\r\n\r\n this.element = null;\r\n this.container = null;\r\n this.resolveFunction = null;\r\n this.rejectFunction = null;\r\n this.isInited = false;\r\n\r\n this.bemList = bemList || [];\r\n\r\n this.close = this.close.bind(this);\r\n this.onKeydown = this.onKeydown.bind(this);\r\n }\r\n\r\n init() {\r\n this.element = this.createElement(this.content);\r\n this.titleElement = this.element.querySelector('.js-modal-title');\r\n this.closeElements = [...this.element.querySelectorAll('.js-modal-close')];\r\n this.wrapperElement = this.element.querySelector('.js-modal-wrapper');\r\n\r\n if (this.bemList.length) {\r\n this.service.modalOverlay.classList.add(this.bemList.join(' '));\r\n }\r\n }\r\n\r\n open(title) {\r\n if (!this.isInited) {\r\n this.isInited = true;\r\n this.init();\r\n }\r\n\r\n this.applyTitle(title);\r\n this.service.open(this);\r\n return new Promise((resolve, reject) => {\r\n this.resolveFunction = resolve;\r\n this.rejectFunction = reject;\r\n }).then((result) => {\r\n this.cleanupPromise();\r\n return result;\r\n }, (error) => {\r\n this.cleanupPromise();\r\n return Promise.reject(error);\r\n });\r\n }\r\n\r\n cleanupPromise() {\r\n this.resolveFunction = null;\r\n this.rejectFunction = null;\r\n }\r\n\r\n applyTitle(title) {\r\n if (title !== undefined && this.titleElement) {\r\n this.titleElement.innerHTML = title;\r\n }\r\n }\r\n\r\n close() {\r\n this.service.close(this);\r\n if (this.rejectFunction) {\r\n this.rejectFunction();\r\n }\r\n }\r\n\r\n resolve(result, close = true) {\r\n if (this.resolveFunction) {\r\n this.resolveFunction(result);\r\n }\r\n if (close) {\r\n this.close();\r\n }\r\n }\r\n\r\n reject(reason, close = true) {\r\n if (this.rejectFunction) {\r\n this.rejectFunction(reason);\r\n }\r\n if (close) {\r\n this.close();\r\n }\r\n }\r\n\r\n onOpen() {\r\n this.addListeners();\r\n // first animation workaround\r\n setTimeout(() => {\r\n // check because might be destroyed\r\n if (this.element) {\r\n this.element.classList.add('is-opened');\r\n }\r\n }, 0);\r\n }\r\n\r\n onClose() {\r\n this.element.classList.remove('is-opened');\r\n this.element.classList.add('is-closing');\r\n this.removeListeners();\r\n\r\n setTimeout(() => {\r\n // check because might be destroyed\r\n if (this.element) {\r\n this.element.classList.remove('is-closing');\r\n }\r\n }, 300);\r\n }\r\n\r\n addListeners() {\r\n if (this.closeElements) {\r\n this.closeElements.forEach(el => el.addEventListener('click', this.close));\r\n }\r\n\r\n document.addEventListener('keydown', this.onKeydown);\r\n }\r\n\r\n removeListeners() {\r\n if (this.closeElements) {\r\n this.closeElements.forEach(el => el.removeEventListener('click', this.close));\r\n }\r\n\r\n document.removeEventListener('keydown', this.onKeydown);\r\n }\r\n\r\n onKeydown(e) {\r\n if (e.keyCode === 27) {\r\n this.close();\r\n }\r\n }\r\n\r\n /**\r\n * @param {String|HtmlElement|Function} content\r\n * @return {HtmlElement}\r\n */\r\n createElement(content) {\r\n content = (typeof content === 'function') ? content() : content;\r\n let element = (typeof content === 'string') ? Utility.htmlStr2El(content) : content;\r\n\r\n this.className = generateBemCss('modal', this.bemList);\r\n\r\n if (!element.classList.contains(Modal.className)) {\r\n // if current element in not a actual modal node but its content\r\n const modalElement = Utility.htmlStr2El(template({ rootCss: this.className }));\r\n const modalContentHolder = modalElement.querySelector('.js-modal-content');\r\n modalContentHolder.insertAdjacentElement('beforeend', element);\r\n element = modalElement;\r\n }\r\n\r\n if (element.parentNode === null || element.ownerDocument !== document) {\r\n this.getContainer().insertAdjacentElement('beforeend', element);\r\n }\r\n\r\n return element;\r\n }\r\n\r\n destroy() {\r\n this.service.close(this);\r\n if (this.element) {\r\n this.element.parentNode.removeChild(this.element);\r\n this.element = null;\r\n }\r\n this.isInited = false;\r\n }\r\n\r\n getContainer() {\r\n if (this.container === null) {\r\n this.container = document.body;\r\n }\r\n\r\n return this.container;\r\n }\r\n\r\n getWrapperElement() {\r\n return this.wrapperElement;\r\n }\r\n}\r\nModal.className = 'modal';\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/Modal.js","class ModalService {\r\n\r\n constructor() {\r\n this.openedModal = null;\r\n this.modalOverlay = document.getElementById('modal-overlay');\r\n this.setOuterHandler();\r\n }\r\n\r\n\r\n setOuterHandler() {\r\n document.addEventListener('click', this._outerClickHandle.bind(this));\r\n document.addEventListener('touchstart', this._outerClickHandle.bind(this));\r\n }\r\n\r\n _outerClickHandle(e) {\r\n if (this.openedModal) {\r\n if (this.openedModal.element.contains(e.target)) {\r\n if (!this.openedModal.getWrapperElement().contains(e.target)) {\r\n this.closeOpened();\r\n }\r\n }\r\n }\r\n }\r\n\r\n close(modal) {\r\n if (this.openedModal && this.openedModal === modal) {\r\n this._beforeClose();\r\n modal.onClose();\r\n this.openedModal = null\r\n }\r\n }\r\n\r\n swap(modal, swapModal) {\r\n if (this.openedModal && this.openedModal === modal) {\r\n modal.onClose();\r\n swapModal.onOpen();\r\n this.openedModal = swapModal;\r\n }\r\n }\r\n\r\n open(modal) {\r\n if (this.openedModal) {\r\n if (this.openedModal !== modal) {\r\n this.swap(this.openedModal, modal);\r\n }\r\n return;\r\n }\r\n\r\n modal.onOpen();\r\n this.openedModal = modal;\r\n this._afterOpen();\r\n }\r\n\r\n _afterOpen() {\r\n document.body.classList.add('is-blocked');\r\n this.modalOverlay.classList.add('is-visible');\r\n this.openedModal.element.style['-webkit-overflow-scrolling'] = 'touch'\r\n }\r\n\r\n _beforeClose() {\r\n document.body.classList.remove('is-blocked');\r\n this.modalOverlay.classList.remove('is-visible');\r\n this.openedModal.element.style['-webkit-overflow-scrolling'] = 'auto'\r\n }\r\n\r\n closeOpened() {\r\n if (this.openedModal) {\r\n this.openedModal.close();\r\n }\r\n }\r\n}\r\n\r\nconst instance = new ModalService();\r\nexport default instance;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/ModalService.js","import lodashGet from 'lodash/get';\r\nimport utility from 'helpers/utility';\r\nimport LoginModal from '../../components/loginModal/loginModal';\r\n\r\nclass App {\r\n constructor() {\r\n // backward compatibility with Resize helper\r\n this.globals = {};\r\n this._state = window.appState || {};\r\n this._config = window.appConfig || {};\r\n\r\n if (!('isUserLoggedIn' in this._state)) {\r\n this._state.isUserLoggedIn = false;\r\n }\r\n\r\n this.stateSubscribers = [];\r\n\r\n this.moveLoginForm();\r\n }\r\n\r\n subscribe(callback) {\r\n this.stateSubscribers.push(callback);\r\n\r\n return () => {\r\n this.stateSubscribers = this.stateSubscribers.filter(item => item !== callback);\r\n };\r\n }\r\n\r\n setState(statePart) {\r\n const oldState = this.getState();\r\n this._state = Object.assign({}, oldState, statePart);\r\n this.stateSubscribers.map(cb => cb(this._state, oldState));\r\n }\r\n\r\n t(name, ...args) {\r\n const translation = this.getRequiredConfig(`translations.${name}`);\r\n const formatArgs = [translation, ...args];\r\n return utility.stringFormat(...formatArgs);\r\n }\r\n\r\n getState() {\r\n return this._state;\r\n }\r\n\r\n getConfig(property, defaultValue = undefined) {\r\n return lodashGet(this._config, property, defaultValue);\r\n }\r\n\r\n getRequiredConfig(property) {\r\n const propertyValue = lodashGet(this._config, property);\r\n if (propertyValue === undefined) {\r\n throw new Error(`cannot find a property «${property}» in config`);\r\n }\r\n return propertyValue;\r\n }\r\n\r\n moveLoginForm() {\r\n const loginModalElement = document.querySelector('.js-login-modal');\r\n if (loginModalElement) {\r\n document.body.appendChild(loginModalElement);\r\n }\r\n }\r\n}\r\n\r\nconst instance = new App();\r\nwindow.App = instance;\r\n\r\nexport default instance;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/app.js","export default class BaseComponent {\r\n constructor(el) {\r\n this.el = el;\r\n this.isInited = false;\r\n this.isDestroyed = false;\r\n this.listeners = {};\r\n this.listenersList = [];\r\n this.id = 0;\r\n }\r\n\r\n init() {\r\n throw new Error('You should define init method');\r\n }\r\n\r\n destroy() {\r\n this.removeListeners();\r\n }\r\n\r\n setVariables() {\r\n throw new Error('You should define setVariables method');\r\n }\r\n\r\n addListeners() {\r\n throw new Error('You should define addListeners method');\r\n }\r\n\r\n addListener(elem, eventName, eventCallback) {\r\n if (!elem || typeof elem.addEventListener !== 'function') return;\r\n\r\n elem.addEventListener(eventName, eventCallback);\r\n this.listenersList.push({\r\n elem,\r\n eventName,\r\n eventCallback\r\n });\r\n }\r\n\r\n removeListeners() {\r\n this.listenersList.forEach((listener) => {\r\n const { elem, eventName, eventCallback } = listener;\r\n\r\n elem.removeEventListener(eventName, eventCallback);\r\n });\r\n\r\n this.listenersList = [];\r\n }\r\n\r\n setId(id) {\r\n this.id = id;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/baseComponent.js","import eventEmitter from 'helpers/eventEmitter.js';\r\nimport Utility from 'helpers/utility.js';\r\n\r\nexport default class BaseCore {\r\n constructor() {\r\n this.componentClasses = [];\r\n this.componentInstances = [];\r\n this.lastId = 1;\r\n }\r\n\r\n init() {\r\n eventEmitter.subscribe('content:updated', (container) => {\r\n this.initComponents(container);\r\n });\r\n eventEmitter.subscribe('content:willRemoved', (container) => {\r\n this.destroyComponents(container);\r\n });\r\n this.initComponents();\r\n }\r\n\r\n initComponents(container) {\r\n this.componentClasses.forEach((ComponentClass) => {\r\n this.initComponent(container, ComponentClass);\r\n });\r\n }\r\n\r\n initComponent(containerEl, ComponentClass) {\r\n const container = containerEl || document;\r\n const componentName = ComponentClass.tagName;\r\n\r\n if (typeof componentName !== 'string') {\r\n // Utility.logMessage(ComponentClass, ' tagName is empty');\r\n return;\r\n }\r\n\r\n const componentNodes = [...container.querySelectorAll(componentName)];\r\n\r\n componentNodes.forEach((componentNode) => {\r\n if (!componentNode.components) {\r\n componentNode.components = [];\r\n }\r\n\r\n let allowInit = true;\r\n\r\n componentNode.components.forEach((existingInstance) => {\r\n if (\r\n existingInstance.constructor.tagName === componentName &&\r\n existingInstance.isInited\r\n ) {\r\n allowInit = false;\r\n }\r\n });\r\n\r\n if (allowInit) {\r\n const componentInstance = new ComponentClass(componentNode);\r\n componentInstance.setId(this.lastId++);\r\n\r\n componentNode.components.push(componentInstance);\r\n this.componentInstances.push(componentInstance);\r\n }\r\n });\r\n }\r\n\r\n destroyComponents(container) {\r\n if (!container) return;\r\n this.componentClasses.forEach((ComponentClass) => {\r\n const componentName = ComponentClass.tagName;\r\n\r\n if (typeof componentName !== 'string') {\r\n // Utility.logMessage(ComponentClass, ' tagName is empty');\r\n return;\r\n }\r\n\r\n const componentNodes = [...container.querySelectorAll(componentName)];\r\n\r\n componentNodes.forEach((componentNode) => {\r\n if (!componentNode.components || !componentNode.components.length) {\r\n return;\r\n }\r\n\r\n componentNode.components.forEach((instance) => {\r\n instance.destroy();\r\n });\r\n\r\n this.componentInstances = this.componentInstances.filter(instance => !instance.isDestroyed);\r\n });\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/baseCore.js","import Utility from 'helpers/utility.js';\r\nimport BaseComponent from './baseComponent.js';\r\n\r\nexport default class BundleLoader extends BaseComponent {\r\n constructor(elem) {\r\n super(elem);\r\n this.init();\r\n this.isInited = true;\r\n }\r\n\r\n static get tagName() {\r\n return '.js-bundle-loader';\r\n }\r\n\r\n init() {\r\n const dataOptions = this.el.getAttribute('data-bundle-loader-options');\r\n\r\n try {\r\n this.options = JSON.parse(dataOptions);\r\n } catch (event) {\r\n Utility.logMessage('Wrong JSON data in \"Bundle loader\" module');\r\n }\r\n\r\n if (!this.options) return;\r\n\r\n this.options.cssPathsList.forEach((pathToFile) => {\r\n this.loadCssFile(pathToFile);\r\n });\r\n\r\n this.options.jsPathsList.forEach((pathToFile) => {\r\n this.loadJsFile(pathToFile);\r\n });\r\n }\r\n\r\n loadCssFile(pathToFile) {\r\n const refs = window.document.body.childNodes;\r\n const ref = refs[refs.length - 1];\r\n const stylesFile = window.document.createElement('link');\r\n stylesFile.rel = 'stylesheet';\r\n stylesFile.href = pathToFile;\r\n // temporarily set media to something inapplicable\r\n // to ensure it'll fetch without blocking render\r\n stylesFile.media = 'unknown media';\r\n\r\n if (stylesFile.addEventListener) {\r\n stylesFile.addEventListener('load', () => {\r\n stylesFile.media = 'all';\r\n });\r\n }\r\n\r\n ref.parentNode.insertBefore(stylesFile, ref.nextSibling);\r\n }\r\n\r\n loadJsFile(pathToFile) {\r\n if (!pathToFile) return;\r\n\r\n const scriptFile = document.createElement('script');\r\n scriptFile.async = true;\r\n scriptFile.src = pathToFile;\r\n\r\n document.body.appendChild(scriptFile);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/bundleLoader.js","import app from 'app';\r\nimport utility from 'helpers/utility';\r\nimport http from 'http-instance';\r\n\r\nclass CollectionService {\r\n constructor(appInstance) {\r\n this.app = appInstance;\r\n }\r\n\r\n addCodesToCollection(codes, collections) {\r\n return http.post(app.getRequiredConfig('api.addProductsToCollections'), {\r\n productCodes: codes,\r\n collections\r\n }).then((response) => {\r\n this.onAddCodesToCollection(response.data);\r\n });\r\n }\r\n\r\n removeCodesFromCollection(params) {\r\n return http\r\n .post(app.getRequiredConfig('api.removeProductsFromCollection'), params)\r\n .then((response) => {\r\n for (let i = 0; i < response.data.length; i++) {\r\n if (response.data[i].id === parseInt(params.collectionId, 10)) {\r\n return response.data[i];\r\n }\r\n }\r\n\r\n return null;\r\n });\r\n }\r\n\r\n addGroupToCollection(groupCode, collections) {\r\n return http.post(app.getRequiredConfig('api.addProductsToCollectionsFromGroup'), {\r\n iMAXICode: groupCode,\r\n collections\r\n });\r\n }\r\n\r\n createCollection(collection) {\r\n return http\r\n .post(this.app.getRequiredConfig('api.createCollection'), collection)\r\n .then((response) => {\r\n this.onCreateCollection(response.data);\r\n });\r\n }\r\n\r\n onAddCodesToCollection(collections) {\r\n this.app.setState({\r\n collections\r\n });\r\n }\r\n\r\n onCreateCollection(collection) {\r\n this.app.setState({\r\n collections: [...this.app.getState().collections, collection]\r\n });\r\n }\r\n\r\n removeCollection(id) {\r\n const url = utility.stringFormat(this.app.getRequiredConfig('api.removeCollection'), id);\r\n return http.post(url).then(() => {\r\n this.onRemoveCollection(id);\r\n });\r\n }\r\n\r\n onRemoveCollection(id) {\r\n this.app.setState({\r\n collections: this.app.getState().collections.filter(item => item.id !== id)\r\n });\r\n }\r\n\r\n updateCollection(collection) {\r\n const collectionId = collection.id;\r\n const url = utility.stringFormat(\r\n this.app.getRequiredConfig('api.updateCollection'),\r\n collectionId\r\n );\r\n return http.post(url, collection).then((response) => {\r\n this.onUpdateCollection(response.data);\r\n });\r\n }\r\n\r\n onUpdateCollection(collection) {\r\n const collectionId = collection.id;\r\n\r\n const collections = this.app.getState().collections;\r\n const updatedCollectionIndex = collections.findIndex(item => item.id === collectionId);\r\n const newCollection = Object.assign({}, collections[updatedCollectionIndex], collection);\r\n\r\n this.app.setState({\r\n collections: [\r\n ...collections.slice(0, updatedCollectionIndex),\r\n newCollection,\r\n ...collections.slice(updatedCollectionIndex + 1)\r\n ]\r\n });\r\n }\r\n}\r\n\r\nconst instance = new CollectionService(app);\r\nexport default instance;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/collectionsService.js","import { DeviceObserver } from '@deleteagency/device-observer';\r\nimport { constants } from './enums';\r\n\r\nconst deviceObserver = new DeviceObserver();\r\n\r\ndeviceObserver.init({\r\n mobile: 0,\r\n tablet: constants.VIEWPORT_WIDTH_TABLET,\r\n desktop: constants.VIEWPORT_WIDTH_DESKTOP,\r\n 'desktop-wide': constants.VIEWPORT_WIDTH_DESKTOP_WIDE\r\n});\r\n\r\nexport {\r\n deviceObserver\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/deviceObserver/deviceObserver.js","const viewports = {\r\n 'mobile-wide': 480,\r\n tablet: 768,\r\n desktop: 992,\r\n 'desktop-wide': 1420,\r\n 'desktop-ultra': 1600,\r\n};\r\n\r\nconst constants = Object.freeze({\r\n VIEWPORT_WIDTH_TABLET: viewports.tablet,\r\n VIEWPORT_WIDTH_DESKTOP: viewports.desktop,\r\n VIEWPORT_WIDTH_DESKTOP_WIDE: viewports['desktop-wide'],\r\n VIEWPORT_WIDTH_DESKTOP_ULTRA: viewports['desktop-ultra'],\r\n});\r\n\r\nexport {\r\n constants\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/deviceObserver/enums.js","import { deviceObserver } from './deviceObserver';\r\n\r\nexport {\r\n deviceObserver\r\n};\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/deviceObserver/index.js","import app from 'app';\r\nimport http from 'http-instance';\r\n\r\nclass FavoritesService {\r\n constructor(appInstance) {\r\n this.app = appInstance;\r\n }\r\n\r\n onAddCodes(newFavouritesAdded = 0) {\r\n this.app.setState({\r\n favouritesCount: this.app.getState().favouritesCount + newFavouritesAdded,\r\n newFavouritesCount: this.app.getState().newFavouritesCount + newFavouritesAdded\r\n });\r\n }\r\n\r\n addCode(code) {\r\n return http\r\n .post(app.getRequiredConfig('api.addProductToFavorites'), { iMAXICode: code })\r\n .then(() => {\r\n this.onAddCodes(1);\r\n });\r\n }\r\n\r\n addGroup(groupCode) {\r\n return http\r\n .post(app.getRequiredConfig('api.addProductToFavoritesFromGroup'), { iMAXICode: groupCode })\r\n .then((result) => {\r\n this.onAddCodes(result.data.addedToFavouritesCodesCount);\r\n });\r\n }\r\n\r\n removeCodesFromFavourites(codes, type) {\r\n return http\r\n .post(app.getRequiredConfig('api.removeProductsFromFavorites'), { productCodes: codes })\r\n .then(() => {\r\n this.onRemoveCodesFromFavourites(codes.length, type);\r\n });\r\n }\r\n\r\n onRemoveCodesFromFavourites(count, type) {\r\n /* we can't check a code is it a product or accessory\r\n so we have to send type from component\r\n */\r\n if (type === 'accessories') {\r\n this.app.setState({\r\n accessoriesCount: this.app.getState().accessoriesCount - count\r\n });\r\n } else {\r\n this.app.setState({\r\n favouritesCount: this.app.getState().favouritesCount - count\r\n });\r\n }\r\n }\r\n}\r\n\r\nconst instance = new FavoritesService(app);\r\nexport default instance;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/favoritesService.js","import arrowDisabler from './js/arrow-disabler';\r\nimport controlsHidden from './js/controls-hidden';\r\nimport fixBoundPeek from './js/fix-bound-peek';\r\n\r\nexport {\r\n arrowDisabler,\r\n controlsHidden,\r\n fixBoundPeek\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/glide/index.js","import arrowClasses from './enums';\r\n\r\nfunction arrowDisabler(Glide, Components) {\r\n return {\r\n mount() {\r\n if (Glide.settings.rewind) return;\r\n\r\n Glide.on(['mount.after', 'run', 'resize'], () => {\r\n for (const controlItem of Components.Controls.items) {\r\n const left = controlItem.querySelector(`.${arrowClasses.backArrow}`);\r\n const right = controlItem.querySelector(`.${arrowClasses.nextArrow}`);\r\n\r\n const lastSlideIndex = Glide.settings.bound\r\n ? Glide.index + (Glide.settings.perView - 1)\r\n : Glide.index;\r\n\r\n if (Glide.index === 0) {\r\n left.setAttribute('disabled', '');\r\n } else {\r\n left.removeAttribute('disabled');\r\n }\r\n\r\n if (lastSlideIndex >= Components.Sizes.length - 1) {\r\n right.setAttribute('disabled', '');\r\n } else {\r\n right.removeAttribute('disabled');\r\n }\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\nexport default arrowDisabler;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/glide/js/arrow-disabler.js","function controlsHidden(Glide, Components) {\r\n return {\r\n mount() {\r\n if (Glide.settings.rewind) return;\r\n\r\n Glide.on('mount.after', () => {\r\n if (Glide.settings.perView < Components.Sizes.length) {\r\n Components.Controls.items.forEach((item) => item.classList.remove('hide'));\r\n } else {\r\n Components.Controls.items.forEach((item) => item.classList.add('hide'));\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\nexport default controlsHidden;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/glide/js/controls-hidden.js","const arrowClasses = Object.freeze({\r\n backArrow: 'arrow-prev',\r\n nextArrow: 'arrow-next'\r\n});\r\n\r\nexport default arrowClasses;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/glide/js/enums.js","function fixBoundPeek(Glide, Components) {\r\n return {\r\n modify(translate) {\r\n let isBound = Components.Run.isBound;\r\n\r\n if (typeof isBound !== 'function') {\r\n isBound = () => Glide.isType('slider') && Glide.settings.focusAt !== 'center' && Glide.settings.bound;\r\n }\r\n\r\n const lastSlideIndex = Glide.settings.bound\r\n ? Glide.index + (Glide.settings.perView - 1)\r\n : Glide.index;\r\n\r\n if (isBound() && Components.Run.isEnd()) {\r\n const perView = Glide.settings.perView;\r\n\r\n return translate - (Components.Sizes.slideWidth * (perView % 1));\r\n } else if (!Components.Run.isEnd() && lastSlideIndex >= Components.Sizes.length) {\r\n Components.Run.make('<<');\r\n // const slideWidth = Components.Sizes.slideWidth;\r\n // const countSlides = Math.abs(Components.Sizes.length - lastSlideIndex - 1);\r\n // return translate - (slideWidth * countSlides);\r\n }\r\n\r\n return translate;\r\n }\r\n };\r\n}\r\n\r\nexport default fixBoundPeek;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/glide/js/fix-bound-peek.js","export default function (a, b, opts) {\r\n if (a === b) {\r\n return opts.fn(this);\r\n }\r\n\r\n return opts.inverse(this);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/hbsHelpers/equal.js","import Utility from 'helpers/utility.js';\r\n\r\nexport default function () {\r\n return Utility.stringFormat(...arguments);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/hbsHelpers/format.js","export default function (a, b, opts) {\r\n if (a > b) {\r\n return opts.fn(this);\r\n }\r\n\r\n return opts.inverse(this);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/hbsHelpers/gt.js","export default function (...args) {\r\n const argumentsArray = [...args];\r\n const opts = argumentsArray.splice(argumentsArray.length - 1)[0];\r\n const logicOrResult = argumentsArray.some(arg => !!arg);\r\n\r\n if (logicOrResult) {\r\n return opts.fn(this);\r\n }\r\n\r\n return opts.inverse(this);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/hbsHelpers/or.js","/*eslint-disable */\r\nfunction AbstractEvent(type, data, bubbles) {\r\n this.type = type;\r\n this.bubbles = bubbles != undefined ? bubbles : false;\r\n\r\n if (data != undefined) {\r\n for (const i in data) {\r\n this[i] = data[i];\r\n }\r\n }\r\n\r\n this.isDefaultPrevented = false;\r\n}\r\n\r\nAbstractEvent.prototype.stopPropagation = function () {\r\n this.bubbles = false;\r\n};\r\n\r\nAbstractEvent.prototype.preventDefault = function () {\r\n this.isDefaultPrevented = true;\r\n};\r\n\r\nmodule.exports = AbstractEvent;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/abstractEvent.js","/* eslint-disable */\r\nfunction initClassListPolyfill() {\r\n if ('document' in self) {\r\n\r\n // Full polyfill for browsers with no classList support\r\n if (!('classList' in document.createElement('_'))) {\r\n\r\n (function (view) {\r\n\r\n 'use strict';\r\n\r\n if (!('Element' in view)) return;\r\n\r\n var\r\n classListProp = 'classList'\r\n , protoProp = 'prototype'\r\n , elemCtrProto = view.Element[protoProp]\r\n , objCtr = Object\r\n , strTrim = String[protoProp].trim || function () {\r\n return this.replace(/^\\s+|\\s+$/g, '');\r\n }\r\n , arrIndexOf = Array[protoProp].indexOf || function (item) {\r\n var\r\n i = 0\r\n , len = this.length\r\n ;\r\n for (; i < len; i++) {\r\n if (i in this && this[i] === item) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n }\r\n // Vendors: please allow content code to instantiate DOMExceptions\r\n , DOMEx = function (type, message) {\r\n this.name = type;\r\n this.code = DOMException[type];\r\n this.message = message;\r\n }\r\n , checkTokenAndGetIndex = function (classList, token) {\r\n if (token === '') {\r\n throw new DOMEx(\r\n 'SYNTAX_ERR'\r\n , 'An invalid or illegal string was specified'\r\n );\r\n }\r\n if (/\\s/.test(token)) {\r\n throw new DOMEx(\r\n 'INVALID_CHARACTER_ERR'\r\n , 'String contains an invalid character'\r\n );\r\n }\r\n return arrIndexOf.call(classList, token);\r\n }\r\n , ClassList = function (elem) {\r\n var\r\n trimmedClasses = strTrim.call(elem.getAttribute('class') || '')\r\n , classes = trimmedClasses ? trimmedClasses.split(/\\s+/) : []\r\n , i = 0\r\n , len = classes.length\r\n ;\r\n for (; i < len; i++) {\r\n this.push(classes[i]);\r\n }\r\n this._updateClassName = function () {\r\n elem.setAttribute('class', this.toString());\r\n };\r\n }\r\n , classListProto = ClassList[protoProp] = []\r\n , classListGetter = function () {\r\n return new ClassList(this);\r\n }\r\n ;\r\n // Most DOMException implementations don't allow calling DOMException's toString()\r\n // on non-DOMExceptions. Error's toString() is sufficient here.\r\n DOMEx[protoProp] = Error[protoProp];\r\n classListProto.item = function (i) {\r\n return this[i] || null;\r\n };\r\n classListProto.contains = function (token) {\r\n token += '';\r\n return checkTokenAndGetIndex(this, token) !== -1;\r\n };\r\n classListProto.add = function () {\r\n var\r\n tokens = arguments\r\n , i = 0\r\n , l = tokens.length\r\n , token\r\n , updated = false\r\n ;\r\n do {\r\n token = tokens[i] + '';\r\n if (checkTokenAndGetIndex(this, token) === -1) {\r\n this.push(token);\r\n updated = true;\r\n }\r\n }\r\n while (++i < l);\r\n\r\n if (updated) {\r\n this._updateClassName();\r\n }\r\n };\r\n classListProto.remove = function () {\r\n var\r\n tokens = arguments\r\n , i = 0\r\n , l = tokens.length\r\n , token\r\n , updated = false\r\n , index\r\n ;\r\n do {\r\n token = tokens[i] + '';\r\n index = checkTokenAndGetIndex(this, token);\r\n while (index !== -1) {\r\n this.splice(index, 1);\r\n updated = true;\r\n index = checkTokenAndGetIndex(this, token);\r\n }\r\n }\r\n while (++i < l);\r\n\r\n if (updated) {\r\n this._updateClassName();\r\n }\r\n };\r\n classListProto.toggle = function (token, force) {\r\n token += '';\r\n\r\n var\r\n result = this.contains(token)\r\n , method = result ?\r\n force !== true && 'remove'\r\n :\r\n force !== false && 'add'\r\n ;\r\n\r\n if (method) {\r\n this[method](token);\r\n }\r\n\r\n if (force === true || force === false) {\r\n return force;\r\n } else {\r\n return !result;\r\n }\r\n };\r\n classListProto.toString = function () {\r\n return this.join(' ');\r\n };\r\n\r\n if (objCtr.defineProperty) {\r\n var classListPropDesc = {\r\n get: classListGetter\r\n , enumerable: true\r\n , configurable: true\r\n };\r\n try {\r\n objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);\r\n } catch (ex) { // IE 8 doesn't support enumerable:true\r\n if (ex.number === -0x7FF5EC54) {\r\n classListPropDesc.enumerable = false;\r\n objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);\r\n }\r\n }\r\n } else if (objCtr[protoProp].__defineGetter__) {\r\n elemCtrProto.__defineGetter__(classListProp, classListGetter);\r\n }\r\n\r\n }(self));\r\n\r\n } else {\r\n // There is full or partial native classList support, so just check if we need\r\n // to normalize the add/remove and toggle APIs.\r\n\r\n (function () {\r\n 'use strict';\r\n\r\n var testElement = document.createElement('_');\r\n\r\n testElement.classList.add('c1', 'c2');\r\n\r\n // Polyfill for IE 10/11 and Firefox <26, where classList.add and\r\n // classList.remove exist but support only one argument at a time.\r\n if (!testElement.classList.contains('c2')) {\r\n var createMethod = function(method) {\r\n var original = DOMTokenList.prototype[method];\r\n\r\n DOMTokenList.prototype[method] = function(token) {\r\n var i, len = arguments.length;\r\n\r\n for (i = 0; i < len; i++) {\r\n token = arguments[i];\r\n original.call(this, token);\r\n }\r\n };\r\n };\r\n createMethod('add');\r\n createMethod('remove');\r\n }\r\n\r\n testElement.classList.toggle('c3', false);\r\n\r\n // Polyfill for IE 10 and Firefox <24, where classList.toggle does not\r\n // support the second argument.\r\n if (testElement.classList.contains('c3')) {\r\n var _toggle = DOMTokenList.prototype.toggle;\r\n\r\n DOMTokenList.prototype.toggle = function(token, force) {\r\n if (1 in arguments && !this.contains(token) === !force) {\r\n return force;\r\n } else {\r\n return _toggle.call(this, token);\r\n }\r\n };\r\n\r\n }\r\n\r\n testElement = null;\r\n }());\r\n\r\n }\r\n\r\n }\r\n}\r\n\r\ninitClassListPolyfill();\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/classListPolyfill.js","/*eslint-disable */\r\nmodule.exports = {\r\n setCookie(cname, cvalue, exdays) {\r\n const d = new Date();\r\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\r\n const expires = `expires=${d.toUTCString()}`;\r\n document.cookie = `${cname}=${cvalue}; ${expires}; path=/`;\r\n },\r\n\r\n getCookie(cname) {\r\n const name = `${cname}=`;\r\n const ca = document.cookie.split(';');\r\n for (let i = 0; i < ca.length; i++) {\r\n let c = ca[i];\r\n while (c.charAt(0) == ' ') {\r\n c = c.substring(1);\r\n }\r\n if (c.indexOf(name) == 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n return '';\r\n }\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/cookie.js","/*eslint-disable */\r\nfunction EventDispatcher() {\r\n this._events = {};\r\n}\r\n\r\nEventDispatcher.prototype.addEventListener = function (type, handler) {\r\n if (this._events[type] == undefined) this._events[type] = [];\r\n\r\n this._events[type].push(handler);\r\n};\r\n\r\nEventDispatcher.prototype.removeEventListener = function (type, handler) {\r\n if (this._events[type] == undefined) return;\r\n\r\n if (handler == undefined) {\r\n delete this._events[type];\r\n } else {\r\n const handlers = this._events[type];\r\n let i = handlers.length;\r\n\r\n while (--i > -1) {\r\n if (handler == handlers[i]) {\r\n handlers.splice(i, 1);\r\n }\r\n }\r\n\r\n this._events[type] = handlers;\r\n }\r\n};\r\n\r\nEventDispatcher.prototype.dispatchEvent = function (event) {\r\n event.target = this;\r\n if (event.currentTarget == undefined) event.currentTarget = this;\r\n\r\n if (this._events[event.type] != undefined) {\r\n const handlers = this._events[event.type];\r\n\r\n let i = handlers.length;\r\n\r\n while (--i > -1) handlers[i](event);\r\n }\r\n\r\n if (event.bubbles && this.parent) this.parent.dispatchEvent(event);\r\n};\r\n\r\nEventDispatcher.prototype.hasEvent = function (type) {\r\n type = (typeof type === 'string') ? type.split(',') : type;\r\n\r\n return this._events[type] && this._events[type].length > 0;\r\n};\r\n\r\nmodule.exports = EventDispatcher;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/eventDispatcher.js","class EventEmitter {\r\n constructor() {\r\n this.events = {};\r\n }\r\n\r\n /**\r\n * Emit event with payload\r\n *\r\n * @param {string} eventName\r\n * @param {object} data Payload\r\n */\r\n emit(eventName, data) {\r\n const events = this.events[eventName];\r\n if (events) {\r\n events.forEach((fn) => {\r\n fn.call(null, data);\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Register event listener\r\n *\r\n * @param {string} eventName\r\n * @param {function} fn Callback\r\n */\r\n subscribe(eventName, fn) {\r\n if (!this.events[eventName]) {\r\n this.events[eventName] = [];\r\n }\r\n this.events[eventName].push(fn);\r\n }\r\n\r\n /**\r\n * Unregister event listener\r\n *\r\n * @param {string} eventName\r\n * @param {function} fn\r\n */\r\n unsubscribe(eventName, fn) {\r\n this.events[eventName] = this.events[eventName].filter(eventFn => fn !== eventFn);\r\n }\r\n}\r\n\r\nconst eventHub = new EventEmitter();\r\n\r\n// for upadate panel on LoginForm.ascx\r\nwindow.eventEmitter = eventHub;\r\n\r\nexport default eventHub;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/eventEmitter.js","const generateBemCss = (bemName, bemList) => {\r\n let bemCss = '';\r\n\r\n if (Array.isArray(bemList)) {\r\n bemCss = bemList\r\n .filter((bemModifier) => bemModifier)\r\n .map((bemModifier) => `${bemName}--${bemModifier}`).join(' ');\r\n }\r\n\r\n return bemCss ? `${bemName} ${bemCss}` : bemName;\r\n};\r\n\r\nexport default generateBemCss;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/generateBemCss.js","const isElementInViewport = (el) => {\r\n const rect = el.getBoundingClientRect();\r\n\r\n return (\r\n rect.bottom > 0 &&\r\n rect.right > 0 &&\r\n rect.left < (window.innerWidth || document.documentElement.clientWidth) &&\r\n rect.top < (window.innerHeight || document.documentElement.clientHeight)\r\n );\r\n};\r\n\r\nexport default isElementInViewport;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/isElementInViewport.js","/*eslint-disable */\r\nconst TweenMax = require('gsap');\r\n\r\nmodule.exports = {\r\n toggle(el, duration, onComplete) {\r\n if (window.getComputedStyle(el).getPropertyValue('display') == 'none') {\r\n slideIn(el, duration, onComplete);\r\n } else {\r\n slideOut(el, duration, onComplete);\r\n }\r\n },\r\n in(el, duration, onComplete) {\r\n slideIn(el, duration, onComplete);\r\n },\r\n out(el, duration, onComplete) {\r\n slideOut(el, duration, onComplete);\r\n }\r\n};\r\n\r\nfunction slideIn(el, duration, onComplete) {\r\n el.style.display = 'block';\r\n el.style.removeProperty('height');\r\n\r\n const naturalHeight = el.offsetHeight;\r\n\r\n el.style.height = '0';\r\n el.style.overflow = 'hidden';\r\n\r\n const pT = window.getComputedStyle(el).getPropertyValue('padding-top');\r\n const pB = window.getComputedStyle(el).getPropertyValue('padding-bottom');\r\n const mT = window.getComputedStyle(el).getPropertyValue('margin-top');\r\n const mB = window.getComputedStyle(el).getPropertyValue('margin-bottom');\r\n\r\n TweenMax.fromTo(\r\n el,\r\n duration,\r\n {\r\n height: 0, paddingTop: 0, paddingBottom: 0, marginTop: 0, marginBottom: 0\r\n },\r\n {\r\n height: naturalHeight,\r\n paddingTop: pT,\r\n paddingBottom: pB,\r\n marginTop: mT,\r\n marginBottom: mB,\r\n ease: Power2.easeInOut,\r\n onComplete() {\r\n el.style.removeProperty('height');\r\n el.style.removeProperty('overflow');\r\n el.style.removeProperty('display');\r\n el.style.removeProperty('padding-top');\r\n el.style.removeProperty('padding-bottom');\r\n el.style.removeProperty('margin-top');\r\n el.style.removeProperty('margin-bottom');\r\n onComplete(true); //isOpen true\r\n }\r\n }\r\n );\r\n}\r\n\r\nfunction slideOut(el, duration, onComplete) {\r\n el.style.overflow = 'hidden';\r\n\r\n TweenMax.to(\r\n el,\r\n duration,\r\n {\r\n height: 0,\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n marginTop: 0,\r\n marginBottom: 0,\r\n ease: Power2.easeInOut,\r\n onComplete() {\r\n el.style.removeProperty('height');\r\n el.style.removeProperty('overflow');\r\n el.style.removeProperty('padding-top');\r\n el.style.removeProperty('padding-bottom');\r\n el.style.removeProperty('margin-top');\r\n el.style.removeProperty('margin-bottom');\r\n onComplete(false); //isOpen false\r\n }\r\n }\r\n );\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/slide.js","/* eslint-disable */\r\n\r\n(function (w, d, undefined) {\r\n /*\r\n * aliases\r\n * w: window global object\r\n * d: document\r\n * undefined: undefined\r\n */\r\n\r\n // polyfill\r\n function polyfill() {\r\n // return when scrollBehavior interface is supported\r\n if ('scrollBehavior' in d.documentElement.style) {\r\n return;\r\n }\r\n\r\n /*\r\n * globals\r\n */\r\n const Element = w.HTMLElement || w.Element;\r\n const SCROLL_TIME = 468;\r\n\r\n /*\r\n * object gathering original scroll methods\r\n */\r\n const original = {\r\n scroll: w.scroll || w.scrollTo,\r\n scrollBy: w.scrollBy,\r\n elScroll: Element.prototype.scroll || scrollElement,\r\n scrollIntoView: Element.prototype.scrollIntoView\r\n };\r\n\r\n /*\r\n * define timing method\r\n */\r\n const now = w.performance && w.performance.now\r\n ? w.performance.now.bind(w.performance) : Date.now;\r\n\r\n /**\r\n * changes scroll position inside an element\r\n * @method scrollElement\r\n * @param {Number} x\r\n * @param {Number} y\r\n */\r\n function scrollElement(x, y) {\r\n this.scrollLeft = x;\r\n this.scrollTop = y;\r\n }\r\n\r\n /**\r\n * returns result of applying ease math function to a number\r\n * @method ease\r\n * @param {Number} k\r\n * @returns {Number}\r\n */\r\n function ease(k) {\r\n return 0.5 * (1 - Math.cos(Math.PI * k));\r\n }\r\n\r\n /**\r\n * indicates if a smooth behavior should be applied\r\n * @method shouldBailOut\r\n * @param {Number|Object} x\r\n * @returns {Boolean}\r\n */\r\n function shouldBailOut(x) {\r\n if (typeof x !== 'object'\r\n || x === null\r\n || x.behavior === undefined\r\n || x.behavior === 'auto'\r\n || x.behavior === 'instant') {\r\n // first arg not an object/null\r\n // or behavior is auto, instant or undefined\r\n return true;\r\n }\r\n\r\n if (typeof x === 'object'\r\n && x.behavior === 'smooth') {\r\n // first argument is an object and behavior is smooth\r\n return false;\r\n }\r\n\r\n // throw error when behavior is not supported\r\n throw new TypeError('behavior not valid');\r\n }\r\n\r\n /**\r\n * finds scrollable parent of an element\r\n * @method findScrollableParent\r\n * @param {Node} el\r\n * @returns {Node} el\r\n */\r\n function findScrollableParent(el) {\r\n let isBody;\r\n let hasScrollableSpace;\r\n let hasVisibleOverflow;\r\n\r\n do {\r\n el = el.parentNode;\r\n\r\n // set condition variables\r\n isBody = el === d.body;\r\n hasScrollableSpace =\r\n el.clientHeight < el.scrollHeight ||\r\n el.clientWidth < el.scrollWidth;\r\n hasVisibleOverflow =\r\n w.getComputedStyle(el, null).overflow === 'visible';\r\n } while (!isBody && !(hasScrollableSpace && !hasVisibleOverflow));\r\n\r\n isBody = hasScrollableSpace = hasVisibleOverflow = null;\r\n\r\n return el;\r\n }\r\n\r\n /**\r\n * self invoked function that, given a context, steps through scrolling\r\n * @method step\r\n * @param {Object} context\r\n */\r\n function step(context) {\r\n // call method again on next available frame\r\n context.frame = w.requestAnimationFrame(step.bind(w, context));\r\n\r\n const time = now();\r\n let value;\r\n let currentX;\r\n let currentY;\r\n let elapsed = (time - context.startTime) / SCROLL_TIME;\r\n\r\n // avoid elapsed times higher than one\r\n elapsed = elapsed > 1 ? 1 : elapsed;\r\n\r\n // apply easing to elapsed time\r\n value = ease(elapsed);\r\n\r\n currentX = context.startX + (context.x - context.startX) * value;\r\n currentY = context.startY + (context.y - context.startY) * value;\r\n\r\n context.method.call(context.scrollable, currentX, currentY);\r\n\r\n // return when end points have been reached\r\n if (currentX === context.x && currentY === context.y) {\r\n w.cancelAnimationFrame(context.frame);\r\n }\r\n }\r\n\r\n /**\r\n * scrolls window with a smooth behavior\r\n * @method smoothScroll\r\n * @param {Object|Node} el\r\n * @param {Number} x\r\n * @param {Number} y\r\n */\r\n function smoothScroll(el, x, y) {\r\n let scrollable;\r\n let startX;\r\n let startY;\r\n let method;\r\n const startTime = now();\r\n let frame;\r\n\r\n // define scroll context\r\n if (el === d.body) {\r\n scrollable = w;\r\n startX = w.scrollX || w.pageXOffset;\r\n startY = w.scrollY || w.pageYOffset;\r\n method = original.scroll;\r\n } else {\r\n scrollable = el;\r\n startX = el.scrollLeft;\r\n startY = el.scrollTop;\r\n method = scrollElement;\r\n }\r\n\r\n // cancel frame when a scroll event's happening\r\n if (frame) {\r\n w.cancelAnimationFrame(frame);\r\n }\r\n\r\n // scroll looping over a frame\r\n step({\r\n scrollable,\r\n method,\r\n startTime,\r\n startX,\r\n startY,\r\n x,\r\n y,\r\n frame\r\n });\r\n }\r\n\r\n /*\r\n * ORIGINAL METHODS OVERRIDES\r\n */\r\n\r\n // w.scroll and w.scrollTo\r\n w.scroll = w.scrollTo = function () {\r\n // avoid smooth behavior if not required\r\n if (shouldBailOut(arguments[0])) {\r\n original.scroll.call(\r\n w,\r\n arguments[0].left || arguments[0],\r\n arguments[0].top || arguments[1]\r\n );\r\n return;\r\n }\r\n\r\n // LET THE SMOOTHNESS BEGIN!\r\n smoothScroll.call(\r\n w,\r\n d.body,\r\n ~~arguments[0].left,\r\n ~~arguments[0].top\r\n );\r\n };\r\n\r\n // w.scrollBy\r\n w.scrollBy = function () {\r\n // avoid smooth behavior if not required\r\n if (shouldBailOut(arguments[0])) {\r\n original.scrollBy.call(\r\n w,\r\n arguments[0].left || arguments[0],\r\n arguments[0].top || arguments[1]\r\n );\r\n return;\r\n }\r\n\r\n // LET THE SMOOTHNESS BEGIN!\r\n smoothScroll.call(\r\n w,\r\n d.body,\r\n ~~arguments[0].left + (w.scrollX || w.pageXOffset),\r\n ~~arguments[0].top + (w.scrollY || w.pageYOffset)\r\n );\r\n };\r\n\r\n // Element.prototype.scroll and Element.prototype.scrollTo\r\n Element.prototype.scroll = Element.prototype.scrollTo = function () {\r\n // avoid smooth behavior if not required\r\n if (shouldBailOut(arguments[0])) {\r\n original.elScroll.call(\r\n this,\r\n arguments[0].left || arguments[0],\r\n arguments[0].top || arguments[1]\r\n );\r\n return;\r\n }\r\n\r\n // LET THE SMOOTHNESS BEGIN!\r\n smoothScroll.call(\r\n this,\r\n this,\r\n arguments[0].left,\r\n arguments[0].top\r\n );\r\n };\r\n\r\n // Element.prototype.scrollBy\r\n Element.prototype.scrollBy = function () {\r\n const arg0 = arguments[0];\r\n\r\n if (typeof arg0 === 'object') {\r\n this.scroll({\r\n left: arg0.left + this.scrollLeft,\r\n top: arg0.top + this.scrollTop,\r\n behavior: arg0.behavior\r\n });\r\n } else {\r\n this.scroll(\r\n this.scrollLeft + arg0,\r\n this.scrollTop + arguments[1]\r\n );\r\n }\r\n };\r\n\r\n // Element.prototype.scrollIntoView\r\n Element.prototype.scrollIntoView = function () {\r\n // avoid smooth behavior if not required\r\n if (shouldBailOut(arguments[0])) {\r\n original.scrollIntoView.call(this, arguments[0] || true);\r\n return;\r\n }\r\n\r\n // LET THE SMOOTHNESS BEGIN!\r\n const scrollableParent = findScrollableParent(this);\r\n const parentRects = scrollableParent.getBoundingClientRect();\r\n const clientRects = this.getBoundingClientRect();\r\n\r\n if (scrollableParent !== d.body) {\r\n // reveal element inside parent\r\n smoothScroll.call(\r\n this,\r\n scrollableParent,\r\n scrollableParent.scrollLeft + clientRects.left - parentRects.left,\r\n scrollableParent.scrollTop + clientRects.top - parentRects.top\r\n );\r\n // reveal parent in viewport\r\n w.scrollBy({\r\n left: parentRects.left,\r\n top: parentRects.top,\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n // reveal element in viewport\r\n w.scrollBy({\r\n left: clientRects.left,\r\n top: clientRects.top,\r\n behavior: 'smooth'\r\n });\r\n }\r\n };\r\n }\r\n\r\n if (typeof exports === 'object') {\r\n // commonjs\r\n module.exports = { polyfill };\r\n } else {\r\n // global\r\n polyfill();\r\n }\r\n}(window, document));\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/smoothScroll.js","/*eslint-disable */\r\nimport AbstractEvent from 'helpers/abstractEvent.js';\r\nimport EventDispatcher from 'helpers/eventDispatcher.js';\r\n\r\nconst TouchEvent = {\r\n TAP: 'onTap',\r\n TOUCH_START: 'onTouchStart',\r\n TOUCH_END: 'onTouchEnd',\r\n TOUCH_MOVE: 'onTouchMove',\r\n SWIPE_LEFT: 'onSwipeLeft',\r\n SWIPE_RIGHT: 'onSwipeRight',\r\n PINCH_START: 'onPinchStart',\r\n PINCH_MOVE: 'onPinchMove',\r\n PINCH_END: 'onPinchEnd'\r\n};\r\n\r\nlet html,\r\n body,\r\n isTouching = false,\r\n SWIPE_DURATION = 150,\r\n SWIPE_DISTANCE = 10;\r\n\r\nTouch.prototype = Object.create(EventDispatcher.prototype);\r\nTouch.prototype.constructor = Touch;\r\n\r\nTouch.events = TouchEvent;\r\n\r\nfunction Touch(el) {\r\n if ('ontouchstart' in window) {\r\n el.addEventListener('touchstart', onTouchStart);\r\n\r\n el.__context__ = this;\r\n el.onTouch = onEvent.bind(this);\r\n EventDispatcher.call(this);\r\n }\r\n\r\n return el;\r\n}\r\n\r\nfunction onEvent(type, handler) {\r\n if (typeof handler === 'function') {\r\n this.addEventListener(type, handler);\r\n } else {\r\n this.removeEventListener(type, handler);\r\n }\r\n}\r\n\r\nfunction onTouchStart(e) {\r\n if (isTouching) return;\r\n\r\n let touch = e.touches && e.touches.length > 0 ? e.touches[0] : false;\r\n\r\n if (!touch) return;\r\n\r\n let target = e.target,\r\n events = [\r\n TouchEvent.TAP,\r\n TouchEvent.TOUCH_START,\r\n TouchEvent.TOUCH_END,\r\n TouchEvent.TOUCH_MOVE,\r\n TouchEvent.SWIPE_LEFT,\r\n TouchEvent.SWIPE_RIGHT,\r\n TouchEvent.PINCH\r\n ];\r\n\r\n // if(html === undefined) html = document.querySelector('html');\r\n // if(body === undefined) body = document.querySelector('body');\r\n\r\n // if(target == html) return;\r\n\r\n let context,\r\n pinch;\r\n\r\n while (target != body) {\r\n if (target.__context__) {\r\n context = target.__context__;\r\n break;\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n\r\n if (context) {\r\n isTouching = true;\r\n\r\n let defaultPrevented,\r\n timestamp = Date.now(),\r\n anchorX = touch.screenX,\r\n anchorY = touch.screenY;\r\n\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.TOUCH_START, {\r\n clientX: touch.clientX,\r\n clientY: touch.clientY,\r\n screenX: touch.screenX,\r\n screenY: touch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n\r\n if (e.defaultPrevented) defaultPrevented = true;\r\n\r\n const onTouchMove = function (e) {\r\n touch = touch = e.touches && e.touches.length > 0 ? e.touches[0] : false;\r\n\r\n if (!touch) return;\r\n\r\n if (pinch === undefined && e.touches.length > 1) {\r\n var dx = e.touches[1].screenX - e.touches[0].screenX;\r\n var dy = e.touches[1].screenY - e.touches[0].screenY;\r\n\r\n pinch = {\r\n distance: Math.sqrt(dx * dx + dy * dy),\r\n angle: Math.atan2(dy, dx),\r\n zoom: 1,\r\n rotation: 0,\r\n clientX: e.touches[0].clientX,\r\n clientY: e.touches[0].clientY,\r\n screenX: e.touches[0].screenX,\r\n screenY: e.touches[0].screenY\r\n };\r\n\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.PINCH_START, {\r\n zoom: pinch.zoom,\r\n rotation: pinch.rotation,\r\n clientX: pinch.clientX,\r\n clientY: pinch.clientY,\r\n screenX: pinch.screenX,\r\n screenY: pinch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n } else if (pinch) {\r\n var dx = e.touches[1].screenX - e.touches[0].screenX;\r\n var dy = e.touches[1].screenY - e.touches[0].screenY;\r\n\r\n pinch.zoom = Math.sqrt(dx * dx + dy * dy) / pinch.distance;\r\n pinch.rotation = Math.atan2(dy, dx) - pinch.angle;\r\n pinch.clientX = e.touches[0].clientX;\r\n pinch.clientY = e.touches[0].clientY;\r\n pinch.screenX = e.touches[0].screenX;\r\n pinch.screenY = e.touches[0].screenY;\r\n\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.PINCH_MOVE, {\r\n zoom: pinch.zoom,\r\n rotation: pinch.rotation,\r\n clientX: pinch.clientX,\r\n clientY: pinch.clientY,\r\n screenX: pinch.screenX,\r\n screenY: pinch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n }\r\n\r\n if (defaultPrevented === undefined) {\r\n defaultPrevented = Math.abs(anchorX - touch.screenX) > Math.abs(anchorY - touch.screenY);\r\n }\r\n\r\n if (defaultPrevented) {\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.TOUCH_MOVE, {\r\n clientX: touch.clientX,\r\n clientY: touch.clientY,\r\n screenX: touch.screenX,\r\n screenY: touch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n var onTouchEnd = function (e) {\r\n if (e.touches.length < 2 && pinch) {\r\n if (e.touches.length == 1) {\r\n touch = e.touches[0];\r\n }\r\n\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.PINCH_END, {\r\n zoom: pinch.zoom,\r\n rotation: pinch.rotation,\r\n clientX: pinch.clientX,\r\n clientY: pinch.clientY,\r\n screenX: pinch.screenX,\r\n screenY: pinch.screenY,\r\n touch,\r\n nativeEvent: e\r\n }, true));\r\n\r\n pinch = undefined;\r\n }\r\n\r\n if (e.touches.length > 0) return;\r\n\r\n if (defaultPrevented == undefined) {\r\n const isTap = (Math.sqrt(Math.pow(touch.screenX - anchorX, 2) + Math.pow(touch.screenY - anchorY, 2)) < SWIPE_DISTANCE);\r\n\r\n if (Math.sqrt(Math.pow(touch.screenX - anchorX, 2) + Math.pow(touch.screenY - anchorY, 2)) < SWIPE_DISTANCE) {\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.TAP, {\r\n clientX: touch.clientX,\r\n clientY: touch.clientY,\r\n screenX: touch.screenX,\r\n screenY: touch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n }\r\n } else if (defaultPrevented) {\r\n if (Date.now() - timestamp < SWIPE_DURATION) {\r\n const distance = touch.screenX - anchorX;\r\n\r\n if (distance > SWIPE_DISTANCE) {\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.SWIPE_RIGHT, {\r\n nativeEvent: e\r\n }, true));\r\n } else if (distance < -SWIPE_DISTANCE) {\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.SWIPE_LEFT, {\r\n nativeEvent: e\r\n }, true));\r\n } else {\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.TAP, {\r\n clientX: touch.clientX,\r\n clientY: touch.clientY,\r\n screenX: touch.screenX,\r\n screenY: touch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n }\r\n }\r\n\r\n context.dispatchEvent(new AbstractEvent(TouchEvent.TOUCH_END, {\r\n clientX: touch.clientX,\r\n clientY: touch.clientY,\r\n screenX: touch.screenX,\r\n screenY: touch.screenY,\r\n nativeEvent: e\r\n }, true));\r\n }\r\n\r\n isTouching = false;\r\n\r\n window.removeEventListener('touchmove', onTouchMove);\r\n window.removeEventListener('touchend', onTouchEnd);\r\n };\r\n\r\n window.addEventListener('touchmove', onTouchMove);\r\n window.addEventListener('touchend', onTouchEnd);\r\n }\r\n}\r\n\r\nmodule.exports = Touch;\r\n\n\n\n// WEBPACK FOOTER //\n// ./app/general/js/helpers/touch.js","\r\n/*\r\nhtml tracking click example:\r\n\\r\\n
\\r\\n\"\n + ((stack1 = helpers[\"if\"].call(alias1,(depth0 != null ? depth0.withArrow : depth0),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n + \"