@cloudscape-design/components 3.0.617 → 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
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ffc5b2ac063e74625637d6059302295fc233cf7e"
+  "commit": "582cfc446fff435dc767774301602ab72b07c008"
 }

package/internal/utils/handle-key.d.ts

@@ -3,10 +3,11 @@ export interface EventLike {
     keyCode: number;
     currentTarget: HTMLElement;
 }
-export default function handleKey(event: EventLike, { onActivate, onBlockEnd, onBlockStart, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }: {
+export default function handleKey(event: EventLike, { onActivate, onBlockEnd, onBlockStart, onDefault, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }: {
     onActivate?: () => void;
     onBlockEnd?: () => void;
     onBlockStart?: () => void;
+    onDefault?: () => void;
     onEnd?: () => void;
     onEscape?: () => void;
     onHome?: () => void;

package/internal/utils/handle-key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle-key.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,SAAS,CAE1D;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAK,EAAE,SAAS,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,QAmCF"}
+{"version":3,"file":"handle-key.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,SAAS,CAE1D;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAK,EAAE,SAAS,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,QAsCF"}

package/internal/utils/handle-key.js

@@ -1,11 +1,11 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { KeyCode } from '../keycode';
-import { isRtl } from '../direction';
+import { getIsRtl } from '../direction';
 export function isEventLike(event) {
     return event.currentTarget instanceof HTMLElement;
 }
-export default function handleKey(event, { onActivate, onBlockEnd, onBlockStart, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }) {
+export default function handleKey(event, { onActivate, onBlockEnd, onBlockStart, onDefault, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }) {
     switch (event.keyCode) {
         case KeyCode.down:
             onBlockEnd === null || onBlockEnd === void 0 ? void 0 : onBlockEnd();
@@ -24,7 +24,7 @@ export default function handleKey(event, { onActivate, onBlockEnd, onBlockStart,
             onHome === null || onHome === void 0 ? void 0 : onHome();
             break;
         case KeyCode.left:
-            isRtl(event.currentTarget) ? onInlineEnd === null || onInlineEnd === void 0 ? void 0 : onInlineEnd() : onInlineStart === null || onInlineStart === void 0 ? void 0 : onInlineStart();
+            getIsRtl(event.currentTarget) ? onInlineEnd === null || onInlineEnd === void 0 ? void 0 : onInlineEnd() : onInlineStart === null || onInlineStart === void 0 ? void 0 : onInlineStart();
             break;
         case KeyCode.pageDown:
             onPageDown === null || onPageDown === void 0 ? void 0 : onPageDown();
@@ -33,11 +33,14 @@ export default function handleKey(event, { onActivate, onBlockEnd, onBlockStart,
             onPageUp === null || onPageUp === void 0 ? void 0 : onPageUp();
             break;
         case KeyCode.right:
-            isRtl(event.currentTarget) ? onInlineStart === null || onInlineStart === void 0 ? void 0 : onInlineStart() : onInlineEnd === null || onInlineEnd === void 0 ? void 0 : onInlineEnd();
+            getIsRtl(event.currentTarget) ? onInlineStart === null || onInlineStart === void 0 ? void 0 : onInlineStart() : onInlineEnd === null || onInlineEnd === void 0 ? void 0 : onInlineEnd();
             break;
         case KeyCode.up:
             onBlockStart === null || onBlockStart === void 0 ? void 0 : onBlockStart();
             break;
+        default:
+            onDefault === null || onDefault === void 0 ? void 0 : onDefault();
+            break;
     }
 }
 //# sourceMappingURL=handle-key.js.map

package/internal/utils/handle-key.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle-key.js","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,OAAO,KAAK,CAAC,aAAa,YAAY,WAAW,CAAC;AACpD,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAgB,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GAYT;IAED,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,OAAO,CAAC,IAAI;YACf,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,GAAG;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;YACV,MAAM;QACR,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB,KAAK,OAAO,CAAC,KAAK;YAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;YACjE,MAAM;QACR,KAAK,OAAO,CAAC,QAAQ;YACnB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,KAAK;YAChB,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;YACjE,MAAM;QACR,KAAK,OAAO,CAAC,EAAE;YACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACjB,MAAM;KACT;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../keycode';\nimport { isRtl } from '../direction';\n\nexport function isEventLike(event: any): event is EventLike {\n  return event.currentTarget instanceof HTMLElement;\n}\n\nexport interface EventLike {\n  keyCode: number;\n  currentTarget: HTMLElement;\n}\n\nexport default function handleKey(\n  event: EventLike,\n  {\n    onActivate,\n    onBlockEnd,\n    onBlockStart,\n    onEnd,\n    onEscape,\n    onHome,\n    onInlineEnd,\n    onInlineStart,\n    onPageDown,\n    onPageUp,\n  }: {\n    onActivate?: () => void;\n    onBlockEnd?: () => void;\n    onBlockStart?: () => void;\n    onEnd?: () => void;\n    onEscape?: () => void;\n    onHome?: () => void;\n    onInlineEnd?: () => void;\n    onInlineStart?: () => void;\n    onPageDown?: () => void;\n    onPageUp?: () => void;\n  }\n) {\n  switch (event.keyCode) {\n    case KeyCode.down:\n      onBlockEnd?.();\n      break;\n    case KeyCode.end:\n      onEnd?.();\n      break;\n    case KeyCode.enter:\n    case KeyCode.space:\n      onActivate?.();\n      break;\n    case KeyCode.escape:\n      onEscape?.();\n      break;\n    case KeyCode.home:\n      onHome?.();\n      break;\n    case KeyCode.left:\n      isRtl(event.currentTarget) ? onInlineEnd?.() : onInlineStart?.();\n      break;\n    case KeyCode.pageDown:\n      onPageDown?.();\n      break;\n    case KeyCode.pageUp:\n      onPageUp?.();\n      break;\n    case KeyCode.right:\n      isRtl(event.currentTarget) ? onInlineStart?.() : onInlineEnd?.();\n      break;\n    case KeyCode.up:\n      onBlockStart?.();\n      break;\n  }\n}\n"]}
+{"version":3,"file":"handle-key.js","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,OAAO,KAAK,CAAC,aAAa,YAAY,WAAW,CAAC;AACpD,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAgB,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GAaT;IAED,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,OAAO,CAAC,IAAI;YACf,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,GAAG;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;YACV,MAAM;QACR,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB,KAAK,OAAO,CAAC,KAAK;YAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,QAAQ;YACnB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,KAAK;YAChB,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,EAAE;YACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACjB,MAAM;QACR;YACE,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;YACd,MAAM;KACT;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../keycode';\nimport { getIsRtl } from '../direction';\n\nexport function isEventLike(event: any): event is EventLike {\n  return event.currentTarget instanceof HTMLElement;\n}\n\nexport interface EventLike {\n  keyCode: number;\n  currentTarget: HTMLElement;\n}\n\nexport default function handleKey(\n  event: EventLike,\n  {\n    onActivate,\n    onBlockEnd,\n    onBlockStart,\n    onDefault,\n    onEnd,\n    onEscape,\n    onHome,\n    onInlineEnd,\n    onInlineStart,\n    onPageDown,\n    onPageUp,\n  }: {\n    onActivate?: () => void;\n    onBlockEnd?: () => void;\n    onBlockStart?: () => void;\n    onDefault?: () => void;\n    onEnd?: () => void;\n    onEscape?: () => void;\n    onHome?: () => void;\n    onInlineEnd?: () => void;\n    onInlineStart?: () => void;\n    onPageDown?: () => void;\n    onPageUp?: () => void;\n  }\n) {\n  switch (event.keyCode) {\n    case KeyCode.down:\n      onBlockEnd?.();\n      break;\n    case KeyCode.end:\n      onEnd?.();\n      break;\n    case KeyCode.enter:\n    case KeyCode.space:\n      onActivate?.();\n      break;\n    case KeyCode.escape:\n      onEscape?.();\n      break;\n    case KeyCode.home:\n      onHome?.();\n      break;\n    case KeyCode.left:\n      getIsRtl(event.currentTarget) ? onInlineEnd?.() : onInlineStart?.();\n      break;\n    case KeyCode.pageDown:\n      onPageDown?.();\n      break;\n    case KeyCode.pageUp:\n      onPageUp?.();\n      break;\n    case KeyCode.right:\n      getIsRtl(event.currentTarget) ? onInlineStart?.() : onInlineEnd?.();\n      break;\n    case KeyCode.up:\n      onBlockStart?.();\n      break;\n    default:\n      onDefault?.();\n      break;\n  }\n}\n"]}

package/package.json

@@ -116,7 +116,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.617",
+  "version": "3.0.618",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/split-panel/bottom.js

@@ -32,10 +32,10 @@ export function SplitPanelContentBottom({ baseProps, isOpen, state, transitionin
             [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),
             [styles.refresh]: isRefresh,
         }), onClick: () => !isOpen && onToggle(), style: {
-            bottom: bottomOffset,
-            left: leftOffset,
-            right: rightOffset,
-            height: isOpen ? cappedSize : undefined,
+            insetBlockEnd: bottomOffset,
+            insetInlineStart: leftOffset,
+            insetInlineEnd: rightOffset,
+            blockSize: isOpen ? cappedSize : undefined,
         }, ref: transitionContentBottomRef }),
         isOpen && React.createElement("div", { className: styles['slider-wrapper-bottom'] }, resizeHandle),
         React.createElement("div", { className: styles['drawer-content-bottom'], "aria-labelledby": panelHeaderId, role: "region" },

package/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.drawer, styles['position-bottom'], {\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        bottom: bottomOffset,\n        left: leftOffset,\n        right: rightOffset,\n        height: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.drawer, styles['position-bottom'], {\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/icons/bottom-icon-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAoDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/bottom-icon-refresh.js

@@ -20,7 +20,7 @@ const SidePanelRow = ({ offset }) => {
         React.createElement("path", { d: "M123 0H155V3H123V0Z" }),
         React.createElement("path", { d: "M171 0H203V3H171V0Z" })));
 };
-const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
+const bottomPositionIcon = (React.createElement("svg", { className: getClassName('svg'), focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("path", { d: "M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
     React.createElement("g", { className: "awsui-context-top-navigation" },
         React.createElement("rect", { x: "2", y: "2", width: "226", height: "6", className: getClassName('layout-top') })),

package/split-panel/icons/bottom-icon-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getContentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className={getContentHeaderClassName()}>\n      <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,YAAY,EAAoB,MAAM,yBAAyB,CAAC;AAEzE,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAC5B,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC;QACvG,8BAAM,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,GAAI;QACnE,8BACE,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,EACzD,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,GAC5D;QACF,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAC,eAAe,EAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,aAAa,EAAC,QAAQ,GAAG,CACrF,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACpD,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QAC3E,8BAAM,CAAC,EAAC,kBAAkB,GAAG;QAC7B,8BAAM,CAAC,EAAC,mBAAmB,GAAG;QAC9B,8BAAM,CAAC,EAAC,qBAAqB,GAAG;QAChC,8BAAM,CAAC,EAAC,qBAAqB,GAAG,CAC9B,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,6BACE,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,iBAC7B,MAAM;IAElB,8BACE,CAAC,EAAC,mIAAmI,EACrI,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EACjC,WAAW,EAAC,GAAG,GACf;IACF,2BAAG,SAAS,EAAC,8BAA8B;QACzC,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,GAAI,CAChF;IACJ,2BAAG,SAAS,EAAE,yBAAyB,EAAE;QACvC,8BAAM,CAAC,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,GAAI;QACrE,2BAAG,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;YACnC,8BACE,CAAC,EAAC,0HAA0H,EAC5H,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,GACnC;YACF,8BAAM,CAAC,EAAC,0BAA0B,GAAG;YACrC,8BAAM,CAAC,EAAC,+JAA+J,GAAG;YAC1K,8BAAM,CAAC,EAAC,+JAA+J,GAAG;YAC1K,8BACE,CAAC,EAAC,+JAA+J,EACjK,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAClC;YACF,gCAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,GAAI,CAC1E,CACF;IACJ,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAI;IACxC,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IACxB,oBAAC,QAAQ,IAAC,MAAM,EAAE,EAAE,GAAI;IAExB,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAC,GAAG,GAAG;IACvG,8BAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI;IAC/F,8BAAM,CAAC,EAAC,qBAAqB,EAAC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI;IACpE,2BAAG,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QACrC,8BAAM,CAAC,EAAC,wBAAwB,GAAG;QACnC,8BAAM,CAAC,EAAC,wBAAwB,GAAG,CACjC;IAEJ,oBAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;IAC5B,oBAAC,YAAY,IAAC,MAAM,EAAE,GAAG,GAAI;IAC7B,oBAAC,YAAY,IAAC,MAAM,EAAE,GAAG,GAAI,CACzB,CACP,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getContentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    className={getClassName('svg')}\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className={getContentHeaderClassName()}>\n      <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/bottom-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,kBAAkB,aAsGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"bottom-icon.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,kBAAkB,aAuGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/bottom-icon.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import styles from '../styles.css.js';
-const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 240 134", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
+const bottomPositionIcon = (React.createElement("svg", { className: styles['preference-icon--svg'], focusable: false, viewBox: "0 0 240 134", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         React.createElement("g", null,
             React.createElement("g", null,

package/split-panel/icons/bottom-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 240 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <rect\n            className={styles['preference-icon--layout-border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"238\"\n            height=\"125\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--layout-background']} x=\"12\" y=\"0\" width=\"217\" height=\"126\"></rect>\n          <path\n            className={styles['preference-icon--layout-header']}\n            d=\"M2,0 L238,0 C239.104569,-1.58997828e-14 240,0.8954305 240,2 L240,10 L240,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n          ></path>\n        </g>\n        <g transform=\"translate(28.000000, 22.000000)\">\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"182\"\n            height=\"110\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"3\"\n            y1=\"22.7619048\"\n            x2=\"181\"\n            y2=\"22.7619048\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"square\"\n          ></line>\n          <g transform=\"translate(3.000000, 37.285714)\">\n            <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n            <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n            <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n            <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n            <line\n              className={styles['preference-icon--separator']}\n              x1=\"0\"\n              y1=\"0.666666667\"\n              x2=\"178\"\n              y2=\"0.666666667\"\n              strokeLinecap=\"square\"\n            ></line>\n          </g>\n        </g>\n        <g transform=\"translate(12.000000, 74.000000)\">\n          <g>\n            <rect\n              className={styles['preference-icon--border']}\n              strokeWidth=\"2\"\n              x=\"1\"\n              y=\"1\"\n              width=\"215\"\n              height=\"58\"\n              rx=\"2\"\n            ></rect>\n            <rect className={styles['preference-icon--secondary']} x=\"177\" y=\"8\" width=\"30.6630435\" height=\"10\"></rect>\n            <polygon\n              className={styles['preference-icon--focus-text']}\n              points=\"10 12 45.3804348 12 45.3804348 15 10 15\"\n            ></polygon>\n          </g>\n          <g className={styles['preference-icon--secondary']} transform=\"translate(9.000000, 40.000000)\">\n            <polygon points=\"-3.55271368e-15 0 39 0 39 3 -3.55271368e-15 3\"></polygon>\n            <polygon points=\"53 0 92 0 92 3 53 3\"></polygon>\n            <polygon points=\"107 0 146 0 146 3 107 3\"></polygon>\n            <polygon points=\"160 0 199 0 199 3 160 3\"></polygon>\n            <polygon points=\"-3.55271368e-15 9 39 9 39 12 -3.55271368e-15 12\"></polygon>\n            <polygon points=\"53 9 92 9 92 12 53 12\"></polygon>\n            <polygon points=\"107 9 146 9 146 12 107 12\"></polygon>\n            <polygon points=\"160 9 199 9 199 12 160 12\"></polygon>\n          </g>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 23 32 23 32 26 10 26\"></polygon>\n          <polygon className={styles['preference-icon--secondary']} points=\"40 23 62 23 62 26 40 26\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"bottom-icon.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nconst bottomPositionIcon = (\n  <svg\n    className={styles['preference-icon--svg']}\n    focusable={false}\n    viewBox=\"0 0 240 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <rect\n            className={styles['preference-icon--layout-border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"238\"\n            height=\"125\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--layout-background']} x=\"12\" y=\"0\" width=\"217\" height=\"126\"></rect>\n          <path\n            className={styles['preference-icon--layout-header']}\n            d=\"M2,0 L238,0 C239.104569,-1.58997828e-14 240,0.8954305 240,2 L240,10 L240,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n          ></path>\n        </g>\n        <g transform=\"translate(28.000000, 22.000000)\">\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"182\"\n            height=\"110\"\n            rx=\"2\"\n          ></rect>\n          <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"3\"\n            y1=\"22.7619048\"\n            x2=\"181\"\n            y2=\"22.7619048\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"square\"\n          ></line>\n          <g transform=\"translate(3.000000, 37.285714)\">\n            <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n            <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n            <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n            <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n            <line\n              className={styles['preference-icon--separator']}\n              x1=\"0\"\n              y1=\"0.666666667\"\n              x2=\"178\"\n              y2=\"0.666666667\"\n              strokeLinecap=\"square\"\n            ></line>\n          </g>\n        </g>\n        <g transform=\"translate(12.000000, 74.000000)\">\n          <g>\n            <rect\n              className={styles['preference-icon--border']}\n              strokeWidth=\"2\"\n              x=\"1\"\n              y=\"1\"\n              width=\"215\"\n              height=\"58\"\n              rx=\"2\"\n            ></rect>\n            <rect className={styles['preference-icon--secondary']} x=\"177\" y=\"8\" width=\"30.6630435\" height=\"10\"></rect>\n            <polygon\n              className={styles['preference-icon--focus-text']}\n              points=\"10 12 45.3804348 12 45.3804348 15 10 15\"\n            ></polygon>\n          </g>\n          <g className={styles['preference-icon--secondary']} transform=\"translate(9.000000, 40.000000)\">\n            <polygon points=\"-3.55271368e-15 0 39 0 39 3 -3.55271368e-15 3\"></polygon>\n            <polygon points=\"53 0 92 0 92 3 53 3\"></polygon>\n            <polygon points=\"107 0 146 0 146 3 107 3\"></polygon>\n            <polygon points=\"160 0 199 0 199 3 160 3\"></polygon>\n            <polygon points=\"-3.55271368e-15 9 39 9 39 12 -3.55271368e-15 12\"></polygon>\n            <polygon points=\"53 9 92 9 92 12 53 12\"></polygon>\n            <polygon points=\"107 9 146 9 146 12 107 12\"></polygon>\n            <polygon points=\"160 9 199 9 199 12 160 12\"></polygon>\n          </g>\n          <polygon className={styles['preference-icon--focus-text']} points=\"10 23 32 23 32 26 10 26\"></polygon>\n          <polygon className={styles['preference-icon--secondary']} points=\"40 23 62 23 62 26 40 26\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/side-position-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA2DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA4DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/split-panel/icons/side-position-refresh.js

@@ -19,7 +19,7 @@ const SidePanelRow = ({ offset }) => {
         React.createElement("path", { d: "M177 0H190V3H177V0Z" }),
         React.createElement("path", { d: "M195 0H208V3H195V0Z" })));
 };
-const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
+const bottomPositionIcon = (React.createElement("svg", { className: getClassName('svg'), focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("path", { d: "M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
     React.createElement("g", { className: "awsui-context-top-navigation" },
         React.createElement("rect", { x: "2", y: "2", width: "212", height: "6", className: getClassName('layout-top') })),