ember-nav-stack 6.1.2 → 7.1.0

package/dist/styles/nav-stack.css

@@ -0,0 +1,399 @@
+:root {
+  --nav-stack-header-height: 44px;
+  --nav-stack-footer-height: 50px;
+}
+
+.NavStack {
+  position: absolute;
+  left: 0px;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  will-change: transform;
+  overflow: hidden;
+}
+.NavStack--layer0 {
+  transform: translateY(0);
+  z-index: 1;
+}
+.NavStack--layer1 {
+  transform: translateY(100%);
+  z-index: 2;
+}
+.NavStack--layer2 {
+  transform: translateY(200%);
+  z-index: 3;
+}
+.NavStack-itemContainer {
+  position: absolute;
+  top: var(--nav-stack-header-height);
+  bottom: 0;
+  left: 0;
+  width: 500%;
+}
+.NavStack--withFooter .NavStack-itemContainer {
+  bottom: var(--nav-stack-footer-height);
+}
+.NavStack-item {
+  position: absolute;
+  width: 20%;
+  top: 0;
+  bottom: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.NavStack-item-0 {
+  left: 0%;
+}
+.NavStack-item-1 {
+  left: 20%;
+}
+.NavStack-item-2 {
+  left: 40%;
+}
+.NavStack-item-3 {
+  left: 60%;
+}
+.NavStack-item-4 {
+  left: 80%;
+}
+.NavStack-item-5 {
+  left: 100%;
+}
+.NavStack-item-6 {
+  left: 120%;
+}
+.NavStack-item-7 {
+  left: 140%;
+}
+.NavStack-item-8 {
+  left: 160%;
+}
+.NavStack-item-9 {
+  left: 180%;
+}
+.NavStack-item-10 {
+  left: 200%;
+}
+.NavStack-item-11 {
+  left: 220%;
+}
+.NavStack-item-12 {
+  left: 240%;
+}
+.NavStack-item-13 {
+  left: 260%;
+}
+.NavStack-item-14 {
+  left: 280%;
+}
+.NavStack-item-15 {
+  left: 300%;
+}
+.NavStack-item-16 {
+  left: 320%;
+}
+.NavStack-item-17 {
+  left: 340%;
+}
+.NavStack-item-18 {
+  left: 360%;
+}
+.NavStack-item-19 {
+  left: 380%;
+}
+.NavStack-item-20 {
+  left: 400%;
+}
+.NavStack-item-21 {
+  left: 420%;
+}
+.NavStack-item-22 {
+  left: 440%;
+}
+.NavStack-item-23 {
+  left: 460%;
+}
+.NavStack-item-24 {
+  left: 480%;
+}
+.NavStack-item-25 {
+  left: 500%;
+}
+.NavStack-item-26 {
+  left: 520%;
+}
+.NavStack-item-27 {
+  left: 540%;
+}
+.NavStack-item-28 {
+  left: 560%;
+}
+.NavStack-item-29 {
+  left: 580%;
+}
+.NavStack-item-30 {
+  left: 600%;
+}
+.NavStack-item-31 {
+  left: 620%;
+}
+.NavStack-item-32 {
+  left: 640%;
+}
+.NavStack-item-33 {
+  left: 660%;
+}
+.NavStack-item-34 {
+  left: 680%;
+}
+.NavStack-item-35 {
+  left: 700%;
+}
+.NavStack-item-36 {
+  left: 720%;
+}
+.NavStack-item-37 {
+  left: 740%;
+}
+.NavStack-item-38 {
+  left: 760%;
+}
+.NavStack-item-39 {
+  left: 780%;
+}
+.NavStack-item-40 {
+  left: 800%;
+}
+.NavStack-item-41 {
+  left: 820%;
+}
+.NavStack-item-42 {
+  left: 840%;
+}
+.NavStack-item-43 {
+  left: 860%;
+}
+.NavStack-item-44 {
+  left: 880%;
+}
+.NavStack-item-45 {
+  left: 900%;
+}
+.NavStack-item-46 {
+  left: 920%;
+}
+.NavStack-item-47 {
+  left: 940%;
+}
+.NavStack-item-48 {
+  left: 960%;
+}
+.NavStack-item-49 {
+  left: 980%;
+}
+.NavStack-item-50 {
+  left: 1000%;
+}
+.NavStack-item-51 {
+  left: 1020%;
+}
+.NavStack-item-52 {
+  left: 1040%;
+}
+.NavStack-item-53 {
+  left: 1060%;
+}
+.NavStack-item-54 {
+  left: 1080%;
+}
+.NavStack-item-55 {
+  left: 1100%;
+}
+.NavStack-item-56 {
+  left: 1120%;
+}
+.NavStack-item-57 {
+  left: 1140%;
+}
+.NavStack-item-58 {
+  left: 1160%;
+}
+.NavStack-item-59 {
+  left: 1180%;
+}
+.NavStack-item-60 {
+  left: 1200%;
+}
+.NavStack-item-61 {
+  left: 1220%;
+}
+.NavStack-item-62 {
+  left: 1240%;
+}
+.NavStack-item-63 {
+  left: 1260%;
+}
+.NavStack-item-64 {
+  left: 1280%;
+}
+.NavStack-item-65 {
+  left: 1300%;
+}
+.NavStack-item-66 {
+  left: 1320%;
+}
+.NavStack-item-67 {
+  left: 1340%;
+}
+.NavStack-item-68 {
+  left: 1360%;
+}
+.NavStack-item-69 {
+  left: 1380%;
+}
+.NavStack-item-70 {
+  left: 1400%;
+}
+.NavStack-item-71 {
+  left: 1420%;
+}
+.NavStack-item-72 {
+  left: 1440%;
+}
+.NavStack-item-73 {
+  left: 1460%;
+}
+.NavStack-item-74 {
+  left: 1480%;
+}
+.NavStack-item-75 {
+  left: 1500%;
+}
+.NavStack-item-76 {
+  left: 1520%;
+}
+.NavStack-item-77 {
+  left: 1540%;
+}
+.NavStack-item-78 {
+  left: 1560%;
+}
+.NavStack-item-79 {
+  left: 1580%;
+}
+.NavStack-item-80 {
+  left: 1600%;
+}
+.NavStack-item-81 {
+  left: 1620%;
+}
+.NavStack-item-82 {
+  left: 1640%;
+}
+.NavStack-item-83 {
+  left: 1660%;
+}
+.NavStack-item-84 {
+  left: 1680%;
+}
+.NavStack-item-85 {
+  left: 1700%;
+}
+.NavStack-item-86 {
+  left: 1720%;
+}
+.NavStack-item-87 {
+  left: 1740%;
+}
+.NavStack-item-88 {
+  left: 1760%;
+}
+.NavStack-item-89 {
+  left: 1780%;
+}
+.NavStack-item-90 {
+  left: 1800%;
+}
+.NavStack-item-91 {
+  left: 1820%;
+}
+.NavStack-item-92 {
+  left: 1840%;
+}
+.NavStack-item-93 {
+  left: 1860%;
+}
+.NavStack-item-94 {
+  left: 1880%;
+}
+.NavStack-item-95 {
+  left: 1900%;
+}
+.NavStack-item-96 {
+  left: 1920%;
+}
+.NavStack-item-97 {
+  left: 1940%;
+}
+.NavStack-item-98 {
+  left: 1960%;
+}
+.NavStack-item-99 {
+  left: 1980%;
+}
+.NavStack-item-100 {
+  left: 2000%;
+}
+.NavStack-header {
+  position: absolute;
+  height: var(--nav-stack-header-height);
+  box-sizing: content-box;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.2);
+}
+.NavStack-headerContainer {
+  position: relative;
+}
+.NavStack-headerComponent,
+.NavStack-headerContainerComponent {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.NavStack-headerContainerComponent {
+  will-change: opacity transform;
+}
+.NavStack-parentItemHeaderContainer {
+  opacity: 0;
+}
+.NavStack-footer {
+  position: absolute;
+  bottom: 0;
+  height: var(--nav-stack-footer-height);
+  box-sizing: content-box;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.2);
+}
+.NavStack.is-birdsEyeDebugging {
+  width: 320px;
+  height: 480px;
+}
+.NavStack.is-birdsEyeDebugging.NavStack--layer1 {
+  transform: translateY(480px);
+}
+.NavStack.is-birdsEyeDebugging.NavStack--layer2 {
+  transform: translateY(960px);
+}
+.NavStack.is-birdsEyeDebugging .NavStack-itemContainer {
+  left: 0px;
+  width: 1600px;
+}
+.NavStack.is-birdsEyeDebugging .NavStack-item {
+  border: 1px dashed blue;
+}

