Ei tuotteita.
',\n\tnoSearchResults: 'Ei hakutuloksia.
'\n};\n\n/*\nif (typeof __quickSearchTemplates === 'object') {\n\tfor (const key of Object.keys(__quickSearchTemplates)) {\n\t\tTemplates[key] = __quickSearchTemplates[key];\n\t}\n}\n\nif (typeof __searchPageTemplates === 'object') {\n\tfor (const key of Object.keys(__searchPageTemplates)) {\n\t\tTemplates[key] = __searchPageTemplates[key];\n\t}\n}\n\nif (typeof __pageTemplates === 'object') {\n\tfor (const key of Object.keys(__pageTemplates)) {\n\t\tTemplates[key] = __pageTemplates[key];\n\t}\n} */\n\nfor (const template of document.querySelectorAll('.category-template[data-category-template]')) {\n\tif (template.dataset.categoryTemplate) {\n\t\tTemplates[template.dataset.categoryTemplate] = template.textContent;\n\t}\n}\n\nfor (const template of document.querySelectorAll('.search-template[data-search-template]')) {\n\tif (template.dataset.searchTemplate) {\n\t\tTemplates[template.dataset.searchTemplate] = template.textContent;\n\t}\n}\n\n\nif (Templates.searchPage && !Templates.page) {\n\tTemplates.page = Templates.searchPage;\n}\n\n/*\nTemplates.suggestions = Templates.suggestions.replaceAll('', ``); */\n\nexport default Templates;\n","'use strict';\n\n/**\n * Tools for handling html fractions etc.\n */\nclass FractionsTools {\n\n\tconstructor() {\n\t\tthis.fractionsLookup = {\n\t\t\tseparator: '⁄', // /\n\t\t\tsup: [\n\t\t\t\t'⁰', // 0\n\t\t\t\t'¹', // 1\n\t\t\t\t'²', // 2\n\t\t\t\t'³', // 3\n\t\t\t\t'⁴', // 4\n\t\t\t\t'⁵', // 5\n\t\t\t\t'⁶', // 6\n\t\t\t\t'⁷', // 7\n\t\t\t\t'⁸', // 8\n\t\t\t\t'⁹' // 9\n\t\t\t],\n\t\t\tsub: [\n\t\t\t\t'₀', // 0\n\t\t\t\t'₁', // 1\n\t\t\t\t'₂', // 2\n\t\t\t\t'₃', // 3\n\t\t\t\t'₄', // 4\n\t\t\t\t'₅', // 5\n\t\t\t\t'₆', // 6\n\t\t\t\t'₇', // 7\n\t\t\t\t'₈', // 8\n\t\t\t\t'₉' // 9\n\t\t\t],\n\t\t\tfrac: {\n\t\t\t\t'1/2': '½',\n\t\t\t\t'1/3': '⅓',\n\t\t\t\t'1/4': '¼',\n\t\t\t\t'1/5': '⅕',\n\t\t\t\t'1/6': '⅙',\n\t\t\t\t'1/8': '⅛',\n\t\t\t\t'2/3': '⅔',\n\t\t\t\t'2/5': '⅖',\n\t\t\t\t'3/4': '¾',\n\t\t\t\t'3/5': '⅗',\n\t\t\t\t'3/8': '⅜',\n\t\t\t\t'4/5': '⅘',\n\t\t\t\t'5/6': '⅚',\n\t\t\t\t'5/8': '⅝',\n\t\t\t\t'7/8': '⅞'\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Convert float to a rational number.\n\t * (http://jonisalonen.com/2012/converting-decimal-numbers-to-ratios/)\n\t *\n\t * @param {number} x - Number.\n\t * @param {number} tolerance - Tolerance.\n\t *\n\t * @returns {number[]} Numerator and denominator ([ numerator, dominator ]).\n\t */\n\tfloat2rat(x, tolerance) {\n\t\tlet h1 = 1;\n\t\tlet h2 = 0;\n\t\tlet k1 = 0;\n\t\tlet k2 = 1;\n\t\tlet b = x;\n\n\t\tdo {\n\t\t\tlet a = Math.floor(b);\n\t\t\tlet aux = h1;\n\t\t\th1 = a * h1 + h2;\n\t\t\th2 = aux;\n\t\t\taux = k1;\n\t\t\tk1 = a * k1 + k2;\n\t\t\tk2 = aux;\n\t\t\tb = 1 / (b - a);\n\t\t} while (Math.abs(x - h1 / k1) > x * tolerance);\n\n\t\treturn [h1, k1];\n\t}\n\n\t/**\n\t* Convert fraction to decimal\n\t* Separates fractions from the whole numbers and sums values together\n\t*\n\t* @param {string} fraction - Fraction.\n\t* @returns {(number|string)} Returns original string or number if conversion isn't possible.\n\t*/\n\tfractionToDecimal(fraction) {\n\t\tif (typeof fraction !== 'string' || !/\\d\\/\\d/.test(fraction)) {\n\t\t\treturn fraction;\n\t\t}\n\n\t\tconst values = fraction.split(' ');\n\t\tconst sum = [];\n\n\t\tfor (const value of values) {\n\n\t\t\tif (value.includes('/')) {\n\t\t\t\tconst fractionPart = value.split('/');\n\n\t\t\t\tconst firstPart = String(fractionPart[0]);\n\n\t\t\t\tfractionPart[0] = Number(fractionPart[0]);\n\t\t\t\tfractionPart[1] = Number(fractionPart[1]);\n\n\t\t\t\tif (firstPart.length === 1 && fractionPart[0] &&!Number.isNaN(fractionPart[0]) && !Number.isNaN(fractionPart[0])) {\n\t\t\t\t\tsum.push(fractionPart[0] / fractionPart[1]);\n\t\t\t\t} else {\n\t\t\t\t\treturn fraction;\n\t\t\t\t}\n\t\t\t} else if (!Number.isNaN(Number(value))) {\n\t\t\t\tsum.push(Number(value));\n\t\t\t}\n\t\t}\n\n\t\treturn values.length === sum.length ?\n\t\t\tsum.reduce((a, b) => {\n\t\t\t\treturn a + b;\n\t\t\t}, 0) :\n\t\t\tfraction;\n\t}\n\n\t/**\n\t * Converts hex encoded fractions to normal characters.\n\t * Example: 1 ¹⁄₄ -> 1 1/4\n\t * \n\t * @param {string} text - String to unfraction.\n\t * @param {boolean} [returnDecimalnumber=false] - Return decimal number instead, assuming that the input is in \"1 1/4\" format.\n\t * @returns {(string|number)} Converted value.\n\t */\n\tunfraction(text, returnDecimalnumber) {\n\n\t\tif (typeof text !== 'string') {\n\t\t\treturn text;\n\t\t}\n\n\t\t// Replace fraction dash\n\t\tlet tempText = String(text).replace(new RegExp(this.fractionsLookup.separator, 'g'), '/');\n\t\ttempText = tempText.replace(new RegExp(' ', 'g'), ' ');\n\n\t\tfor (let i = 0; i < this.fractionsLookup.sup.length; i++) {\n\t\t\ttempText = tempText.replace(new RegExp(this.fractionsLookup.sup[i], 'g'), String(i));\n\t\t\ttempText = tempText.replace(new RegExp(this.fractionsLookup.sub[i], 'g'), String(i));\n\t\t}\n\n\t\tfor (const key of Object.keys(this.fractionsLookup.frac)) {\n\t\t\tconst fracEntity = this.fractionsLookup.frac[key];\n\t\t\ttempText = tempText.replace(new RegExp(fracEntity, 'g'), key);\n\t\t}\n\n\t\tif (returnDecimalnumber === true) {\n\t\t\tlet [sup, sub] = tempText.trim().split(' ').filter(c => c !== '');\n\t\t\tsup = String(sup).trim();\n\t\t\tsub = String(sub).trim().split('/');\n\t\t\tif (sub.length === 2) {\n\t\t\t\tsub = sub.reduce((value, frac, i) => {\n\t\t\t\t\tif (i === 0) {\n\t\t\t\t\t\treturn Number(frac);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn value / Number(frac);\n\t\t\t\t\t}\n\t\t\t\t}, 0);\n\t\t\t} else {\n\t\t\t\tsub = false;\n\t\t\t}\n\n\t\t\tif (!Number.isNaN(parseFloat(sup)) && !Number.isNaN(parseFloat(sub))) {\n\t\t\t\treturn Number(sup) + Number(sub);\n\t\t\t}\n\n\t\t}\n\n\t\treturn tempText;\n\t}\n\n\t/**\n\t * Get unicode hex encoded sup/sub numbers.\n\t * \n\t * @param {string} [mode=\"sup\"] - Sup or sub fractions.\n\t * @param {(string|number)} number - Integer number.\n\t * @returns {string} Encoded sup/sub numbers;\n\t */\n\tgetFraction(mode, number) {\n\n\t\tlet lookup = this.fractionsLookup.sup;\n\t\tif (mode === 'sub') {\n\t\t\tlookup = this.fractionsLookup.sub;\n\t\t}\n\n\t\treturn Array.from(String(parseInt(number))).map(num => lookup[parseInt(num)]).join('');\n\n\t}\n\n\t/**\n\t * Returns base number and fractions (unicode hex or named entity):\n\t * 0.125 (1/8) -> 0 ¹⁄₈ or 0 ⅛\n\t * \n\t * If you want to convert 25 1/8 to 25 ⅛, do it like this:\n\t * FractionsTools.toFractions(FractionsTools.unfraction(\"25 1/8\", true));\n\t *\n\t * @param {(string|number)} number - Float to convert.\n\t * @param {boolean} [allowNamedEntities=false] - Get named entity i.e. ¼ if exists.\n\t * @returns {string} Returns base and fractions (if possible) or original value.\n\t */\n\ttoFractions(number, allowNamedEntities) {\n\n\t\tconst tempNumber = parseFloat(String(number).replace(',', '.'));\n\t\tif (!Number.isNaN(tempNumber) && tempNumber % 1 !== 0) {\n\t\t\tconst fraction = tempNumber % 1;\n\t\t\tconst base = tempNumber - fraction;\n\t\t\tconst rat = this.float2rat(fraction, 1.0e-2);\n\t\t\tif (allowNamedEntities === true) {\n\t\t\t\tconst frac = this.fractionsLookup.frac[`${rat[0]}/${rat[1]}`];\n\t\t\t\tif (frac !== undefined) {\n\t\t\t\t\treturn `${base} ${frac}`;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn `${base} ${this.getFraction('sup', rat[0])}${this.fractionsLookup.separator}${this.getFraction('sub', rat[1])}`;\n\t\t}\n\t\treturn number;\n\t}\n\n\t/**\n\t * Convert to HTML fractions.\n\t * \n\t * Example:\n\t * Input: 25 1/8 or 25.125\n\t * Output: 25 ⅛\n\t * \n\t * @param {(string|number)} value - Value to convert.\n\t * @returns {string} - Input converted to fractions.\n\t */\n\tconvertToHtmlFractions(value) {\n\t\tlet _value = '';\n\t\tif (typeof value === 'string') {\n\t\t\t_value = this.unfraction(String(value), true);\n\t\t} else if (typeof value === 'number') {\n\t\t\t_value = value;\n\t\t} else {\n\t\t\t_value = String(value);\n\t\t}\n\t\treturn this.escapeFractionsString(this.toFractions(_value, true) + '');\n\t}\n\n\t/**\n\t * Escapes string that contains html escaped entities.\n\t * \n\t * @param {string} text - String to process.\n\t * @returns {string} Escaped and trimmed value.\n\t */\n\tescapeFractionsString(text) {\n\n\t\tconst entityMap = {\n\t\t\t'<': '<',\n\t\t\t'>': '>',\n\t\t\t'\"': '"',\n\t\t\t'\\'': ''',\n\t\t\t'/': '/',\n\t\t\t'`': '`',\n\t\t\t'=': '=',\n\t\t\t' & ': ' & '\n\t\t};\n\n\t\treturn String(text).replace(/[<>\"'`=/]/g, (s) => {\n\t\t\treturn entityMap[s];\n\t\t});\n\n\t\t//if (_text.includes(\"&frac\") || _text.includes(\"⁄\")) {\n\t\t//\treturn escapeChars(_text);\n\t\t//} else {\n\t\t//return _text;\n\t\t//}\n\t}\n}\n\nexport default new FractionsTools();","'use strict';\n\nclass ProductSizeSorter {\n\n\t/**\n\t * Product size and balance data object.\n\t * \n\t * @typedef {object} ProductData\n\t * @property {string} size - Product size.\n\t */\n\n\t/**\n\t * Sort by size (smaller first).\n\t * \n\t * @param {ProductData[]} data - Product data.\n\t * @returns {ProductData[]} Sorted product data.\n\t */\n\tsortProductSizes(data) {\n\n\t\tif (!Array.isArray(data)) {\n\t\t\treturn data;\n\t\t}\n\n\t\tconst numericSizes = [];\n\t\tconst letterSizes = [];\n\t\tconst mixedSizes = [];\n\n\t\t//Correct order of these sizes. Not alphabetical.\n\t\tconst sizeTable = ['XXS', 'XS', 'S', 'SM', 'S/M', 'M', 'M/L', 'L', 'L/XL', 'XL', 'XL/XXL', 'XXL', '2XL', 'XXXL', '3XL', 'XXXXL', '4XL', '5XL'];\n\n\t\t//Normalize sizes\n\t\tfor (let itemData of data) {\n\n\t\t\tif (itemData.sizeSort === undefined) {\n\t\t\t\titemData.sizeSort = itemData.size;\n\t\t\t}\n\n\t\t\titemData.sizeSort = String(itemData.sizeSort).replace(/\\([^)]*\\)/g, '').replace(/\\+/g, '').trim().toUpperCase().split(',')[0];\n\n\t\t\tconst dashless = itemData.sizeSort.split('-');\n\n\t\t\tif (dashless.length > 1 && dashless[0] !== '') {\n\t\t\t\titemData.sizeSort = String(dashless[0]).trim();\n\t\t\t}\n\n\t\t\tif (itemData.sizeSort !== '' && itemData.sizeSort !== null && itemData.sizeSort !== undefined) {\n\n\n\t\t\t\t//Check for numeric size (this matches 1, 1,11)\n\t\t\t\tlet isNumeric = String(parseFloat(itemData.sizeSort)) === itemData.sizeSort; //itemData.sizeSort.match(/^\\d+(,\\d+)?$/g) || itemData.sizeSort.match(/^\\d+(\\.\\d+)?$/g);\n\n\t\t\t\tconst letters = /[a-zA-ZöäåÖÄÅ]/;\n\t\t\t\tconst numbers = /\\d/;\n\t\t\t\tconst hasLetter = itemData.sizeSort.match(letters);\n\t\t\t\tconst hasNumbers = itemData.sizeSort.match(numbers);\n\n\t\t\t\tif (hasLetter && hasNumbers && !sizeTable.includes(itemData.sizeSort)) {\n\t\t\t\t\titemData.sizeSort = itemData.sizeSort.replace(/[^\\d.-]/g, '');\n\t\t\t\t\tisNumeric = true;\n\t\t\t\t} else if (!hasLetter && !hasNumbers) {\n\t\t\t\t\tisNumeric = false;\n\t\t\t\t}\n\n\t\t\t\t//Handle sizes with numbers only (e.g. 38, 40, 42)\n\t\t\t\tif (isNumeric) {\n\n\t\t\t\t\tconst numericSize = Number(itemData.sizeSort);\n\n\t\t\t\t\t//Add only unique sizes to list\n\t\t\t\t\tif (!numericSizes.includes(numericSize)) {\n\t\t\t\t\t\tnumericSizes.push(itemData);\n\t\t\t\t\t}\n\n\t\t\t\t\t//Handle letter sizes (e.g. S, M, L)\n\t\t\t\t} else if (sizeTable.includes(itemData.sizeSort)) {\n\t\t\t\t\tif (!letterSizes.includes(itemData.sizeSort)) {\n\t\t\t\t\t\tletterSizes.push(itemData);\n\t\t\t\t\t}\n\n\t\t\t\t\t//Mixed crap (e.g. 90D XLS XLL)\n\t\t\t\t} else {\n\n\t\t\t\t\tmixedSizes.push(itemData);\n\n\t\t\t\t}\n\n\t\t\t} else {\n\t\t\t\t//Something very weird crap (like missing size)\n\t\t\t\tmixedSizes.push(itemData);\n\t\t\t}\n\n\t\t}\n\n\t\t//Sort sizes\n\t\tletterSizes.sort((a, b) => {\n\t\t\tconst asize = sizeTable.indexOf(a.sizeSort);\n\t\t\tconst bsize = sizeTable.indexOf(b.sizeSort);\n\n\t\t\tif (asize === bsize) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\treturn (asize > bsize) ? 1 : -1;\n\t\t});\n\n\t\tnumericSizes.sort((a, b) => {\n\t\t\treturn Number(String(a.sizeSort).replace(',', '.')) - Number(String(b.sizeSort).replace(',', '.'));\n\t\t});\n\n\t\tmixedSizes.sort((a, b) => {\n\t\t\treturn a.sizeSort - b.sizeSort;\n\t\t});\n\n\t\t// Merge all three arrays\n\t\t// 1. numeric, 2. letter, 3. mixed\n\t\treturn [...numericSizes, ...letterSizes, ...mixedSizes];\n\t}\n}\n\nexport default new ProductSizeSorter();","'use strict';\n\n/* global dataLayer */\n\nimport Mustache from 'mustache';\nimport FractionsTools from '../util/fractions-helper';\nimport SizeSorter from '../product/product-size-sorter';\nimport Templates from './loop54-templates';\nimport $ from 'jquery';\n\nlet Settings = {};\nlet State = {};\n\nlet Loop54FiltersProxy = {};\n\nclass Loop54FiltersHandler {\n\n\tconstructor(view, settings, state) {\n\t\tthis.view = view;\n\n\t\tif (settings) {\n\t\t\tthis.settings = settings;\n\t\t}\n\n\t\tif (state) {\n\t\t\tthis.state = state;\n\t\t}\n\n\t\tLoop54FiltersProxy = this;\n\t}\n\n\tset settings(settings) {\n\t\tSettings = settings;\n\t}\n\n\tget settings() {\n\t\treturn Settings;\n\t}\n\n\tset state(state) {\n\t\tState = state;\n\t}\n\n\tget state() {\n\t\treturn State;\n\t}\n\n\tgetCurrentFacets(clearFacets) {\n\n\t\tconst possibleFacets = {};\n\n\t\tfor (const possibleFacet of (Settings.views[this.view].possibleFacets || [])) {\n\t\t\tpossibleFacets[possibleFacet] = [];\n\t\t}\n\n\t\tif (State.views[this.view].params.selectedFacets && !clearFacets) {\n\t\t\tfor (const facet of Object.keys(State.views[this.view].params.selectedFacets)) {\n\t\t\t\tif (possibleFacets[facet]) {\n\t\t\t\t\tpossibleFacets[facet] = State.views[this.view].params.selectedFacets[facet];\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tState.views[this.view].params.selectedFacets = {};\n\t\t\tif (State.views[this.view].elems.searchFacets) {\n\t\t\t\tconst selectedFacetsBar = State.views[this.view].elems.searchFacets.querySelector('.js-selected-facets-bar');\n\t\t\t\tif (selectedFacetsBar) {\n\t\t\t\t\tselectedFacetsBar.classList.remove('has-facets');\n\t\t\t\t\tselectedFacetsBar.innerHTML = '';\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst userFacets = Object.keys(possibleFacets).map(facet => {\n\t\t\tconst facetObject = {\n\t\t\t\tattributeName: facet\n\t\t\t};\n\n\t\t\tif (possibleFacets[facet].length > 0) {\n\t\t\t\tfacetObject.selected = possibleFacets[facet];\n\t\t\t}\n\n\t\t\treturn facetObject;\n\t\t});\n\n\t\tState.views[this.view].params.userFacets = userFacets;\n\n\t\treturn State.views[this.view].params.userFacets;\n\n\t}\n\n\tresetFacets() {\n\t\tif (State.views[this.view].elems.searchFacets) {\n\n\t\t\tfor (const option of State.views[this.view].elems.searchFacets.querySelectorAll('.js-selected-facets-bar .facet-option.open')) {\n\t\t\t\toption.classList.remove('.open');\n\t\t\t}\n\n\t\t\tif (State.views[this.view].elems.searchFacets.dataset.selectedFacets !== '{}') {\n\t\t\t\tState.views[this.view].elems.searchFacets.dataset.skipFacetUpdate = true;\n\t\t\t\tState.views[this.view].params.selectedFacets = {};\n\t\t\t\tState.views[this.view].elems.searchFacets.dataset.selectedFacets = '{}';\n\t\t\t}\n\n\t\t}\n\n\t\tthis.facetsToUrlParams();\n\t\tthis.updateRobotsMetaTag();\n\t}\n\n\t/**\n\t * Convert facets to url params. We try to sort the facets and values so that urls would always be the same\n\t * regardless of in what order user selected facets.\n\t */\n\tfacetsToUrlParams() {\n\n\t\tif (State.firstLoad || !Settings.isCategory) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst selectedFacets = State.views[this.view].params.selectedFacets;\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tconst lookups = Settings.views[this.view].lookups || {};\n\t\tconst facets = [];\n\n\t\tconst idFacets = ['targetGroups', 'mainColour', 'brand'];\n\t\tconst idParams = {\n\t\t\ttargetGroups: new Set(),\n\t\t\tmainColour: new Set(),\n\t\t\tbrand: new Set()\n\t\t};\n\n\t\tconst urlFacets = {};\n\n\t\tfor (const [facet, values] of Object.entries(selectedFacets)) {\n\t\t\tconst mappedFacet = lookups[facet];\n\n\t\t\tif (idFacets.includes(facet) && (mappedFacet !== undefined)) {\n\n\t\t\t\tfor (const value of values) {\n\t\t\t\t\tlet mappedValue = mappedFacet[value];\n\n\t\t\t\t\tif (mappedValue) {\n\t\t\t\t\t\tidParams[facet].add(mappedFacet[value]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\turlFacets[facet] = [...values].sort();\n\t\t\t\tfacets.push(`${facet}${Settings.facetsParamNameSeparator}${values.join(Settings.facetsParamValueSeparator)}`);\n\t\t\t}\n\t\t}\n\n\t\tconst idParamsString = idFacets.flatMap(idParam => Array.from(idParams[idParam]).sort()).filter(Boolean).join('-');\n\n\t\tif (idParamsString) {\n\t\t\turlParams.set(Settings.idParam, idParamsString);\n\t\t} else {\n\t\t\turlParams.delete(Settings.idParam);\n\t\t}\n\n\t\tlet rawOrderBy = String(State?.views[this.view]?.elems?.orderBy?.value);\n\n\t\tif (Settings.views.products.sortOrder) {\n\t\t\tif (rawOrderBy !== Settings.views.products.sortOrder) {\n\t\t\t\turlParams.set(Settings.orderParam, rawOrderBy || 'default');\n\t\t\t} else {\n\t\t\t\turlParams.delete(Settings.orderParam);\n\t\t\t}\n\t\t} else {\n\t\t\tif (rawOrderBy) {\n\t\t\t\turlParams.set(Settings.orderParam, rawOrderBy);\n\t\t\t} else {\n\t\t\t\turlParams.delete(Settings.orderParam);\n\t\t\t}\n\t\t}\n\n\n\t\tif (Object.keys(urlFacets).length > 0) {\n\t\t\turlParams.set(Settings.facetsParam, JSON.stringify(Object.fromEntries(Object.entries(urlFacets).sort())));\n\t\t} else {\n\t\t\turlParams.delete(Settings.facetsParam);\n\t\t}\n\n\t\turlParams.sort();\n\t\tconst urlParamsString = urlParams.toString();\n\n\t\thistory.replaceState(null, '', urlParamsString ? '?' + urlParamsString : window.location.pathname);\n\n\t}\n\n\t/**\n\t * Convert url params to facets.\n\t *\n\t * @returns {Object} Facets.\n\t */\n\tgetUrlFacets() {\n\n\t\tif (State.firstLoad && Settings.isCategory) {\n\t\t\tthis.updateRobotsMetaTag(Settings.views[this.view].noIndex);\n\t\t}\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tconst facets = urlParams.get(Settings.facetsParam);\n\n\t\tlet parsedFacets = {};\n\n\t\tif (facets) {\n\t\t\ttry {\n\t\t\t\tparsedFacets = JSON.parse(facets);\n\t\t\t} catch (error) {\n\t\t\t\turlParams.delete(Settings.facetsParam);\n\t\t\t\tconst urlParamsString = urlParams.toString();\n\t\t\t\thistory.replaceState(null, '', urlParamsString ? '?' + urlParamsString : window.location.pathname);\n\t\t\t\treturn {};\n\t\t\t}\n\t\t}\n\n\t\tif (!((typeof parsedFacets === 'object') && parsedFacets)) {\n\t\t\treturn {};\n\t\t}\n\n\t\treturn parsedFacets;\n\n\t}\n\n\twriteFacets(facets, skipFacetUpdate) {\n\t\tif (State.views[this.view].elems.searchFacets) {\n\t\t\tif (skipFacetUpdate) {\n\t\t\t\tState.views[this.view].elems.searchFacets.dataset.skipFacetUpdate = true;\n\t\t\t\tState.views[this.view].params.selectedFacets = facets;\n\t\t\t}\n\n\t\t\tState.views[this.view].elems.searchFacets.dataset.selectedFacets = JSON.stringify(State.views[this.view].params.selectedFacets);\n\t\t}\n\t}\n\n\tcloseFilterDropdowns() {\n\t\tfor (const openDropdown of document.querySelectorAll('.facet-option.open')) {\n\t\t\topenDropdown.classList.remove('open');\n\t\t}\n\t\tdocument.body.classList.remove('prevent-scroll-mobile');\n\t\tif (State.views[this.view].filterBlurListener) {\n\t\t\tdocument.body.removeEventListener('click', State.views[this.view].filterBlurListener);\n\t\t\tState.views[this.view].filterBlurListener = false;\n\t\t}\n\t\t//State.openFilter = false;\n\t}\n\n\tfilterDropdownListener(remove) {\n\t\tif (remove) {\n\t\t\tif (State.views[this.view].filterBlurListener) {\n\t\t\t\tdocument.body.removeEventListener('click', State.views[this.view].filterBlurListener);\n\t\t\t\tState.views[this.view].filterBlurListener = false;\n\t\t\t}\n\t\t} else {\n\t\t\tif (!State.views[this.view].filterBlurListener) {\n\t\t\t\tState.views[this.view].filterBlurListener = (e) => {\n\t\t\t\t\tif (!e.target.closest('.facet-option.open, .facet-container') && !e.target.classList.contains('open-facet-options') || e.target.classList.contains('close-facet-options')) {\n\t\t\t\t\t\tLoop54FiltersProxy.closeFilterDropdowns();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tdocument.body.addEventListener('click', State.views[this.view].filterBlurListener);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Update meta tag for robots if facets are applied.\n\t *\n\t * @param {boolean} [noIndexState] - Whether to set the meta tag to noindex or remove it. If not given, the meta tag will be set to noindex if facets are applied, and removed if not.\n\t */\n\tupdateRobotsMetaTag(noIndexState) {\n\n\t\tif (!Settings.isCategory) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet metaTag = document.querySelector('meta[name=\"robots\"]');\n\t\t//let noIndex = Object.keys(State.views[this.view].params.selectedFacets).length > 0;\n\t\tlet noIndex = false;\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\t\tif (urlParams.get(Settings.orderParam) || urlParams.get(Settings.idParam) || urlParams.get(Settings.facetsParam)) {\n\t\t\tnoIndex = true;\n\t\t}\n\n\t\tif (typeof noIndexState === 'boolean') {\n\t\t\tnoIndex = noIndexState;\n\t\t}\n\n\t\tif (metaTag) {\n\t\t\tif (noIndex) {\n\t\t\t\tmetaTag.content = 'noindex';\n\t\t\t} else {\n\t\t\t\tmetaTag.remove();\n\t\t\t}\n\t\t} else {\n\t\t\tif (noIndex) {\n\t\t\t\tconst newMetaTag = document.createElement('meta');\n\t\t\t\tnewMetaTag.name = 'robots';\n\t\t\t\tnewMetaTag.content = 'noindex';\n\t\t\t\tdocument.head.appendChild(newMetaTag);\n\t\t\t}\n\t\t}\n\t}\n\n\n\tupdateFacets(actionObject, skipFacetUpdate) {\n\n\t\tif ((actionObject.action === 'removeFacet') && actionObject.clearAll) {\n\n\t\t\tState.views[this.view].params.selectedFacets = {};\n\n\t\t} else if ((actionObject.action === 'facet') || (actionObject.action === 'removeFacet' && !actionObject.clearAll)) {\n\t\t\tif (!State.views[this.view].params.selectedFacets[actionObject.facet]) {\n\t\t\t\tState.views[this.view].params.selectedFacets[actionObject.facet] = [];\n\t\t\t}\n\n\t\t\tif (actionObject.checked) {\n\t\t\t\tState.views[this.view].params.selectedFacets[actionObject.facet].push(actionObject.value);\n\t\t\t} else {\n\t\t\t\tState.views[this.view].params.selectedFacets[actionObject.facet] = State.views[this.view].params.selectedFacets[actionObject.facet].filter(value => !(value === actionObject.value));\n\t\t\t}\n\n\t\t\t// This will filter out results that do not apply.\n\t\t\t// For example it [\"Miehet\", \"Naiset\"] were preloaded facets, but the\n\t\t\t// results would only contain \"Miehet\", this will then remove \"Naiset\".\n\t\t\tif (Settings.isCategory && State.views[this.view].remoteFacets) {\n\t\t\t\tconst remoteFacetValues = State.views[this.view].remoteFacets[actionObject.facet]\n\n\t\t\t\tState.views[this.view].params.selectedFacets[actionObject.facet] = State.views[this.view].params.selectedFacets[actionObject.facet].filter(selectedFacetValue => remoteFacetValues.includes(selectedFacetValue));\n\t\t\t}\n\n\t\t\tif (State.views[this.view].params.selectedFacets[actionObject.facet].length === 0) {\n\t\t\t\tdelete State.views[this.view].params.selectedFacets[actionObject.facet];\n\t\t\t}\n\n\t\t}\n\n\t\t// Hack for disabling shop availability filter when sizes are selected and vice versa.\n\t\t// Filter work as colour level but these are ean level filters and we can't mix them.\n\t\tif (State.views[this.view]?.elems?.searchFacets) {\n\t\t\tconst shopFilter = State.views[this.view].elems.searchFacets.querySelector('.facets-bar .facet-option[data-facet=\"sizes\"]');\n\t\t\tif (shopFilter) {\n\t\t\t\tif (State.views[this.view].params.selectedFacets.shopAvailability) {\n\t\t\t\t\tshopFilter.classList.add('hidden');\n\t\t\t\t} else {\n\t\t\t\t\tshopFilter.classList.remove('hidden');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst sizesFilter = State.views[this.view].elems.searchFacets.querySelector('.facets-bar .facet-option[data-facet=\"shopAvailability\"]');\n\t\t\tif (sizesFilter) {\n\t\t\t\tif (State.views[this.view].params.selectedFacets.sizes) {\n\t\t\t\t\tsizesFilter.classList.add('hidden');\n\t\t\t\t} else {\n\t\t\t\t\tsizesFilter.classList.remove('hidden');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.writeFacets(State.views[this.view].params.selectedFacets, skipFacetUpdate);\n\t\tthis.updateRobotsMetaTag();\n\t\tthis.facetsToUrlParams();\n\n\t\treturn this.getCurrentFacets();\n\n\t}\n\n\tupdateOrderBy() {\n\t\tlet rawOrderBy = String(State?.views[this.view]?.elems?.orderBy?.value);\n\t\tconst [orderBy, order] = rawOrderBy.split('-');\n\t\tif (orderBy) {\n\t\t\tState.views[this.view].params.orderBy = [{ type: 'attribute', attributeName: orderBy, order: order || 'asc' }];\n\t\t} else {\n\t\t\tState.views[this.view].params.orderBy = false;\n\t\t}\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tif (!State.firstLoad && Settings.isCategory) {\n\n\t\t\tif (Settings.views.products.sortOrder) {\n\t\t\t\tif (rawOrderBy !== Settings.views.products.sortOrder) {\n\t\t\t\t\turlParams.set(Settings.orderParam, rawOrderBy || 'default');\n\t\t\t\t} else {\n\t\t\t\t\turlParams.delete(Settings.orderParam);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (orderBy && order) {\n\t\t\t\t\turlParams.set(Settings.orderParam, rawOrderBy);\n\t\t\t\t} else {\n\t\t\t\t\turlParams.delete(Settings.orderParam);\n\t\t\t\t}\n\t\t\t}\n\n\n\n\t\t\turlParams.sort();\n\t\t\tconst urlParamsString = urlParams.toString();\n\n\t\t\thistory.replaceState(null, '', urlParamsString ? '?' + urlParamsString : window.location.pathname);\n\t\t\tthis.updateRobotsMetaTag();\n\t\t}\n\n\t\treturn State.views[this.view].params.orderBy;\n\t}\n\n\thandleFacets(data, reset) {\n\t\t// Currently only products, handle different views if neccessary\n\t\tif (!['products', 'category'].includes(this.view)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!data) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (!(data.results && data.results.facets)) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst facets = data.results.facets;\n\n\t\tState.views[this.view].remoteFacets = (facets || []).reduce((facetsLookup, facet) => {\n\n\t\t\tfacetsLookup[facet.name] = facet.items.map(item => item.item);\n\n\t\t\treturn facetsLookup;\n\t\t}, {});\n\n\t\tif (State.views[this.view].elems.searchFacets) {\n\n\t\t\tconst facetsBar = State.views[this.view].elems.searchFacets.querySelector('.js-facets-bar');\n\n\t\t\tconst checkboxBarFilterTemplate = Templates.checkboxBarFilter;\n\t\t\tMustache.parse(checkboxBarFilterTemplate);\n\n\t\t\tconst filterTemplate = Templates.filter;\n\t\t\tconst checkboxTemplate = Templates.checkboxTemplate;\n\t\t\tMustache.parse(filterTemplate);\n\t\t\tMustache.parse(checkboxTemplate);\n\n\t\t\tconst possibleFacets = Settings.views[this.view].possibleFacets || [];\n\n\t\t\tif (!State.views[this.view].elems.searchFacets.querySelector('.facet-option') || reset) {\n\t\t\t\tlet defaultFilters = '';\n\n\t\t\t\tfor (const facet of possibleFacets) {\n\t\t\t\t\tif (Settings.views[this.view].filterbarFacets.includes(facet)) {\n\t\t\t\t\t\tdefaultFilters += Mustache.render(filterTemplate, { name: facet, disabled: true }, { checkboxTemplate });\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (facetsBar) {\n\t\t\t\t\tfacetsBar.innerHTML = defaultFilters;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet facetLookup = {};\n\t\t\tif (facetsBar) {\n\t\t\t\tfacetLookup = Array.from(facetsBar.querySelectorAll('.facet-option')).reduce((acc, facet) => {\n\t\t\t\t\tconst facetName = facet.dataset.facet;\n\t\t\t\t\tif (facetName) {\n\t\t\t\t\t\tif (acc[facetName] === undefined) {\n\t\t\t\t\t\t\tacc[facetName] = {};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tacc[facetName] = facet;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn acc;\n\t\t\t\t}, {});\n\t\t\t}\n\n\t\t\tlet selectedFacets = [];\n\n\t\t\tconst selectedFacetsTemplate = Templates.selectedFacets;\n\t\t\tMustache.parse(selectedFacetsTemplate);\n\n\t\t\tlet visibleFacets = false;\n\t\t\t// let checkboxBarHtml = '';\n\n\t\t\tconst renderedFacets = [];\n\n\t\t\tfor (const facet of facets) {\n\n\t\t\t\tfacet.facetName = String(Settings.facetNameMapping[facet.name] || facet.name);\n\t\t\t\tif (facet.facetName.includes('|')) {\n\t\t\t\t\t// eslint-disable-next-line no-unused-vars\n\t\t\t\t\tconst [additionalFieldType, additionalFieldName] = facet.facetName.split('|');\n\t\t\t\t\tif (additionalFieldName) {\n\t\t\t\t\t\tfacet.facetName = additionalFieldName;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t\tif (facet.items.length === 1) {\n\t\t\t\t\tif ((facet.items[0].count >= data?.results?.count)) {\n\t\t\t\t\t\t// Don't show facets that apply to every product unless it is selected.\n\t\t\t\t\t\tif (!facet.items[0].selected) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tfacet.selectedCount = 0;\n\t\t\t\tfacet.items = facet.items.map(item => {\n\t\t\t\t\titem.sort = String(item.item).toLowerCase().trim().replace(/\\W/g, '') || '';\n\t\t\t\t\titem.id = String(String(facet.name).trim() + '-' + String(item.item).trim().replace(/\\W/g, '-'));\n\t\t\t\t\tif (facet.name === 'sizes') {\n\t\t\t\t\t\titem.sizeSort = FractionsTools.fractionToDecimal(String(item.item).toLowerCase().trim());\n\t\t\t\t\t\titem.filterName = FractionsTools.convertToHtmlFractions(item.item);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (facet.name === 'mainColour') {\n\t\t\t\t\t\tconst [name, hex] = String(item.item).split('|:|');\n\t\t\t\t\t\titem.filterName = name;\n\t\t\t\t\t\titem.colorMark = hex;\n\n\t\t\t\t\t\t// Add border for white (Valkoinen) and colorless (Väritön)\n\t\t\t\t\t\tif (hex === '#ffffff') {\n\t\t\t\t\t\t\titem.colorWithBorder = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (item.selected) {\n\t\t\t\t\t\tfacet.selectedCount++;\n\t\t\t\t\t\titem.facetId = facet.name;\n\t\t\t\t\t\titem.facetName = facet.facetName;\n\t\t\t\t\t\titem.checked = true;\n\t\t\t\t\t\tselectedFacets.push(item);\n\t\t\t\t\t}\n\n\t\t\t\t\t// For checkbox template\n\t\t\t\t\tlet checkboxName = String(item.filterName || item.item);\n\t\t\t\t\titem.labelTitle = checkboxName;\n\t\t\t\t\titem.label = checkboxName;\n\t\t\t\t\titem.value = item.item;\n\t\t\t\t\titem.dataAttributes = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'is-facet',\n\t\t\t\t\t\t\tvalue: 'true'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'value',\n\t\t\t\t\t\t\tvalue: item.item\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'facet',\n\t\t\t\t\t\t\tvalue: facet.name\n\t\t\t\t\t\t}\n\t\t\t\t\t];\n\n\t\t\t\t\treturn item;\n\t\t\t\t});\n\n\t\t\t\tif (facet.selectedCount === 0) {\n\t\t\t\t\tfacet.selectedCount = false;\n\t\t\t\t}\n\n\t\t\t\tif (facet.name === 'sizes') {\n\t\t\t\t\tfacet.items = SizeSorter.sortProductSizes(facet.items);\n\t\t\t\t} else if (facet.name === 'targetGroups') {\n\n\t\t\t\t\tconst targetGroupsOrder = Settings.targetGroupsOrder;\n\n\t\t\t\t\tfacet.items = facet.items.sort((a, b) => targetGroupsOrder[a.item || 99] - targetGroupsOrder[b.item || 99]);\n\t\t\t\t} else {\n\t\t\t\t\tfacet.items = facet.items.sort((a, b) => {\n\t\t\t\t\t\tlet _a = +a.sort;\n\t\t\t\t\t\tlet _b = +b.sort;\n\t\t\t\t\t\tconst aIsNumber = !Number.isNaN(_a);\n\t\t\t\t\t\tconst bIsNumber = !Number.isNaN(_b);\n\t\t\t\t\t\tif (aIsNumber && bIsNumber) {\n\t\t\t\t\t\t\treturn _a - _b;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn a.sort.localeCompare(b.sort, 'fi', { sensitivity: 'base' });\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tif (facet.items.length > 0) {\n\t\t\t\t\tfacet.onlyOptions = true;\n\t\t\t\t\tif (facetLookup[facet.name]) {\n\t\t\t\t\t\trenderedFacets.push(facet.name);\n\t\t\t\t\t\tif (facetLookup[facet.name] && facetLookup[facet.name].classList.contains('open')) {\n\t\t\t\t\t\t\t// Prevent re-rendering open dropdown.\n\t\t\t\t\t\t\tconst dropdownButton = facetLookup[facet.name].querySelector('.open-facet-options');\n\t\t\t\t\t\t\tif (dropdownButton) {\n\t\t\t\t\t\t\t\tfacet.buttonContentOnly = true;\n\t\t\t\t\t\t\t\tdropdownButton.innerHTML = String(Mustache.render(filterTemplate, facet, { checkboxTemplate })).trim();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tfacetLookup[facet.name].innerHTML = Mustache.render(filterTemplate, facet, { checkboxTemplate });\n\t\t\t\t\t\t\tfacetLookup[facet.name].classList.remove('disabled');\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvisibleFacets = true;\n\t\t\t\t\t}\n\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t// Disable filters that didn't apply.\n\t\t\tfor (const facet of Object.keys(facetLookup)) {\n\t\t\t\tif (!renderedFacets.includes(facet) && facetLookup[facet]) {\n\t\t\t\t\tfacetLookup[facet].classList.add('disabled');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// State.params.allFacets = JSON.parse(JSON.stringify(facets)); // Not sure we use this anywhere?\n\n\t\t\tif (State.views[this.view].elems.searchFacets) {\n\t\t\t\t/*\n\t\t\t\tconst checkboxBar = State.views[this.view].elems.searchFacets.querySelector('.js-checkbox-bar');\n\t\t\t\tif (checkboxBar) {\n\t\t\t\t\tcheckboxBar.innerHTML = checkboxBarHtml;\n\t\t\t\t\tif (!checkboxBarHtml) {\n\t\t\t\t\t\tcheckboxBar.classList.add('no-facets');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcheckboxBar.classList.remove('no-facets');\n\t\t\t\t\t}\n\t\t\t\t} */\n\n\t\t\t\tif (facetsBar) {\n\t\t\t\t\tif (visibleFacets) {\n\t\t\t\t\t\tfacetsBar.classList.remove('no-facets');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfacetsBar.classList.add('no-facets');\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst selectedFacetsBar = State.views[this.view].elems.searchFacets.querySelector('.js-selected-facets-bar');\n\n\t\t\t\tif (selectedFacetsBar) {\n\t\t\t\t\tif (selectedFacets.length > 0) {\n\t\t\t\t\t\tselectedFacetsBar.classList.add('has-facets');\n\t\t\t\t\t\tselectedFacetsBar.innerHTML = Mustache.render(selectedFacetsTemplate, selectedFacets);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tselectedFacetsBar.classList.remove('has-facets');\n\t\t\t\t\t\tselectedFacetsBar.innerHTML = '';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif (facetsBar) {\n\t\t\t\tconst openFacetOption = facetsBar.querySelector('.facet-option.open');\n\t\t\t\tif (openFacetOption) {\n\t\t\t\t\tfacetsBar.scrollTo(openFacetOption.offsetLeft - 20, 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (State.views[this.view].elems.content.querySelector('.facet-option.open')) {\n\t\t\t\t$('.top-ad-bar.full').trigger('close-full-ad-bar');\n\t\t\t\tdocument.body.classList.add('prevent-scroll-mobile');\n\t\t\t} else {\n\t\t\t\tdocument.body.classList.remove('prevent-scroll-mobile');\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\nexport default Loop54FiltersHandler;\n","'use strict';\n\n/* global dataLayer, __productListingSettings */\n\nimport Mustache from 'mustache';\nimport Loop54Connector from './loop54-connector';\nimport Loop54FiltersHandler from './loop54-filters-handler'; // Currently only works with products\nimport Templates from './loop54-templates';\n\nlet Settings = {\n\tshowSuggestionsAfter: 150,\n\tupdateFiltersAfter: 500,\n\tminSuggestionLetters: 2,\n\tendpoint: false, // relative url\n\tsearchMakesNoSenseText: 'Valitettavasti emme ymmärtäneet hakuasi',\n\tstateStoreKey: 'ListingStatesStore',\n\tsearchParamKey: 'searchParam',\n\tsearchScopeTermKey: 'searchScopeTerm',\n\tsearchScopeKey: 'searchScope',\n\tpageParam: 'sivu',\n\tidParam: 'id',\n\tfacetsParam: 'userFacets',\n\torderParam: 'orderBy',\n\tsearchQueryParam: 'q',\n\tscopedQueryParam: 'scoped',\n\tscopeParam: 'scope',\n\ttitleSuffix: '| Intersport',\n\tloop54Mode: 'search', // or 'category'\n\tisCategory: false,\n\tcurrentCategory: false,\n\tpageContainers: {\n\t\tsearch: '#search-page',\n\t\tcategory: '#o-product-listing'\n\t},\n\tviews: {\n\t\tproducts: {\n\t\t\tid: 'products-tab',\n\t\t\tcontentId: 'products-tab-content',\n\t\t\titemsPerPage: 30,\n\t\t\tmaxItems: false,\n\t\t\tsingularLabel: 'tuote',\n\t\t\tpluralLabel: 'tuotetta',\n\t\t\tsortOrder: '',\n\t\t\t// Note: Settings can override this. Also \"default\" sort option will always mean Loop54 sorting.\n\t\t\tsortOptions: [\n\t\t\t\t'popularity-desc',\n\t\t\t\t'newUntil-desc',\n\t\t\t\t'brand-asc',\n\t\t\t\t'brand-desc',\n\t\t\t\t'currentPrice-asc',\n\t\t\t\t'currentPrice-desc',\n\t\t\t\t'ovhComparisonPercent-desc'\n\t\t\t],\n\t\t\t// This is also facet order.\n\t\t\tpossibleFacets: [\n\t\t\t\t'targetGroups',\n\t\t\t\t'sizes',\n\t\t\t\t'brand',\n\t\t\t\t'mainColour',\n\t\t\t\t'sustainability',\n\t\t\t\t'productType',\n\t\t\t\t'category',\n\t\t\t\t'subcategory',\n\t\t\t\t'sports',\n\t\t\t\t// 'technologies',\n\t\t\t\t'shopAvailability'\n\t\t\t],\n\t\t\tfilterbarFacets: [\n\t\t\t\t'targetGroups',\n\t\t\t\t'sizes',\n\t\t\t\t'brand',\n\t\t\t\t'mainColour',\n\t\t\t\t'sustainability',\n\t\t\t\t'productType',\n\t\t\t\t'category',\n\t\t\t\t'subcategory',\n\t\t\t\t'sports',\n\t\t\t\t// 'technologies',\n\t\t\t\t'shopAvailability'\n\t\t\t],\n\t\t\tscopedTerms: true,\n\t\t\t// Append product name\n\t\t\tproductAdditons: {},\n\t\t\tlookups: {}\n\t\t},\n\t\tarticles: {\n\t\t\tid: 'articles-tab',\n\t\t\tcontentId: 'articles-tab-content',\n\t\t\titemsPerPage: 18,\n\t\t\tsingularLabel: 'artikkeli',\n\t\t\tpluralLabel: 'artikkelia',\n\t\t\tpossibleFacets: [],\n\t\t\tfilterbarFacets: [],\n\t\t\tscopedTerms: false\n\t\t},\n\t\tshops: {\n\t\t\tid: 'shops-tab',\n\t\t\tcontentId: 'shops-tab-content',\n\t\t\titemsPerPage: 18,\n\t\t\tsingularLabel: 'kauppa',\n\t\t\tpluralLabel: 'kauppaa',\n\t\t\tpossibleFacets: [],\n\t\t\tfilterbarFacets: [],\n\t\t\tscopedTerms: false\n\t\t}\n\t},\n\tfacetNameMapping: {\n\t\ttargetGroups: 'Kohderyhmä',\n\t\tcategory: 'Kategoria',\n\t\tsubcategory: 'Alakategoria',\n\t\tbrand: 'Brändi',\n\t\tsports: 'Laji',\n\t\tproductType: 'Tuotetyyppi',\n\t\tmainColour: 'Väri',\n\t\tsizes: 'Koko',\n\t\tsustainability: 'Vastuullisuus',\n\t\tshopAvailability: 'Kauppasaatavuus',\n\t\ttechnologies: 'Teknologiat',\n\t},\n\ttargetGroupsOrder: {\n\t\t'Aikuiset': 0,\n\t\t'Naiset': 1,\n\t\t'Miehet': 2,\n\t\t'Nuoret': 3,\n\t\t'Tytöt': 4,\n\t\t'Pojat': 5,\n\t\t'Lapset': 6\n\t},\n\tshowMaxSuggestions: 9, // suggestions and scoped suggestions combined.\n\tshowMaxScopedSuggestions: 3, // Max scoped suggestions\n\tloop54Options: {\n\t\tsearch: {\n\t\t\tresultsOptions: {\n\t\t\t\tskip: 0,\n\t\t\t\ttake: 30\n\t\t\t},\n\t\t\trelatedResultsOptions: {\n\t\t\t\tskip: 0,\n\t\t\t\ttake: 10\n\t\t\t},\n\t\t\tspellingSuggestionsOptions: {\n\t\t\t\tskip: 0,\n\t\t\t\ttake: 6\n\t\t\t},\n\t\t\trelatedQueriesOptions: {\n\t\t\t\tskip: 0,\n\t\t\t\ttake: 6\n\t\t\t},\n\t\t\tcustomData: {\n\t\t\t\tpageResultsOptions: {\n\t\t\t\t\tskip: 0,\n\t\t\t\t\ttake: 18\n\t\t\t\t},\n\t\t\t\tshopResultsOptions: {\n\t\t\t\t\tskip: 0,\n\t\t\t\t\ttake: 18\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\tcategory: {\n\t\t\tresultsOptions: {\n\t\t\t\tskip: 0,\n\t\t\t\ttake: 30\n\t\t\t},\n\t\t\t/*\tfilter: {\n\t\t\t\t\tand: [\n\t\t\t\t\t\t{ attributeName: 'category' },\n\t\t\t\t\t\t{ type: 'attribute', attributeName: 'targetGroups', value: 'Miehet' }\n\t\t\t\t\t]\n\t\t\t\t} */\n\t\t},\n\t\t//suggestions: { skip: 0, take: 10, customData: { directSearch: true } }\n\t\tsuggestions: { skip: 0, take: 9 }\n\t}\n};\n\n\nif (typeof __productListingSettings === 'object') {\n\n\tconst addViewSettings = (view) => {\n\t\tfor (const key of Object.keys(__productListingSettings[view])) {\n\t\t\tSettings.views[view][key] = __productListingSettings[view][key];\n\t\t}\n\t\tdelete __productListingSettings[view];\n\t}\n\n\tif (__productListingSettings.products) {\n\t\taddViewSettings('products');\n\t}\n\n\tif (__productListingSettings.articles) {\n\t\taddViewSettings('articles');\n\t}\n\n\tif (__productListingSettings.shops) {\n\t\taddViewSettings('shops');\n\t}\n\n\tfor (const key of Object.keys(__productListingSettings)) {\n\t\tSettings[key] = __productListingSettings[key];\n\t}\n}\n\n\n\nlet State = {\n\t// General elements\n\tsearchBoxes: false,\n\tsearchButtons: false,\n\tpage: false,\n\tsearchContainer: false,\n\tnoSearchText: false,\n\n\tsearchBoxDesktop: false,\n\tsearchBoxMobile: false,\n\trelatedQueries: false,\n\tspellingSuggestions: false,\n\tsearchText: false,\n\tsearchTextScoped: false,\n\tmakesSense: false,\n\tsuggestions: false,\n\n\t// View specific stuff.\n\tviews: {\n\t\tproducts: {\n\t\t\ttype: 'product',\n\t\t\ttemplate: '',\n\t\t\tfilterBlurListener: false,\n\t\t\tloop54FiltersHandler: false,\n\t\t\thasMoreResults: false,\n\t\t\telems: {\n\t\t\t\telem: false,\n\t\t\t\tcontent: false,\n\t\t\t\tsearchFacets: false,\n\t\t\t\tresults: false,\n\t\t\t\trelatedSearchResultsContainer: false,\n\t\t\t\trelatedResults: false,\n\t\t\t\tshowMoreResults: false,\n\t\t\t\torderBy: false,\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\tcurrentIndex: 0,\n\t\t\t\tcurrentItemsCount: 0,\n\t\t\t\tallItemsCount: 0,\n\t\t\t\torderBy: false,\n\t\t\t\tuserFacets: [],\n\t\t\t\tselectedFacets: {}\n\t\t\t},\n\t\t\tfetchedFacets: false\n\t\t},\n\t\tarticles: {\n\t\t\ttype: 'article',\n\t\t\ttemplate: '',\n\t\t\tfilterBlurListener: false,\n\t\t\tloop54FiltersHandler: false,\n\t\t\thasMoreResults: false,\n\t\t\telems: {\n\t\t\t\telem: false,\n\t\t\t\tcontent: false,\n\t\t\t\tsearchFacets: false,\n\t\t\t\tresults: false,\n\t\t\t\trelatedSearchResultsContainer: false,\n\t\t\t\trelatedResults: false,\n\t\t\t\tshowMoreResults: false,\n\t\t\t\torderBy: false,\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\tcurrentIndex: 0,\n\t\t\t\tcurrentItemsCount: 0,\n\t\t\t\tallItemsCount: 0,\n\t\t\t\torderBy: false,\n\t\t\t\tuserFacets: [],\n\t\t\t\tselectedFacets: {}\n\t\t\t}\n\t\t},\n\t\tshops: {\n\t\t\ttype: 'shop',\n\t\t\ttemplate: '',\n\t\t\tfilterBlurListener: false,\n\t\t\tloop54FiltersHandler: false,\n\t\t\thasMoreResults: false,\n\t\t\telems: {\n\t\t\t\telem: false,\n\t\t\t\tcontent: false,\n\t\t\t\tsearchFacets: false,\n\t\t\t\tresults: false,\n\t\t\t\trelatedSearchResultsContainer: false,\n\t\t\t\trelatedResults: false,\n\t\t\t\tshowMoreResults: false,\n\t\t\t\torderBy: false,\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\tcurrentIndex: 0,\n\t\t\t\tcurrentItemsCount: 0,\n\t\t\t\tallItemsCount: 0,\n\t\t\t\torderBy: false,\n\t\t\t\tuserFacets: [],\n\t\t\t\tselectedFacets: {}\n\t\t\t}\n\t\t}\n\t},\n\tactiveView: 'products', // Initial view\n\tclient: new Loop54Connector(),\n\tsearchController: false,\n\tsuggestionsController: false,\n\thasSuggestionListener: false,\n\tparams: {\n\t\t// allFacets: [],\n\t\tsuggestionsQuery: '',\n\t\tsearchTerm: '',\n\t\tscopedTerm: false,\n\t\tscope: false,\n\t\tpage: false\n\t},\n\trestoreState: false,\n\thadPageParam: false,\n\tfirstLoad: true,\n\tcache: {}\n};\n\nlet Loop54SearchProxy = {};\n\nclass Loop54Search {\n\n\tconstructor(settings, state) {\n\n\t\tif (settings) {\n\t\t\tthis.settings = settings;\n\t\t}\n\n\t\tif (state) {\n\t\t\tthis.state = state;\n\t\t}\n\n\t\tLoop54SearchProxy = this;\n\n\t}\n\n\tset settings(settings) {\n\t\tSettings = settings;\n\t}\n\n\t/*get loop54FiltersHandler() {\n\t\treturn loop54FiltersHandler;\n\t}*/\n\n\tget settings() {\n\t\treturn Settings;\n\t}\n\n\tset state(state) {\n\t\tState = state;\n\t}\n\n\tget state() {\n\t\treturn State;\n\t}\n\n\tgetElements(containerOnly) {\n\n\t\tif (containerOnly) {\n\t\t\treturn document.querySelector(Settings.pageContainers[Settings.loop54Mode]);\n\t\t} else {\n\n\n\t\t\tState.page = document.querySelector(Settings.pageContainers[Settings.loop54Mode]);\n\n\t\t\tif (State.page && !State.page.querySelector('.search-container')) {\n\t\t\t\tif (Templates.page) {\n\t\t\t\t\tconst searchParam = new URLSearchParams(window.location.search);\n\t\t\t\t\tif (searchParam.has(Settings.searchQueryParam) && searchParam.get(Settings.searchQueryParam).trim()) {\n\t\t\t\t\t\tState.page.innerHTML = Mustache.render(Templates.page, { searchTerm: searchParam.get(Settings.searchQueryParam).trim() });\n\t\t\t\t\t} else if (sessionStorage.getItem(Settings.searchParamKey)) {\n\t\t\t\t\t\tState.page.innerHTML = Mustache.render(Templates.page, { searchTerm: sessionStorage.getItem(Settings.searchParamKey) });\n\t\t\t\t\t} else {\n\t\t\t\t\t\tState.page.innerHTML = Mustache.render(Templates.page, { noQuery: true });\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\n\t\t\tState.searchContainer = document.querySelector('.search-container');\n\t\t\tState.searchBoxes = document.querySelectorAll('.search-box');\n\t\t\tState.searchBoxDesktop = document.querySelector('.search-box.desktop');\n\n\t\t\tif (State.searchBoxDesktop && State.searchBoxDesktop.dataset.endpoint) {\n\t\t\t\tSettings.endpoint = State.searchBoxDesktop.dataset.endpoint;\n\t\t\t}\n\n\t\t\tState.searchBoxMobile = document.querySelector('.search-box.mobile');\n\t\t\tState.searchButtons = document.querySelectorAll('.search-button');\n\t\t\tState.noSearchText = document.querySelector('#no-search-text');\n\t\t\tState.searchTextScoped = document.querySelectorAll('.search-term-scoped');\n\t\t\tState.relatedQueries = document.getElementById('related-queries');\n\t\t\tState.spellingSuggestions = document.getElementById('spelling-suggestions');\n\t\t\tState.searchText = document.querySelectorAll('.search-term');\n\t\t\tState.makesSense = document.querySelector('.makes-sense');\n\t\t\tState.suggestions = document.querySelectorAll('.search-suggestions');\n\t\t\tState.productTemplate = Templates.productTemplate;\n\t\t\tState.resultItemTemplate = Templates.resultItemTemplate;\n\n\t\t\t// Loop through views to set view specific elements\n\t\t\tfor (let view of Object.keys(State.views)) {\n\n\t\t\t\tif (Settings.isCategory) {\n\t\t\t\t\tState.views[view].elems.content = document.querySelector(Settings.pageContainers.category);\n\t\t\t\t} else {\n\t\t\t\t\tState.views[view].elems.elem = document.getElementById(Settings.views[view].id);\n\t\t\t\t\tState.views[view].elems.content = document.getElementById(Settings.views[view].contentId);\n\t\t\t\t}\n\n\t\t\t\tif ((State.views[view].elems.elem || Settings.isCategory) && State.views[view].elems.content) {\n\t\t\t\t\tState.views[view].elems.searchFacets = State.views[view].elems.content.querySelector('.search-facets');\n\t\t\t\t\tState.views[view].elems.results = State.views[view].elems.content.querySelector('.js-search-results');\n\t\t\t\t\tState.views[view].elems.relatedSearchResultsContainer = State.views[view].elems.content.querySelector('.related-search-results-container');\n\t\t\t\t\tState.views[view].elems.relatedResults = State.views[view].elems.content.querySelector('.js-related-search-results');\n\t\t\t\t\tState.views[view].elems.showMoreResults = State.views[view].elems.content.querySelector('.load-more-results');\n\t\t\t\t\tState.views[view].elems.orderBy = State.views[view].elems.content.querySelector('.facet-order-by');\n\n\t\t\t\t\tif (Settings.views[view].possibleFacets && Settings.views[view].possibleFacets.length) {\n\t\t\t\t\t\tState.views[view].loop54FiltersHandler = new Loop54FiltersHandler(view, Settings, State);\n\t\t\t\t\t\tState.views[view].params.userFacets = State.views[view].loop54FiltersHandler.getCurrentFacets();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (State.productTemplate) {\n\t\t\t\tMustache.parse(State.productTemplate);\n\t\t\t}\n\t\t\tif (State.resultItemTemplate) {\n\t\t\t\tMustache.parse(State.resultItemTemplate);\n\t\t\t}\n\t\t}\n\n\t}\n\n\trenderRealtedQueries(data) {\n\n\t\tif (!data) {\n\t\t\treturn false;\n\t\t}\n\t\tconst relatedQueries = data.relatedQueries;\n\t\tconst spellingSuggestions = data.spellingSuggestions;\n\t\tif (!relatedQueries || (Array.isArray(relatedQueries.items) && relatedQueries.items.length === 0)) {\n\t\t\tthis.clearRelatedQueries();\n\t\t}\n\n\t\tif (!spellingSuggestions || (Array.isArray(spellingSuggestions.items) && spellingSuggestions.items.length === 0)) {\n\t\t\tthis.clearSpellingSuggestion();\n\t\t}\n\n\t\tif (relatedQueries && relatedQueries.items && relatedQueries.items.length > 0 || relatedQueries && relatedQueries.scoped && relatedQueries.scoped.length > 0) {\n\t\t\tif (State.relatedQueries) {\n\t\t\t\tconst lastItem = relatedQueries.items[relatedQueries.items.length - 1];\n\t\t\t\tlastItem.last = true;\n\t\t\t\tState.relatedQueries.innerHTML = Mustache.render(Templates.relatedQueries, { ...relatedQueries, infoText: 'Muut hakivat' });\n\t\t\t\tState.relatedQueries.classList.add('visible');\n\t\t\t}\n\t\t} else {\n\t\t\tthis.clearRelatedQueries();\n\t\t}\n\n\t\tif (spellingSuggestions && spellingSuggestions.items && spellingSuggestions.items.length > 0 || spellingSuggestions && spellingSuggestions.scoped && spellingSuggestions.scoped.length > 0) {\n\t\t\tif (State.spellingSuggestions) {\n\t\t\t\tconst lastItem = spellingSuggestions.items[spellingSuggestions.items.length - 1];\n\t\t\t\tlastItem.last = true;\n\t\t\t\tState.spellingSuggestions.innerHTML = Mustache.render(Templates.relatedQueries, { ...spellingSuggestions, infoText: 'Tarkoititko' });\n\t\t\t\tState.spellingSuggestions.classList.add('visible');\n\t\t\t}\n\t\t} else {\n\t\t\tthis.clearSpellingSuggestion();\n\t\t}\n\t}\n\n\t/**\n\t * Update pagination links in head (for search engines): rel=\"prev\" and rel=\"next\" and load more button.\n\t *\n\t * @param {*} view - State view object.\n\t * @returns {void} Returns void if not category.\n\t */\n\tupdatePaginationLinks(view = State.activeView) {\n\n\t\tif (!Settings.isCategory) {\n\t\t\treturn;\n\t\t}\n\n\t\t// updatePaginationLinks will update the next page link if it exists.\n\t\tconst showMoreButton = State.views[view].elems.showMoreResults?.querySelector('.js-load-more-results');\n\t\t// This will dynamically add href if load more button is a link.\n\t\tif (showMoreButton && (showMoreButton.tagName === 'A')) {\n\t\t\tif (!State.views[view].hasMoreResults) {\n\t\t\t\tshowMoreButton.removeAttribute('href');\n\t\t\t}\n\t\t}\n\n\t\tconst currentPageIndex = State.views[view].params.currentIndex / Settings.views[view].itemsPerPage;\n\t\tconst prevPageIndex = currentPageIndex - 1;\n\t\tconst prevLink = document.querySelector('link[rel=\"prev\"]');\n\t\tconst nextLink = document.querySelector('link[rel=\"next\"]');\n\n\t\tconst relUrl = new URLSearchParams();\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tif (urlParams.has(Settings.idParam)) {\n\t\t\trelUrl.set(Settings.idParam, urlParams.get(Settings.idParam));\n\t\t}\n\n\t\tif (urlParams.has(Settings.orderParam)) {\n\t\t\trelUrl.set(Settings.orderParam, urlParams.get(Settings.orderParam));\n\t\t}\n\n\t\tif (urlParams.has(Settings.facetsParam)) {\n\t\t\trelUrl.set(Settings.facetsParam, urlParams.get(Settings.facetsParam));\n\t\t}\n\n\t\tlet params = relUrl.toString();\n\t\tlet currentUrl = `${window.location.origin}${window.location.pathname}${params ? `?${params}` : ''}`;\n\n\t\tlet prevUrl = currentUrl;\n\n\t\t// Don't add page param if previous would be 1, just use the root url (i.e. default above).\n\t\tif (currentPageIndex > 2) {\n\t\t\trelUrl.set(Settings.pageParam, currentPageIndex - 1);\n\t\t\tconst prevLinkParams = relUrl.toString();\n\t\t\tprevUrl = `${window.location.origin}${window.location.pathname}${prevLinkParams ? `?${prevLinkParams}` : ''}`;\n\t\t}\n\n\t\trelUrl.set(Settings.pageParam, currentPageIndex + 1);\n\t\tparams = relUrl.toString();\n\t\tcurrentUrl = `${window.location.origin}${window.location.pathname}${params ? `?${params}` : ''}`;\n\t\tconst nextUrl = currentUrl;\n\n\t\tconst hasMoreResults = State.views[view].hasMoreResults;\n\n\t\tif (prevLink) {\n\t\t\tif (prevPageIndex >= 1) {\n\t\t\t\tprevLink.setAttribute('rel', 'prev');\n\t\t\t\tprevLink.setAttribute('href', prevUrl);\n\t\t\t} else {\n\t\t\t\tprevLink.remove();\n\t\t\t}\n\n\t\t} else if (currentPageIndex > 1) {\n\t\t\tconst prevLink = document.createElement('link');\n\t\t\tprevLink.setAttribute('rel', 'prev');\n\t\t\tprevLink.setAttribute('href', prevUrl);\n\t\t\tdocument.head.appendChild(prevLink);\n\t\t}\n\n\t\tif (hasMoreResults) {\n\t\t\tif (nextLink) {\n\t\t\t\tnextLink.setAttribute('rel', 'next');\n\t\t\t\tnextLink.setAttribute('href', nextUrl);\n\t\t\t} else {\n\t\t\t\tconst nextLink = document.createElement('link');\n\t\t\t\tnextLink.setAttribute('rel', 'next');\n\t\t\t\tnextLink.setAttribute('href', nextUrl);\n\t\t\t\tdocument.head.appendChild(nextLink);\n\t\t\t}\n\n\t\t\t// This will dynamically add href if load more button is a link.\n\t\t\tif (showMoreButton && (showMoreButton.tagName === 'A')) {\n\t\t\t\tconst urlActiveParams = new URLSearchParams(window.location.search);\n\n\t\t\t\tif (urlActiveParams.has(Settings.pageParam)) {\n\t\t\t\t\turlActiveParams.set(Settings.pageParam, currentPageIndex);\n\t\t\t\t\tif (currentPageIndex === 1) {\n\t\t\t\t\t\turlActiveParams.delete(Settings.pageParam);\n\t\t\t\t\t}\n\t\t\t\t\tconst urlActiveParamsString = urlActiveParams.toString();\n\t\t\t\t\thistory.replaceState(null, '', urlActiveParamsString ? '?' + urlActiveParamsString : window.location.pathname);\n\t\t\t\t}\n\n\t\t\t\tif (!State.views[view].hasMoreResults) {\n\t\t\t\t\tshowMoreButton.removeAttribute('href');\n\t\t\t\t} else {\n\n\t\t\t\t\tif (nextUrl) {\n\t\t\t\t\t\tshowMoreButton.setAttribute('href', nextUrl);\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif (nextLink) {\n\t\t\t\tnextLink.remove();\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\taddPageParam(view = State.activeView) {\n\t\tconst currentPageIndex = State.views[view].params.currentIndex / Settings.views[view].itemsPerPage;\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tif (!urlParams.has(Settings.pageParam) && currentPageIndex > 1) {\n\t\t\turlParams.set(Settings.pageParam, currentPageIndex);\n\t\t\thistory.replaceState({}, '', '?' + encodeURI(urlParams.toString()));\n\t\t}\n\t} */\n\n\n\n\tupdateCounts(view) {\n\n\t\tif (State.views[view].elems.content) {\n\t\t\tfor (const elem of State.views[view].elems.content.querySelectorAll('.current-search-items-count')) {\n\t\t\t\telem.textContent = State.views[view].params.currentItemsCount;\n\t\t\t}\n\n\t\t\tfor (const elem of State.views[view].elems.content.querySelectorAll('.all-search-item-count')) {\n\t\t\t\telem.textContent = State.views[view].params.allItemsCount;\n\t\t\t}\n\n\t\t\tif (!Settings.isCategory) {\n\t\t\t\tconst elemTotalCount = State.views[view].elems.elem.querySelector('.js-total-count');\n\t\t\t\tif (elemTotalCount) {\n\t\t\t\t\telemTotalCount.textContent = State.views[view].params.allItemsCount;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (State.views[view].params.allItemsCount === 0) {\n\t\t\t\tif (!Settings.isCategory) {\n\t\t\t\t\tState.views[view].elems.elem.disabled = true;\n\t\t\t\t}\n\t\t\t\tState.views[view].elems.content.classList.add('no-results');\n\t\t\t} else {\n\t\t\t\tif (!Settings.isCategory) {\n\t\t\t\t\tState.views[view].elems.elem.disabled = false;\n\t\t\t\t}\n\t\t\t\tState.views[view].elems.content.classList.remove('no-results');\n\t\t\t}\n\n\t\t\tfor (const elem of State.views[view].elems.content.querySelectorAll('.search-item-count-text')) {\n\t\t\t\tif (State.views[view].params.allItemsCount === 1) {\n\t\t\t\t\telem.textContent = ` ${Settings.views[view].singularLabel}`;\n\t\t\t\t} else {\n\t\t\t\t\telem.textContent = ` ${Settings.views[view].pluralLabel}`;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tgetViewResultsObj(view, data) {\n\t\tlet viewData = null;\n\n\t\tif (view === 'products' && data.results) {\n\t\t\tviewData = {\n\t\t\t\tresults: data.results,\n\t\t\t\trelatedResults: data.relatedResults\n\t\t\t};\n\t\t} else if (view === 'articles' && data.customData && data.customData.pageResults) {\n\t\t\tviewData = {\n\t\t\t\tresults: data.customData.pageResults.results,\n\t\t\t\trelatedResults: null\n\t\t\t};\n\t\t} else if (view === 'shops' && data.customData && data.customData.shopResults) {\n\t\t\tviewData = {\n\t\t\t\tresults: data.customData.shopResults.results,\n\t\t\t\trelatedResults: null\n\t\t\t};\n\t\t}\n\n\t\treturn viewData;\n\t}\n\n\tupdateViewState(view, data, newSearch, restoredState) {\n\t\tlet viewData = this.getViewResultsObj(view, data);\n\t\tif (!viewData) {\n\t\t\tviewData = {\n\t\t\t\tresults: {\n\t\t\t\t\tcount: 0,\n\t\t\t\t\titems: []\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (restoredState) {\n\t\t\tState.views[view].params.currentItemsCount = viewData.results.items.length;\n\t\t} else {\n\t\t\tState.views[view].params.currentItemsCount = Math.min(State.views[view].params.currentIndex + viewData.results.items.length, viewData.results.count);\n\t\t\tState.views[view].params.currentIndex += Settings.views[view].itemsPerPage;\n\t\t}\n\n\t\tconst maxItems = Settings.isCategory ? (Settings.views[view].maxItems || false) : false;\n\n\t\tState.views[view].params.allItemsCount = maxItems ? Math.min(viewData.results.count, maxItems) : viewData.results.count;\n\n\n\t\tthis.updateCounts(view);\n\n\t\tif (State.views[view].elems.showMoreResults) {\n\t\t\tif (State.views[view].params.currentIndex >= State.views[view].params.allItemsCount || viewData.results.items.length === 0 || Settings.views[view].itemsPerPage > viewData.results.items.length) {\n\t\t\t\tState.views[view].hasMoreResults = false;\n\t\t\t\tState.views[view].elems.showMoreResults.classList.remove('has-more-results');\n\t\t\t} else {\n\t\t\t\tState.views[view].hasMoreResults = true;\n\t\t\t\tState.views[view].elems.showMoreResults.classList.add('has-more-results');\n\t\t\t}\n\t\t}\n\n\t\tthis.updatePaginationLinks(view);\n\t\t// adding page param to url is currently disabled beacause of bad user experience when refreshing page: only that pages's results are shown.\n\t\t// this can be enabled if we create the \"Load more results on scroll\" feature.\n\t\t// this.addPageParam(view);\n\n\t\tif (newSearch) {\n\t\t\tif (viewData.relatedResults && State.views[view].elems.relatedSearchResultsContainer) {\n\t\t\t\tif (viewData.relatedResults.count > 0) {\n\t\t\t\t\tState.views[view].elems.relatedSearchResultsContainer.classList.add('has-results');\n\t\t\t\t} else {\n\t\t\t\t\tState.views[view].elems.relatedSearchResultsContainer.classList.remove('has-results');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn State.views[view].params.allItemsCount > 0 ? true : false;\n\t}\n\n\tparseResultItems(items, type) {\n\t\tlet resultItems = [];\n\t\tlet removed = false;\n\t\ttry {\n\t\t\tconst getItemJson = (itemsJson, item) => {\n\t\t\t\tlet resItem = '';\n\n\t\t\t\tconst renderDataObject = item.attributes.find(attribute => attribute.name === 'renderDataObject');\n\t\t\t\tif (renderDataObject && renderDataObject.values) {\n\t\t\t\t\tresItem = renderDataObject.values[0] || '';\n\t\t\t\t}\n\n\t\t\t\tif (resItem && item.type === type) {\n\t\t\t\t\titemsJson.push(resItem);\n\t\t\t\t}\n\n\t\t\t\tif (item.type !== type) {\n\t\t\t\t\tremoved = true;\n\t\t\t\t}\n\n\t\t\t\treturn itemsJson;\n\t\t\t};\n\n\t\t\tresultItems = JSON.parse('[' + items.reduce(getItemJson, []).join(',') + ']');\n\t\t} catch (e) {\n\t\t\t// whoops\n\t\t}\n\n\t\tif (removed) {\n\t\t\tconsole.log('|||||| ______ ^^^^^^^ ********* Unexpected result types ********* ^^^^^^^ ______ ||||||');\n\t\t}\n\n\t\treturn resultItems;\n\t}\n\n\tappendSearchWordUrlParam(baseUrl) {\n\n\t\tconst url = new URL(baseUrl, window.location.origin);\n\t\turl.searchParams.set('searchWords', State.params.searchTerm);\n\n\t\treturn url.pathname + url.search;\n\t}\n\n\tupdateProducts(data) {\n\t\tconst searchProducts = this.parseResultItems(data.results.items, 'Product');\n\n\t\tconst relatedProducts = Settings.isCategory ? [] : this.parseResultItems(data.relatedResults.items, 'Product');\n\n\t\tconst {\n\t\t\taddProductType = false,\n\t\t\taddTargetGroup = false,\n\t\t\tcustomProductType = '',\n\t\t} = (Settings.isCategory ? Settings.views.products : {});\n\n\t\tconst renderProduct = (product, mainElement) => {\n\t\t\tif (mainElement) {\n\t\t\t\tif (!Settings.isCategory) {\n\t\t\t\t\tproduct.url = this.appendSearchWordUrlParam(product.url);\n\t\t\t\t}\n\n\t\t\t\tconst productItem = document.createElement('div');\n\t\t\t\tproductItem.innerHTML = Mustache.render(State.productTemplate, product);\n\t\t\t\tconst productElement = productItem.firstChild;\n\t\t\t\tproductElement.dataset.type = 'Product';\n\t\t\t\tmainElement.appendChild(productElement);\n\t\t\t}\n\t\t};\n\n\t\tif (Settings.isCategory) {\n\t\t\tconst noIndexMetadata = document.head.querySelector('meta[data-no-products=true]');\n\t\t\tif (noIndexMetadata) {\n\t\t\t\tnoIndexMetadata.remove();\n\t\t\t}\n\t\t}\n\n\t\tif (searchProducts.length === 0 && State.views.products.elems.results) {\n\t\t\tif (Settings.isCategory) {\n\t\t\t\tState.views.products.elems.results.innerHTML = Templates.noProducts;\n\t\t\t} else {\n\t\t\t\tState.views.products.elems.results.innerHTML = Templates.noSearchResults;\n\t\t\t}\n\n\t\t\tif (Settings.isCategory && State.hadPageParam) {\n\t\t\t\t// https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics#avoid-soft-404s\n\t\t\t\t// Another alternative would be to do a 404 redirect.\n\t\t\t\tconst metaRobots = document.createElement('meta');\n\t\t\t\tmetaRobots.name = 'robots';\n\t\t\t\tmetaRobots.content = 'noindex';\n\t\t\t\tmetaRobots.dataset.noProducts = true;\n\t\t\t\tdocument.head.appendChild(metaRobots);\n\t\t\t\tState.hadPageParam = false;\n\t\t\t}\n\t\t}\n\n\t\tfor (const product of searchProducts) {\n\n\t\t\tlet productNameAdditions = [];\n\t\t\tif (addTargetGroup) {\n\t\t\t\tproductNameAdditions.push(addTargetGroup);\n\t\t\t}\n\n\t\t\tif (addProductType) {\n\t\t\t\tconst productTypeText = customProductType ? customProductType : product.titleCategory;\n\t\t\t\tif (!String(product.productname).toLowerCase().includes(String(productTypeText).toLowerCase())) {\n\t\t\t\t\tproductNameAdditions.push(customProductType ? customProductType : product.titleCategory);\n\t\t\t\t} else {\n\t\t\t\t\tproductNameAdditions = [];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (productNameAdditions.length > 0) {\n\t\t\t\tproduct.productname = product.productname + ' - ' + productNameAdditions.join(' ');\n\t\t\t}\n\n\t\t\trenderProduct(product, State.views.products.elems.results);\n\t\t}\n\n\n\t\tif (!Settings.isCategory) {\n\t\t\tfor (const product of relatedProducts) {\n\t\t\t\trenderProduct(product, State.views.products.elems.relatedResults);\n\t\t\t}\n\t\t}\n\t}\n\n\tcreateResultItem(data, mainElement) {\n\t\tconst resultItem = document.createElement('div');\n\t\tresultItem.innerHTML = Mustache.render(State.resultItemTemplate, data);\n\t\tconst resultElement = resultItem.firstChild;\n\t\tresultElement.dataset.type = 'Article';\n\t\tmainElement.appendChild(resultElement);\n\t}\n\n\tupdateArticles(data) {\n\t\tif (State.views.articles.elems.results && data.customData && data.customData.pageResults && data.customData.pageResults.results && data.customData.pageResults.results.items.length) {\n\t\t\tconst items = this.parseResultItems(data.customData.pageResults.results.items, 'pageEntity');\n\n\t\t\tfor (const item of items) {\n\t\t\t\tconst resultItemData = {\n\t\t\t\t\tfullLinkParent: true,\n\t\t\t\t\tsideCol: !!item.image,\n\t\t\t\t\tsideCentered: false,\n\t\t\t\t\tmobileFullWidth: false,\n\t\t\t\t\tcategory: item.contentType,\n\t\t\t\t\theading: item.title,\n\t\t\t\t\tlink: item.link,\n\t\t\t\t\ttype: item.type,\n\t\t\t\t\timage: item.image ? item.image.href : null\n\t\t\t\t};\n\n\t\t\t\tthis.createResultItem(resultItemData, State.views.articles.elems.results);\n\t\t\t}\n\n\t\t\tif (items.length === 0 && State.views.products.elems.results) {\n\t\t\t\tState.views.articles.elems.results.innerHTML = Templates.noSearchResults;\n\t\t\t}\n\t\t}\n\n\t}\n\n\tupdateShops(data) {\n\t\tif (State.views.shops.elems.results && data.customData && data.customData.shopResults && data.customData.shopResults.results && data.customData.shopResults.results.items.length) {\n\t\t\tconst items = this.parseResultItems(data.customData.shopResults.results.items, 'shopEntity');\n\n\t\t\tfor (const item of items) {\n\t\t\t\tconst resultItemData = {\n\t\t\t\t\tsideCol: !!item.mapUrl,\n\t\t\t\t\tsideCentered: true,\n\t\t\t\t\tmobileFullWidth: true,\n\t\t\t\t\tfullLinkParent: !item.mapUrl,\n\t\t\t\t\tcategory: 'Intersport',\n\t\t\t\t\theading: item.name,\n\t\t\t\t\tlink: item.link,\n\t\t\t\t\ttype: null,\n\t\t\t\t\timage: null,\n\t\t\t\t\tshop: {\n\t\t\t\t\t\tshopAddress: item.address ? `${item.address}, ${item.postNumber} ${item.city}` : null,\n\t\t\t\t\t\tshopOpeningHours: item.shopOpenStatus ? `${item.shopOpenStatus}${item.shopOpens ? ' ' + item.shopOpens : ''}${item.shopCloses ? '–' + item.shopCloses : ''}` : null\n\t\t\t\t\t},\n\t\t\t\t\tcta: item.mapUrl ? {\n\t\t\t\t\t\tctaLink: item.mapUrl,\n\t\t\t\t\t\tctaLabel: 'Ajo-ohjeet'\n\t\t\t\t\t} : null\n\t\t\t\t};\n\n\t\t\t\tthis.createResultItem(resultItemData, State.views.shops.elems.results);\n\t\t\t}\n\n\t\t\tif (items.length === 0 && State.views.products.elems.results) {\n\t\t\t\tState.views.articles.elems.shopResults.innerHTML = Templates.noSearchResults;\n\t\t\t}\n\t\t}\n\t}\n\n\tupdateResults(view, data) {\n\t\tif (view === 'products') {\n\t\t\tthis.updateProducts(data);\n\t\t} else if (view === 'articles') {\n\t\t\tthis.updateArticles(data);\n\t\t} else if (view === 'shops') {\n\t\t\tthis.updateShops(data);\n\t\t}\n\t}\n\n\thandleSearchResults(params = {}) {\n\n\t\tconst { data, newSearch, restoredState, clear } = params;\n\n\t\tif (!data) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Shared elements\n\t\tif (newSearch) {\n\t\t\tthis.clearRelatedQueries();\n\t\t\tthis.clearSpellingSuggestion();\n\t\t\tthis.renderRealtedQueries(data);\n\t\t}\n\n\t\t// Remove no query element\n\t\tif (State.searchContainer && State.searchContainer.classList.contains('no-query')) {\n\t\t\tState.searchContainer.classList.remove('no-query');\n\n\t\t\tif (State.noSearchText) {\n\t\t\t\tState.noSearchText.parentElement.removeChild(State.noSearchText);\n\t\t\t}\n\t\t}\n\n\t\t// Each view\n\t\tlet viewsWithResults = [];\n\t\tfor (let view of Object.keys(State.views)) {\n\t\t\tif (!newSearch && view !== State.activeView) {\n\t\t\t\tif (State.views[view].elems.results.children.length) {\n\t\t\t\t\tviewsWithResults.push(view);\n\t\t\t\t}\n\n\t\t\t\t// This view doesn't need an update\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (newSearch || clear) {\n\t\t\t\tif (State.views[view].loop54FiltersHandler) {\n\t\t\t\t\tState.views[view].loop54FiltersHandler.handleFacets(data, newSearch);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (restoredState) {\n\t\t\t\tif (State.views[view].elems.searchFacets) {\n\t\t\t\t\tState.views[view].elems.searchFacets.dataset.skipFacetUpdate = false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst viewHasResults = this.updateViewState(view, data, newSearch, restoredState);\n\t\t\tif (viewHasResults) {\n\t\t\t\tviewsWithResults.push(view);\n\t\t\t}\n\n\t\t\tthis.updateResults(view, data);\n\t\t}\n\n\t\tif (viewsWithResults.length) {\n\t\t\tState.searchContainer.classList.remove('no-results');\n\n\t\t\t// Check if active view has no results\n\t\t\tif (State.views[State.activeView].params.allItemsCount === 0) {\n\t\t\t\tState.views[viewsWithResults[0]].elems.elem.click();\n\t\t\t}\n\t\t} else {\n\t\t\tState.searchContainer.classList.add('no-results');\n\t\t}\n\n\t\tif (State.makesSense) {\n\t\t\tif (!viewsWithResults.length && !data.makesSense) {\n\t\t\t\tState.makesSense.textContent = Settings.searchMakesNoSenseText + ' \"' + State.params.searchTerm + '\".';\n\t\t\t\tState.makesSense.style.display = 'block';\n\t\t\t} else {\n\t\t\t\tState.makesSense.textContent = '';\n\t\t\t\tState.makesSense.style.display = '';\n\t\t\t}\n\t\t}\n\t}\n\n\tupdateViewSearchOpts(view, optsObj) {\n\t\toptsObj.skip = State.views[view].params.currentIndex;\n\t\toptsObj.take = Settings.views[view].itemsPerPage;\n\n\n\t\tif (Settings.isCategory) {\n\t\t\t// Ensure that we don't load more than max items.\n\n\t\t\tconst maxItems = Settings.views.products.maxItems || false;\n\n\t\t\tif ((maxItems > 0)) {\n\t\t\t\tif (maxItems < optsObj.take) {\n\t\t\t\t\toptsObj.take = maxItems;\n\t\t\t\t} else {\n\n\t\t\t\t\tif (optsObj.skip + optsObj.take > maxItems) {\n\t\t\t\t\t\toptsObj.take = maxItems - optsObj.skip;\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t\tif (optsObj.skip > maxItems) {\n\t\t\t\t\toptsObj.take = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tif (Settings.isCategory && Settings.views[view]?.resultsOptions?.filter) {\n\t\t\toptsObj.filter = Settings.views[view].resultsOptions.filter;\n\t\t}\n\n\t\tif (Settings.views[view].possibleFacets.length) {\n\t\t\toptsObj.facets = State.views[view].params.userFacets;\n\t\t}\n\n\n\n\t\t// Inject pre-selected facets here.\n\t\tif (Settings.isCategory && State.firstLoad && !(State.restoreState && State.restoreState.views[view])) {\n\n\n\t\t\tconst urlFacets = State.views[view].loop54FiltersHandler.getUrlFacets();\n\n\t\t\tconst possibleFacets = Settings.views[view]?.possibleFacets || [];\n\n\t\t\t// Filter out facets that are not allowed.\n\t\t\tconst userFacets = Object.entries({ ...(Settings.views[view]?.userFacets || {}), ...urlFacets }).reduce((acc, [key, value]) => {\n\n\t\t\t\tif (possibleFacets.includes(key)) {\n\t\t\t\t\tacc[key] = value;\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t}, {});\n\n\t\t\tif (userFacets && Object.keys(userFacets).length) {\n\n\t\t\t\tState.views[view].loop54FiltersHandler.writeFacets(userFacets, true);\n\n\t\t\t\toptsObj.facets = State.views[view].loop54FiltersHandler.getCurrentFacets();\n\t\t\t}\n\n\t\t\t// This would allow automatic selection of target group. However,\n\t\t\t// in order to work properly this would need additional checks (do not apply women in mens category for example)\n\t\t\t// and should be merger with userFacets if those are provided.\n\t\t\t// const navTargetGroups = this.getPrefferredTargetGroup();\n\n\t\t\t// if (navTargetGroups) {\n\t\t\t// \tState.views[view].loop54FiltersHandler.writeFacets({\n\t\t\t// \t\ttargetGroups: navTargetGroups\n\t\t\t// \t}, true);\n\n\t\t\t// \toptsObj.facets = State.views.products.loop54FiltersHandler.getCurrentFacets();\n\t\t\t// }\n\n\n\t\t}\n\n\t\tif (State.views[view].loop54FiltersHandler) {\n\t\t\tState.views[view].loop54FiltersHandler.updateOrderBy();\n\t\t}\n\n\t\tif (State.views[view].params.orderBy) {\n\t\t\toptsObj.sortBy = State.views[view].params.orderBy;\n\t\t}\n\t}\n\n\tgetViewSearchOpts(view, searchOptions) {\n\t\tlet optsObj = null;\n\n\t\t// Load more results for current view\n\t\tif (view === 'products') {\n\n\t\t\tif (!searchOptions.resultsOptions) {\n\t\t\t\tsearchOptions.resultsOptions = {};\n\t\t\t}\n\t\t\toptsObj = searchOptions.resultsOptions;\n\t\t} else if (view === 'articles') {\n\t\t\tif (!searchOptions.customData) {\n\t\t\t\tsearchOptions.customData = {};\n\t\t\t}\n\t\t\tif (!searchOptions.customData.pageResultsOptions) {\n\t\t\t\tsearchOptions.customData.pageResultsOptions = {};\n\t\t\t}\n\t\t\toptsObj = searchOptions.customData.pageResultsOptions;\n\n\t\t\t// If scoped term is used, but this view does not support them\n\t\t\tif (State.params.scopedTerm && State.params.scope && !Settings.views[view].scopedTerms) {\n\t\t\t\toptsObj = null;\n\t\t\t\tdelete searchOptions.customData.pageResultsOptions;\n\t\t\t}\n\t\t} else if (view === 'shops') {\n\t\t\tif (!searchOptions.customData) {\n\t\t\t\tsearchOptions.customData = {};\n\t\t\t}\n\t\t\tif (!searchOptions.customData.shopResultsOptions) {\n\t\t\t\tsearchOptions.customData.shopResultsOptions = {};\n\t\t\t}\n\t\t\toptsObj = searchOptions.customData.shopResultsOptions;\n\n\t\t\t// If scoped term is used, but this view does not support them\n\t\t\tif (State.params.scopedTerm && State.params.scope && !Settings.views[view].scopedTerms) {\n\t\t\t\toptsObj = null;\n\t\t\t\tdelete searchOptions.customData.shopResultsOptions;\n\t\t\t}\n\t\t}\n\n\t\tif (optsObj) {\n\t\t\tthis.updateViewSearchOpts(view, optsObj);\n\t\t}\n\n\t\treturn optsObj;\n\t}\n\n\tgetPrefferredTargetGroup() {\n\t\tlet storageType = localStorage;\n\t\tif (!storageType) {\n\t\t\tstorageType = sessionStorage;\n\t\t}\n\n\t\tconst mappings = {\n\t\t\tmen: ['Miehet'],\n\t\t\twomen: ['Naiset'],\n\t\t\tchildren: ['Tytöt', 'Pojat', 'Lapset']\n\t\t}\n\n\t\tif (storageType && storageType.getItem('navigationState')) {\n\t\t\ttry {\n\t\t\t\tconst navigationData = JSON.parse(storageType.getItem('navigationState'));\n\t\t\t\treturn mappings[navigationData.navigation] || false;\n\t\t\t} catch (error) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\thandleSearch(searchParams = {}) {\n\n\t\tconst { clear, clearScope, keepFilters, newSearch, redirectToSearch } = { clear: true, clearScope: true, keepFilters: false, newSearch: true, ...searchParams };\n\n\t\tif (searchParams.activeView && searchParams.activeView !== State.activeView) {\n\t\t\tState.activeView = searchParams.activeView;\n\t\t}\n\n\t\tif (State.suggestionsController) {\n\t\t\tState.suggestionsController.abort();\n\t\t}\n\n\t\tthis.resetStoredState();\n\n\t\t// This is intended for search engines only. When using page param\n\t\t// only current page items are loaded. Also not intended for search.\n\t\tlet hasPageParam = false;\n\t\tlet urlParams = false\n\t\tif (Settings.isCategory) {\n\t\t\turlParams = new URLSearchParams(window.location.search);\n\t\t\thasPageParam = urlParams.has(Settings.pageParam);\n\t\t\tState.hadPageParam = hasPageParam;\n\t\t} else {\n\t\t\tState.params.page = false;\n\t\t}\n\n\t\tif (clear) {\n\t\t\tif (hasPageParam && !State.firstLoad) {\n\t\t\t\turlParams.delete(Settings.pageParam);\n\t\t\t\tconst urlParamsString = urlParams.toString();\n\t\t\t\thistory.replaceState(null, '', urlParamsString ? '?' + urlParamsString : window.location.pathname);\n\t\t\t}\n\t\t\tconst value = String(State.searchBoxDesktop.value).trim();\n\t\t\tState.params.searchTerm = value;\n\t\t} else {\n\t\t\tif (hasPageParam) {\n\t\t\t\tconst previousPage = parseInt(urlParams.get(Settings.pageParam));\n\t\t\t\tif (previousPage > 0) {\n\t\t\t\t\turlParams.set(Settings.pageParam, previousPage + 1);\n\t\t\t\t\tconst urlParamsString = urlParams.toString();\n\t\t\t\t\thistory.replaceState(null, '', '?' + urlParamsString);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Update views\n\t\tif (newSearch) {\n\t\t\tfor (let view of Object.keys(State.views)) {\n\t\t\t\tif (State.views[view].loop54FiltersHandler) {\n\t\t\t\t\tState.views[view].loop54FiltersHandler.resetFacets();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (clear && clearScope) {\n\t\t\tState.params.scopedTerm = false;\n\t\t}\n\n\t\tif (!Settings.isCategory || redirectToSearch) {\n\n\t\t\t// Not on search page. Search will be directed to search page.\n\t\t\t// We'll use session storage for search parameter so that search page\n\t\t\t// will load quickly from cache.\n\t\t\tif (!State.page || redirectToSearch) {\n\t\t\t\tif (State.params.scopedTerm && State.params.scope) {\n\t\t\t\t\tsessionStorage.setItem(Settings.searchScopeTermKey, State.params.scopedTerm);\n\t\t\t\t\tsessionStorage.setItem(Settings.searchScopeKey, State.params.scope);\n\t\t\t\t}\n\t\t\t\tsessionStorage.setItem(Settings.searchParamKey, State.params.searchTerm);\n\t\t\t\twindow.location.href = Settings.endpoint;\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\tsessionStorage.removeItem(Settings.searchScopeTermKey);\n\t\t\t\tsessionStorage.removeItem(Settings.searchScopeKey);\n\t\t\t\tsessionStorage.removeItem(Settings.searchParamKey);\n\t\t\t}\n\t\t}\n\n\t\tif (State.searchController) {\n\t\t\tState.restoreState = false;\n\t\t\tState.searchController.abort();\n\t\t}\n\n\t\tif (!Settings.isCategory) {\n\t\t\tif (!State.params.searchTerm) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tfor (const searchText of State.searchText) {\n\t\t\t\tsearchText.textContent = State.params.searchTerm;\n\t\t\t}\n\n\t\t\tif (State.params.scopedTerm) {\n\t\t\t\tdocument.title = `Hakutulokset: \"${State.params.searchTerm}\" kategoriassa ${State.params.scopedTerm} ${Settings.titleSuffix}`;\n\t\t\t} else {\n\t\t\t\tdocument.title = `Hakutulokset: \"${State.params.searchTerm}\" ${Settings.titleSuffix}`;\n\t\t\t}\n\n\t\t\tfor (const searchTextScoped of State.searchTextScoped) {\n\t\t\t\t//if (Workset.params.scopedTerm && String(Workset.params.scopedTerm).trim().toLowerCase() !== String(Workset.params.searchTerm).toLowerCase()) {\n\t\t\t\tif (State.params.scopedTerm) {\n\t\t\t\t\tsearchTextScoped.textContent = ` kategoriassa ${State.params.scopedTerm}`;\n\t\t\t\t} else {\n\t\t\t\t\tsearchTextScoped.textContent = '';\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t\tconst urlParams = new URLSearchParams(window.location.search);\n\t\t\turlParams.set(Settings.searchQueryParam, State.params.searchTerm);\n\n\t\t\tif (State.params.scopedTerm && State.params.scope) {\n\t\t\t\turlParams.set(Settings.scopedQueryParam, State.params.scopedTerm);\n\t\t\t\turlParams.set(Settings.scopeParam, State.params.scope);\n\t\t\t}\n\n\t\t\tif (clear && clearScope) {\n\t\t\t\turlParams.delete(Settings.scopedQueryParam);\n\t\t\t\turlParams.delete(Settings.scopeParam);\n\t\t\t}\n\n\t\t\thistory.replaceState(null, '', '?' + urlParams);\n\n\n\n\t\t\tif (clear) {\n\t\t\t\tthis.clearSuggestions();\n\t\t\t\t//this.clearRelatedQueries();\n\t\t\t\t//this.clearSpellingSuggestion();\n\t\t\t}\n\n\t\t}\n\n\t\tconst hadScope = State.params.scopedTerm && State.params.scope;\n\n\t\tfor (let view of Object.keys(State.views)) {\n\t\t\t// Update only relevant views\n\t\t\tif (newSearch || (!newSearch && view === State.activeView)) {\n\t\t\t\t// Clear previous search\n\t\t\t\tif (clear) {\n\t\t\t\t\t// Reset current index\n\t\t\t\t\tState.views[view].params.currentIndex = 0;\n\n\t\t\t\t\t// Remove old results and related results\n\t\t\t\t\tif (newSearch) {\n\t\t\t\t\t\twhile (State.views[view].elems.relatedResults && State.views[view].elems.relatedResults.firstChild) {\n\t\t\t\t\t\t\tState.views[view].elems.relatedResults.removeChild(State.views[view].elems.relatedResults.firstChild);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\twhile (State.views[view].elems.results && State.views[view].elems.results.firstChild) {\n\t\t\t\t\t\tState.views[view].elems.results.removeChild(State.views[view].elems.results.firstChild);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Set scope if scoped terms are used for this view\n\t\t\tif (State.views[view].loop54FiltersHandler) {\n\t\t\t\tif (hadScope && Settings.views[view].scopedTerms) {\n\t\t\t\t\tState.views[view].params.selectedFacets[State.params.scope] = [State.params.scopedTerm];\n\n\t\t\t\t\tState.views[view].loop54FiltersHandler.getCurrentFacets();\n\t\t\t\t\tState.views[view].loop54FiltersHandler.writeFacets(State.views[view].params.selectedFacets, true);\n\t\t\t\t}\n\n\t\t\t\tif (!keepFilters && !hadScope) {\n\t\t\t\t\tState.views[view].loop54FiltersHandler.getCurrentFacets(true);\n\t\t\t\t}\n\n\t\t\t\tif (!keepFilters) {\n\t\t\t\t\tState.views[view].loop54FiltersHandler.filterDropdownListener(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\t// Get search query options\n\t\tlet searchOptions = {};\n\t\tlet restoredState = false;\n\t\tif (newSearch) {\n\t\t\t// Default search params\n\t\t\tif (Settings.isCategory) {\n\t\t\t\tsearchOptions = { ...Settings.loop54Options.category };\n\t\t\t} else {\n\t\t\t\tsearchOptions = { ...Settings.loop54Options.search };\n\t\t\t}\n\n\t\t\t// Update all view params\n\t\t\tfor (let view of Object.keys(State.views)) {\n\t\t\t\tconst optsObj = this.getViewSearchOpts(view, searchOptions);\n\n\t\t\t\t// Restore search state\n\t\t\t\tif (optsObj && State.restoreState && State.restoreState.views[view]) {\n\t\t\t\t\trestoredState = true;\n\n\t\t\t\t\toptsObj.skip = 0;\n\t\t\t\t\toptsObj.take = State.restoreState.views[view].currentIndex || Settings.views[view].itemsPerPage;\n\n\t\t\t\t\tState.views[view].params.currentIndex = State.restoreState.views[view].currentIndex || 0;\n\n\t\t\t\t\tif (State.restoreState.views[view].orderBy) {\n\t\t\t\t\t\tState.views[view].params.orderBy = State.restoreState.views[view].orderBy;\n\t\t\t\t\t\toptsObj.sortBy = State.restoreState.views[view].orderBy;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (Settings.views[view].possibleFacets.length && State.views[view].loop54FiltersHandler) {\n\t\t\t\t\t\tif (State.restoreState.views[view].userFacets) {\n\t\t\t\t\t\t\tState.views[view].params.userFacets = State.restoreState.views[view].userFacets;\n\t\t\t\t\t\t\toptsObj.facets = State.restoreState.views[view].userFacets;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (State.restoreState.views[view].selectedFacets) {\n\t\t\t\t\t\t\tState.views[view].loop54FiltersHandler.writeFacets(State.restoreState.views[view].selectedFacets, true);\n\t\t\t\t\t\t\tState.views[view].params.selectedFacets = State.restoreState.views[view].selectedFacets;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (State.params.page && State.params.page > 0) {\n\t\t\t\tState.views[State.activeView].params.currentIndex = (Math.max(State.params.page - 1, 1)) * Settings.views[State.activeView].itemsPerPage;\n\t\t\t\tsearchOptions.resultsOptions.skip = State.views[State.activeView].params.currentIndex;\n\t\t\t}\n\t\t\tState.params.page = false;\n\n\t\t} else {\n\t\t\t// Update only current view\n\t\t\tthis.getViewSearchOpts(State.activeView, searchOptions);\n\t\t}\n\n\n\t\t// Remove custom data if nothing is being fetched\n\t\tif (searchOptions.customData && Object.keys(searchOptions.customData).length === 0) {\n\t\t\tdelete searchOptions.customData;\n\t\t}\n\n\t\tif (!clear && dataLayer && !Settings.isCategory) {\n\t\t\tconst itemsPerPage = Settings.views[State.activeView].itemsPerPage;\n\t\t\tconst skip = searchOptions?.resultsOptions?.skip ?? searchOptions?.customData?.pageResultsOptions?.skip ?? false;\n\n\t\t\tif (itemsPerPage && skip) {\n\t\t\t\tdataLayer.push({\n\t\t\t\t\tevent: 'GAEvent',\n\t\t\t\t\teventCategory: 'Loop54Search',\n\t\t\t\t\teventAction: `Load result page (${State.activeView})`,\n\t\t\t\t\teventLabel: `${(skip + itemsPerPage) / itemsPerPage}/${Math.ceil(State.views[State.activeView].params.allItemsCount / itemsPerPage)}`\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (State.views[State.activeView].elems.showMoreResults) {\n\t\t\tState.views[State.activeView].elems.showMoreResults.classList.add('loading');\n\t\t}\n\n\t\tif (Settings.isCategory) {\n\n\t\t\tconst { attribute = false, customData = false } = Settings.views[State.activeView] || {};\n\t\t\tif (attribute) {\n\t\t\t\tsearchOptions.attribute = attribute;\n\t\t\t}\n\n\t\t\tif (customData) {\n\t\t\t\tsearchOptions.customData = customData;\n\t\t\t}\n\n\t\t\tState.searchController = State.client[attribute ? 'getEntitiesByAttribute' : 'getEntities'](searchOptions, (data) => {\n\t\t\t\tif (data && data.error !== true) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.resultsAnalytics(data);\n\t\t\t\t\t\tthis.handleSearchResults({ data, newSearch, restoredState, clear });\n\n\t\t\t\t\t\tif (State.restoreState && State.restoreState.scrollPosition) {\n\t\t\t\t\t\t\twindow.scroll(State.restoreState.scrollPosition.x, State.restoreState.scrollPosition.y);\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.log(error);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (State.views[State.activeView].elems.showMoreResults) {\n\t\t\t\t\t\tState.views[State.activeView].elems.showMoreResults.classList.remove('loading');\n\t\t\t\t\t}\n\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('No data.');\n\t\t\t\t}\n\n\t\t\t\tState.restoreState = false;\n\t\t\t\tState.suggestionsController = false;\n\t\t\t});\n\n\t\t} else {\n\t\t\tState.searchController = State.client.search(State.params.searchTerm, searchOptions, (data) => {\n\t\t\t\tif (data && data.error !== true) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tthis.resultsAnalytics(data);\n\t\t\t\t\t\tthis.handleSearchResults({ data, newSearch, restoredState, clear });\n\n\t\t\t\t\t\tif (State.restoreState && State.restoreState.scrollPosition) {\n\t\t\t\t\t\t\twindow.scroll(State.restoreState.scrollPosition.x, State.restoreState.scrollPosition.y);\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.log(error);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (State.views[State.activeView].elems.showMoreResults) {\n\t\t\t\t\t\tState.views[State.activeView].elems.showMoreResults.classList.remove('loading');\n\t\t\t\t\t}\n\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('No search data.');\n\t\t\t\t}\n\n\t\t\t\tState.restoreState = false;\n\t\t\t\tState.suggestionsController = false;\n\t\t\t});\n\t\t}\n\n\t\tState.firstLoad = false;\n\t}\n\n\t/**\n\t * Add analytics data based on response data.\n\t *\n\t * @param {Object} responseData - Response data from Loop54.\n\t */\n\tresultsAnalytics(responseData) {\n\n\t\tif (responseData && Array.isArray(dataLayer)) {\n\t\t\t// A/B testing dimension for sorting. Yeah, dimension name doesn't make sense.\n\t\t\tif (responseData?.customData?.side && !State.cache.ab) {\n\t\t\t\tState.cache.ab = true;\n\t\t\t\tdataLayer.push({ 'MobileCart2019': responseData?.customData?.side });\n\t\t\t}\n\t\t}\n\t}\n\n\tclearRelatedQueries() {\n\t\tif (State.relatedQueries) {\n\t\t\tState.relatedQueries.textContent = '';\n\t\t\tState.relatedQueries.classList.remove('visible');\n\t\t}\n\t}\n\n\tclearSpellingSuggestion() {\n\t\tif (State.spellingSuggestions) {\n\t\t\tState.spellingSuggestions.textContent = '';\n\t\t\tState.spellingSuggestions.classList.remove('visible');\n\t\t}\n\t}\n\n\tclearSuggestions() {\n\t\tif (State.suggestions) {\n\t\t\tfor (const suggestion of State.suggestions) {\n\t\t\t\tsuggestion.classList.remove('has-results');\n\t\t\t\tsuggestion.classList.remove('visible');\n\t\t\t\tif (State.hasSuggestionListener) {\n\t\t\t\t\tdocument.body.removeEventListener('click', this.suggestionBoxListeners);\n\t\t\t\t\tState.hasSuggestionListener = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsuggestionBoxListeners(e) {\n\t\tconst elem = e.target;\n\t\tif (!elem.closest('.search-box-wrapper, .search-suggestions')) {\n\n\n\t\t\tif (!(Array.from(State.searchBoxes).includes(document.activeElement)) && State.suggestions) {\n\t\t\t\tfor (const suggestion of State.suggestions) {\n\t\t\t\t\tsuggestion.classList.remove('visible');\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n\n\tprocessSuggestions(data) {\n\t\tif (!data) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst suggestionsObject = {\n\t\t\tsuggestions: data.queries ? data.queries.items : [],\n\t\t\tscoped: []\n\t\t};\n\n\t\tif (data.scopedQuery && data.scopedQuery.scopes) {\n\t\t\tfor (const scope of data.scopedQuery.scopes.slice(0, Settings.showMaxScopedSuggestions)) {\n\t\t\t\tsuggestionsObject.scoped.push({\n\t\t\t\t\tquery: data.scopedQuery.query,\n\t\t\t\t\tscope: data.scopedQuery.scopeAttributeName,\n\t\t\t\t\tsuggestedScope: scope,\n\t\t\t\t\tsuggestion: data.scopedQuery.query,\n\t\t\t\t\tsuggestedCategory: scope,\n\t\t\t\t\tisScoped: true\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tconst elements = State.suggestions;\n\n\t\tif (!elements.length === 0) {\n\t\t\treturn false;\n\t\t}\n\n\n\t\tif (suggestionsObject.suggestions.length === 0 && suggestionsObject.scoped.length === 0) {\n\t\t\tthis.clearSuggestions();\n\t\t\treturn true;\n\t\t}\n\n\t\tlet suggestionsTemplate = Templates.suggestions;\n\t\tMustache.parse(suggestionsTemplate);\n\n\t\tif (suggestionsObject.suggestions && suggestionsObject.suggestions.length > 0 || suggestionsObject.scoped && suggestionsObject.scoped.length > 0) {\n\n\t\t\tconst removeSuggestionsCount = suggestionsObject.suggestions.length + suggestionsObject.scoped.length - Settings.showMaxSuggestions;\n\t\t\tconst renderData = {\n\t\t\t\tquery: State.params.suggestionsQuery,\n\t\t\t\tsuggestions: suggestionsObject.suggestions,\n\t\t\t\tscoped: suggestionsObject.scoped,\n\t\t\t\titems: []\n\t\t\t};\n\n\t\t\tif (removeSuggestionsCount > 0) {\n\t\t\t\trenderData.suggestions = renderData.suggestions.slice(0, Math.max(renderData.suggestions.length - removeSuggestionsCount), 0);\n\t\t\t}\n\n\t\t\trenderData.items = renderData.suggestions.concat(renderData.scoped);\n\n\t\t\tif (renderData.items.length > 0) {\n\t\t\t\tconst lastItem = renderData.items[renderData.items.length - 1];\n\t\t\t\tlastItem.last = true;\n\t\t\t}\n\n\t\t\tfor (const element of elements) {\n\t\t\t\telement.innerHTML = Mustache.render(suggestionsTemplate, renderData);\n\t\t\t\telement.classList.add('has-results');\n\t\t\t\telement.classList.add('visible');\n\t\t\t\telement.style.maxHeight = `calc(100vh - ${element.getBoundingClientRect().top}px)`;\n\t\t\t}\n\t\t\tif (!State.hasSuggestionListener) {\n\t\t\t\tState.hasSuggestionListener = true;\n\t\t\t\tdocument.body.addEventListener('click', this.suggestionBoxListeners);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.clearSuggestions();\n\t\t}\n\n\t}\n\n\thandleSuggestions() {\n\t\tlet value = State.searchBoxDesktop.value;\n\t\tif (State.suggestionsController !== false) {\n\t\t\tState.suggestionsController.abort();\n\t\t}\n\n\t\tif (value) {\n\t\t\tvalue = String(value).trim();\n\t\t\tif (value.length >= Settings.minSuggestionLetters) {\n\t\t\t\tState.params.suggestionsQuery = value,\n\t\t\t\tState.suggestionsController = State.client.autoComplete(value, Settings.loop54Options.suggestions, (data) => {\n\t\t\t\t\tif (data && data.error !== true) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tLoop54SearchProxy.processSuggestions(data);\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\tconsole.log(error);\n\t\t\t\t\t\t\tLoop54SearchProxy.clearSuggestions();\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('No suggestions data.');\n\t\t\t\t\t\tLoop54SearchProxy.clearSuggestions();\n\t\t\t\t\t}\n\t\t\t\t\tState.suggestionsController = false;\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tLoop54SearchProxy.clearSuggestions();\n\t\t}\n\n\t}\n\n\tresetStoredState() {\n\t\tsessionStorage.removeItem(Settings.stateStoreKey);\n\t}\n\n\tsaveSearchState() {\n\n\t\tconst state = {\n\t\t\tactiveView: State.activeView,\n\t\t\tviews: {},\n\t\t\tparams: State.params,\n\n\t\t\tscrollPosition: { x: window.scrollX, y: window.scrollY }\n\t\t};\n\n\t\tfor (let view of Object.keys(State.views)) {\n\t\t\tstate.views[view] = {\n\t\t\t\tcurrentIndex: State.views[view].params.currentIndex,\n\t\t\t\tuserFacets: State.views[view].params.userFacets,\n\t\t\t\tselectedFacets: State.views[view].params.selectedFacets,\n\t\t\t\torderBy: State.views[view].params.orderBy\n\t\t\t}\n\t\t}\n\n\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\tif (urlParams.has(Settings.searchQueryParam)) {\n\t\t\turlParams.delete(Settings.searchQueryParam);\n\t\t}\n\n\t\tif (urlParams.has(Settings.scopedQueryParam)) {\n\t\t\turlParams.delete(Settings.scopedQueryParam);\n\t\t}\n\n\t\tif (urlParams.has(Settings.scopeParam)) {\n\t\t\turlParams.delete(Settings.scopeParam);\n\t\t}\n\n\n\t\tif (Array.from(urlParams.keys()).length === 0) {\n\t\t\thistory.replaceState(null, '', window.location.pathname);\n\t\t} else {\n\t\t\thistory.replaceState(null, '', '?' + urlParams);\n\t\t}\n\n\t\tlet states = sessionStorage.getItem(Settings.stateStoreKey);\n\t\ttry {\n\t\t\tstates = JSON.parse(states);\n\t\t\tif (!(typeof states === 'object' && states)) {\n\t\t\t\tstates = {};\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tstates = {};\n\t\t}\n\n\t\tstates[window.location.pathname] = state;\n\n\t\tsessionStorage.setItem(Settings.stateStoreKey, JSON.stringify(states));\n\t}\n\n\trestoreState() {\n\t\tif (!State.page) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet states = sessionStorage.getItem(Settings.stateStoreKey);\n\t\ttry {\n\t\t\tstates = JSON.parse(states);\n\t\t\tif (!(typeof states === 'object' && states)) {\n\t\t\t\tstates = false;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tstates = false;\n\t\t}\n\n\t\tconst stateObject = states[window.location.pathname];\n\n\t\tif (states && stateObject) {\n\n\t\t\tif (!Settings.isCategory) {\n\t\t\t\tconst urlParams = new URLSearchParams(window.location.search);\n\n\t\t\t\turlParams.set(Settings.searchQueryParam, stateObject.params.searchTerm);\n\n\t\t\t\tif (stateObject.params.scopedTerm) {\n\t\t\t\t\turlParams.set(Settings.scopedQueryParam, stateObject.params.scopedTerm);\n\t\t\t\t}\n\n\t\t\t\tif (stateObject.params.scope) {\n\t\t\t\t\turlParams.set(Settings.scopeParam, stateObject.params.scope);\n\t\t\t\t}\n\n\t\t\t\thistory.replaceState(null, '', '?' + urlParams);\n\t\t\t}\n\n\t\t\tconst activeView = stateObject.activeView || State.activeView;\n\t\t\tState.restoreState = {\n\t\t\t\tscrollPosition: stateObject.scrollPosition ? stateObject.scrollPosition : false,\n\t\t\t\tactiveView: activeView,\n\t\t\t\tviews: stateObject.views || {},\n\t\t\t\tparams: stateObject.params\n\t\t\t};\n\n\t\t\treturn true;\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n}\n\nexport default Loop54Search;\n"],"sourceRoot":""}