versoly-ui 2.0.1 → 2.2.0

package/src/plugins/modal.ts

@@ -0,0 +1,73 @@
+import type { IModalOptions } from 'src/types';
+import { waitForElement, parseElementOptions, addEventListenerToSelector, addEscapeListener } from '../utils';
+
+const defaults = {
+  closeButton: 'fixed right-0 top-0 z-50 text-white px-5 close',
+};
+
+// if (element.getAttribute('aria-label')) {
+//   return
+// }
+// element.setAttribute('aria-label', 'modal')
+
+const Modal = (element: HTMLElement) => {
+  const options: IModalOptions = {
+    id: 'v-modal',
+    size: undefined,
+    beforeShown: undefined,
+    imgSrc: undefined,
+    iframeSrc: undefined,
+    ...parseElementOptions(element),
+  };
+
+  const { size, beforeShown, id, imgSrc, iframeSrc } = options;
+
+  let content = element.dataset.html || '';
+
+  if (imgSrc) {
+    content = `<img src="${imgSrc}">`;
+  }
+  if (iframeSrc) {
+    content = `<iframe allow="autoplay" class="aspect-video w-full" src="${iframeSrc}" allowfullscreen="" autoplay=""></iframe>`;
+  }
+
+  const modalHTML = `<div class="modal" id="${id}">
+  <div class="modal-content ${size ? `modal-${size}` : ''}">
+    ${content}
+  </div>
+  
+  <button class="${defaults.closeButton}" onclick="removeModal('${id}')" type="button" data-dismiss="modal" aria-label="Close">
+    <span class="text-4xl" aria-hidden="true">&times;</span>
+  </button>
+
+  <div class="modal-bg" onclick="removeModal('${id}')"></div>
+</div>
+`;
+
+  addEscapeListener(() => window.removeModal(id));
+  document.body.style.overflow = 'hidden';
+  document.body.insertAdjacentHTML('beforeend', modalHTML);
+
+  waitForElement(`#${id}`).then((ele) => {
+    beforeShown && (window as any)[beforeShown]();
+    window.setTimeout(() => ele.classList.add('opacity-100'), 32);
+  });
+};
+
+const removeModal = (id = 'v-modal') => {
+  const modal = document.getElementById(id);
+
+  if (!modal) {
+    return;
+  }
+
+  modal.classList.remove('opacity-100');
+  window.setTimeout(() => {
+    modal.remove();
+    document.body.style.overflow = '';
+  }, 500);
+};
+
+window.removeModal = removeModal;
+
+export const modal = addEventListenerToSelector('[data-toggle="modal"]', 'click', Modal);

package/src/plugins/tabs.ts

@@ -0,0 +1,59 @@
+import { addEventListenerToSelector, getElementBySelector } from '../utils/index';
+
+const Tabs = (element: HTMLElement) => {
+  if (element.getAttribute('aria-selected') === 'true') {
+    return null;
+  }
+
+  const target = getElementBySelector(`[aria-labelledby="${element.getAttribute('aria-controls')}"]`);
+  if (!target) {
+    return null;
+  }
+
+  const inactiveClass = element.classList.value;
+
+  let tablist: ParentNode | null = element.parentNode;
+  while (tablist && (!(tablist instanceof HTMLElement) || tablist.getAttribute('role') !== 'tablist')) {
+    tablist = tablist.parentNode;
+  }
+  if (!(tablist instanceof HTMLElement)) {
+    return null;
+  }
+
+  const activeTabs = tablist.querySelectorAll('[aria-selected="true"]');
+  if (!activeTabs || activeTabs.length === 0) {
+    return null;
+  }
+  const activeClass = activeTabs[0].classList.value;
+
+  tablist.querySelectorAll('[role="tab"]').forEach((tab) => {
+    tab.classList = inactiveClass;
+    tab.setAttribute('aria-selected', 'false');
+  });
+
+  element.classList = activeClass;
+  element.setAttribute('aria-selected', 'true');
+
+  if (target.getAttribute('role') === 'tabcontent') {
+    Array.from(target.children).forEach((n) => {
+      if (n.getAttribute('role') === 'tabpanel') {
+        n.classList.remove('hidden');
+      }
+    });
+    return;
+  }
+
+  if (!target.parentNode) {
+    return null;
+  }
+
+  Array.from(target.parentNode.children).forEach((n) => {
+    if (n.getAttribute('role') === 'tabpanel') {
+      n.classList.add('hidden');
+    }
+  });
+
+  target.classList.remove('hidden');
+};
+
+export const tabs = addEventListenerToSelector('[role="tab"]', 'click', Tabs);

