@cloudscape-design/components 3.0.616 → 3.0.618

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,86 +2,86 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1t7qb_99",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1t7qb_102",
-  "sticky-background": "awsui_sticky-background_hyvsj_1t7qb_108",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1t7qb_116",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1t7qb_129",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1t7qb_139",
-  "drawers-container": "awsui_drawers-container_hyvsj_1t7qb_151",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1t7qb_162",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1t7qb_185",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1t7qb_190",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1t7qb_231",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1t7qb_241",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1t7qb_245",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1t7qb_259",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1t7qb_245",
-  "drawer": "awsui_drawer_hyvsj_1t7qb_151",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1t7qb_290",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1t7qb_299",
-  "drawer-content": "awsui_drawer-content_hyvsj_1t7qb_290",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1t7qb_307",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1t7qb_310",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1t7qb_317",
-  "content": "awsui_content_hyvsj_1t7qb_343",
-  "layout": "awsui_layout_hyvsj_1t7qb_364",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1t7qb_445",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1t7qb_460",
-  "content-type-table": "awsui_content-type-table_hyvsj_1t7qb_474",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1t7qb_474",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1t7qb_480",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1t7qb_483",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1t7qb_515",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1t7qb_518",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1t7qb_528",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1t7qb_531",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1t7qb_534",
-  "has-header": "awsui_has-header_hyvsj_1t7qb_534",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1t7qb_552",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1t7qb_552",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1t7qb_589",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1t7qb_589",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1t7qb_605",
-  "unfocusable": "awsui_unfocusable_hyvsj_1t7qb_610",
-  "container": "awsui_container_hyvsj_1t7qb_620",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1t7qb_646",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1t7qb_649",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1t7qb_649",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1t7qb_649",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1t7qb_649",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1t7qb_658",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1t7qb_675",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1t7qb_679",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1t7qb_683",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1t7qb_687",
-  "navigation-container": "awsui_navigation-container_hyvsj_1t7qb_696",
-  "show-navigation": "awsui_show-navigation_hyvsj_1t7qb_734",
-  "animating": "awsui_animating_hyvsj_1t7qb_757",
-  "showButtons": "awsui_showButtons_hyvsj_1t7qb_1",
-  "navigation": "awsui_navigation_hyvsj_1t7qb_696",
-  "openNavigation": "awsui_openNavigation_hyvsj_1t7qb_1",
-  "animated-content": "awsui_animated-content_hyvsj_1t7qb_819",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1t7qb_828",
-  "notifications": "awsui_notifications_hyvsj_1t7qb_838",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1t7qb_844",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1t7qb_861",
-  "position-bottom": "awsui_position-bottom_hyvsj_1t7qb_908",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1t7qb_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1t7qb_937",
-  "position-side": "awsui_position-side_hyvsj_1t7qb_950",
-  "tools-container": "awsui_tools-container_hyvsj_1t7qb_972",
-  "tools": "awsui_tools_hyvsj_1t7qb_972",
-  "openTools": "awsui_openTools_hyvsj_1t7qb_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1t7qb_1063",
-  "hide-tools": "awsui_hide-tools_hyvsj_1t7qb_1073",
-  "show-tools": "awsui_show-tools_hyvsj_1t7qb_1085",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1t7qb_1063",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1t7qb_1168",
-  "trigger": "awsui_trigger_hyvsj_1t7qb_1168",
-  "selected": "awsui_selected_hyvsj_1t7qb_1242",
-  "badge": "awsui_badge_hyvsj_1t7qb_1262",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1t7qb_1266",
-  "dot": "awsui_dot_hyvsj_1t7qb_1277"
+  "background": "awsui_background_hyvsj_oarcx_99",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_oarcx_102",
+  "sticky-background": "awsui_sticky-background_hyvsj_oarcx_108",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_oarcx_116",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_oarcx_129",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_oarcx_139",
+  "drawers-container": "awsui_drawers-container_hyvsj_oarcx_151",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_oarcx_162",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_oarcx_185",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_oarcx_231",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_oarcx_241",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_oarcx_245",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_oarcx_259",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_oarcx_245",
+  "drawer": "awsui_drawer_hyvsj_oarcx_151",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_oarcx_290",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_oarcx_299",
+  "drawer-content": "awsui_drawer-content_hyvsj_oarcx_290",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_oarcx_307",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_oarcx_310",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_oarcx_317",
+  "content": "awsui_content_hyvsj_oarcx_343",
+  "layout": "awsui_layout_hyvsj_oarcx_364",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_oarcx_445",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_oarcx_460",
+  "content-type-table": "awsui_content-type-table_hyvsj_oarcx_474",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_oarcx_474",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_oarcx_480",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_oarcx_483",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_oarcx_515",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_oarcx_518",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_oarcx_528",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_oarcx_531",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_oarcx_534",
+  "has-header": "awsui_has-header_hyvsj_oarcx_534",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_oarcx_552",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_oarcx_552",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_oarcx_589",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_oarcx_589",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_oarcx_605",
+  "unfocusable": "awsui_unfocusable_hyvsj_oarcx_610",
+  "container": "awsui_container_hyvsj_oarcx_620",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_oarcx_646",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_oarcx_649",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_oarcx_649",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_oarcx_649",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_oarcx_649",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_oarcx_658",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_oarcx_675",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_oarcx_679",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_oarcx_683",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_oarcx_687",
+  "navigation-container": "awsui_navigation-container_hyvsj_oarcx_696",
+  "show-navigation": "awsui_show-navigation_hyvsj_oarcx_734",
+  "animating": "awsui_animating_hyvsj_oarcx_757",
+  "showButtons": "awsui_showButtons_hyvsj_oarcx_1",
+  "navigation": "awsui_navigation_hyvsj_oarcx_696",
+  "openNavigation": "awsui_openNavigation_hyvsj_oarcx_1",
+  "animated-content": "awsui_animated-content_hyvsj_oarcx_819",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_oarcx_828",
+  "notifications": "awsui_notifications_hyvsj_oarcx_838",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_oarcx_844",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_oarcx_861",
+  "position-bottom": "awsui_position-bottom_hyvsj_oarcx_908",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_oarcx_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_oarcx_937",
+  "position-side": "awsui_position-side_hyvsj_oarcx_950",
+  "tools-container": "awsui_tools-container_hyvsj_oarcx_972",
+  "tools": "awsui_tools_hyvsj_oarcx_972",
+  "openTools": "awsui_openTools_hyvsj_oarcx_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_oarcx_1063",
+  "hide-tools": "awsui_hide-tools_hyvsj_oarcx_1073",
+  "show-tools": "awsui_show-tools_hyvsj_oarcx_1085",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_oarcx_1063",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_oarcx_1168",
+  "trigger": "awsui_trigger_hyvsj_oarcx_1168",
+  "selected": "awsui_selected_hyvsj_oarcx_1245",
+  "badge": "awsui_badge_hyvsj_oarcx_1265",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_oarcx_1269",
+  "dot": "awsui_dot_hyvsj_oarcx_1280"
 };
   

