diff --git a/modules/vlsuite_animations/js/vlsuite-animations-previewer.js b/modules/vlsuite_animations/js/vlsuite-animations-previewer.js
index 31f291e621502f851c1c6110157ed5936d0363ed..c6c15dafb3eebaf35a11a557a41161020c25ddd2 100644
--- a/modules/vlsuite_animations/js/vlsuite-animations-previewer.js
+++ b/modules/vlsuite_animations/js/vlsuite-animations-previewer.js
@@ -1,24 +1,42 @@
(function (drupalSettings, Drupal, once, window) {
Drupal.behaviors.vlsuite_animations_previewer = {
attach(context) {
- once('vlsuite-animations__previewer', '.vlsuite-animations', context).forEach(animationsPreviewer);
- }
+ once(
+ 'vlsuite-animations__previewer',
+ '.vlsuite-animations',
+ context,
+ ).forEach(animationsPreviewer);
+ },
};
/**
* Animations previewer.
*/
function animationsPreviewer(previewWrapper) {
- var previewerBox = previewWrapper.querySelector('.vlsuite-animations__previewer');
- var previewerOptions = previewWrapper.querySelectorAll('.vlsuite-animations__previewer-option').forEach(function (previewerOption) {
- previewerOption.addEventListener('input', function (event) {
- if (event.target.value) {
- previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['animations'][event.target.value].split(' '));
- }
+ const previewerBox = previewWrapper.querySelector(
+ '.vlsuite-animations__previewer',
+ );
+ const previewerOptions = previewWrapper
+ .querySelectorAll('.vlsuite-animations__previewer-option')
+ .forEach(function (previewerOption) {
+ previewerOption.addEventListener('input', function (event) {
+ if (event.target.value) {
+ previewerBox.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ previewerBox.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(' '),
+ );
+ previewerBox.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ event.target.value
+ ].split(' '),
+ );
+ }
+ });
});
- });
previewerBox.addEventListener('animationend', function (e) {
e.target.classList.remove(...e.target.classList);
e.target.classList.add('vlsuite-animations__previewer');
@@ -28,4 +46,4 @@
e.target.classList.add('vlsuite-animations__previewer');
});
}
-}(drupalSettings, Drupal, once, window));
+})(drupalSettings, Drupal, once, window);
diff --git a/modules/vlsuite_animations/js/vlsuite-animations.js b/modules/vlsuite_animations/js/vlsuite-animations.js
index ca283fbf067f0e0153fed2c680afc58cbf22fc9a..d539d0522ac2577f5c0cfb0220aced04c06cb73c 100644
--- a/modules/vlsuite_animations/js/vlsuite-animations.js
+++ b/modules/vlsuite_animations/js/vlsuite-animations.js
@@ -1,111 +1,311 @@
(function (Drupal, drupalSettings, once, window) {
Drupal.behaviors.vlsuite_animations = {
attach(context) {
- once('vlsuite-animations', 'div[data-vlsuite-animations]', context).forEach(animations);
- }
+ once(
+ 'vlsuite-animations',
+ 'div[data-vlsuite-animations]',
+ context,
+ ).forEach(animations);
+ },
};
/**
* Animations.
*/
function animations(initElement) {
- var config = JSON.parse(initElement.dataset.vlsuiteAnimations);
+ const config = JSON.parse(initElement.dataset.vlsuiteAnimations);
if (!config || typeof window.IntersectionObserver !== 'function') {
return;
}
- if ((config.entrance_down || config.entrance_up || config.exit_down || config.exit_up || config.entrance) && !config.infinite) {
- var observer_callback = function (entries) {
+ if (
+ (config.entrance_down ||
+ config.entrance_up ||
+ config.exit_down ||
+ config.exit_up ||
+ config.entrance) &&
+ !config.infinite
+ ) {
+ const observer_callback = function (entries) {
entries.forEach(function (entry) {
- var collision = entry.boundingClientRect.y < (entry.rootBounds && entry.rootBounds.y ? entry.rootBounds : 0) ? 'up' : 'down';
- if (entry.target.classList.contains(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '))) {
+ const collision =
+ entry.boundingClientRect.y <
+ (entry.rootBounds && entry.rootBounds.y ? entry.rootBounds : 0)
+ ? 'up'
+ : 'down';
+ if (
+ entry.target.classList.contains(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ )
+ ) {
return;
}
if (entry.isIntersecting) {
// Entrance.
- if (entry.intersectionRatio >= drupalSettings.vlsuite_animations_map['threshold']) {
- if (entry.target.classList.contains(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '))) {
+ if (
+ entry.intersectionRatio >=
+ drupalSettings.vlsuite_animations_map.threshold
+ ) {
+ if (
+ entry.target.classList.contains(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ )
+ ) {
return;
}
// Entrance.
- if (config.entrance && drupalSettings.vlsuite_animations_map['animations'][config.entrance]) {
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.entrance].split(' '));
+ if (
+ config.entrance &&
+ drupalSettings.vlsuite_animations_map.animations[
+ config.entrance
+ ]
+ ) {
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance
+ ].split(' '),
+ );
}
// Entrance down collision.
- else if (collision === 'down' && config.entrance_down && drupalSettings.vlsuite_animations_map['animations'][config.entrance_down]) {
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.entrance_down].split(' '));
+ else if (
+ collision === 'down' &&
+ config.entrance_down &&
+ drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_down
+ ]
+ ) {
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_down
+ ].split(' '),
+ );
}
// Entrance up collision.
- else if (collision === 'up' && config.entrance_up && drupalSettings.vlsuite_animations_map['animations'][config.entrance_up]) {
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.entrance_up].split(' '));
+ else if (
+ collision === 'up' &&
+ config.entrance_up &&
+ drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_up
+ ]
+ ) {
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_up
+ ].split(' '),
+ );
}
}
// Exit.
else {
- if (!entry.target.classList.contains(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '))) {
+ if (
+ !entry.target.classList.contains(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ )
+ ) {
return;
}
// Entrance.
if (config.entrance) {
- entry.target.classList.remove(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
+ entry.target.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
return;
}
// Exit down.
- if (collision === 'down' && config.exit_down && drupalSettings.vlsuite_animations_map['animations'][config.exit_down]) {
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- entry.target.classList.remove(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.exit_down].split(' '));
+ if (
+ collision === 'down' &&
+ config.exit_down &&
+ drupalSettings.vlsuite_animations_map.animations[
+ config.exit_down
+ ]
+ ) {
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.exit_down
+ ].split(' '),
+ );
}
// Exit up.
- else if (collision === 'up' && config.exit_up && drupalSettings.vlsuite_animations_map['animations'][config.exit_up]) {
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- entry.target.classList.remove(...drupalSettings.vlsuite_animations_map['is_shown_classes'].split(' '));
- entry.target.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.exit_up].split(' '));
+ else if (
+ collision === 'up' &&
+ config.exit_up &&
+ drupalSettings.vlsuite_animations_map.animations[config.exit_up]
+ ) {
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.is_shown_classes.split(
+ ' ',
+ ),
+ );
+ entry.target.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.exit_up
+ ].split(' '),
+ );
}
}
}
});
};
- var observer_options = {
+ const observer_options = {
root: null,
- threshold: [0, drupalSettings.vlsuite_animations_map['threshold']],
- rootMargin: drupalSettings.vlsuite_animations_map['root_margin']
+ threshold: [0, drupalSettings.vlsuite_animations_map.threshold],
+ rootMargin: drupalSettings.vlsuite_animations_map.root_margin,
};
- var observer = new window.IntersectionObserver(observer_callback, observer_options);
+ const observer = new window.IntersectionObserver(
+ observer_callback,
+ observer_options,
+ );
observer.observe(initElement);
}
- if (config.infinite && drupalSettings.vlsuite_animations_map['animations'][config.infinite]) {
- initElement.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- initElement.classList.add(...drupalSettings.vlsuite_animations_map['infinite_classes'].split(' '));
- initElement.classList.add(...drupalSettings.vlsuite_animations_map['animations'][config.infinite].split(' '));
+ if (
+ config.infinite &&
+ drupalSettings.vlsuite_animations_map.animations[config.infinite]
+ ) {
+ initElement.classList.add(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(' '),
+ );
+ initElement.classList.add(
+ ...drupalSettings.vlsuite_animations_map.infinite_classes.split(' '),
+ );
+ initElement.classList.add(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.infinite
+ ].split(' '),
+ );
}
function clean(element) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
- element.classList.remove(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
- if (config.entrance && drupalSettings.vlsuite_animations_map['animations'][config.entrance]) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['animations'][config.entrance].split(' '));
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.is_playing_classes.split(' '),
+ );
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.main_classes.split(' '),
+ );
+ if (
+ config.entrance &&
+ drupalSettings.vlsuite_animations_map.animations[config.entrance]
+ ) {
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance
+ ].split(' '),
+ );
}
- if (config.entrance_down && drupalSettings.vlsuite_animations_map['animations'][config.entrance_down]) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['animations'][config.entrance_down].split(' '));
+ if (
+ config.entrance_down &&
+ drupalSettings.vlsuite_animations_map.animations[config.entrance_down]
+ ) {
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_down
+ ].split(' '),
+ );
}
- if (config.entrance_up && drupalSettings.vlsuite_animations_map['animations'][config.entrance_up]) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['animations'][config.entrance_up].split(' '));
+ if (
+ config.entrance_up &&
+ drupalSettings.vlsuite_animations_map.animations[config.entrance_up]
+ ) {
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.entrance_up
+ ].split(' '),
+ );
}
- if (config.exit_down && drupalSettings.vlsuite_animations_map['animations'][config.exit_down]) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['animations'][config.exit_down].split(' '));
+ if (
+ config.exit_down &&
+ drupalSettings.vlsuite_animations_map.animations[config.exit_down]
+ ) {
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.exit_down
+ ].split(' '),
+ );
}
- if (config.exit_up && drupalSettings.vlsuite_animations_map['animations'][config.exit_up]) {
- element.classList.remove(...drupalSettings.vlsuite_animations_map['animations'][config.exit_up].split(' '));
+ if (
+ config.exit_up &&
+ drupalSettings.vlsuite_animations_map.animations[config.exit_up]
+ ) {
+ element.classList.remove(
+ ...drupalSettings.vlsuite_animations_map.animations[
+ config.exit_up
+ ].split(' '),
+ );
}
}
initElement.addEventListener('animationend', function (e) {
@@ -115,4 +315,4 @@
clean(e.target);
});
}
-}(Drupal, drupalSettings, once, window));
+})(Drupal, drupalSettings, once, window);
diff --git a/modules/vlsuite_block/modules/vlsuite_block_headings_menu/js/vlsuite-block-headings-menu.js b/modules/vlsuite_block/modules/vlsuite_block_headings_menu/js/vlsuite-block-headings-menu.js
index ed1fb9d783d2b94b9ac243bab3809f415539a902..4186200b6d62ceef544feb567bec7bee8e539bd4 100644
--- a/modules/vlsuite_block/modules/vlsuite_block_headings_menu/js/vlsuite-block-headings-menu.js
+++ b/modules/vlsuite_block/modules/vlsuite_block_headings_menu/js/vlsuite-block-headings-menu.js
@@ -14,7 +14,7 @@
const observer = new window.IntersectionObserver(handler);
const observerElement = document.querySelector(
- navLink.getAttribute('href')
+ navLink.getAttribute('href'),
);
if (observerElement !== 'undefined') {
observer.observe(observerElement);
@@ -26,8 +26,8 @@
once(
'vlsuite-block-headings-menu',
'.vlsuite-block-headings-menu .vlsuite-block-headings-menu__nav-link',
- context
+ context,
).forEach(scrollSpy);
- }
+ },
};
})(Drupal, once, window);
diff --git a/modules/vlsuite_collection/modules/vlsuite_collection_gallery/js/vlsuite-collection-gallery.js b/modules/vlsuite_collection/modules/vlsuite_collection_gallery/js/vlsuite-collection-gallery.js
index 7c6dde2c9b7ec29d7162f3a056632d4c856f8021..ab1657f86b7efc49bd1efec071f2d496967ee8b2 100644
--- a/modules/vlsuite_collection/modules/vlsuite_collection_gallery/js/vlsuite-collection-gallery.js
+++ b/modules/vlsuite_collection/modules/vlsuite_collection_gallery/js/vlsuite-collection-gallery.js
@@ -1,29 +1,47 @@
(function (Drupal, once, window) {
Drupal.behaviors.vlsuite_collection_gallery = {
attach(context) {
- once('vlsuite-collection-gallery-slides-sync', '.vlsuite-block__vlsuite-collection-gallery .vlsuite-layout', context).forEach(slidesSync);
- }
+ once(
+ 'vlsuite-collection-gallery-slides-sync',
+ '.vlsuite-block__vlsuite-collection-gallery .vlsuite-layout',
+ context,
+ ).forEach(slidesSync);
+ },
};
/**
* Collection gallery slides sync.
*/
function slidesSync(initElement) {
- if (initElement.querySelectorAll('.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias').length !== 2 || typeof window.Swiper !== 'function') {
+ if (
+ initElement.querySelectorAll(
+ '.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias',
+ ).length !== 2 ||
+ typeof window.Swiper !== 'function'
+ ) {
return;
}
- var main = initElement.querySelectorAll('.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias')[0];
- var mainSlide = main.querySelector('.swiper');
- var thumbnails = initElement.querySelectorAll('.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias')[1];
- var thumbnailsSlide = thumbnails.querySelector('.swiper');
- if (typeof mainSlide === 'object' && typeof mainSlide.swiper === 'object' && typeof thumbnailsSlide === 'object' && typeof thumbnailsSlide.swiper === 'object') {
+ const main = initElement.querySelectorAll(
+ '.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias',
+ )[0];
+ const mainSlide = main.querySelector('.swiper');
+ const thumbnails = initElement.querySelectorAll(
+ '.vlsuite-block__block-contentvlsuite-collection-galleryvlsuite-medias',
+ )[1];
+ const thumbnailsSlide = thumbnails.querySelector('.swiper');
+ if (
+ typeof mainSlide === 'object' &&
+ typeof mainSlide.swiper === 'object' &&
+ typeof thumbnailsSlide === 'object' &&
+ typeof thumbnailsSlide.swiper === 'object'
+ ) {
mainSlide.swiper.thumbs.swiper = thumbnailsSlide.swiper;
mainSlide.swiper.thumbs.init();
thumbnailsSlide.swiper.slideTo(mainSlide.swiper.activeIndex);
- mainSlide.swiper.on("slideChange", function () {
+ mainSlide.swiper.on('slideChange', function () {
thumbnailsSlide.swiper.slideTo(mainSlide.swiper.activeIndex);
});
thumbnails.classList.add('swiper-sync-active');
}
}
-}(Drupal, once, window));
+})(Drupal, once, window);
diff --git a/modules/vlsuite_icon_font/js/vlsuite-icon-font-icon-form-element.js b/modules/vlsuite_icon_font/js/vlsuite-icon-font-icon-form-element.js
index 9cc53aaff50c142e407b0ff8ffb4d8a28e78e7ea..94f71039f301f15a7d3e74c908f90c9308182552 100644
--- a/modules/vlsuite_icon_font/js/vlsuite-icon-font-icon-form-element.js
+++ b/modules/vlsuite_icon_font/js/vlsuite-icon-font-icon-form-element.js
@@ -1,34 +1,44 @@
(function (Drupal, once, window) {
Drupal.behaviors.vlsuite_icon_font_icon_form_element = {
attach(context) {
- once('vlsuite-icon-font-icon-form-element', '.vlsuite-icon-font-icon-form-element', context).forEach(iconFormElement);
- }
+ once(
+ 'vlsuite-icon-font-icon-form-element',
+ '.vlsuite-icon-font-icon-form-element',
+ context,
+ ).forEach(iconFormElement);
+ },
};
/**
* Icon form element.
*/
function iconFormElement(iconPreviewer) {
- var input = iconPreviewer.querySelector('.vlsuite-icon-font-icon-form-element__input');
- var replacement = iconPreviewer.dataset.vlsuiteIconFontReplacement;
- var icon = iconPreviewer.querySelector('.vlsuite-icon-font-icon-form-element__icon');
+ const input = iconPreviewer.querySelector(
+ '.vlsuite-icon-font-icon-form-element__input',
+ );
+ const replacement = iconPreviewer.dataset.vlsuiteIconFontReplacement;
+ const icon = iconPreviewer.querySelector(
+ '.vlsuite-icon-font-icon-form-element__icon',
+ );
icon.dataset.originalClasses = icon.classList.value;
if (input.value) {
if (replacement === 'text') {
icon.innerText = input.value;
- }
- else if (replacement === 'class') {
+ } else if (replacement === 'class') {
icon.classList.add(input.value);
}
}
- input.addEventListener('change',function(e) {
- if (replacement === 'text') {
- icon.innerText = e.target.value;
- }
- else if (replacement === 'class') {
- icon.classList = icon.dataset.originalClasses;
- icon.classList.add(e.target.value);
- }
- }, false);
+ input.addEventListener(
+ 'change',
+ function (e) {
+ if (replacement === 'text') {
+ icon.innerText = e.target.value;
+ } else if (replacement === 'class') {
+ icon.classList = icon.dataset.originalClasses;
+ icon.classList.add(e.target.value);
+ }
+ },
+ false,
+ );
}
-}(Drupal, once, window));
+})(Drupal, once, window);
diff --git a/modules/vlsuite_layout_builder/js/vlsuite-layout-builder.js b/modules/vlsuite_layout_builder/js/vlsuite-layout-builder.js
index 498fbfbc0fc7b9537807173919e80e5bf3f8daeb..e6aab38a99c480db8b487b0a6ee3297de6b51d61 100644
--- a/modules/vlsuite_layout_builder/js/vlsuite-layout-builder.js
+++ b/modules/vlsuite_layout_builder/js/vlsuite-layout-builder.js
@@ -1,43 +1,82 @@
(function ($, Drupal, once, window) {
-
Drupal.behaviors.vlsuite_layout_builder = {
attach(context) {
- once('vlsuite-layout-builder-live-preview', '.layout-builder__live-preview__toggler__link', context).forEach(layoutBuilderLivePreview);
- once('vlsuite-layout-builder-edit-live-preview', 'form[data-layout-builder-target-highlight-id] [data-editor-for]', context).forEach(layoutBuilderEditLivePreview);
+ once(
+ 'vlsuite-layout-builder-live-preview',
+ '.layout-builder__live-preview__toggler__link',
+ context,
+ ).forEach(layoutBuilderLivePreview);
+ once(
+ 'vlsuite-layout-builder-edit-live-preview',
+ 'form[data-layout-builder-target-highlight-id] [data-editor-for]',
+ context,
+ ).forEach(layoutBuilderEditLivePreview);
// Add the new hover handler for regions
- once('vlsuite-layout-builder-region-hover', '.layout-builder__region', context).forEach(layoutBuilderRegionHover);
- }
+ once(
+ 'vlsuite-layout-builder-region-hover',
+ '.layout-builder__region',
+ context,
+ ).forEach(layoutBuilderRegionHover);
+ },
};
/**
* Layout builder edit live preview.
*/
function layoutBuilderEditLivePreview(editorFor) {
- var editorElement = document.querySelector('#' + editorFor.getAttribute('data-editor-for'));
- var originalValue = editorElement.getAttribute('data-editor-value-original');
- var fieldClass = 'field--name-' + editorElement.getAttribute('name').split('settings[block_form][')[1].split(']')[0].replaceAll('_', '-');
- var uuid = editorElement.closest('[data-layout-builder-target-highlight-id]').getAttribute('data-layout-builder-target-highlight-id');
- var targetElement = document.querySelector('[data-layout-block-uuid="' + uuid + '"] .' + fieldClass);
- if (targetElement !== null && editorElement.hasAttribute('data-ckeditor5-id')) {
+ const editorElement = document.querySelector(
+ `#${editorFor.getAttribute('data-editor-for')}`,
+ );
+ const originalValue = editorElement.getAttribute(
+ 'data-editor-value-original',
+ );
+ const fieldClass = `field--name-${editorElement
+ .getAttribute('name')
+ .split('settings[block_form][')[1]
+ .split(']')[0]
+ .replaceAll('_', '-')}`;
+ const uuid = editorElement
+ .closest('[data-layout-builder-target-highlight-id]')
+ .getAttribute('data-layout-builder-target-highlight-id');
+ const targetElement = document.querySelector(
+ `[data-layout-block-uuid="${uuid}"] .${fieldClass}`,
+ );
+ if (
+ targetElement !== null &&
+ editorElement.hasAttribute('data-ckeditor5-id')
+ ) {
$(editorElement).on('formUpdated', function (e) {
- targetElement.innerHTML = Drupal.CKEditor5Instances.get(editorElement.getAttribute('data-ckeditor5-id')).getData();
+ targetElement.innerHTML = Drupal.CKEditor5Instances.get(
+ editorElement.getAttribute('data-ckeditor5-id'),
+ ).getData();
$('div#vlsuite-modal').one('dialogclose', function () {
targetElement.innerHTML = originalValue;
});
});
- var smallTag = document.createElement('small');
- smallTag.appendChild(document.createTextNode(Drupal.t('*Live edit preview active for this field.')));
+ const smallTag = document.createElement('small');
+ smallTag.appendChild(
+ document.createTextNode(
+ Drupal.t('*Live edit preview active for this field.'),
+ ),
+ );
smallTag.classList.add('vlsuite-layout-builder-edit-live-preview-mark');
editorElement.parentNode.appendChild(smallTag);
- $(window).one("dialog:beforecreate", function (e, dialog, $dialogElement, dialogSettings) {
- // Option "dialogClass" deprecated in 1.12 in favor of "classes".
- dialogSettings.dialogClass = "ui-dialog-fixed";
- dialogSettings.classes = { "ui-dialog": "ui-dialog-fixed" };
- dialogSettings.resizable = false;
- dialogSettings.autoResize = false;
- dialogSettings.draggable = true;
- dialogSettings.position = {my: "right top", at: "right-10 bottom", of: window};
- });
+ $(window).one(
+ 'dialog:beforecreate',
+ function (e, dialog, $dialogElement, dialogSettings) {
+ // Option "dialogClass" deprecated in 1.12 in favor of "classes".
+ dialogSettings.dialogClass = 'ui-dialog-fixed';
+ dialogSettings.classes = { 'ui-dialog': 'ui-dialog-fixed' };
+ dialogSettings.resizable = false;
+ dialogSettings.autoResize = false;
+ dialogSettings.draggable = true;
+ dialogSettings.position = {
+ my: 'right top',
+ at: 'right-10 bottom',
+ of: window,
+ };
+ },
+ );
}
}
@@ -54,7 +93,7 @@
}
// Add mouseover event
- region.addEventListener('mouseover', function() {
+ region.addEventListener('mouseover', function () {
if (wrapper) {
// Set thinner border with the hover style
wrapper.style.border = 'var(--vlsuite-border)';
@@ -62,7 +101,7 @@
});
// Add mouseout event to restore the original border
- region.addEventListener('mouseout', function() {
+ region.addEventListener('mouseout', function () {
if (wrapper) {
// First remove any inline style to let CSS take over
wrapper.style.border = '';
@@ -82,8 +121,9 @@
function layoutBuilderLivePreview(toggler) {
toggler.addEventListener('click', function (e) {
e.preventDefault();
- document.querySelector('.layout-builder').classList.toggle('live-preview-active');
+ document
+ .querySelector('.layout-builder')
+ .classList.toggle('live-preview-active');
});
}
-
-}(jQuery, Drupal, once, window));
+})(jQuery, Drupal, once, window);
diff --git a/modules/vlsuite_slider/js/vlsuite-slider.js b/modules/vlsuite_slider/js/vlsuite-slider.js
index 75f62605558e4af22948a933c6b4964a2e20e8d0..ad6049a246bfa00336f639fab7ff06c69b52b46a 100644
--- a/modules/vlsuite_slider/js/vlsuite-slider.js
+++ b/modules/vlsuite_slider/js/vlsuite-slider.js
@@ -1,120 +1,135 @@
(function (Drupal, once, window) {
Drupal.behaviors.vlsuite_slider = {
attach(context) {
- once('vlsuite-slider', 'div[data-vlsuite-slider]', context).forEach(slider);
- }
+ once('vlsuite-slider', 'div[data-vlsuite-slider]', context).forEach(
+ slider,
+ );
+ },
};
/**
* Slider.
*/
function slider(initElement) {
- var config = JSON.parse(initElement.dataset.vlsuiteSlider);
+ const config = JSON.parse(initElement.dataset.vlsuiteSlider);
if (!config.active || typeof window.Swiper !== 'function') {
return;
}
- var sliderElement = initElement.querySelector(config['scope_selector']);
+ const sliderElement = initElement.querySelector(config.scope_selector);
if (sliderElement === null) {
return;
}
- var rows = config['rows'] ?? false;
+ const rows = config.rows ?? false;
- var swiperElement = document.createElement('div');
+ const swiperElement = document.createElement('div');
swiperElement.classList.add('swiper');
- var swiperWrapperElement = document.createElement('div');
+ const swiperWrapperElement = document.createElement('div');
swiperWrapperElement.classList.add('swiper-wrapper');
- sliderElement.querySelectorAll(config['scope_items_selector']).forEach((block, index) => {
- block.classList.add('swiper-slide');
- swiperWrapperElement.appendChild(block);
- });
+ sliderElement
+ .querySelectorAll(config.scope_items_selector)
+ .forEach((block, index) => {
+ block.classList.add('swiper-slide');
+ swiperWrapperElement.appendChild(block);
+ });
swiperElement.appendChild(swiperWrapperElement);
sliderElement.appendChild(swiperElement);
- var slidesPerViewMedium = config['slides_per_view_medium'] ?? null;
- var slidesPerViewSmall = config['slides_per_view_small'] ?? null;
- var slidesPerView = config['slides_per_view'] ?? 1;
- var slidesPerViewOriginal = slidesPerView;
- var swiperOptions = {
- slidesPerView: slidesPerViewSmall ?? (slidesPerViewMedium ?? slidesPerView)
+ const slidesPerViewMedium = config.slides_per_view_medium ?? null;
+ const slidesPerViewSmall = config.slides_per_view_small ?? null;
+ const slidesPerView = config.slides_per_view ?? 1;
+ const slidesPerViewOriginal = slidesPerView;
+ const swiperOptions = {
+ slidesPerView: slidesPerViewSmall ?? slidesPerViewMedium ?? slidesPerView,
};
if (rows !== false && parseInt(rows) !== 1) {
- swiperOptions['grid'] = {
- rows: rows,
- fill: 'row'
+ swiperOptions.grid = {
+ rows,
+ fill: 'row',
};
}
- if ((config['auto_height'] ?? false) && !(rows !== false && parseInt(rows) !== 1)) {
- swiperOptions['autoHeight'] = true;
+ if (
+ (config.auto_height ?? false) &&
+ !(rows !== false && parseInt(rows) !== 1)
+ ) {
+ swiperOptions.autoHeight = true;
}
- if (config['space_between'] ?? true) {
- swiperOptions['spaceBetween'] = config['space_between'] ?? 16;
+ if (config.space_between ?? true) {
+ swiperOptions.spaceBetween = config.space_between ?? 16;
}
- if (config['pagination'] ?? false) {
+ if (config.pagination ?? false) {
var pagination = document.createElement('div');
pagination.classList.add('swiper-pagination');
swiperElement.appendChild(pagination);
- swiperOptions['pagination'] = {
+ swiperOptions.pagination = {
el: pagination,
dynamicBullets: true,
- clickable: true
+ clickable: true,
};
}
- if (config['centered_slides'] ?? false) {
- swiperOptions['centeredSlides'] = true;
+ if (config.centered_slides ?? false) {
+ swiperOptions.centeredSlides = true;
}
- if (config['loop'] ?? false) {
- swiperOptions['loop'] = true;
+ if (config.loop ?? false) {
+ swiperOptions.loop = true;
}
- if ((config['initial_slide'] ?? false) && parseInt(config['initial_slide']) !== 1) {
+ if (
+ (config.initial_slide ?? false) &&
+ parseInt(config.initial_slide) !== 1
+ ) {
// Start at 1 not 0.
- swiperOptions['initialSlide'] = parseInt(config['initial_slide']) - 1;
+ swiperOptions.initialSlide = parseInt(config.initial_slide) - 1;
}
- if (slidesPerViewSmall !== null && slidesPerViewSmall !== slidesPerViewOriginal) {
- var small_size = config['small_size'] ?? 768;
- swiperOptions['breakpoints'] = {};
- swiperOptions['breakpoints'][small_size] = {
+ if (
+ slidesPerViewSmall !== null &&
+ slidesPerViewSmall !== slidesPerViewOriginal
+ ) {
+ const small_size = config.small_size ?? 768;
+ swiperOptions.breakpoints = {};
+ swiperOptions.breakpoints[small_size] = {
slidesPerView: slidesPerViewMedium ?? slidesPerView,
pagination: {
el: pagination,
dynamicBullets: true,
- clickable: true
- }
+ clickable: true,
+ },
};
}
- if (slidesPerViewMedium !== null && slidesPerViewMedium !== slidesPerViewOriginal) {
- var medium_size = config['medium_size'] ?? 1280;
- swiperOptions['breakpoints'] = swiperOptions['breakpoints'] ?? {};
- swiperOptions['breakpoints'][medium_size] = {
- slidesPerView: slidesPerView,
+ if (
+ slidesPerViewMedium !== null &&
+ slidesPerViewMedium !== slidesPerViewOriginal
+ ) {
+ const medium_size = config.medium_size ?? 1280;
+ swiperOptions.breakpoints = swiperOptions.breakpoints ?? {};
+ swiperOptions.breakpoints[medium_size] = {
+ slidesPerView,
pagination: {
el: pagination,
dynamicBullets: true,
- clickable: true
- }
+ clickable: true,
+ },
};
}
- if (config['navigation'] ?? false) {
- var navigationNext = document.createElement('div');
+ if (config.navigation ?? false) {
+ const navigationNext = document.createElement('div');
navigationNext.classList.add('swiper-button-next');
- var navigationPrev = document.createElement('div');
+ const navigationPrev = document.createElement('div');
navigationPrev.classList.add('swiper-button-prev');
swiperElement.appendChild(navigationNext);
swiperElement.appendChild(navigationPrev);
- swiperOptions['navigation'] = {
+ swiperOptions.navigation = {
nextEl: navigationNext,
- prevEl: navigationPrev
+ prevEl: navigationPrev,
};
}
- if (config['autoplay'] ?? false) {
- swiperOptions['autoplay'] = {
- 'delay': config['autoplay'] * 1000,
- 'pauseOnMouseEnter': true
+ if (config.autoplay ?? false) {
+ swiperOptions.autoplay = {
+ delay: config.autoplay * 1000,
+ pauseOnMouseEnter: true,
};
}
new window.Swiper(swiperElement, swiperOptions);
}
-}(Drupal, once, window));
-
+})(Drupal, once, window);
diff --git a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-live-previewer.js b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-live-previewer.js
index b1a40a0de08250c544da01de9e7728c5b1de7c52..c086c28d6db0f7076dd9aae8c43907c28f7fb1e2 100644
--- a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-live-previewer.js
+++ b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-live-previewer.js
@@ -11,23 +11,33 @@
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Drupal.behaviors.vlsuite_utility_classes_live_previewer = {
attach: function attach(context) {
- once('vlsuite-utility-classes-live-previewer', '[data-vlsuite-utility-classes-live-previewer-apply-to]', context).forEach(Drupal.vlsuite_utility_classes_live_previewer);
- }
+ once(
+ 'vlsuite-utility-classes-live-previewer',
+ '[data-vlsuite-utility-classes-live-previewer-apply-to]',
+ context,
+ ).forEach(Drupal.vlsuite_utility_classes_live_previewer);
+ },
};
Drupal.vlsuite_utility_classes_live_previewer = function (element) {
if (_typeof(window.FloatingUIDOM) !== 'object') {
return;
}
- var skip = false;
- var main = document.createElement('div');
+ let skip = false;
+ const main = document.createElement('div');
main.classList.add('vlsuite-utility-classes-live-previewer');
- var applyTo = element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo;
- var type = element.dataset.vlsuiteUtilityClassesLivePreviewerType;
- var togglerLink = document.createElement('a');
+ const applyTo = element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo;
+ const type = element.dataset.vlsuiteUtilityClassesLivePreviewerType;
+ const togglerLink = document.createElement('a');
togglerLink.href = '#';
- togglerLink.title = Drupal.t('Appearance') + ': ' + Drupal.vlsuite_utility_classes_live_previewer_type_title_map[type];
- togglerLink.textContent = Drupal.vlsuite_utility_classes_live_previewer_type_title_map[type] + Drupal.t(' styles');
- togglerLink.classList.add('vlsuite-utility-classes-live-previewer__toggler');
+ togglerLink.title = `${Drupal.t('Appearance')}: ${
+ Drupal.vlsuite_utility_classes_live_previewer_type_title_map[type]
+ }`;
+ togglerLink.textContent =
+ Drupal.vlsuite_utility_classes_live_previewer_type_title_map[type] +
+ Drupal.t(' styles');
+ togglerLink.classList.add(
+ 'vlsuite-utility-classes-live-previewer__toggler',
+ );
togglerLink.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
@@ -35,153 +45,262 @@
if (main.classList.contains('active')) {
Drupal.vlsuite_utility_classes_type_element_setDefaults(element, type);
}
- Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh(element, overflow, main, arrow, type);
+ Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh(
+ element,
+ overflow,
+ main,
+ arrow,
+ type,
+ );
});
main.appendChild(togglerLink);
- main.classList.add('vlsuite-utility-classes-live-previewer--' + type);
+ main.classList.add(`vlsuite-utility-classes-live-previewer--${type}`);
var overflow = document.createElement('div');
overflow.classList.add('vlsuite-utility-classes-live-previewer__overflow');
var arrow = document.createElement('div');
arrow.classList.add('vlsuite-utility-classes-live-previewer__arrow');
- /*var utilityGroupTitle = document.createElement('h2');
+ /* var utilityGroupTitle = document.createElement('h2');
utilityGroupTitle.appendChild(document.createTextNode(togglerLink.title));
- main.appendChild(utilityGroupTitle);*/
- var uuid = element.closest('[data-layout-block-uuid]') ? element.closest('[data-layout-block-uuid]').dataset.layoutBlockUuid : '_none';
- var delta = (element.closest('[data-layout-delta]') ? element.closest('[data-layout-delta]').dataset.layoutDelta : null) || (element.querySelector('[data-layout-delta]') ? element.querySelector('[data-layout-delta]').dataset.layoutDelta : null) || (element.parentNode.querySelector('[data-layout-delta]') ? element.parentNode.querySelector('[data-layout-delta]').dataset.layoutDelta : '_none');
- var linkArgumentsBase = [element.closest('[data-vlsuite-utility-classes-live-previewer-apply-to-url]').dataset.vlsuiteUtilityClassesLivePreviewerApplyToUrl, delta, uuid, applyTo];
+ main.appendChild(utilityGroupTitle); */
+ const uuid = element.closest('[data-layout-block-uuid]')
+ ? element.closest('[data-layout-block-uuid]').dataset.layoutBlockUuid
+ : '_none';
+ const delta =
+ (element.closest('[data-layout-delta]')
+ ? element.closest('[data-layout-delta]').dataset.layoutDelta
+ : null) ||
+ (element.querySelector('[data-layout-delta]')
+ ? element.querySelector('[data-layout-delta]').dataset.layoutDelta
+ : null) ||
+ (element.parentNode.querySelector('[data-layout-delta]')
+ ? element.parentNode.querySelector('[data-layout-delta]').dataset
+ .layoutDelta
+ : '_none');
+ const linkArgumentsBase = [
+ element.closest(
+ '[data-vlsuite-utility-classes-live-previewer-apply-to-url]',
+ ).dataset.vlsuiteUtilityClassesLivePreviewerApplyToUrl,
+ delta,
+ uuid,
+ applyTo,
+ ];
Drupal.vlsuite_utility_classes_type_element_setDefaults(element, type);
- var defaults = element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined ? JSON.parse(element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults) : false;
- var configureLink = element.closest('[data-vlsuite-utility-classes-configure-url]');
- element.dataset.vlsuiteUtilityClassesLivePreviewerIdentifiers.split(',').forEach(function (currentIdentifier) {
- if (currentIdentifier === '') {
- if (configureLink) {
- var emptyElement = document.createElement('span');
- emptyElement.classList.add('vlsuite-utility-classes-live-previewer__empty');
- emptyElement.appendChild(document.createTextNode(Drupal.t('Any enabled, configure using link below')));
- overflow.appendChild(emptyElement);
- } else {
- skip = true;
- }
- return;
- }
- var utilityList = document.createElement('ul');
- var utilityListTitle = document.createElement('h3');
- var isColumnWidths = currentIdentifier.includes(':column_widths');
- var defaultApplies = !isColumnWidths;
- var iconReplacement = drupalSettings.vlsuite_icon_font_map['replacement'];
- var icon = drupalSettings.vlsuite_utility_classes_map[currentIdentifier].icon;
- if (isColumnWidths) {
- icon = drupalSettings.vlsuite_utility_classes_map['column_widths_icon'];
- }
- if (icon) {
- var _iconElement$classLis;
- var iconElement = document.createElement('span');
- (_iconElement$classLis = iconElement.classList).add.apply(_iconElement$classLis, _toConsumableArray(drupalSettings.vlsuite_icon_font_map['main_classes'].split(' ')));
- if (iconReplacement === 'text') {
- iconElement.appendChild(document.createTextNode(icon));
- } else if (iconReplacement === 'class') {
- iconElement.classList.add(icon);
+ const defaults =
+ element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined
+ ? JSON.parse(element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults)
+ : false;
+ const configureLink = element.closest(
+ '[data-vlsuite-utility-classes-configure-url]',
+ );
+ element.dataset.vlsuiteUtilityClassesLivePreviewerIdentifiers
+ .split(',')
+ .forEach(function (currentIdentifier) {
+ if (currentIdentifier === '') {
+ if (configureLink) {
+ const emptyElement = document.createElement('span');
+ emptyElement.classList.add(
+ 'vlsuite-utility-classes-live-previewer__empty',
+ );
+ emptyElement.appendChild(
+ document.createTextNode(
+ Drupal.t('Any enabled, configure using link below'),
+ ),
+ );
+ overflow.appendChild(emptyElement);
+ } else {
+ skip = true;
+ }
+ return;
}
- utilityListTitle.appendChild(iconElement);
- }
- utilityListTitle.appendChild(document.createTextNode(drupalSettings.vlsuite_utility_classes_map[currentIdentifier].visual_name));
-
- // Create details element with summary
- var details = document.createElement('details');
-
- // Create summary and move content from h3
- var summary = document.createElement('summary');
- while (utilityListTitle.firstChild) {
- summary.appendChild(utilityListTitle.firstChild);
- }
-
- // Add summary and list to details
- details.appendChild(summary);
- details.appendChild(utilityList);
-
- // Add details to overflow instead of separate title and list
- overflow.appendChild(details);
-
- if (defaultApplies) {
- var utilityListItem = document.createElement('li');
- utilityListItem.classList.add('vlsuite-utility-classes-live-previewer__default');
- var utilityDefaultLink = document.createElement('a');
- utilityDefaultLink.appendChild(document.createTextNode(Drupal.t('Default')));
- var linkDefaultArguments = linkArgumentsBase.slice();
- linkDefaultArguments.push(currentIdentifier, '_none');
- utilityDefaultLink.href = linkDefaultArguments.join('/');
- utilityDefaultLink.addEventListener("mouseover", function (e) {
- e.stopPropagation();
- Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes(element, type, currentIdentifier, '');
- }, false);
- utilityDefaultLink.addEventListener("mouseout", function (e) {
- e.stopPropagation();
- Drupal.vlsuite_utility_classes_type_element_restore(element, type, currentIdentifier);
- }, false);
- if (defaults === false || defaults[currentIdentifier] === undefined) {
- utilityDefaultLink.classList.add('active');
+ const utilityList = document.createElement('ul');
+ const utilityListTitle = document.createElement('h3');
+ const isColumnWidths = currentIdentifier.includes(':column_widths');
+ const defaultApplies = !isColumnWidths;
+ const iconReplacement =
+ drupalSettings.vlsuite_icon_font_map.replacement;
+ let icon =
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier].icon;
+ if (isColumnWidths) {
+ icon = drupalSettings.vlsuite_utility_classes_map.column_widths_icon;
}
- utilityDefaultLink.addEventListener("click", function (e) {
- e.preventDefault();
- Drupal.ajax({
- url: e.target.href,
- progress: {
- type: 'fullscreen'
- }
- }).execute();
- }, false);
- utilityListItem.appendChild(utilityDefaultLink);
- utilityList.appendChild(utilityListItem);
- }
- Object.keys(drupalSettings.vlsuite_utility_classes_map[currentIdentifier].values).forEach(function (currentValue) {
- var utilityListItem = document.createElement('li');
- var link_title = drupalSettings.vlsuite_utility_classes_map[currentIdentifier].values[currentValue].visual_name;
- if (link_title === undefined) {
- link_title = drupalSettings.vlsuite_utility_classes_map[currentIdentifier].values[currentValue];
- }
- var utilityValueLink = document.createElement('a');
- var icon = drupalSettings.vlsuite_utility_classes_map[currentIdentifier].values[currentValue].icon;
if (icon) {
- var _iconElement$classLis2;
- var iconElement = document.createElement('span');
- (_iconElement$classLis2 = iconElement.classList).add.apply(_iconElement$classLis2, _toConsumableArray(drupalSettings.vlsuite_icon_font_map['main_classes'].split(' ')));
+ let _iconElement$classLis;
+ const iconElement = document.createElement('span');
+ (_iconElement$classLis = iconElement.classList).add.apply(
+ _iconElement$classLis,
+ _toConsumableArray(
+ drupalSettings.vlsuite_icon_font_map.main_classes.split(' '),
+ ),
+ );
if (iconReplacement === 'text') {
iconElement.appendChild(document.createTextNode(icon));
} else if (iconReplacement === 'class') {
iconElement.classList.add(icon);
}
- utilityValueLink.appendChild(iconElement);
+ utilityListTitle.appendChild(iconElement);
+ }
+ utilityListTitle.appendChild(
+ document.createTextNode(
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier]
+ .visual_name,
+ ),
+ );
+
+ // Create details element with summary
+ const details = document.createElement('details');
+
+ // Create summary and move content from h3
+ const summary = document.createElement('summary');
+ while (utilityListTitle.firstChild) {
+ summary.appendChild(utilityListTitle.firstChild);
}
- utilityValueLink.appendChild(document.createTextNode(link_title));
- if (defaults && defaults[currentIdentifier] === currentValue) {
- console.log('default', currentIdentifier, currentValue);
- utilityValueLink.classList.add('active');
- details.classList.add('active'); // Use the details reference directly instead of closest()
+
+ // Add summary and list to details
+ details.appendChild(summary);
+ details.appendChild(utilityList);
+
+ // Add details to overflow instead of separate title and list
+ overflow.appendChild(details);
+
+ if (defaultApplies) {
+ const utilityListItem = document.createElement('li');
+ utilityListItem.classList.add(
+ 'vlsuite-utility-classes-live-previewer__default',
+ );
+ const utilityDefaultLink = document.createElement('a');
+ utilityDefaultLink.appendChild(
+ document.createTextNode(Drupal.t('Default')),
+ );
+ const linkDefaultArguments = linkArgumentsBase.slice();
+ linkDefaultArguments.push(currentIdentifier, '_none');
+ utilityDefaultLink.href = linkDefaultArguments.join('/');
+ utilityDefaultLink.addEventListener(
+ 'mouseover',
+ function (e) {
+ e.stopPropagation();
+ Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes(
+ element,
+ type,
+ currentIdentifier,
+ '',
+ );
+ },
+ false,
+ );
+ utilityDefaultLink.addEventListener(
+ 'mouseout',
+ function (e) {
+ e.stopPropagation();
+ Drupal.vlsuite_utility_classes_type_element_restore(
+ element,
+ type,
+ currentIdentifier,
+ );
+ },
+ false,
+ );
+ if (defaults === false || defaults[currentIdentifier] === undefined) {
+ utilityDefaultLink.classList.add('active');
+ }
+ utilityDefaultLink.addEventListener(
+ 'click',
+ function (e) {
+ e.preventDefault();
+ Drupal.ajax({
+ url: e.target.href,
+ progress: {
+ type: 'fullscreen',
+ },
+ }).execute();
+ },
+ false,
+ );
+ utilityListItem.appendChild(utilityDefaultLink);
+ utilityList.appendChild(utilityListItem);
}
- var linkOptionArguments = linkArgumentsBase.slice();
- linkOptionArguments.push(currentIdentifier, currentValue);
- utilityValueLink.href = linkOptionArguments.join('/');
- utilityValueLink.addEventListener("mouseover", function (e) {
- e.stopPropagation();
- Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes(element, type, currentIdentifier, currentValue);
- }, false);
- utilityValueLink.addEventListener("mouseout", function (e) {
- e.stopPropagation();
- Drupal.vlsuite_utility_classes_type_element_restore(element, type, currentIdentifier);
- }, false);
- utilityValueLink.addEventListener("click", function (e) {
- e.preventDefault();
- Drupal.ajax({
- url: e.target.href,
- progress: {
- type: 'fullscreen'
+ Object.keys(
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier].values,
+ ).forEach(function (currentValue) {
+ const utilityListItem = document.createElement('li');
+ let link_title =
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier]
+ .values[currentValue].visual_name;
+ if (link_title === undefined) {
+ link_title =
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier]
+ .values[currentValue];
+ }
+ const utilityValueLink = document.createElement('a');
+ const icon =
+ drupalSettings.vlsuite_utility_classes_map[currentIdentifier]
+ .values[currentValue].icon;
+ if (icon) {
+ let _iconElement$classLis2;
+ const iconElement = document.createElement('span');
+ (_iconElement$classLis2 = iconElement.classList).add.apply(
+ _iconElement$classLis2,
+ _toConsumableArray(
+ drupalSettings.vlsuite_icon_font_map.main_classes.split(' '),
+ ),
+ );
+ if (iconReplacement === 'text') {
+ iconElement.appendChild(document.createTextNode(icon));
+ } else if (iconReplacement === 'class') {
+ iconElement.classList.add(icon);
}
- }).execute();
- }, false);
- utilityListItem.appendChild(utilityValueLink);
- utilityList.appendChild(utilityListItem);
+ utilityValueLink.appendChild(iconElement);
+ }
+ utilityValueLink.appendChild(document.createTextNode(link_title));
+ if (defaults && defaults[currentIdentifier] === currentValue) {
+ console.log('default', currentIdentifier, currentValue);
+ utilityValueLink.classList.add('active');
+ details.classList.add('active'); // Use the details reference directly instead of closest()
+ }
+ const linkOptionArguments = linkArgumentsBase.slice();
+ linkOptionArguments.push(currentIdentifier, currentValue);
+ utilityValueLink.href = linkOptionArguments.join('/');
+ utilityValueLink.addEventListener(
+ 'mouseover',
+ function (e) {
+ e.stopPropagation();
+ Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes(
+ element,
+ type,
+ currentIdentifier,
+ currentValue,
+ );
+ },
+ false,
+ );
+ utilityValueLink.addEventListener(
+ 'mouseout',
+ function (e) {
+ e.stopPropagation();
+ Drupal.vlsuite_utility_classes_type_element_restore(
+ element,
+ type,
+ currentIdentifier,
+ );
+ },
+ false,
+ );
+ utilityValueLink.addEventListener(
+ 'click',
+ function (e) {
+ e.preventDefault();
+ Drupal.ajax({
+ url: e.target.href,
+ progress: {
+ type: 'fullscreen',
+ },
+ }).execute();
+ },
+ false,
+ );
+ utilityListItem.appendChild(utilityValueLink);
+ utilityList.appendChild(utilityListItem);
+ });
});
- });
if (skip) {
return;
}
@@ -196,7 +315,13 @@
if (main.matches(':hover')) {
main.classList.add('active');
}
- Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh(element, overflow, main, arrow, type);
+ Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh(
+ element,
+ overflow,
+ main,
+ arrow,
+ type,
+ );
});
element.addEventListener('mouseleave', function (e) {
@@ -208,202 +333,409 @@
});
if (configureLink) {
- var configLink = document.createElement('a');
- configLink.href = element.closest('[data-vlsuite-utility-classes-configure-url]').dataset.vlsuiteUtilityClassesConfigureUrl + '?' + 'apply-to-filter=' + encodeURIComponent(applyTo) + '&destination=' + encodeURIComponent(window.location.pathname);
+ const configLink = document.createElement('a');
+ configLink.href =
+ `${
+ element.closest('[data-vlsuite-utility-classes-configure-url]')
+ .dataset.vlsuiteUtilityClassesConfigureUrl
+ }?` +
+ `apply-to-filter=${encodeURIComponent(
+ applyTo,
+ )}&destination=${encodeURIComponent(window.location.pathname)}`;
configLink.title = Drupal.t('Configure (apply to scope utilities)');
- configLink.classList.add('vlsuite-utility-classes-live-previewer__configure');
+ configLink.classList.add(
+ 'vlsuite-utility-classes-live-previewer__configure',
+ );
overflow.appendChild(configLink);
}
element.closest('.layout-builder').appendChild(main);
};
Drupal.vlsuite_utility_classes_live_previewer_type_title_map = {
- 'section': Drupal.t('Section'),
- 'region_top': Drupal.t('Top region'),
- 'region_bottom': Drupal.t('Bottom region'),
- 'main_regions': Drupal.t('Main regions'),
- 'media_bg': Drupal.t('Media background'),
- 'row': Drupal.t('All regions'),
- 'block': Drupal.t('Block'),
- 'field': Drupal.t('Field'),
- 'item': Drupal.t('Item')
+ section: Drupal.t('Section'),
+ region_top: Drupal.t('Top region'),
+ region_bottom: Drupal.t('Bottom region'),
+ main_regions: Drupal.t('Main regions'),
+ media_bg: Drupal.t('Media background'),
+ row: Drupal.t('All regions'),
+ block: Drupal.t('Block'),
+ field: Drupal.t('Field'),
+ item: Drupal.t('Item'),
};
Drupal.vlsuite_utility_classes_live_previewer_type_position_map = {
- 'section': ['top', 'top-start'],
- 'region_top': ['right', 'bottom-end'],
- 'region_bottom': ['right', 'bottom-end'],
- 'main_regions': ['right', 'bottom-end'],
- 'media_bg': ['top-start', 'top-end'],
- 'row': ['left', 'bottom-start'],
- 'block': ['bottom'],
- 'field': ['top-start', 'top-end'],
- 'item': ['top-end', 'bottom-end']
+ section: ['top', 'top-start'],
+ region_top: ['right', 'bottom-end'],
+ region_bottom: ['right', 'bottom-end'],
+ main_regions: ['right', 'bottom-end'],
+ media_bg: ['top-start', 'top-end'],
+ row: ['left', 'bottom-start'],
+ block: ['bottom'],
+ field: ['top-start', 'top-end'],
+ item: ['top-end', 'bottom-end'],
};
Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope = {
- 'section': 'self',
- 'region_top': 'region',
- 'region_bottom': 'region',
- 'main_regions': 'section',
- 'media_bg': 'self',
- 'row': 'self',
- 'block': 'self',
- 'field': 'block',
- 'item': 'block'
+ section: 'self',
+ region_top: 'region',
+ region_bottom: 'region',
+ main_regions: 'section',
+ media_bg: 'self',
+ row: 'self',
+ block: 'self',
+ field: 'block',
+ item: 'block',
};
- Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh = function (element, mainWrapperOverflow, mainWrapper, mainWrapperArrow, type) {
- window.FloatingUIDOM.computePosition(element, mainWrapper, {
- placement: Drupal.vlsuite_utility_classes_live_previewer_type_position_map[type][0],
- middleware: [window.FloatingUIDOM.offset(6), window.FloatingUIDOM.flip({
- crossAxis: false,
- fallbackPlacements: Drupal.vlsuite_utility_classes_live_previewer_type_position_map[type]
- }), window.FloatingUIDOM.size({
- apply: function apply(_ref) {
- var availableHeight = _ref.availableHeight;
- Object.assign(mainWrapperOverflow.style, {
- maxHeight: "".concat(availableHeight - 70, "px")
- });
- },
- padding: 10
- }), window.FloatingUIDOM.arrow({
- element: mainWrapperArrow,
- padding: 7
- })]
- }).then(function (_ref2) {
- var x = _ref2.x,
- y = _ref2.y,
- placement = _ref2.placement,
- middlewareData = _ref2.middlewareData;
- Object.assign(mainWrapper.style, {
- top: "".concat(y, "px"),
- left: "".concat(x, "px")
+ Drupal.vlsuite_utility_classes_live_previewer_type_position_refresh =
+ function (
+ element,
+ mainWrapperOverflow,
+ mainWrapper,
+ mainWrapperArrow,
+ type,
+ ) {
+ window.FloatingUIDOM.computePosition(element, mainWrapper, {
+ placement:
+ Drupal.vlsuite_utility_classes_live_previewer_type_position_map[
+ type
+ ][0],
+ middleware: [
+ window.FloatingUIDOM.offset(6),
+ window.FloatingUIDOM.flip({
+ crossAxis: false,
+ fallbackPlacements:
+ Drupal.vlsuite_utility_classes_live_previewer_type_position_map[
+ type
+ ],
+ }),
+ window.FloatingUIDOM.size({
+ apply: function apply(_ref) {
+ const availableHeight = _ref.availableHeight;
+ Object.assign(mainWrapperOverflow.style, {
+ maxHeight: ''.concat(availableHeight - 70, 'px'),
+ });
+ },
+ padding: 10,
+ }),
+ window.FloatingUIDOM.arrow({
+ element: mainWrapperArrow,
+ padding: 7,
+ }),
+ ],
+ }).then(function (_ref2) {
+ const x = _ref2.x;
+ const y = _ref2.y;
+ const placement = _ref2.placement;
+ const middlewareData = _ref2.middlewareData;
+ Object.assign(mainWrapper.style, {
+ top: ''.concat(y, 'px'),
+ left: ''.concat(x, 'px'),
+ });
+ const _middlewareData$arrow = middlewareData.arrow;
+ const arrowX = _middlewareData$arrow.x;
+ const arrowY = _middlewareData$arrow.y;
+ const staticSide = {
+ top: 'bottom',
+ right: 'left',
+ bottom: 'top',
+ left: 'right',
+ }[placement.split('-')[0]];
+ Object.assign(
+ mainWrapperArrow.style,
+ _defineProperty(
+ {
+ left: arrowX !== null ? ''.concat(arrowX, 'px') : '',
+ top: arrowY !== null ? ''.concat(arrowY, 'px') : '',
+ right: '',
+ bottom: '',
+ },
+ staticSide,
+ ''.concat(-mainWrapperArrow.offsetWidth / 2, 'px'),
+ ),
+ );
});
- var _middlewareData$arrow = middlewareData.arrow,
- arrowX = _middlewareData$arrow.x,
- arrowY = _middlewareData$arrow.y;
- var staticSide = {
- top: 'bottom',
- right: 'left',
- bottom: 'top',
- left: 'right'
- }[placement.split('-')[0]];
- Object.assign(mainWrapperArrow.style, _defineProperty({
- left: arrowX !== null ? "".concat(arrowX, "px") : '',
- top: arrowY !== null ? "".concat(arrowY, "px") : '',
- right: '',
- bottom: ''
- }, staticSide, "".concat(-mainWrapperArrow.offsetWidth / 2, "px")));
- });
- };
- Drupal.vlsuite_utility_classes_type_element_setDefaults = function (element, type) {
+ };
+ Drupal.vlsuite_utility_classes_type_element_setDefaults = function (
+ element,
+ type,
+ ) {
element.dataset.originalClasses = element.classList.value;
- if (type === 'main_regions' || Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'region') {
- element.querySelector('[data-region]').dataset.originalClasses = element.querySelector('[data-region]').classList.value;
+ if (
+ type === 'main_regions' ||
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'region'
+ ) {
+ element.querySelector('[data-region]').dataset.originalClasses =
+ element.querySelector('[data-region]').classList.value;
}
};
- Drupal.vlsuite_utility_classes_type_element_restore = function (element, type, identifier) {
- var isColumnWidths = identifier.includes(':column_widths');
- if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'self') {
+ Drupal.vlsuite_utility_classes_type_element_restore = function (
+ element,
+ type,
+ identifier,
+ ) {
+ const isColumnWidths = identifier.includes(':column_widths');
+ if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'self'
+ ) {
element.classList = element.dataset.originalClasses;
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'block') {
- element.closest('[data-layout-block-uuid]').querySelectorAll('[data-vlsuite-utility-classes-live-previewer-apply-to="' + element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo + '"]').forEach(function (groupelement, index) {
- groupelement.classList = groupelement.dataset.originalClasses;
- });
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'region') {
- element.querySelector('[data-region]').classList = element.querySelector('[data-region]').dataset.originalClasses;
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'section') {
- element.closest('[data-layout-delta]').querySelectorAll('[data-vlsuite-utility-classes-live-previewer-apply-to="' + element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo + '"]').forEach(function (groupelement, index) {
- if (type === 'main_regions' && !isColumnWidths) {
- groupelement.querySelector('[data-region]').classList = groupelement.querySelector('[data-region]').dataset.originalClasses;
- } else {
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'block'
+ ) {
+ element
+ .closest('[data-layout-block-uuid]')
+ .querySelectorAll(
+ `[data-vlsuite-utility-classes-live-previewer-apply-to="${
+ element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo
+ }"]`,
+ )
+ .forEach(function (groupelement, index) {
groupelement.classList = groupelement.dataset.originalClasses;
- }
- });
+ });
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'region'
+ ) {
+ element.querySelector('[data-region]').classList =
+ element.querySelector('[data-region]').dataset.originalClasses;
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'section'
+ ) {
+ element
+ .closest('[data-layout-delta]')
+ .querySelectorAll(
+ `[data-vlsuite-utility-classes-live-previewer-apply-to="${
+ element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo
+ }"]`,
+ )
+ .forEach(function (groupelement, index) {
+ if (type === 'main_regions' && !isColumnWidths) {
+ groupelement.querySelector('[data-region]').classList =
+ groupelement.querySelector(
+ '[data-region]',
+ ).dataset.originalClasses;
+ } else {
+ groupelement.classList = groupelement.dataset.originalClasses;
+ }
+ });
}
};
- Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes = function (element, type, identifier, value) {
- var isColumnWidths = identifier.includes(':column_widths');
- var classes;
- if (isColumnWidths) {
- classes = {};
- var auto_classes = [];
- if (value.includes('auto')) {
- auto_classes = drupalSettings.vlsuite_utility_classes_map['column_widths']['auto'];
- }
- value.split('-').forEach(function (columnWidthValue, columnWidthIndex) {
- if (columnWidthValue !== 'auto') {
- classes[columnWidthValue] = drupalSettings.vlsuite_utility_classes_map['column_widths'][columnWidthValue].concat(auto_classes);
+ Drupal.vlsuite_utility_classes_live_previewer_type_element_apply_classes =
+ function (element, type, identifier, value) {
+ const isColumnWidths = identifier.includes(':column_widths');
+ let classes;
+ if (isColumnWidths) {
+ classes = {};
+ let auto_classes = [];
+ if (value.includes('auto')) {
+ auto_classes =
+ drupalSettings.vlsuite_utility_classes_map.column_widths.auto;
}
- });
- } else {
- classes = value.length ? drupalSettings.vlsuite_utility_classes_map[identifier].values[value].classes : null;
- }
- if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'self') {
- var defaults = element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined ? JSON.parse(element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults) : false;
- if (defaults && defaults[identifier] !== undefined) {
- var _element$classList;
- (_element$classList = element.classList).remove.apply(_element$classList, _toConsumableArray(drupalSettings.vlsuite_utility_classes_map[identifier].values[defaults[identifier]].classes));
- }
- if (classes !== null) {
- var _element$classList2;
- (_element$classList2 = element.classList).add.apply(_element$classList2, _toConsumableArray(classes));
+ value.split('-').forEach(function (columnWidthValue, columnWidthIndex) {
+ if (columnWidthValue !== 'auto') {
+ classes[columnWidthValue] =
+ drupalSettings.vlsuite_utility_classes_map.column_widths[
+ columnWidthValue
+ ].concat(auto_classes);
+ }
+ });
+ } else {
+ classes = value.length
+ ? drupalSettings.vlsuite_utility_classes_map[identifier].values[value]
+ .classes
+ : null;
}
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'block') {
- element.closest('[data-layout-block-uuid]').querySelectorAll('[data-vlsuite-utility-classes-live-previewer-apply-to="' + element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo + '"]').forEach(function (groupelement, index) {
- var defaults = groupelement.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined ? JSON.parse(groupelement.dataset.vlsuiteUtilityClassesLivePreviewerDefaults) : false;
+ if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'self'
+ ) {
+ var defaults =
+ element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !==
+ undefined
+ ? JSON.parse(
+ element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults,
+ )
+ : false;
if (defaults && defaults[identifier] !== undefined) {
- var _groupelement$classLi;
- (_groupelement$classLi = groupelement.classList).remove.apply(_groupelement$classLi, _toConsumableArray(drupalSettings.vlsuite_utility_classes_map[identifier].values[defaults[identifier]].classes));
+ let _element$classList;
+ (_element$classList = element.classList).remove.apply(
+ _element$classList,
+ _toConsumableArray(
+ drupalSettings.vlsuite_utility_classes_map[identifier].values[
+ defaults[identifier]
+ ].classes,
+ ),
+ );
}
if (classes !== null) {
- var _groupelement$classLi2;
- (_groupelement$classLi2 = groupelement.classList).add.apply(_groupelement$classLi2, _toConsumableArray(classes));
+ let _element$classList2;
+ (_element$classList2 = element.classList).add.apply(
+ _element$classList2,
+ _toConsumableArray(classes),
+ );
}
- });
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'region') {
- var defaults = element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined ? JSON.parse(element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults) : false;
- if (defaults && defaults[identifier] !== undefined) {
- var _element$querySelector;
- (_element$querySelector = element.querySelector('[data-region]').classList).remove.apply(_element$querySelector, _toConsumableArray(drupalSettings.vlsuite_utility_classes_map[identifier].values[defaults[identifier]].classes));
- }
- if (classes !== null) {
- var _element$querySelector2;
- (_element$querySelector2 = element.querySelector('[data-region]').classList).add.apply(_element$querySelector2, _toConsumableArray(classes));
- }
- } else if (Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] === 'section') {
- element.closest('[data-layout-delta]').querySelectorAll('[data-vlsuite-utility-classes-live-previewer-apply-to="' + element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo + '"]').forEach(function (groupelement, index) {
- var defaults = groupelement.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !== undefined ? JSON.parse(groupelement.dataset.vlsuiteUtilityClassesLivePreviewerDefaults) : false;
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'block'
+ ) {
+ element
+ .closest('[data-layout-block-uuid]')
+ .querySelectorAll(
+ `[data-vlsuite-utility-classes-live-previewer-apply-to="${
+ element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo
+ }"]`,
+ )
+ .forEach(function (groupelement, index) {
+ const defaults =
+ groupelement.dataset
+ .vlsuiteUtilityClassesLivePreviewerDefaults !== undefined
+ ? JSON.parse(
+ groupelement.dataset
+ .vlsuiteUtilityClassesLivePreviewerDefaults,
+ )
+ : false;
+ if (defaults && defaults[identifier] !== undefined) {
+ let _groupelement$classLi;
+ (_groupelement$classLi = groupelement.classList).remove.apply(
+ _groupelement$classLi,
+ _toConsumableArray(
+ drupalSettings.vlsuite_utility_classes_map[identifier].values[
+ defaults[identifier]
+ ].classes,
+ ),
+ );
+ }
+ if (classes !== null) {
+ let _groupelement$classLi2;
+ (_groupelement$classLi2 = groupelement.classList).add.apply(
+ _groupelement$classLi2,
+ _toConsumableArray(classes),
+ );
+ }
+ });
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'region'
+ ) {
+ var defaults =
+ element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults !==
+ undefined
+ ? JSON.parse(
+ element.dataset.vlsuiteUtilityClassesLivePreviewerDefaults,
+ )
+ : false;
if (defaults && defaults[identifier] !== undefined) {
- if (isColumnWidths) {
- var classesDefault = {};
- defaults[identifier].split('-').forEach(function (columnWidthValue, columnWidthIndex) {
- var _groupelement$classLi3;
- classesDefault[columnWidthValue] = drupalSettings.vlsuite_utility_classes_map['column_widths'][columnWidthValue];
- (_groupelement$classLi3 = groupelement.classList).remove.apply(_groupelement$classLi3, _toConsumableArray(classesDefault[columnWidthValue]));
- });
- } else if (type === 'main_regions') {
- var _groupelement$querySe;
- (_groupelement$querySe = groupelement.querySelector('[data-region]').classList).remove.apply(_groupelement$querySe, _toConsumableArray(drupalSettings.vlsuite_utility_classes_map[identifier].values[defaults[identifier]].classes));
- } else {
- var _groupelement$classLi4;
- (_groupelement$classLi4 = groupelement.classList).remove.apply(_groupelement$classLi4, _toConsumableArray(drupalSettings.vlsuite_utility_classes_map[identifier].values[defaults[identifier]].classes));
- }
+ let _element$querySelector;
+ (_element$querySelector =
+ element.querySelector('[data-region]').classList).remove.apply(
+ _element$querySelector,
+ _toConsumableArray(
+ drupalSettings.vlsuite_utility_classes_map[identifier].values[
+ defaults[identifier]
+ ].classes,
+ ),
+ );
}
if (classes !== null) {
- if (isColumnWidths) {
- value.split('-').forEach(function (columnWidthValue, columnWidthIndex) {
- if (columnWidthIndex === index) {
- var _groupelement$classLi5;
- (_groupelement$classLi5 = groupelement.classList).add.apply(_groupelement$classLi5, _toConsumableArray(classes[columnWidthValue]));
- }
- });
- } else if (type === 'main_regions') {
- var _groupelement$querySe2;
- (_groupelement$querySe2 = groupelement.querySelector('[data-region]').classList).add.apply(_groupelement$querySe2, _toConsumableArray(classes));
- } else {
- var _groupelement$classLi6;
- (_groupelement$classLi6 = groupelement.classList).add.apply(_groupelement$classLi6, _toConsumableArray(classes));
- }
+ let _element$querySelector2;
+ (_element$querySelector2 =
+ element.querySelector('[data-region]').classList).add.apply(
+ _element$querySelector2,
+ _toConsumableArray(classes),
+ );
}
- });
- }
- };
+ } else if (
+ Drupal.vlsuite_utility_classes_live_previewer_type_apply_scope[type] ===
+ 'section'
+ ) {
+ element
+ .closest('[data-layout-delta]')
+ .querySelectorAll(
+ `[data-vlsuite-utility-classes-live-previewer-apply-to="${
+ element.dataset.vlsuiteUtilityClassesLivePreviewerApplyTo
+ }"]`,
+ )
+ .forEach(function (groupelement, index) {
+ const defaults =
+ groupelement.dataset
+ .vlsuiteUtilityClassesLivePreviewerDefaults !== undefined
+ ? JSON.parse(
+ groupelement.dataset
+ .vlsuiteUtilityClassesLivePreviewerDefaults,
+ )
+ : false;
+ if (defaults && defaults[identifier] !== undefined) {
+ if (isColumnWidths) {
+ const classesDefault = {};
+ defaults[identifier]
+ .split('-')
+ .forEach(function (columnWidthValue, columnWidthIndex) {
+ let _groupelement$classLi3;
+ classesDefault[columnWidthValue] =
+ drupalSettings.vlsuite_utility_classes_map.column_widths[
+ columnWidthValue
+ ];
+ (_groupelement$classLi3 =
+ groupelement.classList).remove.apply(
+ _groupelement$classLi3,
+ _toConsumableArray(classesDefault[columnWidthValue]),
+ );
+ });
+ } else if (type === 'main_regions') {
+ let _groupelement$querySe;
+ (_groupelement$querySe =
+ groupelement.querySelector(
+ '[data-region]',
+ ).classList).remove.apply(
+ _groupelement$querySe,
+ _toConsumableArray(
+ drupalSettings.vlsuite_utility_classes_map[identifier]
+ .values[defaults[identifier]].classes,
+ ),
+ );
+ } else {
+ let _groupelement$classLi4;
+ (_groupelement$classLi4 = groupelement.classList).remove.apply(
+ _groupelement$classLi4,
+ _toConsumableArray(
+ drupalSettings.vlsuite_utility_classes_map[identifier]
+ .values[defaults[identifier]].classes,
+ ),
+ );
+ }
+ }
+ if (classes !== null) {
+ if (isColumnWidths) {
+ value
+ .split('-')
+ .forEach(function (columnWidthValue, columnWidthIndex) {
+ if (columnWidthIndex === index) {
+ let _groupelement$classLi5;
+ (_groupelement$classLi5 =
+ groupelement.classList).add.apply(
+ _groupelement$classLi5,
+ _toConsumableArray(classes[columnWidthValue]),
+ );
+ }
+ });
+ } else if (type === 'main_regions') {
+ let _groupelement$querySe2;
+ (_groupelement$querySe2 =
+ groupelement.querySelector(
+ '[data-region]',
+ ).classList).add.apply(
+ _groupelement$querySe2,
+ _toConsumableArray(classes),
+ );
+ } else {
+ let _groupelement$classLi6;
+ (_groupelement$classLi6 = groupelement.classList).add.apply(
+ _groupelement$classLi6,
+ _toConsumableArray(classes),
+ );
+ }
+ }
+ });
+ }
+ };
})(Drupal, drupalSettings, once, window);
diff --git a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-previewer.js b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-previewer.js
index 61dd4597729fbc366348c7073c3b6f4f7bfa779f..8c18ae9df9253b07630a39c97e41e491a72da96e 100644
--- a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-previewer.js
+++ b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-previewer.js
@@ -1,30 +1,35 @@
(function ($, Drupal, once, window) {
Drupal.behaviors.vlsuite_utility_classes_previewer = {
attach(context) {
- once('vlsuite-utility-classes__previewer', '.vlsuite-utility-classes .vlsuite-utility-classes__previewer', context).forEach(utilityClassesPreviewer);
- }
+ once(
+ 'vlsuite-utility-classes__previewer',
+ '.vlsuite-utility-classes .vlsuite-utility-classes__previewer',
+ context,
+ ).forEach(utilityClassesPreviewer);
+ },
};
/**
* Utility classes previewer.
*/
function utilityClassesPreviewer(previewBox) {
- var appliedKeysClasses = {};
- $('.vlsuite-utility-classes .vlsuite-utility-classes__previewer-option').change(function (e) {
- var utilityClasses = $(event.target).data('class');
- var classToApply = String(utilityClasses[event.target.value]);
- var classesKey = $(event.target).data('class-key');
+ const appliedKeysClasses = {};
+ $(
+ '.vlsuite-utility-classes .vlsuite-utility-classes__previewer-option',
+ ).change(function (e) {
+ const utilityClasses = $(event.target).data('class');
+ const classToApply = String(utilityClasses[event.target.value]);
+ const classesKey = $(event.target).data('class-key');
if (classToApply && classToApply.length) {
if (appliedKeysClasses[classesKey] !== undefined) {
$(previewBox).removeClass(appliedKeysClasses[classesKey]);
}
appliedKeysClasses[classesKey] = classToApply;
$(previewBox).addClass(classToApply);
- }
- else {
+ } else {
$(previewBox).removeClass(appliedKeysClasses[classesKey]);
delete appliedKeysClasses[classesKey];
}
});
}
-}(jQuery, Drupal, once, window));
+})(jQuery, Drupal, once, window);
diff --git a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-settings-form.js b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-settings-form.js
index e067d2f6c1d6f297286a297d3dd666f395d25de3..6f45821147dde921cb01e5ce735280b21183b746 100644
--- a/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-settings-form.js
+++ b/modules/vlsuite_utility_classes/js/vlsuite-utility-classes-settings-form.js
@@ -1,28 +1,42 @@
(function ($, Drupal, once, window) {
-
Drupal.vlsuite_utility_classes_settings_form_apply_to_filter = null;
Drupal.behaviors.vlsuite_utility_classes_settings_form = {
attach(context) {
- once('vlsuite-utility-classes-settings-form-apply-to-filter', '.vlsuite-utility-classes-settings-form-apply-to-wrapper', context).forEach(applyToFilter);
- }
+ once(
+ 'vlsuite-utility-classes-settings-form-apply-to-filter',
+ '.vlsuite-utility-classes-settings-form-apply-to-wrapper',
+ context,
+ ).forEach(applyToFilter);
+ },
};
/**
* Utility classes settings form apply to filter.
*/
function applyToFilter(applyToFilter) {
- var apply_to_filter = Drupal.vlsuite_utility_classes_settings_form_apply_to_filter || calcApplyToFilterValue();
+ const apply_to_filter =
+ Drupal.vlsuite_utility_classes_settings_form_apply_to_filter ||
+ calcApplyToFilterValue();
if (apply_to_filter !== null) {
- applyToFilter.querySelectorAll('input[type="checkbox"]:not([value="' + apply_to_filter + '"])').forEach(function (checkbox) {
- checkbox.parentNode.style.display = 'none';
- });
+ applyToFilter
+ .querySelectorAll(
+ `input[type="checkbox"]:not([value="${apply_to_filter}"])`,
+ )
+ .forEach(function (checkbox) {
+ checkbox.parentNode.style.display = 'none';
+ });
}
function calcApplyToFilterValue() {
- var apply_to_filter_raw = new RegExp('[\?&]apply-to-filter=([^&#]*)').exec(window.location.href);
- Drupal.vlsuite_utility_classes_settings_form_apply_to_filter = apply_to_filter_raw !== null ? (decodeURIComponent(apply_to_filter_raw[1]) || null) : null;
+ const apply_to_filter_raw = new RegExp(
+ '[\?&]apply-to-filter=([^&#]*)',
+ ).exec(window.location.href);
+ Drupal.vlsuite_utility_classes_settings_form_apply_to_filter =
+ apply_to_filter_raw !== null
+ ? decodeURIComponent(apply_to_filter_raw[1]) || null
+ : null;
return Drupal.vlsuite_utility_classes_settings_form_apply_to_filter;
}
}
-}(jQuery, Drupal, once, window));
+})(jQuery, Drupal, once, window);