package/src/types.d.ts

@@ -0,0 +1,22 @@
+declare global {
+  interface Window {
+    vInitialized: boolean;
+    initializeVUI: () => void;
+    removeModal: (id?: string) => void;
+    FloatingUIDOM: any;
+  }
+}
+
+export interface IAccordionOptions {
+  min?: number;
+  max?: number | null;
+}
+
+export interface IModalOptions {
+  id: string;
+  size?: 'sm' | 'lg' | 'xl';
+  beforeShown?: string;
+  imgSrc?: string;
+  iframeSrc?: string;
+}
+export {};

package/src/utils/index.ts

@@ -0,0 +1,105 @@
+export const getElementBySelector = (selector: string) => document.querySelector(selector) as HTMLElement;
+export const getElementsBySelectors = (selector: string, element: Document | HTMLElement = document) =>
+  Array.from(element.querySelectorAll(selector)) as HTMLElement[];
+
+export const getTarget = (element: HTMLElement) => {
+  const attrValue = element.dataset.target;
+  if (!attrValue) {
+    return null;
+  }
+  return getElementBySelector(attrValue);
+};
+
+export const getDuration = (element: HTMLElement) => {
+  const duration = window.getComputedStyle(element).getPropertyValue('transition-duration');
+
+  if (!duration) {
+    return 0;
+  }
+
+  return parseInt(duration.replace('s', '')) * 1000 + 1;
+};
+
+export const getIsAriaExpanded = (element: HTMLElement) => element.getAttribute('aria-expanded') === 'true';
+
+export const addEventListeners = (
+  element: HTMLElement,
+  events: (keyof HTMLElementEventMap)[],
+  callback: EventListenerOrEventListenerObject,
+) => {
+  events.forEach((event) => {
+    element.addEventListener(event, callback);
+  });
+};
+
+export const addEscapeListener = (callback: () => void) => {
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+      callback();
+    }
+  });
+};
+
+export const addEventListenerToSelector = (
+  selector: string,
+  eventListener: keyof HTMLElementEventMap,
+  callback: (element: HTMLElement) => void,
+) => {
+  return () =>
+    getElementsBySelectors(selector).forEach((element) => {
+      element.addEventListener(eventListener, () => callback(element));
+    });
+};
+
+export const handleResize = () =>
+  window.addEventListener('resize', () => {
+    getElementsBySelectors('[data-toggle="collapse"]').forEach((element) => {
+      const target = getTarget(element);
+
+      if (!target) {
+        return;
+      }
+
+      element.setAttribute('aria-expanded', 'false');
+      target.classList.remove('show');
+      target.classList.remove('block');
+      target.style.height = 'auto';
+      target.style.overflow = '';
+    });
+  });
+
+export const waitForElement = (s: string): Promise<HTMLElement> => {
+  return new Promise((resolve) => {
+    if (getElementBySelector(s)) {
+      return resolve(getElementBySelector(s));
+    }
+
+    const observer = new MutationObserver(() => {
+      if (getElementBySelector(s)) {
+        resolve(getElementBySelector(s));
+        observer.disconnect();
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  });
+};
+
+export const parseElementOptions = (element: HTMLElement): Record<string, any> => {
+  // eval('(' + trigger.dataset.options + ')' || '') || {};
+  const t = element.dataset.options;
+  if (!t) {
+    return {};
+  }
+
+  try {
+    return JSON.parse(t.replaceAll("'", '"'));
+  } catch {
+    return {};
+  }
+};
+
+export const getElementsByToggle = (toggleName: string) => {
+  const query = `[data-toggle="${toggleName}"]`;
+  const elements = getElementsBySelectors(query);
+  return elements;
+};

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "baseUrl": ".",
+    "module": "ESNext",
+    "lib": ["esnext", "dom"],
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+  },
+  "include": ["src"],
+}

package/tsdown.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'tsdown';
+
+const sharedConfig = {
+  exports: true,
+  minify: true,
+  entry: {
+    'versoly-ui': './src/index.ts',
+  },
+  platform: 'browser',
+} as const;
+
+export default defineConfig([
+  {
+    ...sharedConfig,
+    target: ['chrome58', 'firefox57', 'safari11', 'edge79'],
+    format: ['cjs', 'iife'],
+  },
+  {
+    ...sharedConfig,
+    format: ['esm'],
+  },
+]);

package/vite.config.js

@@ -0,0 +1,35 @@
+import { resolve } from 'path';
+import { name } from './package.json';
+
+const getPackageName = () => {
+  return (name.includes('@') ? name.split('/')[1] : name).replace('.', '-');
+};
+
+const NAME = 'VersolyUI';
+
+const fileName = {
+  es: `${getPackageName()}.mjs`,
+  cjs: `${getPackageName()}.cjs`,
+  iife: `${getPackageName()}.js`,
+};
+
+const config = {
+  build: {
+    target: ['chrome58', 'firefox57', 'safari11', 'edge79'],
+    lib: {
+      entry: resolve(__dirname, 'src/index.js'),
+      name: NAME,
+      formats: ['es', 'cjs', 'iife'],
+      fileName: (format) => fileName[format],
+    },
+  },
+  server: {
+    port: 3005,
+    hmr: true,
+    watch: {
+      usePolling: true,
+    },
+  },
+};
+
+export default config;

package/.babelrc

@@ -1,7 +0,0 @@
-{
-  "plugins": [
-    ["@babel/transform-runtime", {
-      "regenerator": true
-    }]
-  ]
-}

package/.env

@@ -1,3 +0,0 @@
-.env
-
-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

package/dist/versoly-ui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"versoly-ui.js","mappings":"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","sources":["webpack:///./src/js/components/dropdown.js","webpack:///./src/js/utils/index.js","webpack:///webpack/bootstrap","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///./src/js/components/accordion.js","webpack:///./src/js/components/dismiss.js","webpack:///./src/js/components/collapse.js","webpack:///./src/js/components/modal.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./src/js/components/tabs.js","webpack:///./src/js/components/common.js"],"sourcesContent":["import { addEventListeners, addEscapeListener } from '../utils'\n\nexport default () => document.querySelectorAll('[data-toggle=\"dropdown\"]').forEach(trigger => {\n\n  const {computePosition, shift, offset} = window.FloatingUIDOM;\n  const target = trigger.nextElementSibling;\n  const parent = trigger.parentElement;\n  const options = eval('(' + trigger.dataset.options + ')' || '') || {};\n\n  let middleware = [\n    offset(6),\n    shift({\n      padding: 5,\n    }),\n  ];\n\n  function update() {\n    computePosition(trigger, target, {\n      placement: options.placement || 'bottom',\n      middleware,\n    }).then(({ x, y }) => {\n      Object.assign(target.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    });\n  }\n\n  const show = () => {\n    target.style.display = 'block';\n    requestAnimationFrame(() => {\n      target.classList.add('opacity-100', 'visible');\n    });\n    update();\n  };\n\n  const hide = () => {\n    target.style.display = '';\n    target.classList.remove('opacity-100', 'visible');\n  };\n\n  const toggle = () => {\n    if (target.style.display === 'block') {\n      hide();\n      return;\n    }\n    show();\n  };\n\n  parent.addEventListener('focusout', (e) => {\n    if (parent.contains(e.relatedTarget) || !document.hasFocus()) {\n      return\n    };\n    hide()\n  });\n  addEventListeners(trigger, ['click'], toggle)\n  addEscapeListener(hide)\n})\n","export const getTarget = element => element.getAttribute('data-target') && document.getElementById(element.getAttribute('data-target').replace('#', ''))\n\nexport const getDuration = element => window.getComputedStyle(element).getPropertyValue('transition-duration').replace('s', '') * 1000 + 1\n\nexport const addEventListeners = (element, events, listenerFunction) => {\n  events.forEach(event => {\n    element.addEventListener(event, listenerFunction);\n  });\n}\n\nexport const addEscapeListener = listenerFunction => {\n  document.addEventListener('keydown', e => {\n    if (e.key === \"Escape\") {\n      listenerFunction()\n    }\n  })\n}\n\nexport const addEventListenerToSelector = (selector, eventListener, listenerFunction) => {\n  return () => document.querySelectorAll(selector).forEach(element => {\n    element.addEventListener(eventListener, () => listenerFunction(element))\n  })\n}\n\nexport const handleResize = () => window.addEventListener('resize', () => {\n  document.querySelectorAll('[data-toggle=\"collapse\"]').forEach(element => {\n    let target = getTarget(element)\n\n    if (!target) {\n      return\n    }\n\n    element.setAttribute('aria-expanded', 'false');\n    target.classList.remove('show');\n    target.classList.remove('block');\n    target.style.height = 'auto'\n    target.style.overflow = ''\n  })\n})\n\n\nexport const waitForElement = (s) => {\n  let d = document\n  return new Promise(resolve => {\n    if (d.querySelector(s)) {\n      return resolve(d.querySelector(s));\n    }\n    const observer = new MutationObserver(mutations => {\n      if (d.querySelector(s)) {\n        resolve(d.querySelector(s));\n        observer.disconnect();\n      }\n    });\n    observer.observe(d.body, {childList: true,subtree: true});\n  });\n}\n\nexport const parseElementOptions = element => {\n  let t = element.dataset.options\n  return t ? JSON.parse(t.replaceAll(\"'\", '\"')) : {};\n}\n\nexport const triggerEvent = (element, eventName) => {\n  let event = document.createEvent(\"HTMLEvents\");\n  event.initEvent(eventName, true, true);\n  event.eventName = eventName;\n  element.dispatchEvent(event);\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { getTarget, getDuration, addEventListeners, addEscapeListener, addEventListenerToSelector } from '../utils'\n\nconst accordion = (element) => {\n  let target = element.closest('.accordion-item').querySelector('.accordion-collapse')\n  const duration = getDuration(target)\n\n  target.style.overflow = 'hidden'\n  target.style.height = 0\n\n  if (element.getAttribute('aria-expanded') === 'true') {\n    element.setAttribute('aria-expanded', 'false');\n    target.classList.remove('show');\n\n    window.setTimeout(() => {\n      target.classList.remove('block');\n      target.classList.add('hidden');\n    }, duration)\n    return\n  }\n  element.setAttribute('aria-expanded', 'true');\n  target.classList.add('block');\n  target.classList.add('show');\n  target.classList.remove('hidden');\n\n  window.setTimeout(() => {\n    target.style.height = target.scrollHeight + 'px'\n  }, 33)\n\n  window.setTimeout(() => {\n    target.style.overflow = ''\n  }, duration)\n}\n\nconst Accordion = addEventListenerToSelector('[data-toggle=\"accordion\"]', 'click', accordion)\nexport default Accordion\n","import { getDuration, getTarget, addEventListenerToSelector } from '../utils'\n\nconst dismiss = element => {\n  let target = getTarget(element)\n  if (!target) {\n    target = element.closest(`.${element.getAttribute('data-dismiss')}`)\n  }\n  target.classList.add('opacity-0')\n  setTimeout(() => target.remove(), getDuration(target))\n}\n\nconst Dismiss = addEventListenerToSelector('[data-dismiss]', 'click', dismiss)\nexport default Dismiss\n","import { getDuration, getTarget, addEventListenerToSelector } from '../utils'\n\nconst collapse = (element) => {\n  let target = getTarget(element)\n  if (!target) {\n    return\n  }\n\n  const duration = getDuration(target)\n  target.style.overflow = 'hidden'\n  target.style.height = 0\n\n  if (element.getAttribute('aria-expanded') === 'true') {\n    element.setAttribute('aria-expanded', 'false');\n    target.classList.remove('show');\n\n    window.setTimeout(() => target.classList.remove('block'), duration)\n    return\n  }\n\n  element.setAttribute('aria-expanded', 'true');\n  target.classList.add('block');\n  target.classList.add('show');\n\n  window.setTimeout(() => {\n    target.querySelectorAll('.dropdown-menu').forEach(m => m.classList.add('hidden'));\n    let navHeight = target.scrollHeight\n    target.querySelectorAll('.dropdown-menu').forEach(m => m.classList.remove('hidden'));\n    target.style.height = navHeight + 'px'\n  }, 32)\n\n  window.setTimeout(() => target.style.overflow = '', duration)\n}\n\nconst Collapse = addEventListenerToSelector('[data-toggle=\"collapse\"]', 'click', collapse)\nexport default Collapse\n","import { waitForElement, parseElementOptions, addEventListenerToSelector } from '../utils'\n\n\nconst defaults = {\n  closeButton: 'fixed right-0 top-0 z-50 text-white px-5 close'\n}\n\n  // if (element.getAttribute('aria-label')) {\n  //   return\n  // }\n  // element.setAttribute('aria-label', 'modal')\n\nconst addModal = (element) => {\n  const options = parseElementOptions(element)\n  const {size, beforeShown} = options\n  const id = options.id || 'v-modal'\n  let content = element.dataset.html || ''\n\n  if (options.imgSrc) {\n    content = `<img src=\"${options.imgSrc}\">`\n  }\n  if (options.iframeSrc) {\n    content = `<iframe allow=\"autoplay\" class=\"aspect-video w-full\" src=\"${options.iframeSrc}\" allowfullscreen=\"\" autoplay=\"\"></iframe>`\n  }\n\n  let modalHTML = `<div class=\"modal\" id=\"${id}\">\n  <div class=\"modal-content ${size ? `modal-${size}` : ''}\">\n    ${content}\n  </div>\n\n  <button onclick=\"removeModal('${id}')\" type=\"button\" class=\"${defaults.closeButton}\" data-dismiss=\"modal\" aria-label=\"Close\">\n    <span class=\"text-4xl\" aria-hidden=\"true\">&times;</span>\n  </button>\n\n  <div class=\"modal-bg\" onclick=\"removeModal('${id}')\"></div>\n</div>\n`;\n\n  document.addEventListener('keydown', e => e.keyCode == 27 && window.removeModal(id))\n  document.body.style.overflow = 'hidden'\n  document.body.insertAdjacentHTML('beforeend', modalHTML)\n\n  waitForElement('#' + id).then(ele => {\n    beforeShown && window[beforeShown]()\n    window.setTimeout(() => ele.classList.add('opacity-100'), 32)\n  })\n}\n\nconst removeModal = (id='v-modal') => {\n  let modal = document.getElementById(id)\n  modal.classList.remove('opacity-100')\n  window.setTimeout(() => {\n    modal.remove()\n    document.body.style.overflow = ''\n  }, 500)\n}\n\nwindow.removeModal = removeModal\nconst Modals = addEventListenerToSelector('[data-toggle=\"modal\"]', 'click', addModal)\nexport default Modals\n","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import { addEventListenerToSelector } from '../utils'\n\nconst tabs = element => {\n  if (element.getAttribute(\"aria-selected\") === 'true') {\n    return null\n  }\n\n  let target = document.querySelector(`[aria-labelledby=\"${element.getAttribute('aria-controls')}\"]`)\n  if (!target) {\n    return null\n  }\n\n  let inactiveClass = element.classList.value\n\n  let tablist = element.parentNode\n  while (tablist && tablist.getAttribute('role') !== 'tablist') {\n    tablist = tablist.parentNode\n  }\n\n  let activeTabs = tablist.querySelectorAll('[aria-selected=\"true\"]')\n  if (!activeTabs || activeTabs.length === 0) {\n    return null\n  }\n  let activeClass = activeTabs[0].classList.value;\n\n  tablist.querySelectorAll('[role=\"tab\"]').forEach(tab => {\n    tab.classList = inactiveClass\n    tab.setAttribute('aria-selected', 'false')\n  });\n\n  element.classList = activeClass;\n  element.setAttribute('aria-selected', 'true');\n\n  if (target.getAttribute('role') === 'tabcontent') {\n    [...target.children].forEach(n => {\n      if (n.getAttribute('role') === 'tabpanel') {\n        n.classList.remove('hidden')\n      }\n    })\n    return\n  }\n\n  [...target.parentNode.children].forEach(n => {\n    if (n.getAttribute('role') === 'tabpanel') {\n      n.classList.add('hidden')\n    }\n  })\n\n  target.classList.remove('hidden')\n}\n\nconst Tabs = addEventListenerToSelector('[role=\"tab\"]', 'click', tabs)\nexport default Tabs\n","import accordion from './accordion'\nimport dismiss from './dismiss'\nimport collapse from './collapse'\nimport dropdown from './dropdown'\nimport modal from './modal'\nimport tabs from './tabs'\nimport { handleResize } from '../utils'\n\n(function() {\nwindow.vInitialized = false\nwindow.initializeVUI = () => {\n  if (window.vInitialized) {\n    return\n  }\n  window.vInitialized = true\n  accordion()\n  collapse()\n  dismiss()\n  dropdown()\n  modal()\n  tabs()\n\n  handleResize()\n}\n\ndocument.addEventListener('DOMContentLoaded', initializeVUI)\nif (document.readyState !== \"loading\") {\n  initializeVUI()\n}\n})();"],"names":["document","querySelectorAll","forEach","trigger","window","FloatingUIDOM","computePosition","shift","offset","target","nextElementSibling","parent","parentElement","options","eval","dataset","middleware","padding","update","placement","then","x","y","Object","assign","style","left","top","show","display","requestAnimationFrame","classList","add","hide","remove","toggle","addEventListener","e","contains","relatedTarget","hasFocus","addEventListeners","addEscapeListener","getTarget","element","getAttribute","getElementById","replace","getDuration","getComputedStyle","getPropertyValue","events","listenerFunction","event","key","addEventListenerToSelector","selector","eventListener","handleResize","setAttribute","height","overflow","waitForElement","s","d","Promise","resolve","querySelector","observer","MutationObserver","mutations","disconnect","observe","body","childList","subtree","parseElementOptions","t","JSON","parse","replaceAll","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","closest","duration","setTimeout","scrollHeight","m","navHeight","defaults","removeModal","id","modal","size","beforeShown","content","html","imgSrc","iframeSrc","modalHTML","keyCode","insertAdjacentHTML","ele","_arrayLikeToArray","arr","len","length","i","arr2","Array","_toConsumableArray","isArray","iter","Symbol","iterator","from","minLen","n","toString","slice","constructor","name","test","TypeError","inactiveClass","value","tablist","parentNode","activeTabs","activeClass","tab","children","vInitialized","initializeVUI","accordion","collapse","dismiss","dropdown","tabs","readyState"],"sourceRoot":""}

