@cloudscape-design/chart-components 1.0.24 → 1.0.26

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "80443d98d82644ff80f45d92096981d2e829a672"
+  "commit": "1e9c64fdb944d339e7609cf8d7abe084835d035c"
 }

package/internal/utils/dom.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Polyfill for `element.scrollIntoView({ container: "nearest", scrollMode: "..." })`
+ * For ease of implementation, behaves like `{ block: "center" }` is provided.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView (for `container`)
+ * @see https://caniuse.com/wf-scroll-into-view-container (for `container` browser support)
+ * @see https://github.com/w3c/csswg-drafts/pull/5677 (for discussion of `if-needed`)
+ */
+export declare function scrollIntoViewNearestContainer(element: HTMLElement, options?: ScrollOptions & {
+    scrollMode?: "always" | "if-needed";
+}): void;

package/internal/utils/dom.js

@@ -0,0 +1,44 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+/**
+ * Polyfill for `element.scrollIntoView({ container: "nearest", scrollMode: "..." })`
+ * For ease of implementation, behaves like `{ block: "center" }` is provided.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView (for `container`)
+ * @see https://caniuse.com/wf-scroll-into-view-container (for `container` browser support)
+ * @see https://github.com/w3c/csswg-drafts/pull/5677 (for discussion of `if-needed`)
+ */
+export function scrollIntoViewNearestContainer(element, options) {
+    var _a;
+    // Scroll methods (scrollTo, scrollIntoView, etc) are not supported in test environments like JSDOM.
+    if (!("scrollTo" in element)) {
+        return;
+    }
+    // Get element boundaries to measure scroll offsets.
+    // In the future, could be replaced with a simple `element.scrollParent`.
+    // https://drafts.csswg.org/cssom-view/#dom-htmlelement-scrollparent
+    const scrollParent = (_a = getScrollParent(element)) !== null && _a !== void 0 ? _a : element.ownerDocument.documentElement;
+    const { top: elementTop, bottom: elementBottom, height: elementHeight } = element.getBoundingClientRect();
+    const { top: scrollTop, bottom: scrollBottom, height: scrollHeight } = scrollParent.getBoundingClientRect();
+    if ((options === null || options === void 0 ? void 0 : options.scrollMode) === "if-needed") {
+        // Technically, getBoundingClientRect() returns the border-box, which includes the border width.
+        // We should subtract the border width to get the padding box, but all that computation isn't worth it.
+        const isNeeded = elementTop < scrollTop || elementBottom > scrollBottom;
+        if (!isNeeded) {
+            return;
+        }
+    }
+    const topRelativeToParent = elementTop + scrollParent.scrollTop - scrollTop;
+    const blockCenterOffset = scrollHeight / 2 - elementHeight / 2;
+    scrollParent.scrollTo({ top: topRelativeToParent - blockCenterOffset, ...options });
+}
+function getScrollParent(element) {
+    for (let node = element.parentElement; node !== null && node !== element.ownerDocument.body; node = node.parentElement) {
+        const overflow = getComputedStyle(node).overflow;
+        if (overflow !== "visible" && overflow !== "hidden") {
+            return node;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=dom.js.map

package/internal/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;;;;;;GAOG;AACH,MAAM,UAAU,8BAA8B,CAC5C,OAAoB,EACpB,OAAiE;;IAEjE,oGAAoG;IACpG,IAAI,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,EAAE;QAC5B,OAAO;KACR;IAED,oDAAoD;IACpD,yEAAyE;IACzE,oEAAoE;IACpE,MAAM,YAAY,GAAG,MAAA,eAAe,CAAC,OAAO,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,eAAe,CAAC;IACvF,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC1G,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAE5G,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,MAAK,WAAW,EAAE;QACvC,gGAAgG;QAChG,uGAAuG;QACvG,MAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,IAAI,aAAa,GAAG,YAAY,CAAC;QACxE,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;KACF;IAED,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5E,MAAM,iBAAiB,GAAG,YAAY,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;IAC/D,YAAY,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,mBAAmB,GAAG,iBAAiB,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;AACtF,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB;IAC3C,KACE,IAAI,IAAI,GAAuB,OAAO,CAAC,aAAa,EACpD,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,CAAC,aAAa,CAAC,IAAI,EACpD,IAAI,GAAG,IAAI,CAAC,aAAa,EACzB;QACA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;QACjD,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACnD,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Polyfill for `element.scrollIntoView({ container: \"nearest\", scrollMode: \"...\" })`\n * For ease of implementation, behaves like `{ block: \"center\" }` is provided.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView (for `container`)\n * @see https://caniuse.com/wf-scroll-into-view-container (for `container` browser support)\n * @see https://github.com/w3c/csswg-drafts/pull/5677 (for discussion of `if-needed`)\n */\nexport function scrollIntoViewNearestContainer(\n  element: HTMLElement,\n  options?: ScrollOptions & { scrollMode?: \"always\" | \"if-needed\" },\n) {\n  // Scroll methods (scrollTo, scrollIntoView, etc) are not supported in test environments like JSDOM.\n  if (!(\"scrollTo\" in element)) {\n    return;\n  }\n\n  // Get element boundaries to measure scroll offsets.\n  // In the future, could be replaced with a simple `element.scrollParent`.\n  // https://drafts.csswg.org/cssom-view/#dom-htmlelement-scrollparent\n  const scrollParent = getScrollParent(element) ?? element.ownerDocument.documentElement;\n  const { top: elementTop, bottom: elementBottom, height: elementHeight } = element.getBoundingClientRect();\n  const { top: scrollTop, bottom: scrollBottom, height: scrollHeight } = scrollParent.getBoundingClientRect();\n\n  if (options?.scrollMode === \"if-needed\") {\n    // Technically, getBoundingClientRect() returns the border-box, which includes the border width.\n    // We should subtract the border width to get the padding box, but all that computation isn't worth it.\n    const isNeeded = elementTop < scrollTop || elementBottom > scrollBottom;\n    if (!isNeeded) {\n      return;\n    }\n  }\n\n  const topRelativeToParent = elementTop + scrollParent.scrollTop - scrollTop;\n  const blockCenterOffset = scrollHeight / 2 - elementHeight / 2;\n  scrollParent.scrollTo({ top: topRelativeToParent - blockCenterOffset, ...options });\n}\n\nfunction getScrollParent(element: HTMLElement): HTMLElement | null {\n  for (\n    let node: HTMLElement | null = element.parentElement;\n    node !== null && node !== element.ownerDocument.body;\n    node = node.parentElement\n  ) {\n    const overflow = getComputedStyle(node).overflow;\n    if (overflow !== \"visible\" && overflow !== \"hidden\") {\n      return node;\n    }\n  }\n  return null;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chart-components",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chart-components.git"