{
"version": 3,
"sources": [
"../../../../../Foundation/JavascriptCommon/code/scripts/common/urlUtils.js",
"../../../../Media/code/scripts/app/MediaGallery/mediaGallery.js",
"ProductDetailsAndDimensions/productDetailsAndDimensions.js",
"../../../../Order/code/scripts/app/ShoppingCartIcon/shoppingCartIcon.js",
"../../../../../Foundation/JavascriptCommon/code/scripts/common/formUtils.js",
"../../../../../Foundation/JavascriptCommon/code/scripts/common/alertMessage.js",
"../../../../Order/code/scripts/app/ShoppingCartIcon/miniCart.js",
"ProductDescriptionTabs/replacementParts.js",
"../../../../../Foundation/JavascriptCommon/code/scripts/common/spinner.js",
"../../../../../Foundation/JavascriptCommon/code/scripts/common/formatter.js",
"ProductOptions/productOptions.js",
"ProductOptions/main.js"
],
"names": [],
"mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AC1KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AClbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AC/GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AC9GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,ACvGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,ACvGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AC1FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AC7CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,ACxiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
"file": "ProductOptions.js",
"sourcesContent": [
"define('common/urlUtils',[\r\n],\r\n function () {\r\n\r\n // Takes the url and parses the query string parameters out of it.\r\n // Returns the parameters and their string values as object { paramName1: value1, paramName2: value2, ...},\r\n // or an empty object in case there are no parameters in url.\r\n function parseQueryParamsFromUrl(url) {\r\n url = url ? url : window.location.search; // default url parameter if not set\r\n // take just the query search part of url (lose the leading question mark)\r\n var query = decomposeUrl(url).search;\r\n if (query.indexOf(\"?\") >= 0) query = query.substring(query.indexOf(\"?\") + 1);\r\n var urlParams = {},\r\n match,\r\n search = /([^&=]+)=?([^&]*)/g,\r\n decode = function (s) { return decodeURI(decodeURIComponent(s)); };\r\n\r\n while (match = search.exec(query))\r\n urlParams[decode(match[1])] = decode(match[2]);\r\n\r\n return urlParams;\r\n }\r\n\r\n // Takes the url, decomposes it into three components: path, search, hash,\r\n // and returns those three components in an object.\r\n // When searching for hash string which is directly after path (without search parameters) we're ignoring '#/'.\r\n // That is not a hash, that is Angular routing and it's actually part of the path.\r\n function decomposeUrl(url) {\r\n var path = '';\r\n var search = '';\r\n var hash = '';\r\n if (url.indexOf('?') >= 0) {\r\n // there is search string already in the url\r\n path = url.substring(0, url.indexOf('?'));\r\n search = url.substring(url.indexOf('?'));\r\n if (search.indexOf('#') >= 0) {\r\n // there is also a hash string in the url\r\n hash = search.substring(search.indexOf('#'));\r\n search = search.substring(0, search.indexOf('#'));\r\n }\r\n } else if (url.indexOf('#') >= 0 && url.indexOf('#') != url.indexOf('#/')) {\r\n // no search string, but there is hash string\r\n path = url.substring(0, url.indexOf('#'));\r\n hash = url.substring(url.indexOf('#'));\r\n } else {\r\n // no search string, no hash string\r\n path = url ? url : '';\r\n }\r\n return {\r\n path: path, // path also includes the protocol and hostname (if they existed in the given url)\r\n search: search,\r\n hash: hash\r\n }\r\n }\r\n\r\n // Adds a new query string parameter into the given url.\r\n // Returns the newly constructed url.\r\n function putParamIntoUrl(paramName, paramValue, url) {\r\n // first we'll split the url into 3 components\r\n var urlComp = decomposeUrl(url);\r\n // add the new query string parameter into search string\r\n urlComp.search = (urlComp.search ? urlComp.search + '&' : '?') + paramName + '=' + encodeURIComponent(paramValue);\r\n // return the new url\r\n return urlComp.path + urlComp.search + urlComp.hash;\r\n }\r\n\r\n // Reads the specified query string parameter from a given url.\r\n // Returns the value of that parameter (a string value). \r\n function getParamFromUrl(paramName, url) {\r\n return parseQueryParamsFromUrl(url)[paramName];\r\n }\r\n\r\n // Modifies the given DOM element's href property, or the current page's URL (if\r\n // no domElement has been given) by adding new query string parameter with the\r\n // given value. \r\n function pushParamIntoLink(paramName, paramValue, domElement) {\r\n var url;\r\n if (domElement) url = $(domElement).attr('href'); // url from DOM element\r\n else url = window.location.href; // current page url\r\n\r\n var params = parseQueryParamsFromUrl(url);\r\n\r\n // making sure that we find the parameter no matter how it's written (case insensitive)\r\n for (var p in params) {\r\n if (p.toLowerCase() === paramName.toLowerCase()) {\r\n paramName = p;\r\n break;\r\n }\r\n }\r\n\r\n params[paramName] = paramValue; // update (or add) the parameter\r\n var newSearchString = $.param(params); // and construct a new search string.\r\n\r\n var urlComp = decomposeUrl(url);\r\n if (domElement) {\r\n // set new href property on DOM element\r\n var newHref = urlComp.path + (newSearchString ? ('?' + newSearchString) : '') + urlComp.hash;\r\n $(domElement).attr('href', newHref);\r\n } else {\r\n if (history && history.pushState) { // because some older browsers (IE 9 or older) don't support this\r\n // for other pages put new URL to browser's address bar using window.history\r\n history.replaceState(\r\n null,\r\n null,\r\n urlComp.path +\r\n (newSearchString ? ('?' + newSearchString) : '') +\r\n urlComp.hash\r\n );\r\n }\r\n }\r\n }\r\n\r\n // Reads the query string parameter from the domElement's href property, or from\r\n // the current page's URL (if no domElement has been given). Removes the parameter\r\n // from the URL and puts new URL into the domElement's href property, or into the\r\n // browser's address bar.\r\n // Returns the value of that parameter (a string value).\r\n function popParamFromLink(paramName, domElement) {\r\n var url;\r\n if (domElement) url = $(domElement).attr('href'); // url from DOM element\r\n else url = window.location.href; // current page url\r\n\r\n var params = parseQueryParamsFromUrl(url);\r\n var retVal;\r\n\r\n // making sure that we find the parameter no matter how it's written (case insensitive)\r\n for (var p in params) {\r\n if (p.toLowerCase() === paramName.toLowerCase()) {\r\n paramName = p;\r\n break;\r\n }\r\n }\r\n\r\n if (params[paramName]) {\r\n // the requested parameter exists in the url\r\n retVal = params[paramName]; // Its value will be returned from the function.\r\n delete params[paramName]; // Remove the parameter from the array,\r\n var newSearchString = $.param(params); // and construct a new search string.\r\n var urlComp = decomposeUrl(url);\r\n if (domElement) {\r\n // set new href property on DOM element\r\n var newHref = urlComp.path + (newSearchString ? ('?' + newSearchString) : '') + urlComp.hash;\r\n $(domElement).attr('href', newHref);\r\n } else {\r\n if (history && history.pushState) { // because some older browsers (IE 9 or older) don't support this\r\n // for other pages put new URL to browser's address bar using window.history\r\n history.replaceState(\r\n null,\r\n null,\r\n urlComp.path +\r\n (newSearchString ? ('?' + newSearchString) : '') +\r\n urlComp.hash\r\n );\r\n }\r\n }\r\n }\r\n return retVal;\r\n }\r\n\r\n\r\n return {\r\n parseQueryParamsFromUrl: parseQueryParamsFromUrl,\r\n decomposeUrl: decomposeUrl,\r\n putParamIntoUrl: putParamIntoUrl,\r\n getParamFromUrl: getParamFromUrl,\r\n pushParamIntoLink: pushParamIntoLink,\r\n popParamFromLink: popParamFromLink\r\n }\r\n });\r\n\n",
"define('mediaGallery/mediaGallery',[\r\n],\r\n function () {\r\n\r\n const mediaGallerySelector = \".media-gallery\";\r\n const swiperSelector = \"div[id^='media_gallery_swiper_']\";\r\n const thumbsSelector = \"div[id^='media_gallery_thumbs_']\";\r\n window.photoSwipeIndex = 0;\r\n var slidesCollection = [];\r\n const MAIN_SLIDER = \"main\";\r\n const THUMBS_SLIDER = \"thumbs\";\r\n const IMAGE = \"Image\";\r\n const VIDEO = \"Video\";\r\n const VARIANT_IMAGE = \"VariantImage\";\r\n var filteredVideosClicked = [];\r\n var showVideosClicked = false;\r\n \r\n // ZOOM & PINCH MEDIA GALLERY\r\n function initZoomAndPinch(slidesSelector) {\r\n slidesSelector = slidesSelector || '.media-gallery .main .swiper-slide';\r\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\r\n setTimeout(function () {\r\n var divs = document.querySelectorAll(slidesSelector + ' .swiper-image-container img').forEach(function (el) {\r\n new PinchZoom(el, {\r\n tapZoomFactor: 3,\r\n minZoom: 1,\r\n maxZoom: 3\r\n });\r\n });\r\n }, 250);\r\n }\r\n else {\r\n // Thumbnail hovers\r\n $(\".thumb-slide\").off('click').on('click', function () { \r\n var parent = $(this).parent();\r\n var slideIndex = parent.children().index($(this)[0]);\r\n var swiperContainer = $(this).closest(mediaGallerySelector).find(swiperSelector);\r\n var galleryNumber = 0;\r\n if (swiperContainer && swiperContainer.length) {\r\n var swiper = swiperContainer[0].swiper;\r\n galleryNumber = $(swiperContainer).attr(\"id\").replace(\"media_gallery_swiper_\", \"\");\r\n setTimeout(function () {\r\n swiper.slideTo(slideIndex);\r\n }, 250);\r\n }\r\n else {\r\n var thumbsElement = $(parent).closest(thumbsSelector);\r\n if (thumbsElement && thumbsElement.length)\r\n galleryNumber = $(thumbsElement).attr(\"id\").replace(\"media_gallery_thumbs_\", \"\");\r\n }\r\n window.photoSwipeIndex = slideIndex;\r\n var ev = {};\r\n ev.data = {};\r\n ev.data.thumbsClick = true;\r\n ev.data.galleryNumber = galleryNumber;\r\n displayPhotoSwipe(ev);\r\n });\r\n }\r\n }\r\n\r\n function monitorIframe() {\r\n // SET INTERVAL TO DETECT IFRAME CLICK\r\n var monitor = setInterval(function(){\r\n var elem = document.activeElement;\r\n if(elem && elem.tagName == 'IFRAME'){\r\n elem.blur();\r\n $('.media-gallery').addClass('video-playing');\r\n clearInterval(monitor);\r\n }\r\n }, 100);\r\n }\r\n\r\n (function loadDynamicIframe() {\r\n // ADD DEFAULT YOUTUBE IMAGE TO IFRAME\r\n $('.media-gallery .video-embed').each(function(){\r\n var y = $(this).attr('data-thumb');\r\n $(this).css('background-image','url('+ y + ')');\r\n });\r\n // REPLACE DEFAULT YOUTUBE IMAGE WITH YOUTUBE\r\n $('.media-gallery .video_wrapper .icon-play').on('click',function(){\r\n var b = $(this).next().attr('data-src');\r\n $(this).next().attr('src',b);\r\n $(this).remove();\r\n });\r\n $('.media-gallery .video_wrapper .play-icon').on('click', function () {\r\n var b = $(this).next().attr('data-src');\r\n $(this).next().attr('src', b);\r\n $(this).remove();\r\n });\r\n monitorIframe();\r\n }());\r\n\r\n function position(galleryNumber, slideId) {\r\n var swiperContainer = $(\"#media_gallery_swiper_\" + galleryNumber);\r\n if (swiperContainer.length) {\r\n var swiper = swiperContainer[0].swiper;\r\n if (swiper) {\r\n var slideIndex = $(swiperContainer).find(\".swiper-slide[data-slide-id=\" + slideId + \"]\").index(\".swiper-slide\");\r\n if (slideIndex >= 0) {\r\n swiper.slideTo(slideIndex, 0);\r\n displayCaptionForCurrentSlide(swiper); \r\n }\r\n }\r\n }\r\n }\r\n\r\n function getMediaGallerySwiper(galleryNumber) {\r\n var swiperContainerSelector = \"#media_gallery_swiper_\" + galleryNumber; \r\n var swiperContainer = $(swiperContainerSelector);\r\n if (!swiperContainer.length) return null; // no swiper container - nothing to do\r\n var swiper = swiperContainer[0].swiper;\r\n if (!swiper) return null; // no swiper initializaed - nothing to do\r\n\r\n return swiper;\r\n }\r\n\r\n function displayVariantImages(galleryNumber, variantImageId, additionalVariantImages) { \r\n if (!window.mediaGalleryData || !window.mediaGalleryData.variantImages) return; // there's no mediaGalleryData to work with\r\n \r\n var swiperContainerSelector = \"#media_gallery_swiper_\" + galleryNumber; \r\n var swiperContainer = $(swiperContainerSelector); \r\n var swiper = getMediaGallerySwiper(galleryNumber);\r\n if (!swiper) return; // no swiper initializaed - nothing to do\r\n\r\n var variantImageSlideSelector = swiperContainerSelector + \" .swiper-slide[data-slide-type=VariantImage]\";\r\n \r\n var swiperChanged = false;\r\n // first, remove currently displayed variant images\r\n $(variantImageSlideSelector).each(function (index, slideElement) {\r\n var slideIndex = $(slideElement).index(\".swiper-slide\");\r\n swiper.removeSlide(slideIndex);\r\n swiper.thumbs.swiper.removeSlide(slideIndex);\r\n swiperChanged = true;\r\n });\r\n\r\n // then, add images given as parameters\r\n var imagesToAdd = variantImageId ? [variantImageId].concat(additionalVariantImages) : additionalVariantImages;\r\n if (imagesToAdd.length) {\r\n var slideCssClass = $(swiperContainer).data(\"slideCssClass\");\r\n var thumbnailSlideCssClass = $(swiperContainer).data(\"thumbnailSlideCssClass\");\r\n\r\n var slidesToAdd = [];\r\n var thumbnailsToAdd = [];\r\n // delete old variant images from slides collection \r\n slidesCollection = slidesCollection.filter(x => x.dataType != VARIANT_IMAGE); \r\n imagesToAdd.forEach(function (imageId) {\r\n var variantImage = mediaGalleryData.variantImages[imageId];\r\n //checking if variant image exist (if image is unpublished it will be undefined and it will raise error in javascript)\r\n if (variantImage) {\r\n var slideToAdd = getSlideHtml(slideCssClass, imageId, variantImage.caption, variantImage.url, variantImage.alt);\r\n slidesToAdd.push(slideToAdd); \r\n var thumbSlide = getThumbnailSlideHtml(thumbnailSlideCssClass, variantImage.thumbnailUrl, variantImage.alt);\r\n thumbnailsToAdd.push(thumbSlide); \r\n }\r\n });\r\n \r\n swiper.prependSlide(slidesToAdd.reverse());\r\n swiper.thumbs.swiper.prependSlide(thumbnailsToAdd.reverse()); \r\n // because of option to display only videos, we deleted also Images from slider, now we need to add them (Image not VariantImage)\r\n addTypeToSlider(swiper, IMAGE); \r\n var videoSlideSelector = swiperContainerSelector + \" .swiper-slide[data-gallery-media-type=Video]\";\r\n // save video slides, if they are empty (only at first load) \r\n saveVideoSlidesIfNeeded(swiper, videoSlideSelector);\r\n // remove added video slides because we want to show only images on first load\r\n removeSlides(swiper, videoSlideSelector);\r\n\r\n swiperChanged = true;\r\n }\r\n\r\n if (swiperChanged) { \r\n swiper.slideTo(0, 0);\r\n swiper.thumbs.swiper.slideTo(0, 0);\r\n // do the required initializations for newly added slides\r\n initZoomAndPinch(variantImageSlideSelector);\r\n $(variantImageSlideSelector).off('click').on('click', { \"galleryNumber\": galleryNumber }, displayPhotoSwipe);\r\n dispatchResizeEvent();\r\n displayCaptionForCurrentSlide(swiper); \r\n for (var i = 0; i < slidesToAdd.length; i++) {\r\n slidesCollection.push({ \"sliderType\": MAIN_SLIDER, \"dataType\": VARIANT_IMAGE, \"slide\": swiper.slides[i] });\r\n slidesCollection.push({ \"sliderType\": THUMBS_SLIDER, \"dataType\": VARIANT_IMAGE, \"slide\": swiper.thumbs.swiper.slides[i] });\r\n }\r\n }\r\n }\r\n\r\n // for adding images/variant images/videos from saved object\r\n function addTypeToSlider(swiper, imageType) { \r\n var changed = false;\r\n var mainSliderImages = slidesCollection.filter(x => x.sliderType == MAIN_SLIDER && x.dataType == imageType).map(x => x.slide);\r\n var thumbsSliderImages = slidesCollection.filter(x => x.sliderType == THUMBS_SLIDER && x.dataType == imageType).map(x => x.slide);\r\n if (mainSliderImages.length > 0) { \r\n swiper.appendSlide(mainSliderImages);\r\n swiper.thumbs.swiper.appendSlide(thumbsSliderImages);\r\n changed = true;\r\n }\r\n\r\n return changed;\r\n }\r\n\r\n function getSlideHtml(cssClass, slideId, slideCaption, imageUrl, alt) {\r\n return '<div class=\"swiper-slide main-slide ' + cssClass + '\"' +\r\n 'data-slide-id=\"' + slideId + '\"' +\r\n 'data-slide-type=\"VariantImage\"' +\r\n 'data-gallery-media-type=\"VariantImage\"' +\r\n 'data-slide-caption=\"' + slideCaption + '\">' +\r\n '<div class=\"swiper-zoom-container spinner-background\">' +\r\n '<a class=\"easyzoom\" href=\"' + imageUrl + '\" onclick=\"return false;\">' +\r\n '<img alt=\"' + alt + '\" data-src=\"' + imageUrl + '\" class=\"swiper-lazy\"/>' +\r\n '</a>' +\r\n '<div class=\"swiper-lazy-preloader\"></div>' +\r\n '</div>' +\r\n '</div>';\r\n }\r\n\r\n function getThumbnailSlideHtml(cssClass, imageUrl, alt) {\r\n return '<div data-gallery-media-type=\"VariantImage\" class=\"swiper-slide thumb-slide ' + cssClass + '\">' +\r\n '<div class=\"swiper-zoom-container spinner-background\">' +\r\n '<img src=\"' + imageUrl + '\" alt=\"' + alt + '\"/>' +\r\n '</div>' +\r\n '</div>';\r\n }\r\n\r\n function displayCaptionForCurrentSlide(swiper) { \r\n window.currentUrl = window.location.href;\r\n var slide = swiper.slides[swiper.realIndex];\r\n window.photoSwipeIndex = swiper.realIndex; \r\n // Taking the caption for variant images from the Javascript object, and for other images from their data-slide-caption attribute.\r\n // (This is because double quote characters are causing problems in variant image slide, which are generated dynamically in runtime.)\r\n var imageId = $(slide).data(\"slideId\");\r\n var variantImage = mediaGalleryData.variantImages ? mediaGalleryData.variantImages[imageId] : null;\r\n var captionHtmlEncoded = variantImage ? variantImage.caption : $(slide).data(\"slideCaption\");\r\n // caption string is HTML encoded (so it doesn't mess up Javascript object or data attribute), now we have to decode it back\r\n var textArea = document.createElement('textarea');\r\n textArea.innerHTML = captionHtmlEncoded;\r\n var caption = textArea.value;\r\n\r\n $(slide).closest(mediaGallerySelector).find(\".caption\").empty().html(caption);\r\n if($('.media-gallery').hasClass('video-playing')) {\r\n $('.media-gallery').removeClass('video-playing'); \r\n $('.media-gallery .video-embed').each(function(){\r\n var el_src = $(this).attr(\"src\");\r\n $(this).attr(\"src\",el_src);\r\n });\r\n monitorIframe(); \r\n }\r\n }\r\n\r\n // thumbsClick parameter tell us if we have clicked on thumbnail (true), or we clicked on image in carousel (false)\r\n // if we clicked on image - open photo swipe\r\n // if we clicked on thumbnail - don't open photo swipe, just change carousel slide or if photo swipe is already opened, just change photo swipe image to follow thumbnail image we clicked\r\n function displayPhotoSwipe(event) {\r\n var urlParams = new URLSearchParams(window.location.search);\r\n var variant = urlParams.get('v');\r\n var photoSwipeItems = [];\r\n var galleryNumber = event.data.galleryNumber; \r\n if (galleryNumber)\r\n photoSwipeItems = photoSwipeGalleryItems[galleryNumber - 1];\r\n var datasource = photoSwipeItems.filter(x => x.variant == variant || x.variant == \"all\"); \r\n if (datasource && datasource.length > 0) {\r\n for (var i = 0; i < datasource.length; i++) {\r\n var datasourceItem = datasource[i];\r\n // remove maximum width for images from carousel, show them in the full size\r\n datasourceItem.src = datasourceItem.src.replace(\"mw=700\", \"\");\r\n }\r\n } \r\n //check if PhotoSwipe is already opened\r\n var photoSwipeOpened = $(\".pswp--open\");\r\n var isPhotoSwipeOpened = photoSwipeOpened && photoSwipeOpened.length; \r\n // for some reason this is not working because of that we are using jquery selector\r\n // const pswp = window.lightbox.pswp; \r\n var thumbsClick = event.data.thumbsClick; \r\n if (thumbsClick == true) {\r\n if (isPhotoSwipeOpened) {\r\n const pswp = window.lightbox.pswp;\r\n if (!pswp) window.lightbox.loadAndOpen(window.photoSwipeIndex, datasource);\r\n else {\r\n if (pswp.isOpen)\r\n pswp.goTo(window.photoSwipeIndex);\r\n else\r\n window.lightbox.loadAndOpen(window.photoSwipeIndex, datasource);\r\n }\r\n } \r\n }\r\n else\r\n window.lightbox.loadAndOpen(window.photoSwipeIndex, datasource);\r\n }\r\n\r\n function displayGalleryPopup(event) {\r\n if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {\r\n setTimeout(function () {\r\n //$('.easyzoom').EasyZoomMagnifierReset();\r\n\r\n if (!$(\".modal-gallery\").hasClass(\"open-modal\")) {\r\n $('.modal-gallery').addClass('open-modal');\r\n }\r\n dispatchResizeEvent();\r\n }, 250);\r\n }\r\n }\r\n\r\n function closeGalleryPopup(event) {\r\n //e.preventDefault();\r\n var data = $(\".swiper-container.main\").data();\r\n\r\n $(\".swiper-lazy.swiper-lazy-loaded\").css(\"transform\", \"translate3d(0px, 0px, 0px) scale(1)\");\r\n $(\".swiper-zoom-container\").css(\"transform\", \"translate3d(0px, 0px, 0px)\");\r\n\r\n $('.modal-gallery').removeClass('open-modal');\r\n //$('.easyzoom').EasyZoomMagnifier();\r\n\r\n dispatchResizeEvent();\r\n }\r\n\r\n function dispatchResizeEvent() {\r\n var event;\r\n if (typeof (Event) === 'function') {\r\n event = new Event('resize');\r\n } else {\r\n event = document.createEvent('Event');\r\n event.initEvent('resize', false, false);\r\n }\r\n\r\n window.dispatchEvent(event);\r\n }\r\n\r\n function updateFilteringButtonToActive(btn) {\r\n $(btn).closest(\".media-gallery-photo-video-buttons\").find(\"button\").removeClass(\"active\");\r\n $(btn).addClass(\"active\");\r\n }\r\n\r\n // for filtering videos/images\r\n window.ShowMediaGalleryInPhotoSwipe = function (btn, showVideos) { \r\n if (showVideosClicked && showVideos) return;\r\n updateFilteringButtonToActive(btn);\r\n var galleryNumber = $(btn).data(\"galleryNumber\"); \r\n // on initial load we are displaying only photos, if we click on Photo button, don't do anything\r\n var filteredVideoClicked = filteredVideosClicked.find(x => x == galleryNumber);\r\n if (!showVideos && !filteredVideoClicked) return;\r\n if (showVideos) {\r\n if (!filteredVideosClicked.includes(galleryNumber))\r\n filteredVideosClicked.push(galleryNumber);\r\n }\r\n else { \r\n if (filteredVideosClicked.includes(galleryNumber))\r\n filteredVideosClicked.splice(filteredVideosClicked.findIndex(item => item == galleryNumber), 1);\r\n }\r\n var swiperContainerSelector = \"#media_gallery_swiper_\" + galleryNumber; \r\n var videoSlideSelector = swiperContainerSelector + \" .swiper-slide[data-gallery-media-type=Video]\";\r\n var imageSlideSelector = swiperContainerSelector + \" .swiper-slide[data-gallery-media-type=Image]\";\r\n var variantImageSlideSelector = swiperContainerSelector + \" .swiper-slide[data-gallery-media-type=VariantImage]\";\r\n var swiper = getMediaGallerySwiper(galleryNumber);\r\n if (!swiper) return; // no swiper initializaed - nothing to do \r\n var changed = handleImageOrVideoSlides(swiper, galleryNumber, showVideos, imageSlideSelector, videoSlideSelector, variantImageSlideSelector);\r\n if (changed) {\r\n swiper.slideTo(0, 0);\r\n displayCaptionForCurrentSlide(swiper); \r\n swiper.update();\r\n }\r\n\r\n showVideosClicked = showVideos;\r\n }\r\n\r\n // save videos\r\n function saveVideoSlidesIfNeeded(swiper, videoSlideSelector) {\r\n var mainSliderVideos = slidesCollection.filter(x => x.sliderType == MAIN_SLIDER && x.dataType == VIDEO).map(x => x.slide);\r\n if (mainSliderVideos.length == 0) {\r\n $('div[data-gallery-media-type=\"Video\"]').removeClass(\"d-none\"); \r\n $(videoSlideSelector).each(function (index, slideElement) {\r\n var slideIndex = $(slideElement).index(\".swiper-slide\");\r\n slidesCollection.push({ \"sliderType\": MAIN_SLIDER, \"dataType\": VIDEO, \"slide\": swiper.slides[slideIndex] });\r\n slidesCollection.push({ \"sliderType\": THUMBS_SLIDER, \"dataType\": VIDEO, \"slide\": swiper.thumbs.swiper.slides[slideIndex] }); \r\n swiper.removeSlide(slideIndex);\r\n swiper.thumbs.swiper.removeSlide(slideIndex);\r\n });\r\n }\r\n }\r\n\r\n function handleImageOrVideoSlides(swiper, galleryNumber, showVideos, imageSlideSelector, videoSlideSelector, variantImageSlideSelector) { \r\n var changed = removeSlides(swiper, variantImageSlideSelector); \r\n $(\"#media_gallery_swiper_\" + galleryNumber).closest(\".media-gallery\").find(\".caption\").html(\"\");\r\n if (showVideos) { \r\n // we need to save videos if it is case study or sample rooms, they don't have variant images\r\n saveVideoSlidesIfNeeded(swiper, videoSlideSelector);\r\n\r\n // save all images and remove them from slider\r\n $(imageSlideSelector).each(function (index, slideElement) {\r\n var slideIndex = $(slideElement).index(\".swiper-slide\");\r\n slidesCollection.push({ \"sliderType\": MAIN_SLIDER, \"dataType\": IMAGE, \"slide\": swiper.slides[slideIndex] }); \r\n slidesCollection.push({ \"sliderType\": THUMBS_SLIDER, \"dataType\": IMAGE, \"slide\": swiper.thumbs.swiper.slides[slideIndex] }); \r\n swiper.removeSlide(slideIndex);\r\n swiper.thumbs.swiper.removeSlide(slideIndex);\r\n changed = true;\r\n });\r\n // add only videos\r\n var addedVideo = addTypeToSlider(swiper, VIDEO); \r\n changed = changed || addedVideo; \r\n }\r\n else { \r\n // remove all videos\r\n var removedVideo = removeSlides(swiper, videoSlideSelector); \r\n // add variant images at first\r\n var addedVariantImage = addTypeToSlider(swiper, VARIANT_IMAGE);\r\n // add images after variant images\r\n var addedImage = addTypeToSlider(swiper, IMAGE); \r\n changed = changed || removedVideo || addedImage || addedVariantImage; \r\n }\r\n\r\n return changed;\r\n }\r\n\r\n function removeSlides(swiper, slideSelector) {\r\n var changed = false;\r\n $(slideSelector).each(function (index, slideElement) {\r\n var slideIndex = $(slideElement).index(\".swiper-slide\");\r\n swiper.removeSlide(slideIndex);\r\n swiper.thumbs.swiper.removeSlide(slideIndex);\r\n changed = true;\r\n });\r\n\r\n return changed;\r\n }\r\n \r\n return {\r\n position: position,\r\n displayVariantImages: displayVariantImages,\r\n displayCaptionForCurrentSlide: displayCaptionForCurrentSlide,\r\n mediaGallerySelector: mediaGallerySelector,\r\n swiperSelector: swiperSelector,\r\n thumbsSelector: thumbsSelector,\r\n displayGalleryPopup: displayPhotoSwipe,\r\n closeGalleryPopup: closeGalleryPopup,\r\n initZoomAndPinch: initZoomAndPinch\r\n };\r\n });\r\n\n",
"define('productDetailsAndDimensions/productDetailsAndDimensions',[\r\n],\r\n function () {\r\n\r\n const componentSelector = \".product-details-and-dimensions\";\r\n const itersEcersSelector = \".rating-scale\";\r\n const componentTitleSelector = \"#details-and-dimensions\";\r\n const dimensionsWrapperSelector = \".dimensions-wrapper\";\r\n const dimensionsChangeList = [\r\n { selector: \".height\", wrapperSelector: \".height-wrapper\", data: \"height\" },\r\n { selector: \".depth\", wrapperSelector: \".depth-wrapper\", data: \"depth\" },\r\n { selector: \".width\", wrapperSelector: \".width-wrapper\", data: \"width\" },\r\n { selector: \".length\", wrapperSelector: \".length-wrapper\", data: \"length\" }\r\n ];\r\n const detailsChangeList = [\r\n { selector: \".details\", wrapperSelector: \".details-wrapper\", data: \"details\" }\r\n ];\r\n const ageRangeChangeList = [\r\n { selector: \".age-range\", wrapperSelector: \".age-range-wrapper\", data: \"ageRange\" }\r\n ];\r\n\r\n function displayVariantData(variantGuid) {\r\n var variant = productDetailsAndDimensions.variants[variantGuid];\r\n if (variant) {\r\n var componentElement = $(componentSelector);\r\n var displayed = {\r\n dimensions: false,\r\n details: false,\r\n image: false,\r\n itersEcers: false\r\n };\r\n // change text elements for dimensions\r\n dimensionsChangeList.forEach(function (change) {\r\n var value = variant[change.data];\r\n $(componentElement).find(change.selector).empty().html(value);\r\n if (value) {\r\n // this dimension has value - display its wrapper as well.\r\n $(componentElement).find(change.wrapperSelector).removeClass(\"d-none\");\r\n displayed.dimensions = true;\r\n } else {\r\n // this dimension doesn't have value - hide the wrapper.\r\n $(componentElement).find(change.wrapperSelector).addClass(\"d-none\");\r\n }\r\n });\r\n // If there's any dimension displayed - display the title as well. Otherwise hide it.\r\n if (displayed.dimensions) {\r\n $(componentElement).find(dimensionsWrapperSelector).removeClass(\"d-none\");\r\n } else {\r\n $(componentElement).find(dimensionsWrapperSelector).addClass(\"d-none\");\r\n }\r\n // change text for details\r\n detailsChangeList.forEach(function (change) {\r\n var value = variant[change.data];\r\n $(componentElement).find(change.selector).empty().html(value);\r\n if (value) {\r\n // has value - display the wrapper as well\r\n $(componentElement).find(change.wrapperSelector).removeClass(\"d-none\");\r\n displayed.details = true;\r\n } else {\r\n // doesn't have value - hide the wrapper\r\n $(componentElement).find(change.wrapperSelector).addClass(\"d-none\");\r\n }\r\n });\r\n // change text for age range\r\n ageRangeChangeList.forEach(function (change) {\r\n var value = variant[change.data];\r\n $(componentElement).find(change.selector).empty().html(value);\r\n if (value) {\r\n // has value - display the wrapper as well\r\n $(componentElement).find(change.wrapperSelector).removeClass(\"d-none\");\r\n displayed.details = true;\r\n } else {\r\n // doesn't have value - hide the wrapper\r\n $(componentElement).find(change.wrapperSelector).addClass(\"d-none\");\r\n }\r\n });\r\n // change image url\r\n if (variant.imageUrl) {\r\n var imageElement = $(componentElement).find(\".dimensions-image\");\r\n var currentImageUrl = $(imageElement).attr(\"src\");\r\n if (variant.imageUrl !== currentImageUrl) {\r\n $(imageElement)\r\n .addClass(\"opacity-05\")\r\n .attr(\"src\", variant.imageUrl)\r\n .attr(\"width\", variant.imageWidth)\r\n .attr(\"height\", variant.imageHeight)\r\n .one(\"load\", function () { $(this).removeClass(\"opacity-05\") });\r\n }\r\n $(componentElement).find(\".dimensions-image-wrapper\").removeClass(\"d-none\");\r\n displayed.image = true;\r\n } else {\r\n $(componentElement).find(\".dimensions-image-wrapper\").addClass(\"d-none\");\r\n }\r\n //do we have iters and ecers?\r\n if ($(componentElement).find(itersEcersSelector).length) {\r\n displayed.itersEcers = true;\r\n }\r\n // If there's something displayed - display the component title as well. Otherwise hide it.\r\n if (displayed.details || displayed.dimensions || displayed.image || displayed.itersEcers) {\r\n $(componentTitleSelector).removeClass(\"d-none\");\r\n } else {\r\n $(componentTitleSelector).addClass(\"d-none\");\r\n }\r\n }\r\n }\r\n\r\n return {\r\n displayVariantData: displayVariantData\r\n };\r\n });\r\n\n",
"define('shoppingCartIcon/shoppingCartIcon',[\r\n],\r\n function () {\r\n\r\n const itemCountSelector = \".shopping-cart-icon .item-count\";\r\n\r\n function updateItemCount(count) {\r\n $(itemCountSelector).empty();\r\n if (count > 0) {\r\n $(itemCountSelector).text(count);\r\n }\r\n }\r\n\r\n return {\r\n updateItemCount: updateItemCount\r\n };\r\n });\r\n\n",
"define('common/formUtils',[\r\n],\r\n function () {\r\n\r\n // Clears and deactivates all invalid feedback text on form fields\r\n function clearInvalidFeedback(formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n $(formId + \" .is-invalid\").removeClass(\"is-invalid\");\r\n $(formId + \" .invalid-feedback\").empty();\r\n }\r\n\r\n // Fills in and activates invalid feedback text on form fields\r\n function displayInvalidFeedback(invalidFields, formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n if (invalidFields) {\r\n invalidFields.forEach(function (fieldMessage) {\r\n var field = $(formId + \" [name='\" + fieldMessage.FieldName + \"']\");\r\n field.addClass(\"is-invalid\");\r\n field.siblings(\".invalid-feedback\").append(fieldMessage.MessageText);\r\n });\r\n }\r\n }\r\n\r\n // Collects the data from all form fields and returns them as object,\r\n // using \"name\" attribute values from form fields as object property names.\r\n function collectFormData(formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n // the serializeArray() jQuery method doesn't take the values from disabled fields, so first I'll\r\n // temporarily enable all disabled fields, and then disable them again\r\n var disabledFields = $(formId).find(\":input:disabled\").prop(\"disabled\", false);\r\n var serializedData = $(formId).serializeArray();\r\n disabledFields.prop(\"disabled\", true);\r\n var formData = {};\r\n serializedData.forEach(function (data) {\r\n formData[data.name] = data.value;\r\n });\r\n // serializeArray does not return anything for unchecked checkboxes, so we'll add them now with value false\r\n $(formId + \" input[type='checkbox']:not(:checked)\").each(function (index, element) {\r\n formData[element.name] = false;\r\n });\r\n // serializeArray returns \"on\" for checked checkboxes, so we'll set them to true now\r\n $(formId + \" input[type='checkbox']:checked\").each(function (index, element) {\r\n formData[element.name] = true;\r\n });\r\n return formData;\r\n }\r\n\r\n // Goes through all input elements on the form and fills them with data from the\r\n // given object, matching \"name\" attribute of the input element with object property name.\r\n function populateFormWithData(formId, data) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n $(formId + \" :input\").each(function (index, element) { \r\n if (element.type === \"radio\" ||\r\n element.type === \"checkbox\")\r\n {\r\n if (data[element.name] !== undefined)\r\n $(element).prop(\"checked\", $(element).val().toString() === data[element.name].toString());\r\n }\r\n else if (element.type === \"text\" ||\r\n element.type === \"email\" ||\r\n element.type === \"tel\" ||\r\n element.type === \"password\" ||\r\n element.type === \"textarea\" ||\r\n element.type === \"select-one\")\r\n {\r\n if (data[element.name] !== undefined)\r\n $(element).val(data[element.name]);\r\n else\r\n $(element).val(null);\r\n }\r\n });\r\n }\r\n\r\n function disableFields(formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n $(formId + \" :input\").prop(\"disabled\", true);\r\n }\r\n\r\n function enableFields(formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n $(formId + \" :input\").prop(\"disabled\", false);\r\n }\r\n\r\n function initializeFloatingLabels(formId) {\r\n if (!formId.startsWith(\"#\")) formId = \"#\" + formId;\r\n $(formId + \" .floating-label-container\").each(function (index, element) {\r\n var inputElement = $(element).find(\":input\")[0];\r\n if (inputElement.value) $(element).addClass(\"active\");\r\n else $(element).removeClass(\"active\");\r\n });\r\n }\r\n\r\n //adds the form token to the object for use with [ValidateAntiforgeryToken] attribute\r\n function useToken(data) { \r\n var token = $('input[name=\"__RequestVerificationToken\"]').val();\r\n data.__RequestVerificationToken = token;\r\n }\r\n\r\n return {\r\n clearInvalidFeedback: clearInvalidFeedback,\r\n displayInvalidFeedback: displayInvalidFeedback,\r\n collectFormData: collectFormData,\r\n populateFormWithData: populateFormWithData,\r\n disableFields: disableFields,\r\n enableFields: enableFields,\r\n initializeFloatingLabels: initializeFloatingLabels,\r\n useToken: useToken\r\n };\r\n });\r\n\n",
"define('common/alertMessage',[\r\n],\r\n function () {\r\n\r\n const alertSelector = \"#alertMessage\";\r\n const allButtonsSelector = alertSelector + \" .modal-footer button\";\r\n const buttonSelector = {\r\n ok: allButtonsSelector + \".ok\",\r\n yes: allButtonsSelector + \".yes\",\r\n no: allButtonsSelector + \".no\"\r\n };\r\n\r\n function show(messageText, okCallback) {\r\n setIcon();\r\n setButtons(\"ok\", okCallback);\r\n displayAlert(messageText);\r\n }\r\n\r\n function info(messageText, okCallback) {\r\n setIcon(\"info\");\r\n setButtons(\"ok\", okCallback);\r\n displayAlert(messageText);\r\n }\r\n\r\n function warning(messageText, okCallback) {\r\n setIcon(\"warning\");\r\n setButtons(\"ok\", okCallback);\r\n displayAlert(messageText);\r\n }\r\n \r\n function error(messageText, okCallback, displayDefaultMessage) {\r\n setIcon(\"error\");\r\n setButtons(\"ok\", okCallback); \r\n if (typeof messageText === 'undefined' || messageText === null) messageText = \"\";\r\n if (typeof displayDefaultMessage === 'undefined') displayDefaultMessage = true;\r\n if (displayDefaultMessage || messageText === \"\") {\r\n messageText = CP.Messages[\"General/Default Error Message\"] + messageText;\r\n }\r\n displayAlert(messageText);\r\n }\r\n\r\n function yesNoQuestion(messageText, yesCallback, noCallback) {\r\n setIcon(\"question\");\r\n setButtons(\"yes-no\", yesCallback, noCallback);\r\n displayAlert(messageText);\r\n }\r\n\r\n function setIcon(iconName) {\r\n $(alertSelector + \" .icons\").addClass(\"d-none\");\r\n $(alertSelector + \" i\").addClass(\"d-none\");\r\n if (iconName) {\r\n $(alertSelector + \" .icons\").removeClass(\"d-none\");\r\n $(alertSelector + \" i.\" + iconName).removeClass(\"d-none\");\r\n }\r\n }\r\n\r\n function setButtons(buttons, callback1, callback2) {\r\n $(allButtonsSelector).addClass(\"d-none\");\r\n $(buttonSelector.ok).off(\"click\");\r\n $(buttonSelector.yes).off(\"click\");\r\n $(buttonSelector.no).off(\"click\");\r\n if (buttons === \"yes-no\") {\r\n $(buttonSelector.yes).removeClass(\"d-none\");\r\n $(buttonSelector.no).removeClass(\"d-none\");\r\n $(buttonSelector.yes).on(\"click\", function () { hideAndCallback(callback1); });\r\n $(buttonSelector.no).on(\"click\", function () { hideAndCallback(callback2); });\r\n }\r\n else {\r\n $(buttonSelector.ok).removeClass(\"d-none\");\r\n $(buttonSelector.ok).on(\"click\", function () { hideAndCallback(callback1); });\r\n }\r\n }\r\n\r\n var alertModal;\r\n\r\n function displayAlert(messageText) {\r\n $(alertSelector + \" .alert-text\").empty().html(messageText);\r\n if (!alertModal) {\r\n // initializing alertModal\r\n var alertElement = document.querySelector(alertSelector);\r\n if (alertElement) {\r\n alertModal = bootstrap.Modal.getOrCreateInstance(alertElement, { backdrop: \"static\", keyboard: false });\r\n if (!alertModal) console.log(\"Alert modal not initialized for \" + alertSelector);\r\n }\r\n else console.log(\"There's no alert modal with selector \" + alertSelector);\r\n }\r\n if (alertModal) alertModal.show();\r\n }\r\n\r\n function hideAndCallback(callback) {\r\n if (callback) $(alertSelector).one(\"hidden.bs.modal\", callback);\r\n if (alertModal) alertModal.hide();\r\n }\r\n\r\n return {\r\n show: show,\r\n info: info,\r\n warning: warning,\r\n error: error,\r\n yesNoQuestion: yesNoQuestion\r\n };\r\n });\r\n\n",
"define('shoppingCartIcon/miniCart',[\r\n \"common/formUtils\",\r\n \"common/alertMessage\"\r\n],\r\nfunction (formUtils, alertMessage) {\r\n\r\n const miniCartSelector = \".mini-cart\";\r\n const cartIconSelector = \".shopping-cart-icon .the-icon\";\r\n var autoHideTimeout = 0;\r\n\r\n function init() {\r\n $(cartIconSelector).webuiPopover({\r\n trigger: \"click\",\r\n placement: \"bottom-left\",\r\n width: 400,\r\n type: \"html\",\r\n url: \".mini-cart\",\r\n animation: \"fade\",\r\n multi: true,\r\n arrow: false,\r\n closeable: true,\r\n onShow: populateMiniCart\r\n });\r\n }\r\n\r\n function flash() {\r\n // I've tried this by using some of the WebuiPopover methods (https://github.com/sandywalker/webui-popover),\r\n // but none of them worked for changing the options on the fly, so I'm accessing the popover options\r\n // directly from the data object on the cart icon element.\r\n var options = $(cartIconSelector).data(\"plugin_webuiPopover\").options;\r\n\r\n // setting the options for flashing the popover\r\n var pageTop = $(window).scrollTop();\r\n var cartIconPosition = $(cartIconSelector).offset().top + $(cartIconSelector)[0].offsetHeight;\r\n if (pageTop > cartIconPosition) {\r\n // cart icon is out of the view, offset the popover so it's visible\r\n options.offsetTop = pageTop - cartIconPosition;\r\n }\r\n autoHideTimeout = 3000; // auto hide the popup 3 seconds after its content has loaded\r\n\r\n // showing the popover\r\n $(cartIconSelector).webuiPopover(\"show\");\r\n\r\n // resetting the options back to default values\r\n options.offsetTop = 0;\r\n }\r\n\r\n function populateMiniCart() {\r\n spinner(\"show\");\r\n var postData = {};\r\n formUtils.useToken(postData);\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: \"/customapi/Order/GetMiniCart\",\r\n dataType: \"json\",\r\n data: postData,\r\n success: function (data) {\r\n if (data.status === \"OK\") {\r\n $(miniCartSelector + \" .mini-cart-content\").empty().html(data.content);\r\n if (data.count > 0) {\r\n $(miniCartSelector + \" .mini-cart-button\").removeClass(\"d-none\");\r\n }\r\n if (autoHideTimeout > 0) {\r\n // hiding the minicart popup after a set timeout\r\n setTimeout(function () {\r\n $(cartIconSelector).webuiPopover(\"hide\");\r\n }, autoHideTimeout);\r\n autoHideTimeout = 0;\r\n }\r\n } else if (data.status === \"ERROR\") {\r\n alertMessage.error(data.message);\r\n }\r\n },\r\n error: function (jq, status, errorThrown) {\r\n alertMessage.error(status + \": \" + errorThrown);\r\n },\r\n complete: function () {\r\n spinner(\"hide\");\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n function spinner(what) {\r\n if (what === \"show\") {\r\n $(miniCartSelector + \" .mini-cart-content\").empty(); // remove previous content\r\n $(miniCartSelector + \" .mini-cart-button\").addClass(\"d-none\"); // hide button\r\n $(miniCartSelector + \" .spinner\").removeClass(\"d-none\"); // show spinner\r\n }\r\n else if (what === \"hide\") {\r\n $(miniCartSelector + \" .spinner\").addClass(\"d-none\");\r\n }\r\n\r\n }\r\n\r\n return {\r\n init: init,\r\n flash: flash\r\n };\r\n});\r\n\n",
"define('productDescriptionTabs/replacementParts',[\r\n],\r\nfunction () {\r\n\r\n function init() {\r\n $(\".more-replacement-parts .link\").off(\"click\").on(\"click\", showMoreReplacementParts);\r\n if ($(\".replacement-parts .part-tile\").length > partsInitiallyDisplayedOnMobile) {\r\n $(window).off(\"resize.replacementParts\").on(\"resize.replacementParts\", adjustNumberofDisplayedParts);\r\n }\r\n showMoreLinkVisible = true;\r\n currentView = views.none;\r\n adjustNumberofDisplayedParts();\r\n }\r\n\r\n function showMoreReplacementParts(event) {\r\n $(\".replacement-parts .part-tile\").removeClass(\"d-none\");\r\n $(\".more-replacement-parts\").addClass(\"d-none\");\r\n showMoreLinkVisible = false;\r\n }\r\n\r\n var views = {\r\n desktop: 1,\r\n mobile: 2,\r\n none: 3\r\n };\r\n\r\n var partsInitiallyDisplayedOnMobile = 2;\r\n var partsInitiallyDisplayedOnDesktop = 3;\r\n var showMoreLinkVisible = true;\r\n\r\n var currentView = views.none;\r\n var mobileBreakpoint;\r\n\r\n function adjustNumberofDisplayedParts(event) {\r\n if (!showMoreLinkVisible) return;\r\n\r\n var width = $(window).width();\r\n if (!mobileBreakpoint) {\r\n mobileBreakpoint = $(\".dynamic-mobile-accordion\").data(\"mobileBreakpoint\");\r\n }\r\n\r\n if (width < mobileBreakpoint && currentView !== views.mobile) {\r\n // SWITCH TO MOBILE\r\n $(\".replacement-parts .part-tile.active\").addClass(\"d-none\");\r\n $(\".replacement-parts .part-tile.active:lt(\" + partsInitiallyDisplayedOnMobile + \")\").removeClass(\"d-none\");\r\n\r\n if ($(\".replacement-parts .part-tile.active\").length > partsInitiallyDisplayedOnMobile) {\r\n $(\".more-replacement-parts\").removeClass(\"d-none\");\r\n } else {\r\n $(\".more-replacement-parts\").addClass(\"d-none\");\r\n }\r\n\r\n currentView = views.mobile;\r\n } else if (width >= mobileBreakpoint && currentView !== views.desktop) {\r\n // SWITCH TO DESKTOP\r\n $(\".replacement-parts .part-tile.active\").addClass(\"d-none\");\r\n $(\".replacement-parts .part-tile.active:lt(\" + partsInitiallyDisplayedOnDesktop + \")\").removeClass(\"d-none\");\r\n\r\n if ($(\".replacement-parts .part-tile.active\").length > partsInitiallyDisplayedOnDesktop) {\r\n $(\".more-replacement-parts\").removeClass(\"d-none\");\r\n } else {\r\n $(\".more-replacement-parts\").addClass(\"d-none\");\r\n }\r\n\r\n currentView = views.desktop;\r\n }\r\n\r\n var activePartsCount = $(\".replacement-parts .part-tile.active\").length;\r\n if (activePartsCount > 0) {\r\n $(\".more-replacement-parts .count\").text(activePartsCount);\r\n $(\".replacement-parts\").removeClass(\"d-none\");\r\n }\r\n else {\r\n $(\".replacement-parts\").addClass(\"d-none\");\r\n }\r\n \r\n }\r\n\r\n function display(variantSku) {\r\n $(\".replacement-parts .part-tile[data-related-to-variant-sku!='']\").removeClass(\"active\");\r\n $(\".replacement-parts .part-tile[data-related-to-variant-sku='\" + variantSku + \"']\").addClass(\"active\");\r\n init();\r\n }\r\n\r\n return {\r\n display: display\r\n };\r\n \r\n});\r\n\n",
"define('common/spinner',[\r\n],\r\n function () {\r\n\r\n var spinnerShownAt = {};\r\n\r\n function show(spinnerSelector) {\r\n $(spinnerSelector).removeClass(\"d-none\");\r\n var image = $(spinnerSelector).find(\"img\");\r\n if (image.length) {\r\n var alt = $(image).attr(\"alt\");\r\n if (!alt)\r\n $(image).attr(\"alt\", \"Spinner\");\r\n }\r\n // mark the time when this spinner was displayed\r\n spinnerShownAt[spinnerSelector] = Date.now();\r\n }\r\n\r\n function hide(spinnerSelector, callbackWhenHidden) {\r\n // This logic ensures that the spinner is displayed for at least 500ms.\r\n // Otherwise it just flickers and that doesn't look good for the user.\r\n var waitTime = 500 - (Date.now() - spinnerShownAt[spinnerSelector]);\r\n if (waitTime > 0) {\r\n setTimeout(function () {\r\n $(spinnerSelector).addClass(\"d-none\");\r\n if (callbackWhenHidden) callbackWhenHidden();\r\n }, waitTime);\r\n }\r\n else {\r\n $(spinnerSelector).addClass(\"d-none\");\r\n if (callbackWhenHidden) callbackWhenHidden();\r\n }\r\n }\r\n\r\n function getSpinnerHtml(spinnerId) {\r\n return '<div id=\"' + spinnerId + '\" class=\"spinner-wrapper d-none\"><div class=\"overlay\"></div><div class=\"spinner\"></div></div>';\r\n }\r\n\r\n return {\r\n show: show,\r\n hide: hide,\r\n getSpinnerHtml: getSpinnerHtml\r\n };\r\n });\r\n\n",
"define('common/formatter',[\r\n],\r\n function () {\r\n\r\n var spinnerShownAt = {};\r\n\r\n function money(someNumber, hideZeroAmount) {\r\n try {\r\n if (hideZeroAmount && someNumber == 0) return \"\";\r\n if (CP.SessionContext.SiteName === \"cpuk\") {\r\n var fmtUK = new Intl.NumberFormat('en-GB', {\r\n style: 'currency',\r\n currency: 'GBP'\r\n });\r\n return fmtUK.format(someNumber).replace(\".00\", \"\");\r\n }\r\n if (CP.SessionContext.SiteName === \"cpde\") {\r\n var fmtDE = new Intl.NumberFormat('de-DE', {\r\n style: 'currency',\r\n currency: 'EUR'\r\n });\r\n return fmtDE.format(someNumber).replace(\",00\", \"\");\r\n }\r\n }\r\n catch (error) {\r\n return someNumber;\r\n }\r\n }\r\n\r\n return {\r\n money: money\r\n };\r\n });\r\n\n",
"define('ProductOptions/productOptions',[\r\n \"common/urlUtils\",\r\n \"mediaGallery/mediaGallery\",\r\n \"productDetailsAndDimensions/productDetailsAndDimensions\",\r\n \"shoppingCartIcon/shoppingCartIcon\",\r\n \"shoppingCartIcon/miniCart\",\r\n \"common/alertMessage\",\r\n \"productDescriptionTabs/replacementParts\",\r\n \"common/spinner\",\r\n \"common/formUtils\",\r\n \"common/formatter\"\r\n],\r\nfunction (urlUtils, mediaGallery, productDetailsAndDimensions, shoppingCartIcon, miniCart,\r\n alertMessage, replacementParts, spinner, formUtils, formatter) {\r\n\r\n // There can be multiple product options components on the same page.\r\n // productOptions global array will contain data for all of them.\r\n // optionsIndex variable always needs to point to the one that we're currently doing something with, so\r\n // all functions in this module can use it to get the options for the correct options component instance.\r\n // Each event handler will set that variable to the correct value (because in the event we know inside\r\n // of which product options component instance the event was fired), and the rest of the functions called\r\n // as a result of that event will then use it.\r\n // On initializations we run through all the product options component instances that exist on the page and\r\n // initialize them one by one in the loop, setting the correct value for optionsIndex variable for each step\r\n // of the loop.\r\n var optionsIndex = 0;\r\n function optionsSelector() {\r\n // this functions gives us the current product options selector\r\n return \"#product_options_\" + optionsIndex;\r\n }\r\n const allProductOptionsSelector = \"[id^=product_options_]\";\r\n\r\n const quantityInputSelector = \" .quantity-selector input\";\r\n\r\n function productOptionsElement(childElement) {\r\n poElement = $(childElement).closest(allProductOptionsSelector);\r\n return poElement.length ? poElement : null;\r\n }\r\n\r\n function init() {\r\n initEventHandlers();\r\n\r\n $(allProductOptionsSelector).each(function (i, element) {\r\n optionsIndex = $(element).data(\"optionsIndex\");\r\n disableImpossibleCombinations();\r\n displayCurrentVariant(true);\r\n // To prevent flashing of some options that will initially be hidden, we keep\r\n // the options section hidden until we do initial setup of options.\r\n // Now we're ready to show it\r\n $(optionsSelector() + \" .options\").removeClass(\"d-none\");\r\n });\r\n }\r\n\r\n\r\n function initEventHandlers() {\r\n // there are 3 types of option selector elements:\r\n $(allProductOptionsSelector+\" button.option-value\").off(\"click\").on(\"click\", buttonOptionClicked); // a set of buttons\r\n $(allProductOptionsSelector+\" .selector.option-value\").off(\"click\").on(\"click\", buttonOptionClicked); // color selector (or any other type of custom selector)\r\n $(allProductOptionsSelector+\" select.option-value\").off(\"change\").on(\"change\", listOptionChanged); // a list\r\n // and there are also som buttons:\r\n $(allProductOptionsSelector + \" button.cart\").off(\"click\").on(\"click\", addToCartClicked);\r\n $(allProductOptionsSelector + \" button.update\").off(\"click\").on(\"click\", updateCartClicked);\r\n $(allProductOptionsSelector + quantityInputSelector).off(\"quantityChanged\").on(\"quantityChanged\", quantityChanged);\r\n $(allProductOptionsSelector + \" button.remove-item\").off(\"click\").on(\"click\", removeClicked);\r\n\r\n }\r\n\r\n function buttonOptionClicked(event) {\r\n if ($(this).hasClass(\"current\")) return; // already selected\r\n\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n var optionData = $(this).data();\r\n changeVariant(optionData.fieldName, optionData.valueId);\r\n }\r\n\r\n function listOptionChanged(event) {\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n var optionData = $(this.selectedOptions[0]).data();\r\n changeVariant(optionData.fieldName, optionData.valueId);\r\n }\r\n\r\n function updateCartClicked(event) {\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n dispatchEvent(\"updateCart\", {\r\n oldVariantGuid: productOptions[optionsIndex].initialVariantGuid,\r\n oldQuantity: productOptions[optionsIndex].initialQuantity,\r\n newVariantGuid: productOptions[optionsIndex].currentVariant.variantGuid,\r\n newProductSku: productOptions[optionsIndex].productSku,\r\n newVariantSku: productOptions[optionsIndex].currentVariant.variantSku,\r\n newQuantity: $(optionsSelector() + quantityInputSelector).val()\r\n });\r\n }\r\n\r\n function removeClicked(event) {\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n elementForEvent = $(optionsSelector()).parent();\r\n $(optionsSelector()).remove();\r\n dispatchEvent(\"itemRemoved\", {\r\n productSku: productOptions[optionsIndex].productSku,\r\n variantSku: productOptions[optionsIndex].currentVariant.variantSku\r\n },\r\n elementForEvent);\r\n }\r\n\r\n function changeVariant(fieldName, newValueId) {\r\n // change selected option value\r\n var optionToChange = productOptions[optionsIndex].currentVariant.options.find(function (option) {\r\n return option.fieldName === fieldName;\r\n });\r\n optionToChange.valueId = newValueId;\r\n\r\n identifyVariant(fieldName);\r\n\r\n disableImpossibleCombinations();\r\n\r\n displayCurrentVariant();\r\n }\r\n\r\n function disableImpossibleCombinations() {\r\n enableAllValues();\r\n // go through all possible combinations of option values and disable the values that lead to impossible combinations\r\n\r\n // outer loop goes through each option one by one\r\n productOptions[optionsIndex].options.forEach(function (option) {\r\n\r\n if (option.canBeDisabled) {\r\n\r\n // then this loop goes through all the values in that option one by one\r\n option.values.forEach(function (value) {\r\n\r\n // this value goes as first into the combination to be tested\r\n var combinationToTest = [{ fieldName: option.fieldName, valueId: value.valueId }];\r\n\r\n // add the values that are currently selected for other options into the combination to be tested\r\n productOptions[optionsIndex].currentVariant.options\r\n .filter(function (o) { return o.fieldName !== option.fieldName; })\r\n .forEach(function (otherOption) {\r\n combinationToTest.push({\r\n fieldName: otherOption.fieldName,\r\n valueId: otherOption.valueId\r\n });\r\n });\r\n\r\n // now we test if that combination makes up a valid variant\r\n var variant = findVariant(combinationToTest);\r\n if (!variant) {\r\n // This is an impossible combination. Disable this value.\r\n disableValue(value.valueId);\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n\r\n // hide option names that are left empty (with no values displayed under them)\r\n $(optionsSelector() + \" .option .option-values\").siblings(\".option-name\").addClass(\"hidden\"); // hide all\r\n $(optionsSelector() + \" .option .option-values\").has(\".option-value:not(.disabled, .d-none)\").siblings(\".option-name\").removeClass(\"hidden\"); // bring back only those that have at least one value displayed\r\n }\r\n\r\n function enableAllValues() {\r\n $(optionsSelector()+\" button.option-value\").removeClass(\"disabled\");\r\n $(optionsSelector()+\" .selector.option-value\").removeClass(\"disabled\");\r\n $(optionsSelector() + \" select.option-value option\").attr(\"hidden\", null);\r\n $(optionsSelector() + \" select.option-value option\").attr(\"disabled\", null);\r\n }\r\n\r\n function disableValue(valueId) {\r\n $(optionsSelector()+\" button.option-value[data-value-id='\" + valueId + \"']\").addClass(\"disabled\");\r\n $(optionsSelector()+\" .selector.option-value[data-value-id='\" + valueId + \"']\").addClass(\"disabled\");\r\n $(optionsSelector()+\" select.option-value option[data-value-id='\" + valueId + \"']\").attr(\"hidden\", \"\"); // in the list we're hiding the option instead of disabling it\r\n $(optionsSelector()+\" select.option-value option[data-value-id='\" + valueId + \"']\").attr(\"disabled\", \"\"); // also disable for IE\r\n }\r\n\r\n function markCurrentOptions(variantOptions) {\r\n // first unmark all\r\n $(optionsSelector()+\" button.option-value\").removeClass(\"current\");\r\n $(optionsSelector() + \" .selector.option-value\").removeClass(\"current\");\r\n $(optionsSelector() + \" select.option-value option\").removeClass(\"current\");\r\n // print layout fields\r\n $(optionsSelector() + \" .option.print-only\").removeClass(\"d-print-block\"); // hide all by default\r\n $(optionsSelector() + \" .option.print-only .display-value\").text(\"\"); // and empty them\r\n // then mark those that need to be marked\r\n variantOptions.forEach(function (option) {\r\n $(optionsSelector()+\" button.option-value[data-value-id='\" + option.valueId + \"']\").addClass(\"current\");\r\n $(optionsSelector()+\" .selector.option-value[data-value-id='\" + option.valueId + \"']\").addClass(\"current\");\r\n $(optionsSelector() + \" select.option-value:has(option[data-value-id='\" + option.valueId + \"'])\").val(option.valueId);\r\n $(optionsSelector() + \" select.option-value option[data-value-id='\" + option.valueId + \"']\").addClass(\"current\");\r\n // and set display values for print layout (only those that have values)\r\n if (option.displayValue) {\r\n var printOnlyElement = $(optionsSelector() + \" .option.print-only[data-field-name='\" + option.fieldName + \"']\");\r\n if (printOnlyElement) {\r\n $(printOnlyElement).addClass(\"d-print-block\"); // display the element\r\n $(printOnlyElement).find(\".display-value\").text(option.displayValue); // set value\r\n }\r\n }\r\n });\r\n }\r\n\r\n function identifyVariant(clickedFieldName) {\r\n // first try to find a variant that exactly matches the current set of chosen options\r\n var variant = findVariant(productOptions[optionsIndex].currentVariant.options);\r\n if (variant) {\r\n // We've found it! Just set its variantGuid and sku (the changed option is already set in changeVariant function).\r\n productOptions[optionsIndex].currentVariant.variantGuid = variant.variantGuid;\r\n productOptions[optionsIndex].currentVariant.variantSku = variant.variantSku;\r\n }\r\n else {\r\n // Find a variant that most closely matches the current set of chosen options.\r\n var rankingList = [];\r\n productOptions[optionsIndex].variants.forEach(function (variant) {\r\n var matchCount = 0;\r\n var clickedMatchCount = 0;\r\n variant.options.forEach(function (variantOption) {\r\n var matches = productOptions[optionsIndex].currentVariant.options.forEach(function (currentOption) {\r\n if (currentOption.fieldName === variantOption.fieldName && currentOption.valueId === variantOption.valueId) {\r\n matchCount++;\r\n if (variantOption.fieldName === clickedFieldName) {\r\n clickedMatchCount++;\r\n }\r\n }\r\n });\r\n });\r\n rankingList.push({ variant: variant, matchCount: matchCount, clickedMatchCount: clickedMatchCount });\r\n });\r\n // Sort the ranking list. We're favoring the variants where a clicked field matches.\r\n rankingList.sort(function (a, b) {\r\n if (b.clickedMatchCount !== a.clickedMatchCount) return b.clickedMatchCount - a.clickedMatchCount;\r\n else return b.matchCount - a.matchCount;\r\n });\r\n\r\n // Take the first variant from that list and copy all values to our currentVariant object\r\n productOptions[optionsIndex].currentVariant = {\r\n variantGuid: rankingList[0].variant.variantGuid,\r\n variantSku: rankingList[0].variant.variantSku,\r\n options: []\r\n };\r\n rankingList[0].variant.options.forEach(function (option) {\r\n productOptions[optionsIndex].currentVariant.options.push({\r\n fieldName: option.fieldName,\r\n valueId: option.valueId,\r\n displayValue: option.displayValue\r\n });\r\n });\r\n }\r\n }\r\n\r\n function findVariant(givenOptions) {\r\n // find a variant whose options all match the given set of options\r\n return productOptions[optionsIndex].variants.find(function (variant) {\r\n return givenOptions.every(function (currentOption) {\r\n return variant.options.find(function (variantOption) {\r\n return variantOption.fieldName === currentOption.fieldName\r\n && variantOption.valueId === currentOption.valueId;\r\n });\r\n });\r\n });\r\n }\r\n\r\n function findCurrentVariant() {\r\n return productOptions[optionsIndex].variants.find(function (v) {\r\n return v.variantGuid === productOptions[optionsIndex].currentVariant.variantGuid;\r\n });\r\n }\r\n\r\n function displayCurrentVariant(calledFromInit) {\r\n var variant = findCurrentVariant();\r\n if (variant) {\r\n markCurrentOptions(variant.options);\r\n $(optionsSelector()+\" .variant-item-number-itemno\").text(variant.itemNumber);\r\n $(optionsSelector() + \" .variant-price\").empty().html(variant.price);\r\n if (variant.price) $(optionsSelector() + \" .product-price-text\").removeClass(\"d-none\");\r\n else $(optionsSelector() + \" .product-price-text\").addClass(\"d-none\"); // hide product price text if there is no price to be displayed\r\n var productAlertBlack = $(optionsSelector() + \" .product-alert-black\");\r\n if (productAlertBlack.length) productAlertBlack.html(variant.productAlert);\r\n else $(optionsSelector() + \" .product-alert-red\").html(variant.productAlert); \r\n var smallImageElement = $(optionsSelector() + \" .small-variant-image\");\r\n var currentImageUrl = $(smallImageElement).attr(\"src\");\r\n if (variant.smallVariantImageUrl !== currentImageUrl) {\r\n $(smallImageElement)\r\n .addClass(\"opacity-05\")\r\n .one(\"load\", function () { $(this).removeClass(\"opacity-05\"); })\r\n .attr(\"src\", variant.smallVariantImageUrl)\r\n .attr(\"width\", variant.smallVariantImageWidth)\r\n .attr(\"height\", variant.smallVariantImageHeight)\r\n .each(function () {\r\n // Workaround for situations where the load event doesn't get triggerred because the image is taken from cache, or the\r\n // image changes so quickly that our \"onload\" event didn't have a chance to be set up yet.\r\n setTimeout(() => { $(smallImageElement).removeClass(\"opacity-05\"); }, 2000); // just in case \"onload\" didn't do it already, we'll clear the opacity class after 2 seconds\r\n });\r\n }\r\n //$(\"#cart-quick-edit-modal .quick-edit-variant-image\").attr(\"src\", variant.quickEditVariantImageUrl);\r\n //quickEditModal.displayImage(variant.quickEditVariantImageUrl);\r\n $(optionsSelector()).data(\"variantSku\", variant.variantSku);\r\n $(optionsSelector()+\" .variant-link\").attr(\"href\", variant.variantUrl);\r\n $(optionsSelector()+\" .variant-link\").data(\"variantSku\", variant.variantSku); // this will be used by the GTM click event\r\n\r\n if (!calledFromInit) {\r\n // Recalculate price total. We don't need to do it on initialization because\r\n // everything will already be calculated in back-end.\r\n calculatePriceTotal();\r\n }\r\n\r\n if (variant.isNew) {\r\n $(optionsSelector() + \" .new-marker\").removeClass(\"d-none\");\r\n } else {\r\n $(optionsSelector() + \" .new-marker\").addClass(\"d-none\");\r\n }\r\n\r\n if (productOptions[optionsIndex].refreshOtherComponentsWhenVariantChanges) {\r\n $(\".dynamic-product-description\").html(variant.variantDescription);\r\n urlUtils.pushParamIntoLink(\"v\", variant.variantSku);\r\n mediaGallery.displayVariantImages(1, variant.variantImageId, variant.additionalVariantImages);\r\n productDetailsAndDimensions.displayVariantData(variant.variantSku);\r\n displayAccessories(variant.variantSku);\r\n displayProductsInSet(variant.variantSku);\r\n replacementParts.display(variant.variantSku);\r\n }\r\n\r\n dispatchEvent(\"variantChanged\", variant);\r\n }\r\n }\r\n\r\n function dispatchEvent(eventName, eventData, eventElement) {\r\n var event;\r\n var trueTypeOf = function (obj) {\r\n return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();\r\n };\r\n if (trueTypeOf(window.CustomEvent) === 'function') {\r\n event = new CustomEvent(eventName, {\r\n bubbles: true,\r\n detail: eventData\r\n });\r\n } else {\r\n event = document.createEvent('CustomEvent');\r\n event.initCustomEvent(eventName, true, false, eventData);\r\n }\r\n if (!eventElement) eventElement = $(optionsSelector());\r\n eventElement[0].dispatchEvent(event);\r\n $('.swiper-lazy-preloader').hide();\r\n }\r\n\r\n function quantityChanged(event) {\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n calculatePriceTotal();\r\n }\r\n\r\n function calculatePriceTotal() {\r\n var variant = findCurrentVariant();\r\n var priceTotalSpinner = optionsSelector() + \" .price-total-wrapper .spinner-wrapper\";\r\n spinner.show(priceTotalSpinner);\r\n var priceTotal = $(optionsSelector() + quantityInputSelector).val() * variant.priceDecimal;\r\n $(optionsSelector() + \" .price-total\").data(\"priceTotal\", priceTotal);\r\n spinner.hide(priceTotalSpinner, function () {\r\n // Doing this in the callback, so the new price is displayed when the spinner is hidden, and not before.\r\n // That looks better than showing the new value while the spinner is still spinning (because it spins for minimum of 0.5 seconds).\r\n $(optionsSelector() + \" .price-total\").html(formatter.money(priceTotal, true));\r\n });\r\n dispatchEvent(\"priceTotalChanged\");\r\n }\r\n\r\n function displayAccessories(variantSku) {\r\n $(\".product-accessories .product-options[data-related-to-variant-sku!='']\").addClass(\"d-none\");\r\n $(\".product-accessories .product-options[data-related-to-variant-sku='\" + variantSku + \"']\").removeClass(\"d-none\");\r\n if ($(\".product-accessories .product-options:not(.d-none)\").length) {\r\n // there are some accessories displayed - display the title too\r\n $(\".product-accessories-title\").removeClass(\"d-none\");\r\n }\r\n else {\r\n // there aren't any accessories displayed - hide the title too\r\n $(\".product-accessories-title\").addClass(\"d-none\");\r\n }\r\n }\r\n\r\n function displayProductsInSet(variantSku) {\r\n var swiperContainer = $('.product-tile[data-tile-type=\"ProductsInSet\"]').closest(\".swiper-container\"); \r\n var showedContainer = false;\r\n $('.product-tile[data-tile-type=\"ProductsInSet\"]').each(function () { $(this).closest(\".swiper-slide\").hide() }); \r\n showFilteredProductsInSet('.product-tile[data-tile-type=\"ProductsInSet\"][data-related-to-variant-sku=\"\"]', showedContainer, swiperContainer);\r\n showFilteredProductsInSet('.product-tile[data-tile-type=\"ProductsInSet\"][data-related-to-variant-sku=\"' + variantSku + '\"]', showedContainer, swiperContainer);\r\n \r\n var emptySwiper = true; \r\n $(swiperContainer).find(\".swiper-slide\").each(function () {\r\n if ($(this).css('display') != 'none')\r\n emptySwiper = false;\r\n })\r\n\r\n if (emptySwiper)\r\n $(swiperContainer).hide(); \r\n }\r\n\r\n function showFilteredProductsInSet(selector, showedContainer, swiperContainer) {\r\n $(selector).each(function () {\r\n if (!showedContainer) { $(swiperContainer).show(); showedContainer = true; }\r\n showFilteredSlides(this);\r\n });\r\n }\r\n\r\n function showFilteredSlides(el) {\r\n $(el).removeClass(\"d-none\");\r\n $(el).closest(\".swiper-slide\").show();\r\n updateSwiper(el);\r\n }\r\n\r\n function updateSwiper(el) {\r\n var productsSwiper = $(el).closest(\".swiper-container\")[0].swiper;\r\n if (productsSwiper)\r\n productsSwiper.update();\r\n }\r\n\r\n var itemsWithoutPrice = [];\r\n function checkIfItemHasPrice(childElement) {\r\n var poElement = productOptionsElement(childElement);\r\n if (poElement) {\r\n if ($(poElement).find(\".variant-price\").text()) return; // it's okay, it has a price\r\n // no price, put the item into the array of bad items\r\n itemsWithoutPrice.push($(poElement).find(\".variant-link\").text());\r\n }\r\n }\r\n\r\n function getQuantity(childElement) {\r\n var poElement = productOptionsElement(childElement);\r\n if (poElement) {\r\n return +$(poElement).find(quantityInputSelector).val(); // unary operator \"+\" is here to convert the value from string to number\r\n }\r\n return null;\r\n }\r\n\r\n function setQuantity(childElement, quantity, triggerChange) {\r\n var poElement = productOptionsElement(childElement);\r\n if (poElement) {\r\n var quantityInputElement = $(poElement).find(quantityInputSelector);\r\n if (quantityInputElement) {\r\n Coria.setQuantity(quantityInputElement, quantity, triggerChange);\r\n }\r\n }\r\n }\r\n\r\n function getVariantSkus(childElement) {\r\n var poElement = productOptionsElement(childElement);\r\n if (poElement) {\r\n var poIndex = $(poElement).data(\"optionsIndex\");\r\n if (poIndex) {\r\n return {\r\n productSku: productOptions[poIndex].productSku,\r\n variantSku: productOptions[poIndex].currentVariant.variantSku\r\n };\r\n }\r\n }\r\n return { productSku: null, variantSku: null };\r\n }\r\n\r\n function addToCartClicked(event) {\r\n itemsWithoutPrice = [];\r\n optionsIndex = $(this).closest(allProductOptionsSelector).data(\"optionsIndex\");\r\n var spinnerSelector = optionsSelector() + \" .spinner-wrapper\";\r\n var quantity = getQuantity(this);\r\n if (quantity != 0) {\r\n checkIfItemHasPrice(this);\r\n if (itemsWithoutPrice.length) {\r\n alertMessage.error(CP.Messages[\"Add To Cart/No Price For Product\"], null, false);\r\n }\r\n else {\r\n var skus = getVariantSkus(this);\r\n addToCart(\r\n [{\r\n ProductSku: skus.productSku,\r\n VariantSku: skus.variantSku,\r\n Quantity: quantity\r\n }],\r\n spinnerSelector\r\n );\r\n }\r\n }\r\n }\r\n\r\n function addAllToCart(listSelector, spinnerSelector) {\r\n itemsWithoutPrice = [];\r\n var addToCartButtons = $(listSelector + \" button.cart\");\r\n if (addToCartButtons.length) {\r\n var itemList = [];\r\n addToCartButtons.each(function (index, element) {\r\n var quantity = getQuantity(element);\r\n if (quantity != 0) {\r\n checkIfItemHasPrice(element);\r\n var skus = getVariantSkus(element);\r\n itemList.push({\r\n ProductSku: skus.productSku,\r\n VariantSku: skus.variantSku,\r\n Quantity: quantity\r\n });\r\n }\r\n });\r\n\r\n if (itemsWithoutPrice.length) {\r\n alertMessage.error(CP.Messages[\"Add To Cart/No Price For Product Plural\"] + itemsWithoutPrice.join(\", \"), null, false);\r\n }\r\n else {\r\n addToCart(\r\n itemList,\r\n spinnerSelector\r\n );\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n function addToCart(itemList, spinnerSelector) {\r\n if (itemList.length === 0) return;\r\n\r\n var postData = {\r\n itemList: itemList\r\n };\r\n formUtils.useToken(postData);\r\n\r\n spinner.show(spinnerSelector);\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: \"/customapi/Order/AddToCart\",\r\n dataType: \"json\",\r\n data: postData,\r\n success: function (data) {\r\n if (data.status === \"OK\") {\r\n shoppingCartIcon.updateItemCount(data.cartItems);\r\n miniCart.flash();\r\n //gtmHelper.processCartChanges(data.changedCartItems); Google Tag Manager is not used\r\n } else if (data.status === \"ERROR\") {\r\n alertMessage.error(data.message);\r\n }\r\n },\r\n error: function (jq, status, errorThrown) {\r\n alertMessage.error(status + \": \" + errorThrown);\r\n },\r\n complete: function () {\r\n spinner.hide(spinnerSelector);\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n return {\r\n init: init,\r\n addAllToCart: addAllToCart,\r\n getVariantSkus: getVariantSkus,\r\n getQuantity: getQuantity,\r\n setQuantity: setQuantity\r\n };\r\n});\r\n\n",
"require([\r\n \"ProductOptions/productOptions\"\r\n],\r\nfunction (productOptions) {\r\n\r\n productOptions.init();\r\n window.Coria = window.Coria || {};\r\n window.Coria.reInitProductOptions = productOptions.init;\r\n});\r\n\ndefine(\"ProductOptions/main\", function(){});\n\n"
]
}