package/src/js/components/accordion.js

@@ -1,35 +0,0 @@
-import { getTarget, getDuration, addEventListeners, addEscapeListener, addEventListenerToSelector } from '../utils'
-
-const accordion = (element) => {
-  let target = element.closest('.accordion-item').querySelector('.accordion-collapse')
-  const duration = getDuration(target)
-
-  target.style.overflow = 'hidden'
-  target.style.height = 0
-
-  if (element.getAttribute('aria-expanded') === 'true') {
-    element.setAttribute('aria-expanded', 'false');
-    target.classList.remove('show');
-
-    window.setTimeout(() => {
-      target.classList.remove('block');
-      target.classList.add('hidden');
-    }, duration)
-    return
-  }
-  element.setAttribute('aria-expanded', 'true');
-  target.classList.add('block');
-  target.classList.add('show');
-  target.classList.remove('hidden');
-
-  window.setTimeout(() => {
-    target.style.height = target.scrollHeight + 'px'
-  }, 33)
-
-  window.setTimeout(() => {
-    target.style.overflow = ''
-  }, duration)
-}
-
-const Accordion = addEventListenerToSelector('[data-toggle="accordion"]', 'click', accordion)
-export default Accordion

package/src/js/components/collapse.js

@@ -1,36 +0,0 @@
-import { getDuration, getTarget, addEventListenerToSelector } from '../utils'
-
-const collapse = (element) => {
-  let target = getTarget(element)
-  if (!target) {
-    return
-  }
-
-  const duration = getDuration(target)
-  target.style.overflow = 'hidden'
-  target.style.height = 0
-
-  if (element.getAttribute('aria-expanded') === 'true') {
-    element.setAttribute('aria-expanded', 'false');
-    target.classList.remove('show');
-
-    window.setTimeout(() => target.classList.remove('block'), duration)
-    return
-  }
-
-  element.setAttribute('aria-expanded', 'true');
-  target.classList.add('block');
-  target.classList.add('show');
-
-  window.setTimeout(() => {
-    target.querySelectorAll('.dropdown-menu').forEach(m => m.classList.add('hidden'));
-    let navHeight = target.scrollHeight
-    target.querySelectorAll('.dropdown-menu').forEach(m => m.classList.remove('hidden'));
-    target.style.height = navHeight + 'px'
-  }, 32)
-
-  window.setTimeout(() => target.style.overflow = '', duration)
-}
-
-const Collapse = addEventListenerToSelector('[data-toggle="collapse"]', 'click', collapse)
-export default Collapse

