@versoly/plugins 0.0.1

package/dist/index.mjs

@@ -0,0 +1,1033 @@
+// src/config.ts
+var defineConfig = (config) => {
+  return config;
+};
+
+// src/plugins/headroom.ts
+var headroom = defineConfig({
+  name: "Headroom",
+  cdnUrls: [
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/headroom/0.12.0/headroom.min.js",
+      inline: false,
+      defer: true
+    }
+  ],
+  js: `window.vGetElementsByToggle('headroom').forEach((elem, index) => {
+  let options = window.vGetElementOptions(elem);
+
+  var headroom  = new Headroom(elem, {
+    classes: {
+      pinned: "d-block block",
+      unpinned: 'd-none hidden'
+    },
+    ...options
+  });
+
+  headroom.init();
+});`,
+  checks: [{ plugin: "headroom" }],
+  components: []
+});
+
+// src/plugins/marquee.ts
+var src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+var marquee = defineConfig({
+  name: "Marquee",
+  options: {
+    name: "Marquee",
+    previewInEditor: true,
+    isShown: {
+      props: {
+        "data-toggle": "marquee"
+      }
+    },
+    fields: [
+      {
+        name: "Loop",
+        type: "BooleanPropOption",
+        propsName: "data-options.loop",
+        defaultValue: true,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Duration",
+        type: "SliderPropOption",
+        propsName: "data-options.duration",
+        min: 1,
+        max: 20,
+        stepSize: 1,
+        defaultValue: 5
+      },
+      {
+        name: "Direction",
+        type: "IconButtonOption",
+        propsName: "data-options.direction",
+        options: ["ltr", "rtl", "ttb", "btt"],
+        defaultValue: "ltr"
+      },
+      {
+        name: "Pauseable",
+        type: "BooleanPropOption",
+        propsName: "data-options.pauseable",
+        defaultValue: true
+      },
+      {
+        name: "Iterations",
+        type: "SliderPropOption",
+        propsName: "data-options.iterations",
+        min: 1,
+        max: 5,
+        stepSize: 1,
+        defaultValue: 1,
+        enabledValue: 1,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      }
+    ]
+  },
+  checks: [{ plugin: "marquee" }],
+  src,
+  cdnUrls: [
+    {
+      url: src,
+      defer: true
+    }
+  ],
+  js: `window.vMarquees = [];
+window.vGetElementsByToggle('marquee').forEach((elem, index) => {
+  const options = window.vGetElementOptions(elem);
+  const marquee = new Marquee(elem, options);
+  elem.setAttribute('data-marquee-index', index);
+  window.vMarquees.push(elem);
+});`,
+  displayNames: [
+    {
+      displayName: "Marquee",
+      property: "data-toggle",
+      value: "marquee"
+    }
+  ]
+});
+
+// src/plugins/swiper.ts
+var js = `
+window.vSwipers = [];
+window.vGetElementsByToggle('swiper').forEach((elem, index) => {
+  let props = window.vGetElementOptions(elem);
+
+  if (props.pagination && props.pagination.renderBullet === 'number') {
+    props.pagination.renderBullet = function(index, className) {
+      const span = document.createElement('span');
+      span.className = className;
+      span.textContent = index + 1;
+      return span.outerHTML;
+    }
+  }
+
+  elem.setAttribute('data-swiper-index', index);
+  window.vSwipers.push(new Swiper(elem, props));
+});`;
+var swiper = defineConfig({
+  name: "Swiper",
+  cdnUrls: [
+    {
+      url: `https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.3.2/swiper-bundle.min.js`,
+      inline: false,
+      defer: true
+    },
+    {
+      url: `https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.3.2/swiper-bundle.min.css`
+    }
+  ],
+  js,
+  checks: [{ plugin: "swiper" }]
+});
+
+// src/plugins/prism.ts
+var prism = defineConfig({
+  name: "Prism",
+  cdnUrls: [
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.css"
+    },
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js"
+    },
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/autoloader/prism-autoloader.min.js"
+    },
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.js"
+    }
+  ],
+  js: `
+document.querySelectorAll("pre > code[class^='language-']").forEach((elem) => {
+  elem.parentNode.innerHTML = elem.parentNode.innerHTML.trim();
+});
+
+let themeLink = window.vPrismTheme !== undefined ? window.vPrismTheme : 'default';
+
+if (themeLink === 'default') {
+  themeLink = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/themes/prism.min.css';
+} else if (themeLink && !themeLink.includes('https://')) {
+  themeLink = 'https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-' + themeLink + '.min.css';
+}
+
+if (themeLink && themeLink.includes('https://')) {
+  const link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.href = themeLink;
+  document.head.appendChild(link);
+}
+
+window.addEventListener('load', () => {
+  window.Prism && window.Prism.highlightAll();
+});`,
+  checks: [{ html: "prism" }]
+});
+
+// src/plugins/tailtip.ts
+var js2 = `window.vTailtips = [];
+
+document.querySelectorAll('[data-toggle="tooltip"]').forEach((elem) => {
+  const tailtip = Tailtip(elem, window.vGetElementOptions(elem));
+  window.vTailtips.push(tailtip);
+});`;
+var tailtip = defineConfig({
+  name: "Tailtip",
+  src: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.0.3/tailtip.js",
+  cdnUrls: [
+    {
+      url: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.0.3/tailtip.js",
+      defer: true
+    }
+  ],
+  js: js2,
+  checks: [{ plugin: "tailtip" }],
+  components: [
+    {
+      name: "Info Tooltip",
+      category: "Plugins",
+      html: `<span class="flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium" data-toggle="tooltip">i</span>
+<div class="tooltip" role="tooltip">
+    <div class="tooltip-inner">
+        <span>This is a tooltip that is shown when hovered or clicked.</span>
+    </div>
+    <div class="tooltip-arrow"></div>
+</div>`
+    }
+  ],
+  options: {
+    name: "Tailtip Options",
+    // isShown: (element) => element['data-toggle'] === 'tooltip',
+    isShown: {
+      props: {
+        "data-toggle": "tooltip"
+      }
+    },
+    previewInEditor: true,
+    fields: [
+      {
+        name: "tailtip",
+        type: "TailtipOption"
+      },
+      {
+        name: "Placement",
+        propsName: "data-options.placement",
+        type: "DropdownPropOption",
+        inline: true,
+        noneDisplayValue: "Default",
+        options: [false, "top", "bottom", "left", "right"]
+      }
+    ]
+  }
+});
+
+// src/plugins/taos.ts
+var js3 = `!function(){const e=(e,t)=>{let s=!1;return()=>{s||(e(),s=!0,setTimeout((()=>s=!1),t))}},t=e=>{e.className!==e.dataset.taosClass&&(e.className=e.dataset.taosClass)},s=e=>e.className=e.className.replaceAll("taos:",""),a=e=>(e.className.includes("taos-init")||(e.dataset.taosClass=e.className+" taos-init",t(e)),e.className+=" !duration-[0ms] !delay-[0ms]",s(e),{element:e,once:"1"===getComputedStyle(e)["animation-iteration-count"],offset:parseInt(e.dataset.taosOffset||0)});let n=[],i=window.innerWidth,o=window.scrollY;const l=e((()=>{n.forEach((e=>e.trigger=e.element.getBoundingClientRect().top-window.innerHeight+e.offset+o))}),250),r=()=>{n=[],document.querySelectorAll('[class*="taos"]').forEach((e=>n.push(a(e)))),l(),requestAnimationFrame(c)},c=()=>{o=window.scrollY,n.forEach((({element:e,trigger:a,once:n})=>{a<o?t(e):!n&&e.className.includes("taos:")&&s(e)})),l()};r(),addEventListener("scroll",e(c,32)),addEventListener("orientationchange",r),addEventListener("resize",((e,t)=>{let s=null;return()=>{clearTimeout(s),s=setTimeout(e,t)}})((()=>{i!==window.innerWidth&&(i=window.innerWidth,r())}),250)),new MutationObserver((e=>{e.forEach((({target:e})=>{e.className&&!e.className.includes("taos-init")&&e.className.includes("taos:")&&n.push(a(e))}))})).observe(document,{attributes:!0,childList:!0,subtree:!0})}();`;
+var taos = defineConfig({
+  name: "TAOS",
+  css: `
+html.js :where([class*="taos:"]:not(.taos-init)) {
+    visibility: hidden;
+}`,
+  js: js3,
+  checks: [{ plugin: "taos" }, { html: "taos:" }],
+  safelist: ["!duration-[0ms]", "!delay-[0ms]"]
+});
+
+// src/plugins/tilt.ts
+var js4 = `window.vTilts = [];
+window.vGetElementsByToggle('tilt').forEach((tiltEle, index) => {
+  const options = window.vGetElementOptions(elem);
+  VanillaTilt.init(tiltEle, options)
+  tiltEle.setAttribute('data-tilt-index', index);
+  window.vTilts.push(tiltEle);
+});`;
+var tilt = defineConfig({
+  name: "Tilt",
+  options: {
+    name: "Tilt",
+    previewInEditor: true,
+    isShown: {
+      props: {
+        "data-toggle": "tilt"
+      }
+    },
+    fields: [
+      {
+        name: "Speed",
+        type: "SliderPropOption",
+        propsName: "data-options.speed",
+        min: 0,
+        max: 3e3,
+        stepSize: 100,
+        defaultValue: 300
+      },
+      {
+        name: "Max Tilt",
+        type: "SliderPropOption",
+        propsName: "data-options.max",
+        min: 0,
+        max: 180,
+        stepSize: 1,
+        defaultValue: 35
+      },
+      {
+        name: "Reverse",
+        type: "BooleanPropOption",
+        propsName: "data-options.reverse",
+        defaultValue: false,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Transition",
+        type: "BooleanPropOption",
+        propsName: "data-options.transition",
+        defaultValue: true,
+        enabledValue: false,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        label: "Easing",
+        name: "Easing",
+        propsName: "data-options.easing",
+        type: "TextOption",
+        defaultValue: "cubic-bezier(.03,.98,.52,.99)",
+        enabledValue: "cubic-bezier(.03,.98,.52,.99)",
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Full Page Listening",
+        type: "BooleanPropOption",
+        propsName: "data-options.full-page-listening",
+        defaultValue: false,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Start X",
+        type: "SliderPropOption",
+        propsName: "data-options.startX",
+        min: 0,
+        max: 180,
+        stepSize: 1,
+        defaultValue: 0,
+        enabledValue: 15,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Start Y",
+        type: "SliderPropOption",
+        propsName: "data-options.startY",
+        min: 0,
+        max: 180,
+        stepSize: 1,
+        defaultValue: 0,
+        enabledValue: 15,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Perspective",
+        type: "SliderPropOption",
+        propsName: "data-options.perspective",
+        min: 0,
+        max: 3e3,
+        stepSize: 1,
+        defaultValue: 1e3,
+        enabledValue: 1e3,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Scale",
+        type: "SliderPropOption",
+        propsName: "data-options.scale",
+        min: 0.5,
+        max: 3,
+        stepSize: 0.1,
+        defaultValue: 1,
+        enabledValue: 1.5,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Axis",
+        type: "IconButtonOption",
+        propsName: "data-options.axis",
+        options: ["x", "y"],
+        defaultValue: null,
+        enabledValue: "x",
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Glare",
+        type: "BooleanPropOption",
+        propsName: "data-options.glare",
+        defaultValue: false,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Glare"
+      },
+      {
+        name: "Max Glare",
+        type: "SliderPropOption",
+        propsName: "data-options.max-glare",
+        min: 0.1,
+        max: 1,
+        stepSize: 0.1,
+        defaultValue: 1,
+        enabledValue: 0.5,
+        inHeaderAction: true,
+        headerGroup: "Glare"
+      },
+      {
+        name: "Reset",
+        type: "BooleanPropOption",
+        propsName: "data-options.reset",
+        defaultValue: true,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Reset"
+      },
+      {
+        name: "Reset To Start",
+        type: "BooleanPropOption",
+        propsName: "data-options.reset-to-start",
+        defaultValue: true,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Reset"
+      }
+    ]
+  },
+  cdnUrls: [
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.0/vanilla-tilt.js",
+      defer: true
+    }
+  ],
+  js: js4,
+  checks: [{ plugin: "tilt" }],
+  components: [
+    {
+      name: "Tilt Image",
+      category: "Plugins",
+      html: `<img class="w-96" src="https://dummyimage.com/1000x600/edf2f7/0f1631&text=Placeholder" data-toggle="tilt" data-options="{'max':15,'reset':true}" />`
+    },
+    {
+      name: "Tilt Div",
+      category: "Plugins",
+      html: `<div class="w-full h-full" data-toggle="tilt" data-options="{'max':15,'reset':true}"></div>`
+    }
+  ]
+});
+
+// src/plugins/typed.ts
+var typed = defineConfig({
+  name: "Typed",
+  options: {
+    name: "Typed Effect Options",
+    previewInEditor: true,
+    isShown: {
+      props: {
+        "data-toggle": "typed"
+      }
+    },
+    fields: [
+      {
+        type: "TextOption",
+        name: "Phrases",
+        tooltipProps: { content: "Use commas to add new words/phrases" },
+        placeholder: "second phrase., third phrase.",
+        propsName: "data-options.strings",
+        isArray: true
+      },
+      {
+        name: "Loop",
+        type: "BooleanPropOption",
+        propsName: "data-options.loop",
+        defaultValue: true,
+        enabledValue: true,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Type Speed",
+        type: "SliderPropOption",
+        propsName: "data-options.typeSpeed",
+        min: 10,
+        max: 400,
+        stepSize: 10,
+        defaultValue: 100,
+        enabledValue: 100,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Back Speed",
+        type: "SliderPropOption",
+        propsName: "data-options.backSpeed",
+        min: 10,
+        max: 400,
+        stepSize: 10,
+        defaultValue: 50,
+        enabledValue: 50,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Start Delay",
+        type: "SliderPropOption",
+        propsName: "data-options.startDelay",
+        min: 50,
+        max: 3e3,
+        stepSize: 50,
+        defaultValue: 500,
+        enabledValue: 500,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      },
+      {
+        name: "Back Delay",
+        type: "SliderPropOption",
+        propsName: "data-options.backDelay",
+        min: 50,
+        max: 3e3,
+        stepSize: 50,
+        defaultValue: 1e3,
+        enabledValue: 1e3,
+        inHeaderAction: true,
+        headerGroup: "Core"
+      }
+    ]
+  },
+  cdnUrls: [
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js",
+      defer: true
+    }
+  ],
+  js: `
+window.vGetElementsByToggle('typed').forEach((elem, index) => {
+  let options = window.vGetElementOptions(elem);
+
+  options.strings = [elem.innerHTML, ...options.strings];
+  elem.innerHTML = '';
+
+  new Typed(elem, {
+    typeSpeed: 100,
+    backSpeed: 50,
+    startDelay: 500,
+    backDelay: 1000,
+    loop: true,
+    ...options
+  });
+});`,
+  checks: [{ plugin: "typed" }],
+  components: [
+    // {
+    //   name: 'Tilt Div',
+    //   category: 'Plugins',
+    //   html: `<div class="w-full h-full" data-toggle="tilt" data-options="{'max':15,'reset':true}"></div>`,
+    // },
+  ],
+  displayNames: [
+    {
+      displayName: "Typed Effect",
+      property: "data-toggle",
+      value: "typed"
+    }
+  ]
+});
+
+// src/plugins/eventAnalytics.ts
+var eventAnalytics = defineConfig({
+  name: "Event Analytics",
+  js: `const eventElements = document.querySelectorAll('[data-eventid]');
+for (const eventElement of eventElements) {
+  if (eventElement.tagName !== 'FORM') {
+    eventElement.addEventListener('click', function(e) {
+      const eventName = eventElement.getAttribute('data-eventid');
+
+      if (window.versoly) {
+        window.versoly.event({name: eventName})
+      }
+      if (window.gtag) {
+        window.gtag('event', eventName)
+      }
+      if (window.amplitude) {
+        window.amplitude.getInstance().logEvent(event);
+      }
+    })
+  }
+}`,
+  checks: [{ html: "data-eventid" }]
+});
+
+// src/plugins/versolyAnalytics.ts
+var js5 = `!function(e){e.versoly.event=function(t){if(!("visibilityState"in document&&"prerender"===document.visibilityState||/bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex/i.test(navigator.userAgent)||e._phantom||e.__nightmare||e.navigator.webdriver||e.Cypress||""===e.location.host)){var n=new XMLHttpRequest;n.open("POST",e.versoly.url,!0),n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),n.send(JSON.stringify({siteId:e.versoly.id,referrer:document.referrer,paramReferrer:"",hostname:e.location.hostname,pathname:e.location.pathname+e.location.search,width:e.innerWidth,height:e.innerHeight,tz:Intl.DateTimeFormat().resolvedOptions().timeZone,...t}))}}}(window),window.versoly.event({name: 'pageview'});`;
+var versolyAnalytics = defineConfig({
+  name: "Versoly Analytics",
+  js: js5,
+  checks: [{ html: "/api/event" }]
+});
+
+// src/plugins/modal.ts
+var modal = defineConfig({
+  name: "Versoly UI Modal",
+  js: `window.vGetElementsByToggle('modal').forEach(elem => {
+  let options = window.vGetElementOptions(elem);
+
+  if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
+    elem.dataset.html = window.vComponents[options.globalBlockId];
+
+    if (window.vComponents[options.globalBlockId].includes('data-formid')) {
+      options.beforeShown = 'addFormListener'
+    }
+  }
+
+  elem.dataset.options = JSON.stringify(options);
+});`,
+  checks: [{ plugin: "modal" }]
+});
+
+// src/plugins/form.ts
+var form = defineConfig({
+  name: "versoly-form",
+  checks: [{ plugin: "formid" }],
+  js: `window.vPageLoadedAt = Date.now()
+
+setTimeout(() => {
+  let inputs = [...document.getElementsByTagName("input")]
+  inputs.forEach(i => {
+    if (i.name === 'email_second' || i.name === 'name_second') {
+      i.setAttribute('aria-hidden', 'true')
+      i.setAttribute('tabindex', '-1')
+      i.setAttribute('autocomplete', 'false')
+    }
+  })
+}, 3000)
+
+const sendFormData = function (e, form) {
+  e.preventDefault();
+  const formId = form.dataset.formid;
+  let scriptsByForm = window.vForms[formId] || {}
+
+  if (window.vPageLoadedAt + 3000 > Date.now()) {
+    return null
+  }
+
+  let data = {
+    created: Date.now(),
+    url: location.pathname + location.search
+  }
+
+  const filteredForms = document.querySelectorAll('[data-formId="' + formId + '"]')
+  let formIndex = 0
+  filteredForms.forEach((f, index) => {
+    if (f === form) {
+      formIndex = index
+    }
+  })
+
+  const errorElement = document.querySelectorAll('[data-form-errorid="' + formId + '"]')[formIndex]
+  let inputs = [
+    ...form.getElementsByTagName("input"),
+    ...form.getElementsByTagName("textarea"),
+    ...form.getElementsByTagName("select")
+  ]
+
+  inputs.forEach(input =>  {
+    if (input.type === 'radio') {
+      if (input.checked) {
+        data[input.name] = input.value
+      }
+      return
+    }
+    if (input.tagName === 'SELECT') {
+      data[input.name] = input.options[input.selectedIndex].value
+      return
+    }
+    if (input.type === 'checkbox') {
+      data[input.name] = input.checked + ""
+      return
+    }
+    data[input.name] = input.value
+  })
+
+  if (!!data['email_second'] || !!data['name_second']) {
+    return null
+  }
+  delete data['email_second'];
+  delete data['name_second'];
+
+  if (scriptsByForm.pre) {
+    eval(scriptsByForm.pre)
+  }
+
+  const submitButton = form.querySelector(('button[type="submit"]'))
+  const buttonInnerHTML = submitButton.innerHTML
+  submitButton.disabled = true
+
+  let loadingButtonInnerHTML = '<i class="fa fa-spinner fa-spin"></i> Loading'
+  if (submitButton.getAttribute('data-loading-html')) {
+    loadingButtonInnerHTML = submitButton.getAttribute('data-loading-html')
+  }
+  submitButton.innerHTML = loadingButtonInnerHTML
+
+  data = JSON.stringify(data)
+  fetch('https://api.versoly.com/v1/form/submit', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({formId: formId, data: data})
+  })
+  .then(function (response){
+    if (!response.ok) {
+      throw new Error('Bad response from server');
+    }
+
+    if (window.versoly && form.getAttribute('data-eventid')) {
+      window.versoly.event({name: form.getAttribute('data-eventid')})
+    }
+
+    if (scriptsByForm.post) {
+      eval(scriptsByForm.post)
+    }
+
+    if (form.dataset["successUrl"]) {
+      window.location.replace(form.dataset["successUrl"])
+      return
+    }
+
+    const successElement = document.querySelectorAll('[data-form-successid="' + formId + '"]')[formIndex]
+
+    if (successElement) {
+      successElement.classList.remove("d-js");
+      errorElement.classList.add("d-js");
+      form.classList.add("d-js");
+
+      successElement.classList.remove("d-none");
+      errorElement.classList.add("d-none");
+      form.classList.add("d-none");
+    }
+
+    submitButton.disabled = false
+    submitButton.innerHTML = buttonInnerHTML
+  })
+  .catch(function (error){
+    console.log(error)
+    if (errorElement) {
+      errorElement.classList.remove("d-js");
+      errorElement.classList.remove("d-none");
+    }
+    if (scriptsByForm.failed) {
+      eval(scriptsByForm.failed)
+    }
+    submitButton.disabled = false
+    submitButton.innerHTML = buttonInnerHTML
+  })
+}
+
+
+window.addFormListener = () => {
+  const forms = document.querySelectorAll('[data-formid]');
+
+  for (const form of forms) {
+    if (!form.getAttribute('data-has-form-eventlistener')) {
+      form.addEventListener("submit", function (e) {
+        sendFormData(e, form)
+      });
+      form.setAttribute('data-has-form-eventlistener', 'true')
+    }
+  }
+}
+window.addFormListener && window.addFormListener()
+`
+});
+
+// src/plugins/countup.ts
+var countup = defineConfig({
+  name: "Countup",
+  cdnUrls: [
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/scrollReveal.js/3.4.0/scrollreveal.min.js"
+    },
+    {
+      url: "https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.8/countUp.umd.min.js"
+    }
+  ],
+  js: `window.scrollReveal = ScrollReveal();
+
+window.countStart = e => {
+  var startVal = e.dataset.from ? +e.dataset.from : 0
+    ,endVal = e.dataset.to ? +e.dataset.to : 0
+    ,duration = e.dataset.duration ? +e.dataset.duration : 2
+    ,options = e.dataset.options ? JSON.parse(e.dataset.options) : {}
+  const up = new countUp.CountUp(e, endVal, {...options, startVal, duration});
+  up.start()
+}
+
+window.vGetElementsByToggle('countup').forEach(e => {
+    scrollReveal.reveal(e, {beforeReveal: window.countStart, duration: 0});
+});`,
+  checks: [{ plugin: "countup" }],
+  options: {
+    name: "Countup Options",
+    isShown: {
+      props: {
+        "data-toggle": "countup"
+      }
+    },
+    fields: [
+      {
+        name: "Count From",
+        propsName: "data-from",
+        type: "NumberOption"
+      },
+      {
+        name: "Count To",
+        propsName: "data-to",
+        type: "NumberOption"
+      },
+      {
+        name: "Duration",
+        propsName: "data-duration",
+        type: "NumberOption",
+        placeholder: "2",
+        stepSize: 0.1
+      },
+      {
+        name: "Countup when Visible",
+        propsName: "data-aos",
+        options: [false, true],
+        type: "BooleanPropOption",
+        defaultValue: false
+      }
+    ]
+  },
+  components: [
+    {
+      name: "Countup",
+      category: "Plugins",
+      html: `<h2 data-toggle="countup" data-aos data-aos-id="countup:in" data-from="100" data-to="800">100</h2>`
+    }
+  ]
+});
+
+// src/plugins/countdown.ts
+var js6 = `window.vGetElementsByToggle('countdown').forEach(e => {
+  const deadline = new Date(e.dataset.countdown).getTime();
+
+  const daysEl = e.querySelector('[data-countdown-type="days"]'),
+    hoursEl = e.querySelector('[data-countdown-type="hours"]'),
+    minutesEl = e.querySelector('[data-countdown-type="minutes"]'),
+    secondsEl = e.querySelector('[data-countdown-type="seconds"]');
+
+  const countdownFunc = () => {
+    const now = new Date().getTime();
+    let t = deadline - now;
+
+    if (t < 0) {
+      clearInterval(x);
+      t = 0;
+    }
+
+    let seconds = ''+Math.floor((t / 1000) % 60),
+      minutes = ''+Math.floor((t / 1000 / 60) % 60),
+      hours = ''+Math.floor((t / (1000 * 60 * 60)) % 24),
+      days = ''+Math.floor(t / (1000 * 60 * 60 * 24));
+
+    if (seconds.length === 1) seconds = '0' + seconds;
+    if (minutes.length === 1) minutes = '0' + minutes;
+    if (hours.length === 1) hours = '0' + hours;
+    if (days.length === 1) days = '0' + days;
+
+    if (secondsEl) secondsEl.innerHTML = seconds;
+    if (minutesEl) minutesEl.innerHTML = minutes;
+    if (hoursEl) hoursEl.innerHTML = hours;
+    if (daysEl) daysEl.innerHTML = days;
+  }
+
+  var x = setInterval(countdownFunc, 1000);
+  countdownFunc();
+})
+`;
+var currentDate = /* @__PURE__ */ new Date();
+var ISODateIn5Days = new Date(currentDate.getTime() + 5 * 24 * 60 * 60 * 1234).toISOString();
+var countdown = defineConfig({
+  name: "Countdown Options",
+  js: js6,
+  checks: [{ plugin: "countdown" }],
+  options: {
+    name: "Countdown",
+    isShown: {
+      props: {
+        "data-toggle": "countdown",
+        "data-countdown": true
+      }
+    },
+    fields: [
+      {
+        name: "Countdown Timer",
+        propsName: "data-countdown",
+        type: "DateTimePickerOption"
+      }
+    ]
+  },
+  components: [
+    {
+      name: "Countdown",
+      category: "Plugins",
+      html: `<h2 class="font-semibold" data-toggle="countdown" data-countdown="${ISODateIn5Days}">
+  <span data-countdown-type="days">4</span>
+  <span class="opacity-20">:</span>
+  <span data-countdown-type="hours">1</span>
+  <span class="opacity-20">:</span>
+  <span data-countdown-type="minutes">0</span>
+  <span class="opacity-20">:</span>
+  <span data-countdown-type="seconds">0</span>
+</h2>`
+    }
+  ]
+});
+
+// src/plugins/calendly.ts
+var calendly = defineConfig({
+  name: "Calendly",
+  cdnUrls: [
+    {
+      url: "https://assets.calendly.com/assets/external/widget.js",
+      delay: true
+    },
+    {
+      url: "https://assets.calendly.com/assets/external/widget.css",
+      delay: true
+    }
+  ],
+  js: `
+document.querySelectorAll('[data-calendly-url]').forEach(a => {
+  const url = a.getAttribute('data-calendly-url')
+
+  if (!url) {
+    return;
+  }
+
+  a.addEventListener('click', e => {
+    e.preventDefault();
+    window.Calendly.initPopupWidget({ url, parentElement: a})
+  })
+});`,
+  checks: [{ plugin: "calendly" }, { html: "calendly" }],
+  options: {
+    name: "Calendly Options",
+    isShown: {
+      props: {
+        "data-calendly-url": true
+      }
+    },
+    fields: [
+      {
+        name: "Calendly Url",
+        propsName: "data-calendly-url",
+        type: "TextOption"
+      }
+    ]
+  }
+});
+
+// src/plugins/versolyUI.ts
+var versolyUI = defineConfig({
+  name: "Versoly UI",
+  cdnUrls: [
+    {
+      url: "https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui/1.0.1/floating-ui.min.js",
+      defer: true
+    },
+    {
+      url: "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.1.1/versoly-ui.js",
+      delay: true
+    }
+  ]
+});
+
+// src/plugins/finisherHeader.ts
+var finisherHeader = defineConfig({
+  name: "Finisher Header",
+  cdnUrls: [
+    {
+      url: "https://d1pnnwteuly8z3.cloudfront.net/js/finisher-header.es5.min.js",
+      defer: true
+    }
+  ],
+  js: `document.querySelectorAll('.finisher-header').forEach(elem => {
+  let options = window.vGetElementOptions(elem);
+  new FinisherHeader(options);
+});`,
+  checks: [{ html: "finisher-header" }],
+  components: [
+    {
+      name: "Finisher Header",
+      category: "Plugins",
+      html: `<div class="finisher-header" data-toggle="finisher-header" data-options="{'count':15,'size':{'min':2,'max':40,'pulse':0},'speed':{'x':{'min':0,'max':0.8},'y':{'min':0,'max':0.2}},'colors':{'background':'#fff','particles':['#ff926b','#87ddfe','#acaaff','#1bffc2','#f9a5fe']},'blending':'screen','opacity':{'center':1,'edge':1},'skew':-1,'shapes':['c','s','t']}"></div>`
+    }
+  ]
+});
+
+// src/plugins/index.ts
+var plugins = {
+  headroom,
+  marquee,
+  swiper,
+  prism,
+  tailtip,
+  taos,
+  tilt,
+  typed,
+  modal,
+  form,
+  finisherHeader,
+  countup,
+  countdown,
+  eventAnalytics,
+  versolyAnalytics,
+  versolyUI,
+  calendly
+};
+export {
+  defineConfig,
+  plugins
+};