@cloudscape-design/components-themeable 3.0.1102 → 3.0.1104

package/lib/internal/template/internal/generated/theming/index.cjs.d.ts

@@ -134,6 +134,7 @@ export declare interface TypedOverride {
     colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -400,6 +401,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -666,6 +668,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -932,6 +935,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1198,6 +1202,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1464,6 +1469,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1730,6 +1736,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1996,6 +2003,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2262,6 +2270,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/lib/internal/template/internal/generated/theming/index.d.ts

@@ -134,6 +134,7 @@ export declare interface TypedOverride {
     colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -400,6 +401,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -666,6 +668,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -932,6 +935,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1198,6 +1202,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1464,6 +1469,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1730,6 +1736,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1996,6 +2003,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2262,6 +2270,7 @@ export declare interface TypedOverride {
         colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/lib/internal/template/internal/generated/theming/index.js

@@ -1214,6 +1214,10 @@ export var preset = {
         "light": "{colorGrey500}",
         "dark": "{colorGrey500}"
       },
+      "colorItemSelected": {
+        "light": "{colorBlue600}",
+        "dark": "{colorBlue400}"
+      },
       "colorBorderCalendarGrid": {
         "light": "transparent",
         "dark": "transparent"
@@ -1339,8 +1343,8 @@ export var preset = {
         "dark": "{colorBorderItemSelected}"
       },
       "colorBorderItemSelected": {
-        "light": "{colorBlue600}",
-        "dark": "{colorBlue400}"
+        "light": "{colorItemSelected}",
+        "dark": "{colorItemSelected}"
       },
       "colorBorderLayout": {
         "light": "{colorGrey350}",
@@ -3494,6 +3498,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -3619,8 +3627,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue400}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey650}",
@@ -4672,6 +4680,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -4797,8 +4809,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue400}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey650}",
@@ -5782,6 +5794,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -5907,8 +5923,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey350}",
@@ -6892,6 +6908,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -7017,8 +7037,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey350}",
@@ -8002,6 +8022,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -8127,8 +8151,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey350}",
@@ -9114,6 +9138,10 @@ export var preset = {
             "light": "{colorGrey500}",
             "dark": "{colorGrey500}"
           },
