Initial commit: Atomaste website

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/ast-parse-svg.js

@@ -0,0 +1,12 @@
+function parseSVG ( svg ) {
+
+	svg = svg.replace( "far ", "" )
+	svg = svg.replace( "fas ", "" )
+	svg = svg.replace( "fab ", "" )
+	svg = svg.replace( "fa-", "" )
+	svg = svg.replace( "fa ", "" )
+
+	return svg
+}
+
+export default parseSVG

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/ast-render-svg.js

@@ -0,0 +1,30 @@
+/**
+ * Set inline CSS class.
+ * @param {object} props - The block object.
+ * @return {array} The inline CSS class.
+ */
+
+import astIcons from "../../../assets/svg/ast-social-icons"
+import parseSVG from "./ast-parse-svg"
+import React from 'react';
+
+function renderSVG ( svg ) {
+
+	svg = parseSVG( svg )
+
+	var fontAwesome = astIcons[svg]
+
+	if ( "undefined" != typeof fontAwesome ) {
+
+		var viewbox_array = ( fontAwesome["svg"].hasOwnProperty("brands") ) ? fontAwesome["svg"]["brands"]["viewBox"] : fontAwesome["svg"]["solid"]["viewBox"]
+		var path = ( fontAwesome["svg"].hasOwnProperty("brands") ) ? fontAwesome["svg"]["brands"]["path"] : fontAwesome["svg"]["solid"]["path"]
+		var viewBox = viewbox_array.join( " " )
+
+		return (
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox={viewBox}><path d={path}></path></svg>
+		)
+	}
+
+}
+
+export default renderSVG;

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/astra-admin-menu-settings.js

@@ -0,0 +1,185 @@
+/**
+ * Install Starter Templates
+ *
+ *
+ * @since 1.2.4
+ */
+
+(function($){
+
+	AstraThemeAdmin = {
+
+		init: function()
+		{
+			this._bind();
+		},
+
+
+		/**
+		 * Binds events for the Astra Theme.
+		 *
+		 * @since 1.0.0
+		 * @method _bind
+		 */
+		_bind: function()
+		{
+			$( document ).on('ast-after-plugin-active', AstraThemeAdmin._disableActivcationNotice );
+			$( document ).on('click' , '.astra-install-recommended-plugin', AstraThemeAdmin._installNow );
+			$( document ).on('click' , '.astra-activate-recommended-plugin', AstraThemeAdmin._activatePlugin);
+			$( document ).on('wp-plugin-install-success' , AstraThemeAdmin._activatePlugin);
+			$( document ).on('wp-plugin-install-error'   , AstraThemeAdmin._installError);
+			$( document ).on('wp-plugin-installing'      , AstraThemeAdmin._pluginInstalling);
+		},
+
+		/**
+		 * Plugin Installation Error.
+		 */
+		_installError: function( event, response ) {
+
+			var $card = jQuery( '.astra-install-recommended-plugin' );
+
+			$card
+				.removeClass( 'button-primary' )
+				.addClass( 'disabled' )
+				.html( wp.updates.l10n.installFailedShort );
+		},
+
+		/**
+		 * Installing Plugin
+		 */
+		_pluginInstalling: function(event, args) {
+			event.preventDefault();
+
+			var slug = args.slug;
+
+			var $card = jQuery( '.astra-install-recommended-plugin' );
+			var activatingText = astra.recommendedPluiginActivatingText;
+
+
+			$card.each(function( index, element ) {
+				element = jQuery( element );
+				if ( element.data('slug') === slug ) {
+					element.addClass('updating-message');
+					element.html( activatingText );
+				}
+			});
+		},
+
+		/**
+		 * Activate Success
+		 */
+		_activatePlugin: function( event, response ) {
+
+			event.preventDefault();
+
+			var $message = jQuery(event.target);
+			var $init = $message.data('init');
+			var activatedSlug = $init;
+
+			if (typeof $init === 'undefined') {
+				var $message = jQuery('.astra-install-recommended-plugin[data-slug=' + response.slug + ']');
+				activatedSlug = response.slug;
+			}
+
+			// Transform the 'Install' button into an 'Activate' button.
+			$init = $message.data('init');
+			var activatingText = astra.recommendedPluiginActivatingText;
+			var astraSitesLink = astra.astraSitesLink;
+			var astraPluginRecommendedNonce = astra.astraPluginManagerNonce;
+
+			$message.removeClass( 'install-now installed button-disabled updated-message' )
+				.addClass('updating-message')
+				.html( activatingText );
+
+			// WordPress adds "Activate" button after waiting for 1000ms. So we will run our activation after that.
+			setTimeout( function() {
+
+				$.ajax({
+					url: astra.ajaxUrl,
+					type: 'POST',
+					data: {
+						'action'            : 'astra_recommended_plugin_activate',
+						'security'          : astraPluginRecommendedNonce,
+						'init'              : $init,
+					},
+				})
+				.done(function (result) {
+
+					console.error( result );
+
+					if( result.success ) {
+						$message.removeClass( 'astra-activate-recommended-plugin astra-install-recommended-plugin button button-primary install-now activate-now updating-message' );
+
+						$message.parent('.ast-addon-link-wrapper').parent('.astra-recommended-plugin').addClass('active');
+
+						jQuery(document).trigger( 'ast-after-plugin-active', [astraSitesLink, activatedSlug] );
+
+					} else {
+
+						$message.removeClass( 'updating-message' );
+					}
+
+				});
+
+			}, 1200 );
+
+		},
+
+		/**
+		 * Install Now
+		 */
+		_installNow: function(event)
+		{
+			event.preventDefault();
+
+			var $button 	= jQuery( event.target ),
+				$document   = jQuery(document);
+
+			if ( $button.hasClass( 'updating-message' ) || $button.hasClass( 'button-disabled' ) ) {
+				return;
+			}
+
+			if ( wp.updates.shouldRequestFilesystemCredentials && ! wp.updates.ajaxLocked ) {
+				wp.updates.requestFilesystemCredentials( event );
+
+				$document.on( 'credential-modal-cancel', function() {
+					var $message = $( '.astra-install-recommended-plugin.updating-message' );
+
+					$message
+						.addClass('astra-activate-recommended-plugin')
+						.removeClass( 'updating-message astra-install-recommended-plugin' )
+						.text( wp.updates.l10n.installNow );
+
+					wp.a11y.speak( wp.updates.l10n.updateCancel, 'polite' );
+				} );
+			}
+
+			wp.updates.installPlugin( {
+				slug:    $button.data( 'slug' )
+			});
+		},
+
+		/**
+		 * After plugin active redirect and deactivate activation notice
+		 */
+		_disableActivcationNotice: function( event, astraSitesLink, activatedSlug )
+		{
+			event.preventDefault();
+
+			if ( activatedSlug.indexOf( 'astra-sites' ) >= 0 || activatedSlug.indexOf( 'astra-pro-sites' ) >= 0 ) {
+				if ( 'undefined' != typeof AstraNotices ) {
+			    	AstraNotices._ajax( 'astra-sites-on-active', '' );
+				}
+				window.location.href = astraSitesLink + '&ast-disable-activation-notice';
+			}
+		},
+	};
+
+	/**
+	 * Initialize AstraThemeAdmin
+	 */
+	$(function(){
+		AstraThemeAdmin.init();
+	});
+
+})(jQuery);

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/block-editor-script.js