package/dist/templates/stackable.js

@@ -0,0 +1,8 @@
+import { precompileTemplate } from '@ember/template-compilation';
+
+var stackable = precompileTemplate("<ToNavStack @layer={{this.layerIndex}} @item={{component this.routeComponent model=this.model controller=this}} @header={{component this.headerComponent model=this.model controller=this}} />\n\n{{outlet}}\n", {
+  strictMode: false
+});
+
+export { stackable as default };
+//# sourceMappingURL=stackable.js.map

package/dist/templates/stackable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackable.js","sources":["../../src/templates/stackable.js"],"sourcesContent":["import { precompileTemplate } from '@ember/template-compilation';\n\nexport default precompileTemplate(\n  `<ToNavStack\n  @layer={{this.layerIndex}}\n  @item={{component this.routeComponent model=this.model controller=this}}\n  @header={{component this.headerComponent model=this.model controller=this}}\n/>\n\n{{outlet}}\n`,\n  { strictMode: false },\n);\n"],"names":["precompileTemplate","strictMode"],"mappings":";;AAEA,gBAAeA,kBAAkB,CAAA,gNAAA,EAS/B;AAAEC,EAAAA,UAAU,EAAE;AAAM,CACtB,CAAC;;;;"}

package/{addon-test-support → dist/test-support}/in-viewport.js

