Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
_init() {
tns({
container: '#gallery',
items: 1,
mode: 'gallery',
navContainer: '#customize-thumbnails',
navAsThumbnails: true,
autoHeight: true
});
}
_initSlider() {
this.el.classList.add(this.options.initializedCls);
const container = this.el.querySelector(this.options.containerSelector);
const controlsContainer = this.el.querySelector(this.options.controlsSelector);
const onInit = () => {
PluginManager.initializePlugins();
this.$emitter.publish('initSlider');
};
if (container) {
if (this._sliderSettings.enabled) {
container.style.display = '';
this._slider = tns({
container,
controlsContainer,
onInit,
...this._sliderSettings,
});
} else {
container.style.display = 'none';
}
}
this.$emitter.publish('afterInitSlider');
}
}
}
if (navContainer) {
const thumbnailControls = this.el.querySelector(this.options.thumbnailControlsSelector);
const onInitThumbnails = () => {
this._initDots();
this.$emitter.publish('initThumbnailSlider');
};
if (this._thumbnailSliderSettings.enabled) {
navContainer.style.display = '';
this._thumbnailSlider = tns({
container: navContainer,
controlsContainer: thumbnailControls,
onInit: onInitThumbnails,
...this._thumbnailSliderSettings,
});
} else {
navContainer.style.display = 'none';
}
}
this.$emitter.publish('afterInitSlider');
}
}
_initSlider() {
this.el.classList.add(this.options.initializedCls);
const container = this.el.querySelector(this.options.containerSelector);
const controlsContainer = this.el.querySelector(this.options.controlsSelector);
const onInit = () => {
PluginManager.initializePlugins();
this.$emitter.publish('initSlider');
};
if (container) {
if (this._sliderSettings.enabled) {
container.style.display = '';
this._slider = tns({
container,
controlsContainer,
onInit,
...this._sliderSettings,
});
} else {
container.style.display = 'none';
}
}
this.$emitter.publish('afterInitSlider');
}
const container = this.el.querySelector(this.options.containerSelector);
const navContainer = this.el.querySelector(this.options.thumbnailsSelector);
const controlsContainer = this.el.querySelector(this.options.controlsSelector);
if (container) {
const onInit = () => {
PluginManager.initializePlugin('Magnifier', '[data-magnifier]');
PluginManager.initializePlugin('ZoomModal', '[data-zoom-modal]');
this.$emitter.publish('initGallerySlider');
};
if (this._sliderSettings.enabled) {
container.style.display = '';
this._slider = tns({
container,
controlsContainer,
navContainer,
onInit,
...this._sliderSettings,
});
} else {
container.style.display = 'none';
}
}
if (navContainer) {
const thumbnailControls = this.el.querySelector(this.options.thumbnailControlsSelector);
const onInitThumbnails = () => {
this._initDots();