package/src/js/components/common.js

@@ -1,30 +0,0 @@
-import accordion from './accordion'
-import dismiss from './dismiss'
-import collapse from './collapse'
-import dropdown from './dropdown'
-import modal from './modal'
-import tabs from './tabs'
-import { handleResize } from '../utils'
-
-(function() {
-window.vInitialized = false
-window.initializeVUI = () => {
-  if (window.vInitialized) {
-    return
-  }
-  window.vInitialized = true
-  accordion()
-  collapse()
-  dismiss()
-  dropdown()
-  modal()
-  tabs()
-
-  handleResize()
-}
-
-document.addEventListener('DOMContentLoaded', initializeVUI)
-if (document.readyState !== "loading") {
-  initializeVUI()
-}
-})();

package/src/js/components/dismiss.js

@@ -1,13 +0,0 @@
-import { getDuration, getTarget, addEventListenerToSelector } from '../utils'
-
-const dismiss = element => {
-  let target = getTarget(element)
-  if (!target) {
-    target = element.closest(`.${element.getAttribute('data-dismiss')}`)
-  }
-  target.classList.add('opacity-0')
-  setTimeout(() => target.remove(), getDuration(target))
-}
-
-const Dismiss = addEventListenerToSelector('[data-dismiss]', 'click', dismiss)
-export default Dismiss