package/internal/direction.d.ts

@@ -1,4 +1,5 @@
-export declare function isRtl(element: HTMLElement | SVGElement): boolean;
+export declare function getIsRtl(element: HTMLElement | SVGElement): boolean;
+export declare function getOffsetInlineStart(element: HTMLElement): number;
 /**
  * The scrollLeft value will be a negative number if the direction is RTL and
  * needs to be converted to a positive value for direction independent scroll
@@ -6,6 +7,12 @@ export declare function isRtl(element: HTMLElement | SVGElement): boolean;
  * systems using display scaling requiring the floor and ceiling calls.
  */
 export declare function getScrollInlineStart(element: HTMLElement): number;
+/**
+ * The clientX position needs to be converted so it is relative to the right of
+ * the document in order for computations to yield the same result in both
+ * element directions.
+ */
+export declare function getLogicalClientX(event: PointerEvent, IsRtl: boolean): number;
 /**
  * The getBoundingClientRect() function returns values relative to the top left
  * corner of the document regardless of document direction. The left/right position

package/internal/direction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../../src/internal/direction.ts"],"names":[],"mappings":"AAGA,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,WAEtD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAExD;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU;;;;;;;EAoB7E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,UAIhD"}
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../../src/internal/direction.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,WAEzD;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAGxD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAExD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,UAEpE;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU;;;;;;;EAoB7E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,UAIhD"}

package/internal/direction.js

@@ -1,8 +1,13 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-export function isRtl(element) {
+export function getIsRtl(element) {
     return getComputedStyle(element).direction === 'rtl';
 }
+export function getOffsetInlineStart(element) {
+    var _a, _b;
+    const offsetParentWidth = (_b = (_a = element.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0;
+    return getIsRtl(element) ? offsetParentWidth - element.offsetWidth - element.offsetLeft : element.offsetLeft;
+}
 /**
  * The scrollLeft value will be a negative number if the direction is RTL and
  * needs to be converted to a positive value for direction independent scroll
@@ -10,7 +15,15 @@ export function isRtl(element) {
  * systems using display scaling requiring the floor and ceiling calls.
  */
 export function getScrollInlineStart(element) {
-    return isRtl(element) ? Math.floor(element.scrollLeft) * -1 : Math.ceil(element.scrollLeft);
+    return getIsRtl(element) ? Math.floor(element.scrollLeft) * -1 : Math.ceil(element.scrollLeft);
+}
+/**
+ * The clientX position needs to be converted so it is relative to the right of
+ * the document in order for computations to yield the same result in both
+ * element directions.
+ */
+export function getLogicalClientX(event, IsRtl) {
+    return IsRtl ? document.documentElement.clientWidth - event.clientX : event.clientX;
 }
 /**
  * The getBoundingClientRect() function returns values relative to the top left
@@ -24,7 +37,7 @@ export function getLogicalBoundingClientRect(element) {
     const inlineSize = boundingClientRect.width;
     const insetBlockStart = boundingClientRect.top;
     const insetBlockEnd = boundingClientRect.bottom;
-    const insetInlineStart = isRtl(element)
+    const insetInlineStart = getIsRtl(element)
         ? document.documentElement.clientWidth - boundingClientRect.right
         : boundingClientRect.left;
     const insetInlineEnd = insetInlineStart + inlineSize;
@@ -43,7 +56,7 @@ export function getLogicalBoundingClientRect(element) {
  * element directions.
  */
 export function getLogicalPageX(event) {
-    return event.target instanceof HTMLElement && isRtl(event.target)
+    return event.target instanceof HTMLElement && getIsRtl(event.target)
         ? document.documentElement.clientWidth - event.pageX
         : event.pageX;
 }

