Кисть Lucas Кисть тонка – купить

60 грн

120 грн

В наличии

%

Войти для отображения накопительной скидки

−50%

Войти с помощью

Оцените товар

Мы заботимся о вашей конфиденциальности

Этот веб-сайт использует файлы cookie для маркетинга и статистических целей, а также для безопасной и оптимальной работы сайта. Вы можете изменить это в настройках вашего браузера. Нажмите на кнопку «Согласиться», чтобы дать согласие на использование файлов cookie. Подробнее можно ознакомиться на странице Пользовательское соглашение.

/** * YK Brands Filter v4 for Horoshop * * One-file, dependency-free enhancement for a paginated brands page. * The module waits for a stable brands DOM, loads every pagination page, * builds a safe in-memory model, and renders search/alphabet results from it. * * Optional configuration (define BEFORE this script): * window.YKBrandsFilterV4Config = { * debug: true, * cacheTtl: 24 * 60 * 60 * 1000, * readyTimeout: 45000, * fetchTimeout: 15000, * concurrency: 2, * containerSelectors: ['.your-brands-list'], * itemSelectors: ['.your-brand-card'] * }; * * Public API: window.YKBrandsFilterV4.init(), .refresh(), .destroy(), .state */ (function (window, document) { 'use strict'; /** * @typedef {Object} BrandModel * @property {string} id Stable deduplication identifier. * @property {string} name Human-readable brand name. * @property {string} url Absolute brand page URL. * @property {string} image Absolute logo URL or an empty string. * @property {string} imageAlt Logo alternative text. * @property {string} imageSrcset Responsive image candidates. * @property {string} imageSizes Responsive image sizes. * @property {string} title Link title. * @property {boolean} lazy Whether the source image was lazy-loaded. * @property {string[]} extraClasses Source card classes retained for compatibility. */ const VERSION = '4.1.0'; const NS = 'ykbf4'; const userConfig = window.YKBrandsFilterV4Config || {}; const defaults = { debug: false, cacheTtl: 24 * 60 * 60 * 1000, readyTimeout: 45000, fetchTimeout: 15000, domQuietTime: 500, concurrency: 2, searchDebounce: 50, containerSelectors: [ '.brands-list', '.brand-list', '.brands-page__list', '.brands__list', '.catalog-brands', '[data-brands-list]' ], itemSelectors: [ '.brands-list__item', '.brand-list__item', '.brands-page__item', '.brands__item', '.brand-item', '[data-brand-item]' ], paginationSelectors: [ '.pagination', '.pager', '.pages', '[class*="pagination"]', '[data-pagination]' ] }; const config = Object.assign({}, defaults, userConfig); config.readyTimeout = Number(userConfig.readyTimeout || userConfig.catalogTimeout || defaults.readyTimeout); config.domQuietTime = Math.max(500, Number(config.domQuietTime) || 500); config.containerSelectors = mergeUnique(userConfig.containerSelectors, defaults.containerSelectors); config.itemSelectors = mergeUnique(userConfig.itemSelectors, defaults.itemSelectors); config.paginationSelectors = mergeUnique(userConfig.paginationSelectors, defaults.paginationSelectors); const state = { status: 'idle', brands: [], filteredCount: 0, pageCount: 0, failedPages: [], fromCache: false, query: '', letter: '*', diagnostics: null }; let elements = {}; let abortController = null; let debounceTimer = null; let rebuildTimer = null; let initPromise = null; let lifecycleId = 0; let destroyed = false; let readinessObserver = null; let rebuildObserver = null; let rendering = false; let managedNodes = new Set(); let scanCache = new WeakMap(); let brandMeta = new Map(); const activeTimers = new Map(); const trackedListeners = []; const diagnostics = createDiagnostics(); const i18n = getTranslations(); function mergeUnique(preferred, fallback) { return Array.from(new Set([].concat(preferred || [], fallback || []).filter(Boolean))); } function log(...args) { if (config.debug && window.console) console.log(`[${NS}]`, ...args); } function warn(...args) { if (config.debug && window.console) console.warn(`[${NS}]`, ...args); } /** @returns {Object} Mutable diagnostic counters for the current lifecycle. */ function createDiagnostics() { return { pagesFound: 0, pagesLoaded: 0, brandsLoaded: 0, duplicatesRemoved: 0, cacheHit: false, retryCount: 0, renderTime: 0, totalInitTime: 0, domRebuilds: 0 }; } function getTranslations() { const lang = (document.documentElement.lang || 'uk').toLowerCase(); if (lang.startsWith('ru')) { return { placeholder: 'Поиск бренда', all: 'Все', found: 'Найдено: ', loading: 'Загружаем все бренды…', empty: 'Бренды не найдены', partial: 'Не все страницы удалось загрузить. Доступна стандартная пагинация.', clear: 'Очистить поиск', searchLabel: 'Поиск по брендам', alphabetLabel: 'Фильтр по алфавиту' }; } if (lang.startsWith('en')) { return { placeholder: 'Search brands', all: 'All', found: 'Found: ', loading: 'Loading all brands…', empty: 'No brands found', partial: 'Some pages could not be loaded. Standard pagination remains available.', clear: 'Clear search', searchLabel: 'Search brands', alphabetLabel: 'Alphabet filter' }; } return { placeholder: 'Пошук бренду', all: 'Усі', found: 'Знайдено: ', loading: 'Завантажуємо всі бренди…', empty: 'Брендів не знайдено', partial: 'Не всі сторінки вдалося завантажити. Стандартна пагінація доступна.', clear: 'Очистити пошук', searchLabel: 'Пошук брендів', alphabetLabel: 'Алфавітний фільтр' }; } function normalize(value) { const text = String(value || '').trim().toLocaleLowerCase(); try { return text.normalize('NFKD').replace(/[\u0300-\u036f]/g, ''); } catch (error) { return text; } } function brandLetter(name) { const first = Array.from(String(name || '').trim().toLocaleUpperCase())[0] || '#'; if (/\d/.test(first)) return '0-9'; return /[\p{L}]/u.test(first) ? first : '#'; } /** Creates a tracked, destroy-safe delay. */ function wait(ms) { return new Promise((resolve) => { const timer = window.setTimeout(() => { activeTimers.delete(timer); resolve(); }, ms); activeTimers.set(timer, resolve); }); } function addTrackedListener(target, type, handler, options, cancel) { target.addEventListener(type, handler, options); trackedListeners.push({ target, type, handler, options, cancel }); } /** Waits for window.load, a discoverable brands container, and 500 ms of DOM quietness. */ async function waitForStableBrandsDom() { const started = Date.now(); await waitForWindowLoad(); while (Date.now() - started < config.readyTimeout) { if (destroyed) throw new Error('Module destroyed'); scanCache = new WeakMap(); const container = findBrandContainer(document); if (container) { await waitForQuietDom(container, config.domQuietTime, config.readyTimeout - (Date.now() - started)); scanCache = new WeakMap(); const stableContainer = findBrandContainer(document); if (stableContainer && stableContainer.isConnected) { const builderPresent = typeof window.CatalogBuilder !== 'undefined'; log('Brands DOM is stable', { catalogBuilderPresent: builderPresent }); return stableContainer; } } await wait(100); } throw new Error(`Brands DOM was not stable within ${config.readyTimeout} ms`); } function waitForWindowLoad() { if (document.readyState === 'complete') return Promise.resolve(); return new Promise((resolve) => { const onLoad = () => { const index = trackedListeners.findIndex((entry) => entry.handler === onLoad); if (index !== -1) trackedListeners.splice(index, 1); resolve(); }; addTrackedListener(window, 'load', onLoad, { once: true }, resolve); }); } function waitForQuietDom(container, quietMs, remainingMs) { return new Promise((resolve, reject) => { let quietTimer = null; let deadlineTimer = null; let settled = false; const finish = (error) => { if (settled) return; settled = true; if (quietTimer) clearTrackedTimer(quietTimer); if (deadlineTimer) clearTrackedTimer(deadlineTimer); if (readinessObserver) readinessObserver.disconnect(); readinessObserver = null; if (error) reject(error); else resolve(); }; const schedule = (callback, delay) => { const timer = window.setTimeout(() => { activeTimers.delete(timer); callback(); }, delay); activeTimers.set(timer, () => finish(new Error('Module destroyed'))); return timer; }; const resetQuietTimer = () => { if (quietTimer) clearTrackedTimer(quietTimer); quietTimer = schedule(() => finish(), quietMs); }; readinessObserver = new MutationObserver(resetQuietTimer); readinessObserver.observe(container, { childList: true, subtree: true, attributes: true }); if (container.parentNode) readinessObserver.observe(container.parentNode, { childList: true }); deadlineTimer = schedule(() => finish(new Error('Brands DOM kept changing')), Math.max(1, remainingMs)); resetQuietTimer(); }); } function clearTrackedTimer(timer) { window.clearTimeout(timer); activeTimers.delete(timer); } /** Scans each Document/Element once and caches all relevant nodes. */ function scanRoot(root) { if (scanCache.has(root)) return scanCache.get(root); const selectors = [ 'a[href]', '[data-page]', ...config.containerSelectors, ...config.paginationSelectors ]; let nodes = []; const validSelectors = mergeUnique(selectors, []).filter(isValidSelector); try { nodes = Array.from(root.querySelectorAll(validSelectors.join(','))); } catch (error) { warn('DOM scan failed', error); } const scan = { anchors: nodes.filter((node) => node.tagName === 'A' && node.hasAttribute('href')), hints: nodes.filter((node) => matchesAny(node, config.containerSelectors)), paginations: nodes.filter((node) => matchesAny(node, config.paginationSelectors)) }; scanCache.set(root, scan); return scan; } function isValidSelector(selector) { try { document.documentElement.matches(selector); return true; } catch (error) { return false; } } function matchesAny(node, selectors) { return selectors.some((selector) => { try { return node.matches(selector); } catch (error) { return false; } }); } function isExcludedLink(link) { return Boolean(link.closest(`header,footer,nav,.breadcrumbs,.breadcrumb,.${NS}-controls`) || closestAny(link, config.paginationSelectors)); } function closestAny(node, selectors) { for (const selector of selectors) { try { const match = node.closest(selector); if (match) return match; } catch (error) { /* invalid optional selector */ } } return null; } /** Selects the deepest block containing the largest set of unique content links. */ function findBrandContainer(root, baseUrl) { const scan = scanRoot(root); const hintSet = new Set(scan.hints); const candidates = new Map(); scan.anchors.forEach((link) => { if (isExcludedLink(link) || !getBrandName(link)) return; let href; try { href = new URL(link.getAttribute('href'), baseUrl || root.baseURI || window.location.href).href.replace(/[?#].*$/, ''); } catch (error) { return; } let node = link.parentElement; while (node && node !== root.body && node !== document.body) { if (!node.closest(`.${NS}-controls`) && !matchesAny(node, config.paginationSelectors)) { if (!candidates.has(node)) candidates.set(node, new Set()); candidates.get(node).add(href); } node = node.parentElement; } }); let best = null; let bestCount = 1; let bestHint = false; let bestDepth = -1; candidates.forEach((urls, candidate) => { const count = urls.size; const hinted = hintSet.has(candidate); const depth = elementDepth(candidate); if (count > bestCount || (count === bestCount && hinted && !bestHint) || (count === bestCount && hinted === bestHint && depth > bestDepth)) { best = candidate; bestCount = count; bestHint = hinted; bestDepth = depth; } }); candidates.clear(); return best; } function elementDepth(node) { let depth = 0; while (node && node.parentElement) { depth += 1; node = node.parentElement; } return depth; } function linksForContainer(container, root) { const cached = scanCache.get(container); if (cached) return cached.anchors; const anchors = scanRoot(root).anchors.filter((link) => container.contains(link) && !isExcludedLink(link)); scanCache.set(container, { anchors }); return anchors; } function getBrandName(link) { const image = link.getElementsByTagName('img')[0] || null; return String( link.getAttribute('title') || (image && image.getAttribute('alt')) || link.textContent || '' ).replace(/\s+/g, ' ').trim(); } /** @returns {Array