package/src/js/components/dropdown.js

@@ -1,58 +0,0 @@
-import { addEventListeners, addEscapeListener } from '../utils'
-
-export default () => document.querySelectorAll('[data-toggle="dropdown"]').forEach(trigger => {
-
-  const {computePosition, shift, offset} = window.FloatingUIDOM;
-  const target = trigger.nextElementSibling;
-  const parent = trigger.parentElement;
-  const options = eval('(' + trigger.dataset.options + ')' || '') || {};
-
-  let middleware = [
-    offset(6),
-    shift({
-      padding: 5,
-    }),
-  ];
-
-  function update() {
-    computePosition(trigger, target, {
-      placement: options.placement || 'bottom',
-      middleware,
-    }).then(({ x, y }) => {
-      Object.assign(target.style, {
-        left: `${x}px`,
-        top: `${y}px`,
-      });
-    });
-  }
-
-  const show = () => {
-    target.style.display = 'block';
-    requestAnimationFrame(() => {
-      target.classList.add('opacity-100', 'visible');
-    });
-    update();
-  };
-
-  const hide = () => {
-    target.style.display = '';
-    target.classList.remove('opacity-100', 'visible');
-  };
-
-  const toggle = () => {
-    if (target.style.display === 'block') {
-      hide();
-      return;
-    }
-    show();
-  };
-
-  parent.addEventListener('focusout', (e) => {
-    if (parent.contains(e.relatedTarget) || !document.hasFocus()) {
-      return
-    };
-    hide()
-  });
-  addEventListeners(trigger, ['click'], toggle)
-  addEscapeListener(hide)
-})