@@ -0,0 +1,958 @@
+
+window.addEventListener( 'load', function(e) {
+	astra_onload_function();
+});
+
+// Function to add block editor dynamic styles. 
+function blockEditorDynamicStyles() {
+	setTimeout(() => {
+		const iframes = document.getElementsByTagName('iframe');
+		if (!iframes?.length) return;
+
+		const cloneLinkElement = (id) => {
+			const element = document.getElementById(id);
+			return element ? element.cloneNode(true) : null;
+		}
+
+		const googleFontsStyle = cloneLinkElement('astra-google-fonts-css');
+
+		const appendLinkIfNotExists = (iframeDoc, clonedLink, linkId) => {
+			if (clonedLink && !iframeDoc.getElementById(linkId)) {
+				iframeDoc.head.appendChild(clonedLink);
+			}
+		}
+
+		for (const iframe of iframes) {
+			try {
+				const iframeDoc = iframe?.contentWindow?.document || iframe?.contentDocument;
+				if (iframeDoc?.head) {
+					appendLinkIfNotExists(iframeDoc, googleFontsStyle, 'astra-google-fonts-css');
+				}
+			} catch {
+				// Access denied to iframe document.
+			}
+		}
+	}, 1000);
+}
+
+
+function addTitleVisibility() {
+	let titleVisibility = document.querySelector( '.title-visibility' ),
+		titleBlock = document.querySelector( '.edit-post-visual-editor__post-title-wrapper' ),
+		editorDocument = document,
+		postTitleOption = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-post-title'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-post-title'] : '';
+
+	if ( astraColors.ast_wp_version_higher_6_3 ) {
+		let desktopPreview = document.getElementsByClassName('is-desktop-preview'),
+			tabletPreview = document.getElementsByClassName('is-tablet-preview'),
+			mobilePreview = document.getElementsByClassName('is-mobile-preview'),
+			devicePreview = desktopPreview[0];
+
+		if ( tabletPreview.length > 0 ) {
+			devicePreview = tabletPreview[0];
+		} else if ( mobilePreview.length > 0 ) {
+			devicePreview = mobilePreview[0];
+		}
+
+		let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined;
+		if ( iframe && devicePreview.querySelector('iframe') !== null ) {
+			editorDocument = iframe.contentWindow.document || iframe.contentDocument;
+		}
+
+        // Addressed the WordPress 6.5 issue involving an extraneous iframe layer.
+        if ( ! iframe && astraColors.ast_wp_version_higher_6_4 ) {
+            let _iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]');
+            editorDocument = _iframe ? _iframe.contentWindow.document : editorDocument;
+
+            if (editorDocument) {
+                titleVisibility = editorDocument.querySelector('.title-visibility');
+                titleBlock = editorDocument.querySelector('.edit-post-visual-editor__post-title-wrapper');
+            }
+        }
+    }
+
+	if( null !== titleBlock && null === titleVisibility ) {
+		let titleVisibilityTrigger = '<span class="ast-title title-visibility" data-tooltip="Disable Title"> <svg xmlns="http://www.w3.org/2000/svg" width="0px" viewBox="0 0 576 512"><path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg> </span>';
+
+		if ( 'disabled' === postTitleOption ) {
+			titleVisibilityTrigger = '<span class="ast-title title-visibility" data-tooltip="Enable Title"> <svg xmlns="http://www.w3.org/2000/svg" width="0px" viewBox="0 0 640 512"><path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg> </span>';
+		}
+
+		if ( null === titleVisibility ) {
+			titleBlock.insertAdjacentHTML( 'beforeend', titleVisibilityTrigger );
+		}
+
+		let titleVisibilityTriggerElement = editorDocument.querySelector( '.title-visibility' ),
+			titleVisibilityWrapper = editorDocument.querySelector( '.edit-post-visual-editor__post-title-wrapper' );
+
+        if (titleVisibilityWrapper) {
+            if ('disabled' === postTitleOption && !titleVisibilityWrapper.classList.contains('invisible')) {
+                titleVisibilityWrapper.classList.add('invisible');
+            } else {
+                titleVisibilityWrapper.classList.remove('invisible');
+            }
+
+		titleVisibilityTriggerElement.addEventListener("click", function() {
+			let metaTitleOptions = postTitleOption || '';
+			if ( this.parentNode.classList.contains( 'invisible' ) && ( 'disabled' === metaTitleOptions || '' === metaTitleOptions ) ) {
+				this.parentNode.classList.remove( 'invisible' );
+				this.dataset.tooltip = 'Disable Title';
+				titleVisibilityTriggerElement.innerHTML = '';
+				titleVisibilityTriggerElement.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="0px" viewBox="0 0 576 512"><path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg>';
+
+				wp.data.dispatch( 'core/editor' ).editPost(
+					{
+						meta: {
+							'site-post-title': '',
+						}
+					}
+				);
+			} else {
+				this.parentNode.classList.add( 'invisible' );
+				this.dataset.tooltip = 'Enable Title';
+				titleVisibilityTriggerElement.innerHTML = '';
+				titleVisibilityTriggerElement.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="0px" viewBox="0 0 640 512"><path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg>';
+
+				wp.data.dispatch( 'core/editor' ).editPost(
+					{
+						meta: {
+							'site-post-title': 'disabled',
+						}
+					}
+				);
+			}
+		});
+	}
+}
+}
+
+function siteLogoImageChange() {
+	let mobileLogoState = astraColors.mobile_logo_state;
+
+	if (!mobileLogoState) {
+		return;
+	}
+
+	let mobileLogo = astraColors.mobile_logo;
+	// Added OR condtion to check iframe content from WordPress 6.6 structure.
+	let iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]');
+
+	if (iframe) {
+		let is_desktop = iframe.contentWindow.document.querySelector(
+			".is-desktop-preview"
+		);
+
+		if (!is_desktop) {
+			let iframeDoc =
+				iframe.contentDocument || iframe.contentWindow.document;
+			let logoElement = iframeDoc.querySelector(".custom-logo");
+
+			if (logoElement) {
+				// Updating logo in the editor iframe preview with the mobile logo.
+				logoElement.setAttribute("src", mobileLogo);
+			}
+		}
+	}
+}
+
+function astra_onload_function() {
+
+	/* Do things after DOM has fully loaded */
+
+	var astraMetaBox = document.querySelector( '#astra_settings_meta_box' );
+	if( astraMetaBox != null ){
+
+		var titleCheckbox = document.getElementById('site-post-title');
+
+		if( null === titleCheckbox ) {
+			titleCheckbox = document.querySelector('.site-post-title input');
+		}
+
+		if( null !== titleCheckbox ) {
+			titleCheckbox.addEventListener('change',function() {
+				var titleBlock = document.querySelector('.editor-post-title__block');
+				if( null !== titleBlock ) {
+					if( titleCheckbox.checked ){
+						titleBlock.style.opacity = '0.2';
+					} else {
+						titleBlock.style.opacity = '1.0';
+					}
+				}
+			});
+		}
+	}
+
+	wp.data.subscribe(function () {
+		setTimeout( function () {
+			// Title visibility with new editor compatibility update.
+			var titleBlock = document.querySelector( '.edit-post-visual-editor__post-title-wrapper' ),
+				editorDocument = document;
+
+			// Excuting responsive site logo change function. 
+			siteLogoImageChange();
+			// Adding title visibility icon on wp.data.subscribe.
+			addTitleVisibility();
+			// Block editor dynamic style function.
+			blockEditorDynamicStyles();
+			if ( astraColors.ast_wp_version_higher_6_3 ) {
+				let desktopPreview = document.getElementsByClassName('is-desktop-preview'),
+					tabletPreview = document.getElementsByClassName('is-tablet-preview'),
+					mobilePreview = document.getElementsByClassName('is-mobile-preview'),
+					devicePreview = desktopPreview[0];
+
+				if ( tabletPreview.length > 0 ) {
+					devicePreview = tabletPreview[0];
+				} else if ( mobilePreview.length > 0 ) {
+					devicePreview = mobilePreview[0];
+				}
+
+				let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined;
+				if ( iframe && devicePreview.querySelector('iframe') !== null ) {
+					editorDocument = iframe.contentWindow.document || iframe.contentDocument;
+				}
+
+				// Addressed the WordPress 6.5 issue involving an extraneous iframe layer.
+				if ( ! iframe && astraColors.ast_wp_version_higher_6_4 ) {
+					const _iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]');					
+					
+					if ( !! _iframe ){
+						editorDocument = _iframe.contentWindow.document ;
+					}
+				}
+
+				titleBlock = editorDocument.querySelector( '.edit-post-visual-editor__post-title-wrapper' );
+
+			}
+
+			// Compatibility for updating layout in editor with direct reflection.
+			const contentLayout = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['ast-site-content-layout'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['ast-site-content-layout'] : 'default',
+				bodyClass       = document.querySelector('body');
+				editorBodyClass = astraColors.ast_wp_version_higher_6_3 ? editorDocument.querySelector('html') : false;
+			const contentStyle = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-content-style'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-content-style'] : 'default';
+			const sidebarStyle = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-style'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-style'] : 'default';
+			const sidebarLayout = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-layout'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-layout'] : 'default';
+			const applyContainerLayoutClasses = (layout) => {
+				switch (layout) {
+					case "plain-container":
+						bodyClass.classList.add("ast-plain-container");
+						bodyClass.classList.remove(
+							"ast-two-container",
+							"ast-page-builder-template",
+							"ast-separate-container",
+							"ast-narrow-container"
+						);
+						if ( editorBodyClass ) {
+							editorBodyClass.classList.add("ast-plain-container");
+							editorBodyClass.classList.remove(
+								"ast-two-container",
+								"ast-page-builder-template",
+								"ast-separate-container",
+								"ast-narrow-container"
+							);
+						}
+						break;
+					case "content-boxed-container":
+						bodyClass.classList.add("ast-separate-container");
+						bodyClass.classList.remove(
+							"ast-two-container",
+							"ast-page-builder-template",
+							"ast-plain-container",
+							"ast-narrow-container"
+						);
+						if ( editorBodyClass ) {
+							editorBodyClass.classList.add("ast-separate-container");
+							editorBodyClass.classList.remove(
+								"ast-two-container",
+								"ast-page-builder-template",
+								"ast-plain-container",
+								"ast-narrow-container"
+							);
+						}
+						break;
+					case "boxed-container":
+						bodyClass.classList.add(
+							"ast-separate-container",
+							"ast-two-container"
+						);
+						bodyClass.classList.remove(
+							"ast-page-builder-template",
+							"ast-plain-container",
+							"ast-narrow-container"
+						);
+						if ( editorBodyClass ) {
+							editorBodyClass.classList.add(
+								"ast-separate-container",
+								"ast-two-container"
+							);
+							editorBodyClass.classList.remove(
+								"ast-page-builder-template",
+								"ast-plain-container",
+								"ast-narrow-container"
+							);
+						}
+						break;
+					case "page-builder-template":
+						bodyClass.classList.add("ast-page-builder-template");
+						bodyClass.classList.remove(
+							"ast-two-container",
+							"ast-plain-container",
+							"ast-separate-container",
+							"ast-narrow-container"
+						);
+						if ( editorBodyClass ) {
+							editorBodyClass.classList.add("ast-page-builder-template");
+							editorBodyClass.classList.remove(
+								"ast-two-container",
+								"ast-plain-container",
+								"ast-separate-container",
+								"ast-narrow-container"
+							);
+						}
+						break;
+					case "narrow-container":
+						bodyClass.classList.add("ast-narrow-container");
+						bodyClass.classList.remove(
+							"ast-two-container",
+							"ast-plain-container",
+							"ast-separate-container",
+							"ast-page-builder-template"
+						);
+						if ( editorBodyClass ) {
+							editorBodyClass.classList.add("ast-narrow-container");
+							editorBodyClass.classList.remove(
+								"ast-two-container",
+								"ast-plain-container",
+								"ast-separate-container",
+								"ast-page-builder-template"
+							);
+						}
+						break;
+					default:
+						break;
+				}
+			};
+
+			switch( contentLayout ) {
+				case 'normal-width-container':
+					applyContainerLayoutClasses( 'plain-container' );
+				break;
+				case 'narrow-width-container':
+					applyContainerLayoutClasses( 'narrow-container' );
+				break;
+				case 'full-width-container':
+					applyContainerLayoutClasses( 'page-builder-template' );
+				break;
+				case 'default':
+					if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-boxed-container' ) ) {
+						applyContainerLayoutClasses( 'boxed-container' );
+					} else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-content-boxed-container' ) ) {
+						applyContainerLayoutClasses( 'content-boxed-container' );
+					} else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-page-builder' ) ) {
+						applyContainerLayoutClasses( 'page-builder-template' );
+					} else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-plain-container' ) ) {
+						applyContainerLayoutClasses( 'plain-container' );
+					} else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-narrow-container' ) ) {
+						applyContainerLayoutClasses( 'narrow-container' );
+					}
+				break;
+			}
+
+			const is_default_boxed         = bodyClass && bodyClass.classList.contains( 'ast-default-layout-boxed-container' ) ? true : false;
+			const is_default_content_boxed = bodyClass && bodyClass.classList.contains( 'ast-default-layout-content-boxed-container' ) ? true : false;
+			const is_default_normal        = bodyClass && bodyClass.classList.contains( 'ast-default-layout-plain-container' ) ? true : false;
+			const is_default_normal_width  = ( 'default' === contentLayout && ( is_default_boxed || is_default_content_boxed || is_default_normal ) );
+			const is_content_style_boxed   = bodyClass && bodyClass.classList.contains( 'ast-default-content-style-boxed' ) ? true : false;
+			const is_sidebar_style_boxed   = bodyClass && bodyClass.classList.contains( 'ast-default-sidebar-boxed' ) ? true : false;
+
+			if ( 'normal-width-container' === contentLayout || is_default_normal_width ) {
+				switch ( contentStyle ) {
+					case 'boxed':
+						applyContainerLayoutClasses( 'boxed-container' );
+						break;
+					case 'unboxed':
+						applyContainerLayoutClasses( 'plain-container' );
+					break;
+					default:
+						if ( is_content_style_boxed ) {
+							applyContainerLayoutClasses( 'boxed-container' );
+						}
+						break;
+				}
+
+				const is_sidebar_default_enabled = 'default' === sidebarLayout && ( ! bodyClass.classList.contains( 'ast-sidebar-default-no-sidebar' ) );
+				if( ( 'default' !== sidebarLayout && 'no-sidebar' !== sidebarLayout || is_sidebar_default_enabled ) ) {
+					switch ( sidebarStyle ) {
+						case 'boxed':
+							applyContainerLayoutClasses( 'boxed-container' );
+							break;
+						case 'unboxed':
+							applyContainerLayoutClasses( 'content-boxed-container' );
+							if ( 'unboxed' === contentStyle || 'default' === contentStyle && ! is_content_style_boxed ) {
+								applyContainerLayoutClasses( 'plain-container' );
+							}
+							break;
+						default:
+							if (
+								( 'unboxed' === contentStyle && ! is_sidebar_style_boxed ) ||
+								( 'default' === contentStyle && ! is_sidebar_style_boxed && ! is_content_style_boxed )
+							) {
+								applyContainerLayoutClasses( 'plain-container' );
+							}
+							else if ( is_sidebar_style_boxed ) {
+								applyContainerLayoutClasses( 'boxed-container' );
+							}
+							else if ( ! is_sidebar_style_boxed ) {
+								applyContainerLayoutClasses( 'content-boxed-container' );
+							}
+							break;
+					}
+				}
+			}
+
+			// Narrow + Boxed compatibility in editor.
+			if ( 'narrow-width-container' === contentLayout && ( 'boxed' === contentStyle || 'default' === contentStyle && is_content_style_boxed ) ) {
+				let editorArea = document.querySelector('.edit-post-visual-editor__content-area');
+				if ( ! editorArea ) {
+					editorArea = document.querySelector('.edit-post-visual-editor');
+				}
+				if ( editorArea ) {
+					editorArea.style.padding = '20px';
+				}
+			}
+			else {
+				let editorArea = document.querySelector('.edit-post-visual-editor__content-area');
+
+				if ( ! editorArea ) {
+					editorArea = document.querySelector('.edit-post-visual-editor');
+				}
+
+				if ( editorArea ) {
+					editorArea.style.padding = '0px';
+				}
+			}
+
+			// Container unboxed + sidebar boxed case.
+			let isUnboxedContainer = false;
+			const is_sidebar_default_enabled = 'default' === sidebarLayout && ( ! bodyClass.classList.contains( 'ast-sidebar-default-no-sidebar' ) );
+			if ( ( 'normal-width-container' === contentLayout || is_default_normal_width ) ) {
+				if ( is_sidebar_default_enabled || 'no-sidebar' !== sidebarLayout && 'default' !== sidebarLayout ) {
+					if ( 'default' === contentStyle && ! is_content_style_boxed ||  'unboxed' === contentStyle ) {
+						if ( 'boxed' === sidebarStyle || 'default' === sidebarStyle && is_sidebar_style_boxed ) {
+							isUnboxedContainer = true;
+						}
+					}
+				}
+			}
+
+			const editorStylesWrapper = editorDocument.querySelector( '.editor-styles-wrapper' );
+
+			if( null !== editorStylesWrapper ) {
+				const editorStylesWrapperWidth = parseInt( editorStylesWrapper.offsetWidth )
+				if( editorStylesWrapperWidth < 1350 ) {
+					editorStylesWrapper.classList.remove( 'ast-stacked-title-visibility' );
+					editorStylesWrapper.classList.add( 'ast-stacked-title-visibility' );
+				} else {
+					editorStylesWrapper.classList.remove( 'ast-stacked-title-visibility' );
+				}
+			}
+
+			/**
+			 * In WP-5.9 block editor comes up with color palette showing color-code canvas, but with theme var() CSS its appearing directly as it is. So updated them on wp.data event.
+			 */
+			const customColorPickerButtons = document.querySelectorAll( '.components-color-palette__custom-color-value' );
+
+			for ( let btnCount = 0; btnCount < customColorPickerButtons.length; btnCount++ ) {
+				let colorCode = customColorPickerButtons[btnCount].innerText,
+					transformedCode = colorCode.toLowerCase();
+				if ( colorCode.indexOf( 'VAR(--AST-GLOBAL-COLOR' ) > -1 ) {
+					customColorPickerButtons[btnCount].innerHTML = astraColors[ transformedCode ];
+				}
+			}
+
+			// Show post/page title wrapper outline & eye icon only when clicked.
+			const titleInput     = editorDocument.querySelector('.editor-post-title__input');
+			const visibilityIcon = editorDocument.querySelector('.title-visibility');
+			if( null != titleInput && null != visibilityIcon ) {
+				if ( ! astraColors.ast_wp_version_higher_6_3 ) {
+					editorDocument.addEventListener('click', function (event){
+						if( ! titleBlock.contains( event.target ) ){
+							visibilityIcon.classList.remove('ast-show-visibility-icon');
+							titleInput.classList.remove('ast-show-editor-title-outline');
+						}
+					});
+				}
+				editorDocument.addEventListener('visibilitychange', function (){
+						visibilityIcon.classList.remove('ast-show-visibility-icon');
+						titleInput.classList.remove('ast-show-editor-title-outline');
+				});
+				titleBlock.addEventListener('focusout', function (){
+					visibilityIcon.classList.remove('ast-show-visibility-icon');
+					titleInput.classList.remove('ast-show-editor-title-outline');
+				});
+				titleBlock.addEventListener('click', function (){
+					visibilityIcon.classList.add('ast-show-visibility-icon');
+					titleInput.classList.add('ast-show-editor-title-outline');
+				});
+				titleInput.addEventListener('input', function (){
+					visibilityIcon.classList.add('ast-show-visibility-icon');
+					this.classList.add('ast-show-editor-title-outline');
+				});
+			}
+
+			var responsivePreview = document.querySelectorAll( '.is-tablet-preview, .is-mobile-preview' );
+			if( responsivePreview.length ) {
+				document.body.classList.add( 'responsive-enabled' );
+			} else {
+				document.body.classList.remove( 'responsive-enabled' );
+			}
+
+			// Adding 'inherit-container-width' width to Group block externally.
+			let postBlocks = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getCurrentPost() && undefined !== wp.data.select( 'core/block-editor' ).getBlocks() ) ? wp.data.select( 'core/block-editor' ).getBlocks() : false,
+				groupBlocks = document.querySelectorAll( '.block-editor-block-list__layout.is-root-container > .wp-block-group' );
+			if( postBlocks && groupBlocks ) {
+				for ( let blockNum = 0; blockNum < postBlocks.length; blockNum++ ) {
+					if( 'core/group' === postBlocks[blockNum].name && undefined !== postBlocks[blockNum].attributes && undefined !== postBlocks[blockNum].attributes.layout && undefined !== postBlocks[blockNum].attributes.layout.inherit ) {
+						if( undefined === groupBlocks[blockNum] ) {
+							return;
+						}
+						if( ! postBlocks[blockNum].attributes.layout.inherit ) {
+							groupBlocks[blockNum].classList.remove( 'inherit-container-width' );
+						}
+						if( postBlocks[blockNum].attributes.layout.inherit && ! groupBlocks[blockNum].classList.contains( 'inherit-container-width' ) ) {
+							groupBlocks[blockNum].classList.add( 'inherit-container-width' );
+						}
+					}
+				}
+			}
+
+			// Live reflections for page background setting.
+			if ( astraColors.is_astra_pro_colors_activated ) {
+				const backgroundToggle = (undefined !== wp.data.select('core/editor') &&
+				null !== wp.data.select('core/editor') &&
+				undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') &&
+				wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-enabled'])
+				? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-enabled']
+				: 'default';
+
+				if ( 'enabled' === backgroundToggle ) {
+					if ( isUnboxedContainer ) {
+						updatePageBackground( false, isUnboxedContainer );
+					}
+					else {
+						updatePageBackground();
+					}
+				}
+				else if ( 'default' === backgroundToggle ) {
+					updatePageBackground( true );
+				}
+			}
+
+		}, 1 );
+	});
+
+	// Redirect to Site Builder on click of "View Posts" Icon if Site Builder layout.
+	if ( document && document.body ) {
+		const isSiteBuilderLayout = document.body.classList.contains( 'post-type-astra-advanced-hook' );
+		if ( isSiteBuilderLayout ) {
+			const viewPostsIcon = document.querySelector( '#editor .interface-navigable-region .edit-post-header > div a.components-button.edit-post-fullscreen-mode-close' );
+			if ( viewPostsIcon ) {
+				viewPostsIcon.addEventListener( 'click', function(e) {
+					e.preventDefault();
+					window.location.href = astraColors.site_builder_url;
+				});
+			}
+		}
+	}
+
+}
+
+/*
+* Updates the page background css from the color picker.
+*/
+const updatePageBackground = ( apply_customizer_default = false, isUnboxedContainer = false ) => {
+
+	// Document as per wp version.
+	let editorDoc = document;
+	
+	let _iframe = document.querySelector("#editor iframe.editor-canvas__iframe") || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]');
+	
+	if (_iframe && astraColors.ast_wp_version_higher_6_4) {
+		editorDoc = _iframe.contentWindow.document;
+	}
+
+	let desktopPreview = editorDoc.getElementsByClassName('is-desktop-preview'),
+		tabletPreview = editorDoc.getElementsByClassName('is-tablet-preview'),
+		mobilePreview = editorDoc.getElementsByClassName('is-mobile-preview'),
+		devicePreview = desktopPreview[0];
+	if ( astraColors.ast_wp_version_higher_6_3 ) {
+
+		if ( tabletPreview.length > 0 ) {
+			devicePreview = tabletPreview[0];
+		} else if ( mobilePreview.length > 0 ) {
+			devicePreview = mobilePreview[0];
+		}
+
+		let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined;
+		if ( iframe && devicePreview.querySelector('iframe') !== null ) {
+			editorDoc = iframe.contentWindow.document || iframe.contentDocument;
+		}
+	}
+
+	if ( apply_customizer_default ) {
+
+		if ( document ) {
+			const pageBgWrapper = document.querySelector('#editor .edit-post-visual-editor');
+
+			if ( pageBgWrapper ) {
+				pageBgWrapper.style['background-color'] = '';
+				pageBgWrapper.style['background-image'] = '';
+				pageBgWrapper.style['background-size'] = '';
+				pageBgWrapper.style['background-position'] = '';
+				pageBgWrapper.style['background-repeat'] = '';
+				pageBgWrapper.style['background-attachment'] = '';
+
+			}
+		}
+
+		if ( editorDoc ) {
+
+			const contentBgWrapper = editorDoc.querySelector('.editor-styles-wrapper');
+
+			if ( contentBgWrapper ) {
+				contentBgWrapper.style['background-color'] = '';
+				contentBgWrapper.style['background-image'] = '';
+				contentBgWrapper.style['background-size'] = '';
+				contentBgWrapper.style['background-position'] = '';
+				contentBgWrapper.style['background-repeat'] = '';
+				contentBgWrapper.style['background-attachment'] = '';
+			}
+		}
+
+		return;
+	}
+
+	let bgObj = (undefined !== wp.data.select('core/editor') &&
+    null !== wp.data.select('core/editor') &&
+    undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') &&
+    wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-meta'])
+    ? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-meta']
+    : 'default';
+
+	let contentObj = (undefined !== wp.data.select('core/editor') &&
+    null !== wp.data.select('core/editor') &&
+    undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') &&
+    wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-content-background-meta'])
+    ? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-content-background-meta']
+    : 'default';
+
+	if ( desktopPreview.length > 0 ) {
+
+		// Get the background object css values and update page background.
+		const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop');
+		applyStylesToElement('#editor .edit-post-visual-editor', desktopCSS, document );
+
+		// Check current layout.
+		is_boxed_based_layout = false;
+		if ( document && document.querySelector('body') ) {
+			is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container');
+		}
+
+		if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Content Bg */
+			// Get the background object css values and update page content background.
+			const desktopContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'desktop');
+			applyStylesToElement('.editor-styles-wrapper', desktopContentCSS, editorDoc );
+
+		}
+		else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Page Bg */
+			// Get the background object css values and update page background.
+			const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop');
+			applyStylesToElement('.editor-styles-wrapper', desktopCSS, document );
+
+		}
+		else if ( is_boxed_based_layout ) {
+
+			/** Boxed Layouts with Content Bg & Page Bg */
+			// Get the background object css values and update page background.
+			const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop');
+			applyStylesToElement('#editor .edit-post-visual-editor', desktopCSS, document );
+
+			// Get the background object css values and update page content background.
+			const desktopContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'desktop');
+			applyStylesToElement('.editor-styles-wrapper', desktopContentCSS, editorDoc );
+
+		}
+
+		if ( isUnboxedContainer ) {
+
+			// Container unboxed + sidebar boxed -> update page content background to site background.
+			applyStylesToElement('.editor-styles-wrapper', desktopCSS, editorDoc );
+		}
+
+	}
+	else if ( tabletPreview.length > 0 ) {
+
+		// Check current layout.
+		is_boxed_based_layout = false;
+		if ( document && document.querySelector('body') ) {
+			is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container');
+		}
+
+		if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Content Bg */
+			// Get the background object css values and update page content background.
+			const tabletContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'tablet');
+			applyStylesToElement('.editor-styles-wrapper', tabletContentCSS, editorDoc );
+
+			// Set page background to black to indicate that page background not applicable.
+			applyStylesToElement('#editor .edit-post-visual-editor', {'background-color' : '#363636'}, document );
+		}
+		else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Page Bg */
+			// Get the background object css values and update page background.
+			const tabletCSS = astraGetResponsiveBackgroundObj(bgObj, 'tablet');
+			applyStylesToElement('.editor-styles-wrapper', tabletCSS, document );
+
+		}
+		else if ( is_boxed_based_layout ) {
+
+			/** Boxed Layouts with Content Bg & Page Bg */
+			// Get the background object css values and update page background.
+			const tabletCSS = astraGetResponsiveBackgroundObj(bgObj, 'tablet');
+			applyStylesToElement('#editor .edit-post-visual-editor', tabletCSS, document );
+
+			// Get the background object css values and update page content background.
+			const tabletContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'tablet');
+			applyStylesToElement('.editor-styles-wrapper', tabletContentCSS, editorDoc );
+
+		}
+	}
+	else if ( mobilePreview.length > 0 ) {
+
+		// Check current layout.
+		is_boxed_based_layout = false;
+		if ( document && document.querySelector('body') ) {
+			is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container');
+		}
+
+		if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Content Bg */
+			// Get the background object css values and update page content background.
+			const mobileContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'mobile');
+			applyStylesToElement('.editor-styles-wrapper', mobileContentCSS, editorDoc );
+
+			// Set page background to black to indicate that page background not applicable.
+			applyStylesToElement('#editor .edit-post-visual-editor', {'background-color' : '#363636'}, document );
+		}
+		else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) {
+
+			/** Fullwidth with Page Bg */
+			// Get the background object css values and update page background.
+			const mobileCSS = astraGetResponsiveBackgroundObj(bgObj, 'mobile');
+			applyStylesToElement('.editor-styles-wrapper', mobileCSS, document );
+
+		}
+		else if ( is_boxed_based_layout ) {
+
+			/** Boxed Layouts with Content Bg & Page Bg */
+			// Get the background object css values and update page background.
+			const mobileCSS = astraGetResponsiveBackgroundObj(bgObj, 'mobile');
+			applyStylesToElement('#editor .edit-post-visual-editor', mobileCSS, document );
+
+			// Get the background object css values and update page content background.
+			const mobileContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'mobile');
+			applyStylesToElement('.editor-styles-wrapper', mobileContentCSS, editorDoc );
+
+		}
+	}
+
+}
+
+/*
+* Dynamically applies styles to DOM element.
+*/
+function applyStylesToElement( selector, styles, docObj ) {
+  if ( docObj ) {
+	  const element = docObj.querySelector(selector);
+	  if (element) {
+      // Remove any prior cache values if set already.
+  	  element.style.backgroundImage = 'none';
+	  	Object.keys(styles).forEach((property) => {
+		    element.style[property] = styles[property];
+  		});
+	  } else {
+	  	console.error(`Element with selector "${selector}" not found.`);
+	  }
+  }
+}
+
+/*
+* Generate Responsive Background Color CSS.
+*/
+function astraGetResponsiveBackgroundObj(bgObjRes, device) {
+ const genBgCss = {};
+
+ const bgObj = bgObjRes[device];
+ const bgImg = bgObj['background-image'] || '';
+ const bgTabImg = bgObjRes['tablet']['background-image'] || '';
+ const bgDeskImg = bgObjRes['desktop']['background-image'] || '';
+ const bgColor = bgObj['background-color'] || '';
+ const tabletCss = bgObjRes['tablet']['background-image'] ? true : false;
+ const desktopCss = bgObjRes['desktop']['background-image'] ? true : false;
+
+ const bgType = bgObj['background-type'] || '';
+
+ if ('' !== bgType) {
+   switch (bgType) {
+	 case 'color':
+	   if ('' !== bgImg && '' !== bgColor) {
+		 genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgImg})`;
+	   } else if ('mobile' === device) {
+		 if (desktopCss) {
+		   genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgDeskImg})`;
+		 } else if (tabletCss) {
+		   genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgTabImg})`;
+		 } else {
+		   if ('' !== bgColor) {
+			 genBgCss['background-color'] = bgColor;
+			 genBgCss['background-image'] = 'none';
+		   }
+		 }
+	   } else if ('tablet' === device) {
+		 if (desktopCss) {
+		   genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgDeskImg})`;
+		 } else {
+		   if ('' !== bgColor) {
+			 genBgCss['background-color'] = bgColor;
+			 genBgCss['background-image'] = 'none';
+		   }
+		 }
+	   } else if ('' === bgImg) {
+		 genBgCss['background-color'] = bgColor;
+		 genBgCss['background-image'] = 'none';
+	   }
+	   break;
+
+	 case 'image':
+	   const overlayType = bgObj['overlay-type'] || 'none';
+	   const overlayColor = bgObj['overlay-color'] || '';
+	   const overlayGrad = bgObj['overlay-gradient'] || '';
+
+	   if ('' !== bgImg) {
+		 if ('none' !== overlayType) {
+		   if ('classic' === overlayType && '' !== overlayColor) {
+			 genBgCss['background-image'] = `linear-gradient(to right, ${overlayColor}, ${overlayColor}), url(${bgImg})`;
+		   } else if ('gradient' === overlayType && '' !== overlayGrad) {
+			 genBgCss['background-image'] = `${overlayGrad}, url(${bgImg})`;
+		   } else {
+			 genBgCss['background-image'] = `url(${bgImg})`;
+		   }
+		 } else {
+		   genBgCss['background-image'] = `url(${bgImg})`;
+		 }
+	   }
+	   break;
+
+	 case 'gradient':
+	   if (bgColor) {
+		 genBgCss['background-image'] = bgColor;
+	   }
+	   break;
+
+	 default:
+	   break;
+   }
+ } else if ('' !== bgColor) {
+   genBgCss['background-color'] = bgColor;
+ }
+
+ if ('' !== bgImg) {
+   if (bgObj['background-repeat']) {
+	 genBgCss['background-repeat'] = bgObj['background-repeat'];
+   }
+
+   if (bgObj['background-position']) {
+	 genBgCss['background-position'] = bgObj['background-position'];
+   }
+
+   if (bgObj['background-size']) {
+	 genBgCss['background-size'] = bgObj['background-size'];
+   }
+
+   if (bgObj['background-attachment']) {
+	 genBgCss['background-attachment'] = bgObj['background-attachment'];
+   }
+ }
+
+  return genBgCss;
+}
+
+document.body.addEventListener('mousedown', function () {
+	var blockCssMode = document.querySelector('body').classList.contains('ast-block-legacy')
+	var fontCss = document.getElementById('astra-google-fonts-css');
+	if( true === blockCssMode ){
+		var blockCss = document.getElementById('astra-block-editor-styles-css');
+		var inlineCss = document.getElementById('astra-block-editor-styles-inline-css');
+	} else {
+		var blockCss = document.getElementById('astra-wp-editor-styles-css');
+		var inlineCss = document.getElementById('astra-wp-editor-styles-inline-css');
+	}
+
+	var blockFixCss = null !== blockCss ? blockCss.cloneNode(true) : null;
+	var blockInlineCss = null !== inlineCss ?  inlineCss.cloneNode(true) : null;
+	var blockfontCss = null !== fontCss ? fontCss.cloneNode(true) : null;
+
+	setTimeout( function() {
+
+		let tabletPreview = document.getElementsByClassName('is-tablet-preview');
+		let mobilePreview = document.getElementsByClassName('is-mobile-preview');
+
+		if (0 !== tabletPreview.length || 0 !== mobilePreview.length) {
+			var googleFontId = 'astra-google-fonts-css';
+			if( true === blockCssMode ){
+				var styleTagId = 'astra-block-editor-styles-inline-css';
+				var styleTagBlockId = 'astra-block-editor-styles-css';
+			} else {
+				var styleTagId = 'astra-wp-editor-styles-inline-css';
+				var styleTagBlockId = 'astra-wp-editor-styles-css';
+			}
+			var styleTagId = 'astra-block-editor-styles-inline-css';
+			var styleTagBlockId = 'astra-block-editor-styles-css';
+			googleFontId = 'astra-google-fonts-css';
+			let preview = tabletPreview[0] || mobilePreview[0];
+
+				let iframe = preview.getElementsByTagName('iframe')[0];
+				let iframeDocument = iframe.contentWindow.document || iframe.contentDocument;
+
+				let element = iframeDocument.getElementById(
+					styleTagId
+				);
+				let elementBlock = iframeDocument.getElementById(
+					styleTagBlockId
+				);
+				let elementGoogleFont = iframeDocument.getElementById(
+					googleFontId
+				);
+				if ( (null === element || undefined === element)) {
+
+						iframeDocument.head.appendChild( blockInlineCss );
+				}
+				if ( (null === elementBlock || undefined === elementBlock )) {
+
+					iframeDocument.head.appendChild( blockFixCss );
+				}
+				if ( (null === elementGoogleFont || undefined === elementGoogleFont ) && null !== fontCss) {
+
+					iframeDocument.head.appendChild( blockfontCss );
+				}
+
+		}
+	}, 1000);
+
+});

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/column-block-compatibility.js

