@versoly/plugins 0.0.3 → 0.0.4

package/dist/index.global.js

@@ -5,119 +5,54 @@
     return config;
   };
 
-  // src/plugins/headroom.ts
-  var headroom = defineConfig({
-    name: "Headroom",
+  // src/plugins/calendly.ts
+  var calendly_default = defineConfig({
+    name: "calendly",
     cdnUrls: [
       {
-        url: "https://cdnjs.cloudflare.com/ajax/libs/headroom/0.12.0/headroom.min.js",
-        inline: false,
-        defer: true
+        url: "https://assets.calendly.com/assets/external/widget.js",
+        delay: true
+      },
+      {
+        url: "https://assets.calendly.com/assets/external/widget.css",
+        delay: true
       }
     ],
-    js: `window.vGetElementsByToggle('headroom').forEach((elem, index) => {
-  let options = window.vGetElementOptions(elem);
+    js: `
+document.querySelectorAll('[data-calendly-url]').forEach(elem => {
+  const url = elem.dataset.calendlyUrl;
 
-  var headroom  = new Headroom(elem, {
-    classes: {
-      pinned: "d-block block",
-      unpinned: 'd-none hidden'
-    },
-    ...options
-  });
+  if (!url) {
+    return;
+  }
 
-  headroom.init();
+  elem.addEventListener('click', e => {
+    e.preventDefault();
+    window.Calendly.initPopupWidget({ url, parentElement: elem });
+  })
 });`,
-    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",
+    checks: [{ plugin: "calendly" }, { html: "calendly" }],
     options: {
-      name: "Marquee",
-      previewInEditor: true,
+      name: "Calendly Options",
       isShown: {
         props: {
-          "data-toggle": "marquee"
+          "data-calendly-url": true
         }
       },
       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"
+          name: "Calendly Url",
+          propsName: "data-calendly-url",
+          type: "TextOption"
         }
       ]
-    },
-    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) => {
+window.vGetElementsByToggle('swiper').forEach((elem) => {
   let props = window.vGetElementOptions(elem);
 
   if (props.pagination && props.pagination.renderBullet === 'number') {
@@ -129,11 +64,10 @@ window.vGetElementsByToggle('swiper').forEach((elem, index) => {
     }
   }
 
-  elem.setAttribute('data-swiper-index', index);
   window.vSwipers.push(new Swiper(elem, props));
 });`;
-  var swiper = defineConfig({
-    name: "Swiper",
+  var swiper_default = defineConfig({
+    name: "swiper",
     cdnUrls: [
       {
         url: `https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.3.2/swiper-bundle.min.js`,
@@ -149,8 +83,8 @@ window.vGetElementsByToggle('swiper').forEach((elem, index) => {
   });
 
   // src/plugins/prism.ts
-  var prism = defineConfig({
-    name: "Prism",
+  var prism_default = defineConfig({
+    name: "prism",
     cdnUrls: [
       {
         url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.css"
@@ -191,86 +125,14 @@ window.addEventListener('load', () => {
     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 js2 = `window.vTilts = [];
+window.vGetElementsByToggle('tilt').forEach((elem) => {
+  VanillaTilt.init(elem, window.vGetElementOptions(elem));
+  window.vTilts.push(elem);
 });`;
-  var tilt = defineConfig({
-    name: "Tilt",
+  var tilt_default = defineConfig({
+    name: "tilt",
     options: {
       name: "Tilt",
       previewInEditor: true,
@@ -440,7 +302,7 @@ window.vGetElementsByToggle('tilt').forEach((tiltEle, index) => {
         defer: true
       }
     ],
-    js: js4,
+    js: js2,
     checks: [{ plugin: "tilt" }],
     components: [
       {
@@ -457,8 +319,8 @@ window.vGetElementsByToggle('tilt').forEach((tiltEle, index) => {
   });
 
   // src/plugins/typed.ts
-  var typed = defineConfig({
-    name: "Typed",
+  var typed_default = defineConfig({
+    name: "typed",
     options: {
       name: "Typed Effect Options",
       previewInEditor: true,
@@ -542,7 +404,7 @@ window.vGetElementsByToggle('tilt').forEach((tiltEle, index) => {
       }
     ],
     js: `
-window.vGetElementsByToggle('typed').forEach((elem, index) => {
+window.vGetElementsByToggle('typed').forEach((elem) => {
   let options = window.vGetElementOptions(elem);
 
   options.strings = [elem.innerHTML, ...options.strings];
@@ -574,66 +436,383 @@ window.vGetElementsByToggle('typed').forEach((elem, index) => {
     ]
   });
 
-  // 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)
+  // src/plugins/countup.ts
+  var countup_default = 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"
       }
-      if (window.amplitude) {
-        window.amplitude.getInstance().logEvent(event);
+    ],
+    js: `window.scrollReveal = ScrollReveal();
+
+window.countUpStart = (elem) => {
+  var startVal = elem.dataset.from ? +elem.dataset.from : 0
+    ,endVal = elem.dataset.to ? +elem.dataset.to : 0
+    ,duration = elem.dataset.duration ? +elem.dataset.duration : 2
+    ,options = window.vGetElementOptions(elem);
+  const up = new countUp.CountUp(elem, endVal, {...options, startVal, duration});
+  up.start();
+}
+
+window.vGetElementsByToggle('countup').forEach(elem => {
+  scrollReveal.reveal(elem, {beforeReveal: window.countUpStart, 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>`
       }
-    })
-  }
-}`,
-    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/countdown.ts
+  var js3 = `window.vGetElementsByToggle('countdown').forEach(elem => {
+  const deadline = new Date(elem.dataset.countdown).getTime();
 
-  // src/plugins/modal.ts
-  var modal = defineConfig({
-    name: "Versoly UI Modal",
-    js: `window.vGetElementsByToggle('modal').forEach(elem => {
-  let options = window.vGetElementOptions(elem);
+  let elementsByType = {};
+  elem.querySelectorAll('[data-countdown-type]').forEach(el => {
+    elementsByType[el.dataset.countdownType] = el;
+  });
 
-  if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
-    elem.dataset.html = window.vComponents[options.globalBlockId];
+  const countdownFunc = () => {
+    let t = (deadline - new Date().getTime()) / 1000;
 
-    if (window.vComponents[options.globalBlockId].includes('data-formid')) {
-      options.beforeShown = 'addFormListener'
+    if (t < 0) {
+      clearInterval(x);
+      t = 0;
     }
-  }
 
-  elem.dataset.options = JSON.stringify(options);
-});`,
-    checks: [{ plugin: "modal" }]
-  });
+    let valuesByType = {
+      seconds: t % 60,
+      minutes: (t / 60) % 60,
+      hours: (t / (60 * 60)) % 24,
+      days: t / (60 * 60 * 24),
+    };
+
+    Object.keys(valuesByType).forEach(type => {
+      if (elementsByType[type]) {
+        let value = Math.floor(valuesByType[type]);
+        if (value < 10) {
+          value = '0' + value;
+        }
 
-  // src/plugins/form.ts
-  var form = defineConfig({
-    name: "versoly-form",
-    checks: [{ plugin: "formid" }],
-    js: `window.vPageLoadedAt = Date.now();
-window.vForms = window.vForms || {};
+        elementsByType[type].innerHTML = value;
+      }
+    });
+  }
 
-setTimeout(() => {
-  let inputs = [...document.getElementsByTagName("input")]
+  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_default = defineConfig({
+    name: "countdown",
+    js: js3,
+    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/finisher-header.ts
+  var finisher_header_default = 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/taos.ts
+  var js4 = `!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_default = defineConfig({
+    name: "taos",
+    css: `
+html.js :where([class*="taos:"]:not(.taos-init)) {
+    visibility: hidden;
+}`,
+    js: js4,
+    checks: [{ plugin: "taos" }, { html: "taos:" }],
+    safelist: ["!duration-[0ms]", "!delay-[0ms]"]
+  });
+
+  // src/plugins/tailtip.ts
+  var js5 = `window.vTailtips = [];
+
+window.vGetElementsByToggle('tooltip').forEach((elem) => {
+  const tailtip = Tailtip(elem, window.vGetElementOptions(elem));
+  window.vTailtips.push(tailtip);
+});`;
+  var tailtip_default = 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: js5,
+    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/versoly-marquee.ts
+  var src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+  var versoly_marquee_default = defineConfig({
+    name: "versoly-marquee",
+    options: {
+      name: "Marquee",
+      js: `window.vMarquees = [];
+window.vGetElementsByToggle('marquee').forEach((elem) => {
+  const marquee = new Marquee(elem, window.vGetElementOptions(elem));
+  window.vMarquees.push(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
+      }
+    ],
+    displayNames: [
+      {
+        displayName: "Marquee",
+        property: "data-toggle",
+        value: "marquee"
+      }
+    ]
+  });
+
+  // src/plugins/versoly-ui.ts
+  var versoly_ui_default = 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/versoly-analytics.ts
+  var js6 = `!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 versoly_analytics_default = defineConfig({
+    name: "Versoly Analytics",
+    js: js6,
+    checks: [{ html: "/api/event" }]
+  });
+
+  // src/plugins/versoly-events.ts
+  var versoly_events_default = defineConfig({
+    name: "versoly-events",
+    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/versoly-form.ts
+  var versoly_form_default = defineConfig({
+    name: "versoly-form",
+    checks: [{ plugin: "formid" }],
+    js: `window.vPageLoadedAt = Date.now();
+window.vForms = window.vForms || {};
+
+setTimeout(() => {
+  let inputs = [...document.getElementsByTagName("input")]
   inputs.forEach(i => {
     if (i.name === 'email_second' || i.name === 'name_second') {
       i.setAttribute('aria-hidden', 'true')
@@ -782,252 +961,45 @@ 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"]');
+  // src/plugins/versoly-modal.ts
+  var versoly_modal_default = defineConfig({
+    name: "versoly-modal",
+    js: `window.vGetElementsByToggle('modal').forEach(elem => {
+  let options = window.vGetElementOptions(elem);
 
-  const countdownFunc = () => {
-    const now = new Date().getTime();
-    let t = deadline - now;
+  if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
+    elem.dataset.html = window.vComponents[options.globalBlockId];
 
-    if (t < 0) {
-      clearInterval(x);
-      t = 0;
+    if (window.vComponents[options.globalBlockId].includes('data-formid')) {
+      options.beforeShown = 'addFormListener'
     }
-
-    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);
+  elem.dataset.options = JSON.stringify(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>`
-      }
-    ]
+    checks: [{ plugin: "modal" }]
   });
 
   // src/plugins/index.ts
   var plugins = {
-    headroom,
-    marquee,
-    swiper,
-    prism,
-    tailtip,
-    taos,
-    tilt,
-    typed,
-    modal,
-    form,
-    finisherHeader,
-    countup,
-    countdown,
-    eventAnalytics,
-    versolyAnalytics,
-    versolyUI,
-    calendly
+    // external
+    calendly: calendly_default,
+    swiper: swiper_default,
+    prism: prism_default,
+    tilt: tilt_default,
+    typed: typed_default,
+    countup: countup_default,
+    countdown: countdown_default,
+    "finisher-header": finisher_header_default,
+    taos: taos_default,
+    tailtip: tailtip_default,
+    // versoly packages
+    "versoly-marquee": versoly_marquee_default,
+    "versoly-ui": versoly_ui_default,
+    // internal
+    "versoly-analytics": versoly_analytics_default,
+    "versoly-events": versoly_events_default,
+    "versoly-form": versoly_form_default,
+    "versoly-modal": versoly_modal_default
   };
 })();