Skip to content

Commit 90d5218

Browse files
adamluiadamlui
committed
Moved modals.handlers.drag.draggableElem to modals.draggingModal, renamed draggableElemRect to draggingModalRect 
1 parent b0875d1 commit 90d5218

File tree

4 files changed

+52
-52
lines changed

4 files changed

+52
-52
lines changed

‎amazongpt/greasemonkey/amazongpt.user.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// @description Adds the magic of AI to Amazon shopping
44
// @author KudoAI
55
// @namespace https://kudoai.com
6-
// @version 2025.2.13.4
6+
// @version 2025.2.13.5
77
// @license MIT
88
// @icon https://amazongpt.kudoai.com/assets/images/icons/amazongpt/black-gold-teal/icon48.png?v=0fddfc7
99
// @icon64 https://amazongpt.kudoai.com/assets/images/icons/amazongpt/black-gold-teal/icon64.png?v=0fddfc7
@@ -662,37 +662,37 @@
662662
mousedown(event) { // find modal, update styles, attach listeners, init XY offsets
663663
if (event.button != 0) return // prevent non-left-click drag
664664
if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
665-
modals.handlers.drag.draggableElem = event.currentTarget
666-
Object.assign(modals.handlers.drag.draggableElem.style, { // update styles
665+
modals.draggingModal = event.currentTarget
666+
Object.assign(modals.draggingModal.style, { // update styles
667667
cursor: 'grabbing', transition: '0.1s', willChange: 'transform', transform: 'scale(1.05)' });
668-
[...modals.handlers.drag.draggableElem.children] // prevent hover FX if drag lags behind cursor
668+
[...modals.draggingModal.children] // prevent hover FX if drag lags behind cursor
669669
.forEach(child => child.style.pointerEvents = 'none')
670670
event.preventDefault(); // prevent sub-elems like icons being draggable
671671
['mousemove', 'mouseup'].forEach(eventType => // add listeners
672672
document.addEventListener(eventType, modals.handlers.drag[eventType]))
673-
const draggableElemRect = modals.handlers.drag.draggableElem.getBoundingClientRect()
674-
modals.handlers.drag.offsetX = event.clientX - draggableElemRect.left +21
675-
modals.handlers.drag.offsetY = event.clientY - draggableElemRect.top +12
673+
const draggingModalRect = modals.draggingModal.getBoundingClientRect()
674+
modals.handlers.drag.offsetX = event.clientX - draggingModalRect.left +21
675+
modals.handlers.drag.offsetY = event.clientY - draggingModalRect.top +12
676676
},
677677

678678
mousemove(event) { // drag modal
679-
if (modals.handlers.drag.draggableElem) {
679+
if (modals.draggingModal) {
680680
const newX = event.clientX - modals.handlers.drag.offsetX,
681681
newY = event.clientY - modals.handlers.drag.offsetY
682-
Object.assign(modals.handlers.drag.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
682+
Object.assign(modals.draggingModal.style, { left: `${newX}px`, top: `${newY}px` })
683683
}
684684
},
685685

686-
mouseup() { // restore styles/pointer events, remove listeners, reset modals.handlers.drag.draggableElem
687-
Object.assign(modals.handlers.drag.draggableElem.style, { // restore styles
686+
mouseup() { // restore styles/pointer events, remove listeners, reset modals.draggingModal
687+
Object.assign(modals.draggingModal.style, { // restore styles
688688
pointerEvents: '', cursor: 'inherit', transition: 'inherit',
689689
willChange: 'auto', transform: 'scale(1)'
690690
});
691-
[...modals.handlers.drag.draggableElem.children] // restore pointer events
691+
[...modals.draggingModal.children] // restore pointer events
692692
.forEach(child => child.style.pointerEvents = '');
693693
['mousemove', 'mouseup'].forEach(eventType => // remove listeners
694694
document.removeEventListener(eventType, modals.handlers.drag[eventType]))
695-
modals.handlers.drag.draggableElem = null
695+
modals.draggingModal = null
696696
}
697697
}
698698
},

‎bravegpt/greasemonkey/bravegpt.user.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@
148148
// @description:zu Yengeza izimpendulo ze-AI ku-Brave Search (inikwa amandla yi-GPT-4o!)
149149
// @author KudoAI
150150
// @namespace https://kudoai.com
151-
// @version 2025.2.13.4
151+
// @version 2025.2.13.5
152152
// @license MIT
153153
// @icon https://assets.bravegpt.com/images/icons/bravegpt/icon48.png?v=df624b0
154154
// @icon64 https://assets.bravegpt.com/images/icons/bravegpt/icon64.png?v=df624b0
@@ -872,37 +872,37 @@
872872
mousedown(event) { // find modal, update styles, attach listeners, init XY offsets
873873
if (event.button != 0) return // prevent non-left-click drag
874874
if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
875-
modals.handlers.drag.draggableElem = event.currentTarget
876-
Object.assign(modals.handlers.drag.draggableElem.style, { // update styles
875+
modals.draggingModal = event.currentTarget
876+
Object.assign(modals.draggingModal.style, { // update styles
877877
cursor: 'grabbing', transition: '0.1s', willChange: 'transform', transform: 'scale(1.05)' });
878-
[...modals.handlers.drag.draggableElem.children] // prevent hover FX if drag lags behind cursor
878+
[...modals.draggingModal.children] // prevent hover FX if drag lags behind cursor
879879
.forEach(child => child.style.pointerEvents = 'none')
880880
event.preventDefault(); // prevent sub-elems like icons being draggable
881881
['mousemove', 'mouseup'].forEach(eventType => // add listeners
882882
document.addEventListener(eventType, modals.handlers.drag[eventType]))
883-
const draggableElemRect = modals.handlers.drag.draggableElem.getBoundingClientRect()
884-
modals.handlers.drag.offsetX = event.clientX - draggableElemRect.left +21
885-
modals.handlers.drag.offsetY = event.clientY - draggableElemRect.top +12
883+
const draggingModalRect = modals.draggingModal.getBoundingClientRect()
884+
modals.handlers.drag.offsetX = event.clientX - draggingModalRect.left +21
885+
modals.handlers.drag.offsetY = event.clientY - draggingModalRect.top +12
886886
},
887887

888888
mousemove(event) { // drag modal
889-
if (modals.handlers.drag.draggableElem) {
889+
if (modals.draggingModal) {
890890
const newX = event.clientX - modals.handlers.drag.offsetX,
891891
newY = event.clientY - modals.handlers.drag.offsetY
892-
Object.assign(modals.handlers.drag.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
892+
Object.assign(modals.draggingModal.style, { left: `${newX}px`, top: `${newY}px` })
893893
}
894894
},
895895

896-
mouseup() { // restore styles/pointer events, remove listeners, reset modals.handlers.drag.draggableElem
897-
Object.assign(modals.handlers.drag.draggableElem.style, { // restore styles
896+
mouseup() { // restore styles/pointer events, remove listeners, reset modals.draggingModal
897+
Object.assign(modals.draggingModal.style, { // restore styles
898898
pointerEvents: '', cursor: 'inherit', transition: 'inherit',
899899
willChange: 'auto', transform: 'scale(1)'
900900
});
901-
[...modals.handlers.drag.draggableElem.children] // restore pointer events
901+
[...modals.draggingModal.children] // restore pointer events
902902
.forEach(child => child.style.pointerEvents = '');
903903
['mousemove', 'mouseup'].forEach(eventType => // remove listeners
904904
document.removeEventListener(eventType, modals.handlers.drag[eventType]))
905-
modals.handlers.drag.draggableElem = null
905+
modals.draggingModal = null
906906
}
907907

908908
}

‎duckduckgpt/greasemonkey/duckduckgpt.user.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@
148148
// @description:zu Yengeza izimpendulo ze-AI ku-DuckDuckGo (inikwa amandla yi-GPT-4o!)
149149
// @author KudoAI
150150
// @namespace https://kudoai.com
151-
// @version 2025.2.13.4
151+
// @version 2025.2.13.5
152152
// @license MIT
153153
// @icon https://assets.ddgpt.com/images/icons/duckduckgpt/icon48.png?v=06af076
154154
// @icon64 https://assets.ddgpt.com/images/icons/duckduckgpt/icon64.png?v=06af076
@@ -880,40 +880,40 @@
880880
mousedown(event) { // find modal, update styles, attach listeners, init XY offsets
881881
if (event.button != 0) return // prevent non-left-click drag
882882
if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
883-
modals.handlers.drag.draggableElem = event.currentTarget
884-
Object.assign(modals.handlers.drag.draggableElem.style, { // update styles
883+
modals.draggingModal = event.currentTarget
884+
Object.assign(modals.draggingModal.style, { // update styles
885885
cursor: 'grabbing', transition: '0.1s', willChange: 'transform', transform: 'scale(1.05)' });
886-
[...modals.handlers.drag.draggableElem.children] // prevent hover FX if drag lags behind cursor
886+
[...modals.draggingModal.children] // prevent hover FX if drag lags behind cursor
887887
.forEach(child => child.style.pointerEvents = 'none')
888888
event.preventDefault(); // prevent sub-elems like icons being draggable
889889
['mousemove', 'mouseup'].forEach(eventType => // add listeners
890890
document.addEventListener(eventType, modals.handlers.drag[eventType]))
891-
const draggableElemRect = modals.handlers.drag.draggableElem.getBoundingClientRect(),
891+
const draggingModalRect = modals.draggingModal.getBoundingClientRect(),
892892
targetModalIsSettings = event.currentTarget.closest('[id*=-settings]')
893893
modals.handlers.drag.offsetX = (
894-
event.clientX - draggableElemRect.left + ( targetModalIsSettings ? 0 : 21 ))
894+
event.clientX - draggingModalRect.left + ( targetModalIsSettings ? 0 : 21 ))
895895
modals.handlers.drag.offsetY = (
896-
event.clientY - draggableElemRect.top + ( targetModalIsSettings ? 0 : 12 ))
896+
event.clientY - draggingModalRect.top + ( targetModalIsSettings ? 0 : 12 ))
897897
},
898898

899899
mousemove(event) { // drag modal
900-
if (modals.handlers.drag.draggableElem) {
900+
if (modals.draggingModal) {
901901
const newX = event.clientX - modals.handlers.drag.offsetX,
902902
newY = event.clientY - modals.handlers.drag.offsetY
903-
Object.assign(modals.handlers.drag.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
903+
Object.assign(modals.draggingModal.style, { left: `${newX}px`, top: `${newY}px` })
904904
}
905905
},
906906

907-
mouseup() { // restore styles/pointer events, remove listeners, reset modals.handlers.drag.draggableElem
908-
Object.assign(modals.handlers.drag.draggableElem.style, { // restore styles
907+
mouseup() { // restore styles/pointer events, remove listeners, reset modals.draggingModal
908+
Object.assign(modals.draggingModal.style, { // restore styles
909909
pointerEvents: '', cursor: 'inherit', transition: 'inherit',
910910
willChange: 'auto', transform: 'scale(1)'
911911
});
912-
[...modals.handlers.drag.draggableElem.children] // restore pointer events
912+
[...modals.draggingModal.children] // restore pointer events
913913
.forEach(child => child.style.pointerEvents = '');
914914
['mousemove', 'mouseup'].forEach(eventType => // remove listeners
915915
document.removeEventListener(eventType, modals.handlers.drag[eventType]))
916-
modals.handlers.drag.draggableElem = null
916+
modals.draggingModal = null
917917
}
918918

919919
}

‎googlegpt/greasemonkey/googlegpt.user.js‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@
149149
// @description:zu Yengeza izimpendulo ze-AI ku-Google Search (inikwa amandla yi-Google Gemma + GPT-4o!)
150150
// @author KudoAI
151151
// @namespace https://kudoai.com
152-
// @version 2025.2.13.4
152+
// @version 2025.2.13.5
153153
// @license MIT
154154
// @icon https://assets.googlegpt.io/images/icons/googlegpt/black/icon48.png?v=59409b2
155155
// @icon64 https://assets.googlegpt.io/images/icons/googlegpt/black/icon64.png?v=59409b2
@@ -1024,37 +1024,37 @@
10241024
mousedown(event) { // find modal, update styles, attach listeners, init XY offsets
10251025
if (event.button != 0) return // prevent non-left-click drag
10261026
if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
1027-
modals.handlers.drag.draggableElem = event.currentTarget
1028-
Object.assign(modals.handlers.drag.draggableElem.style, { // update styles
1027+
modals.draggingModal = event.currentTarget
1028+
Object.assign(modals.draggingModal.style, { // update styles
10291029
cursor: 'grabbing', transition: '0.1s', willChange: 'transform', transform: 'scale(1.05)' });
1030-
[...modals.handlers.drag.draggableElem.children] // prevent hover FX if drag lags behind cursor
1030+
[...modals.draggingModal.children] // prevent hover FX if drag lags behind cursor
10311031
.forEach(child => child.style.pointerEvents = 'none')
10321032
event.preventDefault(); // prevent sub-elems like icons being draggable
10331033
['mousemove', 'mouseup'].forEach(eventType => // add listeners
10341034
document.addEventListener(eventType, modals.handlers.drag[eventType]))
1035-
const draggableElemRect = modals.handlers.drag.draggableElem.getBoundingClientRect()
1036-
modals.handlers.drag.offsetX = event.clientX - draggableElemRect.left +21
1037-
modals.handlers.drag.offsetY = event.clientY - draggableElemRect.top +12
1035+
const draggingModalRect = modals.draggingModal.getBoundingClientRect()
1036+
modals.handlers.drag.offsetX = event.clientX - draggingModalRect.left +21
1037+
modals.handlers.drag.offsetY = event.clientY - draggingModalRect.top +12
10381038
},
10391039

10401040
mousemove(event) { // drag modal
1041-
if (modals.handlers.drag.draggableElem) {
1041+
if (modals.draggingModal) {
10421042
const newX = event.clientX - modals.handlers.drag.offsetX,
10431043
newY = event.clientY - modals.handlers.drag.offsetY
1044-
Object.assign(modals.handlers.drag.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
1044+
Object.assign(modals.draggingModal.style, { left: `${newX}px`, top: `${newY}px` })
10451045
}
10461046
},
10471047

1048-
mouseup() { // restore styles/pointer events, remove listeners, reset modals.handlers.drag.draggableElem
1049-
Object.assign(modals.handlers.drag.draggableElem.style, { // restore styles
1048+
mouseup() { // restore styles/pointer events, remove listeners, reset modals.draggingModal
1049+
Object.assign(modals.draggingModal.style, { // restore styles
10501050
pointerEvents: '', cursor: 'inherit', transition: 'inherit',
10511051
willChange: 'auto', transform: 'scale(1)'
10521052
});
1053-
[...modals.handlers.drag.draggableElem.children] // restore pointer events
1053+
[...modals.draggingModal.children] // restore pointer events
10541054
.forEach(child => child.style.pointerEvents = '');
10551055
['mousemove', 'mouseup'].forEach(eventType => // remove listeners
10561056
document.removeEventListener(eventType, modals.handlers.drag[eventType]))
1057-
modals.handlers.drag.draggableElem = null
1057+
modals.draggingModal = null
10581058
}
10591059

10601060
}

0 commit comments

Comments
 (0)