@@ -1,10 +1,9 @@
 import { find } from '@ember/test-helpers';
 
-export function isInViewport(selectorOrElement) {
+function isInViewport(selectorOrElement) {
   return getElementInViewportRatio(selectorOrElement) === 1;
 }
-
-export function getElementInViewportRatio(selectorOrElement) {
+function getElementInViewportRatio(selectorOrElement) {
   let element = selectorOrElement;
   if (typeof selectorOrElement == 'string') {
     element = find(selectorOrElement);
@@ -16,17 +15,15 @@ export function getElementInViewportRatio(selectorOrElement) {
   let elementRect = element.getBoundingClientRect();
   let viewportRect = viewportEl.getBoundingClientRect();
   let topOutOfViewport = Math.max(0, viewportRect.top - elementRect.top);
-  let bottomOutOfViewport = Math.max(
-    0,
-    elementRect.bottom - viewportRect.bottom,
-  );
+  let bottomOutOfViewport = Math.max(0, elementRect.bottom - viewportRect.bottom);
   let leftOutOfViewport = Math.max(0, viewportRect.left - elementRect.left);
   let rightOutOfViewport = Math.max(0, elementRect.right - viewportRect.right);
   let totalArea = elementRect.width * elementRect.height;
   let outOfViewportXAmount = leftOutOfViewport + rightOutOfViewport;
   let outOfViewportYAmount = topOutOfViewport + bottomOutOfViewport;
-  let areaOutside =
-    outOfViewportXAmount * elementRect.height +
-    outOfViewportYAmount * (elementRect.width - outOfViewportXAmount);
+  let areaOutside = outOfViewportXAmount * elementRect.height + outOfViewportYAmount * (elementRect.width - outOfViewportXAmount);
   return (totalArea - areaOutside) / totalArea;
 }
+
+export { getElementInViewportRatio, isInViewport };
+//# sourceMappingURL=in-viewport.js.map

package/dist/test-support/in-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-viewport.js","sources":["../../src/test-support/in-viewport.js"],"sourcesContent":["import { find } from '@ember/test-helpers';\n\nexport function isInViewport(selectorOrElement) {\n  return getElementInViewportRatio(selectorOrElement) === 1;\n}\n\nexport function getElementInViewportRatio(selectorOrElement) {\n  let element = selectorOrElement;\n  if (typeof selectorOrElement == 'string') {\n    element = find(selectorOrElement);\n  }\n  if (!element) {\n    return false;\n  }\n  let viewportEl = document.querySelector('#ember-testing');\n  let elementRect = element.getBoundingClientRect();\n  let viewportRect = viewportEl.getBoundingClientRect();\n  let topOutOfViewport = Math.max(0, viewportRect.top - elementRect.top);\n  let bottomOutOfViewport = Math.max(\n    0,\n    elementRect.bottom - viewportRect.bottom,\n  );\n  let leftOutOfViewport = Math.max(0, viewportRect.left - elementRect.left);\n  let rightOutOfViewport = Math.max(0, elementRect.right - viewportRect.right);\n  let totalArea = elementRect.width * elementRect.height;\n  let outOfViewportXAmount = leftOutOfViewport + rightOutOfViewport;\n  let outOfViewportYAmount = topOutOfViewport + bottomOutOfViewport;\n  let areaOutside =\n    outOfViewportXAmount * elementRect.height +\n    outOfViewportYAmount * (elementRect.width - outOfViewportXAmount);\n  return (totalArea - areaOutside) / totalArea;\n}\n"],"names":["isInViewport","selectorOrElement","getElementInViewportRatio","element","find","viewportEl","document","querySelector","elementRect","getBoundingClientRect","viewportRect","topOutOfViewport","Math","max","top","bottomOutOfViewport","bottom","leftOutOfViewport","left","rightOutOfViewport","right","totalArea","width","height","outOfViewportXAmount","outOfViewportYAmount","areaOutside"],"mappings":";;AAEO,SAASA,YAAYA,CAACC,iBAAiB,EAAE;AAC9C,EAAA,OAAOC,yBAAyB,CAACD,iBAAiB,CAAC,KAAK,CAAC;AAC3D;AAEO,SAASC,yBAAyBA,CAACD,iBAAiB,EAAE;EAC3D,IAAIE,OAAO,GAAGF,iBAAiB;AAC/B,EAAA,IAAI,OAAOA,iBAAiB,IAAI,QAAQ,EAAE;AACxCE,IAAAA,OAAO,GAAGC,IAAI,CAACH,iBAAiB,CAAC;AACnC,EAAA;EACA,IAAI,CAACE,OAAO,EAAE;AACZ,IAAA,OAAO,KAAK;AACd,EAAA;AACA,EAAA,IAAIE,UAAU,GAAGC,QAAQ,CAACC,aAAa,CAAC,gBAAgB,CAAC;AACzD,EAAA,IAAIC,WAAW,GAAGL,OAAO,CAACM,qBAAqB,EAAE;AACjD,EAAA,IAAIC,YAAY,GAAGL,UAAU,CAACI,qBAAqB,EAAE;AACrD,EAAA,IAAIE,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,YAAY,CAACI,GAAG,GAAGN,WAAW,CAACM,GAAG,CAAC;AACtE,EAAA,IAAIC,mBAAmB,GAAGH,IAAI,CAACC,GAAG,CAChC,CAAC,EACDL,WAAW,CAACQ,MAAM,GAAGN,YAAY,CAACM,MACpC,CAAC;AACD,EAAA,IAAIC,iBAAiB,GAAGL,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,YAAY,CAACQ,IAAI,GAAGV,WAAW,CAACU,IAAI,CAAC;AACzE,EAAA,IAAIC,kBAAkB,GAAGP,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,CAACY,KAAK,GAAGV,YAAY,CAACU,KAAK,CAAC;EAC5E,IAAIC,SAAS,GAAGb,WAAW,CAACc,KAAK,GAAGd,WAAW,CAACe,MAAM;AACtD,EAAA,IAAIC,oBAAoB,GAAGP,iBAAiB,GAAGE,kBAAkB;AACjE,EAAA,IAAIM,oBAAoB,GAAGd,gBAAgB,GAAGI,mBAAmB;AACjE,EAAA,IAAIW,WAAW,GACbF,oBAAoB,GAAGhB,WAAW,CAACe,MAAM,GACzCE,oBAAoB,IAAIjB,WAAW,CAACc,KAAK,GAAGE,oBAAoB,CAAC;AACnE,EAAA,OAAO,CAACH,SAAS,GAAGK,WAAW,IAAIL,SAAS;AAC9C;;;;"}

package/dist/test-support/index.js

@@ -0,0 +1,2 @@
+export { getElementInViewportRatio, isInViewport } from './in-viewport.js';
+//# sourceMappingURL=index.js.map

package/dist/test-support/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{addon → dist}/utils/animation.js

@@ -1,38 +1,21 @@
+import { schedule, later } from '@ember/runloop';
+import { macroCondition, isTesting } from '@embroider/macros';
+
 // Thanks ember-css-transitions
 // https://github.com/peec/ember-css-transitions/blob/master/addon/mixins/transition-mixin.js
 
-import { later, schedule } from '@ember/runloop';
-import RSVP from 'rsvp';
-import Ember from 'ember';
-
-/**
- * @private
- * T (period) = 1 / f (frequency)
- * TICK = 1 / 60hz = 0,01667s = 17ms
- */
 const TICK = 17;
-
-/**
- * @public
- * This function performs some logic after a browser repaint.
- * While on testing or if raf not available, use a run-loop friendly equivalent.
- * This also makes the tests work as expected.
- */
 function rAF(cb) {
-  if (Ember.testing || !window.requestAnimationFrame) {
+  if (macroCondition(isTesting())) {
     return later(cb, TICK);
-  } else {
-    return window.requestAnimationFrame(cb);
   }
+  if (!window.requestAnimationFrame) {
+    return later(cb, TICK);
+  }
+  return window.requestAnimationFrame(cb);
 }
-
-/**
- * @public
- * Performs some logic after DOM changes have been flushed
- * and after a browser repaint.
- */
-export function nextTick() {
-  return new RSVP.Promise((resolve) => {
+function nextTick() {
+  return new Promise(resolve => {
     schedule('afterRender', () => {
       rAF(() => {
         resolve();
@@ -46,13 +29,13 @@ export function nextTick() {
  * Computes the time a css animation will take.
  * Uses `getComputedStyle` to get durations and delays.
  */
-export function computeTimeout(element) {
+function computeTimeout(element) {
   let {
     transitionDuration,
     transitionDelay,
     animationDuration,
     animationDelay,
-    animationIterationCount,
+    animationIterationCount
   } = window.getComputedStyle(element);
 
   // `getComputedStyle` returns durations and delays in the Xs format.
@@ -60,18 +43,10 @@ export function computeTimeout(element) {
   // numeral (0-9), a decimal point, or an exponent, it returns the value up to that point
   // and ignores that character and all succeeding characters.
 
-  let maxDelay = Math.max(
-    parseFloat(animationDelay),
-    parseFloat(transitionDelay),
-  );
-  let maxDuration = Math.max(
-    parseFloat(animationDuration) * parseFloat(animationIterationCount),
-    parseFloat(transitionDuration),
-  );
-
+  let maxDelay = Math.max(parseFloat(animationDelay), parseFloat(transitionDelay));
+  let maxDuration = Math.max(parseFloat(animationDuration) * parseFloat(animationIterationCount), parseFloat(transitionDuration));
   return (maxDelay + maxDuration) * 1000;
 }
-
 let setTransformImpl = function setTransformFunc(element, value) {
   element.style.transform = value;
 };
@@ -81,5 +56,7 @@ if (document.body.style.transform === undefined) {
     element.style.webkitTransform = value;
   };
 }
+let setTransform = setTransformImpl;
 
-export let setTransform = setTransformImpl;
+export { computeTimeout, nextTick, setTransform };
+//# sourceMappingURL=animation.js.map

package/dist/utils/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sources":["../../src/utils/animation.js"],"sourcesContent":["// Thanks ember-css-transitions\n// https://github.com/peec/ember-css-transitions/blob/master/addon/mixins/transition-mixin.js\n\nimport { later, schedule } from '@ember/runloop';\nimport { macroCondition, isTesting } from '@embroider/macros';\n\nconst TICK = 17;\n\nfunction rAF(cb) {\n  if (macroCondition(isTesting())) {\n    return later(cb, TICK);\n  }\n  if (!window.requestAnimationFrame) {\n    return later(cb, TICK);\n  }\n  return window.requestAnimationFrame(cb);\n}\n\nexport function nextTick() {\n  return new Promise((resolve) => {\n    schedule('afterRender', () => {\n      rAF(() => {\n        resolve();\n      });\n    });\n  });\n}\n\n/**\n * @private\n * Computes the time a css animation will take.\n * Uses `getComputedStyle` to get durations and delays.\n */\nexport function computeTimeout(element) {\n  let {\n    transitionDuration,\n    transitionDelay,\n    animationDuration,\n    animationDelay,\n    animationIterationCount,\n  } = window.getComputedStyle(element);\n\n  // `getComputedStyle` returns durations and delays in the Xs format.\n  // Conveniently if `parseFloat` encounters a character other than a sign (+ or -),\n  // numeral (0-9), a decimal point, or an exponent, it returns the value up to that point\n  // and ignores that character and all succeeding characters.\n\n  let maxDelay = Math.max(\n    parseFloat(animationDelay),\n    parseFloat(transitionDelay),\n  );\n  let maxDuration = Math.max(\n    parseFloat(animationDuration) * parseFloat(animationIterationCount),\n    parseFloat(transitionDuration),\n  );\n\n  return (maxDelay + maxDuration) * 1000;\n}\n\nlet setTransformImpl = function setTransformFunc(element, value) {\n  element.style.transform = value;\n};\n// Android <= 4.x does not support element.style.transform\nif (document.body.style.transform === undefined) {\n  setTransformImpl = function setTransformFunc(element, value) {\n    element.style.webkitTransform = value;\n  };\n}\n\nexport let setTransform = setTransformImpl;\n"],"names":["TICK","rAF","cb","macroCondition","isTesting","later","window","requestAnimationFrame","nextTick","Promise","resolve","schedule","computeTimeout","element","transitionDuration","transitionDelay","animationDuration","animationDelay","animationIterationCount","getComputedStyle","maxDelay","Math","max","parseFloat","maxDuration","setTransformImpl","setTransformFunc","value","style","transform","document","body","undefined","webkitTransform","setTransform"],"mappings":";;;AAAA;AACA;;AAKA,MAAMA,IAAI,GAAG,EAAE;AAEf,SAASC,GAAGA,CAACC,EAAE,EAAE;AACf,EAAA,IAAIC,cAAc,CAACC,SAAS,EAAE,CAAC,EAAE;AAC/B,IAAA,OAAOC,KAAK,CAACH,EAAE,EAAEF,IAAI,CAAC;AACxB,EAAA;AACA,EAAA,IAAI,CAACM,MAAM,CAACC,qBAAqB,EAAE;AACjC,IAAA,OAAOF,KAAK,CAACH,EAAE,EAAEF,IAAI,CAAC;AACxB,EAAA;AACA,EAAA,OAAOM,MAAM,CAACC,qBAAqB,CAACL,EAAE,CAAC;AACzC;AAEO,SAASM,QAAQA,GAAG;AACzB,EAAA,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;IAC9BC,QAAQ,CAAC,aAAa,EAAE,MAAM;AAC5BV,MAAAA,GAAG,CAAC,MAAM;AACRS,QAAAA,OAAO,EAAE;AACX,MAAA,CAAC,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,cAAcA,CAACC,OAAO,EAAE;EACtC,IAAI;IACFC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,cAAc;AACdC,IAAAA;AACF,GAAC,GAAGZ,MAAM,CAACa,gBAAgB,CAACN,OAAO,CAAC;;AAEpC;AACA;AACA;AACA;;AAEA,EAAA,IAAIO,QAAQ,GAAGC,IAAI,CAACC,GAAG,CACrBC,UAAU,CAACN,cAAc,CAAC,EAC1BM,UAAU,CAACR,eAAe,CAC5B,CAAC;EACD,IAAIS,WAAW,GAAGH,IAAI,CAACC,GAAG,CACxBC,UAAU,CAACP,iBAAiB,CAAC,GAAGO,UAAU,CAACL,uBAAuB,CAAC,EACnEK,UAAU,CAACT,kBAAkB,CAC/B,CAAC;AAED,EAAA,OAAO,CAACM,QAAQ,GAAGI,WAAW,IAAI,IAAI;AACxC;AAEA,IAAIC,gBAAgB,GAAG,SAASC,gBAAgBA,CAACb,OAAO,EAAEc,KAAK,EAAE;AAC/Dd,EAAAA,OAAO,CAACe,KAAK,CAACC,SAAS,GAAGF,KAAK;AACjC,CAAC;AACD;AACA,IAAIG,QAAQ,CAACC,IAAI,CAACH,KAAK,CAACC,SAAS,KAAKG,SAAS,EAAE;AAC/CP,EAAAA,gBAAgB,GAAG,SAASC,gBAAgBA,CAACb,OAAO,EAAEc,KAAK,EAAE;AAC3Dd,IAAAA,OAAO,CAACe,KAAK,CAACK,eAAe,GAAGN,KAAK;EACvC,CAAC;AACH;AAEO,IAAIO,YAAY,GAAGT;;;;"}

package/{addon → dist}/utils/back-swipe-recognizer.js

@@ -1,41 +1,36 @@
 import Hammer from 'hammerjs';
-const { DIRECTION_RIGHT } = Hammer;
+import { macroCondition, isTesting } from '@embroider/macros';
+
+const {
+  DIRECTION_RIGHT
+} = Hammer;
 const FIELD_REGEXP = /input|textarea|select/i;
-import { DEBUG } from '@glimmer/env';
 
 /* This recognizer subclasses the Pan recognizer and adds the constraint that the initial touch
  * must be in the validLeftAreaPercent portion of the screen.
  */
-export default class BackSwipeRecognizer extends Hammer.Pan {
+class BackSwipeRecognizer extends Hammer.Pan {
   constructor(options) {
     super(options);
     this.options = Object.assign({}, this.defaults, options || {});
-    this.captureClick = (ev) => {
+    this.captureClick = ev => {
       ev.stopPropagation(); // Stop the click from being propagated.
-      this.manager.element.removeEventListener(
-        'click',
-        this.captureClick,
-        true,
-      );
+      this.manager.element.removeEventListener('click', this.captureClick, true);
     };
   }
-
   defaults = {
     enable: true,
     event: 'pan',
     threshold: 10,
     pointers: 1,
     direction: DIRECTION_RIGHT,
-    validLeftAreaPercent: 33,
+    validLeftAreaPercent: 33
   };
-
   recognize(inputData) {
     if (inputData.isFirst) {
-      this.isInitialTouchInValidArea =
-        this.checkInitialTouchInValidArea(inputData);
+      this.isInitialTouchInValidArea = this.checkInitialTouchInValidArea(inputData);
     }
-    let isOverElementThatPreventsScrollingInteraction =
-      this.shouldPreventScrollingInteraction(inputData);
+    let isOverElementThatPreventsScrollingInteraction = this.shouldPreventScrollingInteraction(inputData);
     if (isOverElementThatPreventsScrollingInteraction) {
       this.manager.stop();
       return;
@@ -48,55 +43,40 @@ export default class BackSwipeRecognizer extends Hammer.Pan {
       }, 0);
     }
   }
-
   shouldPreventScrollingInteraction(inputData) {
-    let { target } = inputData;
-    return (
-      inputData.isFirst &&
-      ((target && target.tagName.match(FIELD_REGEXP)) ||
-        (target && target.hasAttribute('data-prevent-scrolling')))
-    );
+    let {
+      target
+    } = inputData;
+    return inputData.isFirst && (target && target.tagName.match(FIELD_REGEXP) || target && target.hasAttribute('data-prevent-scrolling'));
   }
-
   captureGhostClickIfNeeded(inputData) {
-    if (
-      inputData.srcEvent.type === 'mouseup' &&
-      this.state & Hammer.STATE_BEGAN
-    ) {
+    if (inputData.srcEvent.type === 'mouseup' && this.state & Hammer.STATE_BEGAN) {
       this.manager.element.addEventListener('click', this.captureClick, true);
       setTimeout(() => {
-        this.manager.element.removeEventListener(
-          'click',
-          this.captureClick,
-          true,
-        );
+        this.manager.element.removeEventListener('click', this.captureClick, true);
       }, 0);
     }
   }
-
-  attrTest(input) {
-    return this.isInitialTouchInValidArea && super.attrTest(input);
-  }
-
   reset() {
     this.isInitialTouchInValidArea = undefined;
   }
-
   checkInitialTouchInValidArea(inputData) {
-    if (DEBUG) {
+    if (macroCondition(isTesting())) {
       let testingEl = document.querySelector('#ember-testing');
       if (testingEl) {
-        let minValidX = testingEl.getBoundingClientRect().left;
-        let maxValidX =
-          minValidX +
-          testingEl.clientWidth * (this.options.validLeftAreaPercent / 100);
-        return (
-          inputData.center.x >= minValidX && inputData.center.x <= maxValidX
-        );
+        let testingRect = testingEl.getBoundingClientRect();
+        let minValidX = testingRect.left;
+        let maxValidX = minValidX + testingEl.clientWidth * (this.options.validLeftAreaPercent / 100);
+        return inputData.center.x >= minValidX && inputData.center.x <= maxValidX;
       }
     }
-    let maxValidX =
-      window.innerWidth * (this.options.validLeftAreaPercent / 100);
+    let maxValidX = window.innerWidth * (this.options.validLeftAreaPercent / 100);
     return inputData.center.x <= maxValidX;
   }
+  attrTest(input) {
+    return this.isInitialTouchInValidArea && super.attrTest(input);
+  }
 }
+
+export { BackSwipeRecognizer as default };
+//# sourceMappingURL=back-swipe-recognizer.js.map