@total_onion/onion-library 3.2.0 → 3.2.2

package/onion-loader-local.js

@@ -0,0 +1,222 @@
+import jsAssetList from './public/jsAssets.mjs';
+const coreAssets = jsAssetList.dynamicAssets;
+
+/* eslint-disable no-use-before-define */
+/* eslint-disable no-console */
+
+//*** Lazyloader ***//
+
+/**
+ * The options object for the lazyloader.
+ * @type {object}
+ * @property {string} rootMargin The root margin for the IntersectionObserver.
+ * @default '0% 0% 0%'
+ * @property {number} threshold The threshold for the IntersectionObserver.
+ * @property {boolean} debugLogMessages Whether to log debug messages.
+ * @property {array} lazyBlocksToSearchFor The array of lazy blocks to search for.
+ * @property {array} lazyBlocksFound The array of lazy blocks found.
+ * @property {array} assetArray The array of assets to load.
+ * @property {object} assetMap The asset map object.
+ * @property {boolean} ignoreCss Whether to ignore the css.
+ * @property {boolean} lazy Whether to lazy load the assets (after Assets alias).
+ * @property {string} filePath The file path for the js assets.
+ * @default 'js/blocks/'
+ * @property {string} filePathCss The file path for the css assets (after Assets alias).
+ * @default 'scss/blocks/'
+ */
+
+const options = {
+	rootMargin: '100% 0px 300px 0px',
+	threshold: 0,
+	debugLogMessages: false,
+	lazyBlocksToSearchFor: [],
+	lazyBlocksFound: [],
+	coreAssets: [...coreAssets],
+	projectAssets: [],
+	assetMap: {},
+	css: true,
+	lazy: true,
+	cssLoadingStyle: 'component', // 'component' or 'bundle'
+	filePrefix: 'dev', //'nodemodules', 'assets' or 'dev'
+	fileSuffixJs: '.js',
+	fileSuffixCss: '.css',
+	filePath: 'js/blocks',
+	filePathCss: 'scss/blocks'
+};
+
+/**
+ * Initializes the lazyloader.
+ */
+function lazyloaderInit() {
+	const assetArray = options.coreAssets.concat(options.projectAssets);
+	options.debugLogMessages && console.log('Lazy Loader initialized!');
+	options.lazyBlocksToSearchFor = [];
+	assetArray.forEach((asset) => {
+		if (asset.assetKey.includes('-v3') || asset.assetKey.includes('-v4')) {
+			options.assetMap[asset.assetKey] = {
+				js: () =>
+					import(
+						`./public/block-${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+					)
+			};
+		}
+
+		// Add to lazy blocks to search for
+		options.lazyBlocksToSearchFor.push(
+			`[data-assetkey="${asset.assetKey}"]`
+		);
+	});
+
+	options.lazyBlocksToSearchFor.forEach((block) => {
+		if (document.querySelector(block)) {
+			options.lazyBlocksFound.push(document.querySelector(block));
+		}
+	});
+
+	// options.lazyBlocksFound = Array.from(
+	// 	document.querySelectorAll(options.lazyBlocksToSearchFor)
+	// );
+
+	// If data eager loading attribute is true - load js straight away
+	options.lazyBlocksFound.forEach((block) => {
+		if (block.dataset.eager == 'true') {
+			callBlockJs(block);
+		}
+	});
+
+	options.debugLogMessages && console.log('Lazyloader Options', options);
+
+	// Check if the browser has intersection observer which is needed for the Lazyloader or if all assets should load immediately anyway.
+	if (options.lazy === false || !('IntersectionObserver' in window)) {
+		options.debugLogMessages && console.log('running eager loading');
+		try {
+			options.lazyBlocksFound.forEach((block) => {
+				callBlockJs(block);
+			});
+		} catch (error) {
+			console.log(error);
+		}
+	} else {
+		options.debugLogMessages && console.log('running normal process');
+		observerInit(options.lazyBlocksFound);
+	}
+}
+
+/**
+ * Initializes the IntersectionObserver for the lazy loading of blocks.
+ * @param {array} elementsToObserve The array of block elements to observe.
+ */
+function observerInit(elementsToObserve = []) {
+	const observer = new IntersectionObserver(intersectionCallback, options);
+	elementsToObserve.forEach((element) => {
+		if (element) {
+			observer.observe(element);
+		}
+	});
+}
+
+/**
+ * Callback function for the IntersectionObserver.
+ * @param {array} entries The entries array from the IntersectionObserver.
+ * @param {object} observer The IntersectionObserver object.
+ */
+const intersectionCallback = (entries, observer) => {
+	options.debugLogMessages && console.log('Observer entries', entries);
+	entries.forEach((entry) => {
+		if (entry.isIntersecting) {
+			const lazyTarget = entry.target;
+			try {
+				callBlockJs(lazyTarget);
+			} catch (error) {
+				console.log(
+					error,
+					'block data assetkey:',
+					lazyTarget.dataset.assetkey,
+					' - ',
+					'asset import function:',
+					options.assetMap[lazyTarget.dataset.assetkey],
+					'are you missing an asset key or import function?'
+				);
+			}
+			observer.unobserve(lazyTarget);
+			options.debugLogMessages &&
+				console.log('Unobserving lazyElement', lazyTarget);
+		}
+	});
+};
+
+/**
+ * Calls the block asset functions and adds the loaded class to the block.
+ * @param {object} block The block element.
+ */
+function callBlockJs(block) {
+	if (!block.classList.contains('loaded')) {
+		Promise.all([
+			options.assetMap[block.dataset.assetkey].js(),
+			block.dataset.cssload !== 'false' && loadCss(block.dataset.assetkey)
+		]).then((module) => {
+			try {
+				if (block.dataset.jsload !== 'false') {
+					module[0].default({
+						block,
+						css: false
+					});
+				} else {
+					options.debugLogMessages &&
+						console.log(
+							`Skipping JS load for block: ${block.dataset.assetkey}`
+						);
+				}
+				// block.classList.add('loaded');
+			} catch (error) {
+				console.log('could not load block js', error);
+			}
+		});
+	}
+}
+
+/**
+ * Checks to see if the css for the block has already been included in the 'criticalconfig' window object.
+ * Will return true if it is.
+ * @param {string} assetKey The assetkey string of the block.
+ * @returns {boolean}
+ */
+export function inCriticalCssConfig(assetKey) {
+	if (!globalThis.criticalConfig) {
+		return false;
+	}
+	if (
+		globalThis.criticalConfig &&
+		globalThis.criticalConfig.indexOf(assetKey) === -1
+	) {
+		return false;
+	}
+	return true;
+}
+
+/**
+ * Dynamically loads the css for the block if it has not already been included in critical css or the css property is set to false.
+ * @param {string} assetKey The assetkey string of the block.
+ * @param {object} options The options object which will at the very least contain the css property set to true.
+ * @returns {promise}
+ */
+export function loadCss(assetKey) {
+	if (options.css == true) {
+		const promise = new Promise((resolve) => {
+			if (!inCriticalCssConfig(assetKey)) {
+				const link = `<link rel="stylesheet" href="./public/block-${assetKey}/${assetKey}${options.fileSuffixCss}" />`;
+				document.head.insertAdjacentHTML('beforeend', link);
+				resolve(true);
+			} else {
+				return resolve(true);
+			}
+		});
+	}
+}
+
+const api = {
+	lazyloaderInit,
+	options
+};
+
+export default api;

package/onion-loader-v2.js

@@ -0,0 +1,285 @@
+import jsAssetList from './public/jsAssets.mjs';
+const coreAssets = jsAssetList.dynamicAssets;
+
+/* eslint-disable no-use-before-define */
+/* eslint-disable no-console */
+
+//*** Lazyloader ***//
+
+/**
+ * The options object for the lazyloader.
+ * @type {object}
+ * @property {string} rootMargin The root margin for the IntersectionObserver.
+ * @default '0% 0% 0%'
+ * @property {number} threshold The threshold for the IntersectionObserver.
+ * @property {boolean} debugLogMessages Whether to log debug messages.
+ * @property {array} lazyBlocksToSearchFor The array of lazy blocks to search for.
+ * @property {array} lazyBlocksFound The array of lazy blocks found.
+ * @property {array} assetArray The array of assets to load.
+ * @property {object} assetMap The asset map object.
+ * @property {boolean} ignoreCss Whether to ignore the css.
+ * @property {boolean} lazy Whether to lazy load the assets (after Assets alias).
+ * @property {string} filePath The file path for the js assets.
+ * @default 'js/blocks/'
+ * @property {string} filePathCss The file path for the css assets (after Assets alias).
+ * @default 'scss/blocks/'
+ */
+
+const options = {
+	rootMargin: '100% 0px 300px 0px',
+	threshold: 0,
+	debugLogMessages: false,
+	lazyBlocksToSearchFor: [],
+	lazyBlocksFound: [],
+	coreAssets: [...coreAssets],
+	projectAssets: [],
+	assetMap: {},
+	css: true,
+	lazy: true,
+	cssLoadingStyle: 'component', // 'component' or 'bundle'
+	filePrefix: 'nodemodules', //'nodemodules', 'assets' or 'dev'
+	fileSuffixJs: '.js',
+	fileSuffixCss: '.scss',
+	filePath: 'js/blocks',
+	filePathCss: 'scss/blocks'
+};
+
+/**
+ * Initializes the lazyloader.
+ */
+function lazyloaderInit() {
+	const assetArray = options.coreAssets.concat(options.projectAssets);
+	options.debugLogMessages && console.log('Lazy Loader initialized!');
+	options.lazyBlocksToSearchFor = [];
+	assetArray.forEach((asset) => {
+		// if (
+		// 	asset.assetKey.includes('-v3') &&
+		// 	!asset.assetKey.includes('sub-block')
+		// ) {
+		// 	options.assetMap[asset.assetKey] = {
+		// 		js: () =>
+		// 			import(
+		// 				`Assets/blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+		// 			),
+		// 		// import(
+		// 		// 	`NodeModules/@total_onion/onion-library/components/block-${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+		// 		// ),
+		// 		css: options.ignoreCss === true
+		// 	};
+		// }
+		if (asset.assetKey.includes('-v3')) {
+			options.assetMap[asset.assetKey] = {
+				js: () =>
+					import(
+						`Assets/sub-blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+					),
+				css: options.ignoreCss === false
+			};
+		}
+		if (!asset.assetKey.includes('-v3')) {
+			options.assetMap[asset.assetKey] = {
+				js: () =>
+					import(
+						`Assets/blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+					),
+				css: options.ignoreCss === false
+			};
+		}
+
+		// Add to lazy blocks to search for
+		options.lazyBlocksToSearchFor.push(
+			`[data-assetkey="${asset.assetKey}"]`
+		);
+		options.lazyBlocksFound = Array.from(
+			document.querySelectorAll(options.lazyBlocksToSearchFor)
+		);
+	});
+
+	// If data eager loading attribute is true - load js straight away
+	options.lazyBlocksFound.forEach((block) => {
+		if (block.dataset.eager == 'true') {
+			callBlockJs(block);
+		}
+	});
+
+	options.debugLogMessages && console.log('Lazyloader Options', options);
+
+	// Check if the browser has intersection observer which is needed for the Lazyloader or if all assets should load immediately anyway.
+	if (options.lazy === false || !('IntersectionObserver' in window)) {
+		options.debugLogMessages && console.log('running eager loading');
+		try {
+			options.lazyBlocksFound.forEach((block) => {
+				callBlockJs(block);
+			});
+		} catch (error) {
+			console.log(error);
+		}
+	} else {
+		options.debugLogMessages && console.log('running normal process');
+		observerInit(options.lazyBlocksFound);
+	}
+}
+
+/**
+ * Initializes the IntersectionObserver for the lazy loading of blocks.
+ * @param {array} elementsToObserve The array of block elements to observe.
+ */
+function observerInit(elementsToObserve = []) {
+	const observer = new IntersectionObserver(intersectionCallback, options);
+	elementsToObserve.forEach((element) => {
+		if (element) {
+			observer.observe(element);
+		}
+	});
+}
+
+/**
+ * Callback function for the IntersectionObserver.
+ * @param {array} entries The entries array from the IntersectionObserver.
+ * @param {object} observer The IntersectionObserver object.
+ */
+const intersectionCallback = (entries, observer) => {
+	options.debugLogMessages && console.log('Observer entries', entries);
+	entries.forEach((entry) => {
+		if (entry.isIntersecting) {
+			const lazyTarget = entry.target;
+			try {
+				callBlockJs(lazyTarget);
+			} catch (error) {
+				console.log(
+					error,
+					'block data assetkey:',
+					lazyTarget.dataset.assetkey,
+					' - ',
+					'asset import function:',
+					options.assetMap[lazyTarget.dataset.assetkey],
+					'are you missing an asset key or import function?'
+				);
+			}
+			observer.unobserve(lazyTarget);
+			options.debugLogMessages &&
+				console.log('Unobserving lazyElement', lazyTarget);
+		}
+	});
+};
+
+/**
+ * Calls the block asset functions and adds the loaded class to the block.
+ * @param {object} block The block element.
+ */
+function callBlockJs(block) {
+	if (!block.classList.contains('loaded')) {
+		Promise.all([
+			options.assetMap[block.dataset.assetkey].js(),
+			block.dataset.cssload !== 'false' && loadCss(block.dataset.assetkey)
+		]).then((module) => {
+			try {
+				if (block.dataset.jsload !== 'false') {
+					module[0].default({
+						block,
+						css: false
+					});
+				} else {
+					options.debugLogMessages &&
+						console.log(
+							`Skipping JS load for block: ${block.dataset.assetkey}`
+						);
+				}
+				block.classList.add('loaded');
+			} catch (error) {
+				console.log('could not load block js', error);
+			}
+		});
+	}
+}
+
+/**
+ * Checks to see if the css for the block has already been included in the 'criticalconfig' window object.
+ * Will return true if it is.
+ * @param {string} assetKey The assetkey string of the block.
+ * @returns {boolean}
+ */
+export function inCriticalCssConfig(assetKey) {
+	if (!globalThis.criticalConfig) {
+		return false;
+	}
+	if (
+		globalThis.criticalConfig &&
+		globalThis.criticalConfig.indexOf(assetKey) === -1
+	) {
+		return false;
+	}
+	return true;
+}
+
+/**
+ * Dynamically loads the css for the block if it has not already been included in critical css or the css property is set to false.
+ * @param {string} assetKey The assetkey string of the block.
+ * @param {object} options The options object which will at the very least contain the css property set to true.
+ * @returns {promise}
+ */
+export function loadCss(assetKey) {
+	// if (options.css == true && options.cssLoadingStyle === "bundle") {
+	//   options.debugLogMessages && console.log("using css bundle");
+	//   const promise = new Promise((resolve) => {
+	//     import(
+	//       `NodeModules/@total_onion/onion-library/public/publicbundlecss.css`
+	//     ).then(() => {
+	//       console.log("resolved");
+	//       resolve(true);
+	//     });
+	//   });
+	//   return promise;
+	// }
+	if (
+		options.css == true &&
+		options.cssLoadingStyle === 'component' &&
+		options.filePrefix === 'nodemodules'
+	) {
+		options.debugLogMessages && console.log('using individual css');
+		const promise = new Promise((resolve) => {
+			if (
+				options.css === true &&
+				!inCriticalCssConfig(assetKey) &&
+				assetKey.includes('-v3')
+			) {
+				import(
+					/* webpackChunkName: "[request]" */ `Assets/sub-blocks/${assetKey}/${assetKey}${options.fileSuffixCss}`
+				).then(() => resolve(true));
+			} else if (
+				options.css === true &&
+				!inCriticalCssConfig(assetKey) &&
+				!assetKey.includes('-v3')
+			) {
+				import(
+					/* webpackChunkName: "[request]" */ `Assets/blocks/${assetKey}/${assetKey}${options.fileSuffixCss}`
+				).then(() => resolve(true));
+			} else {
+				return resolve(true);
+			}
+		});
+	}
+	// if (
+	//   options.css == true &&
+	//   options.cssLoadingStyle === "component" &&
+	//   options.filePrefix === "dev"
+	// ) {
+	//   options.debugLogMessages && console.log("using dev css");
+	//   const promise = new Promise((resolve) => {
+	//     if (options.css === true && !inCriticalCssConfig(assetKey)) {
+	//       import(
+	//         `../../../../../../../../onion-library/components/block-${assetKey}/${assetKey}${options.fileSuffixCss}`
+	//       ).then(() => resolve(true));
+	//     } else {
+	//       return resolve(true);
+	//     }
+	//   });
+	// }
+}
+
+const api = {
+	lazyloaderInit,
+	options
+};
+
+export default api;

package/onion-loader.js

@@ -52,35 +52,27 @@ function lazyloaderInit() {
 	options.debugLogMessages && console.log('Lazy Loader initialized!');
 	options.lazyBlocksToSearchFor = [];
 	assetArray.forEach((asset) => {
-		// if (
-		// 	asset.assetKey.includes('-v3') &&
-		// 	!asset.assetKey.includes('sub-block')
-		// ) {
-		// 	options.assetMap[asset.assetKey] = {
-		// 		js: () =>
-		// 			import(
-		// 				`Assets/blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
-		// 			),
-		// 		// import(
-		// 		// 	`NodeModules/@total_onion/onion-library/components/block-${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
-		// 		// ),
-		// 		css: options.ignoreCss === true
-		// 	};
-		// }
-		if (asset.assetKey.includes('-v3')) {
+		if (
+			options.filePrefix === 'nodemodules' &&
+			asset.assetKey.includes('-v3')
+		) {
 			options.assetMap[asset.assetKey] = {
 				js: () =>
 					import(
-						`Assets/sub-blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+						`NodeModules/@total_onion/onion-library/components/block-${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
 					),
-				css: options.ignoreCss === false
+				css: options.ignoreCss === true
 			};
+		} else {
 		}
-		if (!asset.assetKey.includes('-v3')) {
+		if (
+			options.filePrefix === 'nodemodules' &&
+			!asset.assetKey.includes('-v3')
+		) {
 			options.assetMap[asset.assetKey] = {
 				js: () =>
 					import(
-						`Assets/blocks/${asset.assetKey}/${asset.assetKey}${options.fileSuffixJs}`
+						`Assets/js/blocks/${asset.assetKey}${options.fileSuffixJs}`
 					),
 				css: options.ignoreCss === false
 			};
@@ -244,7 +236,7 @@ export function loadCss(assetKey) {
 				assetKey.includes('-v3')
 			) {
 				import(
-					/* webpackChunkName: "[request]" */ `Assets/sub-blocks/${assetKey}/${assetKey}${options.fileSuffixCss}`
+					/* webpackChunkName: "[request]" */ `NodeModules/@total_onion/onion-library/components/block-${assetKey}/${assetKey}${options.fileSuffixCss}`
 				).then(() => resolve(true));
 			} else if (
 				options.css === true &&
@@ -252,7 +244,7 @@ export function loadCss(assetKey) {
 				!assetKey.includes('-v3')
 			) {
 				import(
-					/* webpackChunkName: "[request]" */ `Assets/blocks/${assetKey}/${assetKey}${options.fileSuffixCss}`
+					/* webpackChunkName: "[request]" */ `Assets/scss/blocks/${assetKey}${options.fileSuffixCss}`
 				).then(() => resolve(true));
 			} else {
 				return resolve(true);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "3.2.0",
+	"version": "3.2.2",
 	"description": "Component library",
 	"type": "module",
 	"main": "./index.js",
@@ -18,14 +18,6 @@
 		"./onion-modalcontroller": "./onion-modalcontroller/onion-modalcontroller.js",
 		"./onion-modalcontroller.js": "./onion-modalcontroller/onion-modalcontroller.js"
 	},
-	"files": [
-		"index.js",
-		"onion-utils.mjs",
-		"onion-loader.js",
-		"entry-animation-observer.js",
-		"onion-videocontroller",
-		"onion-modalcontroller"
-	],
 	"scripts": {
 		"build": "node build-library.js",
 		"test": ""

package/public/assetList.mjs

@@ -0,0 +1,3 @@
+
+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-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-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"];
+export default dynamicAssets;

package/public/block-accent-image-v3/accent-image-v3.css

@@ -0,0 +1,2 @@
+@layer base-styles {
+}

package/public/block-accent-image-v3/accent-image-v3.js

@@ -0,0 +1,7 @@
+export default function accentimagev3Js(options = {}) {
+  try {
+    const { block } = options;
+  } catch (error) {
+    console.error(error);
+  }
+}