@patternfly/pfe-core 2.0.0-next.10 → 2.0.0-next.11

package/functions/isElementInView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This function returns whether or not an element is within the viewable area of a container. If partial is true,
+ * then this function will return true even if only part of the element is in view.
+ *
+ * @param container  The container to check if the element is in view of.
+ * @param element    The element to check if it is view
+ * @param partial   true if partial view is allowed
+ * @param strict    true if strict mode is set, never consider the container width and element width
+ *
+ * @returns True if the component is in View.
+ */
+export declare function isElementInView(container: HTMLElement, element: HTMLElement, partial?: boolean, strict?: boolean): boolean;

package/functions/isElementInView.js

@@ -0,0 +1,2 @@
+function d(s,c,a=!1,r=!1){if(!s||!c)return!1;let t=s.getBoundingClientRect(),n=c.getBoundingClientRect(),e=Math.ceil(t.left),o=Math.floor(t.right),i=Math.ceil(n.left),l=Math.floor(n.right),f=i>=e&&l<=o,u=(a||!r&&t.width<n.width)&&(i<e&&l>e||l>o&&i<o);return f||u}export{d as isElementInView};
+//# sourceMappingURL=isElementInView.js.map

package/functions/isElementInView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["isElementInView.ts"],
+  "sourcesContent": ["/**\n * This function returns whether or not an element is within the viewable area of a container. If partial is true,\n * then this function will return true even if only part of the element is in view.\n *\n * @param container  The container to check if the element is in view of.\n * @param element    The element to check if it is view\n * @param partial   true if partial view is allowed\n * @param strict    true if strict mode is set, never consider the container width and element width\n *\n * @returns True if the component is in View.\n */\nexport function isElementInView(\n  container: HTMLElement,\n  element: HTMLElement,\n  partial = false,\n  strict = false\n): boolean {\n  if (!container || !element) {\n    return false;\n  }\n  const containerBounds = container.getBoundingClientRect();\n  const elementBounds = element.getBoundingClientRect();\n  const containerBoundsLeft = Math.ceil(containerBounds.left);\n  const containerBoundsRight = Math.floor(containerBounds.right);\n  const elementBoundsLeft = Math.ceil(elementBounds.left);\n  const elementBoundsRight = Math.floor(elementBounds.right);\n\n  // Check if in view\n  const isTotallyInView =\n    elementBoundsLeft >= containerBoundsLeft &&\n    elementBoundsRight <= containerBoundsRight;\n  const isPartiallyInView =\n    (partial || (!strict && containerBounds.width < elementBounds.width)) &&\n    ((elementBoundsLeft < containerBoundsLeft && elementBoundsRight > containerBoundsLeft) ||\n      (elementBoundsRight > containerBoundsRight && elementBoundsLeft < containerBoundsRight));\n\n  // Return outcome\n  return isTotallyInView || isPartiallyInView;\n}\n"],
+  "mappings": "AAWO,SAASA,EACdC,EACAC,EACAC,EAAU,GACVC,EAAS,GACA,CACT,GAAI,CAACH,GAAa,CAACC,EACjB,MAAO,GAET,IAAMG,EAAkBJ,EAAU,sBAAsB,EAClDK,EAAgBJ,EAAQ,sBAAsB,EAC9CK,EAAsB,KAAK,KAAKF,EAAgB,IAAI,EACpDG,EAAuB,KAAK,MAAMH,EAAgB,KAAK,EACvDI,EAAoB,KAAK,KAAKH,EAAc,IAAI,EAChDI,EAAqB,KAAK,MAAMJ,EAAc,KAAK,EAGnDK,EACJF,GAAqBF,GACrBG,GAAsBF,EAClBI,GACHT,GAAY,CAACC,GAAUC,EAAgB,MAAQC,EAAc,SAC5DG,EAAoBF,GAAuBG,EAAqBH,GAC/DG,EAAqBF,GAAwBC,EAAoBD,GAGtE,OAAOG,GAAmBC,CAC5B",
+  "names": ["isElementInView", "container", "element", "partial", "strict", "containerBounds", "elementBounds", "containerBoundsLeft", "containerBoundsRight", "elementBoundsLeft", "elementBoundsRight", "isTotallyInView", "isPartiallyInView"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/pfe-core",
-  "version": "2.0.0-next.10",
+  "version": "2.0.0-next.11",
   "license": "MIT",
   "description": "PatternFly Elements Core Library",
   "customElements": "custom-elements.json",
@@ -34,7 +34,8 @@
     "./decorators/trace.js": "./decorators/trace.js",
     "./functions/debounce.js": "./functions/debounce.js",
     "./functions/deprecatedCustomEvent.js": "./functions/deprecatedCustomEvent.js",
-    "./functions/random.js": "./functions/random.js"
+    "./functions/random.js": "./functions/random.js",
+    "./functions/isElementInView.js": "./functions/isElementInView.js"
   },
   "publishConfig": {
     "access": "public",