grapesjs-lory-slider/src/constants.js

GrapesJS Slider Component

const prefix = 'lory-';
const sliderName = `${prefix}slider`;
const slideName = `${prefix}slide`;
const slidesName = `${prefix}slides`;
const frameName = `${prefix}frame`;
const prevName = `${prefix}prev`;
const nextName = `${prefix}next`;

export default {
  sliderName,
  slideName,
  slidesName,
  prevName,
  nextName,
  frameName,

  // Selectors
  sliderSelector: `[data-${sliderName}]`,
  slidesSelector: `[data-${slidesName}]`,
  slideSelector: `[data-${slideName}]`,
  prevSelector: `[data-${prevName}]`,
  nextSelector: `[data-${nextName}]`,
  frameSelector: `[data-${frameName}]`,

  // IDs
  sliderId: `data-${sliderName}`,
  slideId: `data-${slideName}`,
  slidesId: `data-${slidesName}`,
  prevId: `data-${prevName}`,
  nextId: `data-${nextName}`,
  frameId: `data-${frameName}`,
}