package/src/js/components/modal.js

@@ -1,60 +0,0 @@
-import { waitForElement, parseElementOptions, addEventListenerToSelector } from '../utils'
-
-
-const defaults = {
-  closeButton: 'fixed right-0 top-0 z-50 text-white px-5 close'
-}
-
-  // if (element.getAttribute('aria-label')) {
-  //   return
-  // }
-  // element.setAttribute('aria-label', 'modal')
-
-const addModal = (element) => {
-  const options = parseElementOptions(element)
-  const {size, beforeShown} = options
-  const id = options.id || 'v-modal'
-  let content = element.dataset.html || ''
-
-  if (options.imgSrc) {
-    content = `<img src="${options.imgSrc}">`
-  }
-  if (options.iframeSrc) {
-    content = `<iframe allow="autoplay" class="aspect-video w-full" src="${options.iframeSrc}" allowfullscreen="" autoplay=""></iframe>`
-  }
-
-  let modalHTML = `<div class="modal" id="${id}">
-  <div class="modal-content ${size ? `modal-${size}` : ''}">
-    ${content}
-  </div>
-
-  <button onclick="removeModal('${id}')" type="button" class="${defaults.closeButton}" data-dismiss="modal" aria-label="Close">
-    <span class="text-4xl" aria-hidden="true">&times;</span>
-  </button>
-
-  <div class="modal-bg" onclick="removeModal('${id}')"></div>
-</div>
-`;
-
-  document.addEventListener('keydown', e => e.keyCode == 27 && window.removeModal(id))
-  document.body.style.overflow = 'hidden'
-  document.body.insertAdjacentHTML('beforeend', modalHTML)
-
-  waitForElement('#' + id).then(ele => {
-    beforeShown && window[beforeShown]()
-    window.setTimeout(() => ele.classList.add('opacity-100'), 32)
-  })
-}
-
-const removeModal = (id='v-modal') => {
-  let modal = document.getElementById(id)
-  modal.classList.remove('opacity-100')
-  window.setTimeout(() => {
-    modal.remove()
-    document.body.style.overflow = ''
-  }, 500)
-}
-
-window.removeModal = removeModal
-const Modals = addEventListenerToSelector('[data-toggle="modal"]', 'click', addModal)
-export default Modals