Skip to content
Snippets Groups Projects

Resolve #3517944 "Solve coding standards"

Files
10
(function (drupalSettings, Drupal, once, window) {
(function (drupalSettings, Drupal, once, window) {
Drupal.behaviors.vlsuite_animations_previewer = {
Drupal.behaviors.vlsuite_animations_previewer = {
attach(context) {
attach(context) {
once('vlsuite-animations__previewer', '.vlsuite-animations', context).forEach(animationsPreviewer);
once(
}
'vlsuite-animations__previewer',
 
'.vlsuite-animations',
 
context,
 
).forEach(animationsPreviewer);
 
},
};
};
/**
/**
* Animations previewer.
* Animations previewer.
*/
*/
function animationsPreviewer(previewWrapper) {
function animationsPreviewer(previewWrapper) {
var previewerBox = previewWrapper.querySelector('.vlsuite-animations__previewer');
const previewerBox = previewWrapper.querySelector(
var previewerOptions = previewWrapper.querySelectorAll('.vlsuite-animations__previewer-option').forEach(function (previewerOption) {
'.vlsuite-animations__previewer',
previewerOption.addEventListener('input', function (event) {
);
if (event.target.value) {
const previewerOptions = previewWrapper
previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['is_playing_classes'].split(' '));
.querySelectorAll('.vlsuite-animations__previewer-option')
previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['main_classes'].split(' '));
.forEach(function (previewerOption) {
previewerBox.classList.add(...drupalSettings.vlsuite_animations_map['animations'][event.target.value].split(' '));
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) {
previewerBox.addEventListener('animationend', function (e) {
e.target.classList.remove(...e.target.classList);
e.target.classList.remove(...e.target.classList);
e.target.classList.add('vlsuite-animations__previewer');
e.target.classList.add('vlsuite-animations__previewer');
@@ -28,4 +46,4 @@
@@ -28,4 +46,4 @@
e.target.classList.add('vlsuite-animations__previewer');
e.target.classList.add('vlsuite-animations__previewer');
});
});
}
}
}(drupalSettings, Drupal, once, window));
})(drupalSettings, Drupal, once, window);
Loading