@contactstudio/mindbeui - npm Package Compare versions

Comparing version 0.0.71 to 0.0.72

dist/mindbeui.js

@@ -1,1 +0,1 @@
-(function(i){typeof define=="function"&&define.amd?define(i):i()})(function(){"use strict";console.log("Mindbe UI");async function i(){const e=document.querySelectorAll(".accordion .item:not([disabled]");for(const t of e)t.onclick=()=>{const o=t.parentElement.querySelectorAll(".item:not([disabled])");for(const n of o)n!==t&&n.removeAttribute("open")}}function d(){const e=document.querySelectorAll("*[dropdown-trigger]");for(const t of e){const o=document.querySelector(`.dropdown[dropdown="${t.getAttribute("dropdown-trigger")}"]`);p({trigger:t,dropdown:o})}}function p({trigger:e,dropdown:t}){e.onclick=()=>{h({dropdown:t}),y({dropdown:t}),c({trigger:e,dropdown:t}),window.onresize=()=>{c({trigger:e,dropdown:t})},document.onscroll=()=>{c({trigger:e,dropdown:t})},w({dropdown:t}),b({trigger:e,dropdown:t})}}function h({dropdown:e}){const t=document.querySelectorAll("*[dropdown]");for(const o of t)e!==o&&s({dropdown:o})}function y({dropdown:e}){e.classList.toggle("visible"),e.classList.contains("visible")||u()}function b({trigger:e,dropdown:t}){document.onclick=o=>{!e.contains(o.target)&&!t.contains(o.target)&&s({dropdown:t})}}function w({dropdown:e}){const t=e.querySelectorAll(".item");for(const o of t)o.onclick=()=>{e.hasAttribute("static")||s({dropdown:e})}}function c({trigger:e,dropdown:t}){const{top:o,bottom:n,left:A,right:f}=e.getBoundingClientRect(),{width:g,height:m}=t.getBoundingClientRect(),{width:E,height:v,top:a,left:k}=document.body.getBoundingClientRect(),D=n-a,x=o-a,r=f+g>E,l=n+m>v;console.log("rightExceeded",r),console.log("bottomExceeded",l),l||t.style.setProperty("top",`${D}px`),l&&t.style.setProperty("top",`${x-m}px`),r||t.style.setProperty("left",`${A}px`),r&&t.style.setProperty("left",`${f-g}px`)}function s({dropdown:e}){e.classList.remove("visible"),u()}function u(){window.onresize=()=>{},document.onscroll=()=>{}}(function(){window&&document&&(document.addEventListener("DOMContentLoaded",()=>{i(),d()}),document.addEventListener("click",()=>{i(),d()}))})();const T=""});
+(function(n){typeof define=="function"&&define.amd?define(n):n()})(function(){"use strict";console.log("Mindbe UI");async function n(){const e=document.querySelectorAll(".accordion .item:not([disabled]");for(const t of e)t.onclick=()=>{const o=t.parentElement.querySelectorAll(".item:not([disabled])");for(const i of o)i!==t&&i.removeAttribute("open")}}function r(){const e=document.querySelectorAll("*[dropdown-trigger]");for(const t of e){const o=document.querySelector(`.dropdown[dropdown="${t.getAttribute("dropdown-trigger")}"]`);y({trigger:t,dropdown:o})}}function y({trigger:e,dropdown:t}){e.onclick=()=>{b({dropdown:t}),w({dropdown:t}),c({trigger:e,dropdown:t}),window.onresize=()=>{c({trigger:e,dropdown:t})},document.onscroll=()=>{c({trigger:e,dropdown:t})},v({dropdown:t}),A({trigger:e,dropdown:t})}}function b({dropdown:e}){const t=document.querySelectorAll("*[dropdown]");for(const o of t)e!==o&&s({dropdown:o})}function w({dropdown:e}){e.classList.toggle("visible"),e.classList.contains("visible")||l()}function A({trigger:e,dropdown:t}){document.onclick=o=>{!e.contains(o.target)&&!t.contains(o.target)&&s({dropdown:t})}}function v({dropdown:e}){const t=e.querySelectorAll(".item");for(const o of t)o.onclick=()=>{e.hasAttribute("static")||s({dropdown:e})}}function c({trigger:e,dropdown:t}){const{top:o,bottom:i,left:D,right:E}=e.getBoundingClientRect(),{width:d,height:u}=t.getBoundingClientRect(),{width:T,height:L,top:f,left:g}=document.body.getBoundingClientRect(),m=E-g,k=D-g,a=i-f,x=o-f,p=m+d>T,h=a+u>L;h||t.style.setProperty("top",`${a}px`),h&&t.style.setProperty("top",`${x-u}px`),p||t.style.setProperty("left",`${k}px`),p&&t.style.setProperty("left",`${m-d}px`)}function s({dropdown:e}){e.classList.remove("visible"),l()}function l(){window.onresize=()=>{},document.onscroll=()=>{}}(function(){window&&document&&(document.addEventListener("DOMContentLoaded",()=>{n(),r()}),document.addEventListener("click",()=>{n(),r()}))})();const q=""});

package.json

 {
   "name": "@contactstudio/mindbeui",
-  "version": "0.0.71",
+  "version": "0.0.72",
   "type": "module",
@@ -5,0 +5,0 @@ "main": "dist/mindbeui.js",

src/index.js

@@ -105,13 +105,9 @@ console.log("Mindbe UI");
 
-  // const absoluteRightTrigger = rightTrigger - scrollLeft;
-  // const absoluteLeftTrigger = leftTrigger - scrollLeft;
+  const absoluteRightTrigger = rightTrigger - scrollLeft;
+  const absoluteLeftTrigger = leftTrigger - scrollLeft;
   const absoluteBottomTrigger = bottomTrigger - scrollTop;
   const absoluteTopTrigger = topTrigger - scrollTop;
 
-  
-  const rightExceeded = rightTrigger + widthDrop > totalWidth;
-  const bottomExceeded = bottomTrigger + heightDrop > totalHeight;
-  
-  console.log("rightExceeded", rightExceeded);
-  console.log("bottomExceeded", bottomExceeded);
+  const rightExceeded = absoluteRightTrigger + widthDrop > totalWidth;
+  const bottomExceeded = absoluteBottomTrigger + heightDrop > totalHeight;
 
@@ -125,6 +121,6 @@ if (!bottomExceeded) {
   if (!rightExceeded) {
-    dropdown.style.setProperty("left", `${leftTrigger}px`);
+    dropdown.style.setProperty("left", `${absoluteLeftTrigger}px`);
   }
   if (rightExceeded) {
-    dropdown.style.setProperty("left", `${rightTrigger - widthDrop}px`);
+    dropdown.style.setProperty("left", `${absoluteRightTrigger - widthDrop}px`);
   }
@@ -131,0 +127,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

52686

decreased by-0.35%

Lines of code

217

decreased by-0.91%

No dependency changes