+          "colorItemSelected": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -9239,8 +9267,8 @@ export var preset = {
             "dark": "{colorBorderItemSelected}"
           },
           "colorBorderItemSelected": {
-            "light": "{colorBlue400}",
-            "dark": "{colorBlue400}"
+            "light": "{colorItemSelected}",
+            "dark": "{colorItemSelected}"
           },
           "colorBorderLayout": {
             "light": "{colorGrey650}",
@@ -10069,6 +10097,7 @@ export var preset = {
       "colorTextButtonIconDisabled": "color",
       "colorBorderButtonPrimaryDisabled": "color",
       "colorTextButtonPrimaryDisabled": "color",
+      "colorItemSelected": "color",
       "colorBorderCalendarGrid": "color",
       "colorBorderCalendarGridSelectedFocusRing": "color",
       "colorBorderCellShaded": "color",
@@ -10538,6 +10567,7 @@ export var preset = {
     "colorTextButtonIconDisabled",
     "colorBorderButtonPrimaryDisabled",
     "colorTextButtonPrimaryDisabled",
+    "colorItemSelected",
     "colorBorderContainerTop",
     "colorBorderControlDefault",
     "colorBorderDividerDefault",
@@ -10898,6 +10928,7 @@ export var preset = {
     "colorTextButtonIconDisabled",
     "colorBorderButtonPrimaryDisabled",
     "colorTextButtonPrimaryDisabled",
+    "colorItemSelected",
     "colorBorderContainerTop",
     "colorBorderControlDefault",
     "colorBorderDividerDefault",
@@ -11398,6 +11429,7 @@ export var preset = {
     "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
     "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
     "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
+    "colorItemSelected": "color-item-selected",
     "colorBorderCalendarGrid": "color-border-calendar-grid",
     "colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
     "colorBorderCellShaded": "color-border-cell-shaded",
@@ -12156,6 +12188,7 @@ export var preset = {
     "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
     "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
     "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
+    "colorItemSelected": "--color-item-selected-72rnwy",
     "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
     "colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
     "colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",

package/lib/internal/template/internal/plugins/widget/internal.d.ts

@@ -7,6 +7,10 @@ export declare function clearInitialMessages(): void;
  * Returns whether there is an app layout present on this page or not
  */
 export declare function isAppLayoutReady(): boolean;
+/**
+ * Returns a promise that resolves once the app layout has loaded
+ */
+export declare function whenAppLayoutReady(): Promise<unknown>;
 /**
  * Registers a new runtime drawer to app layout
  * @param drawer

package/lib/internal/template/internal/plugins/widget/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/internal.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAU9G,KAAK,gBAAgB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAW1D,wBAAgB,wBAAwB,wCAEvC;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,gBAAgB,cASjE;AAED,wBAAgB,oBAAoB,SAEnC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,YAE/B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,QAMvD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,sBAAsB,QAE3D"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/internal.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAY9G,KAAK,gBAAgB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAW1D,wBAAgB,wBAAwB,wCAEvC;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,gBAAgB,cAWjE;AAED,wBAAgB,oBAAoB,SAEnC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,YAE/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,qBAOjC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,QAMvD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,sBAAsB,QAE3D"}

package/lib/internal/template/internal/plugins/widget/internal.js

@@ -3,6 +3,7 @@
 import { reportRuntimeApiWarning } from '../helpers/metrics';
 const storageKeyMessageHandler = Symbol.for('awsui-widget-api-message-handler');
 const storageKeyInitialMessages = Symbol.for('awsui-widget-api-initial-messages');
+const storageKeyReadyDeferCallbacks = Symbol.for('awsui-widget-api-ready-defer');
 function getWindow() {
     return window;
 }
@@ -14,11 +15,14 @@ export function getAppLayoutInitialState() {
     return getWindow()[storageKeyInitialMessages];
 }
 export function registerAppLayoutHandler(handler) {
+    var _a;
     const win = getWindow();
     if (win[storageKeyMessageHandler]) {
         reportRuntimeApiWarning('AppLayoutWidget', 'Double registration attempt, the old handler will be overridden');
     }
     win[storageKeyMessageHandler] = handler;
+    (_a = win[storageKeyReadyDeferCallbacks]) === null || _a === void 0 ? void 0 : _a.forEach(fn => fn());
+    win[storageKeyReadyDeferCallbacks] = [];
     return () => {
         win[storageKeyMessageHandler] = undefined;
     };
@@ -32,6 +36,18 @@ export function clearInitialMessages() {
 export function isAppLayoutReady() {
     return !!getAppLayoutMessageHandler();
 }
+/**
+ * Returns a promise that resolves once the app layout has loaded
+ */
+export function whenAppLayoutReady() {
+    var _a;
+    if (isAppLayoutReady()) {
+        return Promise.resolve();
+    }
+    const win = getWindow();
+    win[storageKeyReadyDeferCallbacks] = (_a = win[storageKeyReadyDeferCallbacks]) !== null && _a !== void 0 ? _a : [];
+    return new Promise(resolve => { var _a; return (_a = win[storageKeyReadyDeferCallbacks]) === null || _a === void 0 ? void 0 : _a.push(resolve); });
+}
 /**
  * Registers a new runtime drawer to app layout
  * @param drawer

package/lib/internal/template/internal/plugins/widget/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/internal.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;AAChF,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;AASlF,SAAS,SAAS;IAChB,OAAO,MAAiC,CAAC;AAC3C,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,wBAAwB,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,OAAO,SAAS,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,OAAyB;IAChE,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,IAAI,GAAG,CAAC,wBAAwB,CAAC,EAAE;QACjC,uBAAuB,CAAC,iBAAiB,EAAE,iEAAiE,CAAC,CAAC;KAC/G;IACD,GAAG,CAAC,wBAAwB,CAAC,GAAG,OAAO,CAAC;IACxC,OAAO,GAAG,EAAE;QACV,GAAG,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IAC5C,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,SAAS,EAAE,CAAC,yBAAyB,CAAC,GAAG,SAAS,CAAC;AACrD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,CAAC,0BAA0B,EAAE,CAAC;AACxC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAqB;;IACtD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACvF,GAAG,CAAC,yBAAyB,CAAC,GAAG,MAAA,GAAG,CAAC,yBAAyB,CAAC,mCAAI,EAAE,CAAC;IACtE,GAAG,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA+B;;IAC1D,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { reportRuntimeApiWarning } from '../helpers/metrics';\nimport { AppLayoutMessage, AppLayoutUpdateMessage, DrawerPayload, RegisterDrawerMessage } from './interfaces';\n\nconst storageKeyMessageHandler = Symbol.for('awsui-widget-api-message-handler');\nconst storageKeyInitialMessages = Symbol.for('awsui-widget-api-initial-messages');\n\ninterface WindowWithApi extends Window {\n  [storageKeyMessageHandler]: AppLayoutHandler | undefined;\n  [storageKeyInitialMessages]: Array<RegisterDrawerMessage> | undefined;\n}\n\ntype AppLayoutHandler = (event: AppLayoutMessage) => void;\n\nfunction getWindow() {\n  return window as Window as WindowWithApi;\n}\n\nfunction getAppLayoutMessageHandler() {\n  const win = getWindow();\n  return win[storageKeyMessageHandler];\n}\n\nexport function getAppLayoutInitialState() {\n  return getWindow()[storageKeyInitialMessages];\n}\n\nexport function registerAppLayoutHandler(handler: AppLayoutHandler) {\n  const win = getWindow();\n  if (win[storageKeyMessageHandler]) {\n    reportRuntimeApiWarning('AppLayoutWidget', 'Double registration attempt, the old handler will be overridden');\n  }\n  win[storageKeyMessageHandler] = handler;\n  return () => {\n    win[storageKeyMessageHandler] = undefined;\n  };\n}\n\nexport function clearInitialMessages() {\n  getWindow()[storageKeyInitialMessages] = undefined;\n}\n\n/**\n * Returns whether there is an app layout present on this page or not\n */\nexport function isAppLayoutReady() {\n  return !!getAppLayoutMessageHandler();\n}\n\n/**\n * Registers a new runtime drawer to app layout\n * @param drawer\n */\nexport function registerLeftDrawer(drawer: DrawerPayload) {\n  const win = getWindow();\n  const message: RegisterDrawerMessage = { type: 'registerLeftDrawer', payload: drawer };\n  win[storageKeyInitialMessages] = win[storageKeyInitialMessages] ?? [];\n  win[storageKeyInitialMessages].push(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Interact with already registered app layout drawers\n * @param message\n */\nexport function updateDrawer(message: AppLayoutUpdateMessage) {\n  getAppLayoutMessageHandler()?.(message);\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/internal.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;AAChF,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;AAClF,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;AAUjF,SAAS,SAAS;IAChB,OAAO,MAAiC,CAAC;AAC3C,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,wBAAwB,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,OAAO,SAAS,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,OAAyB;;IAChE,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,IAAI,GAAG,CAAC,wBAAwB,CAAC,EAAE;QACjC,uBAAuB,CAAC,iBAAiB,EAAE,iEAAiE,CAAC,CAAC;KAC/G;IACD,GAAG,CAAC,wBAAwB,CAAC,GAAG,OAAO,CAAC;IACxC,MAAA,GAAG,CAAC,6BAA6B,CAAC,0CAAE,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACxD,GAAG,CAAC,6BAA6B,CAAC,GAAG,EAAE,CAAC;IACxC,OAAO,GAAG,EAAE;QACV,GAAG,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC;IAC5C,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,SAAS,EAAE,CAAC,yBAAyB,CAAC,GAAG,SAAS,CAAC;AACrD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,CAAC,0BAA0B,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB;;IAChC,IAAI,gBAAgB,EAAE,EAAE;QACtB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;KAC1B;IACD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,GAAG,CAAC,6BAA6B,CAAC,GAAG,MAAA,GAAG,CAAC,6BAA6B,CAAC,mCAAI,EAAE,CAAC;IAC9E,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,6BAA6B,CAAC,0CAAE,IAAI,CAAC,OAAO,CAAC,CAAA,EAAA,CAAC,CAAC;AACnF,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAqB;;IACtD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,OAAO,GAA0B,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACvF,GAAG,CAAC,yBAAyB,CAAC,GAAG,MAAA,GAAG,CAAC,yBAAyB,CAAC,mCAAI,EAAE,CAAC;IACtE,GAAG,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA+B;;IAC1D,MAAA,0BAA0B,EAAE,0CAAG,OAAO,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { reportRuntimeApiWarning } from '../helpers/metrics';\nimport { AppLayoutMessage, AppLayoutUpdateMessage, DrawerPayload, RegisterDrawerMessage } from './interfaces';\n\nconst storageKeyMessageHandler = Symbol.for('awsui-widget-api-message-handler');\nconst storageKeyInitialMessages = Symbol.for('awsui-widget-api-initial-messages');\nconst storageKeyReadyDeferCallbacks = Symbol.for('awsui-widget-api-ready-defer');\n\ninterface WindowWithApi extends Window {\n  [storageKeyMessageHandler]: AppLayoutHandler | undefined;\n  [storageKeyInitialMessages]: Array<RegisterDrawerMessage> | undefined;\n  [storageKeyReadyDeferCallbacks]: Array<(value?: unknown) => void> | undefined;\n}\n\ntype AppLayoutHandler = (event: AppLayoutMessage) => void;\n\nfunction getWindow() {\n  return window as Window as WindowWithApi;\n}\n\nfunction getAppLayoutMessageHandler() {\n  const win = getWindow();\n  return win[storageKeyMessageHandler];\n}\n\nexport function getAppLayoutInitialState() {\n  return getWindow()[storageKeyInitialMessages];\n}\n\nexport function registerAppLayoutHandler(handler: AppLayoutHandler) {\n  const win = getWindow();\n  if (win[storageKeyMessageHandler]) {\n    reportRuntimeApiWarning('AppLayoutWidget', 'Double registration attempt, the old handler will be overridden');\n  }\n  win[storageKeyMessageHandler] = handler;\n  win[storageKeyReadyDeferCallbacks]?.forEach(fn => fn());\n  win[storageKeyReadyDeferCallbacks] = [];\n  return () => {\n    win[storageKeyMessageHandler] = undefined;\n  };\n}\n\nexport function clearInitialMessages() {\n  getWindow()[storageKeyInitialMessages] = undefined;\n}\n\n/**\n * Returns whether there is an app layout present on this page or not\n */\nexport function isAppLayoutReady() {\n  return !!getAppLayoutMessageHandler();\n}\n\n/**\n * Returns a promise that resolves once the app layout has loaded\n */\nexport function whenAppLayoutReady() {\n  if (isAppLayoutReady()) {\n    return Promise.resolve();\n  }\n  const win = getWindow();\n  win[storageKeyReadyDeferCallbacks] = win[storageKeyReadyDeferCallbacks] ?? [];\n  return new Promise(resolve => win[storageKeyReadyDeferCallbacks]?.push(resolve));\n}\n\n/**\n * Registers a new runtime drawer to app layout\n * @param drawer\n */\nexport function registerLeftDrawer(drawer: DrawerPayload) {\n  const win = getWindow();\n  const message: RegisterDrawerMessage = { type: 'registerLeftDrawer', payload: drawer };\n  win[storageKeyInitialMessages] = win[storageKeyInitialMessages] ?? [];\n  win[storageKeyInitialMessages].push(message);\n  getAppLayoutMessageHandler()?.(message);\n}\n\n/**\n * Interact with already registered app layout drawers\n * @param message\n */\nexport function updateDrawer(message: AppLayoutUpdateMessage) {\n  getAppLayoutMessageHandler()?.(message);\n}\n"]}

package/lib/internal/template/internal/plugins/widget.d.ts

@@ -1,3 +1,3 @@
 export * from './widget/interfaces';
-export { registerLeftDrawer, updateDrawer, isAppLayoutReady } from './widget/internal';
+export { registerLeftDrawer, updateDrawer, isAppLayoutReady, whenAppLayoutReady } from './widget/internal';
 //# sourceMappingURL=widget.d.ts.map

package/lib/internal/template/internal/plugins/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/widget.ts"],"names":[],"mappings":"AAEA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/widget.ts"],"names":[],"mappings":"AAEA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/internal/template/internal/plugins/widget.js

@@ -1,5 +1,5 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 export * from './widget/interfaces';
-export { registerLeftDrawer, updateDrawer, isAppLayoutReady } from './widget/internal';
+export { registerLeftDrawer, updateDrawer, isAppLayoutReady, whenAppLayoutReady } from './widget/internal';
 //# sourceMappingURL=widget.js.map

package/lib/internal/template/internal/plugins/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../../src/internal/plugins/widget.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport * from './widget/interfaces';\nexport { registerLeftDrawer, updateDrawer, isAppLayoutReady } from './widget/internal';\n"]}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../../src/internal/plugins/widget.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport * from './widget/interfaces';\nexport { registerLeftDrawer, updateDrawer, isAppLayoutReady, whenAppLayoutReady } from './widget/internal';\n"]}

package/lib/internal/template/internal/utils/date-time/format-date-time-with-offset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-date-time-with-offset.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-time-with-offset.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAK7E,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,oBAAoB,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,UAWA"}
+{"version":3,"file":"format-date-time-with-offset.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-time-with-offset.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAK7E,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,oBAAoB,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,UAeA"}

package/lib/internal/template/internal/utils/date-time/format-date-time-with-offset.js

@@ -10,6 +10,10 @@ export function formatDateTimeWithOffset({ date, format, hideTimeOffset, timeOff
         case 'long-localized': {
             return formatDateLocalized({ date, hideTimeOffset, isDateOnly, isMonthOnly, locale, timeOffset });
         }
+        case 'slashed': {
+            const formatted = formatDateIso({ date, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset }).split('T');
+            return `${formatted[0].split('-').join('/')}${formatted[1] ? `T${formatted[1]}` : ''}`;
+        }
         default: {
             return formatDateIso({ date, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset });
         }

package/lib/internal/template/internal/utils/date-time/format-date-time-with-offset.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date-time-with-offset.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-time-with-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,UAAU,wBAAwB,CAAC,EACvC,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GAOP;IACC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,QAAQ,MAAM,EAAE;QACd,KAAK,gBAAgB,CAAC,CAAC;YACrB,OAAO,mBAAmB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;SACnG;QACD,OAAO,CAAC,CAAC;YACP,OAAO,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;SACrF;KACF;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DateRangePickerProps } from '../../../date-range-picker/interfaces';\nimport formatDateIso from './format-date-iso';\nimport formatDateLocalized from './format-date-localized';\nimport { isIsoDateOnly, isIsoMonthOnly } from './is-iso-only';\n\nexport function formatDateTimeWithOffset({\n  date,\n  format,\n  hideTimeOffset,\n  timeOffset,\n  locale,\n}: {\n  date: string;\n  format: DateRangePickerProps.AbsoluteFormat;\n  hideTimeOffset?: boolean;\n  timeOffset?: number;\n  locale?: string;\n}) {\n  const isDateOnly = isIsoDateOnly(date);\n  const isMonthOnly = isIsoMonthOnly(date);\n  switch (format) {\n    case 'long-localized': {\n      return formatDateLocalized({ date, hideTimeOffset, isDateOnly, isMonthOnly, locale, timeOffset });\n    }\n    default: {\n      return formatDateIso({ date, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset });\n    }\n  }\n}\n"]}
+{"version":3,"file":"format-date-time-with-offset.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-time-with-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,UAAU,wBAAwB,CAAC,EACvC,IAAI,EACJ,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GAOP;IACC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,QAAQ,MAAM,EAAE;QACd,KAAK,gBAAgB,CAAC,CAAC;YACrB,OAAO,mBAAmB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;SACnG;QACD,KAAK,SAAS,CAAC,CAAC;YACd,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC1G,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;SACxF;QACD,OAAO,CAAC,CAAC;YACP,OAAO,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;SACrF;KACF;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DateRangePickerProps } from '../../../date-range-picker/interfaces';\nimport formatDateIso from './format-date-iso';\nimport formatDateLocalized from './format-date-localized';\nimport { isIsoDateOnly, isIsoMonthOnly } from './is-iso-only';\n\nexport function formatDateTimeWithOffset({\n  date,\n  format,\n  hideTimeOffset,\n  timeOffset,\n  locale,\n}: {\n  date: string;\n  format: DateRangePickerProps.AbsoluteFormat;\n  hideTimeOffset?: boolean;\n  timeOffset?: number;\n  locale?: string;\n}) {\n  const isDateOnly = isIsoDateOnly(date);\n  const isMonthOnly = isIsoMonthOnly(date);\n  switch (format) {\n    case 'long-localized': {\n      return formatDateLocalized({ date, hideTimeOffset, isDateOnly, isMonthOnly, locale, timeOffset });\n    }\n    case 'slashed': {\n      const formatted = formatDateIso({ date, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset }).split('T');\n      return `${formatted[0].split('-').join('/')}${formatted[1] ? `T${formatted[1]}` : ''}`;\n    }\n    default: {\n      return formatDateIso({ date, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset });\n    }\n  }\n}\n"]}

package/lib/internal/template/internal/widget-exports.d.ts

@@ -12,6 +12,7 @@ export { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layou
 export { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';
 export { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';
 export { DrawerImplementation as Drawer } from '../drawer/implementation';
+export { FlashbarImplementation as Flashbar } from '../flashbar/implementation';
 export { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';
 export { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';
 //# sourceMappingURL=widget-exports.d.ts.map

package/lib/internal/template/internal/widget-exports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-exports.d.ts","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAGlH,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,2BAA2B,IAAI,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,+BAA+B,IAAI,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEhH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"widget-exports.d.ts","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAGlH,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,2BAA2B,IAAI,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,+BAA+B,IAAI,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEhH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/internal/template/internal/widget-exports.js

@@ -16,6 +16,7 @@ export { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layou
 export { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';
 export { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';
 export { DrawerImplementation as Drawer } from '../drawer/implementation';
+export { FlashbarImplementation as Flashbar } from '../flashbar/implementation';
 export { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';
 export { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';
 //# sourceMappingURL=widget-exports.js.map

package/lib/internal/template/internal/widget-exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-exports.js","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,0BAA0B;AAC1B,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAElH,8BAA8B;AAC9B,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,2BAA2B,IAAI,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,+BAA+B,IAAI,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEhH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { PACKAGE_VERSION } from './environment';\n\n// Legacy widgetized parts\nexport {\n  AppLayoutDrawerImplementation as AppLayoutDrawer,\n  AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers,\n} from '../app-layout/visual-refresh-toolbar/drawer';\nexport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../app-layout/visual-refresh-toolbar/navigation';\nexport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../app-layout/visual-refresh-toolbar/notifications';\nexport {\n  AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelBottom,\n  AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelSide,\n} from '../app-layout/visual-refresh-toolbar/split-panel';\nexport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../app-layout/visual-refresh-toolbar/toolbar';\n\n// Refactored widgetized parts\nexport { BeforeMainSlotImplementation as AppLayoutBeforeMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/before-main-slot';\nexport { AfterMainSlotImplementation as AppLayoutAfterMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/after-main-slot';\nexport { TopContentSlotImplementation as AppLayoutTopContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/top-content-slot';\nexport { BottomContentSlotImplementation as AppLayoutBottomContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot';\nexport { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layout/visual-refresh-toolbar/state';\n\nexport { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';\nexport { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';\nexport { DrawerImplementation as Drawer } from '../drawer/implementation';\nexport { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';\nexport { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';\n"]}
+{"version":3,"file":"widget-exports.js","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,0BAA0B;AAC1B,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAElH,8BAA8B;AAC9B,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,2BAA2B,IAAI,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,+BAA+B,IAAI,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEhH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { PACKAGE_VERSION } from './environment';\n\n// Legacy widgetized parts\nexport {\n  AppLayoutDrawerImplementation as AppLayoutDrawer,\n  AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers,\n} from '../app-layout/visual-refresh-toolbar/drawer';\nexport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../app-layout/visual-refresh-toolbar/navigation';\nexport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../app-layout/visual-refresh-toolbar/notifications';\nexport {\n  AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelBottom,\n  AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelSide,\n} from '../app-layout/visual-refresh-toolbar/split-panel';\nexport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../app-layout/visual-refresh-toolbar/toolbar';\n\n// Refactored widgetized parts\nexport { BeforeMainSlotImplementation as AppLayoutBeforeMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/before-main-slot';\nexport { AfterMainSlotImplementation as AppLayoutAfterMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/after-main-slot';\nexport { TopContentSlotImplementation as AppLayoutTopContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/top-content-slot';\nexport { BottomContentSlotImplementation as AppLayoutBottomContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot';\nexport { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layout/visual-refresh-toolbar/state';\n\nexport { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';\nexport { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';\nexport { DrawerImplementation as Drawer } from '../drawer/implementation';\nexport { FlashbarImplementation as Flashbar } from '../flashbar/implementation';\nexport { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';\nexport { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';\n"]}

package/lib/internal/template/mixed-line-bar-chart/bar-groups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-groups.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-groups.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,qBAAqB,EAAE,IAAI,GAAG,MAAM,CAAC;IACrC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,SAAS,EACT,SAAS,EACT,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,eAsBd"}
+{"version":3,"file":"bar-groups.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-groups.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,qBAAqB,EAAE,IAAI,GAAG,MAAM,CAAC;IACrC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,SAAS,EACT,SAAS,EACT,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,SAAS,CAAC,CAAC,CAAC,eAwBd"}

package/lib/internal/template/mixed-line-bar-chart/bar-groups.js

@@ -9,6 +9,9 @@ const OUTLINE_PADDING = 2;
  * Other rectangles are only needed for the "findBarGroups" test-utils selector.
  */
 export default function BarGroups({ ariaLabel, isRefresh, isPopoverPinned, barGroups, highlightedGroupIndex, highlightedGroupRef, }) {
-    return (React.createElement("g", { role: "group", "aria-hidden": "true" }, barGroups.map((group, index) => (React.createElement("rect", { key: index, x: Math.max(0, group.position.x - OUTLINE_PADDING), y: Math.max(0, group.position.y - OUTLINE_PADDING), width: group.position.width + 2 * OUTLINE_PADDING, height: group.position.height + 2 * OUTLINE_PADDING, ref: index === highlightedGroupIndex ? highlightedGroupRef : undefined, rx: isRefresh ? 4 : 2, role: "button", "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": isPopoverPinned, fill: "none", className: styles['bar-group'] })))));
+    return (React.createElement("g", { role: "group", "aria-hidden": "true" }, barGroups.map((group, index) => (React.createElement("rect", { key: index, x: Math.max(0, group.position.x - OUTLINE_PADDING), y: Math.max(0, group.position.y - OUTLINE_PADDING), width: group.position.width + 2 * OUTLINE_PADDING, height: group.position.height + 2 * OUTLINE_PADDING, ref: index === highlightedGroupIndex ? highlightedGroupRef : undefined, rx: isRefresh ? 4 : 2, role: "button", "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": isPopoverPinned, 
+        // We must use "transparent" instead of "none" so that Firefox popover placement works correctly.
+        // When an SVG element has no stroke or fill color the Firefox optimizes it out.
+        fill: "transparent", className: styles['bar-group'] })))));
 }
 //# sourceMappingURL=bar-groups.js.map

package/lib/internal/template/mixed-line-bar-chart/bar-groups.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-groups.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-groups.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,CAAC;AAW1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAA2B,EAC1D,SAAS,EACT,SAAS,EACT,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,mBAAmB,GACN;IACb,OAAO,CACL,2BAAG,IAAI,EAAC,OAAO,iBAAa,MAAM,IAC/B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BACE,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAClD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAClD,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EACjD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,EACnD,GAAG,EAAE,KAAK,KAAK,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACtE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,IAAI,EAAC,QAAQ,gBACD,SAAS,mBACN,IAAI,mBACJ,eAAe,EAC9B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAC9B,CACH,CAAC,CACA,CACL,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 { ChartDataTypes } from './interfaces';\nimport { ScaledBarGroup } from './make-scaled-bar-groups';\n\nimport styles from './styles.css.js';\n\nconst OUTLINE_PADDING = 2;\n\ninterface BarGroups<T extends ChartDataTypes> {\n  ariaLabel: string;\n  isRefresh: boolean;\n  isPopoverPinned: boolean;\n  barGroups: ScaledBarGroup<T>[];\n  highlightedGroupIndex: null | number;\n  highlightedGroupRef: React.RefObject<SVGRectElement>;\n}\n\n/**\n * The component renders empty SVG rectangles corresponding to the bar group slots.\n * The highlighted group rectangle is used for the pseudo-focus and therefore requires ARIA attributes.\n * Other rectangles are only needed for the \"findBarGroups\" test-utils selector.\n */\nexport default function BarGroups<T extends ChartDataTypes>({\n  ariaLabel,\n  isRefresh,\n  isPopoverPinned,\n  barGroups,\n  highlightedGroupIndex,\n  highlightedGroupRef,\n}: BarGroups<T>) {\n  return (\n    <g role=\"group\" aria-hidden=\"true\">\n      {barGroups.map((group, index) => (\n        <rect\n          key={index}\n          x={Math.max(0, group.position.x - OUTLINE_PADDING)}\n          y={Math.max(0, group.position.y - OUTLINE_PADDING)}\n          width={group.position.width + 2 * OUTLINE_PADDING}\n          height={group.position.height + 2 * OUTLINE_PADDING}\n          ref={index === highlightedGroupIndex ? highlightedGroupRef : undefined}\n          rx={isRefresh ? 4 : 2}\n          role=\"button\"\n          aria-label={ariaLabel}\n          aria-haspopup={true}\n          aria-expanded={isPopoverPinned}\n          fill=\"none\"\n          className={styles['bar-group']}\n        />\n      ))}\n    </g>\n  );\n}\n"]}
+{"version":3,"file":"bar-groups.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-groups.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,CAAC;AAW1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAA2B,EAC1D,SAAS,EACT,SAAS,EACT,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,mBAAmB,GACN;IACb,OAAO,CACL,2BAAG,IAAI,EAAC,OAAO,iBAAa,MAAM,IAC/B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BACE,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAClD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAClD,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,EACjD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,EACnD,GAAG,EAAE,KAAK,KAAK,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACtE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,IAAI,EAAC,QAAQ,gBACD,SAAS,mBACN,IAAI,mBACJ,eAAe;QAC9B,iGAAiG;QACjG,gFAAgF;QAChF,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAC9B,CACH,CAAC,CACA,CACL,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 { ChartDataTypes } from './interfaces';\nimport { ScaledBarGroup } from './make-scaled-bar-groups';\n\nimport styles from './styles.css.js';\n\nconst OUTLINE_PADDING = 2;\n\ninterface BarGroups<T extends ChartDataTypes> {\n  ariaLabel: string;\n  isRefresh: boolean;\n  isPopoverPinned: boolean;\n  barGroups: ScaledBarGroup<T>[];\n  highlightedGroupIndex: null | number;\n  highlightedGroupRef: React.RefObject<SVGRectElement>;\n}\n\n/**\n * The component renders empty SVG rectangles corresponding to the bar group slots.\n * The highlighted group rectangle is used for the pseudo-focus and therefore requires ARIA attributes.\n * Other rectangles are only needed for the \"findBarGroups\" test-utils selector.\n */\nexport default function BarGroups<T extends ChartDataTypes>({\n  ariaLabel,\n  isRefresh,\n  isPopoverPinned,\n  barGroups,\n  highlightedGroupIndex,\n  highlightedGroupRef,\n}: BarGroups<T>) {\n  return (\n    <g role=\"group\" aria-hidden=\"true\">\n      {barGroups.map((group, index) => (\n        <rect\n          key={index}\n          x={Math.max(0, group.position.x - OUTLINE_PADDING)}\n          y={Math.max(0, group.position.y - OUTLINE_PADDING)}\n          width={group.position.width + 2 * OUTLINE_PADDING}\n          height={group.position.height + 2 * OUTLINE_PADDING}\n          ref={index === highlightedGroupIndex ? highlightedGroupRef : undefined}\n          rx={isRefresh ? 4 : 2}\n          role=\"button\"\n          aria-label={ariaLabel}\n          aria-haspopup={true}\n          aria-expanded={isPopoverPinned}\n          // We must use \"transparent\" instead of \"none\" so that Firefox popover placement works correctly.\n          // When an SVG element has no stroke or fill color the Firefox optimizes it out.\n          fill=\"transparent\"\n          className={styles['bar-group']}\n        />\n      ))}\n    </g>\n  );\n}\n"]}