@eightshift/frontend-libs/blocks/init/src/Blocks/components/modal/assets/index.js

A collection of useful frontend utility modules. powered by Eightshift

import domReady from '@wordpress/dom-ready';
import manifest from './../manifest.json';

domReady(async () => {
	const { componentJsClass, componentJsToggleClass } = manifest;
	const body = document.querySelector('body');
	const modalSelector = `.${componentJsClass}`;
	const modalElements = document.querySelectorAll(modalSelector);

	if (!modalElements.length) {
		return;
	}

	// Append all modals at the bottom of body.
	[...modalElements].forEach((element) => {
		body.append(element);
	});

	// Instantiate and initialize Modal.
	const { Modal } = await import('./modal');

	const modal = new Modal({
		openClass: 'is-open',
		jsClass: componentJsToggleClass,
	});

	modal.init();
});