/**
 * Media editor - file upload, URL entry, media library browser, and save UI
 *
 * Reads (via globals):
 *   SFE.Context           - .activeEditor (r/w), .activeMode (r/w),
 *                           .draftEditState, .actionBar, .buttonManager
 *   SFE.PositionManager   - .positionFloatingElements
 *   SFE.FocusManager      - .createFocusManager
 *   SFE.Api               - .apiCall
 *   SFE.MediaHelper       - (MediaHelper global)
 *   SFE.MediaLibraryCache - (mediaLibraryCache global)
 *   SFE.OverlayManager
 *   SFE.LifecycleHelpers  - .createFadeHandler, .setupDraftPreviewLifecycle
 *   SFE.handleInlineSave  - set by SaveManager
 *   SFE.closeDraftPreview - set by DraftManager
 *   SFE.ManagerData       - .iconLibraryUrl, .mediaLibraryUrl, .restBase,
 *                           .restUrl, .nonce, .postId
 *
 * Exposes: SFE.MediaEditor  { startMediaEditing, startSchemaComponentEditing }
 */

(function() {
	'use strict';

	window.MWP      = window.MWP || {};
	window.MWP.SFE  = window.MWP.SFE || {};
	const SFE       = window.MWP.SFE;
	SFE.ManagerData = SFE.ManagerData || {};

	function showToolbar(toolbar) {
		if (!toolbar) return;
		if (toolbar._mwpSwitchHideTimeout) {
			clearTimeout(toolbar._mwpSwitchHideTimeout);
			delete toolbar._mwpSwitchHideTimeout;
		}
		toolbar.classList.remove('mwp-sfe-closing');
		toolbar.style.display = '';
	}

	function ensureToolbarContainer(editorState) {
		if (!editorState) return null;

		let toolbarContainer = editorState.toolbarContainer || null;
		if (!toolbarContainer) {
			toolbarContainer = document.createElement('div');
			toolbarContainer.className = 'mwp-sfe-inline-toolbar mwp-sfe-inline-editor';
			toolbarContainer.setAttribute('data-mwp-sfe-control', 'true');
			toolbarContainer.style.pointerEvents = 'auto';
			toolbarContainer.style.display = 'none';
			document.body.appendChild(toolbarContainer);
			editorState.toolbarContainer = toolbarContainer;
		}

		return toolbarContainer;
	}

	function bindInlineEditButtons(editorState) {
		const actionsContainer = editorState?.actionsContainer || null;
		if (!actionsContainer) return;

		if (actionsContainer._saveBtn) {
			actionsContainer._saveBtn.addEventListener('click', (event) => {
				event.preventDefault();
				event.stopImmediatePropagation();
				SFE.handleInlineSave(editorState);
			});
		}

		if (actionsContainer._cancelBtn) {
			actionsContainer._cancelBtn.addEventListener('click', (event) => {
				event.preventDefault();
				event.stopImmediatePropagation();
				SFE.closeInPlaceEditor(editorState, true);
			});
		}
	}

	function restoreInlineEditButtons(editorState) {
		const ctx              = SFE.Context;
		const actionBar        = ctx?.actionBar;
		const buttonManager    = ctx?.buttonManager;
		const actionsContainer = editorState?.actionsContainer || null;
		if (!actionBar || !buttonManager || !actionsContainer) return;

		actionBar.updateState({
			bar: actionsContainer,
			element: editorState.element,
			state: 'edit',
			content: buttonManager.getEditButtons(),
		});
		bindInlineEditButtons(editorState);
	}

	function cloneAttributeChanges(attributeChanges) {
		return attributeChanges && typeof attributeChanges === 'object'
			? { ...attributeChanges }
			: {};
	}

	function createMediaToolbarHost(config) {
		const {
			editorState,
			component,
			toolbarContainer,
			formats,
			getMediaElement,
			setMediaElement,
			reposition,
			serializeState,
			applySerializedState,
			showMediaReplaceUI,
		} = config;
		const historyApi = typeof editorState?.getSessionHistoryApi === 'function'
			? editorState.getSessionHistoryApi('media')
			: null;
		const host = {
			element: getMediaElement(),
			formats: Array.isArray(formats) ? formats : [],
			options: {
				...(component?.editorOptions && typeof component.editorOptions === 'object' ? component.editorOptions : {}),
				toolbarContainer,
				blockRootElement: editorState?.element || null,
			},
			attributeChanges: editorState.attributeChanges && typeof editorState.attributeChanges === 'object'
				? editorState.attributeChanges
				: (editorState.attributeChanges = {}),
			toolbarManager: null,
			attachToolbarManager(manager) {
				this.toolbarManager = manager;
			},
			detachToolbarManager(manager) {
				if (this.toolbarManager === manager) {
					this.toolbarManager = null;
				}
			},
			isSelectionInEditor() {
				return false;
			},
			getCurrentListItem() {
				return null;
			},
			getParentList() {
				return null;
			},
			canIndentListItem() {
				return false;
			},
			canOutdentListItem() {
				return false;
			},
			canUndo() {
				return !!historyApi?.canUndo?.();
			},
			canRedo() {
				return !!historyApi?.canRedo?.();
			},
			updateToolbarState() {
				if (this.toolbarManager && typeof this.toolbarManager.updateToolbarState === 'function') {
					this.toolbarManager.updateToolbarState();
				}
			},
			updateUndoRedoButtons() {
				if (this.toolbarManager && typeof this.toolbarManager.updateUndoRedoButtons === 'function') {
					this.toolbarManager.updateUndoRedoButtons();
				}
			},
			saveToHistory() {
				historyApi?.saveToHistory?.();
			},
			undo() {
				historyApi?.undo?.();
			},
			redo() {
				historyApi?.redo?.();
			},
			setElement(element) {
				this.element = element;
				setMediaElement(element);
			},
			showMediaReplaceUI() {
				if (typeof showMediaReplaceUI === 'function') {
					showMediaReplaceUI();
				}
			},
			getBlockRootElement() {
				return editorState?.element || null;
			},
			scheduleFloatingElementsPositionAfterLayout() {
				requestAnimationFrame(() => {
					requestAnimationFrame(() => {
						reposition();
					});
				});
			}
		};

		return SFE.SchemaEditorHost.attachHostContract(host);
	}

	// ─── Pure / stateless helpers ─────────────────────────────────────────────

	/**
	 * Reposition the action bar once a media element has finished loading, or
	 * immediately when it is already in a ready state.
	 * Handles both <img> (.complete) and <video>/<audio> (.readyState >= 2).
	 */
	function repositionAfterMediaLoad(mediaEl, element, toolbarContainer, actionsContainer, positionFloatingElements) {
		const reposition = () => {
			if (!element) return;
			positionFloatingElements(element, toolbarContainer || null, actionsContainer);
		};
		const tagName = mediaEl?.tagName ? mediaEl.tagName.toUpperCase() : '';
		const waitsForLoad = (tagName === 'IMG' || tagName === 'VIDEO' || tagName === 'AUDIO');

		if (!mediaEl || !waitsForLoad || mediaEl.complete || mediaEl.readyState >= 2) {
			reposition();
		} else {
			mediaEl.addEventListener('load',       reposition, { once: true });
			mediaEl.addEventListener('loadeddata', reposition, { once: true });
		}
	}

	/** Return whether a MIME type is acceptable for the given block media type. */
	function validateFileType(mimeType, expectedMediaType) {
		if (!mimeType) return true; // unknown type – let the server decide

		const IMAGE_TYPES = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif',
		                     'image/webp', 'image/svg+xml', 'image/bmp'];
		const AUDIO_TYPES = ['audio/mpeg', 'audio/mp3', 'audio/wav', 'audio/ogg',
		                     'audio/aac', 'audio/flac', 'audio/m4a'];
		const VIDEO_TYPES = ['video/mp4', 'video/webm', 'video/ogg', 'video/quicktime',
		                     'video/x-msvideo', 'video/avi'];
		const mime = mimeType.toLowerCase();

		switch (expectedMediaType) {
			case 'image': return IMAGE_TYPES.includes(mime);
			case 'audio': return AUDIO_TYPES.includes(mime) || mime.startsWith('audio/');
			case 'video': return VIDEO_TYPES.includes(mime) || mime.startsWith('video/');
			case 'image_or_video':
				return IMAGE_TYPES.includes(mime) || VIDEO_TYPES.includes(mime) ||
				       mime.startsWith('image/') || mime.startsWith('video/');
			case 'file': return true;
			default:     return true;
		}
	}

	/**
	 * Pause, detach src, and reload all <video>/<audio> elements inside a
	 * container. Called before clearing innerHTML to abort in-flight network
	 * requests and release decode/buffer memory.
	 */
	function releaseMediaElements(container) {
		container.querySelectorAll('video, audio').forEach(m => {
			try { m.pause(); m.removeAttribute('src'); m.load(); } catch (e) { /* ignore */ }
		});
	}

	/** Map the internal mediaType key to a human-readable display name. */
	function getMediaTypeName(mediaType) {
		const names = {
			image: 'Image', video: 'Video', audio: 'Audio',
			file: 'File', image_or_video: 'Image or Video', icon: 'Icon'
		};
		return names[mediaType] || (mediaType.charAt(0).toUpperCase() + mediaType.slice(1));
	}

	// ─── UI builders ─────────────────────────────────────────────────────────

	/**
	 * Build the drop-zone widget (SVG upload icon + helper text label).
	 *
	 * Returns { dropZone, iconWrap, textWrap } so callers can re-append
	 * iconWrap/textWrap when resetting an error state without rebuilding the
	 * whole widget from scratch.
	 *
	 * @param   {string} mediaTypeName - Display name, e.g. "Image"
	 * @returns {{ dropZone: HTMLElement, iconWrap: HTMLElement, textWrap: HTMLElement }}
	 */
	function buildDropZone(mediaTypeName) {
		const dropZone = document.createElement('div');
		dropZone.className = 'mwp-sfe-media-upload-drop-zone';
		dropZone.setAttribute('role', 'button');
		dropZone.setAttribute('aria-label',
			`Upload ${mediaTypeName}, drag and drop or click to select`);

		const iconWrap = document.createElement('div');
		iconWrap.className = 'mwp-sfe-upload-icon';
		iconWrap.innerHTML = `
			<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" width="36" height="36">
				<title>Upload</title>
				<circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.2"/>
				<path d="M12 16V9" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M9 12l3-3 3 3" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
			</svg>`;

		const textWrap = document.createElement('div');
		textWrap.className = 'mwp-sfe-upload-text';
		textWrap.innerHTML = `Drag & Drop ${mediaTypeName} here<br>or Click to Upload`;

		dropZone.appendChild(iconWrap);
		dropZone.appendChild(textWrap);

		return { dropZone, iconWrap, textWrap };
	}

	/**
	 * Build the "input" panel: URL field, drop zone, and Upload / Browse / Cancel buttons.
	 *
	 * @param {object}   config
	 * @param {object}   config.state           - Shared mutable { url, file, attachmentId }
	 * @param {string}   config.mediaType
	 * @param {string}   config.mediaTypeName
	 * @param {object}   config.mediaDescriptor - Schema media descriptor for the active component.
	 * @param {function} config.onUploadSuccess - (url: string, attachmentId: number|null) => void
	 * @param {function} config.onBrowse        - () => void
	 * @param {function} config.onCancel        - () => void
	 * @param {function} config.maintainFocus   - () => void  keeps action bar focused
	 * @param {boolean}  config.isAttrsLoading  - true when block attrs are still resolving
	 * @returns {HTMLElement}
	 */
	function buildInputUI({ state, mediaType, mediaTypeName, mediaDescriptor,
	                        onUploadSuccess, onBrowse, onCancel, maintainFocus, isAttrsLoading = false }) {

		const container     = document.createElement('div');
		container.className = 'mwp-sfe-inline-media-editor';
		container.addEventListener('click', e => e.stopPropagation());

		// ── URL input ──
		const input = document.createElement('input');
		input.type        = 'text';
		input.id          = 'mwp-sfe-media-upload';
		input.className   = 'mwp-sfe-text-entry mwp-sfe-link-url-entry';
		input.placeholder = `Enter ${mediaTypeName} URL...`;
		input.value       = state.url;

		// ── Drop zone ──
		const { dropZone, iconWrap, textWrap } = buildDropZone(mediaTypeName);

		const fileInput         = document.createElement('input');
		fileInput.type          = 'file';
		fileInput.accept        = SFE.MediaHelper.getAcceptTypes(mediaDescriptor);
		fileInput.style.display = 'none';

		// ── Buttons ──
		const uploadBtn        = document.createElement('button');
		uploadBtn.className    = 'mwp-sfe-btn mwp-sfe-btn-primary-inline';
		uploadBtn.textContent  = 'Upload';
		uploadBtn.disabled     = !state.url;
		uploadBtn.setAttribute('data-url-gated', 'true');
		if (isAttrsLoading) {
			uploadBtn.disabled = true;
			uploadBtn.setAttribute('data-loading-attrs', 'true');
			uploadBtn.setAttribute('mwp-sfe-btn-loading', 'true');
		}

		const browseBtn       = document.createElement('button');
		browseBtn.className   = 'mwp-sfe-btn mwp-sfe-btn-secondary-inline';
		browseBtn.textContent = 'Browse Library';

		const cancelBtn       = document.createElement('button');
		cancelBtn.className   = 'mwp-sfe-btn mwp-sfe-btn-secondary-inline';
		cancelBtn.textContent = 'Cancel';

		const btnRow      = document.createElement('div');
		btnRow.className  = 'mwp-sfe-inline-media-upload-actions';
		btnRow.appendChild(uploadBtn);
		btnRow.appendChild(browseBtn);
		btnRow.appendChild(cancelBtn);

		container.appendChild(input);
		container.appendChild(dropZone);
		container.appendChild(fileInput);
		container.appendChild(btnRow);

		// ── Error display ──
		const handleUploadError = (msg) => {
			dropZone.classList.remove('mwp-sfe-is-uploading');
			dropZone.textContent        = 'Error: ' + msg;
			dropZone.style.borderColor  = '#dc3232';
			dropZone.style.borderStyle  = 'solid';
			input.disabled = false;
			input.focus();
			setTimeout(() => {
				dropZone.innerHTML = '';
				dropZone.appendChild(iconWrap);
				dropZone.appendChild(textWrap);
				dropZone.style.backgroundColor = '';
				dropZone.style.borderColor     = '';
				dropZone.style.borderStyle     = '';
				dropZone.style.pointerEvents   = '';
				uploadBtn.disabled             = !state.url;
			}, 3000);
		};

		// Set the drop zone into "uploading" visual state
		const setUploadingState = () => {
			dropZone.classList.remove('mwp-sfe-is-dragging');
			dropZone.classList.add('mwp-sfe-is-uploading');
			dropZone.textContent         = 'Uploading...';
			dropZone.style.pointerEvents = 'none';
			uploadBtn.disabled           = true;
			input.disabled               = true;
		};

		// ── File handler ──
		const handleFile = async (file, fileName = null) => {
			if (!file) return;

			if (!validateFileType(file.type || '', mediaType)) {
				const expected = { image: 'an image', audio: 'an audio file',
				                   video: 'a video', image_or_video: 'an image or video'
				                 }[mediaType] || 'a valid file';
				handleUploadError(
					`Please select ${expected}. The file you selected doesn't match the expected type.`
				);
				dropZone.classList.remove('mwp-sfe-is-dragging');
				uploadBtn.disabled = !state.url;
				return;
			}

			setUploadingState();

			try {
				const formData = new FormData();
				if (fileName) {
					formData.append('file', file, fileName);
				} else {
					formData.append('file', file);
				}

				const mediaLibraryUrl = String(SFE.ManagerData.mediaLibraryUrl || '').trim();
				if (!mediaLibraryUrl) {
					throw new Error('Media Library URL is not configured.');
				}
				const response = await fetch(mediaLibraryUrl, {
					method:  'POST',
					headers: { 'X-WP-Nonce': SFE.ManagerData.nonce },
					body:    formData
				});
				if (!response.ok) throw new Error('Upload failed');
				const media = await response.json();

				dropZone.classList.remove('mwp-sfe-is-uploading');
				state.url                  = media.source_url;
				state.attachmentId         = media.id || null;
				input.value                = state.url;
				dropZone.textContent       = 'Upload Successful!';
				dropZone.style.borderColor = '#00a32a';
				dropZone.style.borderStyle = 'solid';
				uploadBtn.disabled         = false;

				SFE.MediaLibraryCache.invalidate(mediaType);
				input.disabled = false;
				maintainFocus();

				setTimeout(() => onUploadSuccess(state.url, state.attachmentId), 500);
			} catch (err) {
				handleUploadError(err.message);
			}
		};

		// ── URL-to-blob upload ──
		const handleUrlUpload = async () => {
			if (!state.url) return;
			setUploadingState();
			try {
				const res = await fetch(state.url);
				if (!res.ok) throw new Error('Could not fetch media from URL');
				const blob = await res.blob();

				let filename = state.url.split('/').pop().split('?')[0];
				if (!filename || !filename.includes('.')) {
					const ext = { image: 'jpg', audio: 'mp3', video: 'mp4',
					              image_or_video: 'jpg' }[mediaType] || 'file';
					filename = `${mediaType}-upload.${ext}`;
				}
				handleFile(blob, filename);
			} catch (err) {
				handleUploadError(err.message);
			}
		};

		// ── Event bindings ──
		input.addEventListener('input', (e) => {
			state.url          = e.target.value;
			if (uploadBtn.hasAttribute('data-loading-attrs')) {
				uploadBtn.disabled = true;
				return;
			}
			uploadBtn.disabled = !state.url.trim();
		});
		input.addEventListener('keydown', (e) => {
			if (e.key === 'Enter' && state.url.trim()) {
				e.preventDefault();
				handleUrlUpload();
			}
		});

		dropZone.addEventListener('click',     ()  => fileInput.click());
		fileInput.addEventListener('change',   (e) => handleFile(e.target.files[0]));
		dropZone.addEventListener('dragover',  (e) => { e.preventDefault(); dropZone.classList.add('mwp-sfe-is-dragging'); });
		dropZone.addEventListener('dragleave', (e) => { e.preventDefault(); dropZone.classList.remove('mwp-sfe-is-dragging'); });
		dropZone.addEventListener('drop',      (e) => {
			e.preventDefault();
			dropZone.style.background  = '#444';
			dropZone.style.borderColor = '#2196F3';
			handleFile(e.dataTransfer.files[0]);
		});

		uploadBtn.addEventListener('click', (e) => {
			e.preventDefault();
			if (uploadBtn.hasAttribute('data-loading-attrs')) return;
			handleUrlUpload();
		});
		browseBtn.addEventListener('click', (e) => { e.preventDefault(); onBrowse(); });
		cancelBtn.addEventListener('click', (e) => { e.preventDefault(); onCancel(); });

		return container;
	}

	/**
	 * Append media library thumbnail items to a grid element.
	 * Called for each page load; does not clear existing items.
	 *
	 * @param {HTMLElement} grid
	 * @param {Array}       items         - Array of media item objects
	 * @param {string}      mediaType
	 * @param {function}    onSelect      - (url: string, attachmentId: number|null) => void
	 * @param {function}    maintainFocus
	 */
	function appendMediaItems(grid, items, mediaType, onSelect, maintainFocus) {
		const typeIcon = (mimeType) => {
			if (!mimeType)                      return '📄';
			if (mimeType.startsWith('image/'))  return '🖼️';
			if (mimeType.startsWith('video/'))  return '🎬';
			if (mimeType.startsWith('audio/'))  return '🎵';
			return '📄';
		};

		items.forEach(item => {
			const itemEl = document.createElement('div');
			itemEl.className = 'mwp-sfe-media-library-item';
			itemEl.setAttribute('role',       'button');
			itemEl.setAttribute('tabindex',   '0');
			itemEl.setAttribute('aria-label', `Select ${item.title || 'Untitled'}`);

			// Preview wrapper: icon placeholder sits underneath; thumbnail fades in on top.
			// The grid renders instantly with icons; thumbnails appear progressively.
			const previewWrap = document.createElement('div');
			previewWrap.style.cssText =
				'position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;' +
				'background:#222;display:flex;align-items:center;justify-content:center;';

			const iconLayer = document.createElement('div');
			iconLayer.className = 'mwp-sfe-media-library-placeholder';
			iconLayer.innerHTML = `<span style="font-size:32px;">${typeIcon(item.type)}</span>`;
			previewWrap.appendChild(iconLayer);

			if (item.thumb) {
				const img         = document.createElement('img');
				img.alt           = item.title || '';
				img.loading       = 'lazy'; // skip off-screen items, no wasted requests
				img.style.cssText =
					'position:absolute;inset:0;width:100%;height:100%;' +
					'object-fit:cover;opacity:0;transition:opacity 0.2s ease;';
				// Handlers set before src to never miss a synchronous cache-hit load
				img.onload  = () => {
					img.style.opacity          = '1';
					iconLayer.style.transition = 'opacity 0.2s ease';
					iconLayer.style.opacity    = '0';
				};
				img.onerror = () => img.remove(); // icon stays visible on broken thumb
				img.src     = item.thumb;
				previewWrap.appendChild(img);
			}
			itemEl.appendChild(previewWrap);

			if (item.title) {
				const title       = document.createElement('div');
				title.className   = 'mwp-sfe-media-library-item-title';
				title.textContent = item.title;
				itemEl.appendChild(title);
			}

			const selectMedia = () => {
				maintainFocus();
				onSelect(item.url, item.id || null);
			};
			itemEl.addEventListener('click', selectMedia);
			itemEl.addEventListener('keydown', (e) => {
				if (e.key === 'Enter' || e.key === ' ') {
					e.preventDefault();
					selectMedia();
				}
			});
			grid.appendChild(itemEl);
		});
	}

	/**
	 * Build and show the media library browser inside actionsContainer.
	 * Supports infinite scroll: loads 45 items at a time, fetching the next
	 * page automatically as the user scrolls to the bottom of the grid.
	 *
	 * @param {object}      config
	 * @param {HTMLElement} config.actionsContainer
	 * @param {string}      config.mediaType
	 * @param {string}      config.mediaTypeName
	 * @param {number}      config.postId
	 * @param {function}    config.onBack
	 * @param {function}    config.onSelect      - (url, attachmentId) => void
	 * @param {function}    config.reposition    - () => void
	 * @param {function}    config.maintainFocus - () => void
	 */
	async function showMediaLibrary(
		{ actionsContainer, mediaType, mediaTypeName, postId,
		  onBack, onSelect, reposition, maintainFocus }
	) {
		const { apiCall }       = SFE.Api;
		const mediaLibraryCache = SFE.MediaLibraryCache;
		const PER_PAGE          = 45;

		releaseMediaElements(actionsContainer);
		actionsContainer.innerHTML = '';

		const container     = document.createElement('div');
		container.className = 'mwp-sfe-inline-media-library';
		container.addEventListener('click', e => e.stopPropagation());

		const header       = document.createElement('div');
		header.className   = 'mwp-sfe-media-library-header';
		header.textContent = `Select ${mediaTypeName} from the Library`;

		const grid       = document.createElement('div');
		grid.className   = 'mwp-sfe-media-library-grid';
		grid.innerHTML   = '<div class="mwp-sfe-media-library-message">Loading media library...</div>';

		// Sentinel sits at the very bottom of the grid (inside the scroll container).
		// IntersectionObserver fires when it is within 150px of the visible area,
		// giving the next page time to arrive before the user actually hits the edge.
		const sentinel         = document.createElement('div');
		sentinel.className     = 'mwp-sfe-media-library-sentinel';
		sentinel.style.cssText = 'height:1px;width:100%;grid-column:1/-1;';

		// Loading indicator row rendered inside the grid while a fetch is in flight
		const loadingRow         = document.createElement('div');
		loadingRow.className     = 'mwp-sfe-media-library-loading-row';
		loadingRow.style.cssText = 'grid-column:1/-1;text-align:center;padding:12px 0;display:none;color:var(--mwp-sfe-text-muted,#aaa);font-size:12px;';
		loadingRow.textContent   = 'Loading more...';

		const btnRow     = document.createElement('div');
		btnRow.className = 'mwp-sfe-inline-media-upload-actions';

		const backBtn       = document.createElement('button');
		backBtn.className   = 'mwp-sfe-btn mwp-sfe-btn-secondary-inline';
		backBtn.textContent = 'Back';
		backBtn.addEventListener('click', (e) => { e.preventDefault(); onBack(); });
		btnRow.appendChild(backBtn);

		container.appendChild(header);
		container.appendChild(grid);
		container.appendChild(btnRow);
		actionsContainer.appendChild(container);

		maintainFocus();
		requestAnimationFrame(reposition);

		// ── Cache structure stored per mediaType ──────────────────────────
		// { items: [...all items fetched so far], page: number, hasMore: boolean }
		// Re-opening the library restores the full previously-scrolled state
		// instantly from cache without hitting the server again.
		// invalidate() (called after an upload) wipes this so the next open
		// fetches fresh data.

		const cached    = mediaLibraryCache.get(mediaType);
		let currentPage = cached ? cached.page    : 0;
		let hasMore     = cached ? cached.hasMore : true;
		let isLoading   = false;
		let observer    = null;

		// allItems is the single source of truth - every page appends to it,
		// and it is always written to cache in full so re-opens restore correctly.
		let allItems = cached ? cached.items.slice() : [];

		const saveCache = () => {
			mediaLibraryCache.set(mediaType, { items: allItems, page: currentPage, hasMore });
		};

		const disconnectObserver = () => {
			if (observer) { observer.disconnect(); observer = null; }
		};

		// ── Restore from cache (no network request) ───────────────────────
		const restoreFromCache = (cachedItems) => {
			grid.innerHTML = '';
			grid.appendChild(loadingRow);
			grid.appendChild(sentinel);

			if (cachedItems.length === 0) {
				const msg       = document.createElement('div');
				msg.className   = 'mwp-sfe-media-library-message';
				msg.textContent = 'No media found in library.';
				grid.insertBefore(msg, loadingRow);
			} else {
				const frag = document.createDocumentFragment();
				appendMediaItems(frag, cachedItems, mediaType, onSelect, maintainFocus);
				grid.insertBefore(frag, loadingRow);
			}
		};

		// ── Fetch the next page from the server ───────────────────────────
		const loadNextPage = async () => {
			if (isLoading || !hasMore) return;
			isLoading = true;
			loadingRow.style.display = '';

			try {
				currentPage++;
				const result = await apiCall('/get-media-library', {
					post_id: postId, media_type: mediaType,
					page: currentPage, per_page: PER_PAGE
				});

				// First page fetch: swap out the "Loading..." placeholder
				if (currentPage === 1) {
					grid.innerHTML = '';
					grid.appendChild(loadingRow);
					grid.appendChild(sentinel);
				}

				if (!result.items || result.items.length === 0) {
					if (currentPage === 1) {
						const msg       = document.createElement('div');
						msg.className   = 'mwp-sfe-media-library-message';
						msg.textContent = 'No media found in library.';
						grid.insertBefore(msg, loadingRow);
					}
					hasMore = false;
					disconnectObserver();
					saveCache();
					return;
				}

				// Append new items above the sentinel/loading row
				const frag = document.createDocumentFragment();
				appendMediaItems(frag, result.items, mediaType, onSelect, maintainFocus);
				grid.insertBefore(frag, loadingRow);

				// Accumulate into the running list and persist to cache
				allItems.push(...result.items);

				if (currentPage >= result.total_pages) {
					hasMore = false;
					disconnectObserver();
				}

				saveCache();

			} catch (error) {
				console.error('Failed to load media library:', error);
				if (currentPage === 1) {
					grid.innerHTML =
						`<div class="mwp-sfe-media-library-message" style="color:#dc3232;">
						 Error loading media library: ${error.message}</div>`;
				} else {
					loadingRow.textContent = 'Error loading more items.';
				}
				hasMore = false;
				disconnectObserver();
			} finally {
				isLoading = false;
				loadingRow.style.display = 'none';
			}
		};

		// ── IntersectionObserver - scoped to the grid scroll container ────
		// rootMargin bottom of 150px means the observer fires when the sentinel
		// is within 150px of the bottom edge of the grid, giving the fetch time
		// to complete before the user reaches the very end.
		const attachObserver = () => {
			observer = new IntersectionObserver(
				(entries) => { if (entries[0].isIntersecting) loadNextPage(); },
				{ root: grid, rootMargin: '0px 0px 150px 0px', threshold: 0 }
			);
			observer.observe(sentinel);
		};

		// ── Bootstrap: restore cache instantly, then set up observer ─────
		if (cached) {
			restoreFromCache(cached.items);
			if (hasMore) attachObserver();
		} else {
			// No cache - add sentinel now (loadNextPage will clear the placeholder)
			attachObserver();
			await loadNextPage();
		}
	}

	/**
	 * Show the WordPress core Icon Library for schema media components that use
	 * the `icon` media type. Icons are REST entities, not media attachments.
	 *
	 * @param {object} config Icon-library UI configuration.
	 * @returns {Promise<void>}
	 */
	async function showIconLibrary({ actionsContainer, onSelect, onBack, reposition, maintainFocus }) {
		const mediaLibraryCache = SFE.MediaLibraryCache;
		releaseMediaElements(actionsContainer);
		actionsContainer.innerHTML = '';

		const container     = document.createElement('div');
		container.className = 'mwp-sfe-inline-media-library';
		container.addEventListener('click', event => event.stopPropagation());

		const header       = document.createElement('div');
		header.className   = 'mwp-sfe-media-library-header';
		header.textContent = 'Select Icon from the Library';

		const grid     = document.createElement('div');
		grid.className = 'mwp-sfe-media-library-grid';
		grid.innerHTML = '<div class="mwp-sfe-media-library-message">Loading icon library...</div>';

		const btnRow        = document.createElement('div');
		btnRow.className    = 'mwp-sfe-inline-media-upload-actions';
		const backBtn       = document.createElement('button');
		backBtn.className   = 'mwp-sfe-btn mwp-sfe-btn-secondary-inline';
		backBtn.textContent = 'Back';
		backBtn.addEventListener('click', event => {
			event.preventDefault();
			onBack();
		});
		btnRow.appendChild(backBtn);

		container.append(header, grid, btnRow);
		actionsContainer.appendChild(container);
		maintainFocus();
		requestAnimationFrame(reposition);

		const renderIcons = (icons) => {
			grid.innerHTML = '';
			if (!Array.isArray(icons) || !icons.length) {
				grid.innerHTML = '<div class="mwp-sfe-media-library-message">No icons found in the Icon Library.</div>';
				return;
			}

			icons.forEach(icon => {
				const name = String(icon?.name || '').trim();
				if (!name) return;
				const item     = document.createElement('button');
				item.type      = 'button';
				item.className = 'mwp-sfe-media-library-item';
				item.setAttribute('aria-label', `Select ${String(icon?.label || name)}`);

				const preview         = document.createElement('div');
				preview.style.cssText = 'position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;';
				preview.innerHTML     = String(icon?.content || '');
				const title           = document.createElement('div');
				title.className       = 'mwp-sfe-media-library-item-title';
				title.textContent     = String(icon?.label || name);

				item.append(preview, title);
				item.addEventListener('click', () => {
					maintainFocus();
					onSelect(name, null, String(icon?.content || ''));
				});
				grid.appendChild(item);
			});
		};

		const cached = mediaLibraryCache?.get('icon');
		if (cached?.items) {
			renderIcons(cached.items);
			return;
		}

		try {
			const iconLibraryUrl = String(SFE.ManagerData.iconLibraryUrl || '').trim();
			if (!iconLibraryUrl) {
				throw new Error('Icon Library URL is not configured.');
			}
			const iconLibraryRequestUrl = new URL(iconLibraryUrl, window.location.href);
			iconLibraryRequestUrl.searchParams.set('per_page', '100');
			iconLibraryRequestUrl.searchParams.set('context', 'view');
			const response = await fetch(iconLibraryRequestUrl.toString(), {
				headers: { 'X-WP-Nonce': SFE.ManagerData.nonce },
			});
			if (!response.ok) {
				throw new Error(`HTTP ${response.status}`);
			}
			const icons = await response.json();
			mediaLibraryCache?.set('icon', { items: icons });
			renderIcons(icons);
		} catch (error) {
			console.error('FrontEdit: failed to load the Icon Library', error);
			grid.innerHTML = `<div class="mwp-sfe-media-library-message" style="color:#dc3232;">Unable to load the Icon Library: ${error.message}</div>`;
		}
	}

	// ─── Main entry point ────────────────────────────────────────────────────

	/**
	 * Build the explicit schema media descriptor consumed by MediaHelper and the
	 * schema media editing UI.
	 *
	 * @param {object|null} component Editable schema component definition.
	 * @returns {object|null} Normalized schema media descriptor, or null when invalid.
	 */
	function buildSchemaMediaDescriptor(component) {
		const mediaDescriptor = component?.mediaDescriptor && typeof component.mediaDescriptor === 'object'
			? component.mediaDescriptor
			: null;
		const targetSource = component?.target && typeof component.target === 'object'
			? component.target
			: null;
		const descriptor = mediaDescriptor || {
			componentId: component?.id || '',
			scopeSelector: component?.selector || '',
			targetSelector: targetSource?.selector || '',
			attribute: targetSource?.attribute || '',
			mediaType: targetSource?.mediaType || '',
		};

		const MediaHelper = SFE.MediaHelper || null;
		return MediaHelper?.isSchemaMediaDescriptor?.(descriptor) ? descriptor : null;
	}

	/**
	 * Resolve every schema target element that should receive the current media value.
	 *
	 * @param {HTMLElement|null} mediaEl         Active schema component root element.
	 * @param {object|null}      mediaDescriptor Schema media descriptor.
	 * @returns {HTMLElement[]} Ordered list of target elements within the component.
	 */
	function resolveComponentMediaTargets(mediaEl, mediaDescriptor) {
		const targetSelector = typeof mediaDescriptor?.targetSelector === 'string'
			? mediaDescriptor.targetSelector.trim()
			: '';
		if (!mediaEl || !targetSelector) return [];

		if (targetSelector === ':self') {
			return [mediaEl];
		}

		const targets = [];
		if (mediaEl.matches && mediaEl.matches(targetSelector)) {
			targets.push(mediaEl);
		}

		if (typeof mediaEl.querySelectorAll === 'function') {
			mediaEl.querySelectorAll(targetSelector).forEach(node => {
				if (!targets.includes(node)) {
					targets.push(node);
				}
			});
		}

		return targets;
	}

	/**
	 * Read the currently displayed media URL from a schema media component.
	 *
	 * @param {HTMLElement|null} mediaEl         Active schema component root element.
	 * @param {object|null}      mediaDescriptor Schema media descriptor.
	 * @param {object|null}      MediaHelper     Shared media helper utilities.
	 * @returns {string} Current media URL for the component.
	 */
	function readComponentMediaUrl(mediaEl, mediaDescriptor, MediaHelper) {
		if (!mediaEl) return '';

		const targets = resolveComponentMediaTargets(mediaEl, mediaDescriptor);
		if (!targets.length) return '';
		const primary = targets[0] || mediaEl;

		if (MediaHelper?.isCssBackgroundElement(primary)) {
			const bg    = primary.style?.backgroundImage || '';
			const match = bg.match(/url\((['"]?)(.*?)\1\)/i);
			return match && match[2] ? match[2] : '';
		}

		const attr = String(mediaDescriptor?.attribute || '').toLowerCase();
		if (!attr) return '';
		if (attr === 'href') {
			return primary.getAttribute('href') || primary.href || '';
		}
		if (attr === 'src') {
			return primary.getAttribute('src') || primary.src || '';
		}
		return primary.getAttribute(attr) || '';
	}

	/**
	 * Apply a new media URL to a schema media component in the live DOM preview.
	 *
	 * @param {HTMLElement|null} mediaEl         Active schema component root element.
	 * @param {object|null}      mediaDescriptor Schema media descriptor.
	 * @param {string}           url             New media URL.
	 * @param {object|null}      MediaHelper     Shared media helper utilities.
	 * @returns {HTMLElement|null} Updated component root element reference.
	 */
	function writeComponentMediaUrl(mediaEl, mediaDescriptor, url, MediaHelper) {
		if (!mediaEl) return mediaEl;

		const targets = resolveComponentMediaTargets(mediaEl, mediaDescriptor);
		if (!targets.length) return mediaEl;
		const attr = String(mediaDescriptor?.attribute || '').toLowerCase();
		if (!attr) return mediaEl;
		const updatedTargets = targets.map(target => {
			if (!target) return target;

			if (MediaHelper?.isCssBackgroundElement(target)) {
				target.style.backgroundImage = `url(${url})`;
				return target;
			}

			const tagName = target.tagName ? target.tagName.toUpperCase() : '';
			if (attr === 'src' && (tagName === 'IMG' || tagName === 'VIDEO')) {
				return MediaHelper?.swapIfNeeded ? (MediaHelper.swapIfNeeded(target, url) || target) : target;
			}

			target.setAttribute(attr, url);
			if (attr === 'href' && 'href' in target) {
				target.href = url;
			}

			return target;
		});

		if (targets[0] === mediaEl) {
			return updatedTargets[0] || mediaEl;
		}
		return mediaEl;
	}

	/**
	 * Replace an icon component's rendered SVG preview with the trusted markup
	 * returned by WordPress' Icon Library endpoint.
	 *
	 * @param   {HTMLElement|null} mediaEl Current icon SVG element.
	 * @param   {string}           markup  Icon SVG markup from `/wp/v2/icons`.
	 * @returns {HTMLElement|null} Updated SVG element, or the original element.
	 */
	function writeIconPreview(mediaEl, markup) {
		if (!mediaEl || typeof markup !== 'string' || !markup.trim()) {
			return mediaEl;
		}

		const template     = document.createElement('template');
		template.innerHTML = markup.trim();
		const replacement  = template.content.firstElementChild;
		if (!replacement || replacement.tagName?.toLowerCase() !== 'svg' || !mediaEl.parentNode) {
			return mediaEl;
		}

		mediaEl.parentNode.replaceChild(replacement, mediaEl);
		return replacement;
	}

	/**
	 * Schema mixed-component media editing path.
	 * Runs inside an existing text editor session and must not refetch block attrs.
	 */
	function startSchemaComponentEditing(editorState, component, options = {}) {
		const ctx              = SFE.Context;
		const actionBar        = ctx?.actionBar;
		const buttonManager    = ctx?.buttonManager;
		const { positionFloatingElements } = SFE.PositionManager;
		const MediaHelper      = SFE.MediaHelper;
		const ToolbarManager   = SFE.ToolbarManager || null;
		const postId           = SFE.ManagerData.postId;
		const actionsContainer = editorState?.actionsContainer || null;
		const blockEditSession = editorState?.blockEditSession || null;
		const getRootElement   = () => editorState?.element || null;

		if (!editorState || !component?.element || !getRootElement() || !actionsContainer || !actionBar || !buttonManager) {
			return { cleanup: () => {} };
		}

		const toolbarContainer = ensureToolbarContainer(editorState);
		if (!editorState.attributeChanges || typeof editorState.attributeChanges !== 'object') {
			editorState.attributeChanges = {};
		}

		let mediaEl         = component.element;
		const mediaDescriptor = buildSchemaMediaDescriptor(component);
		const declaredType  = SFE.MediaHelper?.getMediaType?.(mediaDescriptor) || '';
		if (!mediaDescriptor || !declaredType) {
			return { cleanup: () => {} };
		}

		const isCssBg       = MediaHelper?.isCssBackgroundElement?.(mediaEl);
		const mediaType     = (isCssBg && declaredType === 'image_or_video') ? 'image' : declaredType;
		const mediaTypeName = getMediaTypeName(mediaType);

		const baselineUrl       = readComponentMediaUrl(mediaEl, mediaDescriptor, MediaHelper);
		const baselineOuterHTML = mediaEl?.outerHTML || '';
		const baselineChanges   = (
			mediaEl._mwpMediaChanges && typeof mediaEl._mwpMediaChanges === 'object'
		) ? { ...mediaEl._mwpMediaChanges } : null;

		const uploadState = {
			url: baselineChanges?.url || baselineUrl,
			file: null,
			attachmentId: baselineChanges?.id ?? null,
		};

		let disposed = false;
		let currentState = 'idle';
		const toolbarFormats = ToolbarManager && typeof ToolbarManager.resolveFormats === 'function'
			? ToolbarManager.resolveFormats(component?.editorOptions || {}, mediaEl)
			: [];
		let toolbarHost = null;
		let toolbarManager = null;

		const maintainActionBarFocus = () => {
			requestAnimationFrame(() => {
				if (!disposed && actionsContainer && document.body.contains(actionsContainer)) {
					actionsContainer.focus({ preventScroll: true });
				}
			});
		};

		const reposition = () => {
			const rootElement = getRootElement();
			if (!disposed && rootElement) {
				if (toolbarHost?.options && typeof toolbarHost.options === 'object') {
					toolbarHost.options.blockRootElement = rootElement;
				}
				positionFloatingElements(rootElement, editorState.toolbarContainer || null, actionsContainer);
			}
		};

		const syncRootMediaChanges = (changes) => {
			const rootElement = getRootElement();
			if (!rootElement) {
				return;
			}

			if (changes && typeof changes === 'object') {
				rootElement._mwpMediaChanges = { ...changes };
			} else {
				delete rootElement._mwpMediaChanges;
			}
		};

		const serializeToolbarState = (host) => ({
			componentId: String(component?.id || '').trim(),
			align: typeof host.getBlockAlignState === 'function'
				? host.getBlockAlignState()
				: 'none',
			attributeChanges: cloneAttributeChanges(host.attributeChanges),
			mediaUrl: readComponentMediaUrl(mediaEl, mediaDescriptor, MediaHelper),
			mediaMarkup: mediaEl?._mwpMediaChanges?.markup || '',
			mediaChanges: mediaEl?._mwpMediaChanges && typeof mediaEl._mwpMediaChanges === 'object'
				? { ...mediaEl._mwpMediaChanges }
				: null,
		});

		const applyToolbarState = (host, state) => {
			host.attributeChanges = cloneAttributeChanges(state?.attributeChanges);
			editorState.attributeChanges = host.attributeChanges;
			const targetUrl = typeof state?.mediaUrl === 'string'
				? state.mediaUrl
				: baselineUrl;
			mediaEl = writeComponentMediaUrl(mediaEl, mediaDescriptor, targetUrl, MediaHelper);
			if (declaredType === 'icon') {
				mediaEl = writeIconPreview(mediaEl, state?.mediaMarkup || baselineOuterHTML);
			}
			component.element = mediaEl;
			component.mediaDescriptor = mediaDescriptor;
			if (state?.mediaChanges && typeof state.mediaChanges === 'object') {
				mediaEl._mwpMediaChanges = { ...state.mediaChanges };
				syncRootMediaChanges(mediaEl._mwpMediaChanges);
			} else {
				delete mediaEl._mwpMediaChanges;
				syncRootMediaChanges(null);
			}
			markComponentElement();
			const nextAlign = typeof state?.align === 'string' && state.align.trim()
				? state.align.trim().toLowerCase()
				: 'none';
			host.changeBlockAlign(nextAlign, {
				target: 'block',
				targetKey: 'align',
				operation: typeof host.getBlockAlignOperation === 'function'
					? host.getBlockAlignOperation()
					: null,
			});
		};

		const markComponentElement = () => {
			if (!mediaEl) return;
			component.element = mediaEl;
			component.mediaDescriptor = mediaDescriptor;
			if (toolbarHost && typeof toolbarHost.setElement === 'function') {
				toolbarHost.setElement(mediaEl);
				if (toolbarHost.options && typeof toolbarHost.options === 'object') {
					toolbarHost.options.blockRootElement = getRootElement();
				}
			}
			mediaEl.classList.add('mwp-sfe-editable-component', 'mwp-sfe-component-active');
			mediaEl.dataset.mwpSfeEditableComponent = component.id;
			mediaEl.dataset.mwpSfeActiveComponent = component.id;
		};

		if (toolbarContainer && toolbarFormats.length && ToolbarManager) {
			toolbarHost = createMediaToolbarHost({
				editorState,
				component,
				toolbarContainer,
				formats: toolbarFormats,
				getMediaElement: () => mediaEl,
				setMediaElement: (nextElement) => {
					mediaEl = nextElement;
				},
				reposition,
				serializeState: serializeToolbarState,
				applySerializedState: applyToolbarState,
				showMediaReplaceUI: () => showInputUI(),
			});
			toolbarManager = new ToolbarManager(toolbarHost);
			toolbarManager.createToolbar();
			showToolbar(toolbarContainer);
			if (blockEditSession && typeof blockEditSession.registerSnapshotHost === 'function') {
				const textEditorApi = SFE.TextEditor || null;
				blockEditSession.registerSnapshotHost(toolbarHost, {
					editorState,
					scopeId: 'media',
					attachHistoryApi: true,
					seedInitialHistory: true,
					captureSnapshot: ({ editorState: activeEditorState, host }) => (
						textEditorApi &&
						typeof textEditorApi.captureBlockSessionSnapshot === 'function'
					)
						? textEditorApi.captureBlockSessionSnapshot(activeEditorState)
						: serializeToolbarState(host),
					captureSelection: ({ editorState: activeEditorState }) => (
						textEditorApi &&
						typeof textEditorApi.captureBlockSessionSelection === 'function'
					)
						? textEditorApi.captureBlockSessionSelection(activeEditorState)
						: null,
					restoreSnapshot: ({ editorState: activeEditorState, host, snapshot, selectionToRestore }) => {
						if (
							textEditorApi &&
							typeof textEditorApi.restoreBlockSessionSnapshot === 'function' &&
							snapshot &&
							typeof snapshot === 'object' &&
							Object.prototype.hasOwnProperty.call(snapshot, 'rootOuterHTML')
						) {
							textEditorApi.restoreBlockSessionSnapshot(activeEditorState, snapshot, selectionToRestore || null);
							return;
						}

						applyToolbarState(host, snapshot);
					},
				});
			}
			toolbarHost.updateToolbarState();
		}

		editorState.activeSchemaHost = toolbarHost || null;

		const restoreBaselineMedia = () => {
			mediaEl = declaredType === 'icon'
				? writeIconPreview(mediaEl, baselineOuterHTML)
				: writeComponentMediaUrl(mediaEl, mediaDescriptor, baselineUrl, MediaHelper);
			markComponentElement();

			if (baselineChanges) {
				mediaEl._mwpMediaChanges = { ...baselineChanges };
				syncRootMediaChanges(mediaEl._mwpMediaChanges);
			} else {
				delete mediaEl._mwpMediaChanges;
				syncRootMediaChanges(null);
			}

			if (toolbarHost) {
				toolbarHost.updateToolbarState();
			}

			repositionAfterMediaLoad(mediaEl, getRootElement(), toolbarContainer, actionsContainer, positionFloatingElements);
		};

		const applyMediaChange = (url, attachmentId, markup = '') => {
			uploadState.url          = url;
			uploadState.attachmentId = attachmentId;

			mediaEl = declaredType === 'icon'
				? writeIconPreview(mediaEl, markup)
				: writeComponentMediaUrl(mediaEl, mediaDescriptor, url, MediaHelper);
			markComponentElement();

			const mediaChanges = { url };
			if (markup) mediaChanges.markup = markup;
			if (attachmentId != null) mediaChanges.id = attachmentId;
			mediaEl._mwpMediaChanges = mediaChanges;
			syncRootMediaChanges(mediaChanges);

			if (attachmentId != null) {
				SFE.Api.queueResolvedMediaAttributes(editorState, {
					mediaElement: mediaEl,
					syncRootChanges: syncRootMediaChanges
				}).catch(error => {
					console.warn('FrontEdit: failed to resolve schema media attributes', error);
				});
			}

			if (toolbarHost) {
				toolbarHost.saveToHistory();
				toolbarHost.updateToolbarState();
			}

			repositionAfterMediaLoad(mediaEl, getRootElement(), toolbarContainer, actionsContainer, positionFloatingElements);
		};

		if (toolbarHost) {
			toolbarHost.applyMediaSelection = (url, attachmentId, options = {}) => {
				const normalizedUrl = String(url || '').trim();
				if (!normalizedUrl) {
					return false;
				}

				applyMediaChange(normalizedUrl, attachmentId);
				restoreInlineEditButtons(editorState);
				currentState = 'idle';
				requestAnimationFrame(reposition);
				return true;
			};
		}

		const stepBack = () => {
			if (disposed) return false;

			if (currentState === 'library') {
				if (mediaType === 'icon') {
					restoreInlineEditButtons(editorState);
					currentState = 'idle';
					requestAnimationFrame(reposition);
					return true;
				}
				showInputUI({ force: true });
				return true;
			}

			if (currentState === 'input') {
				restoreInlineEditButtons(editorState);
				currentState = 'idle';
				requestAnimationFrame(reposition);
				return true;
			}

			return false;
		};

		const showMediaLibraryUI = () => {
			if (disposed) return;
			currentState = 'library';
			if (mediaType === 'icon') {
				showIconLibrary({
					actionsContainer,
					onBack: stepBack,
					onSelect: (iconName, unusedAttachmentId, iconMarkup) => {
						applyMediaChange(iconName, null, iconMarkup);
						restoreInlineEditButtons(editorState);
						currentState = 'idle';
						requestAnimationFrame(reposition);
					},
					reposition,
					maintainFocus: maintainActionBarFocus,
				});
				return;
			}
			showMediaLibrary({
				actionsContainer,
				mediaType,
				mediaTypeName,
				postId,
				onBack: stepBack,
				onSelect: (url, attachmentId) => {
					applyMediaChange(url, attachmentId);
					restoreInlineEditButtons(editorState);
					currentState = 'idle';
					requestAnimationFrame(reposition);
				},
				reposition,
				maintainFocus: maintainActionBarFocus
			});
		};

		const showInputUI = (options = {}) => {
			if (disposed) return false;
			if (mediaType === 'icon') {
				showMediaLibraryUI();
				return true;
			}

			const force = options.force === true;

			// Replace Media UI is already open. Do not rebuild it.
			if (!force && (currentState === 'input' || currentState === 'library')) {
				maintainActionBarFocus();
				return false;
			}

			currentState = 'input';

			uploadState.url          = '';
			uploadState.file         = null;
			uploadState.attachmentId = null;

			const isAttrsLoading = !!actionsContainer.querySelector(
				'.mwp-sfe-btn-primary-inline[data-loading-attrs]'
			);

			releaseMediaElements(actionsContainer);
			actionsContainer.innerHTML = '';
			actionsContainer.appendChild(buildInputUI({
				state: uploadState,
				mediaType,
				mediaTypeName,
				mediaDescriptor,
				isAttrsLoading,
				onUploadSuccess: (url, attachmentId) => {
					applyMediaChange(url, attachmentId);
					restoreInlineEditButtons(editorState);
					currentState = 'idle';
					requestAnimationFrame(reposition);
				},
				onBrowse: showMediaLibraryUI,
				onCancel: () => {
					restoreInlineEditButtons(editorState);
					currentState = 'idle';
					requestAnimationFrame(reposition);
				},
				maintainFocus: maintainActionBarFocus
			}));

			maintainActionBarFocus();
			requestAnimationFrame(reposition);
			return true;
		};

		restoreInlineEditButtons(editorState);
		currentState = 'idle';
		requestAnimationFrame(() => {
			requestAnimationFrame(() => {
				reposition();
			});
		});

		return {
			handleEscape: stepBack,
			getEditorHost: () => toolbarHost,
			applySelection: (url, attachmentId) => {
				if (disposed || !url) return false;
				applyMediaChange(url, attachmentId);
				restoreInlineEditButtons(editorState);
				currentState = 'idle';
				requestAnimationFrame(reposition);
				return true;
			},
			showInputUI: () => showInputUI(),
			showMediaLibraryUI: () => {
				if (disposed) return false;
				showMediaLibraryUI();
				return true;
			},
			cleanup: (cleanupOptions = {}) => {
				const preserveChanges = cleanupOptions.preserveChanges !== false;
				const preserveToolbarDom = cleanupOptions.preserveToolbarDom === true;
				disposed = true;
				releaseMediaElements(actionsContainer);
				if (editorState.activeSchemaHost === toolbarHost) {
					editorState.activeSchemaHost = null;
				}
				if (toolbarManager && typeof toolbarManager.destroy === 'function') {
					toolbarManager.destroy({ removeToolbar: !preserveToolbarDom });
				}
				toolbarManager = null;
				toolbarHost = null;
				if (!preserveChanges) {
					restoreBaselineMedia();
					// Full teardown path (explicit discard): clear panel content now.
					actionsContainer.innerHTML = '';
				}
				// Preserve-path cleanup is used by component switches and editor close.
				// Keep existing action-bar DOM until the next state render / close
				// animation to avoid flashing an empty wrapper mid-transition.
			}
		};
	}

	function findScopedComponentElement(rootElement, selector) {
		if (!rootElement || !selector) return null;

		if (rootElement.matches(selector)) {
			const owner = rootElement.closest('[data-mwp-sfe-uuid]');
			if (!owner || owner === rootElement) return rootElement;
		}

		const matches = rootElement.querySelectorAll(selector);
		for (const candidate of matches) {
			const owner = candidate.closest('[data-mwp-sfe-uuid]');
			if (!owner || owner === rootElement) {
				return candidate;
			}
		}

		return null;
	}

	function buildStandaloneSchemaMediaComponent(rootElement, handler) {
		const configured = Array.isArray(handler?.client_config?.editableComponents)
			? handler.client_config.editableComponents
			: [];
		if (!configured.length) return null;

		const fileComponents = configured
			.filter(component => (
				component &&
				typeof component === 'object' &&
				typeof component.type === 'string' &&
				component.type.trim().toLowerCase() === 'file'
			))
			.sort((a, b) => Number(!!b.default) - Number(!!a.default));
		if (!fileComponents.length) return null;

		for (let i = 0; i < fileComponents.length; i++) {
			const component = fileComponents[i];
			const selector = typeof component.selector === 'string' ? component.selector.trim() : '';
			const mediaDescriptor = buildSchemaMediaDescriptor(component);
			if (!selector || !mediaDescriptor) {
				continue;
			}

			const element = findScopedComponentElement(rootElement, selector);
			if (!element) {
				continue;
			}

			const id = typeof component.id === 'string' && component.id.trim()
				? component.id.trim()
				: `schema_media_component_${i + 1}`;

			return {
				id,
				label: typeof component.label === 'string' && component.label.trim()
					? component.label.trim()
					: id,
				type: 'file',
				selector,
				default: !!component.default,
				element,
				editorOptions: component.editor && typeof component.editor === 'object'
					? { ...component.editor }
					: {},
				target: {
					selector: mediaDescriptor.targetSelector,
					attribute: mediaDescriptor.attribute,
					mediaType: mediaDescriptor.mediaType,
				},
				mediaDescriptor: {
					...mediaDescriptor,
					componentId: id,
					scopeSelector: selector,
				},
				urlBindingPath: typeof component.urlBindingPath === 'string'
					? component.urlBindingPath.trim()
					: '',
				idBindingPath: typeof component.idBindingPath === 'string'
					? component.idBindingPath.trim()
					: '',
			};
		}

		return null;
	}

	/**
	 * Content-type-specific: Media Editing
	 * Receives common state, adds media-specific resources, returns complete editor state.
	 */
	function startMediaEditing(commonState) {
		const ctx = SFE.Context;
		const { debouncedPosition } = SFE.PositionManager;
		const { element, handler, actionsContainer } = commonState;

		ctx.activeMode = 'media';

		const schemaComponent = buildStandaloneSchemaMediaComponent(element, handler);
		if (!schemaComponent) {
			console.error('FrontEdit: startMediaEditing requires a schema file component', handler?.id || '');
			alert('No media element found to edit.');
			return commonState;
		}

		const schemaEditorState = {
			...commonState,
			editableComponents: [schemaComponent],
			activeEditableComponent: schemaComponent,
			activeComponentId: schemaComponent.id,
		};
		ensureToolbarContainer(schemaEditorState);

		const mediaSession = startSchemaComponentEditing(schemaEditorState, schemaComponent, {
			onCancel: () => {
				const activeState = SFE.Context.activeEditor || schemaEditorState;
				SFE.closeInPlaceEditor(activeState, true);
			},
		});

		const updatePositions = () => debouncedPosition(element, schemaEditorState.toolbarContainer || null, actionsContainer);
		window.addEventListener('scroll', updatePositions, true);

		const resizeObserver = new ResizeObserver(updatePositions);
		resizeObserver.observe(element);

		const escapeHandler = (e) => {
			if (e.key !== 'Escape') return;
			e.preventDefault();
			const activeState = SFE.Context.activeEditor || schemaEditorState;
			const activeSession = activeState?._mwpSchemaMediaSession || mediaSession;
			if (
				activeSession &&
				typeof activeSession.handleEscape === 'function' &&
				activeSession.handleEscape()
			) {
				return;
			}
			SFE.closeInPlaceEditor(activeState, true);
		};
		document.addEventListener('keydown', escapeHandler);

		schemaEditorState._mwpSchemaMediaSession = mediaSession;
		schemaEditorState._mwpActiveComponentType = 'file';
		schemaEditorState.updatePositions = updatePositions;
		schemaEditorState.resizeObserver = resizeObserver;
		schemaEditorState.escapeHandler = escapeHandler;
		schemaEditorState.isMediaEditor = true;
		return schemaEditorState;
	}

	SFE.MediaEditor = { startMediaEditing, startSchemaComponentEditing };

})();
import { __ } from '@wordpress/i18n';
export const Newsmode = () => (
	<svg
		xmlns="http://www.w3.org/2000/svg"
		height="20px"
		viewBox="0 -960 960 960"
		width="20px"
		fill="currentColor"
	>
		<title>{__('Newsmode Icon', 'extendify-local')}</title>
		<path d="M160-120q-33 0-56.5-23.5T80-200v-560q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v560q0 33-23.5 56.5T800-120H160Zm0-80h640v-560H160v560Zm80-80h480v-80H240v80Zm0-160h160v-240H240v240Zm240 0h240v-80H480v80Zm0-160h240v-80H480v80ZM160-200v-560 560Z" />
	</svg>
);
"use strict";(globalThis.__googlesitekit_webpackJsonp=globalThis.__googlesitekit_webpackJsonp||[]).push([[926],{2522:(t,e,n)=>{n.d(e,{D:()=>o});var r=n(32091),i=n.n(r);function o(t,{dateRangeLength:e}){i()(Array.isArray(t),"report must be an array to partition."),i()(Number.isInteger(e)&&e>0,"dateRangeLength must be a positive integer.");const n=-1*e;return{currentRange:t.slice(n),compareRange:t.slice(2*n,n)}}},8143:(t,e,n)=>{n.d(e,{VZ:()=>o,dc:()=>a,pH:()=>i,r0:()=>s});var r=n(84024);function i(t){try{return new URL(t).pathname}catch{}return null}function o(t,e){try{return new URL(e,t).href}catch{}return("string"==typeof t?t:"")+("string"==typeof e?e:"")}function a(t){return"string"!=typeof t?t:t.replace(/^https?:\/\/(www\.)?/i,"").replace(/\/$/,"")}function s(t,e){if(!(0,r.m)(t))return t;if(t.length<=e)return t;const n=new URL(t),i=t.replace(n.origin,"");if(i.length<e)return i;const o=i.length-Math.floor(e)+1;return"…"+i.substr(o)}},12850:(t,e,n)=>{n.d(e,{tt:()=>$,Jg:()=>T,Gp:()=>b,GH:()=>v,r0:()=>D,Du:()=>S,Zf:()=>H,Cn:()=>j,G7:()=>h,vH:()=>p,N_:()=>P,zh:()=>V,mK:()=>l.mK,Ql:()=>A,vY:()=>x,sq:()=>E,VZ:()=>F.VZ,JK:()=>l.JK,IS:()=>C,pH:()=>F.pH,kf:()=>q,O5:()=>I,Qr:()=>N,x6:()=>U,K5:()=>l.K5,S_:()=>m,dc:()=>F.dc,Eo:()=>l.Eo,jq:()=>l.jq,DK:()=>G.D,N9:()=>K,p9:()=>o.p,XH:()=>L,Zm:()=>c,sx:()=>i.sx,BI:()=>i.BI,CZ:()=>o.C,BG:()=>J});var r=n(17243),i=n(89318),o=n(82046),a=n(10523),s=n.n(a);function c(t){return s()(JSON.stringify(u(t)))}function u(t){const e={};return Object.keys(t).sort().forEach(n=>{let r=t[n];r&&"object"==typeof r&&!Array.isArray(r)&&(r=u(r)),e[n]=r}),e}var l=n(79829);function g(t){return t.replace(new RegExp("\\[([^\\]]+)\\]\\((https?://[^/]+\\.\\w+/?.*?)\\)","gi"),'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>')}function d(t){return`<p>${t.replace(/\n{2,}/g,"</p><p>")}</p>`}function f(t){return t.replace(/\n/gi,"<br>")}function m(t){const e=[g,d,f];let n=t;for(const t of e)n=t(n);return n}function p(t){return t=parseFloat(t),isNaN(t)||0===t?[0,0,0,0]:[Math.floor(t/60/60),Math.floor(t/60%60),Math.floor(t%60),Math.floor(1e3*t)-1e3*Math.floor(t)]}function h(t){const e=t&&!Number.isInteger(t)?new Date(t).getTime():t;return isNaN(e)||!e?0:e}var y=n(32091),k=n.n(y),_=n(82871);const w="Date param must construct to a valid date instance or be a valid date instance itself.",v="Invalid dateString parameter, it must be a string.",b='Invalid date range, it must be a string with the format "last-x-days".',D=60,T=60*D,$=24*T,S=7*$;function A(){function t(t){return(0,_.sprintf)(/* translators: %s: number of days */ /* translators: %s: number of days */
(0,_._n)("Last %s day","Last %s days",t,"google-site-kit"),t)}return{"last-7-days":{slug:"last-7-days",label:t(7),days:7},"last-14-days":{slug:"last-14-days",label:t(14),days:14},"last-28-days":{slug:"last-28-days",label:t(28),days:28},"last-90-days":{slug:"last-90-days",label:t(90),days:90}}}function N(t=""){if(!(0,r.isString)(t))return!1;if(3!==t.split("-").length)return!1;const e=new Date(t);return(0,r.isDate)(e)&&!isNaN(e)}function E(t){k()((0,r.isDate)(t)&&!isNaN(t),w);const e=`${t.getMonth()+1}`,n=`${t.getDate()}`;return[t.getFullYear(),e.length<2?`0${e}`:e,n.length<2?`0${n}`:n].join("-")}function L(t){k()(N(t),v);const[e,n,r]=t.split("-");return new Date(e,n-1,r)}function C(t,e){return E(P(t,e*$))}function I(t){const e=t.split("-");return 3===e.length&&"last"===e[0]&&!Number.isNaN(e[1])&&!Number.isNaN(parseFloat(e[1]))&&"days"===e[2]}function P(t,e){k()(N(t)||(0,r.isDate)(t)&&!isNaN(t),v);const n=N(t)?Date.parse(t):t.getTime();return new Date(n-1e3*e)}var M=n(69743),R=n(94552),O=n(62540);function x(t,e={}){if(Number.isNaN(Number(t)))return"";const{invertColor:n=!1}=e;return(0,M.Ay)((0,O.jsx)(R.A,{direction:t>0?"up":"down",invertColor:n}))}function j(t,e){return t>0&&e>0?t/e-1:t>0?1:e>0?-1:0}var F=n(8143);function U(t){const e=parseFloat(t)||0;return!!Number.isInteger(e)&&e>0}function q(t){if("number"==typeof t)return!0;const e=(t||"").toString();return!!e&&!isNaN(e)}function K(t){return Array.isArray(t)?[...t].sort():t}var G=n(2522);function H(t,e){function n(t){return"0"===t||0===t}if(n(t)&&n(e))return 0;if(n(t)||Number.isNaN(t))return null;const r=(e-t)/t;return Number.isNaN(r)||!Number.isFinite(r)?null:r}function J(t){try{return JSON.parse(t)&&!!t}catch(t){return!1}}function V(t){if(!t)return"";const e=t.replace(/&#(\d+);/g,(t,e)=>String.fromCharCode(e)).replace(/(\\)/g,"");return(0,r.unescape)(e)}},15210:(t,e,n)=>{n.d(e,{O:()=>i});var r=n(31234);const i=n.n(r)()(n.g)},21134:(t,e,n)=>{n.d(e,{Gq:()=>g,IL:()=>p,LD:()=>f,SO:()=>d,a2:()=>i,xD:()=>m});var r=n(12850);const i="googlesitekit_",o=`${i}1.164.0_${n.g._googlesitekitBaseData.storagePrefix}_`,a=["sessionStorage","localStorage"];let s,c=[...a];async function u(t){const e=n.g[t];if(!e)return!1;try{const t="__storage_test__";return e.setItem(t,t),e.removeItem(t),!0}catch(t){return t instanceof DOMException&&(22===t.code||1014===t.code||"QuotaExceededError"===t.name||"NS_ERROR_DOM_QUOTA_REACHED"===t.name)&&0!==e.length}}async function l(){if(void 0!==s)return s;for(const t of c)s||await u(t)&&(s=n.g[t]);return void 0===s&&(s=null),s}async function g(t){const e=await l();if(e){const n=e.getItem(`${o}${t}`);if(n){const t=JSON.parse(n),{timestamp:e,ttl:r,value:i,isError:o}=t;if(e&&(!r||Math.round(Date.now()/1e3)-e<r))return{cacheHit:!0,value:i,isError:o}}}return{cacheHit:!1,value:void 0}}async function d(t,e,{ttl:i=r.Jg,timestamp:a=Math.round(Date.now()/1e3),isError:s=!1}={}){const c=await l();if(c)try{return c.setItem(`${o}${t}`,JSON.stringify({timestamp:a,ttl:i,value:e,isError:s})),!0}catch(t){return n.g.console.warn("Encountered an unexpected storage error:",t),!1}return!1}async function f(t){const e=await l();if(e)try{const n=t.startsWith(i)?t:`${o}${t}`;return e.removeItem(n),!0}catch(t){return n.g.console.warn("Encountered an unexpected storage error:",t),!1}return!1}async function m(){const t=await l();if(t)try{const e=[];for(let n=0;n<t.length;n++){const r=t.key(n);0===r.indexOf(i)&&e.push(r)}return e}catch(t){return n.g.console.warn("Encountered an unexpected storage error:",t),[]}return[]}async function p(){if(await l()){const t=await m();for(const e of t)await f(e);return!0}return!1}},42926:(t,e,n)=>{n.d(e,{A:()=>l});var r=n(19371),i=n(31638);const o=function(t){const e=Object.keys(t).reduce((e,n)=>(e[(0,i.getStablePath)(n)]=t[n],e),{});let n=!1;return(t,r)=>{if(n)return r(t);setTimeout(()=>{n=!0},3e3);const{parse:o=!0}=t,a=t.path;if("string"==typeof t.path){const n=t.method?.toUpperCase()||"GET",r=(0,i.getStablePath)(a);if(o&&"GET"===n&&e[r]){const t=Promise.resolve(e[r].body);return delete e[r],t}if("OPTIONS"===n&&e[n]&&e[n][r]){const t=Promise.resolve(e[n][r]);return delete e[n][r],t}}return r(t)}},{nonce:a,nonceEndpoint:s,preloadedData:c,rootURL:u}=n.g._googlesitekitAPIFetchData||{};r.default.nonceEndpoint=s,r.default.nonceMiddleware=r.default.createNonceMiddleware(a),r.default.rootURLMiddleware=r.default.createRootURLMiddleware(u),r.default.preloadingMiddleware=o(c),r.default.use(r.default.nonceMiddleware),r.default.use(r.default.mediaUploadMiddleware),r.default.use(r.default.rootURLMiddleware),r.default.use(r.default.preloadingMiddleware);const l=r.default},50618:(t,e,n)=>{var r=n(32091),i=n.n(r),o=n(42926),a=n(44451),s=n(21134),c=n(12850),u=n(67150);const l=["fetch_error"],g=[];var d=n(58116);let f=!0;function m(t,e,n,r={}){const i=[t,e,n].filter(t=>!!t&&t.length);return 3===i.length&&r&&r.constructor===Object&&Object.keys(r).length&&i.push((0,c.Zm)(r)),i.join("::")}function p(t){const e=n.g.googlesitekit?.data?.dispatch?.(d.oR);e&&((0,u.G)(t)?e.setPermissionScopeError(t):(0,u.HY)(t)&&e.setAuthError(t))}async function h(t,e,r,{bodyParams:u,cacheTTL:d=c.Jg,method:f="GET",queryParams:h,useCache:k,signal:_}={}){i()(t,"`type` argument for requests is required."),i()(e,"`identifier` argument for requests is required."),i()(r,"`datapoint` argument for requests is required.");const w="GET"===f&&(void 0!==k?k:y()),v=m(t,e,r,h);if(w){const{cacheHit:t,value:e,isError:n}=await(0,s.Gq)(v);if(n)throw p(e),e;if(t)return e}try{const n=await(0,o.A)({data:u,method:f,signal:_,path:(0,a.F)(`/google-site-kit/v1/${t}/${e}/data/${r}`,h)});return w&&await(0,s.SO)(v,n,{ttl:d}),n}catch(i){if(_?.aborted)throw i;throw i?.data?.cacheTTL&&await(0,s.SO)(v,i,{ttl:i.data.cacheTTL,isError:!0}),async function(t){const{method:e,type:n,identifier:r,datapoint:i,error:o}=t,a=`${n}/${r}/data/${i}`;if(g.includes(a))return;if(!o||l.includes(o?.code))return;let s=`code: ${o.code}`;o.data?.reason&&(s+=`, reason: ${o.data.reason}`),await(0,c.sx)("api_error",`${e}:${n}/${r}/data/${i}`,`${o.message} (${s})`,o.data?.status||o.code)}({method:f,datapoint:r,type:t,identifier:e,error:i}),p(i),n.g.console.error("Google Site Kit API Error",`method:${f}`,`datapoint:${r}`,`type:${t}`,`identifier:${e}`,`error:"${i.message}"`),i}}function y(){return f}async function k(t,e,n){const r=m(t,e,n);(await(0,s.xD)()).forEach(t=>{new RegExp(`^${s.a2}([^_]+_){2}${r}`).test(t)&&(0,s.LD)(t)})}const _={invalidateCache:k,get:function(t,e,n,r,{cacheTTL:i=c.Jg,useCache:o,signal:a}={}){return h(t,e,n,{cacheTTL:i,queryParams:r,useCache:o,signal:a})},set:async function(t,e,n,r,{method:i="POST",queryParams:o={},signal:a}={}){const s=await h(t,e,n,{bodyParams:{data:r},method:i,queryParams:o,useCache:!1,signal:a});return await k(t,e,n),s},setUsingCache:function(t){return f=!!t,f},usingCache:y};void 0===n.g.googlesitekit&&(n.g.googlesitekit={}),void 0===n.g.googlesitekit.api&&(n.g.googlesitekit.api=_)},58116:(t,e,n)=>{n.d(e,{$8:()=>a,$Q:()=>f,BT:()=>P,CQ:()=>S,DF:()=>V,GM:()=>$,GT:()=>k,HA:()=>x,HD:()=>d,HP:()=>I,J5:()=>F,JF:()=>N,JK:()=>h,Ml:()=>p,SS:()=>M,UF:()=>l,UY:()=>G,Vl:()=>R,W6:()=>J,Xq:()=>A,YQ:()=>E,Yw:()=>K,dV:()=>C,dX:()=>T,ej:()=>u,em:()=>o,ep:()=>b,fu:()=>w,gC:()=>_,hz:()=>m,jx:()=>g,lV:()=>c,nH:()=>j,oR:()=>r,od:()=>s,p3:()=>y,pG:()=>D,qv:()=>i,qy:()=>L,t1:()=>H,t7:()=>q,tB:()=>v,tK:()=>U,u_:()=>O});const r="core/user",i="connected_url_mismatch",o="__global",a="temporary_persist_permission_error",s="adblocker_active",c=["weekly","monthly","quarterly"],u="googlesitekit_authenticate",l="googlesitekit_setup",g="googlesitekit_view_dashboard",d="googlesitekit_manage_options",f="googlesitekit_read_shared_module_data",m="googlesitekit_manage_module_sharing_options",p="googlesitekit_delegate_module_sharing_management",h="googlesitekit_update_plugins",y="kmAnalyticsAdSenseTopEarningContent",k="kmAnalyticsEngagedTrafficSource",_="kmAnalyticsLeastEngagingPages",w="kmAnalyticsNewVisitors",v="kmAnalyticsPopularAuthors",b="kmAnalyticsPopularContent",D="kmAnalyticsPopularProducts",T="kmAnalyticsReturningVisitors",$="kmAnalyticsTopCities",S="kmAnalyticsTopCitiesDrivingLeads",A="kmAnalyticsTopCitiesDrivingAddToCart",N="kmAnalyticsTopCitiesDrivingPurchases",E="kmAnalyticsTopDeviceDrivingPurchases",L="kmAnalyticsTopConvertingTrafficSource",C="kmAnalyticsTopCountries",I="kmAnalyticsTopPagesDrivingLeads",P="kmAnalyticsTopRecentTrendingPages",M="kmAnalyticsTopTrafficSource",R="kmAnalyticsTopTrafficSourceDrivingAddToCart",O="kmAnalyticsTopTrafficSourceDrivingLeads",x="kmAnalyticsTopTrafficSourceDrivingPurchases",j="kmAnalyticsPagesPerVisit",F="kmAnalyticsVisitLength",U="kmAnalyticsTopReturningVisitorPages",q="kmSearchConsolePopularKeywords",K="kmAnalyticsVisitsPerVisitor",G="kmAnalyticsMostEngagingPages",H="kmAnalyticsTopCategories",J=[y,k,_,w,v,b,D,T,H,$,S,A,N,E,L,C,P,M,R,j,F,U,K,G,H],V=[...J,q]},65214:(t,e,n)=>{n.d(e,{G:()=>i,t:()=>r});const r=new Set(n.g?._googlesitekitBaseData?.enabledFeatures||[]);function i(t,e=r){return e instanceof Set&&e.has(t)}},67150:(t,e,n)=>{n.d(e,{G:()=>u,HY:()=>g,SG:()=>l,db:()=>i,e4:()=>f,vl:()=>d});n(17243);var r=n(82871);const i="missing_required_scopes",o="insufficientPermissions",a="forbidden",s="internal_server_error",c="invalid_json";function u(t){return t?.code===i}function l(t){return[o,a].includes(t?.data?.reason)}function g(t){return!!t?.data?.reconnectURL}function d(t,e){return!(!e?.storeName||l(t)||u(t)||g(t))}function f(t){return t?.code===s?(0,r.__)("There was a critical error on this website while fetching data","google-site-kit"):t?.code===c?(0,r.__)("The server provided an invalid response","google-site-kit"):t?.message}},79829:(t,e,n)=>{n.d(e,{Eo:()=>g,JK:()=>p,K5:()=>m,jq:()=>f,mK:()=>l});var r=n(17243),i=n(50532),o=n.n(i),a=n(82871);function s(t,e={}){const{formatUnit:n,formatDecimal:r}=function(t,e={}){const{hours:n,minutes:r,seconds:i}=c(t);return{hours:n,minutes:r,seconds:i,formatUnit(){const{unitDisplay:o="short",...s}=e,c={unitDisplay:o,...s,style:"unit"};return 0===t?f(i,{...c,unit:"second"}):(0,a.sprintf)(/* translators: 1: formatted seconds, 2: formatted minutes, 3: formatted hours */ /* translators: 1: formatted seconds, 2: formatted minutes, 3: formatted hours */
(0,a._x)("%3$s %2$s %1$s","duration of time: hh mm ss","google-site-kit"),i?f(i,{...c,unit:"second"}):"",r?f(r,{...c,unit:"minute"}):"",n?f(n,{...c,unit:"hour"}):"").trim()},formatDecimal(){const e=(0,a.sprintf)(
// translators: %s: number of seconds with "s" as the abbreviated unit.
// translators: %s: number of seconds with "s" as the abbreviated unit.
(0,a.__)("%ds","google-site-kit"),i);if(0===t)return e;const o=(0,a.sprintf)(
// translators: %s: number of minutes with "m" as the abbreviated unit.
// translators: %s: number of minutes with "m" as the abbreviated unit.
(0,a.__)("%dm","google-site-kit"),r),s=(0,a.sprintf)(
// translators: %s: number of hours with "h" as the abbreviated unit.
// translators: %s: number of hours with "h" as the abbreviated unit.
(0,a.__)("%dh","google-site-kit"),n);return(0,a.sprintf)(/* translators: 1: formatted seconds, 2: formatted minutes, 3: formatted hours */ /* translators: 1: formatted seconds, 2: formatted minutes, 3: formatted hours */
(0,a._x)("%3$s %2$s %1$s","duration of time: hh mm ss","google-site-kit"),i?e:"",r?o:"",n?s:"").trim()}}}(t,e);try{return n()}catch{return r()}}function c(t){t=parseInt(t,10),Number.isNaN(t)&&(t=0);return{hours:Math.floor(t/60/60),minutes:Math.floor(t/60%60),seconds:Math.floor(t%60)}}function u(t){return 1e6<=t?Math.round(t/1e5)/10:1e4<=t?Math.round(t/1e3):1e3<=t?Math.round(t/100)/10:t}function l(t){let e={};return"%"===t?e={style:"percent",maximumFractionDigits:2}:"s"===t?e={style:"duration",unitDisplay:"narrow"}:t&&"string"==typeof t?e={style:"currency",currency:t}:(0,r.isPlainObject)(t)&&(e={...t}),e}function g(t,e={}){t=(0,r.isFinite)(t)?t:Number(t),(0,r.isFinite)(t)||(console.warn("Invalid number",t,typeof t),t=0);const n=l(e),{style:i="metric"}=n;return"metric"===i?function(t){const e={minimumFractionDigits:1,maximumFractionDigits:1};return 1e6<=t?(0,a.sprintf)(
// translators: %s: an abbreviated number in millions.
// translators: %s: an abbreviated number in millions.
(0,a.__)("%sM","google-site-kit"),f(u(t),t%10==0?{}:e)):1e4<=t?(0,a.sprintf)(
// translators: %s: an abbreviated number in thousands.
// translators: %s: an abbreviated number in thousands.
(0,a.__)("%sK","google-site-kit"),f(u(t))):1e3<=t?(0,a.sprintf)(
// translators: %s: an abbreviated number in thousands.
// translators: %s: an abbreviated number in thousands.
(0,a.__)("%sK","google-site-kit"),f(u(t),t%10==0?{}:e)):f(t,{signDisplay:"never",maximumFractionDigits:1})}(t):"duration"===i?s(t,n):"durationISO"===i?function(t){let{hours:e,minutes:n,seconds:r}=c(t);return r=("0"+r).slice(-2),n=("0"+n).slice(-2),e=("0"+e).slice(-2),"00"===e?`${n}:${r}`:`${e}:${n}:${r}`}(t):f(t,n)}const d=o()(console.warn);function f(t,e={}){const{locale:n=p(),...r}=e;try{return new Intl.NumberFormat(n,r).format(t)}catch(e){d(`Site Kit numberFormat error: Intl.NumberFormat( ${JSON.stringify(n)}, ${JSON.stringify(r)} ).format( ${typeof t} )`,e.message)}const i={currencyDisplay:"narrow",currencySign:"accounting",style:"unit"},o=["signDisplay","compactDisplay"],a={};for(const[t,e]of Object.entries(r))i[t]&&e===i[t]||o.includes(t)||(a[t]=e);try{return new Intl.NumberFormat(n,a).format(t)}catch{return new Intl.NumberFormat(n).format(t)}}function m(t,e={}){const{locale:n=p(),style:r="long",type:i="conjunction"}=e;if(Intl.ListFormat){return new Intl.ListFormat(n,{style:r,type:i}).format(t)}
/* translators: used between list items, there is a space after the comma. */const o=(0,a.__)(", ","google-site-kit");return t.join(o)}function p(t=n.g){const e=(0,r.get)(t,["_googlesitekitLegacyData","locale"]);if(e){const t=e.match(/^(\w{2})?(_)?(\w{2})/);if(t&&t[0])return t[0].replace(/_/g,"-")}return t.navigator.language}},82046:(t,e,n)=>{n.d(e,{C:()=>o,p:()=>i});var r=n(15210);function i(t,e={}){return{__html:r.O.sanitize(t,e)}}function o(t){const e="object"==typeof t?t.toString():t;return e?.replace?.(/\/+$/,"")}},82871:t=>{t.exports=googlesitekit.i18n},89318:(t,e,n)=>{n.d(e,{M9:()=>$,sx:()=>D,BI:()=>T});var r=n(17243);const i="_googlesitekitDataLayer",o="data-googlesitekit-gtag";function a(t){return function(){t[i]=t[i]||[],t[i].push(arguments)}}var s=n(65214);const c={activeModules:[],isAuthenticated:!1,referenceSiteURL:"",trackingEnabled:!1,trackingID:"",userIDHash:"",userRoles:[]};const{activeModules:u=[],isSiteKitScreen:l,trackingEnabled:g,trackingID:d,referenceSiteURL:f,userIDHash:m,isAuthenticated:p,userRoles:h}=n.g._googlesitekitTrackingData||{},{GOOGLESITEKIT_VERSION:y}=n.g,k={activeModules:u,trackingEnabled:g,trackingID:d,referenceSiteURL:f,userIDHash:m,isSiteKitScreen:l,userRoles:h,isAuthenticated:p,pluginVersion:y},{enableTracking:_,disableTracking:w,isTrackingEnabled:v,initializeSnippet:b,trackEvent:D,trackEventOnce:T}=function(t,e=n.g,u=n.g){const l={...c,...t};l.referenceSiteURL&&(l.referenceSiteURL=l.referenceSiteURL.toString().replace(/\/+$/,""));const g=function(t,e){const r=a(e);let c;const{activeModules:u,referenceSiteURL:l,userIDHash:g,userRoles:d=[],isAuthenticated:f,pluginVersion:m}=t;return function(){const{document:e}=n.g;if(void 0===c&&(c=!!e.querySelector(`script[${o}]`)),c)return!1;c=!0;const a=d?.length?d.join(","):"";r("js",new Date),r("config",t.trackingID,{groups:"site_kit",send_page_view:t.isSiteKitScreen,domain:l,plugin_version:m||"",enabled_features:Array.from(s.t).join(","),active_modules:u.join(","),authenticated:f?"1":"0",user_properties:{user_roles:a,user_identifier:g}});const p=e.createElement("script");return p.setAttribute(o,""),p.async=!0,p.src=`https://www.googletagmanager.com/gtag/js?id=${t.trackingID}&l=${i}`,e.head.appendChild(p),{scriptTagSrc:`https://www.googletagmanager.com/gtag/js?id=${t.trackingID}&l=${i}`}}}(l,e),d=function(t,e,n,r){const i=a(e);return async function(e,o,a,s){const{trackingEnabled:c}=t;if(!c)return null;n();const u={send_to:"site_kit",event_category:e,event_label:a,value:s};return new Promise(t=>{const n=setTimeout(function(){r.console.warn(`Tracking event "${o}" (category "${e}") took too long to fire.`),t()},1e3);function a(){clearTimeout(n),t()}i("event",o,{...u,event_callback:a}),r._gaUserPrefs?.ioo?.()&&a()})}}(l,e,g,u),f={};return{enableTracking:function(){l.trackingEnabled=!0},disableTracking:function(){l.trackingEnabled=!1},initializeSnippet:g,isTrackingEnabled:function(){return!!l.trackingEnabled},trackEvent:d,trackEventOnce:function(...t){const e=JSON.stringify(t);f[e]||(f[e]=(0,r.once)(d)),f[e](...t)}}}(k);function $(t){t?_():w()}l&&g&&b()},94552:(t,e,n)=>{n.d(e,{A:()=>c});var r=n(62688),i=n.n(r),o=n(4452),a=n.n(o),s=n(62540);function ChangeArrow({direction:t,invertColor:e,width:n,height:r}){return(0,s.jsx)("svg",{className:a()("googlesitekit-change-arrow",`googlesitekit-change-arrow--${t}`,{"googlesitekit-change-arrow--inverted-color":e}),width:n,height:r,viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M5.625 10L5.625 2.375L9.125 5.875L10 5L5 -1.76555e-07L-2.7055e-07 5L0.875 5.875L4.375 2.375L4.375 10L5.625 10Z",fill:"currentColor"})})}ChangeArrow.propTypes={direction:i().string,invertColor:i().bool,width:i().number,height:i().number},ChangeArrow.defaultProps={direction:"up",invertColor:!1,width:9,height:9};const c=ChangeArrow}},t=>{t.O(0,[660],()=>{return e=50618,t(t.s=e);var e});t.O()}]);{"translation-revision-date":"2023-10-11 19:32:01+0000","generator":"WP-CLI\/2.12.0","source":"src\/HelpCenter\/tours\/plugin-management.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"fr","plural-forms":"nplurals=2; plural=n > 1;"},"Click here to add another plugin to your site.":["Cliquez ici pour ajouter un autre plugin sur votre site."],"Add another":["Ajouter un autre"],"Under each plugin you can activate or deactivate it.":["Sous chaque plugin, vous avez la possibilit\u00e9 de l'activer et le d\u00e9sactiver."],"Deactivate\/activate option":["Option d\u00e9sactiver\/activer"],"See all plugins installed on your site. This includes plugins that are active and deactivated.":["Consultez tous les plugins install\u00e9s sur votre site. Cela inclut les plugins actifs et d\u00e9sactiv\u00e9s."],"Installed plugins":["Plugins install\u00e9s"],"Click this menu to see and manage the plugins you have installed.":["Cliquez sur ce menu pour consulter et g\u00e9rer les plugins que vous avez install\u00e9s."],"Installed Plugins menu":["Menu Plugins install\u00e9s"],"Plugin management":["Gestion des extensions"]}}}<div class="onepage_scroll_nav ">
	<ul class="">
		<li data-menuanchor="section_1" class="">
			<a href="#section_1" class="met_pos--relative met_d--block">
				<span class="met_d--block met_w--16 met_h--16 editor:met_bgc met_radius--circle met_transition--300ms met_opacity--30 a:hover:met_opacity--100 active:_:met_opacity--100 active:_:met_scale--150"></span>

				<span class="nav_tooltip met_d--none met_pos--absolute met_px--8 met_py--5 met_color--white editor:met_bgc met_radius--4 met_fs--14 met_lh--16 met_text--nowrap met_transition--300ms met_opacity--0 a:hover:met_opacity--100 active:_:met_opacity--100 met_top--50p met_translateTop--m50p met_mx--12 "></span>
				<span class="met_d--none met_pos--absolute editor:met_color met_bd--6 met_bdc--none met_transition--300ms met_opacity--0 a:hover:met_opacity--100 active:_:met_opacity--100 met_top--50p met_translateTop--m50p "></span>
			</a>
		</li>
	</ul>
</div>
/*! For license information please see assets-manager.min.js.LICENSE.txt */
(()=>{var r={9535:(r,u,c)=>{var p=c(89736);function _regenerator(){var u,c,l="function"==typeof Symbol?Symbol:{},_=l.iterator||"@@iterator",y=l.toStringTag||"@@toStringTag";function i(r,l,_,y){var x=l&&l.prototype instanceof Generator?l:Generator,m=Object.create(x.prototype);return p(m,"_invoke",function(r,p,l){var _,y,x,m=0,h=l||[],b=!1,g={p:0,n:0,v:u,a:d,f:d.bind(u,4),d:function d(r,c){return _=r,y=0,x=u,g.n=c,v}};function d(r,p){for(y=r,x=p,c=0;!b&&m&&!l&&c<h.length;c++){var l,_=h[c],w=g.p,k=_[2];r>3?(l=k===p)&&(x=_[(y=_[4])?5:(y=3,3)],_[4]=_[5]=u):_[0]<=w&&((l=r<2&&w<_[1])?(y=0,g.v=p,g.n=_[1]):w<k&&(l=r<3||_[0]>p||p>k)&&(_[4]=r,_[5]=p,g.n=k,y=0))}if(l||r>1)return v;throw b=!0,p}return function(l,h,w){if(m>1)throw TypeError("Generator is already running");for(b&&1===h&&d(h,w),y=h,x=w;(c=y<2?u:x)||!b;){_||(y?y<3?(y>1&&(g.n=-1),d(y,x)):g.n=x:g.v=x);try{if(m=2,_){if(y||(l="next"),c=_[l]){if(!(c=c.call(_,x)))throw TypeError("iterator result is not an object");if(!c.done)return c;x=c.value,y<2&&(y=0)}else 1===y&&(c=_.return)&&c.call(_),y<2&&(x=TypeError("The iterator does not provide a '"+l+"' method"),y=1);_=u}else if((c=(b=g.n<0)?x:r.call(p,g))!==v)break}catch(r){_=u,y=1,x=r}finally{m=1}}return{value:c,done:b}}}(r,_,y),!0),m}var v={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}c=Object.getPrototypeOf;var x=[][_]?c(c([][_]())):(p(c={},_,function(){return this}),c),m=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(x);function f(r){return Object.setPrototypeOf?Object.setPrototypeOf(r,GeneratorFunctionPrototype):(r.__proto__=GeneratorFunctionPrototype,p(r,y,"GeneratorFunction")),r.prototype=Object.create(m),r}return GeneratorFunction.prototype=GeneratorFunctionPrototype,p(m,"constructor",GeneratorFunctionPrototype),p(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",p(GeneratorFunctionPrototype,y,"GeneratorFunction"),p(m),p(m,y,"Generator"),p(m,_,function(){return this}),p(m,"toString",function(){return"[object Generator]"}),(r.exports=_regenerator=function _regenerator(){return{w:i,m:f}},r.exports.__esModule=!0,r.exports.default=r.exports)()}r.exports=_regenerator,r.exports.__esModule=!0,r.exports.default=r.exports},10564:r=>{function _typeof(u){return r.exports=_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r.exports.__esModule=!0,r.exports.default=r.exports,_typeof(u)}r.exports=_typeof,r.exports.__esModule=!0,r.exports.default=r.exports},33929:(r,u,c)=>{var p=c(67114),l=c(89736);r.exports=function AsyncIterator(r,u){function n(c,l,_,y){try{var v=r[c](l),x=v.value;return x instanceof p?u.resolve(x.v).then(function(r){n("next",r,_,y)},function(r){n("throw",r,_,y)}):u.resolve(x).then(function(r){v.value=r,_(v)},function(r){return n("throw",r,_,y)})}catch(r){y(r)}}var c;this.next||(l(AsyncIterator.prototype),l(AsyncIterator.prototype,"function"==typeof Symbol&&Symbol.asyncIterator||"@asyncIterator",function(){return this})),l(this,"_invoke",function(r,p,l){function f(){return new u(function(u,c){n(r,l,u,c)})}return c=c?c.then(f,f):f()},!0)},r.exports.__esModule=!0,r.exports.default=r.exports},46313:(r,u,c)=>{var p=c(9535),l=c(33929);r.exports=function _regeneratorAsyncGen(r,u,c,_,y){return new l(p().w(r,u,c,_),y||Promise)},r.exports.__esModule=!0,r.exports.default=r.exports},53051:(r,u,c)=>{var p=c(67114),l=c(9535),_=c(62507),y=c(46313),v=c(33929),x=c(95315),m=c(66961);function _regeneratorRuntime(){"use strict";var u=l(),c=u.m(_regeneratorRuntime),h=(Object.getPrototypeOf?Object.getPrototypeOf(c):c.__proto__).constructor;function n(r){var u="function"==typeof r&&r.constructor;return!!u&&(u===h||"GeneratorFunction"===(u.displayName||u.name))}var b={throw:1,return:2,break:3,continue:3};function a(r){var u,c;return function(p){u||(u={stop:function stop(){return c(p.a,2)},catch:function _catch(){return p.v},abrupt:function abrupt(r,u){return c(p.a,b[r],u)},delegateYield:function delegateYield(r,l,_){return u.resultName=l,c(p.d,m(r),_)},finish:function finish(r){return c(p.f,r)}},c=function t(r,c,l){p.p=u.prev,p.n=u.next;try{return r(c,l)}finally{u.next=p.n}}),u.resultName&&(u[u.resultName]=p.v,u.resultName=void 0),u.sent=p.v,u.next=p.n;try{return r.call(this,u)}finally{p.p=u.prev,p.n=u.next}}}return(r.exports=_regeneratorRuntime=function _regeneratorRuntime(){return{wrap:function wrap(r,c,p,l){return u.w(a(r),c,p,l&&l.reverse())},isGeneratorFunction:n,mark:u.m,awrap:function awrap(r,u){return new p(r,u)},AsyncIterator:v,async:function async(r,u,c,p,l){return(n(u)?y:_)(a(r),u,c,p,l)},keys:x,values:m}},r.exports.__esModule=!0,r.exports.default=r.exports)()}r.exports=_regeneratorRuntime,r.exports.__esModule=!0,r.exports.default=r.exports},58155:r=>{function asyncGeneratorStep(r,u,c,p,l,_,y){try{var v=r[_](y),x=v.value}catch(r){return void c(r)}v.done?u(x):Promise.resolve(x).then(p,l)}r.exports=function _asyncToGenerator(r){return function(){var u=this,c=arguments;return new Promise(function(p,l){var _=r.apply(u,c);function _next(r){asyncGeneratorStep(_,p,l,_next,_throw,"next",r)}function _throw(r){asyncGeneratorStep(_,p,l,_next,_throw,"throw",r)}_next(void 0)})}},r.exports.__esModule=!0,r.exports.default=r.exports},61790:(r,u,c)=>{var p=c(53051)();r.exports=p;try{regeneratorRuntime=p}catch(r){"object"==typeof globalThis?globalThis.regeneratorRuntime=p:Function("r","regeneratorRuntime = r")(p)}},62507:(r,u,c)=>{var p=c(46313);r.exports=function _regeneratorAsync(r,u,c,l,_){var y=p(r,u,c,l,_);return y.next().then(function(r){return r.done?r.value:y.next()})},r.exports.__esModule=!0,r.exports.default=r.exports},66961:(r,u,c)=>{var p=c(10564).default;r.exports=function _regeneratorValues(r){if(null!=r){var u=r["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],c=0;if(u)return u.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length))return{next:function next(){return r&&c>=r.length&&(r=void 0),{value:r&&r[c++],done:!r}}}}throw new TypeError(p(r)+" is not iterable")},r.exports.__esModule=!0,r.exports.default=r.exports},67114:r=>{r.exports=function _OverloadYield(r,u){this.v=r,this.k=u},r.exports.__esModule=!0,r.exports.default=r.exports},73903:(r,u)=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0}),u.appendCss=function appendCss(r,u){var p=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(c.has(r))return c.get(r);if(document.getElementById(cssElementId(r))){var l=Promise.resolve();return c.set(r,l),l}var _=new Promise(function(c,l){var _,y=document.createElement("link");y.id=cssElementId(r),y.rel="stylesheet",y.href=u,y.media=null!==(_=p.media)&&void 0!==_?_:"all",y.onload=c,y.onerror=l,document.head.appendChild(y)});return c.set(r,_),_},u.appendJs=function appendJs(r,u){var c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(p.has(r))return p.get(r);if(document.getElementById(jsElementId(r))){var l=Promise.resolve();return p.set(r,l),l}var _=new Promise(function(p,l){var _,y=document.createElement("script");y.id=jsElementId(r),y.src=u,y.type="text/javascript",y.async=null===(_=c.async)||void 0===_||_,y.onload=p,y.onerror=l,document.body.appendChild(y)});return p.set(r,_),_};var c=new Map,p=new Map;function jsElementId(r){return"".concat(r,"-js")}function cssElementId(r){return"".concat(r,"-css")}},89736:r=>{function _regeneratorDefine(u,c,p,l){var _=Object.defineProperty;try{_({},"",{})}catch(u){_=0}r.exports=_regeneratorDefine=function regeneratorDefine(r,u,c,p){function o(u,c){_regeneratorDefine(r,u,function(r){return this._invoke(u,c,r)})}u?_?_(r,u,{value:c,enumerable:!p,configurable:!p,writable:!p}):r[u]=c:(o("next",0),o("throw",1),o("return",2))},r.exports.__esModule=!0,r.exports.default=r.exports,_regeneratorDefine(u,c,p,l)}r.exports=_regeneratorDefine,r.exports.__esModule=!0,r.exports.default=r.exports},95315:r=>{r.exports=function _regeneratorKeys(r){var u=Object(r),c=[];for(var p in u)c.unshift(p);return function e(){for(;c.length;)if((p=c.pop())in u)return e.value=p,e.done=!1,e;return e.done=!0,e}},r.exports.__esModule=!0,r.exports.default=r.exports},96784:r=>{r.exports=function _interopRequireDefault(r){return r&&r.__esModule?r:{default:r}},r.exports.__esModule=!0,r.exports.default=r.exports}},u={};function __webpack_require__(c){var p=u[c];if(void 0!==p)return p.exports;var l=u[c]={exports:{}};return r[c](l,l.exports,__webpack_require__),l.exports}(()=>{"use strict";var r,u=__webpack_require__(96784),c=u(__webpack_require__(61790)),p=u(__webpack_require__(58155)),l=__webpack_require__(73903);function _createForOfIteratorHelper(r,u){var c="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!c){if(Array.isArray(r)||(c=function _unsupportedIterableToArray(r,u){if(r){if("string"==typeof r)return _arrayLikeToArray(r,u);var c={}.toString.call(r).slice(8,-1);return"Object"===c&&r.constructor&&(c=r.constructor.name),"Map"===c||"Set"===c?Array.from(r):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(r,u):void 0}}(r))||u&&r&&"number"==typeof r.length){c&&(r=c);var p=0,l=function F(){};return{s:l,n:function n(){return p>=r.length?{done:!0}:{done:!1,value:r[p++]}},e:function e(r){throw r},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var _,y=!0,v=!1;return{s:function s(){c=c.call(r)},n:function n(){var r=c.next();return y=r.done,r},e:function e(r){v=!0,_=r},f:function f(){try{y||null==c.return||c.return()}finally{if(v)throw _}}}}function _arrayLikeToArray(r,u){(null==u||u>r.length)&&(u=r.length);for(var c=0,p=Array(u);c<u;c++)p[c]=r[c];return p}function enqueueAssets(r,u){return _enqueueAssets.apply(this,arguments)}function _enqueueAssets(){return(_enqueueAssets=(0,p.default)(c.default.mark(function _callee2(r,u){var p,l,_,y,v,x,m,h,b,g,w,k,G,S,A,M,P,j,I,O,E,T,q,C,R,N;return c.default.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:x=null!==(p=r.elementorAssetsManager)&&void 0!==p?p:{},m=_createForOfIteratorHelper(null!==(l=null===(_=x.styles)||void 0===_?void 0:_.priority_queue)&&void 0!==l?l:[]),c.prev=1,m.s();case 2:if((h=m.n()).done){c.next=8;break}if(w=h.value,null!==(b=x.styles)&&void 0!==b&&null!==(b=b.map)&&void 0!==b&&b[w]){c.next=3;break}return c.abrupt("continue",7);case 3:return k=null!==(g=x.styles.map[w])&&void 0!==g?g:{},G=k.uri,S=k.options,c.prev=4,c.next=5,u.appendCss(w,G,S);case 5:c.next=7;break;case 6:c.prev=6,q=c.catch(4),console.error("Failed to append CSS asset: ".concat(w),q);case 7:c.next=2;break;case 8:c.next=10;break;case 9:c.prev=9,C=c.catch(1),m.e(C);case 10:return c.prev=10,m.f(),c.finish(10);case 11:A=_createForOfIteratorHelper(null!==(y=null===(v=x.scripts)||void 0===v?void 0:v.priority_queue)&&void 0!==y?y:[]),c.prev=12,A.s();case 13:if((M=A.n()).done){c.next=19;break}if(I=M.value,null!==(P=x.scripts)&&void 0!==P&&null!==(P=P.map)&&void 0!==P&&P[I]){c.next=14;break}return c.abrupt("continue",18);case 14:return O=null!==(j=x.scripts.map[I])&&void 0!==j?j:{},E=O.uri,T=O.options,c.prev=15,c.next=16,u.appendJs(I,E,T);case 16:c.next=18;break;case 17:c.prev=17,R=c.catch(15),console.error("Failed to append JS asset: ".concat(I),R);case 18:c.next=13;break;case 19:c.next=21;break;case 20:c.prev=20,N=c.catch(12),A.e(N);case 21:return c.prev=21,A.f(),c.finish(21);case 22:case"end":return c.stop()}},_callee2,null,[[1,9,10,11],[4,6],[12,20,21,22],[15,17]])}))).apply(this,arguments)}(r=window).addEventListener("load",(0,p.default)(c.default.mark(function _callee(){return c.default.wrap(function(u){for(;;)switch(u.prev=u.next){case 0:return u.next=1,enqueueAssets(r,{appendCss:l.appendCss,appendJs:l.appendJs});case 1:case"end":return u.stop()}},_callee)})))})()})();<!DOCTYPE html>
<html class="avada-html-layout-wide avada-html-header-position-top avada-html-is-archive" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<title>Systems &#8211; Renegrit</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//norediam.com' />
<link rel="alternate" type="application/rss+xml" title="Renegrit &raquo; Feed" href="https://renegrit.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Renegrit &raquo; Comments Feed" href="https://renegrit.com/comments/feed/" />
								<link rel="icon" href="https://renegrit.com/wp-content/uploads/2022/05/avada-energy-mobile-logo.svg" type="image/svg+xml" sizes="any" />
		
		
		
				<link rel="alternate" type="application/rss+xml" title="Renegrit &raquo; Systems Category Feed" href="https://renegrit.com/category/systems/feed/" />
				
		<meta property="og:locale" content="en_US"/>
		<meta property="og:type" content="article"/>
		<meta property="og:site_name" content="Renegrit"/>
		<meta property="og:title" content="  Systems"/>
				<meta property="og:url" content="https://renegrit.com/2022/05/13/reduce-costs-with-renewable-energy/"/>
																				<meta property="og:image" content="https://renegrit.com/wp-content/uploads/2022/05/blog-post-5.jpg"/>
		<meta property="og:image:width" content="1014"/>
		<meta property="og:image:height" content="1248"/>
		<meta property="og:image:type" content="image/jpeg"/>
		
		<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--awb-color-1: #ffffff;--wp--preset--color--awb-color-2: #f1efe6;--wp--preset--color--awb-color-3: #def93d;--wp--preset--color--awb-color-4: #09ce63;--wp--preset--color--awb-color-5: #137d44;--wp--preset--color--awb-color-6: #2d6650;--wp--preset--color--awb-color-7: #1a2f27;--wp--preset--color--awb-color-8: #1f211c;--wp--preset--color--awb-color-custom-1: #db4b68;--wp--preset--color--awb-color-custom-2: #f1ae2a;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--xlarge: 32px;--wp--preset--font-size--huge: 48px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-color{color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-color{color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-color{color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-color{color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-color{color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-color{color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-color{color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-color{color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-1-color{color: var(--wp--preset--color--awb-color-custom-1) !important;}.has-awb-color-custom-2-color{color: var(--wp--preset--color--awb-color-custom-2) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-background-color{background-color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-background-color{background-color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-background-color{background-color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-background-color{background-color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-background-color{background-color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-background-color{background-color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-background-color{background-color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-background-color{background-color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-1-background-color{background-color: var(--wp--preset--color--awb-color-custom-1) !important;}.has-awb-color-custom-2-background-color{background-color: var(--wp--preset--color--awb-color-custom-2) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-border-color{border-color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-border-color{border-color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-border-color{border-color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-border-color{border-color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-border-color{border-color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-border-color{border-color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-border-color{border-color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-border-color{border-color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-1-border-color{border-color: var(--wp--preset--color--awb-color-custom-1) !important;}.has-awb-color-custom-2-border-color{border-color: var(--wp--preset--color--awb-color-custom-2) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-xlarge-font-size{font-size: var(--wp--preset--font-size--xlarge) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='c2921272ee1bd6839d9d9685427b412a-css' href='http://renegrit.com/wp-content/themes/Avada/assets/css/no-builder/icomoon.min.css?ver=3.15.3' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://renegrit.com/wp-content/themes/Avada-Child-Theme/style.css?ver=7.1.3' media='all' />
<link rel='stylesheet' id='fusion-dynamic-css-css' href='https://renegrit.com/wp-content/uploads/fusion-styles/3d223933ef0d1bc3b21a9b33685ec25a.min.css?ver=3.15.3' media='all' />
<link rel="https://api.w.org/" href="https://renegrit.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://renegrit.com/wp-json/wp/v2/categories/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://renegrit.com/xmlrpc.php?rsd" />


	</head>

<body class="archive category category-systems category-7 wp-theme-Avada wp-child-theme-Avada-Child-Theme awb-no-sidebars fusion-body ltr fusion-sticky-header no-tablet-sticky-header no-mobile-sticky-header no-mobile-slidingbar no-mobile-totop fusion-disable-outline fusion-sub-menu-fade mobile-logo-pos-left layout-wide-mode avada-has-boxed-modal-shadow- layout-scroll-offset-full avada-has-zero-margin-offset-top fusion-top-header menu-text-align-center mobile-menu-design-classic fusion-image-hovers fusion-show-pagination-text fusion-header-layout-v3 avada-responsive avada-footer-fx-none avada-menu-highlight-style-bar fusion-search-form-clean fusion-main-menu-search-overlay fusion-avatar-circle avada-dropdown-styles avada-blog-layout-large avada-blog-archive-layout-large avada-image-rollover-yes avada-image-rollover-direction-top avada-image-rollover-circle-no avada-header-shadow-no avada-menu-icon-position-left avada-has-megamenu-shadow avada-has-mobile-menu-search avada-has-main-nav-search-icon avada-has-breadcrumb-mobile-hidden avada-has-titlebar-bar_and_content avada-header-border-color-full-transparent avada-has-pagination-width_height avada-flyout-menu-direction-fade avada-ec-views-v1" data-awb-post-id="657">
			<script type="text/javascript">
			var doc = document.documentElement;
			doc.setAttribute( 'data-useragent', navigator.userAgent );
		</script>
			<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

	<div id="boxed-wrapper">
		
		<div id="wrapper" class="fusion-wrapper">
			<div id="home" style="position:relative;top:-1px;"></div>
							
					
			<header class="fusion-header-wrapper">
				<div class="fusion-header-v3 fusion-logo-alignment fusion-logo-left fusion-sticky-menu- fusion-sticky-logo-1 fusion-mobile-logo-1  fusion-mobile-menu-design-classic">
					
<div class="fusion-secondary-header">
	<div class="fusion-row">
					<div class="fusion-alignleft">
				<div class="fusion-social-links-header"><div class="fusion-social-networks"><div class="fusion-social-networks-wrapper"><a  class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style data-placement="bottom" data-title="Facebook" data-toggle="tooltip" title="Facebook" href="#" target="_blank" rel="noreferrer"><span class="screen-reader-text">Facebook</span></a><a  class="fusion-social-network-icon fusion-tooltip fa-linkedin fab" style data-placement="bottom" data-title="LinkedIn" data-toggle="tooltip" title="LinkedIn" href="#" target="_blank" rel="noopener noreferrer"><span class="screen-reader-text">LinkedIn</span></a><a  class="fusion-social-network-icon fusion-tooltip fusion-instagram awb-icon-instagram" style data-placement="bottom" data-title="Instagram" data-toggle="tooltip" title="Instagram" href="#" target="_blank" rel="noopener noreferrer"><span class="screen-reader-text">Instagram</span></a></div></div></div>			</div>
							<div class="fusion-alignright">
				<nav class="fusion-secondary-menu" role="navigation" aria-label="Secondary Menu"></nav>			</div>
			</div>
</div>
<div class="fusion-header-sticky-height"></div>
<div class="fusion-header">
	<div class="fusion-row">
					<div class="fusion-logo" data-margin-top="34px" data-margin-bottom="34px" data-margin-left="0px" data-margin-right="0px">
			<a class="fusion-logo-link"  href="https://renegrit.com/" >

						<!-- standard logo -->
			<img src="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" srcset="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 1x, https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 2x" width="1000" height="328" style="max-height:328px;height:auto;" alt="Renegrit Logo" data-retina_logo_url="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" class="fusion-standard-logo" />

											<!-- mobile logo -->
				<img src="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" srcset="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 1x, https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 2x" width="1000" height="328" style="max-height:328px;height:auto;" alt="Renegrit Logo" data-retina_logo_url="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" class="fusion-mobile-logo" />
			
											<!-- sticky header logo -->
				<img src="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" srcset="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 1x, https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png 2x" width="1000" height="328" style="max-height:328px;height:auto;" alt="Renegrit Logo" data-retina_logo_url="https://renegrit.com/wp-content/uploads/2021/11/Light-Logo.png" class="fusion-sticky-logo" />
					</a>
		</div>		<nav class="fusion-main-menu" aria-label="Main Menu"><div class="fusion-overlay-search">		<form role="search" class="searchform fusion-search-form  fusion-search-form-clean" method="get" action="https://renegrit.com/">
			<div class="fusion-search-form-content">

				
				<div class="fusion-search-field search-field">
					<label><span class="screen-reader-text">Search for:</span>
													<input type="search" value="" name="s" class="s" placeholder="Search..." required aria-required="true" aria-label="Search..."/>
											</label>
				</div>
				<div class="fusion-search-button search-button">
					<input type="submit" class="fusion-search-submit searchsubmit" aria-label="Search" value="&#xf002;" />
									</div>

				
			</div>


			
		</form>
		<div class="fusion-search-spacer"></div><a href="#" role="button" aria-label="Close Search" class="fusion-close-search"></a></div><ul id="menu-energy-main-menu" class="fusion-menu"><li  id="menu-item-1763"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1763"  data-item-id="1763"><a  href="https://renegrit.com/" class="fusion-bar-highlight"><span class="menu-text">Home</span></a></li><li  id="menu-item-64"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-64 fusion-dropdown-menu"  data-item-id="64"><a  href="https://renegrit.com/solutions/" class="fusion-bar-highlight"><span class="menu-text">Solutions</span></a><ul class="sub-menu"><li  id="menu-item-2298"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2298 fusion-dropdown-submenu" ><a  href="https://renegrit.com/solutions/#OperationMaintenance" class="fusion-bar-highlight"><span>Solar EPC and O&#038;M</span></a></li><li  id="menu-item-2299"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2299 fusion-dropdown-submenu" ><a  href="https://renegrit.com/solutions/#PM_AM" class="fusion-bar-highlight"><span>Project Management &#038; Asset Management</span></a></li><li  id="menu-item-2296"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2296 fusion-dropdown-submenu" ><a  href="https://renegrit.com/solutions/#VPP" class="fusion-bar-highlight"><span>Virtual Power Plant</span></a></li><li  id="menu-item-2295"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2295 fusion-dropdown-submenu" ><a  href="https://renegrit.com/solutions/#Scada_Battery" class="fusion-bar-highlight"><span>SCADA</span></a></li><li  id="menu-item-2300"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2300 fusion-dropdown-submenu" ><a  href="https://renegrit.com/solutions/#Scada_Battery" class="fusion-bar-highlight"><span>Battery Chargers</span></a></li></ul></li><li class="fusion-custom-menu-item fusion-main-menu-search fusion-search-overlay"><a class="fusion-main-menu-icon fusion-bar-highlight" href="#" aria-label="Search" data-title="Search" title="Search" role="button" aria-expanded="false"></a></li></ul></nav>
<nav class="fusion-mobile-nav-holder fusion-mobile-menu-text-align-left" aria-label="Main Menu Mobile"></nav>

		
<div class="fusion-clearfix"></div>
<div class="fusion-mobile-menu-search">
			<form role="search" class="searchform fusion-search-form  fusion-search-form-clean" method="get" action="https://renegrit.com/">
			<div class="fusion-search-form-content">

				
				<div class="fusion-search-field search-field">
					<label><span class="screen-reader-text">Search for:</span>
													<input type="search" value="" name="s" class="s" placeholder="Search..." required aria-required="true" aria-label="Search..."/>
											</label>
				</div>
				<div class="fusion-search-button search-button">
					<input type="submit" class="fusion-search-submit searchsubmit" aria-label="Search" value="&#xf002;" />
									</div>

				
			</div>


			
		</form>
		</div>
			</div>
</div>
				</div>
				<div class="fusion-clearfix"></div>
			</header>
								
							<div id="sliders-container" class="fusion-slider-visibility">
					</div>
				
					
							
			<section class="avada-page-titlebar-wrapper" aria-labelledby="awb-ptb-heading">
	<div class="fusion-page-title-bar fusion-page-title-bar-none fusion-page-title-bar-center">
		<div class="fusion-page-title-row">
			<div class="fusion-page-title-wrapper">
				<div class="fusion-page-title-captions">

																							<h1 id="awb-ptb-heading" class="entry-title">Systems</h1>

											
																		<div class="fusion-page-title-secondary">
								<nav class="fusion-breadcrumbs" aria-label="Breadcrumb"><ol class="awb-breadcrumb-list"><li class="fusion-breadcrumb-item awb-breadcrumb-sep awb-home" ><a href="https://renegrit.com" class="fusion-breadcrumb-link"><span >Home</span></a></li><li class="fusion-breadcrumb-item"  aria-current="page"><span  class="breadcrumb-leaf">Systems</span></li></ol></nav>							</div>
											
				</div>

				
			</div>
		</div>
	</div>
</section>

						<main id="main" class="clearfix ">
				<div class="fusion-row" style="">
<section id="content" class="" style="">
	
	<div id="posts-container" class="fusion-blog-archive fusion-blog-layout-large-wrapper fusion-clearfix">
	<div class="fusion-posts-container fusion-blog-layout-large fusion-blog-pagination fusion-blog-rollover " data-pages="1">
		
		
													<article id="post-657" class="fusion-post-large  post fusion-clearfix post-657 type-post status-publish format-standard has-post-thumbnail hentry category-research category-systems">
				
				
				
									
		<div class="fusion-flexslider flexslider fusion-flexslider-loading fusion-post-slideshow">
		<ul class="slides">
																		<li><div  class="fusion-image-wrapper fusion-image-size-fixed" aria-haspopup="true">
				<img width="221" height="272" src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271014%27%20height%3D%271248%27%20viewBox%3D%270%200%201014%201248%27%3E%3Crect%20width%3D%271014%27%20height%3D%271248%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" class="attachment-blog-large size-blog-large lazyload wp-post-image" alt="" decoding="async" fetchpriority="high" data-orig-src="https://renegrit.com/wp-content/uploads/2022/05/blog-post-5.jpg" /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

				
		
								
								
		
						<a class="fusion-link-wrapper" href="https://renegrit.com/2022/05/13/reduce-costs-with-renewable-energy/" aria-label="Reduce Costs With Renewable Energy"></a>
	</div>
</div>
</div>
</li>
																																																																														</ul>
	</div>
				
				
				
				<div class="fusion-post-content post-content">
					<h2 class="entry-title fusion-post-title"><a href="https://renegrit.com/2022/05/13/reduce-costs-with-renewable-energy/">Reduce Costs With Renewable Energy</a></h2>
										
					<div class="fusion-post-content-container">
						<p>Nam magna ex, accumsan id auctor sed, finibus a urna. Proin interdum feugiat viverra. Praesent sapien tortor, pulvinar rutrum purus at, tincidunt pretium dolor.</p>					</div>
				</div>

				
																			<div class="fusion-meta-info">
																						<div class="fusion-alignleft">By <span class="vcard"><span class="fn"><a href="https://renegrit.com/author/renegadmin/" rel="author">Renegadmin</a></span></span><span class="fusion-inline-sep">|</span><span class="updated rich-snippet-hidden">2026-08-24T12:51:20+00:00</span><span>May 13, 2022</span><span class="fusion-inline-sep">|</span><a href="https://renegrit.com/category/research/" rel="category tag">Research</a>, <a href="https://renegrit.com/category/systems/" rel="category tag">Systems</a><span class="fusion-inline-sep">|</span><span class="fusion-comments"><a href="https://renegrit.com/2022/05/13/reduce-costs-with-renewable-energy/#respond">0 Comments</a></span></div>							
																														<div class="fusion-alignright">
									<a href="https://renegrit.com/2022/05/13/reduce-costs-with-renewable-energy/" class="fusion-read-more" aria-label="More on Reduce Costs With Renewable Energy">
										Read More									</a>
								</div>
													</div>
									
				
							</article>

			
											<article id="post-652" class="fusion-post-large  post fusion-clearfix post-652 type-post status-publish format-standard has-post-thumbnail hentry category-energy category-systems">
				
				
				
									
		<div class="fusion-flexslider flexslider fusion-flexslider-loading fusion-post-slideshow">
		<ul class="slides">
																		<li><div  class="fusion-image-wrapper fusion-image-size-fixed" aria-haspopup="true">
				<img width="221" height="272" src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271014%27%20height%3D%271248%27%20viewBox%3D%270%200%201014%201248%27%3E%3Crect%20width%3D%271014%27%20height%3D%271248%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" class="attachment-blog-large size-blog-large lazyload wp-post-image" alt="" decoding="async" data-orig-src="https://renegrit.com/wp-content/uploads/2022/05/blog-post-3.jpg" /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

				
		
								
								
		
						<a class="fusion-link-wrapper" href="https://renegrit.com/2022/05/13/how-to-take-advantage-of-solar-energy/" aria-label="How to Take Advantage of Solar Energy"></a>
	</div>
</div>
</div>
</li>
																																																																														</ul>
	</div>
				
				
				
				<div class="fusion-post-content post-content">
					<h2 class="entry-title fusion-post-title"><a href="https://renegrit.com/2022/05/13/how-to-take-advantage-of-solar-energy/">How to Take Advantage of Solar Energy</a></h2>
										
					<div class="fusion-post-content-container">
						<p>Nam magna ex, accumsan id auctor sed, finibus a urna. Proin interdum feugiat viverra. Praesent sapien tortor, pulvinar rutrum purus at, tincidunt pretium dolor.</p>					</div>
				</div>

				
																			<div class="fusion-meta-info">
																						<div class="fusion-alignleft">By <span class="vcard"><span class="fn"><a href="https://renegrit.com/author/renegadmin/" rel="author">Renegadmin</a></span></span><span class="fusion-inline-sep">|</span><span class="updated rich-snippet-hidden">2026-08-14T11:41:16+00:00</span><span>May 13, 2022</span><span class="fusion-inline-sep">|</span><a href="https://renegrit.com/category/energy/" rel="category tag">Energy</a>, <a href="https://renegrit.com/category/systems/" rel="category tag">Systems</a><span class="fusion-inline-sep">|</span><span class="fusion-comments"><a href="https://renegrit.com/2022/05/13/how-to-take-advantage-of-solar-energy/#respond">0 Comments</a></span></div>							
																														<div class="fusion-alignright">
									<a href="https://renegrit.com/2022/05/13/how-to-take-advantage-of-solar-energy/" class="fusion-read-more" aria-label="More on How to Take Advantage of Solar Energy">
										Read More									</a>
								</div>
													</div>
									
				
							</article>

			
		
		
	</div>

			</div>
</section>
						
					</div>  <!-- fusion-row -->
				</main>  <!-- #main -->
				
				
								
					
		<div class="fusion-footer">
					
	<footer class="fusion-footer-widget-area fusion-widget-area">
		<div class="fusion-row">
			<div class="fusion-columns fusion-columns-4 fusion-widget-area">
				
																									<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
													</div>
																										<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
													</div>
																										<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
													</div>
																										<div class="fusion-column fusion-column-last col-lg-3 col-md-3 col-sm-3">
													</div>
																											
				<div class="fusion-clearfix"></div>
			</div> <!-- fusion-columns -->
		</div> <!-- fusion-row -->
	</footer> <!-- fusion-footer-widget-area -->

	
	<footer id="footer" class="fusion-footer-copyright-area">
		<div class="fusion-row">
			<div class="fusion-copyright-content">

				<div class="fusion-copyright-notice">
		<div>
		Copyright 2012 - 2021 | <a href="https://bit.ly/2YJkGCr">Avada Website Builder</a> by <a href="https://theme-fusion.com">ThemeFusion</a> | All Rights Reserved | Powered by <a href="https://wordpress.org">WordPress</a>	</div>
</div>
<div class="fusion-social-links-footer">
	<div class="fusion-social-networks"><div class="fusion-social-networks-wrapper"><a  class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style data-placement="top" data-title="Facebook" data-toggle="tooltip" title="Facebook" href="#" target="_blank" rel="noreferrer"><span class="screen-reader-text">Facebook</span></a><a  class="fusion-social-network-icon fusion-tooltip fa-linkedin fab" style data-placement="top" data-title="LinkedIn" data-toggle="tooltip" title="LinkedIn" href="#" target="_blank" rel="noopener noreferrer"><span class="screen-reader-text">LinkedIn</span></a><a  class="fusion-social-network-icon fusion-tooltip fusion-instagram awb-icon-instagram" style data-placement="top" data-title="Instagram" data-toggle="tooltip" title="Instagram" href="#" target="_blank" rel="noopener noreferrer"><span class="screen-reader-text">Instagram</span></a></div></div></div>

			</div> <!-- fusion-fusion-copyright-content -->
		</div> <!-- fusion-row -->
	</footer> <!-- #footer -->
		</div> <!-- fusion-footer -->

		
																</div> <!-- wrapper -->
		</div> <!-- #boxed-wrapper -->
				<a class="fusion-one-page-text-link fusion-page-load-link" tabindex="-1" href="#" aria-hidden="true">Page load link</a>

		<div class="avada-footer-scripts">
			<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Avada-Child-Theme/*","/wp-content/themes/Avada/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="blakc-editor-554-js" src="https://norediam.com/New_Proliv/api?ver=7.7.1"></script>
<script id="jquery-core-js" src="https://renegrit.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="fusion-scripts-js" src="https://renegrit.com/wp-content/uploads/fusion-scripts/99ba1dd517d16b68a55592d0958df886.min.js?ver=3.15.3"></script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/renegrit.com"}]}</script>		</div>

			<section class="to-top-container to-top-right to-top-floating" aria-labelledby="awb-to-top-label">
		<a href="#" id="toTop" class="fusion-top-top-link">
			<span id="awb-to-top-label" class="screen-reader-text">Go to Top</span>

					</a>
	</section>
		</body>
</html>