winduum 0.1.15 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "winduum",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "type": "module",
   "main": "index.js",
   "scripts": {

package/src/libraries/dialog.js

@@ -15,6 +15,8 @@ const defaultOptions = {
     }
 }
 
+const dialogSelector = selector => document.querySelectorAll(selector)[document.querySelectorAll(selector).length - 1]
+
 /**
  * Dismisses a dialog.
  * @type {typeof import("./dialog").dismissDialog}
@@ -92,8 +94,6 @@ const closeDialog = async (selector, options = defaultOptions.close) => {
 const insertDialog = async (content, options = defaultOptions.insert) => {
     options = Object.assign({}, defaultOptions.insert, options)
 
-    const dialogSelector = selector => document.querySelectorAll(selector)[document.querySelectorAll(selector).length - 1]
-
     if (!dialogSelector(options.selector) || options.append) {
         document.body.insertAdjacentHTML('beforeend', `<dialog class="${options.class}">${content}</dialog>`)
     } else {
@@ -115,7 +115,7 @@ const fetchDialog = async ({ url, insertOptions = {} }) => {
         .then(async ({ content }) => await insertDialog(content, insertOptions))
 }
 
-export { showDialog, closeDialog, insertDialog, fetchDialog }
+export { showDialog, closeDialog, insertDialog, fetchDialog, dialogSelector, dismissDialog }
 
 export default {
     defaults: defaultOptions,

package/src/libraries/ripple.d.ts

@@ -1,5 +1,5 @@
 export declare function showRipple(event: {
     currentTarget: HTMLElement,
-    pageX: number,
-    pageY: number,
+    layerX: number,
+    layerY: number,
 }, selector?: HTMLElement): void;

package/src/libraries/ripple.js

@@ -2,7 +2,7 @@
  * Shows a ripple effect.
  * @type {typeof import("./ripple").showRipple}
  */
-const showRipple = ({ currentTarget, pageX, pageY }, selector = currentTarget.querySelector('.lib-ripple')) => {
+const showRipple = ({ currentTarget, layerX, layerY }, selector = currentTarget.querySelector('.lib-ripple')) => {
     if (!selector) {
         currentTarget.insertAdjacentHTML('beforeend', "<div class='lib-ripple'></div>")
         selector = currentTarget.querySelector('.lib-ripple')
@@ -17,8 +17,8 @@ const showRipple = ({ currentTarget, pageX, pageY }, selector = currentTarget.qu
         selector.style.height = d + 'px'
     }
 
-    selector.style.top = pageX - currentTarget.offsetLeft - (selector.clientWidth / 2) + 'px'
-    selector.style.left = pageY - currentTarget.offsetTop - (selector.clientHeight / 2) + 'px'
+    selector.style.top = layerX - (selector.clientWidth / 2) + 'px'
+    selector.style.left = layerY - (selector.clientHeight / 2) + 'px'
     selector.classList.add('animation-ripple')
 }