@cloudscape-design/components 3.0.1303 → 3.0.1305

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,32 +1,34 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1imi9_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1imi9_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1imi9_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1imi9_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1imi9_220",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1imi9_223",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_1imi9_220",
-  "navigation": "awsui_navigation_7nfqu_1imi9_230",
-  "tools": "awsui_tools_7nfqu_1imi9_231",
-  "global-tools": "awsui_global-tools_7nfqu_1imi9_232",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_1imi9_233",
-  "tools-open": "awsui_tools-open_7nfqu_1imi9_290",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1imi9_304",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1imi9_311",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1imi9_324",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1imi9_334",
-  "notifications-container": "awsui_notifications-container_7nfqu_1imi9_341",
-  "notifications-background": "awsui_notifications-background_7nfqu_1imi9_345",
-  "main-landmark": "awsui_main-landmark_7nfqu_1imi9_356",
-  "main": "awsui_main_7nfqu_1imi9_356",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1imi9_365",
-  "content-header": "awsui_content-header_7nfqu_1imi9_375",
-  "content": "awsui_content_7nfqu_1imi9_375",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1imi9_385",
-  "hidden": "awsui_hidden_7nfqu_1imi9_390",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1imi9_394",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1imi9_394"
+  "root": "awsui_root_7nfqu_1i0tl_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1i0tl_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1i0tl_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1i0tl_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1i0tl_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1i0tl_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_1i0tl_220",
+  "navigation": "awsui_navigation_7nfqu_1i0tl_230",
+  "tools": "awsui_tools_7nfqu_1i0tl_231",
+  "global-tools": "awsui_global-tools_7nfqu_1i0tl_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_1i0tl_233",
+  "tools-open": "awsui_tools-open_7nfqu_1i0tl_290",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1i0tl_304",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1i0tl_311",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1i0tl_324",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1i0tl_334",
+  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_1i0tl_348",
+  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_1i0tl_366",
+  "notifications-container": "awsui_notifications-container_7nfqu_1i0tl_410",
+  "notifications-background": "awsui_notifications-background_7nfqu_1i0tl_414",
+  "main-landmark": "awsui_main-landmark_7nfqu_1i0tl_425",
+  "main": "awsui_main_7nfqu_1i0tl_425",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1i0tl_434",
+  "content-header": "awsui_content-header_7nfqu_1i0tl_444",
+  "content": "awsui_content_7nfqu_1i0tl_444",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1i0tl_454",
+  "hidden": "awsui_hidden_7nfqu_1i0tl_459",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1i0tl_463",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1i0tl_463"
 };
   

package/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_1imi9_153:not(#\9) {
+.awsui_root_7nfqu_1i0tl_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,65 +189,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1imi9_153:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_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-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-6b9ypa)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content min-content;
   }
