overlastic 0.6.1 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a7eea3ffc551ed8da8f0f8946e5e5d29a8617579eb6519ac50607f3dc95359a5
-  data.tar.gz: cd7b37ef5289b3d1243a8e75ac59782d639a00b33b33f04d46c6d422eff0994b
+  metadata.gz: d3ab674f782fbcf5b2a76e0aa8e4d229b87101318c37aba073ce60c648ec3d22
+  data.tar.gz: a61d7ae32a857901b42d2f06c31e04ed16e51d6cf1d79a6e22e8339f5aa64300
 SHA512:
-  metadata.gz: f3a60109a2f9cb74a687c0d8b9a3c74f0ca6bd65c66c73aa22214c349acc7dfbb337e69c7438696dd8dd9ba127c3095ecdf024be66b7123daf3ee369e8581eb9
-  data.tar.gz: b8c610c362f001a74a4dd00bcd78a6df7a2fe005451f41423ad619bda71dd7dc7734109b75c1a0547d298f27c656efe9f3647c6858ed5e26ceeb39ec804d29b8
+  metadata.gz: f1bd556df73b2f2f3334bf49f6c4925ac7cf436b1b5556931e5aa80033785b15e9a77131383963beb2e91f0073a02f3612e62cbd29000e3667be19640fcf58c2
+  data.tar.gz: dcb9b6a055883ef195d9c393a30d8e34bbd8f5f51a41f43e52d8c9fc56130971814442e223d991ee5895b36df20b00ebfc55af2c55e809ac9bc15d671da37c4d

data/README.md

@@ -35,8 +35,8 @@ They work just as `link_to` and accept the same options. You can also pass local
 Nested overlays will stack on top of each other. You can instead replace the last one or the whole stack:
 
 ```erb
-<%= link_to_dialog "Open dialog", edit_article_path, overlay_action: :replace_last %>
-<%= link_to_dialog "Open dialog", edit_article_path, overlay_action: :replace_all %>
+<%= link_to_dialog "Open dialog", edit_article_path, overlay: :last %>
+<%= link_to_dialog "Open dialog", edit_article_path, overlay: :first %>
 ```
 
 By default, links and forms inside an overlay will drive the entire page (target _top). To keep navigation within the overlay you can set its target to _self:
@@ -45,6 +45,12 @@ By default, links and forms inside an overlay will drive the entire page (target
 <%= link_to_dialog "Open dialog", edit_article_path, overlay_target: :_self %>
 ```
 
+To break out of an overlay with target _self you can use:
+
+```erb
+<%= link_to "Open whole page", edit_article_path, overlay: false %>
+```
+
 A common use case is to render a form inside an overlay. When the form is submitted, you'll validate the data and redirect to a different page if it's successful or render the form again with errors. Overlastic will handle both cases gracefully without any modifications:
 
 ```rb
@@ -61,12 +67,13 @@ In case the form overlay was nested inside another overlay, you could prefer to
 redirect_to article_url(@article), overlay: :previous, status: :see_other
 ```
 
-Sometimes, you may want to alter the content of a view depending on whether it's inside an overlay or not. Overlastic defines a new `:overlay` request variant that you can use to create custom partials like `_form.html+overlay.erb` or inside a controller like so:
+Sometimes, you may want to alter the content of a view depending on whether it's inside an overlay or not. Overlastic defines a new `:overlay` request variant that you can use to create custom views like `new.html+overlay.erb` or inside a controller like so:
 
 ```rb
 respond_to do |format|
-  format.html.overlay { render :custom_view }
-  format.html.any
+  format.turbo_stream.overlay { render :custom_view }
+  format.turbo_stream.any
+  format.html
 end
 ```
 
@@ -83,8 +90,10 @@ else
 end
 ```
 
+### Advanced features
+
 <details>
-  <summary>Advanced: Rendering an overlay without an initiator</summary><br>
+  <summary>Rendering an overlay without an initiator</summary><br>
 
   Overlastic extends the `render` method inside a controller to add all the same options as `link_to_overlay`. This allows you to force an action to render an overlay, even if it wasn't requested:
 
@@ -94,6 +103,43 @@ end
   ```
 </details>
 
+<details>
+  <summary>Appending Turbo Streams to close_overlay</summary><br>
+
+  Sometimes, you may want not only to close an overlay, but also to deliver some other page change using a Turbo Stream:
+
+  ```rb
+  close_overlay do
+    turbo_stream.prepend("flash-messages", "Deleted!")
+  end
+  ```
+</details>
+
+<details>
+  <summary>Appending Turbo Streams to every response</summary><br>
+
+  Overlastic can be configured to append a Turbo Stream to every response that contains an overlay.
+  This can be very useful for rendering flash messages:
+
+  ```rb
+  Overlastic.configure do |config|
+    config.append_turbo_stream do
+      turbo_stream.replace("flash-messages", partial: "shared/flash_messages")
+    end
+  end
+  ```
+
+  Then you'd only need to specify a flash message when closing an overlay, or redirecting to a different path:
+
+  ```rb
+  close_overlay notice: "Deleted!"
+
+  # or
+
+  redirect_to articles_path, notice: "Deleted!", status: :see_other
+  ```
+</details>
+
 
 ## Configuration
 
@@ -102,13 +148,18 @@ end
 
 Overlastic.configure do |config|
   config.overlay_types = %i[dialog pane]
-  config.default_overlay = :dialog
-  config.default_action = :stack
-  config.default_target = :_top
+  config.default_overlay = :dialog # Options: One of the defined overlay types
+  config.default_action = :stack # Options: :stack, :replace_last, :replace_all
+  config.default_target = :_top # Options: :_top, :_self
 
   # You can define a custom partial for each overlay type
   config.dialog_overlay_view_path = "overlays/dialog"
   config.pane_overlay_view_path = "overlays/pane"
+
+  # You can append Turbo Streams to every response containing an overlay
+  config.append_turbo_stream do
+    turbo_stream.replace("flash-messages", partial: "shared/flash_messages")
+  end
 end
 ```
 
@@ -139,12 +190,6 @@ Overlastic comes with default views for both the dialog and pane overlays. It al
 
 ## Development
 
-<details>
-  <summary>Roadmap</summary><br>
-
-  - Toasts?
-</details>
-
 <details>
   <summary>Running the demo application</summary><br>
 

data/app/assets/javascripts/overlastic.js

@@ -203,13 +203,7 @@ var enableBodyScroll$1 = function enableBodyScroll(targetElement) {
 };
 
 addEventListener("click", (event => {
-  window._overlasticAnchor = event.target.closest("a[data-turbo-frame^=overlay]");
-}), true);
-
-addEventListener("turbo:before-fetch-request", (event => {
-  if (!event.target.hasAttribute("cancel")) return;
-  event.preventDefault();
-  event.target.removeAttribute("cancel");
+  window._overlasticAnchor = event.target;
 }), true);
 
 addEventListener("turbo:before-fetch-request", (event => {
@@ -217,32 +211,58 @@ addEventListener("turbo:before-fetch-request", (event => {
 }));
 
 addEventListener("turbo:before-fetch-request", (event => {
-  if (!window._overlasticAnchor) return;
-  const anchor = window._overlasticAnchor;
+  const anchor = event.target;
+  const name = anchor?.dataset?.overlayName;
   const type = anchor?.dataset?.overlayType;
   const target = anchor?.dataset?.overlayTarget;
   const args = anchor?.dataset?.overlayArgs;
-  event.detail.fetchOptions.headers["Overlay-Initiator"] = "1";
-  if (type) {
-    event.detail.fetchOptions.headers["Overlay-Type"] = type;
-  }
-  if (target) {
-    event.detail.fetchOptions.headers["Overlay-Target"] = target;
+  if (name?.startsWith("overlay")) {
+    event.detail.fetchOptions.headers["Overlay-Initiator"] = "1";
+    event.detail.fetchOptions.headers["Overlay-Name"] = name;
+    if (type) {
+      event.detail.fetchOptions.headers["Overlay-Type"] = type;
+    }
+    if (target) {
+      event.detail.fetchOptions.headers["Overlay-Target"] = target;
+    }
+    if (args) {
+      event.detail.fetchOptions.headers["Overlay-Args"] = args;
+    }
   }
-  if (args) {
-    event.detail.fetchOptions.headers["Overlay-Args"] = args;
+}));
+
+addEventListener("turbo:before-fetch-request", (event => {
+  const script = document.querySelector("script[overlay]");
+  if (script) {
+    const overlay = document.querySelector(`overlastic[id=${script.getAttribute("overlay")}]`);
+    if (overlay) {
+      const name = overlay.id;
+      const target = overlay.dataset.overlayTarget;
+      const type = overlay.dataset?.overlayType;
+      const args = overlay.dataset?.overlayArgs;
+      event.detail.fetchOptions.headers["Overlay-Name"] = name;
+      event.detail.fetchOptions.headers["Overlay-Target"] = target;
+      event.detail.fetchOptions.headers["Overlay-Initiator"] = "1";
+      if (type) {
+        event.detail.fetchOptions.headers["Overlay-Type"] = type;
+      }
+      if (args) {
+        event.detail.fetchOptions.headers["Overlay-Args"] = args;
+      }
+    }
   }
-  delete window._overlasticTarget;
 }));
 
 addEventListener("turbo:before-fetch-request", (event => {
-  if (window._overlasticAnchor) return;
-  const frame = event.target.closest("turbo-frame[id^=overlay]");
-  if (frame) {
-    const target = frame.dataset.overlayTarget;
-    const initiator = frame.dataset?.overlayInitiator;
-    const type = frame.dataset?.overlayType;
-    const args = frame.dataset?.overlayArgs;
+  const anchor = window._overlasticAnchor;
+  const overlay = anchor.closest("overlastic");
+  if (overlay && !anchor.dataset.overlay && !anchor.dataset.overlayName) {
+    const name = overlay.id;
+    const target = overlay.dataset.overlayTarget;
+    const initiator = overlay.dataset?.overlayInitiator;
+    const type = overlay.dataset?.overlayType;
+    const args = overlay.dataset?.overlayArgs;
+    event.detail.fetchOptions.headers["Overlay-Name"] = name;
     event.detail.fetchOptions.headers["Overlay-Target"] = target;
     if (initiator) {
       event.detail.fetchOptions.headers["Overlay-Initiator"] = initiator;
@@ -254,22 +274,7 @@ addEventListener("turbo:before-fetch-request", (event => {
       event.detail.fetchOptions.headers["Overlay-Args"] = args;
     }
   }
-}));
-
-addEventListener("turbo:before-fetch-response", (async event => {
-  const fetchResponse = event.detail.fetchResponse;
-  const visit = fetchResponse.response.headers.get("Overlay-Visit");
-  if (!visit) return;
-  const responseHTML = await fetchResponse.responseHTML;
-  const {redirected: redirected, statusCode: statusCode} = fetchResponse;
-  return Turbo.session.visit(visit, {
-    shouldCacheSnapshot: false,
-    response: {
-      redirected: redirected,
-      statusCode: statusCode,
-      responseHTML: responseHTML
-    }
-  });
+  delete window._overlasticAnchor;
 }));
 
 class DialogElement extends HTMLElement {
@@ -297,7 +302,7 @@ class PaneElement extends DialogElement {
       window.modalVisitStack = [];
     }
     window.modalVisitStack.push(lastVisit);
-    Turbo.navigator.history.push(new URL(this.parentElement.src));
+    Turbo.navigator.history.push(new URL(this.parentElement.getAttribute("src")));
   }
   close(event, self = false) {
     if (self && event.target !== this) return;

data/app/assets/javascripts/overlastic.min.js

@@ -1,2 +1,2 @@
-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=[],r=!1,i=-1,a=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._overlasticAnchor=e.target.closest("a[data-turbo-frame^=overlay]")}),!0),addEventListener("turbo:before-fetch-request",(e=>{e.target.hasAttribute("cancel")&&(e.preventDefault(),e.target.removeAttribute("cancel"))}),!0),addEventListener("turbo:before-fetch-request",(e=>{e.detail.fetchOptions.headers["Overlay-Enabled"]="1"})),addEventListener("turbo:before-fetch-request",(e=>{if(!window._overlasticAnchor)return;const t=window._overlasticAnchor,o=t?.dataset?.overlayType,n=t?.dataset?.overlayTarget,r=t?.dataset?.overlayArgs;e.detail.fetchOptions.headers["Overlay-Initiator"]="1",o&&(e.detail.fetchOptions.headers["Overlay-Type"]=o),n&&(e.detail.fetchOptions.headers["Overlay-Target"]=n),r&&(e.detail.fetchOptions.headers["Overlay-Args"]=r),delete window._overlasticTarget})),addEventListener("turbo:before-fetch-request",(e=>{if(window._overlasticAnchor)return;const t=e.target.closest("turbo-frame[id^=overlay]");if(t){const o=t.dataset.overlayTarget,n=t.dataset?.overlayInitiator,r=t.dataset?.overlayType,i=t.dataset?.overlayArgs;e.detail.fetchOptions.headers["Overlay-Target"]=o,n&&(e.detail.fetchOptions.headers["Overlay-Initiator"]=n),r&&(e.detail.fetchOptions.headers["Overlay-Type"]=r),i&&(e.detail.fetchOptions.headers["Overlay-Args"]=i)}})),addEventListener("turbo:before-fetch-response",(async e=>{const t=e.detail.fetchResponse,o=t.response.headers.get("Overlay-Visit");if(!o)return;const n=await t.responseHTML,{redirected:r,statusCode:i}=t;return Turbo.session.visit(o,{shouldCacheSnapshot:!1,response:{redirected:r,statusCode:i,responseHTML:n}})}));class u 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",u);customElements.define("overlastic-pane",class extends u{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.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,u){if(t){if(!n.some((function(e){return e.targetElement===t}))){var v={targetElement:t,options:u||{}};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),[v]),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===a&&(a=document.body.style.overflow,document.body.style.overflow="hidden")}(u),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)},r||(document.addEventListener("touchmove",c,e?{passive:!1}:void 0),r=!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,r&&0===n.length&&(document.removeEventListener("touchmove",c,e?{passive:!1}:void 0),r=!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!==a&&(document.body.style.overflow=a,a=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};
+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._overlasticAnchor=e.target}),!0),addEventListener("turbo:before-fetch-request",(e=>{e.detail.fetchOptions.headers["Overlay-Enabled"]="1"})),addEventListener("turbo:before-fetch-request",(e=>{const t=e.target,o=t?.dataset?.overlayName,n=t?.dataset?.overlayType,a=t?.dataset?.overlayTarget,i=t?.dataset?.overlayArgs;o?.startsWith("overlay")&&(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._overlasticAnchor,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._overlasticAnchor}));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.")};
 //# sourceMappingURL=overlastic.min.js.map

data/app/assets/javascripts/overlastic.min.js.map

@@ -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 overlay link element for use down the line.\naddEventListener(\"click\", event => {\n  window._overlasticAnchor = event.target.closest(\"a[data-turbo-frame^=overlay]\")\n}, true)\n\n// In order to respect frame behavior, overlay stream responses replace whole frames and\n// come with the correct src. This triggers the frame controller to attempt an eager load.\n// We don't want that for overlays, so we cancel those requests.\naddEventListener(\"turbo:before-fetch-request\", event => {\n  if (!event.target.hasAttribute(\"cancel\")) return\n\n  event.preventDefault()\n\n  event.target.removeAttribute(\"cancel\")\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 frame request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n  if (!window._overlasticAnchor) return\n\n  const anchor = window._overlasticAnchor\n  const type = anchor?.dataset?.overlayType\n  const target = anchor?.dataset?.overlayTarget\n  const args = anchor?.dataset?.overlayArgs\n\n  event.detail.fetchOptions.headers[\"Overlay-Initiator\"] = \"1\"\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  delete window._overlasticTarget\n})\n\n// When any other element triggers a fetch,\n// send the current overlay's target along with the frame request.\naddEventListener(\"turbo:before-fetch-request\", event => {\n  if (window._overlasticAnchor) return\n\n  const frame = event.target.closest(\"turbo-frame[id^=overlay]\")\n\n  if (frame) {\n    const target = frame.dataset.overlayTarget\n    const initiator = frame.dataset?.overlayInitiator\n    const type = frame.dataset?.overlayType\n    const args = frame.dataset?.overlayArgs\n\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\n// Handle frame-to-visit promotions when the server asks for it.\naddEventListener(\"turbo:before-fetch-response\", async event => {\n  const fetchResponse = event.detail.fetchResponse\n  const visit = fetchResponse.response.headers.get(\"Overlay-Visit\")\n\n  if (!visit) return\n\n  const responseHTML = await fetchResponse.responseHTML\n  const { redirected, statusCode } = fetchResponse\n\n  return Turbo.session.visit(visit, { shouldCacheSnapshot: false, response: { redirected, statusCode, responseHTML } })\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.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","closest","hasAttribute","removeAttribute","detail","fetchOptions","headers","anchor","type","dataset","overlayType","overlayTarget","args","overlayArgs","_overlasticTarget","frame","initiator","overlayInitiator","async","fetchResponse","visit","response","get","responseHTML","redirected","statusCode","Turbo","session","shouldCacheSnapshot","DialogElement","HTMLElement","[object Object]","disableBodyScroll","this","close","querySelector","self","enableBodyScroll","setTimeout","remove","customElements","define","super","connectedCallback","lastVisit","history","location","modalVisitStack","push","URL","parentElement","src","replace","pop","targetElement","concat","arr","Array","isArray","i","arr2","from","_toConsumableArray","requestAnimationFrame","undefined","position","document","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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"}
+{"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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"}

data/app/controllers/overlastic/concerns/overlay_handling.rb

@@ -10,22 +10,26 @@ module Overlastic::Concerns::OverlayHandling
       request.variant = :overlay if helpers.current_overlay_name.present?
     end
 
-    def close_overlay(key = :last)
+    def close_overlay(key = :last, **options)
       overlay_name = helpers.overlay_name_from key
 
-      render overlay: overlay_name, html: helpers.overlastic_tag(id: helpers.current_overlay_name)
-    end
+      options.filter { |key, _| key.in? self.class._flash_types }.each { |key, value| flash.now[key] = value }
 
-    def render(*args, &block)
-      options = args.last || {}
+      if block_given?
+        render overlay: overlay_name, html: helpers.overlastic_tag(id: helpers.current_overlay_name), append_turbo_stream: yield
+      else
+        render overlay: overlay_name, html: helpers.overlastic_tag(id: helpers.current_overlay_name)
+      end
+    end
 
+    def render(*args, **options, &block)
       # Force render of overlays without an initiator
       request.headers["Overlay-Target"] ||= options.delete(:overlay_target)
       request.headers["Overlay-Type"] ||= options.delete(:overlay_type)
       request.headers["Overlay-Args"] ||= options.delete(:overlay_args)&.to_json
 
-      # Force visit to the desired redirection location
-      response.headers["Overlay-Visit"] ||= options.delete(:redirect)
+      # If renderable content other than HTML is passed we should avoid returning a stream
+      avoid_stream = _renderers.excluding(:html).intersection(options.keys).present?
 
       # Rendering with an error status should render inside the overlay
       error = Rack::Utils.status_code(options[:status]).in? 400..499
@@ -43,23 +47,32 @@ module Overlastic::Concerns::OverlayHandling
       overlay = options.delete :overlay
       overlay_name = helpers.overlay_name_from(overlay || helpers.current_overlay_name)
 
-      if overlay && overlastic_enabled
-        options[:layout] = false
+      if overlastic_enabled
+        if overlay
+          options[:layout] = false
 
-        if block_given? || options[:html]
-          super turbo_stream: turbo_stream.replace(overlay_name, html: render_to_string(*args, &block))
-        else
-          super turbo_stream: turbo_stream.replace(overlay_name, html: helpers.render_overlay { render_to_string(*args, &block) })
-        end
-      elsif request.variant.overlay?
-        if initiator || error || target != "_top"
-          super turbo_stream: turbo_stream.replace(overlay_name, html: helpers.render_overlay { render_to_string(*args, &block) })
-        else
-          request.headers["Turbo-Frame"] = nil
-          response.headers["Overlay-Visit"] = request.fullpath
+          if block_given? || options[:html]
+            stream_response = turbo_stream.replace(overlay_name, html: render_to_string(*args, **options, &block))
+          else
+            stream_response = turbo_stream.replace(overlay_name, html: helpers.render_overlay { render_to_string(*args, **options, &block) })
+          end
+        elsif request.variant.overlay?
+          if initiator || error || target != "_top"
+            options[:layout] = false
 
-          super
+            stream_response = turbo_stream.replace(overlay_name, html: helpers.render_overlay { render_to_string(*args, **options, &block) })
+          else
+            request.headers["Overlay-Name"] = nil
+          end
         end
+      end
+
+      if stream_response && !avoid_stream
+        super turbo_stream: [
+          stream_response,
+          *options[:append_turbo_stream],
+          *(instance_eval(&Overlastic.configuration.append_turbo_stream) if Overlastic.configuration.append_turbo_stream)
+        ]
       else
         super
       end
@@ -74,12 +87,10 @@ module Overlastic::Concerns::OverlayHandling
 
       if request.variant.overlay?
         if overlay_name.present?
-          unless helpers.valid_overlay_name? overlay_name
-            return render overlay: helpers.current_overlay_name, redirect: location, html: helpers.overlastic_tag(id: helpers.current_overlay_name)
-          end
+          overlay_name = nil unless helpers.valid_overlay_name?(overlay_name)
 
           request.variant.delete :overlay
-          flash.merge! response_options.fetch :flash, {}
+          flash.merge! response_options.filter { |key, _| key.in? self.class._flash_types }
 
           case Rack::Utils.status_code(response_options.fetch(:status, :created))
           when 300..399 then response_options[:status] = :created

data/app/helpers/overlastic/navigation_helper.rb

@@ -8,12 +8,14 @@ module Overlastic::NavigationHelper
       options = options.stringify_keys
       options["data"] ||= {}
 
+      options["data"][:turbo_stream] = true
+
+      overlay_name = options.delete("overlay")
+      options["data"][:overlay_name] = overlay_name_from(overlay_name || overlay_name_from_overlastic_action(Overlastic.configuration.default_action))
+
       type = options.delete("overlay_type") || method_type
       options["data"][:overlay_type] = type if type.present?
 
-      action = options.delete("overlay_action") || Overlastic.configuration.default_action
-      options["data"][:turbo_frame] = turbo_frame_from_overlastic_action(action)
-
       target = options.delete("overlay_target")
       options["data"][:overlay_target] = target if target.present?
 
@@ -26,12 +28,14 @@ module Overlastic::NavigationHelper
       html_options = html_options.stringify_keys
       html_options["data"] ||= {}
 
+      html_options["data"][:turbo_stream] = true
+
+      overlay_name = html_options.delete("overlay")
+      html_options["data"][:overlay_name] = overlay_name_from(overlay_name || overlay_name_from_overlastic_action(Overlastic.configuration.default_action))
+
       type = html_options.delete("overlay_type") || method_type
       html_options["data"][:overlay_type] = type if type.present?
 
-      action = html_options.delete("overlay_action") || Overlastic.configuration.default_action
-      html_options["data"][:turbo_frame] = turbo_frame_from_overlastic_action(action)
-
       target = html_options.delete("overlay_target")
       html_options["data"][:overlay_target] = target if target.present?
 
@@ -48,7 +52,7 @@ module Overlastic::NavigationHelper
 
   private
 
-  def turbo_frame_from_overlastic_action(action)
+  def overlay_name_from_overlastic_action(action)
     case action
     when :stack
       overlay_name_from :next

data/app/helpers/overlastic/overlays_helper.rb

@@ -5,20 +5,18 @@ module Overlastic::OverlaysHelper
       target = request.headers["Overlay-Target"] || Overlastic.configuration.default_target
       args = request.headers["Overlay-Args"]
 
-      turbo_frame_tag current_overlay_name || id, src: request.url, cancel: true, data: { overlay_type: type, overlay_target: target, overlay_args: args } do
+      tag.overlastic id: current_overlay_name || id, src: request.url, data: { overlay_type: type, overlay_target: target, overlay_args: args } do
         yield
 
-        concat turbo_frame_tag(overlay_name_from(:next), data: { overlay_target: Overlastic.configuration.default_target })
+        concat tag.overlastic(id: overlay_name_from(:next), data: { overlay_target: Overlastic.configuration.default_target })
       end
     else
-      turbo_frame_tag id, data: { overlay_target: Overlastic.configuration.default_target }
+      tag.overlastic id: id, data: { overlay_target: Overlastic.configuration.default_target }
     end
   end
 
   def current_overlay_name
-    return unless request.headers["Turbo-Frame"].to_s.starts_with?("overlay")
-
-    request.headers["Turbo-Frame"].to_sym
+    request.headers["Overlay-Name"]&.to_sym
   end
 
   def overlay_name_from(key)

data/app/javascript/overlastic/clickInterceptor.js

@@ -1,17 +1,6 @@
-// Save the clicked overlay link element for use down the line.
+// Save the clicked element for use down the line.
 addEventListener("click", event => {
-  window._overlasticAnchor = event.target.closest("a[data-turbo-frame^=overlay]")
-}, true)
-
-// In order to respect frame behavior, overlay stream responses replace whole frames and
-// come with the correct src. This triggers the frame controller to attempt an eager load.
-// We don't want that for overlays, so we cancel those requests.
-addEventListener("turbo:before-fetch-request", event => {
-  if (!event.target.hasAttribute("cancel")) return
-
-  event.preventDefault()
-
-  event.target.removeAttribute("cancel")
+  window._overlasticAnchor = event.target
 }, true)
 
 // Allow progressive enhancement by telling the server if a request is handled by Turbo.
@@ -20,45 +9,75 @@ addEventListener("turbo:before-fetch-request", event => {
 })
 
 // When an overlay anchor is clicked,
-// send its type, target and args along with the frame request.
+// send its type, target and args along with the visit request.
 addEventListener("turbo:before-fetch-request", event => {
-  if (!window._overlasticAnchor) return
-
-  const anchor = window._overlasticAnchor
+  const anchor = event.target
+  const name = anchor?.dataset?.overlayName
   const type = anchor?.dataset?.overlayType
   const target = anchor?.dataset?.overlayTarget
   const args = anchor?.dataset?.overlayArgs
 
-  event.detail.fetchOptions.headers["Overlay-Initiator"] = "1"
+  if (name?.startsWith("overlay")) {
+    event.detail.fetchOptions.headers["Overlay-Initiator"] = "1"
+    event.detail.fetchOptions.headers["Overlay-Name"] = name
 
-  if (type) {
-    event.detail.fetchOptions.headers["Overlay-Type"] = type
-  }
+    if (type) {
+      event.detail.fetchOptions.headers["Overlay-Type"] = type
+    }
 
-  if (target) {
-    event.detail.fetchOptions.headers["Overlay-Target"] = target
-  }
+    if (target) {
+      event.detail.fetchOptions.headers["Overlay-Target"] = target
+    }
 
-  if (args) {
-    event.detail.fetchOptions.headers["Overlay-Args"] = args
+    if (args) {
+      event.detail.fetchOptions.headers["Overlay-Args"] = args
+    }
   }
+})
+
+// When the redirect script triggers a fetch,
+// send the current overlay's target along with the visit request.
+addEventListener("turbo:before-fetch-request", event => {
+  const script = document.querySelector("script[overlay]")
+
+  if (script) {
+    const overlay = document.querySelector(`overlastic[id=${script.getAttribute("overlay")}]`)
+
+    if (overlay) {
+      const name = overlay.id
+      const target = overlay.dataset.overlayTarget
+      const type = overlay.dataset?.overlayType
+      const args = overlay.dataset?.overlayArgs
+
+      event.detail.fetchOptions.headers["Overlay-Name"] = name
+      event.detail.fetchOptions.headers["Overlay-Target"] = target
+      event.detail.fetchOptions.headers["Overlay-Initiator"] = "1"
+
+      if (type) {
+        event.detail.fetchOptions.headers["Overlay-Type"] = type
+      }
 
-  delete window._overlasticTarget
+      if (args) {
+        event.detail.fetchOptions.headers["Overlay-Args"] = args
+      }
+    }
+  }
 })
 
 // When any other element triggers a fetch,
-// send the current overlay's target along with the frame request.
+// send the current overlay's target along with the visit request.
 addEventListener("turbo:before-fetch-request", event => {
-  if (window._overlasticAnchor) return
-
-  const frame = event.target.closest("turbo-frame[id^=overlay]")
+  const anchor = window._overlasticAnchor
+  const overlay = anchor.closest("overlastic")
 
-  if (frame) {
-    const target = frame.dataset.overlayTarget
-    const initiator = frame.dataset?.overlayInitiator
-    const type = frame.dataset?.overlayType
-    const args = frame.dataset?.overlayArgs
+  if (overlay && !anchor.dataset.overlay && !anchor.dataset.overlayName) {
+    const name = overlay.id
+    const target = overlay.dataset.overlayTarget
+    const initiator = overlay.dataset?.overlayInitiator
+    const type = overlay.dataset?.overlayType
+    const args = overlay.dataset?.overlayArgs
 
+    event.detail.fetchOptions.headers["Overlay-Name"] = name
     event.detail.fetchOptions.headers["Overlay-Target"] = target
 
     if (initiator) {
@@ -73,17 +92,6 @@ addEventListener("turbo:before-fetch-request", event => {
       event.detail.fetchOptions.headers["Overlay-Args"] = args
     }
   }
-})
-
-// Handle frame-to-visit promotions when the server asks for it.
-addEventListener("turbo:before-fetch-response", async event => {
-  const fetchResponse = event.detail.fetchResponse
-  const visit = fetchResponse.response.headers.get("Overlay-Visit")
-
-  if (!visit) return
-
-  const responseHTML = await fetchResponse.responseHTML
-  const { redirected, statusCode } = fetchResponse
 
-  return Turbo.session.visit(visit, { shouldCacheSnapshot: false, response: { redirected, statusCode, responseHTML } })
+  delete window._overlasticAnchor
 })

data/app/javascript/overlastic/paneElement.js

@@ -11,7 +11,7 @@ class PaneElement extends DialogElement {
     }
 
     window.modalVisitStack.push(lastVisit)
-    Turbo.navigator.history.push(new URL(this.parentElement.src))
+    Turbo.navigator.history.push(new URL(this.parentElement.getAttribute("src")))
   }
 
   close(event, self = false) {

data/app/views/overlastic/streams/redirect.turbo_stream.erb

@@ -1,10 +1,6 @@
 <%= turbo_stream.append_all "head" do %>
-  <%= javascript_tag nonce: true do %>
-    frame = document.querySelector("turbo-frame[id=<%= escape_javascript overlay %>]")
-
-    frame.dataset.overlayInitiator = "1"
-    frame.src = "<%= escape_javascript location %>"
-
+  <%= javascript_tag nonce: true, overlay: overlay do %>
+    window.Turbo.visit("<%= escape_javascript location %>")
     document.currentScript.remove()
   <% end %>
 <% end %>

data/lib/overlastic/configuration.rb

@@ -23,5 +23,13 @@ module Overlastic
         public_send :"#{overlay_type}_overlay_view_path=", "overlastic/inline/#{overlay_type}"
       end
     end
+
+    def append_turbo_stream(&block)
+      if block_given?
+        @append_turbo_stream = block
+      else
+        @append_turbo_stream
+      end
+    end
   end
 end

data/lib/overlastic/version.rb

@@ -1,3 +1,3 @@
 module Overlastic
-  VERSION = "0.6.1"
+  VERSION = "0.7.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: overlastic
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.7.0
 platform: ruby
 authors:
 - Martin Zamuner