{"version":3,"file":"DetailedSearch.min.js","sources":["DetailedSearch.js"],"sourcesContent":["// ReSharper disable StringLiteralTypo\n// ReSharper disable IdentifierTypo\n// ReSharper disable UndeclaredGlobalVariableUsing\n(function($, _, root) {\n    'use strict';\n    var assetId = 'uc214-detailedsearch';\n    var utils = new Utils();\n\n    $(function domReady() {\n        if (root.umwAssets && root.umwAssets[assetId]) {\n            root.umwAssets[assetId].forEach(function(contextModel) {\n                if (contextModel) {\n                    var mainPanelId = contextModel.mainPanelID;\n                    var $mainPanel = $('#' + mainPanelId);\n\n                    if ($mainPanel.length === 1) {\n                        var searchProccessor = new SearchProccessor($mainPanel, contextModel, utils);\n                        searchProccessor.init();\n                    } else if ($mainPanel.length === 0) {\n                        console.warn(assetId + ': detailed search main panel element was not found by id#' + mainPanelId);\n                    } else {\n                        console.warn(assetId + ': found > 1 detailed search main panel elements with id#' + mainPanelId);\n                    }\n                }\n            });\n        }\n    });\n\n    function SearchProccessor($mainPanel, contextModel, utils) {\n        var _$body = $('body');\n        var _$mainPanel = $mainPanel;\n        var _contextModel = contextModel;\n        var _utils = utils;\n\n        var _isFirstLoading = true;\n        var _cache = { empty: {} };\n        var _$searchInput, _$popupContainer, _$searchClearBtn;\n        var _searchDelay = 1000;\n        var _popupOpened = false;\n        var _searchInProcess = false;\n        var _productListController = null;\n        var _clearBtnClick = false;\n        const detailedSearchEvents = {\n            show: 'detailedsearch.popup:show',\n            hide: 'detailedsearch.popup:hide',\n            onstatechange: 'detailedsearch.popup:onstatechange'\n        };\n\n        function _init() {\n            _$searchClearBtn = _$mainPanel.find('.js-search-clear-input-btn');\n            _$searchInput = _$mainPanel.find('.js-search-input');\n\n            if (contextModel.alternativePopupContainerSelector) {\n                _$popupContainer = $(contextModel.alternativePopupContainerSelector);\n            } else {\n                _$popupContainer = $('.js-detailed-search-popup');\n            }\n\n            if (root.PubSub) {\n                root.PubSub.subscribe('detailedsearch', function (msg, data) {\n                    if(data.detailedSearchId !== _contextModel.mainPanelID) return;                    \n                    switch (msg) {\n                        case detailedSearchEvents.show:\n                            _togglePopup(true);\n                            break;\n                        case detailedSearchEvents.hide:\n                            if (!_searchInProcess) _togglePopup(false);\n                            break;\n                    }\n                });\n            }\n\n            $(document).on('click',\n                function (e) {\n                    if (!_$searchInput[0].contains(e.target) && !_$popupContainer[0].contains(e.target)) {\n                        if (_clearBtnClick) {\n                            _clearBtnClick = false;\n                            if(_popupOpened){\n                                return;\n                            }\n                        }\n                        _togglePopup(false);\n                    }\n                });\n\n            /* No need in submit button. Was requested to use clear button instead. Don't delete - can be used in future projects.\n            var _$searchBtn = _$mainPanel.find('.js-search-btn');\n            _$searchBtn.on('click',\n                function(e) {\n                    var term = $.trim(_$searchInput.val());\n                    if (term && term.length && term.length >= _contextModel.minTermLength) {\n                        root.location = root.R + _contextModel.searchUrl + encodeURIComponent(term);\n                    } else {\n                        e.preventDefault();\n                    }\n                });\n            */\n\n            _$searchClearBtn.on('click',\n                function () {\n                    _clearBtnClick = true;\n                    _$searchInput.val('').focus();\n                    _$mainPanel.attr('data-input-has-term', 'false');\n                }\n            );\n\n            _$searchInput\n                .on('keyup',\n                    function (e) {\n                        if (e.key && typeof (e.key) !== 'undefined' && e.key.length && e.key !== 'Unidentified' && !e.repeat) {\n                            var term = $.trim(_$searchInput.val());\n                            // Has terms data required to show different icons depends on input state.\n                            if (term && term.length && term.length > 0) {\n                                _$mainPanel.attr('data-input-has-term', 'true');\n                            } else {\n                                _$mainPanel.attr('data-input-has-term', 'false');\n                            }\n                            if (e.key.length === 1 || e.key === 'Backspace' || e.key === 'Delete') {\n                                if (_searchInProcess) {\n                                    return;\n                                }\n                                _searchInProcess = true;\n                                setTimeout(function () {\n                                    _search();\n                                    _searchInProcess = false;\n                                }, _searchDelay);\n                            }\n                        }\n                    })\n                .on('keypress', function (e) {\n                    if (e.key && typeof (e.key) !== 'undefined' && e.key.length && e.key !== 'Unidentified' && !e.repeat && e.key === 'Enter') {\n                        e.preventDefault();\n                        var term = $.trim(_$searchInput.val());\n                        if (term && term.length && term.length) {\n                            root.location = root.R + _contextModel.searchUrl + encodeURIComponent(term);\n                        }\n                    }\n                })\n                .on('focus',\n                    function () {\n                        if (root.PubSub) {\n                            root.PubSub.publish('popup.lockRender');\n                        }\n                        _search();\n                    });\n        }\n\n        function _generatePopupHtml(searchResultModel) {\n            if (_contextModel.popupTemplate) {\n                return _.template(_contextModel.popupTemplate, searchResultModel);\n            } else {\n                console.error('Popup template does not exists in the context model.');\n                return '';\n            }\n        }\n\n        function _togglePopup(showOrHide) {\n            if (_popupOpened === showOrHide) return;\n            // Don't allow to toggle popup state if it's already opened.\n            if(showOrHide) {\n                //console.log(document.documentElement.getBoundingClientRect().width , window.innerWidth);\n                const windowWidth = window.innerWidth;\n                const documentWidth = document.documentElement.getBoundingClientRect().width;\n\n                let scrollCompensation = windowWidth - documentWidth;\n\n                if(scrollCompensation > 0) {\n                    $(\"body\").get(0).style.setProperty('--scrollbar-compensate', `${scrollCompensation}px`);\n                }\n\n                _$popupContainer.removeClass('hidden');\n                _$body.addClass('detailed-search-modal-is-shown');\n                _popupOpened = true;\n            } else {\n                $(\"body\").get(0).style.setProperty('--scrollbar-compensate', `0`);\n                _$popupContainer.addClass('hidden');\n                _$body.removeClass('detailed-search-modal-is-shown');\n                _popupOpened = false;\n                if (root.PubSub) {\n                    root.PubSub.publish('popup.unlockRender');\n                }\n            }\n            if (root.PubSub) {\n                root.PubSub.publish(detailedSearchEvents.onstatechange, { toggleState: showOrHide, detailedSearchId: _contextModel.mainPanelID });\n            }\n        };\n\n        function _setLoadingUI() {\n            if (_isFirstLoading) {\n                _isFirstLoading = false;\n\n                var popupHtml = _generatePopupHtml({ isLoading: true });\n                _$popupContainer.empty();\n                _$popupContainer.append(popupHtml);\n                _togglePopup(true);\n            }\n        }\n\n        function _proccessSearchResult(searchResultModel, searchInput) {\n            _$popupContainer.empty();\n\n            var searchResultModelEx = $.extend(searchResultModel,\n                {\n                    isLoading: false,\n                    searchHref: root.R + _contextModel.searchUrl + encodeURIComponent(searchInput),\n                    labels: _contextModel.labels,\n                });\n\n            _.each(searchResultModelEx.documentsSection.documents, function (document) {\n                // Strip html tags before embedding it into the markup. Documents can contain html which is not compatible with simple text presentation for teaser in detailed search popup.\n                document.teaser = document.teaser.replace(/(<([^>]+)>)/gi, '');\n            });\n            var popupHtml = _generatePopupHtml(searchResultModelEx);\n            _$popupContainer.empty();\n            _$popupContainer.append(popupHtml);\n\n            if (searchResultModelEx.productsSection.productListAssetContext) {\n                var productListAssetContext = JSON.parse(searchResultModelEx.productsSection.productListAssetContext);\n                if (productListAssetContext &&\n                    root.createProductListController &&\n                    typeof (root.createProductListController) == 'function') {\n                    productListAssetContext.skipFilterEvents = true;\n                    _productListController = createProductListController(productListAssetContext);\n                    if (_productListController) {\n                        _productListController.init();\n                    }\n                }\n            }\n\n            if (searchResultModelEx.productsSection.productsCount && _$popupContainer.find('.lipscore-rating-small').length && lipscore) {\n                lipscore.reInitWidgets();\n            }\n\n            _togglePopup(true);\n        }\n\n        function _search() {\n            var searchInput = $.trim(_$searchInput.val());\n            if (searchInput && searchInput.length && searchInput.length >= _contextModel.minTermLength) {\n\n                _setLoadingUI();\n\n                var cacheKey = searchInput;\n                if (_cache[cacheKey]) {\n                    _proccessSearchResult(_cache[cacheKey], searchInput);\n                } else {\n                    root.reporWebshopSearchEvent(searchInput);\n                    $.ajax({\n                            url: root.R + 'handlers/public/ItemSearch.ashx',\n                            type: 'GET',\n                            data: {\n                                action: 'detailedsearch',\n                                term: searchInput,\n                                productListResultsCount: _contextModel.productListResultsCount,\n                                pageResultsCount: _contextModel.pageResultsCount,\n                                documentResultsCount: _contextModel.documentResultsCount,\n                                eventResultsCount: _contextModel.eventResultsCount,\n                                imageWidth: _contextModel.imageWidth\n                            }\n                        })\n                        .success(function (result) {\n                            _cache[cacheKey] = result;\n                            _proccessSearchResult(result, searchInput);\n                        })\n                        .error(function (errResp) {\n                            var errorMessage = _utils.extractErrorMessageFromResponse(errResp);\n                            console.error('Failed to make search request with term \"' + searchInput + '\". ', errorMessage);\n                        });\n                }\n            }\n        }\n\n        return { init: _init }\n    }\n\n    function Utils() {\n        return {\n            extractErrorMessageFromResponse: function(errorResponse) {\n                var message;\n                if (typeof errorResponse === 'object' && errorResponse !== null) {\n                    // Extract error message\n                    try {\n                        var parsedResponseBody = JSON.parse(errorResponse.responseText);\n                        message = parsedResponseBody.ExceptionMessage ? parsedResponseBody.ExceptionMessage : (parsedResponseBody.Message ? parsedResponseBody.Message : errorResponse.statusText);\n                    } catch (e) {\n                        message = errorResponse.statusText;\n                    }\n                } else {\n                    message = errorResponse;\n                }\n\n                return message;\n            }\n        }\n    }\n\n})(jQuery, _, window);"],"names":["$","_","root","assetId","utils","extractErrorMessageFromResponse","errorResponse","parsedResponseBody","JSON","parse","responseText","message","ExceptionMessage","Message","statusText","e","SearchProccessor","$mainPanel","contextModel","_$searchInput","_$popupContainer","_$searchClearBtn","_$body","_$mainPanel","_contextModel","_utils","_isFirstLoading","_cache","empty","_popupOpened","_searchInProcess","_productListController","_clearBtnClick","detailedSearchEvents","show","hide","onstatechange","_generatePopupHtml","searchResultModel","popupTemplate","template","console","error","_togglePopup","showOrHide","scrollCompensation","window","innerWidth","document","documentElement","getBoundingClientRect","width","get","style","setProperty","removeClass","addClass","PubSub","publish","toggleState","detailedSearchId","mainPanelID","_proccessSearchResult","searchInput","searchResultModelEx","extend","isLoading","searchHref","R","searchUrl","encodeURIComponent","labels","popupHtml","each","documentsSection","documents","teaser","replace","append","productsSection","productListAssetContext","createProductListController","skipFilterEvents","init","productsCount","find","length","lipscore","reInitWidgets","_search","cacheKey","trim","val","minTermLength","reporWebshopSearchEvent","ajax","url","type","data","action","term","productListResultsCount","pageResultsCount","documentResultsCount","eventResultsCount","imageWidth","success","result","errResp","errorMessage","alternativePopupContainerSelector","subscribe","msg","on","contains","target","focus","attr","key","repeat","setTimeout","preventDefault","location","umwAssets","forEach","mainPanelId","warn","jQuery"],"mappings":"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"}