diff --git a/docs/assets/maugallery.js b/docs/assets/maugallery.js index 7ac4587..cc75790 100644 --- a/docs/assets/maugallery.js +++ b/docs/assets/maugallery.js @@ -1,7 +1,8 @@ // * ... Prefix Class const _mauGalleryManager = { mauGalleryGlobalConfig: { - mauPrefixClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass : 'mau' + mauPrefixClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass : 'mau', + galleryPlaceholderClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceholderClass : 'gallery-placeholder' } }; @@ -15,7 +16,6 @@ Object.assign(_mauGalleryManager.mauGalleryGlobalConfig, { modalTriggerClass: 'modal-trigger', galleryItemClass: 'gallery-item', modalWrapperClass: 'modal-component', - galleryPlaceHolderClass: 'gallery-placeholder', styles: { animation: { modal: { @@ -1077,8 +1077,8 @@ if (typeof _asyncMauGalleryLauncher === 'undefined') { _mauGalleryManager.mauGalleriesConfig.forEach((conf) => { new _mauGalleryManager.MauGallery(conf); - const galleryPlaceHolderClass = _mauGalleryManager.options('galleryPlaceHolderClass'); - const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceHolderClass}`); + const galleryPlaceholderClass = _mauGalleryManager.options('galleryPlaceholderClass'); + const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceholderClass}`); if (placeholder) placeholder.remove(); }); } diff --git a/docs/assets/maugalleryLauncher.js b/docs/assets/maugalleryLauncher.js index bd15189..4a17917 100644 --- a/docs/assets/maugalleryLauncher.js +++ b/docs/assets/maugalleryLauncher.js @@ -1,10 +1,11 @@ let _asyncMauGalleryLauncher = { LauncherCls: class LauncherCls { constructor() { - this.failedToLoadMauGalleryMsg = 'Failed to load MauGallery! Please, retry to load this page.'; + this.failedToLoadMauGalleryMsg = 'Failed to load MauGallery! Please, try to refresh this page.'; this.boostrapIsAsyncLoadedSomewhereElseInMyCodebasePleaseDoNotAsyncLoadItHereImBeggingYou = false; this.globalMauGalleryConfig = { - mauPrefixClass: 'mau' + mauPrefixClass: 'mau', + galleryPlaceholderClass: 'gallery-placeholder' }; this.readyToMountGalleriesComponents = false; @@ -43,8 +44,8 @@ let _asyncMauGalleryLauncher = { clearInterval(coroutine); launcherPtr.Launcher.mauGalleriesConfig.forEach((conf) => { new _mauGalleryManager.MauGallery(conf); - const galleryPlaceHolderClass = _mauGalleryManager.options('galleryPlaceHolderClass'); - const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceHolderClass}`); + const galleryPlaceholderClass = _mauGalleryManager.options('galleryPlaceholderClass'); + const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceholderClass}`); if (placeholder) placeholder.remove(); }); } @@ -482,10 +483,11 @@ let _asyncMauGalleryLauncher = { errorCallbacks: [ async function failedToInjectMauGallery() { const mauPrefixClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass; - const galleryPlaceHolderClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceHolderClass; - const placeholders = document.querySelectorAll(`.${mauPrefixClass}.${galleryPlaceHolderClass}`); + const galleryPlaceholderClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceholderClass; + const placeholders = document.querySelectorAll(`.${mauPrefixClass}.${galleryPlaceholderClass}`); placeholders.forEach( - (element) => (element.outerHTML = ``) + (element) => + (element.outerHTML = ``) ); } ]