$ {filtro.name}
`;if (filtro.name === "color") {const isshow = uniqueValues.filter (val => val.selected) .length> 0?verdadero Falso;FilterItems += `
- `;UniqueValues.ForEach (((V) => {FilterItems += `
- $ {capitalizar (v.value)} `;});} else {const sortedValues = uniqueValues.sort (((a, b) => {const indexA = object.Values (SizeMap) .indexof (a.value); const indexb = object.Values (SizeMap) .indexof (Value);const isshow = sortedValues.filter (val => val.selected) .length> 0?verdadero Falso;FilterItems += `
- $ {V.Value} `});} FilterItems += `
- `;SortedValues.ForEach ((V) => {FilterItems += `
`;});const filtrohtml = `
$ {FilterItems}
`;const facetel = fragmentFromString (filtreHtml);Hss.registerListeners ('Evento de la página de destino', facetel);const filtros = document.queryselector ('#bc-sf-filter-options-wrapper');if (filtros) {filters.replaceWith (facetel);} // updateMobileFilterButton (selectedChipsCount);UpdateTopSelectedChips (facetas);ResetFilterFacets (RESETFACETS)};const resetFilterFacets = (facets) => {if (facets.flat (). longitud> 0) {let cotentFacets = [];facets.flat (). foreach (searchValue => {const facetValues = searchValue.type === 'color'?facetValues.ForEach (facetValue => {const index = currentFacets.IndexOf (SearchValue.id + '_' + facetValue); if (index == -1) {currentFacets.push (searchValue.id + '_' + facetValue);} else {CurrentFacets.splice (índice, 1);pg.searchparams.set ('página', 1);window.history.pushstate ({}, '', pg);}}} function getKeySByValue (valor, mapa, tipo) {const keys = [];for (const [key, mapValue] de object.Entries (map)) {if (mapValue.tolowerCase () === value.tolowerCase ()) {if (LowerFacetValues.includes (Key)) {keys.push (key);} else {keys.push (type === 'size'? Key: Key.Charat (0) .ToUpperCase () + Key.Slice (1));}}} Return Keys;} const onClickFilterFacet = (el, type) => {const id = El.getAttribute ('data-id');const valor = el.getAttribute ('data-value');if (! id ||! value ||! type) return;if (pg.searchparams.has ('filtreFacets') && pg.searchparams.get ('filtreFacets')! = '') {let actionFacets = pg.searchparams.get ('filtreFacets'). Split (',');const SearchValues = type === 'Color'?getKeySByValue (valor, colormapp, 'color'): getKeySByValue (valor, sizEmap, 'size') searchValues.ForEach (searchValue => {const index = currentfacets.indexof (id + '_' + searchValue); if (index ==-1) {CurrentFacets.push (id + '_' + SearchValue);, CurrentFacets);} else {pg.searchparams.delete ('FilterFacets');}} else {const searchValues = type === 'color'?getKeySByValue (valor, colormap): getKeySbyValue (valor, sizeMap) if (searchValues.length> 1) {let newFacets = [] SearchValues.ForEach (SearchValue => {newFacets.push (ID + '_' + SearchValue);})pg.searchparams.set ('FilterFacets', newfacets);} else {pg.searchparams.set ('FilterFacets', id + '_' + valor);}} pg.searchparams.set ('página', 1);window.history.pushstate ({}, '', pg);getPageData ();};const man mayorfilterblock = (blockid, element) => {const filterblock = document.querySelector (`#$ {blockid}`);if (filtlock.style.display === 'none') {filterblock.style.display = 'block' element.classlist.add ('block-is-active')} else {filterblock.style.display = 'none'element.classlist.remove ('block-is-active')}} const updateTemObileFilterButton = (count) => {const mobileFilterButton = document.Queryselector ('. Botón móvil-buttons.secondary');if (mobileFilterButton) {if (count> 0) mobileFilterButton.innerHtml = `Clear($ {Count})`;else MobileFilterButton.innerhtml = `Clear`;}};const updateTopSelectedChips = (facets) => {const contenedor = document.querySelector ('. Collection__Filter');const listContainer = document.Queryselector ('. Collection__Filter .Filter-Nav ul');Dejar selectedChips = ``;facets.forEach ((facet, index) => {const selectedValues = (facet.Values || []). Filter ((valor) => valor.selected === true,); if (selectedValues.length> 0){const newValues = selectedValues.map (({value, seleccionado}) => ({valor: facet.name === 'size'? SizEmap [valor]: colormap [value.tolowerCase ()], seleccionado: seleccionado,})); / Eliminar los duplicados usando un conjunto constante de vallues = newValues.filter ((obj, index, self) => index === self.finDindex ((item) => item.value === obj.value));
`UniqueValues.ForEach ((V) => {SelectedChips +=`
`});}});if (selectedChips) {Container.classList.remove ('hide')} else {Container.classList.Add ('hide')} if (listContainer) {listContainer.innerhtml = selectedChips;}};const clearAllFilters = () => {pg.searchparams.delete ('filtreFacets');pg.searchparams.set ('página', 1);window.history.pushstate ({}, '', pg);getPageData ();};const onClickSortDropDown = (el, ev) => {ev.stoppropagation ();const parentel = el.ParentElement;const isactive = array.from (criar.classList) .Includes ('selectric-open');if (isactive) {parentel.classList.remove ('selectric-open');} else {ParentEl.ClassList.Add ('Selectric-Open');}};const onClickSort = (el, attrName) => {const valor = el.getAttribute ("data-value");const sorteLement = document.queryselector ('#btn-header-sort');const updateValueElement = document.querySelector ('#Selectric-Label');const sortallelements = document.querySelectorAll ('#bc-sf-filter-top-sorting .listbox li');sortelement.classList.remove ('Selectric-Open');updateValueElement.TextContent = attrName;sortallelements.forEach ((element, index) => {if (sortallelements.length === index + 1) {element.classname = 'last'} else {element.classname = '' '}}) el.classname = "seleccionado"if (value ==" ") {pg.searchparams.delete ('sort');pg.searchparams.delete ('sortDirection');} else {pg.searchparams.set ('sort', valor? .split ('_') [0]);pg.searchParams.set ('sortDirection', valor? .split ('_') [1]);} window.history.pushstate ({}, '', pg);getPageData ();};const clickaccordionItem = (el) => {const iconplus = '
';const iconminus = '
';const acorkion = el.Closest ('. Opt-Faq-Accordion');const currentPanel = el.closest ('. acorkion-panel');const centrePanelBody = currentPanel.querySelector ('. Panel-Body');const icon = el.Queryselector ('. toggle-icon');if (?if (ActivePanel) {const ActivePanelBody = ActivePanel.QuerySelector ('. Panel-Body');const activeiCon = ActivePanel.querySelector ('. Toggle-icon');ActivePanel.ClassList.Remove ('Active');ActivePanelBody.ClassList.Add ('Hidden');ActiveCon.innerhtml = iconplus;} currentPanel.classList.Add ('activo');currentPanelBody.classList.remove ('Hidden');icon.innerhtml = iconminus;} else {currentPanel.classList.remove ('activo');currentPanelBody.classList.Add ('Hidden');icon.innerhtml = iconplus;}} const fragmentFromString = (strhtml) => {return document.createrGe (). CreateContextualFragment (strhtml);} const truncateIntro = () => {var descripción = document.getElementById ('Intro_Description');var originalText = Descripción.TextContent;var maxLength = 200;if (window.innerWidth <= 767 && originalText.length> maxLength) {var truncatedText = originalText.substring (0, maxLength);descripción.textContent = truncatedText + '...';var readMorelink = document.createElement ('a');readMorelink.href = '#';readMorelink.TextContent = 'leer más';readMorelink.AdDeventListener ('Click', function (e) {e.PreventDefault (); if (description.textContent === TruncatedText + '...') {Descripción.TextContent = originalText; Readmorelink.TextContent = 'Read menos' ';descripción}} document.adDeventListener ('DomContentLoaded', async () => {var spinnerElement = document.queryselector ('. splash-screen'); if (spinnerElement) {spinnerelement.parentnode.removechild (spinnerelement);} más {consolue.Error ('Elemento Spinner no encontrado.');get ('FilterFacets')! = '') || (pg.searchparams.has ('page') && pg.searchparams.get ('página')! = '1') ||'sort') && pg.searchparams.has ('sort')! = '' && pg.searchparams.has ('sortDirection') && pg.searchparams.has ('sortDirection')! = '')) {ismetaonly =falso;} espera getPageData (ismetaonly);
