@total_onion/onion-library 2.0.201 → 2.0.203

package/components/webc-post-filter-module/post-filter-module.js

@@ -0,0 +1,197 @@
+export default function postfiltermoduleJs(options = {}) {
+	try {
+		customElements.define(
+			'post-filter-module',
+			class extends HTMLElement {
+				constructor() {
+					super();
+					this.enableLogs = this.dataset.enablelogs;
+					this.filterState = {
+						allposts: [],
+						filteredposts: [],
+						activefilters: new Set(),
+						allcategories: [],
+						groupingcategories: [],
+						filtercategories: [],
+						setActiveFilters: function (newState) {
+							Object.assign(this.filterState, newState);
+							this.filterPosts.bind(this)();
+						},
+						setFilteredPosts: function (newState) {
+							Object.assign(this.filterState, newState);
+							this.dispatchEvent(
+								new CustomEvent('filteredposts-updated')
+							);
+							console.log('filter state: ', this.filterState);
+						}
+					};
+					this.filterCategoriesDisplay = this.querySelector(
+						'.post-filter-module__filter-categories-display'
+					);
+
+					this.clearFiltersButton = this.querySelector(
+						'.post-filter-module__clear-filters-button'
+					);
+					this.clearFiltersButton.addEventListener(
+						'click',
+						this.clearFilters.bind(this)
+					);
+					this.devMode = this.dataset.dev;
+					this.devModeContent = this.dataset.devcontent;
+				}
+				async connectedCallback() {
+					console.log('Filter Module element added to page.');
+					let data;
+					if (this.devMode) {
+						data = await import('./dev-content/dev-content.js');
+					}
+					this.filterState.allposts =
+						data[`devContent${this.devModeContent}`];
+
+					this.filterState.allcategories =
+						data[`devContentCategories`];
+
+					if (this.filterState.allcategories.length > 0) {
+						this.filterState.allcategories.forEach((category) => {
+							if (category.parentid != null) {
+								this.filterState.filtercategories.push(
+									category
+								);
+							} else {
+								this.filterState.groupingcategories.push(
+									category
+								);
+							}
+						});
+					}
+					if (this.filterState.groupingcategories.length > 0) {
+						this.filterState.groupingcategories.forEach(
+							(category) => {
+								const groupCategoryContainer =
+									document.createElement('div');
+								groupCategoryContainer.className =
+									'post-filter-module__grouping-category-container';
+								groupCategoryContainer.insertAdjacentHTML(
+									'beforeend',
+									`<button class="post-filter-module__grouping-category-button" data-categoryid="${category.id}">${category.name}</button>`
+								);
+								const filterCategoryContainer =
+									document.createElement('div');
+								filterCategoryContainer.className =
+									'post-filter-module__filter-category-container';
+								const groupedFilters =
+									this.filterState.filtercategories.filter(
+										(filtercat) => {
+											return (
+												filtercat.parentid ==
+												category.id
+											);
+										}
+									);
+								groupedFilters.forEach((filter) => {
+									filterCategoryContainer.insertAdjacentHTML(
+										'beforeend',
+										`<button class="post-filter-module__filter-category-button" data-categoryid="${filter.id}">${filter.name}</button>`
+									);
+								});
+								groupCategoryContainer.appendChild(
+									filterCategoryContainer
+								);
+								this.filterCategoriesDisplay.appendChild(
+									groupCategoryContainer
+								);
+							}
+						);
+					} else {
+						this.filterState.filtercategories.forEach(
+							(category) => {
+								if (category.parentid) {
+									this.filterCategoriesDisplay.insertAdjacentHTML(
+										'beforeend',
+										`<button class="post-filter-module__filter-category-button" data-categoryid="${category.id}">${category.name}</button>`
+									);
+								}
+							}
+						);
+					}
+
+					this.categorybuttons = this.querySelectorAll(
+						'.post-filter-module__filter-category-button'
+					);
+
+					this.categorybuttons.forEach((button) => {
+						button.addEventListener('click', () => {
+							if (
+								this.filterState.activefilters.has(
+									Number(button.dataset.categoryid)
+								)
+							) {
+								const newActiveFilters = new Set(
+									this.filterState.activefilters
+								);
+								button.classList.remove('active-cat');
+								newActiveFilters.delete(
+									Number(button.dataset.categoryid)
+								);
+								this.filterState.setActiveFilters.bind(this)({
+									activefilters: newActiveFilters
+								});
+							} else {
+								const newActiveFilters = new Set(
+									this.filterState.activefilters
+								);
+								button.classList.add('active-cat');
+								newActiveFilters.add(
+									Number(button.dataset.categoryid)
+								);
+								this.filterState.setActiveFilters.bind(this)({
+									activefilters: newActiveFilters
+								});
+							}
+						});
+					});
+					this.filterState.setFilteredPosts.bind(this)({
+						filteredposts: this.filterState.allposts
+					});
+					this.classList.add('loaded');
+				}
+
+				attributeChangedCallback(name, oldValue, newValue) {
+					// console.log(`Attribute ${name} has changed.`);
+				}
+				filterPosts(event) {
+					if (this.filterState.activefilters.size === 0) {
+						this.filterState.setFilteredPosts.bind(this)({
+							filteredposts: this.filterState.allposts
+						});
+						return;
+					}
+
+					const newFilteredPosts = this.filterState.allposts.filter(
+						(post) => {
+							return (
+								this.filterState.activefilters.intersection(
+									new Set(post.categories)
+								).size > 0
+							);
+						}
+					);
+
+					this.filterState.setFilteredPosts.bind(this)({
+						filteredposts: newFilteredPosts
+					});
+				}
+				clearFilters(event) {
+					this.categorybuttons.forEach((button) => {
+						button.classList.remove('active-cat');
+					});
+					this.filterState.setActiveFilters.bind(this)({
+						activefilters: new Set()
+					});
+				}
+			}
+		);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/webc-post-grid-display-module/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
+		<link rel="stylesheet" href="./post-filter-module.css" />
+		<title>PTFG</title>
+		<style>
+			body {
+				background-color: #e7b8b8;
+			}
+			main {
+				max-width: 600px;
+				margin-inline: auto;
+				padding: 50px;
+			}
+		</style>
+	</head>
+	<body>
+		<main class="main-container"></main>
+		<script async type="module">
+			const template = await fetch("./post-grid-display-module.html");
+			const html = await template.text();
+			document.querySelector(".main-container").innerHTML = html;
+			import blockjs from "./post-grid-display-module.js";
+			blockjs();
+		</script>
+	</body>
+</html>

package/components/webc-post-grid-display-module/post-grid-display-module.css

@@ -0,0 +1,20 @@
+post-grid-display-module {
+	--padding-block-multiplier-mobile-top: 1;
+	--padding-inline-multiplier-mobile-right: 1;
+	--padding-block-multiplier-mobile-bottom: 1;
+	--padding-inline-multiplier-mobile-left: 1;
+
+	display: grid;
+	background-color: hotpink;
+	.post-grid-display-module__grid-container {
+		place-self: stretch;
+		display: grid;
+		padding: 10px;
+		gap: 10px;
+		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+	}
+	.post-grid-display-module__post-image {
+		width: 100%;
+		height: auto;
+	}
+}

package/components/webc-post-grid-display-module/post-grid-display-module.html

@@ -0,0 +1,7 @@
+<post-grid-display-module
+	id="display-module"
+	data-posts=""
+	class="post-grid-display-module cmpl-block-padding cmpl-block-settings"
+>
+	<div class="post-grid-display-module__grid-container"></div>
+</post-grid-display-module>

package/components/webc-post-grid-display-module/post-grid-display-module.js

@@ -0,0 +1,37 @@
+export default function postFilterDisplayJS(options = {}) {
+	try {
+		customElements.define(
+			'post-grid-display-module',
+			class extends HTMLElement {
+				static observedAttributes = ['data-posts'];
+				constructor() {
+					super();
+					this.gridContainer = this.querySelector(
+						'.post-grid-display-module__grid-container'
+					);
+				}
+				connectedCallback() {
+					console.log('Display module added to page.');
+					this.classList.add('loaded');
+				}
+
+				attributeChangedCallback(name, oldValue, newValue) {
+					// console.log(`Attribute ${name} has changed.`);
+					this.gridContainer.innerHTML = '';
+					if (newValue) {
+						const posts = JSON.parse(newValue);
+						posts.forEach((post) => {
+							const postContent = `<div class="post-grid-display-module__post-container"><h2>${post.postname}</h2><img class="post-grid-display-module__post-image" src="${post['image-src']}" alt="${post.postname}"></div>`;
+							this.gridContainer.insertAdjacentHTML(
+								'beforeend',
+								postContent
+							);
+						});
+					}
+				}
+			}
+		);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/webc-ptfg-9000/index.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
+		<link rel="stylesheet" href="./ptfg-9000.css" />
+		<link
+			rel="stylesheet"
+			href="../webc-post-filter-module/post-filter-module.css"
+		/>
+		<link
+			rel="stylesheet"
+			href="../webc-post-grid-display-module/post-grid-display-module.css"
+		/>
+		<title>PTFG</title>
+	</head>
+	<body>
+		<ptfg-9000
+			class="ptfg-9000 ptfg-9000__main-container cmpl-block-padding"
+			data-assetkey="ptfg-9000"
+		>
+		</ptfg-9000>
+
+		<script type="module">
+			const postfiltermoduletemplate = await fetch(
+				"../webc-post-filter-module/post-filter-module.html"
+			);
+			const postfiltermodulehtml = await postfiltermoduletemplate.text();
+			document
+				.querySelector("ptfg-9000")
+				.insertAdjacentHTML("beforeend", postfiltermodulehtml);
+
+			const postgriddisplay = await fetch(
+				"../webc-post-grid-display-module/post-grid-display-module.html"
+			);
+			const postgriddisplayhtml = await postgriddisplay.text();
+			document
+				.querySelector("ptfg-9000")
+				.insertAdjacentHTML("beforeend", postgriddisplayhtml);
+
+			import blockfilterjs from "../webc-post-filter-module/post-filter-module.js";
+			blockfilterjs();
+			import blockgridjs from "../webc-post-grid-display-module/post-grid-display-module.js";
+			blockgridjs();
+			import blockptfgjs from "./ptfg-9000.js";
+			blockptfgjs();
+		</script>
+	</body>
+</html>

package/components/webc-ptfg-9000/ptfg-9000.css

@@ -0,0 +1,8 @@
+ptfg-9000 {
+	display: block;
+	background-color: rebeccapurple;
+	--padding-block-multiplier-mobile-top: 1;
+	--padding-inline-multiplier-mobile-right: 1;
+	--padding-block-multiplier-mobile-bottom: 1;
+	--padding-inline-multiplier-mobile-left: 1;
+}

package/components/webc-ptfg-9000/ptfg-9000.html

@@ -0,0 +1,5 @@
+<ptfg-9000
+	class="ptfg-9000 ptfg-9000__main-container"
+	data-assetkey="ptfg-9000"
+>
+</ptfg-9000>

package/components/webc-ptfg-9000/ptfg-9000.js

@@ -0,0 +1,39 @@
+export default function posttypefiltergridJs(options = {}) {
+	try {
+		const {block} = options;
+
+		customElements.define(
+			'ptfg-9000',
+			class extends HTMLElement {
+				constructor() {
+					super();
+					this.data = this.dataset;
+					this.filterModule = this.querySelector('#filter-module');
+					this.displayModule = this.querySelector('#display-module');
+				}
+				connectedCallback() {
+					console.log('PTFG element added to page.');
+					if (this.filterModule) {
+						this.filterModule.addEventListener(
+							'filteredposts-updated',
+							() => {
+								this.displayModule.dataset.posts =
+									JSON.stringify(
+										this.filterModule.filterState
+											.filteredposts
+									);
+							}
+						);
+					}
+					this.classList.add('loaded');
+				}
+
+				attributeChangedCallback(name, oldValue, newValue) {
+					// console.log(`Attribute ${name} has changed.`);
+				}
+			}
+		);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/createJsAssets-v3.js

@@ -2,7 +2,7 @@ const fs = require('fs');
 const path = require('path');
 const {globSync} = require('glob');
 
-const dynamicEntryPoints = globSync(`./components/block-*/*-v3.js`).map(
+const dynamicEntryPoints = globSync(`./components/block-*/*-v{3,4}.js`).map(
 	(filePath) => {
 		const assetKey = path.basename(filePath, '.js');
 		return assetKey;

package/esbuild.mjs

@@ -4,13 +4,11 @@ import assets from "./public/assetList.mjs";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
 import postcssPresetEnv from "postcss-preset-env";
-// Simplified build: separate SCSS and JS passes to avoid key collisions and post-build renames.
 
-// Split sources.
 const scssSources = assets.filter((a) => a.endsWith(".scss"));
+const cssSources = assets.filter((a) => a.endsWith(".css"));
 const jsSources = assets.filter((a) => /\.(?:js|mjs)$/.test(a));
 
-// Helper: flatten leading ./, remove leading public/ or components/.
 function flattenPath(p) {
 	return p
 		.replace(/^\.\//, "")
@@ -18,19 +16,55 @@ function flattenPath(p) {
 		.replace(/^components\//, "");
 }
 
-// Create entry maps: drop extension so esbuild appends single correct one.
 const scssEntries = scssSources.reduce((acc, src) => {
 	acc[flattenPath(src).replace(/\.scss$/i, "")] = src;
 	return acc;
 }, {});
+const cssEntries = cssSources.reduce((acc, src) => {
+	acc[flattenPath(src).replace(/\.css$/i, "")] = src;
+	return acc;
+}, {});
 const jsEntries = jsSources.reduce((acc, src) => {
 	acc[flattenPath(src).replace(/\.(?:js|mjs)$/i, "")] = src;
 	return acc;
 }, {});
 
-// SCSS build (outputs .css files)
+await esbuild.build({
+	entryPoints: ["./public/publicBundleBase.scss"],
+	plugins: [
+		sassPlugin({
+			async transform(source) {
+				const { css } = await postcss([
+					autoprefixer,
+					postcssPresetEnv({ stage: 0 }),
+				]).process(source);
+				return css;
+			},
+		}),
+	],
+	bundle: false,
+	outdir: "./public",
+});
+
 await esbuild.build({
 	entryPoints: scssEntries,
+	plugins: [
+		sassPlugin({
+			async transform(source) {
+				const { css } = await postcss([
+					autoprefixer,
+					postcssPresetEnv({ stage: 0, from: "css" }),
+				]).process(source);
+				return css;
+			},
+		}),
+	],
+	bundle: false,
+	outdir: "./public",
+});
+
+await esbuild.build({
+	entryPoints: cssEntries,
 	plugins: [
 		sassPlugin({
 			async transform(source) {
@@ -46,7 +80,6 @@ await esbuild.build({
 	outdir: "./public",
 });
 
-// JS build (outputs .js files)
 await esbuild.build({
 	entryPoints: jsEntries,
 	bundle: false,

package/onion-loader-local.js

@@ -52,7 +52,7 @@ function lazyloaderInit() {
 	options.debugLogMessages && console.log('Lazy Loader initialized!');
 	options.lazyBlocksToSearchFor = [];
 	assetArray.forEach((asset) => {
-		if (asset.assetKey.includes('-v3')) {
+		if (asset.assetKey.includes('-v3') || asset.assetKey.includes('-v4')) {
 			options.assetMap[asset.assetKey] = {
 				js: () =>
 					import(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.201",
+	"version": "2.0.203",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {

package/public/assetList.mjs

@@ -1,3 +1,79 @@
-
-const dynamicAssets = ["./components/block-video-content-v3/video-content-v3.scss","./components/block-sub-group-container-v3/sub-group-container-v3.scss","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss","./components/block-standard-content-v3/standard-content-v3.scss","./components/block-spotify-embed-v3/spotify-embed-v3.scss","./components/block-spacer-v3/spacer-v3.scss","./components/block-social-networks-v3/social-networks-v3.scss","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss","./components/block-site-logo-container-v3/site-logo-container-v3.scss","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss","./components/block-single-responsive-image-v3/single-responsive-image-v3.scss","./components/block-single-column-container-v3/single-column-container-v3.scss","./components/block-section-separator-v3/section-separator-v3.scss","./components/block-scrolling-banner-v3/scrolling-banner-v3.scss","./components/block-responsive-table-v3/responsive-table-v3.scss","./components/block-raw-html-v3/raw-html-v3.scss","./components/block-product-info-v3/product-info-v3.scss","./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss","./components/block-post-info-v3/post-info-v3.scss","./components/block-nav-menu-container-v3/nav-menu-container-v3.scss","./components/block-modal-form-v3/modal-form-v3.scss","./components/block-market-selector-v3/market-selector-v3.scss","./components/block-lottie-content-v3/lottie-content-v3.scss","./components/block-group-container-v3/group-container-v3.scss","./components/block-gradient-layer-v3/gradient-layer-v3.scss","./components/block-form-selection-v3/form-selection-v3.scss","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss","./components/block-divider-v3/divider-v3.scss","./components/block-cover-link-v3/cover-link-v3.scss","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss","./components/block-block-interactions-v3/block-interactions-v3.scss","./components/block-betterreviews-display-v3/betterreviews-display-v3.scss","./components/block-back-to-top-button-v3/back-to-top-button-v3.scss","./components/block-accordion-v3/accordion-v3.scss","./components/block-accent-image-v3/accent-image-v3.scss","./components/block-video-content-v3/video-content-v3.js","./components/block-sub-group-container-v3/sub-group-container-v3.js","./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.js","./components/block-standard-content-v3/standard-content-v3.js","./components/block-spotify-embed-v3/spotify-embed-v3.js","./components/block-spacer-v3/spacer-v3.js","./components/block-social-networks-v3/social-networks-v3.js","./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js","./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js","./components/block-site-logo-container-v3/site-logo-container-v3.js","./components/block-site-copyright-notice-v3/site-copyright-notice-v3.js","./components/block-single-responsive-image-v3/single-responsive-image-v3.js","./components/block-single-column-container-v3/single-column-container-v3.js","./components/block-section-separator-v3/section-separator-v3.js","./components/block-scrolling-banner-v3/scrolling-banner-v3.js","./components/block-responsive-table-v3/responsive-table-v3.js","./components/block-raw-html-v3/raw-html-v3.js","./components/block-product-info-v3/product-info-v3.js","./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js","./components/block-post-info-v3/post-info-v3.js","./components/block-nav-menu-container-v3/nav-menu-container-v3.js","./components/block-modal-form-v3/modal-form-v3.js","./components/block-market-selector-v3/market-selector-v3.js","./components/block-lottie-content-v3/lottie-content-v3.js","./components/block-group-container-v3/group-container-v3.js","./components/block-gradient-layer-v3/gradient-layer-v3.js","./components/block-form-selection-v3/form-selection-v3.js","./components/block-featured-image-gallery-v3/featured-image-gallery-v3.js","./components/block-divider-v3/divider-v3.js","./components/block-cover-link-v3/cover-link-v3.js","./components/block-cocktail-recipe-v3/cocktail-recipe-v3.js","./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js","./components/block-block-interactions-v3/block-interactions-v3.js","./components/block-betterreviews-display-v3/betterreviews-display-v3.js","./components/block-back-to-top-button-v3/back-to-top-button-v3.js","./components/block-accordion-v3/accordion-v3.js","./components/block-accent-image-v3/accent-image-v3.js","./public/dynamicBlockScss-v3.scss","./public/publicBundle.scss"];
+const dynamicAssets = [
+	"./components/block-video-content-v3/video-content-v3.scss",
+	"./components/block-sub-group-container-v3/sub-group-container-v3.scss",
+	"./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss",
+	"./components/block-standard-content-v3/standard-content-v3.scss",
+	"./components/block-spotify-embed-v3/spotify-embed-v3.scss",
+	"./components/block-spacer-v3/spacer-v3.scss",
+	"./components/block-social-networks-v3/social-networks-v3.scss",
+	"./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss",
+	"./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss",
+	"./components/block-site-logo-container-v3/site-logo-container-v3.scss",
+	"./components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss",
+	"./components/block-single-responsive-image-v3/single-responsive-image-v3.scss",
+	"./components/block-single-column-container-v3/single-column-container-v3.scss",
+	"./components/block-section-separator-v3/section-separator-v3.scss",
+	"./components/block-scrolling-banner-v3/scrolling-banner-v3.scss",
+	"./components/block-responsive-table-v3/responsive-table-v3.scss",
+	"./components/block-raw-html-v3/raw-html-v3.scss",
+	"./components/block-product-info-v3/product-info-v3.scss",
+	"./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss",
+	"./components/block-post-info-v3/post-info-v3.scss",
+	"./components/block-nav-menu-container-v3/nav-menu-container-v3.scss",
+	"./components/block-modal-form-v3/modal-form-v3.scss",
+	"./components/block-market-selector-v3/market-selector-v3.scss",
+	"./components/block-lottie-content-v3/lottie-content-v3.scss",
+	"./components/block-group-container-v3/group-container-v3.scss",
+	"./components/block-gradient-layer-v3/gradient-layer-v3.scss",
+	"./components/block-form-selection-v3/form-selection-v3.scss",
+	"./components/block-featured-image-gallery-v3/featured-image-gallery-v3.scss",
+	"./components/block-divider-v3/divider-v3.scss",
+	"./components/block-cover-link-v3/cover-link-v3.scss",
+	"./components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss",
+	"./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss",
+	"./components/block-block-interactions-v3/block-interactions-v3.scss",
+	"./components/block-betterreviews-display-v3/betterreviews-display-v3.scss",
+	"./components/block-back-to-top-button-v3/back-to-top-button-v3.scss",
+	"./components/block-accordion-v3/accordion-v3.scss",
+	"./components/block-accent-image-v3/accent-image-v3.scss",
+	"./components/block-post-type-filter-grid-v4/post-type-filter-grid-v4.css",
+	"./components/block-video-content-v3/video-content-v3.js",
+	"./components/block-sub-group-container-v3/sub-group-container-v3.js",
+	"./components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.js",
+	"./components/block-standard-content-v3/standard-content-v3.js",
+	"./components/block-spotify-embed-v3/spotify-embed-v3.js",
+	"./components/block-spacer-v3/spacer-v3.js",
+	"./components/block-social-networks-v3/social-networks-v3.js",
+	"./components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js",
+	"./components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js",
+	"./components/block-site-logo-container-v3/site-logo-container-v3.js",
+	"./components/block-site-copyright-notice-v3/site-copyright-notice-v3.js",
+	"./components/block-single-responsive-image-v3/single-responsive-image-v3.js",
+	"./components/block-single-column-container-v3/single-column-container-v3.js",
+	"./components/block-section-separator-v3/section-separator-v3.js",
+	"./components/block-scrolling-banner-v3/scrolling-banner-v3.js",
+	"./components/block-responsive-table-v3/responsive-table-v3.js",
+	"./components/block-raw-html-v3/raw-html-v3.js",
+	"./components/block-product-info-v3/product-info-v3.js",
+	"./components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js",
+	"./components/block-post-info-v3/post-info-v3.js",
+	"./components/block-nav-menu-container-v3/nav-menu-container-v3.js",
+	"./components/block-modal-form-v3/modal-form-v3.js",
+	"./components/block-market-selector-v3/market-selector-v3.js",
+	"./components/block-lottie-content-v3/lottie-content-v3.js",
+	"./components/block-group-container-v3/group-container-v3.js",
+	"./components/block-gradient-layer-v3/gradient-layer-v3.js",
+	"./components/block-form-selection-v3/form-selection-v3.js",
+	"./components/block-featured-image-gallery-v3/featured-image-gallery-v3.js",
+	"./components/block-divider-v3/divider-v3.js",
+	"./components/block-cover-link-v3/cover-link-v3.js",
+	"./components/block-cocktail-recipe-v3/cocktail-recipe-v3.js",
+	"./components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js",
+	"./components/block-block-interactions-v3/block-interactions-v3.js",
+	"./components/block-betterreviews-display-v3/betterreviews-display-v3.js",
+	"./components/block-back-to-top-button-v3/back-to-top-button-v3.js",
+	"./components/block-accordion-v3/accordion-v3.js",
+	"./components/block-accent-image-v3/accent-image-v3.js",
+	"./components/block-post-type-filter-grid-v4/post-type-filter-grid-v4.js",
+];
 export default dynamicAssets;