-  .awsui_root_7nfqu_1imi9_153.awsui_has-adaptive-widths-default_7nfqu_1imi9_197:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_has-adaptive-widths-default_7nfqu_1i0tl_197:not(#\9) {
     --awsui-max-content-width-6b9ypa: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1imi9_153.awsui_has-adaptive-widths-dashboard_7nfqu_1imi9_202:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_has-adaptive-widths-dashboard_7nfqu_1i0tl_202:not(#\9) {
     --awsui-max-content-width-6b9ypa: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1imi9_153.awsui_has-adaptive-widths-dashboard_7nfqu_1imi9_202:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_has-adaptive-widths-dashboard_7nfqu_1i0tl_202:not(#\9) {
     --awsui-max-content-width-6b9ypa: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1imi9_153.awsui_has-adaptive-widths-dashboard_7nfqu_1imi9_202:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_has-adaptive-widths-dashboard_7nfqu_1i0tl_202:not(#\9) {
     --awsui-max-content-width-6b9ypa: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1imi9_153.awsui_drawer-expanded-mode_7nfqu_1imi9_217:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_drawer-expanded-mode_7nfqu_1i0tl_217:not(#\9) {
     grid-template-columns: 0 0 0 0 0 0 0 auto;
   }
-  .awsui_root_7nfqu_1imi9_153.awsui_drawer-expanded-mode_7nfqu_1imi9_217.awsui_ai-drawer-expanded-mode_7nfqu_1imi9_220:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_drawer-expanded-mode_7nfqu_1i0tl_217.awsui_ai-drawer-expanded-mode_7nfqu_1i0tl_220:not(#\9) {
     grid-template-columns: auto 0 0 0 0 0 0 0;
   }
-  .awsui_root_7nfqu_1imi9_153.awsui_drawer-expanded-mode_7nfqu_1imi9_217.awsui_bottom-drawer-expanded-mode_7nfqu_1imi9_223:not(#\9) {
+  .awsui_root_7nfqu_1i0tl_153.awsui_drawer-expanded-mode_7nfqu_1i0tl_217.awsui_bottom-drawer-expanded-mode_7nfqu_1i0tl_223:not(#\9) {
     grid-template-rows: auto;
     grid-template-columns: 0 0 0 0 0 auto 0 0;
   }
 }
 
-.awsui_ai-drawer_7nfqu_1imi9_220:not(#\9),
-.awsui_navigation_7nfqu_1imi9_230:not(#\9),
-.awsui_tools_7nfqu_1imi9_231:not(#\9),
-.awsui_global-tools_7nfqu_1imi9_232:not(#\9),
-.awsui_bottom-tool_7nfqu_1imi9_233:not(#\9) {
+.awsui_ai-drawer_7nfqu_1i0tl_220:not(#\9),
+.awsui_navigation_7nfqu_1i0tl_230:not(#\9),
+.awsui_tools_7nfqu_1i0tl_231:not(#\9),
+.awsui_global-tools_7nfqu_1i0tl_232:not(#\9),
+.awsui_bottom-tool_7nfqu_1i0tl_233:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-6u8rvp, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_ai-drawer_7nfqu_1imi9_220:not(#\9),
-  .awsui_navigation_7nfqu_1imi9_230:not(#\9),
-  .awsui_tools_7nfqu_1imi9_231:not(#\9),
-  .awsui_global-tools_7nfqu_1imi9_232:not(#\9),
-  .awsui_bottom-tool_7nfqu_1imi9_233:not(#\9) {
+  .awsui_ai-drawer_7nfqu_1i0tl_220:not(#\9),
+  .awsui_navigation_7nfqu_1i0tl_230:not(#\9),
+  .awsui_tools_7nfqu_1i0tl_231:not(#\9),
+  .awsui_global-tools_7nfqu_1i0tl_232:not(#\9),
+  .awsui_bottom-tool_7nfqu_1i0tl_233:not(#\9) {
     inline-size: 100%;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_bottom-tool_7nfqu_1imi9_233:not(#\9) {
+  .awsui_bottom-tool_7nfqu_1i0tl_233:not(#\9) {
     grid-area: bottom-tool;
     position: sticky;
     inset-block-end: 0;
@@ -257,43 +257,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_ai-drawer_7nfqu_1imi9_220:not(#\9) {
+  .awsui_ai-drawer_7nfqu_1i0tl_220:not(#\9) {
     grid-area: ai-drawer;
     position: sticky;
   }
 }
 
-.awsui_navigation_7nfqu_1imi9_230:not(#\9) {
+.awsui_navigation_7nfqu_1i0tl_230:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1imi9_230:not(#\9) {
+  .awsui_navigation_7nfqu_1i0tl_230:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-6b9ypa);
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1imi9_230:not(#\9) {
+  .awsui_navigation_7nfqu_1i0tl_230:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1imi9_231:not(#\9) {
+  .awsui_tools_7nfqu_1i0tl_231:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_1imi9_231:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_1i0tl_231:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-6b9ypa);
   }
-  .awsui_tools_7nfqu_1imi9_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1imi9_290 {
+  .awsui_tools_7nfqu_1i0tl_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1i0tl_290 {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_1imi9_232:not(#\9) {
+  .awsui_global-tools_7nfqu_1i0tl_232:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -301,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_1imi9_304:not(#\9) {
+  .awsui_split-panel-side_7nfqu_1i0tl_304:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1imi9_311:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_1i0tl_311:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -316,81 +316,150 @@ 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_1imi9_311:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_1i0tl_311:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1imi9_324:not(#\9) {
+.awsui_panel-hidden_7nfqu_1i0tl_324:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_1imi9_324.awsui_navigation_7nfqu_1imi9_230:not(#\9), .awsui_panel-hidden_7nfqu_1imi9_324.awsui_tools_7nfqu_1imi9_231:not(#\9), .awsui_panel-hidden_7nfqu_1imi9_324.awsui_global-tools_7nfqu_1imi9_232:not(#\9) {
+.awsui_panel-hidden_7nfqu_1i0tl_324.awsui_navigation_7nfqu_1i0tl_230:not(#\9), .awsui_panel-hidden_7nfqu_1i0tl_324.awsui_tools_7nfqu_1i0tl_231:not(#\9), .awsui_panel-hidden_7nfqu_1i0tl_324.awsui_global-tools_7nfqu_1i0tl_232:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_1imi9_334:not(#\9) {
+.awsui_toolbar-container_7nfqu_1i0tl_334:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
 
-.awsui_notifications-container_7nfqu_1imi9_341:not(#\9) {
+/**
+ * A zero-height sticky element placed in the toolbar grid area when the toolbar is absent
+ * and the left panel (AI drawer) is open. It reuses the toolbar's pseudo-element technique
+ * to render the border-radius corner between the AI drawer and the content area.
+ * In light mode: inverse radius trick (dark square + white square with radius).
+ * In dark mode: a vertical border line with a rounded top corner + top border on the element itself.
+ */
+.awsui_pseudo-toolbar_7nfqu_1i0tl_348:not(#\9) {
+  grid-area: toolbar;
+  position: sticky;
+  z-index: 1000;
+}
+@media not print {
+  .awsui_pseudo-toolbar_7nfqu_1i0tl_348:not(#\9):before {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_pseudo-toolbar_7nfqu_1i0tl_348:not(#\9):before, .awsui-dark-mode .awsui_pseudo-toolbar_7nfqu_1i0tl_348:not(#\9):before {
+    content: "";
+    position: absolute;
+    inline-size: var(--border-divider-section-width-uwo8my, 1px);
+    block-size: 100vh;
+    background: var(--color-border-layout-ayg8vb, #c6c6cd);
+  }
+}
+
+.awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9) {
+  position: relative;
+}
+@media not print {
+  .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9) {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9), .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9) {
+    border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
+    border-start-start-radius: var(--space-xxs-hwfkai, 4px);
+  }
+}
+.awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):before, .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):after {
+  content: "";
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 5px;
+  block-size: 5px;
+  background: #161d26;
+}
+@media not print {
+  .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):before, .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):after {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):before, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):before, .awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):after, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9):after {
+    inset-block-start: -1px;
+  }
+}
+.awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9)::after {
+  background-color: var(--color-background-layout-toolbar-y0cu80, #ffffff);
+  border-start-start-radius: var(--space-xxs-hwfkai, 4px);
+}
+@media not print {
+  .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9)::after {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9)::after, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_1i0tl_366:not(#\9)::after {
+    background-color: transparent;
+    border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
+    border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
+  }
+}
+
+.awsui_notifications-container_7nfqu_1i0tl_410:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_1imi9_345:not(#\9) {
+.awsui_notifications-background_7nfqu_1i0tl_414:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_1imi9_345:not(#\9) {
+  .awsui_notifications-background_7nfqu_1i0tl_414:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_main-landmark_7nfqu_1imi9_356:not(#\9) {
+.awsui_main-landmark_7nfqu_1i0tl_425:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1imi9_356:not(#\9) {
+.awsui_main_7nfqu_1i0tl_425:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-8ozaad, 12px);
   margin-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_1imi9_365:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_1i0tl_434:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1imi9_365:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_1i0tl_434:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_content-header_7nfqu_1imi9_375:not(#\9) {
+.awsui_content-header_7nfqu_1i0tl_444:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
 
-.awsui_content_7nfqu_1imi9_375:not(#\9) {
+.awsui_content_7nfqu_1i0tl_444:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_1imi9_385 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_1i0tl_454 *:not(#\9) {
     visibility: hidden;
   }
 }
 
-.awsui_hidden_7nfqu_1imi9_390:not(#\9) {
+.awsui_hidden_7nfqu_1i0tl_459:not(#\9) {
   display: none;
 }
 
-.awsui_breadcrumbs-own_7nfqu_1imi9_394:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_1imi9_394 {
+.awsui_breadcrumbs-own_7nfqu_1i0tl_463:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_1i0tl_463 {
   display: none;
 }

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

@@ -2,32 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1imi9_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1imi9_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1imi9_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1imi9_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1imi9_220",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1imi9_223",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_1imi9_220",
-  "navigation": "awsui_navigation_7nfqu_1imi9_230",
-  "tools": "awsui_tools_7nfqu_1imi9_231",
-  "global-tools": "awsui_global-tools_7nfqu_1imi9_232",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_1imi9_233",
-  "tools-open": "awsui_tools-open_7nfqu_1imi9_290",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1imi9_304",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1imi9_311",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1imi9_324",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1imi9_334",
-  "notifications-container": "awsui_notifications-container_7nfqu_1imi9_341",
-  "notifications-background": "awsui_notifications-background_7nfqu_1imi9_345",
-  "main-landmark": "awsui_main-landmark_7nfqu_1imi9_356",
-  "main": "awsui_main_7nfqu_1imi9_356",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1imi9_365",
-  "content-header": "awsui_content-header_7nfqu_1imi9_375",
-  "content": "awsui_content_7nfqu_1imi9_375",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1imi9_385",
-  "hidden": "awsui_hidden_7nfqu_1imi9_390",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1imi9_394",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1imi9_394"
+  "root": "awsui_root_7nfqu_1i0tl_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1i0tl_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1i0tl_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1i0tl_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1i0tl_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1i0tl_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_1i0tl_220",
+  "navigation": "awsui_navigation_7nfqu_1i0tl_230",
+  "tools": "awsui_tools_7nfqu_1i0tl_231",
+  "global-tools": "awsui_global-tools_7nfqu_1i0tl_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_1i0tl_233",
+  "tools-open": "awsui_tools-open_7nfqu_1i0tl_290",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1i0tl_304",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1i0tl_311",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1i0tl_324",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1i0tl_334",
+  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_1i0tl_348",
+  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_1i0tl_366",
+  "notifications-container": "awsui_notifications-container_7nfqu_1i0tl_410",
+  "notifications-background": "awsui_notifications-background_7nfqu_1i0tl_414",
+  "main-landmark": "awsui_main-landmark_7nfqu_1i0tl_425",
+  "main": "awsui_main_7nfqu_1i0tl_425",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1i0tl_434",
+  "content-header": "awsui_content-header_7nfqu_1i0tl_444",
+  "content": "awsui_content_7nfqu_1i0tl_444",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1i0tl_454",
+  "hidden": "awsui_hidden_7nfqu_1i0tl_459",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1i0tl_463",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1i0tl_463"
 };
   

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

@@ -9,7 +9,7 @@ function checkAlreadyExists(value, propName) {
     return false;
 }
 export const mergeProps = (ownProps, additionalProps) => {
-    var _a;
+    var _a, _b;
     const toolbar = {};
     for (const props of [ownProps, ...additionalProps]) {
         toolbar.ariaLabels = { ...toolbar.ariaLabels, ...props.ariaLabels };
@@ -29,7 +29,7 @@ export const mergeProps = (ownProps, additionalProps) => {
             toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;
             toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;
         }
-        if (props.aiDrawer &&
+        if (((_a = props.aiDrawer) === null || _a === void 0 ? void 0 : _a.trigger) &&
             props.aiDrawerFocusRef &&
             !checkAlreadyExists(!!toolbar.aiDrawerFocusRef, 'aiDrawerFocusRef')) {
             toolbar.aiDrawerFocusRef = props.aiDrawerFocusRef;
@@ -49,7 +49,7 @@ export const mergeProps = (ownProps, additionalProps) => {
             toolbar.onNavigationToggle = props.onNavigationToggle;
         }
         if (props.splitPanel &&
-            ((_a = props.splitPanelToggleProps) === null || _a === void 0 ? void 0 : _a.displayed) &&
+            ((_b = props.splitPanelToggleProps) === null || _b === void 0 ? void 0 : _b.displayed) &&
             !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')) {
             toolbar.hasSplitPanel = true;
             toolbar.splitPanelFocusRef = props.splitPanelFocusRef;

package/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 (\n      props.globalDrawers &&\n      props.globalDrawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')\n    ) {\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"]}
+{"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 (\n      props.globalDrawers &&\n      props.globalDrawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')\n    ) {\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?.trigger &&\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/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-app-layout.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-app-layout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,YAAY,EAAiE,MAAM,OAAO,CAAC;AAc3G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,eAAe,CAAC;AAM3E,eAAO,MAAM,YAAY,GACvB,YAAY,OAAO,EACnB,0fA0BG,sBAAsB,EACzB,YAAY,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAC3C,cAikBF,CAAC"}
+{"version":3,"file":"use-app-layout.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-app-layout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,YAAY,EAAiE,MAAM,OAAO,CAAC;AAc3G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,eAAe,CAAC;AAM3E,eAAO,MAAM,YAAY,GACvB,YAAY,OAAO,EACnB,0fA0BG,sBAAsB,EACzB,YAAY,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAC3C,cAkkBF,CAAC"}

package/app-layout/visual-refresh-toolbar/state/use-app-layout.js

@@ -36,6 +36,7 @@ export const useAppLayout = (hasToolbar, { ariaLabels, navigationOpen, navigatio
     const onMountRootRef = useCallback(node => {
         setIsNested(getIsNestedInAppLayout(node));
     }, []);
+    const { __forceEnableRuntimeMessages: forceEnableRuntimeMessages } = rest;
     const [toolsOpen = false, setToolsOpen] = useControllable(controlledToolsOpen, onToolsChange, false, {
         componentName: 'AppLayout',
         controlledProp: 'toolsOpen',
@@ -144,7 +145,7 @@ export const useAppLayout = (hasToolbar, { ariaLabels, navigationOpen, navigatio
                 break;
         }
     };
-    useWidgetMessages(hasToolbar, message => {
+    useWidgetMessages(hasToolbar || forceEnableRuntimeMessages, message => {
         var _a, _b;
         if (message.type === 'expandDrawer' || message.type === 'exitExpandedMode') {
             drawerGenericMessageHandler(message);