(() => { const incoming = {}; const state = window.__baResponsiveImages || Object.create(null); Object.assign(state, incoming); window.__baResponsiveImages = state; const trustedHosts = new Set([window.location.hostname.toLowerCase(), 'cdn.bansalacademy.in']); for (const record of Object.values(state)) { const candidates = [record && record.sourceUrl, ...((record && record.variants) || []).map((item) => item && item.url)]; for (const candidate of candidates) { try { trustedHosts.add(new URL(String(candidate || ''), window.location.href).hostname.toLowerCase()); } catch {} } } const safeDecode = (value) => { try { return decodeURIComponent(value); } catch { return value; } }; const canonicalPath = (source) => { let value = String(source || '').trim().replace(/&/gi, '&'); if (!value || /^(?:data:|blob:|javascript:)/i.test(value)) return ''; if (value.startsWith('//')) value = 'https:' + value; try { const url = new URL(value, window.location.href); if (/^(?:https?:)?\/\//i.test(value) && !trustedHosts.has(url.hostname.toLowerCase())) return ''; const path = safeDecode(url.pathname).replace(/^\/+/, ''); return path.startsWith('uploads/') && !path.includes('..') ? path : ''; } catch { const path = safeDecode(value.split(/[?#]/, 1)[0] || '').replace(/^\/+/, ''); return path.startsWith('uploads/') && !path.includes('..') ? path : ''; } }; const parseSrcsetCandidates = (srcset) => String(srcset || '') .split(',') .map((part) => { const trimmed = String(part || '').trim(); const match = trimmed.match(/^(S+)s+(d+)w$/); if (!match) return null; return { url: match[1], width: Number(match[2]), height: 1 }; }) .filter(Boolean) .sort((left, right) => Number(left.width) - Number(right.width)); const dynamicRecordFor = (source) => { try { if (typeof window.baDynamicImageInfo !== 'function') return undefined; const row = window.baDynamicImageInfo(source); if (!row || typeof row !== 'object') return undefined; const variants = parseSrcsetCandidates(row.srcset || ''); if (!variants.length && !row.fallback) return undefined; return { sourceUrl: String(row.original || source || ''), sourcePath: canonicalPath(row.original || source || ''), width: Number(row.sourceWidth || 0), height: Number(row.sourceHeight || 0), processorVersion: 'dynamic', manualAltText: String(row.manualAltText || ''), altText: String(row.altText || ''), variants, fallback: String(row.fallback || ''), sizes: String(row.sizes || ''), }; } catch { return undefined; } }; const recordFor = (source) => { const value = String(source || '').trim(); if (state[value]) return state[value]; const path = canonicalPath(value); if (path && state[path]) return state[path]; return dynamicRecordFor(value); }; const variantsFor = (source) => { const record = recordFor(source); if (!record || !Array.isArray(record.variants)) return []; return record.variants .filter((item) => Number(item && item.width) > 0 && item && item.url) .map((item) => ({ width: Number(item.width), height: Number(item.height) || 1, url: String(item.url) })) .sort((left, right) => Number(left.width) - Number(right.width)); }; const transparentPixel = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='; const manifestMisses = new Set(); let requestUnknown = () => undefined; /* F5X_UNIVERSAL_CDN_IMAGE_RUNTIME: Bansal CDN unknown images keep original while manifest lookup resolves available variants. */ /* F5U_CORE_DYNAMIC_IMAGE_FIX: tune baImage* functions used by Alpine/CMS dynamic images */ const f5uSourceValue = (source) => String(source || ''); /* P2O_RANKER_MOBILE_RUNTIME_FIX: dynamic ranker images carry complete attributes, but they are not SSR images. Keep the existing <=640 mobile policy active for all three mobile ranker assets without reducing desktop ranker quality. */ const p2oMobileRankerTokens = [ '1767783835_695e3d9bb8301', '1767784093_695e3e9dce005', '1767784433_695e3ff11cff6', ]; const f5uIsRanker = (source, element) => { const value = f5uSourceValue(source); if (p2oMobileRankerTokens.some((token) => value.includes(token))) return true; if (!(element instanceof HTMLImageElement)) return false; if (element.getAttribute('data-ba-dynamic-image') !== 'ranker') return false; if (!window.matchMedia('(max-width: 767px)').matches) return false; const record = recordFor(source); return Number(record && record.width || 0) > 0 && Number(record && record.width || 0) <= 900; }; const f5uIsNvsGif = (source) => f5uSourceValue(source).includes('NVS.gif'); const f5uIsFlaticon = (source) => f5uSourceValue(source).includes('cdn-icons-png.flaticon.com'); const f5uSvgIcon = (kind) => { if (kind === 'search') { return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(''); } if (kind === 'nvs') { return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(''); } return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(''); }; const f5uTunedVariants = (source, element) => { const variants = variantsFor(source); if (f5uIsRanker(source, element)) { const capped = variants.filter((item) => Number(item.width) <= 640); return capped.length ? capped : variants.slice(0, 2); } return variants; }; const srcsetFor = (source, element) => f5uTunedVariants(source, element).map((item) => String(item.url) + ' ' + Number(item.width) + 'w').join(', '); const fallbackFor = (source, element) => { if (f5uIsFlaticon(source)) return f5uSvgIcon('search'); if (f5uIsNvsGif(source)) return f5uSvgIcon('nvs'); const variants = f5uTunedVariants(source, element); if (variants.length) return String(variants[0].url); const record = recordFor(source); if (record && record.fallback) return String(record.fallback); const path = canonicalPath(source); if (path && !manifestMisses.has(path)) requestUnknown(source); return String(source || ''); }; const sizeFor = (source, element) => { if (f5uIsRanker(source, element)) return '240px'; if (f5uIsFlaticon(source) || f5uIsNvsGif(source)) return '36px'; if (element && element instanceof HTMLImageElement) { const current = String(element.getAttribute('sizes') || '').trim(); if (current && current !== 'auto') return current; const rect = element.getBoundingClientRect(); const width = Math.ceil(rect.width || element.clientWidth || Number(element.getAttribute('width') || 0)); if (width > 0 && width < 4096) return width + 'px'; } const record = recordFor(source); if (record && record.sizes) return String(record.sizes); const width = Number(record && record.width || 0); return width > 0 && width <= 320 ? width + 'px' : '100vw'; }; window.baImageFallback = fallbackFor; window.baImageSrcset = srcsetFor; window.baImageSizes = sizeFor; window.baDynamicImageFallback = window.baDynamicImageFallback || fallbackFor; window.baDynamicImageSrcset = window.baDynamicImageSrcset || srcsetFor; const automaticAltFor = (source, image) => { if (image && image.getAttribute('data-ba-dynamic-image') === 'ranker') return 'Ranker Result'; let value = String(source || '').trim(); try { value = new URL(value, window.location.href).pathname; } catch {} try { value = decodeURIComponent(value); } catch {} value = (value.split(/[?#]/, 1)[0] || '').split('/').pop() || value; value = value .replace(/.(?:avif|gif|jpe?g|png|svg|webp)$/i, '') .replace(/__ba_vd+_wd+$/i, '') .replace(/^d{10,14}[_-s]+[0-9a-f]{8,40}[_-s]*/i, '') .replace(/[0-9a-f]{16,40}/gi, ' ') .replace(/(?:ba|vd+|wd{2,5})/gi, ' ') .replace(/[_-]+/g, ' ') .replace(/s+/g, ' ') .trim(); if (!/[a-z]{3}/i.test(value) || /^(?:image|img|photo|picture|media|upload)$/i.test(value)) { return 'Bansal Academy image'; } return value.slice(0, 180); }; const applyImageAlt = (image, source, record) => { if (!(image instanceof HTMLImageElement)) return; const manualAltText = String(record && record.manualAltText || '').trim(); if (manualAltText) { if (image.getAttribute('alt') !== manualAltText) image.setAttribute('alt', manualAltText.slice(0, 240)); image.dataset.baAltSource = 'media-manual'; return; } if (image.hasAttribute('alt') || image.hasAttribute(':alt') || image.hasAttribute('x-bind:alt')) return; const resolvedAltText = String(record && record.altText || '').trim(); const contextualAltText = image.getAttribute('data-ba-dynamic-image') === 'ranker' ? automaticAltFor(source, image) : (resolvedAltText || automaticAltFor(source, image)); image.setAttribute('alt', contextualAltText.slice(0, 240)); image.dataset.baAltSource = resolvedAltText && image.getAttribute('data-ba-dynamic-image') !== 'ranker' ? 'media-auto' : 'runtime-auto'; }; const observed = new WeakSet(); const resizeObserver = typeof ResizeObserver === 'function' ? new ResizeObserver((entries) => { for (const entry of entries) { const image = entry.target; if (!(image instanceof HTMLImageElement)) continue; const source = image.dataset.baOriginalSrc || image.getAttribute('src') || ''; if (!recordFor(source)) continue; const width = Math.ceil(entry.contentRect.width || image.clientWidth || 0); if (width > 0 && width < 4096) { const nextSizes = f5uIsRanker(source, image) ? sizeFor(source, image) : width + 'px'; if (image.getAttribute('sizes') !== nextSizes) image.setAttribute('sizes', nextSizes); } } }) : null; const pending = new Set(); const requested = new Set(); let fetchTimer = 0; const flushUnknown = () => { fetchTimer = 0; const sources = [...pending].slice(0, 80); for (const source of sources) pending.delete(source); if (!sources.length) return; fetch('/api/cms/image-manifest', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ sources }), credentials: 'same-origin', }) .then((response) => response.ok ? response.json() : null) .then((payload) => { if (payload && payload.images) Object.assign(state, payload.images); for (const source of sources) { const path = canonicalPath(source); if (path && !recordFor(source)) manifestMisses.add(path); } applyAll(); }) .catch(() => { for (const source of sources) { const path = canonicalPath(source); if (path) manifestMisses.add(path); } applyAll(); }) .finally(() => { if (pending.size && !fetchTimer) fetchTimer = window.setTimeout(flushUnknown, 80); }); }; requestUnknown = (source) => { const path = canonicalPath(source); if (!path || requested.has(path) || manifestMisses.has(path)) return; requested.add(path); pending.add(String(source || path)); if (!fetchTimer) fetchTimer = window.setTimeout(flushUnknown, 80); }; const firstSrcsetSource = (value) => { const normalized = String(value || '').trim(); if (!normalized || normalized.includes(',')) return ''; return normalized.replace(/s+d+(?:.d+)?[wx]s*$/i, '').trim(); }; const generatedVariantPath = (value) => { const path = canonicalPath(value); return Boolean(path && (path.includes('/legacy-variants/') || path.includes('__ba_v2_'))); }; const applySource = (sourceElement) => { if (!(sourceElement instanceof HTMLSourceElement)) return; const currentSrcset = sourceElement.getAttribute('srcset') || ''; /* P2F_SSR_RESPONSIVE_PRESERVE: every server-rendered responsive already has its final srcset. Avoid any runtime reassignment that can trigger a second cold request. */ if (sourceElement.dataset.baResponsiveSource === '1' && currentSrcset) { sourceElement.dataset.baSsrRuntimePreserved = 'p2f'; return; } const currentSingle = firstSrcsetSource(currentSrcset); const storedOriginal = sourceElement.dataset.baOriginalSrcset || sourceElement.getAttribute('data-ba-original-srcset') || ''; const currentPath = canonicalPath(currentSingle); const storedPath = canonicalPath(storedOriginal); const sourceChanged = Boolean(currentPath && !generatedVariantPath(currentSingle) && currentPath !== storedPath); const original = sourceChanged ? currentSingle : (storedOriginal || currentSingle); if (sourceChanged && original) sourceElement.dataset.baOriginalSrcset = original; const record = recordFor(original); if (!record) { const path = canonicalPath(original); if (path && !sourceElement.dataset.baOriginalSrcset) sourceElement.dataset.baOriginalSrcset = original; if (path && !manifestMisses.has(path)) requestUnknown(original); return; } const responsiveSrcset = srcsetFor(original); if (!responsiveSrcset) return; if (!sourceElement.dataset.baOriginalSrcset && original) sourceElement.dataset.baOriginalSrcset = original; if (sourceElement.getAttribute('srcset') !== responsiveSrcset) sourceElement.setAttribute('srcset', responsiveSrcset); if (!sourceElement.hasAttribute('sizes')) sourceElement.setAttribute('sizes', '100vw'); sourceElement.dataset.baResponsiveSource = '1'; }; const applyImage = (image) => { if (!(image instanceof HTMLImageElement)) return; const priority = image.getAttribute('fetchpriority') === 'high' || image.dataset.lcp === '1'; /* P2F_SSR_RESPONSIVE_PRESERVE: SSR responsive images already have final src/srcset/sizes. Skip mutation and ResizeObserver registration for all of them, not only the primary LCP. Dynamic or newly-added images without this complete SSR marker still use the runtime. */ const p2oDynamicRanker = f5uIsRanker( image.dataset.baOriginalSrc || image.getAttribute('data-ba-original-src') || image.getAttribute('src') || '', image, ); const serverRenderedResponsive = image.dataset.baResponsiveImage === '1' && !p2oDynamicRanker && Boolean(image.getAttribute('src')) && Boolean(image.getAttribute('srcset')) && Boolean(image.getAttribute('sizes')); const altSource = image.dataset.baOriginalSrc || image.getAttribute('data-ba-original-src') || image.getAttribute('src') || ''; const altRecord = recordFor(altSource); applyImageAlt(image, altSource, altRecord); if (serverRenderedResponsive) { image.dataset.baSsrRuntimePreserved = 'p2f'; if (priority) image.dataset.baLcpRuntimePreserved = '1'; return; } const original = image.dataset.baOriginalSrc || image.getAttribute('data-ba-original-src') || image.getAttribute('src') || ''; const record = recordFor(original); if (!record) { const path = canonicalPath(original); if (path && !image.dataset.baOriginalSrc) image.dataset.baOriginalSrc = original; if (path && !manifestMisses.has(path)) requestUnknown(original); if (path && manifestMisses.has(path) && image.getAttribute('src') === transparentPixel) { image.setAttribute('src', original); } return; } const variants = variantsFor(original); if (!image.dataset.baOriginalSrc && original) image.dataset.baOriginalSrc = original; if (Number(record.width) > 0 && !image.hasAttribute('width')) image.setAttribute('width', String(record.width)); if (Number(record.height) > 0 && !image.hasAttribute('height')) image.setAttribute('height', String(record.height)); if (!image.hasAttribute('decoding')) image.setAttribute('decoding', 'async'); if (!priority && !image.hasAttribute('loading')) image.setAttribute('loading', 'lazy'); if (variants.length) { const srcset = srcsetFor(original, image); if (srcset && image.getAttribute('srcset') !== srcset) image.setAttribute('srcset', srcset); const nextSizes = sizeFor(original, image); if (image.getAttribute('sizes') !== nextSizes) image.setAttribute('sizes', nextSizes); const currentPath = canonicalPath(image.getAttribute('src') || ''); const originalPath = canonicalPath(original); if (!image.getAttribute('src') || image.getAttribute('src') === transparentPixel || currentPath === originalPath) image.setAttribute('src', fallbackFor(original, image)); image.dataset.baResponsiveImage = '1'; if (p2oDynamicRanker) image.dataset.baRankerP2o = 'mobile-cap-640'; } if (resizeObserver && !observed.has(image)) { observed.add(image); resizeObserver.observe(image); } }; const applyTree = (root) => { if (root instanceof HTMLImageElement) applyImage(root); if (root instanceof HTMLSourceElement) applySource(root); if (root && root.querySelectorAll) { root.querySelectorAll('source[srcset]').forEach(applySource); root.querySelectorAll('img').forEach(applyImage); } }; const applyAll = () => applyTree(document); window.baApplyResponsiveImages = applyAll; const mutationObserver = new MutationObserver((records) => { for (const record of records) { if (record.type === 'attributes') { if (record.target instanceof HTMLSourceElement) applySource(record.target); else applyImage(record.target); } for (const node of record.addedNodes || []) applyTree(node); } }); const start = () => { applyAll(); mutationObserver.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'srcset', 'data-src', 'data-lazy-src', 'data-ba-original-src', 'data-ba-original-srcset'], }); /* F5Q_PAGESPEED_DYNAMIC_IMAGE_TUNING: prefer smaller variants for below-fold dynamic images */ try { const parseCandidates = (srcset) => String(srcset || "") .split(",") .map((part) => { const trimmed = part.trim(); const match = trimmed.match(/^(S+)s+(d+)w$/); if (!match) return null; return { url: match[1], width: Number(match[2]), raw: trimmed }; }) .filter(Boolean) .sort((a, b) => a.width - b.width); const chooseMax = (srcset, maxWidth) => { const candidates = parseCandidates(srcset); if (!candidates.length) return ""; const chosen = candidates.filter((item) => item.width <= maxWidth).pop() || candidates[0]; return chosen.url; }; const capSrcset = (srcset, maxWidth) => { const candidates = parseCandidates(srcset); if (!candidates.length) return srcset || ""; const filtered = candidates.filter((item) => item.width <= maxWidth); const safe = filtered.length ? filtered : [candidates[0]]; return safe.map((item) => item.raw).join(", "); }; const isRankerImage = (url, image) => { const value = String(url || "") + " " + String(image?.className || "") + " " + String(image?.getAttribute?.("data-ba-dynamic-image") || ""); return value.includes("1767783835_695e3d9bb8301") || value.includes("ranker"); }; const isSmallIcon = (url, image) => { const value = String(url || "") + " " + String(image?.className || "") + " " + String(image?.getAttribute?.("alt") || ""); const rect = image?.getBoundingClientRect ? image.getBoundingClientRect() : null; return ( value.includes("exam.iconUrl") || value.includes("NVS.gif") || value.includes("IIT%20JAM%20logo") || value.includes("w-4/5") || value.includes("h-4/5") || (rect && rect.width > 0 && rect.width <= 96 && rect.height > 0 && rect.height <= 120) ); }; /* P2O_RANKER_INFO_LATE_ASSIGNMENT_INTERCEPT: the trusted CMS block defines baDynamicImageInfo after this runtime starts. Arm a configurable accessor now, wrap the function synchronously at assignment time, and return the existing <=640 mobile subset before ranker images are appended. */ const p2oWrapDynamicInfo = (candidate) => { if (typeof candidate !== "function" || candidate.__baP2oRanker) return candidate; const p2oDynamicInfo = function baDynamicImageInfoP2O(url) { const row = candidate.apply(this, arguments); const value = String(url || ""); const mobileRanker = window.matchMedia("(max-width: 767px)").matches && p2oMobileRankerTokens.some((token) => value.includes(token)); if (!mobileRanker || !row || typeof row !== "object") return row; const srcset = capSrcset(row.srcset || "", 640); return { ...row, srcset, fallback: chooseMax(srcset, 640) || row.fallback, sizes: "240px", p2oRanker: "mobile-cap-640", }; }; Object.defineProperty(p2oDynamicInfo, "__baP2oRanker", { value: true }); document.documentElement.dataset.baRankerP2o = "ready"; return p2oDynamicInfo; }; const p2oInfoDescriptor = Object.getOwnPropertyDescriptor(window, "baDynamicImageInfo"); if (!p2oInfoDescriptor || p2oInfoDescriptor.configurable) { let p2oDynamicInfoValue = p2oWrapDynamicInfo(window.baDynamicImageInfo); Object.defineProperty(window, "baDynamicImageInfo", { configurable: true, enumerable: p2oInfoDescriptor ? Boolean(p2oInfoDescriptor.enumerable) : true, get() { return p2oDynamicInfoValue; }, set(value) { p2oDynamicInfoValue = p2oWrapDynamicInfo(value); }, }); document.documentElement.dataset.baRankerP2o = typeof p2oDynamicInfoValue === "function" && p2oDynamicInfoValue.__baP2oRanker ? "ready" : "armed"; } else { const p2oWrappedExistingInfo = p2oWrapDynamicInfo(window.baDynamicImageInfo); if (p2oWrappedExistingInfo !== window.baDynamicImageInfo) { window.baDynamicImageInfo = p2oWrappedExistingInfo; } } const previousSrcset = window.baDynamicImageSrcset; if (typeof previousSrcset === "function") { window.baDynamicImageSrcset = function baDynamicImageSrcsetF5Q(url) { const srcset = previousSrcset.apply(this, arguments); if (isRankerImage(url, null)) return capSrcset(srcset, 640); if (isSmallIcon(url, null)) return capSrcset(srcset, 128); return srcset; }; } const previousFallback = window.baDynamicImageFallback; if (typeof previousFallback === "function") { window.baDynamicImageFallback = function baDynamicImageFallbackF5Q(url) { const fallback = previousFallback.apply(this, arguments); const srcset = typeof previousSrcset === "function" ? previousSrcset(url) : ""; if (isRankerImage(url, null)) return chooseMax(srcset, 640) || fallback; if (isSmallIcon(url, null)) return chooseMax(srcset, 128) || fallback; return fallback; }; } const previousSizes = window.baImageSizes; if (typeof previousSizes === "function") { window.baImageSizes = function baImageSizesF5Q(url, image) { if (isRankerImage(url, image)) return "320px"; if (isSmallIcon(url, image)) return "64px"; return previousSizes.apply(this, arguments); }; } document.documentElement.dataset.baPagespeedImageTuning = "f5q"; } catch (error) { console.warn("F5Q_PAGESPEED_DYNAMIC_IMAGE_TUNING_FAILED", error); } document.documentElement.dataset.baResponsiveImages = 'ready'; }; if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start, { once: true }); else start(); window.addEventListener('ba:cms-runtime-ready', applyAll); })();

SSC CPO Study Material (PDF + Notes)

SSC CPO Study Material (PDF + Notes)