@@ -0,0 +1,80 @@
+const updatingBlock = ['core/group'];
+
+wp.hooks.addFilter(
+	'blocks.registerBlockType',
+	'astra/meta/groupLayoutSettings',
+	(settings, name) => {
+		if (!updatingBlock.includes(name)) {
+			return settings;
+		}
+
+		const newSettings = {
+			...settings,
+			supports: {
+				...(settings.supports || {}),
+				layout: {
+					...(settings.supports.layout || {}),
+					allowEditing: true,
+					allowSwitching: false,
+					allowInheriting: true,
+				},
+				__experimentalLayout: {
+					...(settings.supports.__experimentalLayout || {}),
+					allowEditing: true,
+					allowSwitching: false,
+					allowInheriting: true,
+				},
+			},
+		};
+		return newSettings;
+	},
+	20
+);
+
+// Get the block editor's data module.
+const { dispatch } = wp.data;
+
+// Create a function to set the default align attribute
+function setWooDefaultAlignments() {
+	const checkoutBlocks = wp.blocks.getBlockTypes().some(block => block.name === 'woocommerce/checkout');
+	const cartBlocks = wp.blocks.getBlockTypes().some(block => block.name === 'woocommerce/cart');
+
+	if ( checkoutBlocks ) {
+	const checkoutBlock = wp.data.select('core/block-editor').getBlocks().find(block => block.name === 'woocommerce/checkout');
+		if (checkoutBlock && checkoutBlock.attributes.align !== 'none') {
+			const checkoutClientId = checkoutBlock.clientId;
+			const checkoutLocalStorageKey = 'hasCheckoutBlockInserted';
+			const checkoutLocalStorageData = JSON.parse(localStorage.getItem(checkoutLocalStorageKey)) || {};
+
+			if ( ! checkoutLocalStorageData[checkoutClientId] ) {
+				const updatedCheckoutAttributes = { ...checkoutBlock.attributes, align: 'none' };
+				dispatch('core/block-editor').updateBlockAttributes(checkoutClientId, updatedCheckoutAttributes);
+
+				checkoutLocalStorageData[checkoutClientId] = true;
+				localStorage.setItem(checkoutLocalStorageKey, JSON.stringify(checkoutLocalStorageData));
+			}
+		}
+	}
+
+	if ( cartBlocks ) {
+	const cartBlock = wp.data.select('core/block-editor').getBlocks().find(block => block.name === 'woocommerce/cart');
+		if (cartBlock && cartBlock.attributes.align !== 'none') {
+			const cartClientId = cartBlock.clientId;
+			const cartLocalStorageKey = 'hasCartBlockInserted';
+			const cartLocalStorageData = JSON.parse(localStorage.getItem(cartLocalStorageKey)) || {};
+
+			if ( ! cartLocalStorageData[cartClientId] ) {
+				const updatedCartAttributes = { ...cartBlock.attributes, align: 'none' };
+				dispatch('core/block-editor').updateBlockAttributes(cartBlock.clientId, updatedCartAttributes);
+
+				cartLocalStorageData[cartClientId] = true;
+				localStorage.setItem(cartLocalStorageKey, JSON.stringify(cartLocalStorageData));
+			}
+		}
+	}
+}
+
+// Listen for the first insertion of a WooCommerce block
+wp.data.subscribe(() => {
+	setWooDefaultAlignments();
+});

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/custom-fields-priority.js

