overlastic 0.7.0 → 0.7.1
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bd9d15fd7f086a258e4f84cef15c97aa61225d3c255fd8e1f986b8a3f14a4ce4
|
|
4
|
+
data.tar.gz: d851e5457d6543e250c748dd185f4da3e2117f2fdf5cf6f2cec2d34a645b02e0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: be862d97ac1ba9879b953b99f2bd8565097020f5738592111c4f27c02bad634a38de80e7b722041d1fb41dcb1189627acc1507121418a5f534af2cd07e800964
|
|
7
|
+
data.tar.gz: cdfe9fa40b8f58c8b718f1cbd8122dbdbcd917159179a2cef7b25533d81163fcd3128c1cb511f043e04ee532b8dd4b6cd36b2cbc85e6ae77e832c5bb4ab58a24
|
|
@@ -203,7 +203,7 @@ var enableBodyScroll$1 = function enableBodyScroll(targetElement) {
|
|
|
203
203
|
};
|
|
204
204
|
|
|
205
205
|
addEventListener("click", (event => {
|
|
206
|
-
window.
|
|
206
|
+
window._overlasticInitiator = event.target;
|
|
207
207
|
}), true);
|
|
208
208
|
|
|
209
209
|
addEventListener("turbo:before-fetch-request", (event => {
|
|
@@ -211,12 +211,12 @@ addEventListener("turbo:before-fetch-request", (event => {
|
|
|
211
211
|
}));
|
|
212
212
|
|
|
213
213
|
addEventListener("turbo:before-fetch-request", (event => {
|
|
214
|
-
const anchor =
|
|
214
|
+
const anchor = window._overlasticInitiator?.closest("a[data-overlay-name]");
|
|
215
215
|
const name = anchor?.dataset?.overlayName;
|
|
216
216
|
const type = anchor?.dataset?.overlayType;
|
|
217
217
|
const target = anchor?.dataset?.overlayTarget;
|
|
218
218
|
const args = anchor?.dataset?.overlayArgs;
|
|
219
|
-
if (
|
|
219
|
+
if (anchor) {
|
|
220
220
|
event.detail.fetchOptions.headers["Overlay-Initiator"] = "1";
|
|
221
221
|
event.detail.fetchOptions.headers["Overlay-Name"] = name;
|
|
222
222
|
if (type) {
|
|
@@ -254,9 +254,9 @@ addEventListener("turbo:before-fetch-request", (event => {
|
|
|
254
254
|
}));
|
|
255
255
|
|
|
256
256
|
addEventListener("turbo:before-fetch-request", (event => {
|
|
257
|
-
const
|
|
258
|
-
const overlay =
|
|
259
|
-
if (overlay && !
|
|
257
|
+
const initiator = window._overlasticInitiator?.closest("a, form");
|
|
258
|
+
const overlay = initiator?.closest("overlastic");
|
|
259
|
+
if (overlay && !initiator.dataset.overlay && !initiator.dataset.overlayName) {
|
|
260
260
|
const name = overlay.id;
|
|
261
261
|
const target = overlay.dataset.overlayTarget;
|
|
262
262
|
const initiator = overlay.dataset?.overlayInitiator;
|
|
@@ -274,7 +274,7 @@ addEventListener("turbo:before-fetch-request", (event => {
|
|
|
274
274
|
event.detail.fetchOptions.headers["Overlay-Args"] = args;
|
|
275
275
|
}
|
|
276
276
|
}
|
|
277
|
-
delete window.
|
|
277
|
+
delete window._overlasticInitiator;
|
|
278
278
|
}));
|
|
279
279
|
|
|
280
280
|
class DialogElement extends HTMLElement {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=!1;if("undefined"!=typeof window){var t={get passive(){e=!0}};window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}var o="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),n=[],a=!1,i=-1,r=void 0,s=void 0,d=void 0,l=function(e){return n.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},c=function(e){var t=e||window.event;return!!l(t.target)||(t.touches.length>1||(t.preventDefault&&t.preventDefault(),!1))};addEventListener("click",(e=>{window.
|
|
1
|
+
var e=!1;if("undefined"!=typeof window){var t={get passive(){e=!0}};window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}var o="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),n=[],a=!1,i=-1,r=void 0,s=void 0,d=void 0,l=function(e){return n.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},c=function(e){var t=e||window.event;return!!l(t.target)||(t.touches.length>1||(t.preventDefault&&t.preventDefault(),!1))};addEventListener("click",(e=>{window._overlasticInitiator=e.target}),!0),addEventListener("turbo:before-fetch-request",(e=>{e.detail.fetchOptions.headers["Overlay-Enabled"]="1"})),addEventListener("turbo:before-fetch-request",(e=>{const t=window._overlasticInitiator?.closest("a[data-overlay-name]"),o=t?.dataset?.overlayName,n=t?.dataset?.overlayType,a=t?.dataset?.overlayTarget,i=t?.dataset?.overlayArgs;t&&(e.detail.fetchOptions.headers["Overlay-Initiator"]="1",e.detail.fetchOptions.headers["Overlay-Name"]=o,n&&(e.detail.fetchOptions.headers["Overlay-Type"]=n),a&&(e.detail.fetchOptions.headers["Overlay-Target"]=a),i&&(e.detail.fetchOptions.headers["Overlay-Args"]=i))})),addEventListener("turbo:before-fetch-request",(e=>{const t=document.querySelector("script[overlay]");if(t){const o=document.querySelector(`overlastic[id=${t.getAttribute("overlay")}]`);if(o){const t=o.id,n=o.dataset.overlayTarget,a=o.dataset?.overlayType,i=o.dataset?.overlayArgs;e.detail.fetchOptions.headers["Overlay-Name"]=t,e.detail.fetchOptions.headers["Overlay-Target"]=n,e.detail.fetchOptions.headers["Overlay-Initiator"]="1",a&&(e.detail.fetchOptions.headers["Overlay-Type"]=a),i&&(e.detail.fetchOptions.headers["Overlay-Args"]=i)}}})),addEventListener("turbo:before-fetch-request",(e=>{const t=window._overlasticInitiator?.closest("a, form"),o=t?.closest("overlastic");if(o&&!t.dataset.overlay&&!t.dataset.overlayName){const t=o.id,n=o.dataset.overlayTarget,a=o.dataset?.overlayInitiator,i=o.dataset?.overlayType,r=o.dataset?.overlayArgs;e.detail.fetchOptions.headers["Overlay-Name"]=t,e.detail.fetchOptions.headers["Overlay-Target"]=n,a&&(e.detail.fetchOptions.headers["Overlay-Initiator"]=a),i&&(e.detail.fetchOptions.headers["Overlay-Type"]=i),r&&(e.detail.fetchOptions.headers["Overlay-Args"]=r)}delete window._overlasticInitiator}));class v extends HTMLElement{connectedCallback(){disableBodyScroll(this),this.addEventListener("click",(e=>this.close(e,!0))),this.querySelector(".overlastic-close").addEventListener("click",(e=>this.close(e)))}close(e,t=!1){t&&e.target!==this||(enableBodyScroll(this),setTimeout((()=>{this.remove()}),5))}}customElements.define("overlastic-dialog",v);customElements.define("overlastic-pane",class extends v{connectedCallback(){super.connectedCallback();const e=Turbo.navigator.history.location;window.modalVisitStack||(window.modalVisitStack=[]),window.modalVisitStack.push(e),Turbo.navigator.history.push(new URL(this.parentElement.getAttribute("src")))}close(e,t=!1){t&&e.target!==this||(super.close(e,t),window.modalVisitStack.length>0&&Turbo.navigator.history.replace(window.modalVisitStack.pop()))}}),window.disableBodyScroll=function(t,v){if(t){if(!n.some((function(e){return e.targetElement===t}))){var u={targetElement:t,options:v||{}};n=[].concat(function(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t<e.length;t++)o[t]=e[t];return o}return Array.from(e)}(n),[u]),o?window.requestAnimationFrame((function(){if(void 0===s){s={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var e=window,t=e.scrollY,o=e.scrollX,n=e.innerHeight;document.body.style.position="fixed",document.body.style.top=-t,document.body.style.left=-o,setTimeout((function(){return window.requestAnimationFrame((function(){var e=n-window.innerHeight;e&&t>=n&&(document.body.style.top=-(t+e))}))}),300)}})):function(e){if(void 0===d){var t=!!e&&!0===e.reserveScrollBarGap,o=window.innerWidth-document.documentElement.clientWidth;if(t&&o>0){var n=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);d=document.body.style.paddingRight,document.body.style.paddingRight=n+o+"px"}}void 0===r&&(r=document.body.style.overflow,document.body.style.overflow="hidden")}(v),o&&(t.ontouchstart=function(e){1===e.targetTouches.length&&(i=e.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&function(e,t){var o=e.targetTouches[0].clientY-i;!l(e.target)&&(t&&0===t.scrollTop&&o>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&o<0?c(e):e.stopPropagation())}(e,t)},a||(document.addEventListener("touchmove",c,e?{passive:!1}:void 0),a=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},window.enableBodyScroll=function(t){t?(n=n.filter((function(e){return e.targetElement!==t})),o&&(t.ontouchstart=null,t.ontouchmove=null,a&&0===n.length&&(document.removeEventListener("touchmove",c,e?{passive:!1}:void 0),a=!1)),o?function(){if(void 0!==s){var e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=s.position,document.body.style.top=s.top,document.body.style.left=s.left,window.scrollTo(t,e),s=void 0}}():(void 0!==d&&(document.body.style.paddingRight=d,d=void 0),void 0!==r&&(document.body.style.overflow=r,r=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};
|
|
2
2
|
//# sourceMappingURL=overlastic.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlastic.min.js","sources":["../../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js","../../javascript/overlastic/clickInterceptor.js","../../javascript/overlastic/dialogElement.js","../../javascript/overlastic/paneElement.js","../../javascript/overlastic/index.js"],"sourcesContent":["function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\n// Older browsers don't support event options, feature detect it.\n\n// Adopted and modified solution from Bohdan Didukh (2017)\n// https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi\n\nvar hasPassiveEvents = false;\nif (typeof window !== 'undefined') {\n var passiveTestOptions = {\n get passive() {\n hasPassiveEvents = true;\n return undefined;\n }\n };\n window.addEventListener('testPassive', null, passiveTestOptions);\n window.removeEventListener('testPassive', null, passiveTestOptions);\n}\n\nvar isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);\n\n\nvar locks = [];\nvar documentListenerAdded = false;\nvar initialClientY = -1;\nvar previousBodyOverflowSetting = void 0;\nvar previousBodyPosition = void 0;\nvar previousBodyPaddingRight = void 0;\n\n// returns true if `el` should be allowed to receive touchmove events.\nvar allowTouchMove = function allowTouchMove(el) {\n return locks.some(function (lock) {\n if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {\n return true;\n }\n\n return false;\n });\n};\n\nvar preventDefault = function preventDefault(rawEvent) {\n var e = rawEvent || window.event;\n\n // For the case whereby consumers adds a touchmove event listener to document.\n // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })\n // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then\n // the touchmove event on document will break.\n if (allowTouchMove(e.target)) {\n return true;\n }\n\n // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n if (e.touches.length > 1) return true;\n\n if (e.preventDefault) e.preventDefault();\n\n return false;\n};\n\nvar setOverflowHidden = function setOverflowHidden(options) {\n // If previousBodyPaddingRight is already set, don't set it again.\n if (previousBodyPaddingRight === undefined) {\n var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;\n var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;\n\n if (_reserveScrollBarGap && scrollBarGap > 0) {\n var computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);\n previousBodyPaddingRight = document.body.style.paddingRight;\n document.body.style.paddingRight = computedBodyPaddingRight + scrollBarGap + 'px';\n }\n }\n\n // If previousBodyOverflowSetting is already set, don't set it again.\n if (previousBodyOverflowSetting === undefined) {\n previousBodyOverflowSetting = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n};\n\nvar restoreOverflowSetting = function restoreOverflowSetting() {\n if (previousBodyPaddingRight !== undefined) {\n document.body.style.paddingRight = previousBodyPaddingRight;\n\n // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it\n // can be set again.\n previousBodyPaddingRight = undefined;\n }\n\n if (previousBodyOverflowSetting !== undefined) {\n document.body.style.overflow = previousBodyOverflowSetting;\n\n // Restore previousBodyOverflowSetting to undefined\n // so setOverflowHidden knows it can be set again.\n previousBodyOverflowSetting = undefined;\n }\n};\n\nvar setPositionFixed = function setPositionFixed() {\n return window.requestAnimationFrame(function () {\n // If previousBodyPosition is already set, don't set it again.\n if (previousBodyPosition === undefined) {\n previousBodyPosition = {\n position: document.body.style.position,\n top: document.body.style.top,\n left: document.body.style.left\n };\n\n // Update the dom inside an animation frame \n var _window = window,\n scrollY = _window.scrollY,\n scrollX = _window.scrollX,\n innerHeight = _window.innerHeight;\n\n document.body.style.position = 'fixed';\n document.body.style.top = -scrollY;\n document.body.style.left = -scrollX;\n\n setTimeout(function () {\n return window.requestAnimationFrame(function () {\n // Attempt to check if the bottom bar appeared due to the position change\n var bottomBarHeight = innerHeight - window.innerHeight;\n if (bottomBarHeight && scrollY >= innerHeight) {\n // Move the content further up so that the bottom bar doesn't hide it\n document.body.style.top = -(scrollY + bottomBarHeight);\n }\n });\n }, 300);\n }\n });\n};\n\nvar restorePositionSetting = function restorePositionSetting() {\n if (previousBodyPosition !== undefined) {\n // Convert the position from \"px\" to Int\n var y = -parseInt(document.body.style.top, 10);\n var x = -parseInt(document.body.style.left, 10);\n\n // Restore styles\n document.body.style.position = previousBodyPosition.position;\n document.body.style.top = previousBodyPosition.top;\n document.body.style.left = previousBodyPosition.left;\n\n // Restore scroll\n window.scrollTo(x, y);\n\n previousBodyPosition = undefined;\n }\n};\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions\nvar isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {\n return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;\n};\n\nvar handleScroll = function handleScroll(event, targetElement) {\n var clientY = event.targetTouches[0].clientY - initialClientY;\n\n if (allowTouchMove(event.target)) {\n return false;\n }\n\n if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {\n // element is at the top of its scroll.\n return preventDefault(event);\n }\n\n if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {\n // element is at the bottom of its scroll.\n return preventDefault(event);\n }\n\n event.stopPropagation();\n return true;\n};\n\nexport var disableBodyScroll = function disableBodyScroll(targetElement, options) {\n // targetElement must be provided\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');\n return;\n }\n\n // disableBodyScroll must not have been called on this targetElement before\n if (locks.some(function (lock) {\n return lock.targetElement === targetElement;\n })) {\n return;\n }\n\n var lock = {\n targetElement: targetElement,\n options: options || {}\n };\n\n locks = [].concat(_toConsumableArray(locks), [lock]);\n\n if (isIosDevice) {\n setPositionFixed();\n } else {\n setOverflowHidden(options);\n }\n\n if (isIosDevice) {\n targetElement.ontouchstart = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n initialClientY = event.targetTouches[0].clientY;\n }\n };\n targetElement.ontouchmove = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n handleScroll(event, targetElement);\n }\n };\n\n if (!documentListenerAdded) {\n document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = true;\n }\n }\n};\n\nexport var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {\n if (isIosDevice) {\n // Clear all locks ontouchstart/ontouchmove handlers, and the references.\n locks.forEach(function (lock) {\n lock.targetElement.ontouchstart = null;\n lock.targetElement.ontouchmove = null;\n });\n\n if (documentListenerAdded) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n\n // Reset initial clientY.\n initialClientY = -1;\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n\n locks = [];\n};\n\nexport var enableBodyScroll = function enableBodyScroll(targetElement) {\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');\n return;\n }\n\n locks = locks.filter(function (lock) {\n return lock.targetElement !== targetElement;\n });\n\n if (isIosDevice) {\n targetElement.ontouchstart = null;\n targetElement.ontouchmove = null;\n\n if (documentListenerAdded && locks.length === 0) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n};\n\n","// Save the clicked element for use down the line.\naddEventListener(\"click\", event => {\n window._overlasticAnchor = event.target\n}, true)\n\n// Allow progressive enhancement by telling the server if a request is handled by Turbo.\naddEventListener(\"turbo:before-fetch-request\", event => {\n event.detail.fetchOptions.headers[\"Overlay-Enabled\"] = \"1\"\n})\n\n// When an overlay anchor is clicked,\n// send its type, target and args along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const anchor = event.target\n const name = anchor?.dataset?.overlayName\n const type = anchor?.dataset?.overlayType\n const target = anchor?.dataset?.overlayTarget\n const args = anchor?.dataset?.overlayArgs\n\n if (name?.startsWith(\"overlay\")) {\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = \"1\"\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (target) {\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n})\n\n// When the redirect script triggers a fetch,\n// send the current overlay's target along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const script = document.querySelector(\"script[overlay]\")\n\n if (script) {\n const overlay = document.querySelector(`overlastic[id=${script.getAttribute(\"overlay\")}]`)\n\n if (overlay) {\n const name = overlay.id\n const target = overlay.dataset.overlayTarget\n const type = overlay.dataset?.overlayType\n const args = overlay.dataset?.overlayArgs\n\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = \"1\"\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n }\n})\n\n// When any other element triggers a fetch,\n// send the current overlay's target along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const anchor = window._overlasticAnchor\n const overlay = anchor.closest(\"overlastic\")\n\n if (overlay && !anchor.dataset.overlay && !anchor.dataset.overlayName) {\n const name = overlay.id\n const target = overlay.dataset.overlayTarget\n const initiator = overlay.dataset?.overlayInitiator\n const type = overlay.dataset?.overlayType\n const args = overlay.dataset?.overlayArgs\n\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n\n if (initiator) {\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = initiator\n }\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n\n delete window._overlasticAnchor\n})\n","export default class DialogElement extends HTMLElement {\n connectedCallback() {\n disableBodyScroll(this)\n\n this.addEventListener(\"click\", event => this.close(event, true))\n this.querySelector(\".overlastic-close\").addEventListener(\"click\", event => this.close(event))\n }\n\n close(event, self = false) {\n if (self && event.target !== this) return\n\n enableBodyScroll(this)\n\n // Avoid removing before sending dispatching other events (like form submissions)\n setTimeout(() => {\n this.remove()\n }, 5)\n }\n}\n\ncustomElements.define(\"overlastic-dialog\", DialogElement)\n","import DialogElement from \"./dialogElement\"\n\nclass PaneElement extends DialogElement {\n connectedCallback() {\n super.connectedCallback()\n\n const lastVisit = Turbo.navigator.history.location\n\n if (!window.modalVisitStack) {\n window.modalVisitStack = []\n }\n\n window.modalVisitStack.push(lastVisit)\n Turbo.navigator.history.push(new URL(this.parentElement.getAttribute(\"src\")))\n }\n\n close(event, self = false) {\n if (self && event.target !== this) return\n\n super.close(event, self)\n\n if (window.modalVisitStack.length > 0) {\n Turbo.navigator.history.replace(window.modalVisitStack.pop())\n }\n }\n}\n\ncustomElements.define(\"overlastic-pane\", PaneElement)\n","import { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\"\n\nimport \"./clickInterceptor\"\nimport \"./dialogElement\"\nimport \"./paneElement\"\n\nwindow.disableBodyScroll = disableBodyScroll\nwindow.enableBodyScroll = enableBodyScroll\n"],"names":["hasPassiveEvents","window","passiveTestOptions","passive","addEventListener","removeEventListener","isIosDevice","navigator","platform","test","maxTouchPoints","locks","documentListenerAdded","initialClientY","previousBodyOverflowSetting","previousBodyPosition","previousBodyPaddingRight","allowTouchMove","el","some","lock","options","preventDefault","rawEvent","e","event","target","touches","length","_overlasticAnchor","detail","fetchOptions","headers","anchor","name","dataset","overlayName","type","overlayType","overlayTarget","args","overlayArgs","startsWith","script","document","querySelector","overlay","getAttribute","id","closest","initiator","overlayInitiator","DialogElement","HTMLElement","[object Object]","disableBodyScroll","this","close","self","enableBodyScroll","setTimeout","remove","customElements","define","super","connectedCallback","lastVisit","Turbo","history","location","modalVisitStack","push","URL","parentElement","replace","pop","targetElement","concat","arr","Array","isArray","i","arr2","from","_toConsumableArray","requestAnimationFrame","undefined","position","body","style","top","left","_window","scrollY","scrollX","innerHeight","bottomBarHeight","_reserveScrollBarGap","reserveScrollBarGap","scrollBarGap","innerWidth","documentElement","clientWidth","computedBodyPaddingRight","parseInt","getComputedStyle","getPropertyValue","paddingRight","overflow","setOverflowHidden","ontouchstart","targetTouches","clientY","ontouchmove","scrollTop","scrollHeight","clientHeight","isTargetElementTotallyScrolled","stopPropagation","handleScroll","console","error","filter","y","x","scrollTo","restorePositionSetting"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"overlastic.min.js","sources":["../../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js","../../javascript/overlastic/clickInterceptor.js","../../javascript/overlastic/dialogElement.js","../../javascript/overlastic/paneElement.js","../../javascript/overlastic/index.js"],"sourcesContent":["function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\n// Older browsers don't support event options, feature detect it.\n\n// Adopted and modified solution from Bohdan Didukh (2017)\n// https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi\n\nvar hasPassiveEvents = false;\nif (typeof window !== 'undefined') {\n var passiveTestOptions = {\n get passive() {\n hasPassiveEvents = true;\n return undefined;\n }\n };\n window.addEventListener('testPassive', null, passiveTestOptions);\n window.removeEventListener('testPassive', null, passiveTestOptions);\n}\n\nvar isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);\n\n\nvar locks = [];\nvar documentListenerAdded = false;\nvar initialClientY = -1;\nvar previousBodyOverflowSetting = void 0;\nvar previousBodyPosition = void 0;\nvar previousBodyPaddingRight = void 0;\n\n// returns true if `el` should be allowed to receive touchmove events.\nvar allowTouchMove = function allowTouchMove(el) {\n return locks.some(function (lock) {\n if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {\n return true;\n }\n\n return false;\n });\n};\n\nvar preventDefault = function preventDefault(rawEvent) {\n var e = rawEvent || window.event;\n\n // For the case whereby consumers adds a touchmove event listener to document.\n // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })\n // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then\n // the touchmove event on document will break.\n if (allowTouchMove(e.target)) {\n return true;\n }\n\n // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n if (e.touches.length > 1) return true;\n\n if (e.preventDefault) e.preventDefault();\n\n return false;\n};\n\nvar setOverflowHidden = function setOverflowHidden(options) {\n // If previousBodyPaddingRight is already set, don't set it again.\n if (previousBodyPaddingRight === undefined) {\n var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;\n var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;\n\n if (_reserveScrollBarGap && scrollBarGap > 0) {\n var computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);\n previousBodyPaddingRight = document.body.style.paddingRight;\n document.body.style.paddingRight = computedBodyPaddingRight + scrollBarGap + 'px';\n }\n }\n\n // If previousBodyOverflowSetting is already set, don't set it again.\n if (previousBodyOverflowSetting === undefined) {\n previousBodyOverflowSetting = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n};\n\nvar restoreOverflowSetting = function restoreOverflowSetting() {\n if (previousBodyPaddingRight !== undefined) {\n document.body.style.paddingRight = previousBodyPaddingRight;\n\n // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it\n // can be set again.\n previousBodyPaddingRight = undefined;\n }\n\n if (previousBodyOverflowSetting !== undefined) {\n document.body.style.overflow = previousBodyOverflowSetting;\n\n // Restore previousBodyOverflowSetting to undefined\n // so setOverflowHidden knows it can be set again.\n previousBodyOverflowSetting = undefined;\n }\n};\n\nvar setPositionFixed = function setPositionFixed() {\n return window.requestAnimationFrame(function () {\n // If previousBodyPosition is already set, don't set it again.\n if (previousBodyPosition === undefined) {\n previousBodyPosition = {\n position: document.body.style.position,\n top: document.body.style.top,\n left: document.body.style.left\n };\n\n // Update the dom inside an animation frame \n var _window = window,\n scrollY = _window.scrollY,\n scrollX = _window.scrollX,\n innerHeight = _window.innerHeight;\n\n document.body.style.position = 'fixed';\n document.body.style.top = -scrollY;\n document.body.style.left = -scrollX;\n\n setTimeout(function () {\n return window.requestAnimationFrame(function () {\n // Attempt to check if the bottom bar appeared due to the position change\n var bottomBarHeight = innerHeight - window.innerHeight;\n if (bottomBarHeight && scrollY >= innerHeight) {\n // Move the content further up so that the bottom bar doesn't hide it\n document.body.style.top = -(scrollY + bottomBarHeight);\n }\n });\n }, 300);\n }\n });\n};\n\nvar restorePositionSetting = function restorePositionSetting() {\n if (previousBodyPosition !== undefined) {\n // Convert the position from \"px\" to Int\n var y = -parseInt(document.body.style.top, 10);\n var x = -parseInt(document.body.style.left, 10);\n\n // Restore styles\n document.body.style.position = previousBodyPosition.position;\n document.body.style.top = previousBodyPosition.top;\n document.body.style.left = previousBodyPosition.left;\n\n // Restore scroll\n window.scrollTo(x, y);\n\n previousBodyPosition = undefined;\n }\n};\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions\nvar isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {\n return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;\n};\n\nvar handleScroll = function handleScroll(event, targetElement) {\n var clientY = event.targetTouches[0].clientY - initialClientY;\n\n if (allowTouchMove(event.target)) {\n return false;\n }\n\n if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {\n // element is at the top of its scroll.\n return preventDefault(event);\n }\n\n if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {\n // element is at the bottom of its scroll.\n return preventDefault(event);\n }\n\n event.stopPropagation();\n return true;\n};\n\nexport var disableBodyScroll = function disableBodyScroll(targetElement, options) {\n // targetElement must be provided\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');\n return;\n }\n\n // disableBodyScroll must not have been called on this targetElement before\n if (locks.some(function (lock) {\n return lock.targetElement === targetElement;\n })) {\n return;\n }\n\n var lock = {\n targetElement: targetElement,\n options: options || {}\n };\n\n locks = [].concat(_toConsumableArray(locks), [lock]);\n\n if (isIosDevice) {\n setPositionFixed();\n } else {\n setOverflowHidden(options);\n }\n\n if (isIosDevice) {\n targetElement.ontouchstart = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n initialClientY = event.targetTouches[0].clientY;\n }\n };\n targetElement.ontouchmove = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n handleScroll(event, targetElement);\n }\n };\n\n if (!documentListenerAdded) {\n document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = true;\n }\n }\n};\n\nexport var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {\n if (isIosDevice) {\n // Clear all locks ontouchstart/ontouchmove handlers, and the references.\n locks.forEach(function (lock) {\n lock.targetElement.ontouchstart = null;\n lock.targetElement.ontouchmove = null;\n });\n\n if (documentListenerAdded) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n\n // Reset initial clientY.\n initialClientY = -1;\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n\n locks = [];\n};\n\nexport var enableBodyScroll = function enableBodyScroll(targetElement) {\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');\n return;\n }\n\n locks = locks.filter(function (lock) {\n return lock.targetElement !== targetElement;\n });\n\n if (isIosDevice) {\n targetElement.ontouchstart = null;\n targetElement.ontouchmove = null;\n\n if (documentListenerAdded && locks.length === 0) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n};\n\n","// Save the clicked element for use down the line.\naddEventListener(\"click\", event => {\n window._overlasticInitiator = event.target\n}, true)\n\n// Allow progressive enhancement by telling the server if a request is handled by Turbo.\naddEventListener(\"turbo:before-fetch-request\", event => {\n event.detail.fetchOptions.headers[\"Overlay-Enabled\"] = \"1\"\n})\n\n// When an overlay anchor is clicked,\n// send its type, target and args along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const anchor = window._overlasticInitiator?.closest(\"a[data-overlay-name]\")\n const name = anchor?.dataset?.overlayName\n const type = anchor?.dataset?.overlayType\n const target = anchor?.dataset?.overlayTarget\n const args = anchor?.dataset?.overlayArgs\n\n if (anchor) {\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = \"1\"\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (target) {\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n})\n\n// When the redirect script triggers a fetch,\n// send the current overlay's target along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const script = document.querySelector(\"script[overlay]\")\n\n if (script) {\n const overlay = document.querySelector(`overlastic[id=${script.getAttribute(\"overlay\")}]`)\n\n if (overlay) {\n const name = overlay.id\n const target = overlay.dataset.overlayTarget\n const type = overlay.dataset?.overlayType\n const args = overlay.dataset?.overlayArgs\n\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = \"1\"\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n }\n})\n\n// When any other element triggers a fetch,\n// send the current overlay's target along with the visit request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n const initiator = window._overlasticInitiator?.closest(\"a, form\")\n const overlay = initiator?.closest(\"overlastic\")\n\n if (overlay && !initiator.dataset.overlay && !initiator.dataset.overlayName) {\n const name = overlay.id\n const target = overlay.dataset.overlayTarget\n const initiator = overlay.dataset?.overlayInitiator\n const type = overlay.dataset?.overlayType\n const args = overlay.dataset?.overlayArgs\n\n event.detail.fetchOptions.headers[\"Overlay-Name\"] = name\n event.detail.fetchOptions.headers[\"Overlay-Target\"] = target\n\n if (initiator) {\n event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = initiator\n }\n\n if (type) {\n event.detail.fetchOptions.headers[\"Overlay-Type\"] = type\n }\n\n if (args) {\n event.detail.fetchOptions.headers[\"Overlay-Args\"] = args\n }\n }\n\n delete window._overlasticInitiator\n})\n","export default class DialogElement extends HTMLElement {\n connectedCallback() {\n disableBodyScroll(this)\n\n this.addEventListener(\"click\", event => this.close(event, true))\n this.querySelector(\".overlastic-close\").addEventListener(\"click\", event => this.close(event))\n }\n\n close(event, self = false) {\n if (self && event.target !== this) return\n\n enableBodyScroll(this)\n\n // Avoid removing before sending dispatching other events (like form submissions)\n setTimeout(() => {\n this.remove()\n }, 5)\n }\n}\n\ncustomElements.define(\"overlastic-dialog\", DialogElement)\n","import DialogElement from \"./dialogElement\"\n\nclass PaneElement extends DialogElement {\n connectedCallback() {\n super.connectedCallback()\n\n const lastVisit = Turbo.navigator.history.location\n\n if (!window.modalVisitStack) {\n window.modalVisitStack = []\n }\n\n window.modalVisitStack.push(lastVisit)\n Turbo.navigator.history.push(new URL(this.parentElement.getAttribute(\"src\")))\n }\n\n close(event, self = false) {\n if (self && event.target !== this) return\n\n super.close(event, self)\n\n if (window.modalVisitStack.length > 0) {\n Turbo.navigator.history.replace(window.modalVisitStack.pop())\n }\n }\n}\n\ncustomElements.define(\"overlastic-pane\", PaneElement)\n","import { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\"\n\nimport \"./clickInterceptor\"\nimport \"./dialogElement\"\nimport \"./paneElement\"\n\nwindow.disableBodyScroll = disableBodyScroll\nwindow.enableBodyScroll = enableBodyScroll\n"],"names":["hasPassiveEvents","window","passiveTestOptions","passive","addEventListener","removeEventListener","isIosDevice","navigator","platform","test","maxTouchPoints","locks","documentListenerAdded","initialClientY","previousBodyOverflowSetting","previousBodyPosition","previousBodyPaddingRight","allowTouchMove","el","some","lock","options","preventDefault","rawEvent","e","event","target","touches","length","_overlasticInitiator","detail","fetchOptions","headers","anchor","closest","name","dataset","overlayName","type","overlayType","overlayTarget","args","overlayArgs","script","document","querySelector","overlay","getAttribute","id","initiator","overlayInitiator","DialogElement","HTMLElement","[object Object]","disableBodyScroll","this","close","self","enableBodyScroll","setTimeout","remove","customElements","define","super","connectedCallback","lastVisit","Turbo","history","location","modalVisitStack","push","URL","parentElement","replace","pop","targetElement","concat","arr","Array","isArray","i","arr2","from","_toConsumableArray","requestAnimationFrame","undefined","position","body","style","top","left","_window","scrollY","scrollX","innerHeight","bottomBarHeight","_reserveScrollBarGap","reserveScrollBarGap","scrollBarGap","innerWidth","documentElement","clientWidth","computedBodyPaddingRight","parseInt","getComputedStyle","getPropertyValue","paddingRight","overflow","setOverflowHidden","ontouchstart","targetTouches","clientY","ontouchmove","scrollTop","scrollHeight","clientHeight","isTargetElementTotallyScrolled","stopPropagation","handleScroll","console","error","filter","y","x","scrollTo","restorePositionSetting"],"mappings":"AAOA,IAAIA,GAAmB,EACvB,GAAsB,oBAAXC,OAAwB,CACjC,IAAIC,EAAqB,CACvBC,cACEH,GAAmB,IAIvBC,OAAOG,iBAAiB,cAAe,KAAMF,GAC7CD,OAAOI,oBAAoB,cAAe,KAAMH,GAGlD,IAAII,EAAgC,oBAAXL,QAA0BA,OAAOM,WAAaN,OAAOM,UAAUC,WAAa,iBAAiBC,KAAKR,OAAOM,UAAUC,WAA2C,aAA9BP,OAAOM,UAAUC,UAA2BP,OAAOM,UAAUG,eAAiB,GAGnOC,EAAQ,GACRC,GAAwB,EACxBC,GAAkB,EAClBC,OAA8B,EAC9BC,OAAuB,EACvBC,OAA2B,EAG3BC,EAAiB,SAAwBC,GAC3C,OAAOP,EAAMQ,MAAK,SAAUC,GAC1B,SAAIA,EAAKC,QAAQJ,iBAAkBG,EAAKC,QAAQJ,eAAeC,QAQ/DI,EAAiB,SAAwBC,GAC3C,IAAIC,EAAID,GAAYtB,OAAOwB,MAM3B,QAAIR,EAAeO,EAAEE,UAKjBF,EAAEG,QAAQC,OAAS,IAEnBJ,EAAEF,gBAAgBE,EAAEF,kBAEjB,KCvDTlB,iBAAiB,SAASqB,IACxBxB,OAAO4B,qBAAuBJ,EAAMC,UACnC,GAGHtB,iBAAiB,8BAA8BqB,IAC7CA,EAAMK,OAAOC,aAAaC,QAAQ,mBAAqB,OAKzD5B,iBAAiB,8BAA8BqB,IAC7C,MAAMQ,EAAShC,OAAO4B,sBAAsBK,QAAQ,wBAC9CC,EAAOF,GAAQG,SAASC,YACxBC,EAAOL,GAAQG,SAASG,YACxBb,EAASO,GAAQG,SAASI,cAC1BC,EAAOR,GAAQG,SAASM,YAE1BT,IACFR,EAAMK,OAAOC,aAAaC,QAAQ,qBAAuB,IACzDP,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBG,EAEhDG,IACFb,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBM,GAGlDZ,IACFD,EAAMK,OAAOC,aAAaC,QAAQ,kBAAoBN,GAGpDe,IACFhB,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBS,OAO1DrC,iBAAiB,8BAA8BqB,IAC7C,MAAMkB,EAASC,SAASC,cAAc,mBAEtC,GAAIF,EAAQ,CACV,MAAMG,EAAUF,SAASC,cAAc,iBAAiBF,EAAOI,aAAa,eAE5E,GAAID,EAAS,CACX,MAAMX,EAAOW,EAAQE,GACftB,EAASoB,EAAQV,QAAQI,cACzBF,EAAOQ,EAAQV,SAASG,YACxBE,EAAOK,EAAQV,SAASM,YAE9BjB,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBG,EACpDV,EAAMK,OAAOC,aAAaC,QAAQ,kBAAoBN,EACtDD,EAAMK,OAAOC,aAAaC,QAAQ,qBAAuB,IAErDM,IACFb,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBM,GAGlDG,IACFhB,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBS,QAQ5DrC,iBAAiB,8BAA8BqB,IAC7C,MAAMwB,EAAYhD,OAAO4B,sBAAsBK,QAAQ,WACjDY,EAAUG,GAAWf,QAAQ,cAEnC,GAAIY,IAAYG,EAAUb,QAAQU,UAAYG,EAAUb,QAAQC,YAAa,CAC3E,MAAMF,EAAOW,EAAQE,GACftB,EAASoB,EAAQV,QAAQI,cACzBS,EAAYH,EAAQV,SAASc,iBAC7BZ,EAAOQ,EAAQV,SAASG,YACxBE,EAAOK,EAAQV,SAASM,YAE9BjB,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBG,EACpDV,EAAMK,OAAOC,aAAaC,QAAQ,kBAAoBN,EAElDuB,IACFxB,EAAMK,OAAOC,aAAaC,QAAQ,qBAAuBiB,GAGvDX,IACFb,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBM,GAGlDG,IACFhB,EAAMK,OAAOC,aAAaC,QAAQ,gBAAkBS,UAIjDxC,OAAO4B,wBC/FD,MAAMsB,UAAsBC,YACzCC,oBACEC,kBAAkBC,MAElBA,KAAKnD,iBAAiB,SAASqB,GAAS8B,KAAKC,MAAM/B,GAAO,KAC1D8B,KAAKV,cAAc,qBAAqBzC,iBAAiB,SAASqB,GAAS8B,KAAKC,MAAM/B,KAGxF4B,MAAM5B,EAAOgC,GAAO,GACdA,GAAQhC,EAAMC,SAAW6B,OAE7BG,iBAAiBH,MAGjBI,YAAW,KACTJ,KAAKK,WACJ,KAIPC,eAAeC,OAAO,oBAAqBX,GCO3CU,eAAeC,OAAO,kBAzBtB,cAA0BX,EACxBE,oBACEU,MAAMC,oBAEN,MAAMC,EAAYC,MAAM3D,UAAU4D,QAAQC,SAErCnE,OAAOoE,kBACVpE,OAAOoE,gBAAkB,IAG3BpE,OAAOoE,gBAAgBC,KAAKL,GAC5BC,MAAM3D,UAAU4D,QAAQG,KAAK,IAAIC,IAAIhB,KAAKiB,cAAczB,aAAa,SAGvEM,MAAM5B,EAAOgC,GAAO,GACdA,GAAQhC,EAAMC,SAAW6B,OAE7BQ,MAAMP,MAAM/B,EAAOgC,GAEfxD,OAAOoE,gBAAgBzC,OAAS,GAClCsC,MAAM3D,UAAU4D,QAAQM,QAAQxE,OAAOoE,gBAAgBK,WChB7DzE,OAAOqD,kBJyKwB,SAA2BqB,EAAetD,GAEvE,GAAKsD,GAOL,IAAIhE,EAAMQ,MAAK,SAAUC,GACvB,OAAOA,EAAKuD,gBAAkBA,KADhC,CAMA,IAAIvD,EAAO,CACTuD,cAAeA,EACftD,QAASA,GAAW,IAGtBV,EAAQ,GAAGiE,OAnMb,SAA4BC,GAAO,GAAIC,MAAMC,QAAQF,GAAM,CAAE,IAAK,IAAIG,EAAI,EAAGC,EAAOH,MAAMD,EAAIjD,QAASoD,EAAIH,EAAIjD,OAAQoD,IAAOC,EAAKD,GAAKH,EAAIG,GAAM,OAAOC,EAAe,OAAOH,MAAMI,KAAKL,GAmMtKM,CAAmBxE,GAAQ,CAACS,IAE1Cd,EAnGGL,OAAOmF,uBAAsB,WAElC,QAA6BC,IAAzBtE,EAAoC,CACtCA,EAAuB,CACrBuE,SAAU1C,SAAS2C,KAAKC,MAAMF,SAC9BG,IAAK7C,SAAS2C,KAAKC,MAAMC,IACzBC,KAAM9C,SAAS2C,KAAKC,MAAME,MAI5B,IAAIC,EAAU1F,OACV2F,EAAUD,EAAQC,QAClBC,EAAUF,EAAQE,QAClBC,EAAcH,EAAQG,YAE1BlD,SAAS2C,KAAKC,MAAMF,SAAW,QAC/B1C,SAAS2C,KAAKC,MAAMC,KAAOG,EAC3BhD,SAAS2C,KAAKC,MAAME,MAAQG,EAE5BlC,YAAW,WACT,OAAO1D,OAAOmF,uBAAsB,WAElC,IAAIW,EAAkBD,EAAc7F,OAAO6F,YACvCC,GAAmBH,GAAWE,IAEhClD,SAAS2C,KAAKC,MAAMC,MAAQG,EAAUG,SAGzC,SAnEe,SAA2B1E,GAEjD,QAAiCgE,IAA7BrE,EAAwC,CAC1C,IAAIgF,IAAyB3E,IAA2C,IAAhCA,EAAQ4E,oBAC5CC,EAAejG,OAAOkG,WAAavD,SAASwD,gBAAgBC,YAEhE,GAAIL,GAAwBE,EAAe,EAAG,CAC5C,IAAII,EAA2BC,SAAStG,OAAOuG,iBAAiB5D,SAAS2C,MAAMkB,iBAAiB,iBAAkB,IAClHzF,EAA2B4B,SAAS2C,KAAKC,MAAMkB,aAC/C9D,SAAS2C,KAAKC,MAAMkB,aAAeJ,EAA2BJ,EAAe,WAK7Cb,IAAhCvE,IACFA,EAA8B8B,SAAS2C,KAAKC,MAAMmB,SAClD/D,SAAS2C,KAAKC,MAAMmB,SAAW,UA6H/BC,CAAkBvF,GAGhBf,IACFqE,EAAckC,aAAe,SAAUpF,GACF,IAA/BA,EAAMqF,cAAclF,SAEtBf,EAAiBY,EAAMqF,cAAc,GAAGC,UAG5CpC,EAAcqC,YAAc,SAAUvF,GACD,IAA/BA,EAAMqF,cAAclF,QAzDX,SAAsBH,EAAOkD,GAC9C,IAAIoC,EAAUtF,EAAMqF,cAAc,GAAGC,QAAUlG,GAE3CI,EAAeQ,EAAMC,UAIrBiD,GAA6C,IAA5BA,EAAcsC,WAAmBF,EAAU,GAX7B,SAAwCpC,GAC3E,QAAOA,GAAgBA,EAAcuC,aAAevC,EAAcsC,WAAatC,EAAcwC,aAezFC,CAA+BzC,IAAkBoC,EAAU,EAHtDzF,EAAeG,GAQxBA,EAAM4F,mBA0CAC,CAAa7F,EAAOkD,IAInB/D,IACHgC,SAASxC,iBAAiB,YAAakB,EAAgBtB,EAAmB,CAAEG,SAAS,QAAUkF,GAC/FzE,GAAwB,UAxC1B2G,QAAQC,MAAM,mHI5KlBvH,OAAOyD,iBJmPuB,SAA0BiB,GACjDA,GAMLhE,EAAQA,EAAM8G,QAAO,SAAUrG,GAC7B,OAAOA,EAAKuD,gBAAkBA,KAG5BrE,IACFqE,EAAckC,aAAe,KAC7BlC,EAAcqC,YAAc,KAExBpG,GAA0C,IAAjBD,EAAMiB,SACjCgB,SAASvC,oBAAoB,YAAaiB,EAAgBtB,EAAmB,CAAEG,SAAS,QAAUkF,GAClGzE,GAAwB,IAIxBN,EA5IuB,WAC3B,QAA6B+E,IAAzBtE,EAAoC,CAEtC,IAAI2G,GAAKnB,SAAS3D,SAAS2C,KAAKC,MAAMC,IAAK,IACvCkC,GAAKpB,SAAS3D,SAAS2C,KAAKC,MAAME,KAAM,IAG5C9C,SAAS2C,KAAKC,MAAMF,SAAWvE,EAAqBuE,SACpD1C,SAAS2C,KAAKC,MAAMC,IAAM1E,EAAqB0E,IAC/C7C,SAAS2C,KAAKC,MAAME,KAAO3E,EAAqB2E,KAGhDzF,OAAO2H,SAASD,EAAGD,GAEnB3G,OAAuBsE,GA+HvBwC,SAhM+BxC,IAA7BrE,IACF4B,SAAS2C,KAAKC,MAAMkB,aAAe1F,EAInCA,OAA2BqE,QAGOA,IAAhCvE,IACF8B,SAAS2C,KAAKC,MAAMmB,SAAW7F,EAI/BA,OAA8BuE,KAgK9BkC,QAAQC,MAAM"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Save the clicked element for use down the line.
|
|
2
2
|
addEventListener("click", event => {
|
|
3
|
-
window.
|
|
3
|
+
window._overlasticInitiator = event.target
|
|
4
4
|
}, true)
|
|
5
5
|
|
|
6
6
|
// Allow progressive enhancement by telling the server if a request is handled by Turbo.
|
|
@@ -11,13 +11,13 @@ addEventListener("turbo:before-fetch-request", event => {
|
|
|
11
11
|
// When an overlay anchor is clicked,
|
|
12
12
|
// send its type, target and args along with the visit request.
|
|
13
13
|
addEventListener("turbo:before-fetch-request", event => {
|
|
14
|
-
const anchor =
|
|
14
|
+
const anchor = window._overlasticInitiator?.closest("a[data-overlay-name]")
|
|
15
15
|
const name = anchor?.dataset?.overlayName
|
|
16
16
|
const type = anchor?.dataset?.overlayType
|
|
17
17
|
const target = anchor?.dataset?.overlayTarget
|
|
18
18
|
const args = anchor?.dataset?.overlayArgs
|
|
19
19
|
|
|
20
|
-
if (
|
|
20
|
+
if (anchor) {
|
|
21
21
|
event.detail.fetchOptions.headers["Overlay-Initiator"] = "1"
|
|
22
22
|
event.detail.fetchOptions.headers["Overlay-Name"] = name
|
|
23
23
|
|
|
@@ -67,10 +67,10 @@ addEventListener("turbo:before-fetch-request", event => {
|
|
|
67
67
|
// When any other element triggers a fetch,
|
|
68
68
|
// send the current overlay's target along with the visit request.
|
|
69
69
|
addEventListener("turbo:before-fetch-request", event => {
|
|
70
|
-
const
|
|
71
|
-
const overlay =
|
|
70
|
+
const initiator = window._overlasticInitiator?.closest("a, form")
|
|
71
|
+
const overlay = initiator?.closest("overlastic")
|
|
72
72
|
|
|
73
|
-
if (overlay && !
|
|
73
|
+
if (overlay && !initiator.dataset.overlay && !initiator.dataset.overlayName) {
|
|
74
74
|
const name = overlay.id
|
|
75
75
|
const target = overlay.dataset.overlayTarget
|
|
76
76
|
const initiator = overlay.dataset?.overlayInitiator
|
|
@@ -93,5 +93,5 @@ addEventListener("turbo:before-fetch-request", event => {
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
delete window.
|
|
96
|
+
delete window._overlasticInitiator
|
|
97
97
|
})
|
data/lib/overlastic/version.rb
CHANGED