@cloudscape-design/components-themeable 3.0.1126 → 3.0.1128

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_7nfqu_hk8dw_153:not(#\9) {
+.awsui_root_7nfqu_yk78c_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,102 +182,118 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: var(--color-text-body-default-5qid0u, #16191f);
   background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
-  --awsui-max-content-width-vl73au: 100%;
+  --awsui-max-content-width-b75yp7: 100%;
   display: grid;
   grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
   grid-template-columns: var(--space-layout-content-horizontal-q3zhej, 40px) minmax(0, 1fr) var(--space-layout-content-horizontal-q3zhej, 40px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_hk8dw_153:not(#\9) {
-    grid-template-areas: "ai-drawer toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "ai-drawer navigation .         notifications    .         sideSplitPanel  tools    global-tools" "ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools";
-    grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-vl73au)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
-    grid-template-rows: min-content min-content 1fr min-content;
+  .awsui_root_7nfqu_yk78c_153:not(#\9) {
+    grid-template-areas: "ai-drawer toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "ai-drawer navigation .         notifications    .         sideSplitPanel  tools    global-tools" "ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools" "ai-drawer bottom-tool bottom-tool bottom-tool  bottom-tool  bottom-tool bottom-tool global-tools";
+    grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-b75yp7)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
+    grid-template-rows: min-content min-content 1fr min-content min-content;
   }
-  .awsui_root_7nfqu_hk8dw_153.awsui_has-adaptive-widths-default_7nfqu_hk8dw_197:not(#\9) {
-    --awsui-max-content-width-vl73au: 1620px;
+  .awsui_root_7nfqu_yk78c_153.awsui_has-adaptive-widths-default_7nfqu_yk78c_197:not(#\9) {
+    --awsui-max-content-width-b75yp7: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_hk8dw_153.awsui_has-adaptive-widths-dashboard_7nfqu_hk8dw_202:not(#\9) {
-    --awsui-max-content-width-vl73au: 1280px;
+  .awsui_root_7nfqu_yk78c_153.awsui_has-adaptive-widths-dashboard_7nfqu_yk78c_202:not(#\9) {
+    --awsui-max-content-width-b75yp7: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_hk8dw_153.awsui_has-adaptive-widths-dashboard_7nfqu_hk8dw_202:not(#\9) {
-    --awsui-max-content-width-vl73au: 1620px;
+  .awsui_root_7nfqu_yk78c_153.awsui_has-adaptive-widths-dashboard_7nfqu_yk78c_202:not(#\9) {
+    --awsui-max-content-width-b75yp7: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_hk8dw_153.awsui_has-adaptive-widths-dashboard_7nfqu_hk8dw_202:not(#\9) {
-    --awsui-max-content-width-vl73au: 2160px;
+  .awsui_root_7nfqu_yk78c_153.awsui_has-adaptive-widths-dashboard_7nfqu_yk78c_202:not(#\9) {
+    --awsui-max-content-width-b75yp7: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_hk8dw_153.awsui_drawer-expanded-mode_7nfqu_hk8dw_217:not(#\9) {
+  .awsui_root_7nfqu_yk78c_153.awsui_drawer-expanded-mode_7nfqu_yk78c_217:not(#\9) {
     grid-template-columns: 0 0 0 0 0 0 0 auto;
   }
-  .awsui_root_7nfqu_hk8dw_153.awsui_drawer-expanded-mode_7nfqu_hk8dw_217.awsui_ai-drawer-expanded-mode_7nfqu_hk8dw_220:not(#\9) {
+  .awsui_root_7nfqu_yk78c_153.awsui_drawer-expanded-mode_7nfqu_yk78c_217.awsui_ai-drawer-expanded-mode_7nfqu_yk78c_220:not(#\9) {
     grid-template-columns: auto 0 0 0 0 0 0 0;
   }
+  .awsui_root_7nfqu_yk78c_153.awsui_drawer-expanded-mode_7nfqu_yk78c_217.awsui_bottom-drawer-expanded-mode_7nfqu_yk78c_223:not(#\9) {
+    grid-template-rows: auto;
+    grid-template-columns: 0 0 0 0 0 auto 0 0;
+  }
 }
 
-.awsui_ai-drawer_7nfqu_hk8dw_220:not(#\9),
-.awsui_navigation_7nfqu_hk8dw_226:not(#\9),
-.awsui_tools_7nfqu_hk8dw_227:not(#\9),
-.awsui_global-tools_7nfqu_hk8dw_228:not(#\9) {
+.awsui_ai-drawer_7nfqu_yk78c_220:not(#\9),
+.awsui_navigation_7nfqu_yk78c_230:not(#\9),
+.awsui_tools_7nfqu_yk78c_231:not(#\9),
+.awsui_global-tools_7nfqu_yk78c_232:not(#\9),
+.awsui_bottom-tool_7nfqu_yk78c_233:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-aemn43, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_ai-drawer_7nfqu_hk8dw_220:not(#\9),
-  .awsui_navigation_7nfqu_hk8dw_226:not(#\9),
-  .awsui_tools_7nfqu_hk8dw_227:not(#\9),
-  .awsui_global-tools_7nfqu_hk8dw_228:not(#\9) {
+  .awsui_ai-drawer_7nfqu_yk78c_220:not(#\9),
+  .awsui_navigation_7nfqu_yk78c_230:not(#\9),
+  .awsui_tools_7nfqu_yk78c_231:not(#\9),
+  .awsui_global-tools_7nfqu_yk78c_232:not(#\9),
+  .awsui_bottom-tool_7nfqu_yk78c_233:not(#\9) {
     inline-size: 100%;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_ai-drawer_7nfqu_hk8dw_220:not(#\9) {
+  .awsui_bottom-tool_7nfqu_yk78c_233:not(#\9) {
+    grid-area: bottom-tool;
+    position: sticky;
+    inset-block-end: 0;
+    overflow: hidden;
+    z-index: 840;
+  }
+}
+
+@media (min-width: 689px) {
+  .awsui_ai-drawer_7nfqu_yk78c_220:not(#\9) {
     grid-area: ai-drawer;
     position: sticky;
   }
 }
 
-.awsui_navigation_7nfqu_hk8dw_226:not(#\9) {
+.awsui_navigation_7nfqu_yk78c_230:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_hk8dw_226:not(#\9) {
+  .awsui_navigation_7nfqu_yk78c_230:not(#\9) {
     grid-area: navigation;
-    inline-size: var(--awsui-navigation-width-vl73au);
+    inline-size: var(--awsui-navigation-width-b75yp7);
     border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_hk8dw_226:not(#\9) {
+  .awsui_navigation_7nfqu_yk78c_230:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_hk8dw_227:not(#\9) {
+  .awsui_tools_7nfqu_yk78c_231:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_hk8dw_227:not(#\9):not(:has(> [data-testid])) {
-    inline-size: var(--awsui-tools-width-vl73au);
+  .awsui_tools_7nfqu_yk78c_231:not(#\9):not(:has(> [data-testid])) {
+    inline-size: var(--awsui-tools-width-b75yp7);
   }
-  .awsui_tools_7nfqu_hk8dw_227:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_hk8dw_274 {
+  .awsui_tools_7nfqu_yk78c_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_yk78c_290 {
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_hk8dw_228:not(#\9) {
+  .awsui_global-tools_7nfqu_yk78c_232:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -285,14 +301,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_hk8dw_288:not(#\9) {
+  .awsui_split-panel-side_7nfqu_yk78c_304:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_hk8dw_295:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_yk78c_311:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -300,81 +316,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_hk8dw_295:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_yk78c_311:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_panel-hidden_7nfqu_hk8dw_308:not(#\9) {
+.awsui_panel-hidden_7nfqu_yk78c_324:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_hk8dw_308.awsui_navigation_7nfqu_hk8dw_226:not(#\9), .awsui_panel-hidden_7nfqu_hk8dw_308.awsui_tools_7nfqu_hk8dw_227:not(#\9), .awsui_panel-hidden_7nfqu_hk8dw_308.awsui_global-tools_7nfqu_hk8dw_228:not(#\9) {
+.awsui_panel-hidden_7nfqu_yk78c_324.awsui_navigation_7nfqu_yk78c_230:not(#\9), .awsui_panel-hidden_7nfqu_yk78c_324.awsui_tools_7nfqu_yk78c_231:not(#\9), .awsui_panel-hidden_7nfqu_yk78c_324.awsui_global-tools_7nfqu_yk78c_232:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_hk8dw_318:not(#\9) {
+.awsui_toolbar-container_7nfqu_yk78c_334:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   box-sizing: border-box;
 }
 
-.awsui_notifications-container_7nfqu_hk8dw_325:not(#\9) {
+.awsui_notifications-container_7nfqu_yk78c_341:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_hk8dw_329:not(#\9) {
+.awsui_notifications-background_7nfqu_yk78c_345:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_hk8dw_329:not(#\9) {
+  .awsui_notifications-background_7nfqu_yk78c_345:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_main-landmark_7nfqu_hk8dw_340:not(#\9) {
+.awsui_main-landmark_7nfqu_yk78c_356:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_hk8dw_340:not(#\9) {
+.awsui_main_7nfqu_yk78c_356:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
   margin-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
 }
-.awsui_main-disable-paddings_7nfqu_hk8dw_349:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_yk78c_365:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_hk8dw_349:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_yk78c_365:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_content-header_7nfqu_hk8dw_359:not(#\9) {
+.awsui_content-header_7nfqu_yk78c_375:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
 
-.awsui_content_7nfqu_hk8dw_359:not(#\9) {
+.awsui_content_7nfqu_yk78c_375:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_hk8dw_369 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_yk78c_385 *:not(#\9) {
     visibility: hidden;
   }
 }
 
-.awsui_hidden_7nfqu_hk8dw_374:not(#\9) {
+.awsui_hidden_7nfqu_yk78c_390:not(#\9) {
   display: none;
 }
 
-.awsui_breadcrumbs-own_7nfqu_hk8dw_378:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_hk8dw_378 {
+.awsui_breadcrumbs-own_7nfqu_yk78c_394:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_yk78c_394 {
   display: none;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,30 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_hk8dw_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_hk8dw_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_hk8dw_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_hk8dw_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_hk8dw_220",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_hk8dw_220",
-  "navigation": "awsui_navigation_7nfqu_hk8dw_226",
-  "tools": "awsui_tools_7nfqu_hk8dw_227",
-  "global-tools": "awsui_global-tools_7nfqu_hk8dw_228",
-  "tools-open": "awsui_tools-open_7nfqu_hk8dw_274",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_hk8dw_288",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_hk8dw_295",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_hk8dw_308",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_hk8dw_318",
-  "notifications-container": "awsui_notifications-container_7nfqu_hk8dw_325",
-  "notifications-background": "awsui_notifications-background_7nfqu_hk8dw_329",
-  "main-landmark": "awsui_main-landmark_7nfqu_hk8dw_340",
-  "main": "awsui_main_7nfqu_hk8dw_340",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_hk8dw_349",
-  "content-header": "awsui_content-header_7nfqu_hk8dw_359",
-  "content": "awsui_content_7nfqu_hk8dw_359",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_hk8dw_369",
-  "hidden": "awsui_hidden_7nfqu_hk8dw_374",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_hk8dw_378",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_hk8dw_378"
+  "root": "awsui_root_7nfqu_yk78c_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_yk78c_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_yk78c_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_yk78c_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_yk78c_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_yk78c_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_yk78c_220",
+  "navigation": "awsui_navigation_7nfqu_yk78c_230",
+  "tools": "awsui_tools_7nfqu_yk78c_231",
+  "global-tools": "awsui_global-tools_7nfqu_yk78c_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_yk78c_233",
+  "tools-open": "awsui_tools-open_7nfqu_yk78c_290",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_yk78c_304",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_yk78c_311",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_yk78c_324",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_yk78c_334",
+  "notifications-container": "awsui_notifications-container_7nfqu_yk78c_341",
+  "notifications-background": "awsui_notifications-background_7nfqu_yk78c_345",
+  "main-landmark": "awsui_main-landmark_7nfqu_yk78c_356",
+  "main": "awsui_main_7nfqu_yk78c_356",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_yk78c_365",
+  "content-header": "awsui_content-header_7nfqu_yk78c_375",
+  "content": "awsui_content_7nfqu_yk78c_375",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_yk78c_385",
+  "hidden": "awsui_hidden_7nfqu_yk78c_390",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_yk78c_394",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_yk78c_394"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BreadcrumbGroupProps } from '../../../breadcrumb-group/interfaces';
+interface ToolbarContainerProps {
+    children: React.ReactNode;
+    hasAiDrawer?: boolean;
+}
+export declare function ToolbarContainer({ children, hasAiDrawer }: ToolbarContainerProps): JSX.Element;
+interface ToolbarBreadcrumbsSectionProps {
+    ownBreadcrumbs: React.ReactNode;
+    discoveredBreadcrumbs?: BreadcrumbGroupProps | null;
+    includeTestUtils?: boolean;
+}
+export declare function ToolbarBreadcrumbsSection({ ownBreadcrumbs, discoveredBreadcrumbs, includeTestUtils, }: ToolbarBreadcrumbsSectionProps): JSX.Element;
+interface ToolbarSkeletonStructureProps {
+    ownBreadcrumbs: React.ReactNode;
+    discoveredBreadcrumbs?: BreadcrumbGroupProps | null;
+}
+export declare const ToolbarSkeletonStructure: React.ForwardRefExoticComponent<ToolbarSkeletonStructureProps & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=toolbar-container.d.ts.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-container.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAM5E,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,qBAAqB,eAMhF;AAED,UAAU,8BAA8B;IACtC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,cAAc,EACd,qBAAqB,EACrB,gBAAwB,GACzB,EAAE,8BAA8B,eAQhC;AAED,UAAU,6BAA6B;IACrC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,wBAAwB,mGASpC,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { BreadcrumbsSlot, ToolbarSlot } from './slots';
+import testutilStyles from '../../test-classes/styles.css.js';
+import toolbarStyles from '../toolbar/styles.css.js';
+export function ToolbarContainer({ children, hasAiDrawer }) {
+    return (React.createElement("div", { className: clsx(toolbarStyles['toolbar-container'], hasAiDrawer && toolbarStyles['with-ai-drawer']) }, children));
+}
+export function ToolbarBreadcrumbsSection({ ownBreadcrumbs, discoveredBreadcrumbs, includeTestUtils = false, }) {
+    return (React.createElement("div", { className: clsx(toolbarStyles['universal-toolbar-breadcrumbs'], includeTestUtils && testutilStyles.breadcrumbs) },
+        React.createElement(BreadcrumbsSlot, { ownBreadcrumbs: ownBreadcrumbs, discoveredBreadcrumbs: discoveredBreadcrumbs })));
+}
+export const ToolbarSkeletonStructure = React.forwardRef(({ ownBreadcrumbs, discoveredBreadcrumbs }, ref) => (React.createElement(ToolbarSlot, { ref: ref },
+    React.createElement(ToolbarContainer, null,
+        React.createElement(ToolbarBreadcrumbsSection, { ownBreadcrumbs: ownBreadcrumbs, discoveredBreadcrumbs: discoveredBreadcrumbs }),
+        React.createElement("div", { className: toolbarStyles['universal-toolbar-drawers'] })))));
+//# sourceMappingURL=toolbar-container.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-container.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAOrD,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAyB;IAC/E,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,WAAW,IAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,IACrG,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,yBAAyB,CAAC,EACxC,cAAc,EACd,qBAAqB,EACrB,gBAAgB,GAAG,KAAK,GACO;IAC/B,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,EAAE,gBAAgB,IAAI,cAAc,CAAC,WAAW,CAAC;QAE/G,oBAAC,eAAe,IAAC,cAAc,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,GAAI,CAC7F,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACtD,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClD,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG;IACnB,oBAAC,gBAAgB;QACf,oBAAC,yBAAyB,IAAC,cAAc,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,GAAI;QAC3G,6BAAK,SAAS,EAAE,aAAa,CAAC,2BAA2B,CAAC,GAAI,CAC7C,CACP,CACf,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { BreadcrumbGroupProps } from '../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsSlot, ToolbarSlot } from './slots';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport toolbarStyles from '../toolbar/styles.css.js';\n\ninterface ToolbarContainerProps {\n  children: React.ReactNode;\n  hasAiDrawer?: boolean;\n}\n\nexport function ToolbarContainer({ children, hasAiDrawer }: ToolbarContainerProps) {\n  return (\n    <div className={clsx(toolbarStyles['toolbar-container'], hasAiDrawer && toolbarStyles['with-ai-drawer'])}>\n      {children}\n    </div>\n  );\n}\n\ninterface ToolbarBreadcrumbsSectionProps {\n  ownBreadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs?: BreadcrumbGroupProps | null;\n  includeTestUtils?: boolean;\n}\n\nexport function ToolbarBreadcrumbsSection({\n  ownBreadcrumbs,\n  discoveredBreadcrumbs,\n  includeTestUtils = false,\n}: ToolbarBreadcrumbsSectionProps) {\n  return (\n    <div\n      className={clsx(toolbarStyles['universal-toolbar-breadcrumbs'], includeTestUtils && testutilStyles.breadcrumbs)}\n    >\n      <BreadcrumbsSlot ownBreadcrumbs={ownBreadcrumbs} discoveredBreadcrumbs={discoveredBreadcrumbs} />\n    </div>\n  );\n}\n\ninterface ToolbarSkeletonStructureProps {\n  ownBreadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs?: BreadcrumbGroupProps | null;\n}\n\nexport const ToolbarSkeletonStructure = React.forwardRef<HTMLElement, ToolbarSkeletonStructureProps>(\n  ({ ownBreadcrumbs, discoveredBreadcrumbs }, ref) => (\n    <ToolbarSlot ref={ref}>\n      <ToolbarContainer>\n        <ToolbarBreadcrumbsSection ownBreadcrumbs={ownBreadcrumbs} discoveredBreadcrumbs={discoveredBreadcrumbs} />\n        <div className={toolbarStyles['universal-toolbar-drawers']} />\n      </ToolbarContainer>\n    </ToolbarSlot>\n  )\n);\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/index.d.ts

@@ -4,9 +4,10 @@ import { AppLayoutInternals } from '../interfaces';
 interface AppLayoutSplitPanelDrawerSideImplementationProps {
     appLayoutInternals: AppLayoutInternals;
     splitPanelInternals: SplitPanelProviderProps;
+    bottomDrawerReportedSize?: number;
     children: React.ReactNode;
 }
-export declare function AppLayoutSplitPanelDrawerSideImplementation({ children, appLayoutInternals, splitPanelInternals, }: AppLayoutSplitPanelDrawerSideImplementationProps): JSX.Element;
+export declare function AppLayoutSplitPanelDrawerSideImplementation({ children, appLayoutInternals, splitPanelInternals, bottomDrawerReportedSize, }: AppLayoutSplitPanelDrawerSideImplementationProps): JSX.Element;
 interface AppLayoutSplitPanelDrawerBottomImplementationProps {
     appLayoutInternals: AppLayoutInternals;
     splitPanelInternals: SplitPanelProviderProps;

package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/split-panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAInD,UAAU,gDAAgD;IACxD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,mBAAmB,EAAE,uBAAuB,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,2CAA2C,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,GACpB,EAAE,gDAAgD,eAkBlD;AAED,UAAU,kDAAkD;IAC1D,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,mBAAmB,EAAE,uBAAuB,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,6CAA6C,CAAC,EAC5D,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,kDAAkD,eAOpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/split-panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAInD,UAAU,gDAAgD;IACxD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,mBAAmB,EAAE,uBAAuB,CAAC;IAC7C,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,2CAA2C,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,EAAE,gDAAgD,eAuBlD;AAED,UAAU,kDAAkD;IAC1D,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,mBAAmB,EAAE,uBAAuB,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,6CAA6C,CAAC,EAC5D,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,kDAAkD,eAOpD"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/index.js

@@ -4,9 +4,9 @@ import React from 'react';
 import { SplitPanelProvider } from '../../split-panel';
 import { getDrawerStyles } from '../compute-layout';
 import styles from './styles.css.js';
-export function AppLayoutSplitPanelDrawerSideImplementation({ children, appLayoutInternals, splitPanelInternals, }) {
+export function AppLayoutSplitPanelDrawerSideImplementation({ children, appLayoutInternals, splitPanelInternals, bottomDrawerReportedSize, }) {
     const { splitPanelControlId, placement, verticalOffsets, isMobile, splitPanelAnimationDisabled } = appLayoutInternals;
-    const { drawerTopOffset, drawerHeight } = getDrawerStyles(verticalOffsets, isMobile, placement);
+    const { drawerTopOffset, drawerHeight } = getDrawerStyles(verticalOffsets, isMobile, placement, isMobile ? 0 : (bottomDrawerReportedSize !== null && bottomDrawerReportedSize !== void 0 ? bottomDrawerReportedSize : 0));
     return (React.createElement(SplitPanelProvider, Object.assign({}, splitPanelInternals, { animationDisabled: splitPanelAnimationDisabled }),
         React.createElement("section", { id: splitPanelControlId, className: styles['split-panel-side'], style: {
                 blockSize: drawerHeight,

package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/split-panel/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAA2B,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,UAAU,2CAA2C,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,GAC8B;IACjD,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,2BAA2B,EAAE,GAAG,kBAAkB,CAAC;IACtH,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,eAAe,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEhG,OAAO,CACL,oBAAC,kBAAkB,oBAAK,mBAAmB,IAAE,iBAAiB,EAAE,2BAA2B;QACzF,iCACE,EAAE,EAAE,mBAAmB,EACvB,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACrC,KAAK,EAAE;gBACL,SAAS,EAAE,YAAY;gBACvB,eAAe,EAAE,eAAe;aACjC,IAEA,QAAQ,CACD,CACS,CACtB,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,6CAA6C,CAAC,EAC5D,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,GACiC;IACnD,MAAM,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,GAAG,kBAAkB,CAAC;IAChF,OAAO,CACL,oBAAC,kBAAkB,oBAAK,mBAAmB,IAAE,iBAAiB,EAAE,2BAA2B;QACzF,iCAAS,EAAE,EAAE,mBAAmB,IAAG,QAAQ,CAAW,CACnC,CACtB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { SplitPanelProvider, SplitPanelProviderProps } from '../../split-panel';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AppLayoutSplitPanelDrawerSideImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutSplitPanelDrawerSideImplementation({\n  children,\n  appLayoutInternals,\n  splitPanelInternals,\n}: AppLayoutSplitPanelDrawerSideImplementationProps) {\n  const { splitPanelControlId, placement, verticalOffsets, isMobile, splitPanelAnimationDisabled } = appLayoutInternals;\n  const { drawerTopOffset, drawerHeight } = getDrawerStyles(verticalOffsets, isMobile, placement);\n\n  return (\n    <SplitPanelProvider {...splitPanelInternals} animationDisabled={splitPanelAnimationDisabled}>\n      <section\n        id={splitPanelControlId}\n        className={styles['split-panel-side']}\n        style={{\n          blockSize: drawerHeight,\n          insetBlockStart: drawerTopOffset,\n        }}\n      >\n        {children}\n      </section>\n    </SplitPanelProvider>\n  );\n}\n\ninterface AppLayoutSplitPanelDrawerBottomImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutSplitPanelDrawerBottomImplementation({\n  children,\n  splitPanelInternals,\n  appLayoutInternals,\n}: AppLayoutSplitPanelDrawerBottomImplementationProps) {\n  const { splitPanelControlId, splitPanelAnimationDisabled } = appLayoutInternals;\n  return (\n    <SplitPanelProvider {...splitPanelInternals} animationDisabled={splitPanelAnimationDisabled}>\n      <section id={splitPanelControlId}>{children}</section>\n    </SplitPanelProvider>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/split-panel/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAA2B,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,MAAM,UAAU,2CAA2C,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACyB;IACjD,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,2BAA2B,EAAE,GAAG,kBAAkB,CAAC;IACtH,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,CACvD,eAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,CAAC,CAAC,CAC/C,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,oBAAK,mBAAmB,IAAE,iBAAiB,EAAE,2BAA2B;QACzF,iCACE,EAAE,EAAE,mBAAmB,EACvB,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACrC,KAAK,EAAE;gBACL,SAAS,EAAE,YAAY;gBACvB,eAAe,EAAE,eAAe;aACjC,IAEA,QAAQ,CACD,CACS,CACtB,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,6CAA6C,CAAC,EAC5D,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,GACiC;IACnD,MAAM,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,GAAG,kBAAkB,CAAC;IAChF,OAAO,CACL,oBAAC,kBAAkB,oBAAK,mBAAmB,IAAE,iBAAiB,EAAE,2BAA2B;QACzF,iCAAS,EAAE,EAAE,mBAAmB,IAAG,QAAQ,CAAW,CACnC,CACtB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { SplitPanelProvider, SplitPanelProviderProps } from '../../split-panel';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AppLayoutSplitPanelDrawerSideImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n  bottomDrawerReportedSize?: number;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutSplitPanelDrawerSideImplementation({\n  children,\n  appLayoutInternals,\n  splitPanelInternals,\n  bottomDrawerReportedSize,\n}: AppLayoutSplitPanelDrawerSideImplementationProps) {\n  const { splitPanelControlId, placement, verticalOffsets, isMobile, splitPanelAnimationDisabled } = appLayoutInternals;\n  const { drawerTopOffset, drawerHeight } = getDrawerStyles(\n    verticalOffsets,\n    isMobile,\n    placement,\n    isMobile ? 0 : (bottomDrawerReportedSize ?? 0)\n  );\n\n  return (\n    <SplitPanelProvider {...splitPanelInternals} animationDisabled={splitPanelAnimationDisabled}>\n      <section\n        id={splitPanelControlId}\n        className={styles['split-panel-side']}\n        style={{\n          blockSize: drawerHeight,\n          insetBlockStart: drawerTopOffset,\n        }}\n      >\n        {children}\n      </section>\n    </SplitPanelProvider>\n  );\n}\n\ninterface AppLayoutSplitPanelDrawerBottomImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  splitPanelInternals: SplitPanelProviderProps;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutSplitPanelDrawerBottomImplementation({\n  children,\n  splitPanelInternals,\n  appLayoutInternals,\n}: AppLayoutSplitPanelDrawerBottomImplementationProps) {\n  const { splitPanelControlId, splitPanelAnimationDisabled } = appLayoutInternals;\n  return (\n    <SplitPanelProvider {...splitPanelInternals} animationDisabled={splitPanelAnimationDisabled}>\n      <section id={splitPanelControlId}>{children}</section>\n    </SplitPanelProvider>\n  );\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts

@@ -14,6 +14,7 @@ export interface SharedProps {
     drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
     onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
     drawersFocusRef: React.Ref<Focusable> | undefined;
+    bottomDrawersFocusRef?: React.Ref<Focusable> | undefined;
     globalDrawersFocusControl?: FocusControlMultipleStates | undefined;
     globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
     activeGlobalDrawersIds?: ReadonlyArray<string> | undefined;
@@ -26,6 +27,9 @@ export interface SharedProps {
     setExpandedDrawerId?: (value: string | null) => void;
     aiDrawer?: AppLayoutProps.Drawer | undefined;
     aiDrawerFocusRef: React.Ref<Focusable> | undefined;
+    activeGlobalBottomDrawerId?: string | null;
+    onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;
+    bottomDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
 }
 export type MergeProps = (ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>) => ToolbarProps | null;
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3D,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC7C,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KACjD,YAAY,GAAG,IAAI,CAAC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,qBAAqB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACzD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3D,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC7C,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACnD,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,gCAAgC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1F,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;CAClE;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KACjD,YAAY,GAAG,IAAI,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from '../toolbar';\n\nexport interface SharedProps {\n  navigationOpen: boolean;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  navigation: React.ReactNode;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef: React.Ref<Focusable> | undefined;\n  breadcrumbs: React.ReactNode;\n  activeDrawerId: string | null;\n  drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;\n  drawersFocusRef: React.Ref<Focusable> | undefined;\n  globalDrawersFocusControl?: FocusControlMultipleStates | undefined;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string> | undefined;\n  onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;\n  splitPanel: React.ReactNode;\n  splitPanelToggleProps: SplitPanelToggleProps | undefined;\n  splitPanelFocusRef?: React.Ref<Focusable> | undefined;\n  onSplitPanelToggle?: () => void;\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n  aiDrawer?: AppLayoutProps.Drawer | undefined;\n  aiDrawerFocusRef: React.Ref<Focusable> | undefined;\n}\n\nexport type MergeProps = (\n  ownProps: SharedProps,\n  additionalProps: ReadonlyArray<Partial<SharedProps>>\n) => ToolbarProps | null;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from '../toolbar';\n\nexport interface SharedProps {\n  navigationOpen: boolean;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  navigation: React.ReactNode;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef: React.Ref<Focusable> | undefined;\n  breadcrumbs: React.ReactNode;\n  activeDrawerId: string | null;\n  drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;\n  drawersFocusRef: React.Ref<Focusable> | undefined;\n  bottomDrawersFocusRef?: React.Ref<Focusable> | undefined;\n  globalDrawersFocusControl?: FocusControlMultipleStates | undefined;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string> | undefined;\n  onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;\n  splitPanel: React.ReactNode;\n  splitPanelToggleProps: SplitPanelToggleProps | undefined;\n  splitPanelFocusRef?: React.Ref<Focusable> | undefined;\n  onSplitPanelToggle?: () => void;\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n  aiDrawer?: AppLayoutProps.Drawer | undefined;\n  aiDrawerFocusRef: React.Ref<Focusable> | undefined;\n  activeGlobalBottomDrawerId?: string | null;\n  onActiveGlobalBottomDrawerChange?: (value: string | null, params: OnChangeParams) => void;\n  bottomDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n}\n\nexport type MergeProps = (\n  ownProps: SharedProps,\n  additionalProps: ReadonlyArray<Partial<SharedProps>>\n) => ToolbarProps | null;\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-merger.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAavD,eAAO,MAAM,UAAU,EAAE,UAqDxB,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,sBAAsB,kBAAkB,qBAAqB,KAAG,WAgCtG,CAAC"}
+{"version":3,"file":"props-merger.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAavD,eAAO,MAAM,UAAU,EAAE,UA+DxB,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,sBAAsB,kBAAkB,qBAAqB,KAAG,WAoCtG,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js

@@ -32,6 +32,14 @@ export const mergeProps = (ownProps, additionalProps) => {
             !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')) {
             toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;
         }
+        if (props.bottomDrawers &&
+            props.bottomDrawers.some(drawer => drawer.trigger) &&
+            !checkAlreadyExists(!!toolbar.bottomDrawers, 'bottomDrawers')) {
+            toolbar.bottomDrawers = props.bottomDrawers;
+            toolbar.bottomDrawersFocusRef = props.bottomDrawersFocusRef;
+            toolbar.activeGlobalBottomDrawerId = props.activeGlobalBottomDrawerId;
+            toolbar.onActiveGlobalBottomDrawerChange = props.onActiveGlobalBottomDrawerChange;
+        }
         if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {
             toolbar.hasNavigation = true;
             toolbar.navigationOpen = props.navigationOpen;
@@ -75,7 +83,11 @@ export const getPropsToMerge = (props, appLayoutState) => {
         activeGlobalDrawersIds: state === null || state === void 0 ? void 0 : state.activeGlobalDrawersIds,
         onActiveGlobalDrawersChange: state === null || state === void 0 ? void 0 : state.onActiveGlobalDrawersChange,
         onActiveDrawerChange: state === null || state === void 0 ? void 0 : state.onActiveDrawerChange,
+        bottomDrawers: state === null || state === void 0 ? void 0 : state.bottomDrawers,
+        activeGlobalBottomDrawerId: state === null || state === void 0 ? void 0 : state.activeGlobalBottomDrawerId,
+        onActiveGlobalBottomDrawerChange: state === null || state === void 0 ? void 0 : state.onActiveGlobalBottomDrawerChange,
         drawersFocusRef: state === null || state === void 0 ? void 0 : state.drawersFocusControl.refs.toggle,
+        bottomDrawersFocusRef: state === null || state === void 0 ? void 0 : state.bottomDrawersFocusControl.refs.toggle,
         splitPanel: props.splitPanel,
         splitPanelToggleProps: (state === null || state === void 0 ? void 0 : state.splitPanelToggleConfig) && Object.assign(Object.assign({}, state.splitPanelToggleConfig), { active: state === null || state === void 0 ? void 0 : state.splitPanelOpen, controlId: state === null || state === void 0 ? void 0 : state.splitPanelControlId, position: state === null || state === void 0 ? void 0 : state.splitPanelPosition }),
         splitPanelFocusRef: state === null || state === void 0 ? void 0 : state.splitPanelFocusControl.refs.toggle,

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map

@@ -1 +1 @@
-{"version":3,"file":"props-merger.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport { ToolbarProps } from '../toolbar';\nimport { MergeProps, SharedProps } from './interfaces';\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n  if (value) {\n    warnOnce(\n      'AppLayout',\n      `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n    );\n    return true;\n  }\n  return false;\n}\n\nexport const mergeProps: MergeProps = (ownProps, additionalProps) => {\n  const toolbar: ToolbarProps = {};\n  for (const props of [ownProps, ...additionalProps]) {\n    toolbar.ariaLabels = { ...toolbar.ariaLabels, ...props.ariaLabels };\n    if (\n      props.drawers &&\n      props.drawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n    ) {\n      toolbar.drawers = props.drawers;\n      toolbar.activeDrawerId = props.activeDrawerId;\n      toolbar.drawersFocusRef = props.drawersFocusRef;\n      toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n    }\n    if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n      toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n      toolbar.globalDrawers = props.globalDrawers;\n      toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n      toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n    }\n    if (\n      props.aiDrawer &&\n      props.aiDrawerFocusRef &&\n      !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')\n    ) {\n      toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;\n    }\n    if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n      toolbar.hasNavigation = true;\n      toolbar.navigationOpen = props.navigationOpen;\n      toolbar.navigationFocusRef = props.navigationFocusRef;\n      toolbar.onNavigationToggle = props.onNavigationToggle;\n    }\n    if (\n      props.splitPanel &&\n      props.splitPanelToggleProps?.displayed &&\n      !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n    ) {\n      toolbar.hasSplitPanel = true;\n      toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n      toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n      toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n    }\n    if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n      toolbar.hasBreadcrumbsPortal = true;\n    }\n    if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n      toolbar.expandedDrawerId = props.expandedDrawerId;\n      toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n    }\n  }\n  // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n  return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n};\n\nexport const getPropsToMerge = (props: AppLayoutInternalProps, appLayoutState: AppLayoutPendingState): SharedProps => {\n  const state = appLayoutState.widgetizedState;\n  return {\n    breadcrumbs: props.breadcrumbs,\n    ariaLabels: state ? state.ariaLabels : props.ariaLabels,\n    navigation: !props.navigationTriggerHide && !props.navigationHide,\n    navigationOpen: state ? state.navigationOpen : props.navigationOpen,\n    onNavigationToggle: state?.onNavigationToggle,\n    navigationFocusRef: state?.navigationFocusControl.refs.toggle,\n    activeDrawerId: state?.activeDrawer?.id ?? null,\n    // only pass it down if there are non-empty drawers or tools\n    drawers: state?.drawers?.length || !props.toolsHide ? state?.drawers : undefined,\n    globalDrawersFocusControl: state?.globalDrawersFocusControl,\n    globalDrawers: state?.globalDrawers?.length ? state.globalDrawers : undefined,\n    activeGlobalDrawersIds: state?.activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange: state?.onActiveGlobalDrawersChange,\n    onActiveDrawerChange: state?.onActiveDrawerChange,\n    drawersFocusRef: state?.drawersFocusControl.refs.toggle,\n    splitPanel: props.splitPanel,\n    splitPanelToggleProps: state?.splitPanelToggleConfig && {\n      ...state.splitPanelToggleConfig,\n      active: state?.splitPanelOpen,\n      controlId: state?.splitPanelControlId,\n      position: state?.splitPanelPosition,\n    },\n    splitPanelFocusRef: state?.splitPanelFocusControl.refs.toggle,\n    onSplitPanelToggle: state?.onSplitPanelToggle,\n    expandedDrawerId: state?.expandedDrawerId,\n    setExpandedDrawerId: state?.setExpandedDrawerId,\n    aiDrawer: state?.aiDrawer ?? undefined,\n    aiDrawerFocusRef: state?.aiDrawerFocusControl?.refs?.toggle,\n  };\n};\n"]}
+{"version":3,"file":"props-merger.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/props-merger.ts"],"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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport { ToolbarProps } from '../toolbar';\nimport { MergeProps, SharedProps } from './interfaces';\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n  if (value) {\n    warnOnce(\n      'AppLayout',\n      `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n    );\n    return true;\n  }\n  return false;\n}\n\nexport const mergeProps: MergeProps = (ownProps, additionalProps) => {\n  const toolbar: ToolbarProps = {};\n  for (const props of [ownProps, ...additionalProps]) {\n    toolbar.ariaLabels = { ...toolbar.ariaLabels, ...props.ariaLabels };\n    if (\n      props.drawers &&\n      props.drawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n    ) {\n      toolbar.drawers = props.drawers;\n      toolbar.activeDrawerId = props.activeDrawerId;\n      toolbar.drawersFocusRef = props.drawersFocusRef;\n      toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n    }\n    if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n      toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n      toolbar.globalDrawers = props.globalDrawers;\n      toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n      toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n    }\n    if (\n      props.aiDrawer &&\n      props.aiDrawerFocusRef &&\n      !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')\n    ) {\n      toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;\n    }\n    if (\n      props.bottomDrawers &&\n      props.bottomDrawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.bottomDrawers, 'bottomDrawers')\n    ) {\n      toolbar.bottomDrawers = props.bottomDrawers;\n      toolbar.bottomDrawersFocusRef = props.bottomDrawersFocusRef;\n      toolbar.activeGlobalBottomDrawerId = props.activeGlobalBottomDrawerId;\n      toolbar.onActiveGlobalBottomDrawerChange = props.onActiveGlobalBottomDrawerChange;\n    }\n    if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n      toolbar.hasNavigation = true;\n      toolbar.navigationOpen = props.navigationOpen;\n      toolbar.navigationFocusRef = props.navigationFocusRef;\n      toolbar.onNavigationToggle = props.onNavigationToggle;\n    }\n    if (\n      props.splitPanel &&\n      props.splitPanelToggleProps?.displayed &&\n      !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n    ) {\n      toolbar.hasSplitPanel = true;\n      toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n      toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n      toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n    }\n    if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n      toolbar.hasBreadcrumbsPortal = true;\n    }\n    if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n      toolbar.expandedDrawerId = props.expandedDrawerId;\n      toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n    }\n  }\n  // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n  return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n};\n\nexport const getPropsToMerge = (props: AppLayoutInternalProps, appLayoutState: AppLayoutPendingState): SharedProps => {\n  const state = appLayoutState.widgetizedState;\n  return {\n    breadcrumbs: props.breadcrumbs,\n    ariaLabels: state ? state.ariaLabels : props.ariaLabels,\n    navigation: !props.navigationTriggerHide && !props.navigationHide,\n    navigationOpen: state ? state.navigationOpen : props.navigationOpen,\n    onNavigationToggle: state?.onNavigationToggle,\n    navigationFocusRef: state?.navigationFocusControl.refs.toggle,\n    activeDrawerId: state?.activeDrawer?.id ?? null,\n    // only pass it down if there are non-empty drawers or tools\n    drawers: state?.drawers?.length || !props.toolsHide ? state?.drawers : undefined,\n    globalDrawersFocusControl: state?.globalDrawersFocusControl,\n    globalDrawers: state?.globalDrawers?.length ? state.globalDrawers : undefined,\n    activeGlobalDrawersIds: state?.activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange: state?.onActiveGlobalDrawersChange,\n    onActiveDrawerChange: state?.onActiveDrawerChange,\n    bottomDrawers: state?.bottomDrawers,\n    activeGlobalBottomDrawerId: state?.activeGlobalBottomDrawerId,\n    onActiveGlobalBottomDrawerChange: state?.onActiveGlobalBottomDrawerChange,\n    drawersFocusRef: state?.drawersFocusControl.refs.toggle,\n    bottomDrawersFocusRef: state?.bottomDrawersFocusControl.refs.toggle,\n    splitPanel: props.splitPanel,\n    splitPanelToggleProps: state?.splitPanelToggleConfig && {\n      ...state.splitPanelToggleConfig,\n      active: state?.splitPanelOpen,\n      controlId: state?.splitPanelControlId,\n      position: state?.splitPanelPosition,\n    },\n    splitPanelFocusRef: state?.splitPanelFocusControl.refs.toggle,\n    onSplitPanelToggle: state?.onSplitPanelToggle,\n    expandedDrawerId: state?.expandedDrawerId,\n    setExpandedDrawerId: state?.setExpandedDrawerId,\n    aiDrawer: state?.aiDrawer ?? undefined,\n    aiDrawerFocusRef: state?.aiDrawerFocusControl?.refs?.toggle,\n  };\n};\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":";AAMA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAIpH,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAMD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,MAAM,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,eAAe;;;;;;;oCAwCuB,aAAa;0CA1BrC,MAAM,GAAG,IAAI,8BACC,cAAc;;;;;;;;;;mCARL,MAAM;EAoF7C"}
+{"version":3,"file":"use-ai-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-ai-drawer.ts"],"names":[],"mappings":";AAKA,OAAO,EAA0C,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAIpH,MAAM,WAAW,cAAc;IAC7B,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAMD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,MAAM,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,eAAe;;;;;;;oCAkCuB,aAAa;0CApBrC,MAAM,GAAG,IAAI,8BACC,cAAc;;;;;;;;;;mCARL,MAAM;EAmE7C"}