package/internal/direction.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/internal/direction.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,UAAU,KAAK,CAAC,OAAiC;IACrD,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC;AACvD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAoB;IACvD,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAC9F,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAAC,OAAiC;IAC5E,MAAM,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE3D,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC;IAC5C,MAAM,eAAe,GAAG,kBAAkB,CAAC,GAAG,CAAC;IAC/C,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAChD,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;QACrC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC,KAAK;QACjE,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;IAC5B,MAAM,cAAc,GAAG,gBAAgB,GAAG,UAAU,CAAC;IAErD,OAAO;QACL,SAAS;QACT,UAAU;QACV,eAAe;QACf,aAAa;QACb,gBAAgB;QAChB,cAAc;KACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,OAAO,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAC/D,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK;QACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;AAClB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function isRtl(element: HTMLElement | SVGElement) {\n  return getComputedStyle(element).direction === 'rtl';\n}\n\n/**\n * The scrollLeft value will be a negative number if the direction is RTL and\n * needs to be converted to a positive value for direction independent scroll\n * computations. Additionally, the scrollLeft value can be a decimal value on\n * systems using display scaling requiring the floor and ceiling calls.\n */\nexport function getScrollInlineStart(element: HTMLElement) {\n  return isRtl(element) ? Math.floor(element.scrollLeft) * -1 : Math.ceil(element.scrollLeft);\n}\n\n/**\n * The getBoundingClientRect() function returns values relative to the top left\n * corner of the document regardless of document direction. The left/right position\n * will be transformed to insetInlineStart based on element direction in order to\n * support direction agnostic position computation.\n */\nexport function getLogicalBoundingClientRect(element: HTMLElement | SVGElement) {\n  const boundingClientRect = element.getBoundingClientRect();\n\n  const blockSize = boundingClientRect.height;\n  const inlineSize = boundingClientRect.width;\n  const insetBlockStart = boundingClientRect.top;\n  const insetBlockEnd = boundingClientRect.bottom;\n  const insetInlineStart = isRtl(element)\n    ? document.documentElement.clientWidth - boundingClientRect.right\n    : boundingClientRect.left;\n  const insetInlineEnd = insetInlineStart + inlineSize;\n\n  return {\n    blockSize,\n    inlineSize,\n    insetBlockStart,\n    insetBlockEnd,\n    insetInlineStart,\n    insetInlineEnd,\n  };\n}\n\n/**\n * The pageX position needs to be converted so it is relative to the right of\n * the document in order for computations to yield the same result in both\n * element directions.\n */\nexport function getLogicalPageX(event: MouseEvent) {\n  return event.target instanceof HTMLElement && isRtl(event.target)\n    ? document.documentElement.clientWidth - event.pageX\n    : event.pageX;\n}\n"]}
+{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/internal/direction.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,UAAU,QAAQ,CAAC,OAAiC;IACxD,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAoB;;IACvD,MAAM,iBAAiB,GAAG,MAAA,MAAA,OAAO,CAAC,YAAY,0CAAE,WAAW,mCAAI,CAAC,CAAC;IACjE,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,iBAAiB,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;AAC/G,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAoB;IACvD,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACjG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAmB,EAAE,KAAc;IACnE,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;AACtF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAAC,OAAiC;IAC5E,MAAM,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE3D,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC;IAC5C,MAAM,eAAe,GAAG,kBAAkB,CAAC,GAAG,CAAC;IAC/C,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAChD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC;QACxC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC,KAAK;QACjE,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;IAC5B,MAAM,cAAc,GAAG,gBAAgB,GAAG,UAAU,CAAC;IAErD,OAAO;QACL,SAAS;QACT,UAAU;QACV,eAAe;QACf,aAAa;QACb,gBAAgB;QAChB,cAAc;KACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,OAAO,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK;QACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;AAClB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getIsRtl(element: HTMLElement | SVGElement) {\n  return getComputedStyle(element).direction === 'rtl';\n}\n\nexport function getOffsetInlineStart(element: HTMLElement) {\n  const offsetParentWidth = element.offsetParent?.clientWidth ?? 0;\n  return getIsRtl(element) ? offsetParentWidth - element.offsetWidth - element.offsetLeft : element.offsetLeft;\n}\n\n/**\n * The scrollLeft value will be a negative number if the direction is RTL and\n * needs to be converted to a positive value for direction independent scroll\n * computations. Additionally, the scrollLeft value can be a decimal value on\n * systems using display scaling requiring the floor and ceiling calls.\n */\nexport function getScrollInlineStart(element: HTMLElement) {\n  return getIsRtl(element) ? Math.floor(element.scrollLeft) * -1 : Math.ceil(element.scrollLeft);\n}\n\n/**\n * The clientX position needs to be converted so it is relative to the right of\n * the document in order for computations to yield the same result in both\n * element directions.\n */\nexport function getLogicalClientX(event: PointerEvent, IsRtl: boolean) {\n  return IsRtl ? document.documentElement.clientWidth - event.clientX : event.clientX;\n}\n\n/**\n * The getBoundingClientRect() function returns values relative to the top left\n * corner of the document regardless of document direction. The left/right position\n * will be transformed to insetInlineStart based on element direction in order to\n * support direction agnostic position computation.\n */\nexport function getLogicalBoundingClientRect(element: HTMLElement | SVGElement) {\n  const boundingClientRect = element.getBoundingClientRect();\n\n  const blockSize = boundingClientRect.height;\n  const inlineSize = boundingClientRect.width;\n  const insetBlockStart = boundingClientRect.top;\n  const insetBlockEnd = boundingClientRect.bottom;\n  const insetInlineStart = getIsRtl(element)\n    ? document.documentElement.clientWidth - boundingClientRect.right\n    : boundingClientRect.left;\n  const insetInlineEnd = insetInlineStart + inlineSize;\n\n  return {\n    blockSize,\n    inlineSize,\n    insetBlockStart,\n    insetBlockEnd,\n    insetInlineStart,\n    insetInlineEnd,\n  };\n}\n\n/**\n * The pageX position needs to be converted so it is relative to the right of\n * the document in order for computations to yield the same result in both\n * element directions.\n */\nexport function getLogicalPageX(event: MouseEvent) {\n  return event.target instanceof HTMLElement && getIsRtl(event.target)\n    ? document.documentElement.clientWidth - event.pageX\n    : event.pageX;\n}\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (ffc5b2ac)";
+export var PACKAGE_VERSION = "3.0.0 (582cfc44)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (ffc5b2ac)",
+  "PACKAGE_VERSION": "3.0.0 (582cfc44)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }