@versoly/plugins 0.0.3 → 0.0.4

package/dist/index.mjs

@@ -3,119 +3,54 @@ var defineConfig = (config) => {
   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') {
@@ -127,11 +62,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`,
@@ -147,8 +81,8 @@ var swiper = defineConfig({
 });
 
 // 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"
@@ -189,86 +123,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,
@@ -438,7 +300,7 @@ var tilt = defineConfig({
       defer: true
     }
   ],
-  js: js4,
+  js: js2,
   checks: [{ plugin: "tilt" }],
   components: [
     {
@@ -455,8 +317,8 @@ var tilt = defineConfig({
 });
 
 // src/plugins/typed.ts
-var typed = defineConfig({
-  name: "Typed",
+var typed_default = defineConfig({
+  name: "typed",
   options: {
     name: "Typed Effect Options",
     previewInEditor: true,
@@ -540,7 +402,7 @@ var typed = defineConfig({
     }
   ],
   js: `
-window.vGetElementsByToggle('typed').forEach((elem, index) => {
+window.vGetElementsByToggle('typed').forEach((elem) => {
   let options = window.vGetElementOptions(elem);
 
   options.strings = [elem.innerHTML, ...options.strings];
@@ -572,71 +434,388 @@ 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');
+// 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"
+    }
+  ],
+  js: `window.scrollReveal = ScrollReveal();
 
-      if (window.versoly) {
-        window.versoly.event({name: eventName})
-      }
-      if (window.gtag) {
-        window.gtag('event', eventName)
+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"
       }
-      if (window.amplitude) {
-        window.amplitude.getInstance().logEvent(event);
+    },
+    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
       }
-    })
-  }
-}`,
-  checks: [{ html: "data-eventid" }]
+    ]
+  },
+  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/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),
+    };
 
-// src/plugins/form.ts
-var form = defineConfig({
-  name: "versoly-form",
-  checks: [{ plugin: "formid" }],
-  js: `window.vPageLoadedAt = Date.now();
-window.vForms = window.vForms || {};
+    Object.keys(valuesByType).forEach(type => {
+      if (elementsByType[type]) {
+        let value = Math.floor(valuesByType[type]);
+        if (value < 10) {
+          value = '0' + value;
+        }
 
-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')
+        elementsByType[type].innerHTML = value;
+      }
+    });
+  }
+
+  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')
+      i.setAttribute('tabindex', '-1')
+      i.setAttribute('autocomplete', 'false')
     }
   })
 }, 3000)
@@ -780,253 +959,46 @@ 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;
-  }
+// src/plugins/versoly-modal.ts
+var versoly_modal_default = defineConfig({
+  name: "versoly-modal",
+  js: `window.vGetElementsByToggle('modal').forEach(elem => {
+  let options = window.vGetElementOptions(elem);
 
-  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>`
-    }
-  ]
-});
+  if (options.globalBlockId && window.vComponents[options.globalBlockId]) {
+    elem.dataset.html = window.vComponents[options.globalBlockId];
 
-// 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
+    if (window.vComponents[options.globalBlockId].includes('data-formid')) {
+      options.beforeShown = 'addFormListener'
     }
-  ],
-  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
 };
 export {
   defineConfig,