@@ -0,0 +1,30 @@
+/**
+ * custom-fields-priority.js
+ *
+ * Provide more preferences to Astra meta setting so wordpress custom field not causing any kind of conflicts.
+ *
+ * @package Astra
+ */
+function removeMetaBoxSection() {
+	document.getElementById("the-list").remove();
+}
+
+function buttonClickEvent() {
+	[...document.querySelectorAll('.editor-post-publish-button')].forEach(element => element.addEventListener('click', function (event) {
+		removeMetaBoxSection();
+
+	}));
+
+	[...document.querySelectorAll('.editor-post-publish-panel__toggle')].forEach(element => element.addEventListener('click', function (event) {
+		removeMetaBoxSection();
+	}));
+}
+
+function DOMContentLoaded() {
+	const elementMetaBox = document.getElementById("the-list");
+	if (elementMetaBox != null) {
+		setTimeout(buttonClickEvent, 2000);
+	}
+}
+
+document.addEventListener('DOMContentLoaded', DOMContentLoaded, false);

Atomaste Reference/public_html/wp-content/themes/astra/inc/assets/js/customizer-preview.js

@@ -0,0 +1,323 @@
+( function( $, api ) {
+    var $document = $( document );
+
+    wp.customize.bind( 'preview-ready', function() {
+
+        var defaultTarget = window.parent === window ? null : window.parent;
+        $document.on(
+            'click',
+            '.site-header-focus-item .item-customizer-focus, .builder-item-focus .edit-row-action',
+            function(e) {
+
+                e.preventDefault();
+                e.stopPropagation();
+                var p = $( this ).closest( '.site-header-focus-item' );
+                var section_id = p.attr( 'data-section' ) || '';
+                if ( section_id ) {
+                    if ( defaultTarget.wp.customize.section( section_id ) ) {
+                        defaultTarget.wp.customize.section( section_id ).focus();
+                    }
+                }
+            }
+        );
+
+        $document.on(
+            'click',
+            '.site-footer-focus-item .item-customizer-focus',
+            function(e) {
+
+                e.preventDefault();
+                e.stopPropagation();
+                var p = $( this ).closest( '.site-footer-focus-item' );
+                var section_id = p.attr( 'data-section' ) || '';
+                if ( section_id ) {
+                    if ( defaultTarget.wp.customize.section( section_id ) ) {
+                        defaultTarget.wp.customize.section( section_id ).focus();
+                    }
+                }
+            }
+        );
+
+        $document.on(
+            'click',
+            '.customizer-navigate-on-focus',
+            function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                const currentElement = $( this ).closest( '.customizer-navigate-on-focus' );
+                const section_id = currentElement.attr( 'data-section' ) || '';
+                const type       = currentElement.attr( 'data-type' ) ? currentElement.attr( 'data-type' ) : 'section';
+
+                if ( section_id && type ) {
+
+                    if( 'section' === type ) {
+                        if ( defaultTarget.wp.customize.section( section_id ) ) {
+                            defaultTarget.wp.customize.section( section_id ).focus();
+                        }
+                    }
+
+                    if( 'control' === type ) {
+                        if ( defaultTarget.wp.customize.control( section_id ) ) {
+                            defaultTarget.wp.customize.control( section_id ).focus();
+                        }
+                    }
+
+                    if( 'panel' === type ) {
+                        if ( defaultTarget.wp.customize.panel( section_id ) ) {
+                            defaultTarget.wp.customize.panel( section_id ).focus();
+                        }
+                    }
+
+                }
+            }
+        );
+
+		$document.on(
+			'click',
+			'.ast-quick-tour-item',
+			function(e) {
+				e.preventDefault();
+				e.stopPropagation();
+
+				const self    = $( this );
+				const type    = self.attr( 'data-type' ) ? self.attr( 'data-type' ) : 'section';
+				const itemId  = self.attr( 'data-name' ) ? self.attr( 'data-name' ) : '';
+				const context = self.attr( 'data-context' ) ? self.attr( 'data-context' ) : 'general';
+				const reference = self.attr( 'data-reference' ) ? self.attr( 'data-reference' ) : '';
+
+				if ( itemId && type ) {
+					switch ( type ) {
+						case 'section':
+							if ( defaultTarget.wp.customize.section( itemId ) ) {
+								defaultTarget.wp.customize.section( itemId ).focus();
+							}
+						break;
+
+						case 'control':
+							if ( defaultTarget.wp.customize.control( itemId ) ) {
+								defaultTarget.wp.customize.control( itemId ).focus();
+
+								/**
+								 * Specific compatibility to open color palette & typography settings on style guide trigger click.
+								 *
+								 * 1. Color palette
+								 * 2. Typography
+								 */
+								if ( reference ) {
+									switch (itemId) {
+										case 'astra-color-palettes':
+											defaultTarget.wp.customize.control( itemId ).container.find( '.components-button.astra-color-icon-indicate.open').click(); // Close all other opened pickers first.
+											defaultTarget.wp.customize.control( itemId ).container.find( '.' + reference + ' .components-button.astra-color-icon-indicate').click();
+										break;
+
+										case 'astra-settings[ast-headings-font-settings]':
+										case 'astra-settings[ast-body-font-settings]':
+										case 'astra-settings[ast-heading-h1-typo]':
+										case 'astra-settings[ast-heading-h2-typo]':
+										case 'astra-settings[ast-heading-h3-typo]':
+										case 'astra-settings[ast-heading-h4-typo]':
+										case 'astra-settings[ast-heading-h5-typo]':
+										case 'astra-settings[ast-heading-h6-typo]':
+											defaultTarget.wp.customize.control( itemId ).container.find( '.ast-adv-toggle-icon.open').click(); // Close all other opened settings group first.
+											defaultTarget.wp.customize.control( itemId ).container.find( '.' + reference + ' .ast-adv-toggle-icon').click();
+										break;
+
+										default:
+										break;
+									}
+								}
+							}
+						break;
+
+						case 'panel':
+							if ( defaultTarget.wp.customize.panel( itemId ) ) {
+								defaultTarget.wp.customize.panel( itemId ).focus();
+							}
+						break;
+
+						default:
+						break;
+					}
+
+					defaultTarget.wp.customize.state('astra-customizer-tab').set( context );
+				}
+			}
+		);
+
+        /**
+         * Ajax quantity input show.
+         */
+        wp.customize( 'astra-settings[woo-header-cart-click-action]', function( setting ) {
+            setting.bind( function( action ) {
+                $( document.body ).trigger( 'wc_fragment_refresh' );
+            } );
+        } );
+
+		/**
+		 * Register partial refresh events at once asynchronously.
+		 */
+		wp.customize.preview.bind( 'active', function() {
+			var partials = $.extend({}, astraCustomizer.dynamic_partial_options), key;
+			var register_partial = async function () {
+				for ( const key in partials ) {
+					wp.customize.selectiveRefresh.partial.add(
+						new wp.customize.selectiveRefresh.Partial(
+							key,
+							_.extend({params: partials[key]}, partials[key])
+						)
+					);
+					await null;
+				}
+			}
+			register_partial();
+		});
+
+    } );
+
+    /**
+     * Inline logo and title css only.
+     */
+    wp.customize( 'astra-settings[logo-title-inline]', function( value ) {
+        value.bind( function( is_checked ) {
+           jQuery('#masthead').toggleClass( 'ast-logo-title-inline', is_checked );
+           jQuery('.ast-sg-logo-section').toggleClass( 'ast-logo-title-inline', is_checked );
+        } );
+    } );
+
+} )( jQuery, wp.customize );
+
+
+// Single Post Content Width
+wp.customize( 'astra-settings[blog-single-width]', function( value ) {
+    value.bind( function( value ) {
+
+        var single_post_max_width = wp.customize('astra-settings[blog-single-max-width]').get();
+
+        var dynamicStyle = '';
+
+        if ( 'custom' === value ) {
+
+            dynamicStyle += '.single-post .site-content > .ast-container {';
+            dynamicStyle += 'max-width: ' + single_post_max_width + 'px;';
+            dynamicStyle += '} ';
+        }
+        else{
+            wp.customize.preview.send( 'refresh' );
+        }
+        astra_add_dynamic_css( 'blog-single-width', dynamicStyle );
+    } );
+} );
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[blog-width]', function( value ) {
+    value.bind( function( value ) {
+
+        var blog_max_width = wp.customize('astra-settings[blog-max-width]').get();
+
+        var dynamicStyle = '';
+
+        if ( 'custom' === value ) {
+
+            dynamicStyle += '.blog .site-content > .ast-container, .archive .site-content > .ast-container, .search .site-content > .ast-container {';
+            dynamicStyle += 'max-width: ' + blog_max_width + 'px;';
+            dynamicStyle += '} ';
+        }
+        else{
+            wp.customize.preview.send( 'refresh' );
+        }
+        astra_add_dynamic_css( 'blog-width', dynamicStyle );
+    } );
+} );
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[edd-archive-grids]', function( value ) {
+    value.bind( function( value ) {
+
+        for ( var i = 1; i < 7; i++ ) {
+            jQuery('body').removeClass( 'columns-' + i );
+            jQuery('body').removeClass( 'tablet-columns-' + i );
+            jQuery('body').removeClass( 'mobile-columns-' + i );
+        }
+
+        if ( jQuery('body').hasClass( 'ast-edd-archive-page' ) ) {
+
+            jQuery('body').addClass( 'columns-' + value['desktop'] );
+            jQuery('body').addClass( 'tablet-columns-' + value['tablet'] );
+            jQuery('body').addClass( 'mobile-columns-' + value['mobile'] );
+        }
+    } );
+} );
+
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[edd-archive-width]', function( value ) {
+    value.bind( function( value ) {
+
+        var edd_archive_max_width = wp.customize('astra-settings[edd-archive-max-width]').get();
+        edd_archive_max_width = ( 'custom' === value ) ? edd_archive_max_width : edd_archive_max_width + 40;
+
+        var dynamicStyle = '';
+        dynamicStyle += '.ast-edd-archive-page .site-content > .ast-container {';
+        dynamicStyle += 'max-width: ' + edd_archive_max_width + 'px;';
+        dynamicStyle += '} ';
+
+        astra_add_dynamic_css( 'edd-archive-width', dynamicStyle );
+    } );
+} );
+
+// WooCommerce store notice color configs.
+astra_css( 'astra-settings[store-notice-text-color]', 'color', 'body p.demo_store, body .woocommerce-store-notice, body p.demo_store a, body .woocommerce-store-notice a' );
+astra_css( 'astra-settings[store-notice-background-color]', 'background-color', 'body p.demo_store, body .woocommerce-store-notice, body p.demo_store a, body .woocommerce-store-notice a' );
+
+// WooCommerce store notice position preview.
+wp.customize( 'astra-settings[store-notice-position]', function( setting ) {
+    setting.bind( function( position ) {
+		if( 'hang-over-top' === position ) {
+			wp.customize.preview.send( 'refresh' );
+		} else {
+			jQuery('body').css('margin-top', 0);
+			jQuery('body').removeClass( 'ast-woocommerce-store-notice-hanged' );
+			jQuery('.woocommerce-store-notice').attr( 'data-position', position );
+		}
+    } );
+} );
+
+wp.customize( 'astra-settings[blog-meta-date-type]', function( setting ) {
+	setting.bind( function( val ) {
+		wp.customize.preview.send( 'refresh' );
+	} );
+} );
+wp.customize( 'astra-settings[blog-meta-date-format]', function( setting ) {
+	setting.bind( function( val ) {
+		wp.customize.preview.send( 'refresh' );
+	} );
+} );
+
+astra_refresh_customizer(
+    'astra-settings[blog-hover-effect]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-image-ratio-type]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-image-size]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-image-ratio-pre-scale]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-image-custom-scale-width]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-image-custom-scale-height]'
+);
+
+astra_refresh_customizer(
+    'astra-settings[blog-post-per-page]'
+);