@cloudscape-design/components-themeable 3.0.327 → 3.0.328

package/lib/internal/template/expandable-section/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n  export type Variant = 'default' | 'footer' | 'container' | 'navigation';\n  export interface ChangeDetail {\n    expanded: boolean;\n  }\n  export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n  /**\n   * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n   * manner even if you provide a value for this property.\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n   * manner if you provide a value for this property.\n   */\n  expanded?: boolean;\n\n  /**\n   * The possible variants of an expandable section are as follows:\n   *  * `default` - Use this variant in any context.\n   *  * `footer` - Use this variant in container footers.\n   *  * `container` - Use this variant in a detail page alongside other containers.\n   *  * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n   *    It doesn't have any default styles.\n   * */\n  variant?: ExpandableSectionProps.Variant;\n\n  /**\n   * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Primary content displayed in the expandable section element.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * @deprecated Use `headerText` instead.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n   */\n  headerText?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading. Use with the container variant.\n   */\n  headerDescription?: string;\n\n  /**\n   * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n   * Behaves similar to the Header component counter.\n   */\n  headerCounter?: string;\n\n  /**\n   * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n   * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Note that this only\n   * works with the `headerText` slot (not with the deprecated `header`), and not with the navigation variant.\n   */\n  headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n  /**\n   * Adds `aria-label` to the header element.\n   * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n   */\n  headerAriaLabel?: string;\n\n  /**\n   * Called when the state changes (that is, when the user expands or collapses the component).\n   * The event `detail` contains the current value of the `expanded` property.\n   */\n  onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n  /**\n   * The area next to the heading, used to display an Info link. Use with the container variant.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Actions for the header. Use with the container variant.\n   */\n  headerActions?: React.ReactNode;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n  export type Variant = 'default' | 'footer' | 'container' | 'navigation';\n  export interface ChangeDetail {\n    expanded: boolean;\n  }\n  export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n  /**\n   * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n   * manner even if you provide a value for this property.\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n   * manner if you provide a value for this property.\n   */\n  expanded?: boolean;\n\n  /**\n   * The possible variants of an expandable section are as follows:\n   *  * `default` - Use this variant in any context.\n   *  * `footer` - Use this variant in container footers.\n   *  * `container` - Use this variant in a detail page alongside other containers.\n   *  * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n   *    It doesn't have any default styles.\n   * */\n  variant?: ExpandableSectionProps.Variant;\n\n  /**\n   * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Primary content displayed in the expandable section element.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * @deprecated Use `headerText` instead.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n   */\n  headerText?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading. Use with the container, default or footer variants.\n   */\n  headerDescription?: string;\n\n  /**\n   * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n   * Behaves similar to the Header component counter.\n   */\n  headerCounter?: string;\n\n  /**\n   * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n   * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Note that this only\n   * works with the `headerText` slot (not with the deprecated `header`), and not with the navigation variant.\n   */\n  headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n  /**\n   * Adds `aria-label` to the header element.\n   * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n   */\n  headerAriaLabel?: string;\n\n  /**\n   * Called when the state changes (that is, when the user expands or collapses the component).\n   * The event `detail` contains the current value of the `expanded` property.\n   */\n  onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n  /**\n   * The area next to the heading, used to display an Info link. Use with the container variant.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Actions for the header. Use with the container variant.\n   */\n  headerActions?: React.ReactNode;\n}\n"]}

package/lib/internal/template/expandable-section/styles.css.js

@@ -1,34 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_5ydn8_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_5ydn8_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_5ydn8_119",
-  "icon": "awsui_icon_gwq0h_5ydn8_133",
-  "root": "awsui_root_gwq0h_5ydn8_151",
-  "expand-button": "awsui_expand-button_gwq0h_5ydn8_168",
-  "expanded": "awsui_expanded_gwq0h_5ydn8_175",
-  "icon-container": "awsui_icon-container_gwq0h_5ydn8_179",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_5ydn8_184",
-  "wrapper": "awsui_wrapper_gwq0h_5ydn8_188",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_5ydn8_195",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_5ydn8_198",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_5ydn8_204",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_5ydn8_207",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_5ydn8_224",
-  "header": "awsui_header_gwq0h_5ydn8_228",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_5ydn8_231",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_5ydn8_231",
-  "header-button": "awsui_header-button_gwq0h_5ydn8_241",
-  "header-container-button": "awsui_header-container-button_gwq0h_5ydn8_245",
-  "header-container": "awsui_header-container_gwq0h_5ydn8_245",
-  "header-navigation": "awsui_header-navigation_gwq0h_5ydn8_269",
-  "content": "awsui_content_gwq0h_5ydn8_97",
-  "content-default": "awsui_content-default_gwq0h_5ydn8_305",
-  "content-footer": "awsui_content-footer_gwq0h_5ydn8_308",
-  "content-expanded": "awsui_content-expanded_gwq0h_5ydn8_311",
-  "focusable": "awsui_focusable_gwq0h_5ydn8_315",
-  "click-target": "awsui_click-target_gwq0h_5ydn8_326",
-  "description-default": "awsui_description-default_gwq0h_5ydn8_333"
+  "content-enter": "awsui_content-enter_gwq0h_10oc0_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_10oc0_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_10oc0_119",
+  "icon": "awsui_icon_gwq0h_10oc0_133",
+  "root": "awsui_root_gwq0h_10oc0_151",
+  "expand-button": "awsui_expand-button_gwq0h_10oc0_168",
+  "expanded": "awsui_expanded_gwq0h_10oc0_175",
+  "icon-container": "awsui_icon-container_gwq0h_10oc0_179",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_10oc0_184",
+  "wrapper": "awsui_wrapper_gwq0h_10oc0_188",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_10oc0_195",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_10oc0_198",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_10oc0_204",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_10oc0_207",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_10oc0_224",
+  "header": "awsui_header_gwq0h_10oc0_228",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_10oc0_231",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_10oc0_231",
+  "header-button": "awsui_header-button_gwq0h_10oc0_241",
+  "header-container-button": "awsui_header-container-button_gwq0h_10oc0_245",
+  "header-container": "awsui_header-container_gwq0h_10oc0_245",
+  "header-navigation": "awsui_header-navigation_gwq0h_10oc0_269",
+  "content": "awsui_content_gwq0h_10oc0_97",
+  "content-default": "awsui_content-default_gwq0h_10oc0_305",
+  "content-footer": "awsui_content-footer_gwq0h_10oc0_308",
+  "content-expanded": "awsui_content-expanded_gwq0h_10oc0_311",
+  "focusable": "awsui_focusable_gwq0h_10oc0_315",
+  "click-target": "awsui_click-target_gwq0h_10oc0_326",
+  "description-default": "awsui_description-default_gwq0h_10oc0_333",
+  "description-footer": "awsui_description-footer_gwq0h_10oc0_334",
+  "description-container": "awsui_description-container_gwq0h_10oc0_338"
 };
   

package/lib/internal/template/expandable-section/styles.scoped.css

@@ -94,10 +94,10 @@ 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_content-enter_gwq0h_5ydn8_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_5ydn8_1 var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
+.awsui_content-enter_gwq0h_10oc0_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_10oc0_1 var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_5ydn8_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_10oc0_1 {
   from {
     opacity: 0.2;
   }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_5ydn8_97:not(#\9) {
+  .awsui_content-enter_gwq0h_10oc0_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_5ydn8_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_5ydn8_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_10oc0_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_10oc0_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_5ydn8_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_10oc0_119:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_5ydn8_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_10oc0_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_5ydn8_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_5ydn8_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_10oc0_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_10oc0_119:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_5ydn8_133:not(#\9) {
+.awsui_icon_gwq0h_10oc0_133:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-l1syz5, 135ms) var(--motion-easing-rotate-90-8xzw2x, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_5ydn8_133:not(#\9) {
+  .awsui_icon_gwq0h_10oc0_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_5ydn8_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_5ydn8_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_10oc0_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_10oc0_133:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -148,7 +148,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_gwq0h_5ydn8_151:not(#\9) {
+.awsui_root_gwq0h_10oc0_151:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -191,91 +191,91 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_5ydn8_168:not(#\9) {
+.awsui_expand-button_gwq0h_10oc0_168:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_gwq0h_5ydn8_133:not(#\9) {
+.awsui_icon_gwq0h_10oc0_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_5ydn8_133.awsui_expanded_gwq0h_5ydn8_175:not(#\9) {
+.awsui_icon_gwq0h_10oc0_133.awsui_expanded_gwq0h_10oc0_175:not(#\9) {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_5ydn8_179:not(#\9) {
+.awsui_icon-container_gwq0h_10oc0_179:not(#\9) {
   position: relative;
   margin-left: calc((var(--font-body-m-line-height-9vkzhc, 22px) - var(--size-icon-normal-sz51st, 16px)) / -2);
   margin-right: calc(var(--space-xxs-xx079q, 4px) + var(--border-divider-list-width-iu80dg, 1px));
 }
-.awsui_icon-container-container_gwq0h_5ydn8_184:not(#\9) {
+.awsui_icon-container-container_gwq0h_10oc0_184:not(#\9) {
   margin-right: var(--space-xs-7veqkr, 8px);
 }
 
-.awsui_wrapper_gwq0h_5ydn8_188:not(#\9) {
+.awsui_wrapper_gwq0h_10oc0_188:not(#\9) {
   box-sizing: border-box;
   border: none;
   width: 100%;
   line-height: var(--font-body-m-line-height-9vkzhc, 22px);
   text-align: left;
 }
-.awsui_wrapper-default_gwq0h_5ydn8_195:not(#\9) {
+.awsui_wrapper-default_gwq0h_10oc0_195:not(#\9) {
   padding: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-xxs-xx079q, 4px);
 }
-.awsui_wrapper-footer_gwq0h_5ydn8_198:not(#\9) {
+.awsui_wrapper-footer_gwq0h_10oc0_198:not(#\9) {
   padding: var(--space-scaled-xxs-gmgwxk, 4px) 0;
 }
-.awsui_wrapper-default_gwq0h_5ydn8_195:not(#\9), .awsui_wrapper-footer_gwq0h_5ydn8_198:not(#\9) {
+.awsui_wrapper-default_gwq0h_10oc0_195:not(#\9), .awsui_wrapper-footer_gwq0h_10oc0_198:not(#\9) {
   border: var(--border-divider-section-width-p0xg84, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_5ydn8_204:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_10oc0_204:not(#\9) {
   border-left: var(--border-divider-section-width-p0xg84, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_5ydn8_204:not(#\9), .awsui_wrapper-container_gwq0h_5ydn8_207:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_10oc0_204:not(#\9), .awsui_wrapper-container_gwq0h_10oc0_207:not(#\9) {
   display: flex;
   font-weight: var(--font-heading-s-weight-rxw9ij, 700);
 }
-.awsui_wrapper-default_gwq0h_5ydn8_195:not(#\9), .awsui_wrapper-navigation_gwq0h_5ydn8_204:not(#\9), .awsui_wrapper-footer_gwq0h_5ydn8_198:not(#\9) {
+.awsui_wrapper-default_gwq0h_10oc0_195:not(#\9), .awsui_wrapper-navigation_gwq0h_10oc0_204:not(#\9), .awsui_wrapper-footer_gwq0h_10oc0_198:not(#\9) {
   color: var(--color-text-expandable-section-default-dhf1fv, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
   font-size: var(--font-expandable-heading-size-x20mdp, 14px);
   letter-spacing: var(--font-heading-s-letter-spacing-jp7jyt, normal);
 }
-.awsui_wrapper-container_gwq0h_5ydn8_207:not(#\9) {
+.awsui_wrapper-container_gwq0h_10oc0_207:not(#\9) {
   padding: var(--space-container-header-vertical-ezarcz, 12px) var(--space-container-horizontal-7bp7wa, 20px);
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_5ydn8_207:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_10oc0_207:not(#\9):focus {
   padding: calc(var(--space-scaled-s-73r995, 12px) - var(--border-divider-section-width-p0xg84, 1px)) calc(var(--space-l-z6h7qi, 20px) - var(--border-divider-section-width-p0xg84, 1px));
 }
-.awsui_wrapper-default_gwq0h_5ydn8_195.awsui_wrapper-expanded_gwq0h_5ydn8_224:not(#\9) {
+.awsui_wrapper-default_gwq0h_10oc0_195.awsui_wrapper-expanded_gwq0h_10oc0_224:not(#\9) {
   border-bottom-color: var(--color-border-divider-default-uqjcpn, #eaeded);
 }
 
-.awsui_header_gwq0h_5ydn8_228:not(#\9) {
+.awsui_header_gwq0h_10oc0_228:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_5ydn8_231:not(#\9), .awsui_header-deprecated_gwq0h_5ydn8_231:not(#\9) {
+.awsui_header-wrapper_gwq0h_10oc0_231:not(#\9), .awsui_header-deprecated_gwq0h_10oc0_231:not(#\9) {
   display: flex;
   font-weight: var(--font-heading-s-weight-rxw9ij, 700);
 }
-.awsui_header-wrapper_gwq0h_5ydn8_231:not(#\9) {
+.awsui_header-wrapper_gwq0h_10oc0_231:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin: 0;
   padding: 0;
 }
-.awsui_header-button_gwq0h_5ydn8_241:not(#\9) {
+.awsui_header-button_gwq0h_10oc0_241:not(#\9) {
   box-sizing: border-box;
   display: flex;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5ydn8_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5ydn8_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10oc0_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10oc0_245:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5ydn8_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5ydn8_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10oc0_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10oc0_245:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5ydn8_241:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5ydn8_245:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10oc0_241:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10oc0_245:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -286,13 +286,13 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5ydn8_241:not(#\9
   border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_header-container_gwq0h_5ydn8_245:not(#\9) {
+.awsui_header-container_gwq0h_10oc0_245:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_5ydn8_245 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9) {
+.awsui_header-container_gwq0h_10oc0_245 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-4ysrlk, 8px);
 }
-.awsui_header-navigation_gwq0h_5ydn8_269 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9) {
+.awsui_header-navigation_gwq0h_10oc0_269 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-7jwgwp, #879596);
@@ -303,17 +303,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5ydn8_241:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_5ydn8_269 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9):hover {
+.awsui_header-navigation_gwq0h_10oc0_269 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-q765vp, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5ydn8_269 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10oc0_269 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5ydn8_269 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10oc0_269 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5ydn8_269 > .awsui_icon-container_gwq0h_5ydn8_179:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10oc0_269 > .awsui_icon-container_gwq0h_10oc0_179:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -325,37 +325,42 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5ydn8_269 > .
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
 
-.awsui_content_gwq0h_5ydn8_97:not(#\9) {
+.awsui_content_gwq0h_10oc0_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_5ydn8_305:not(#\9) {
+.awsui_content-default_gwq0h_10oc0_305:not(#\9) {
   padding: var(--space-scaled-xs-sg3tfb, 8px) 0;
 }
-.awsui_content-footer_gwq0h_5ydn8_308:not(#\9) {
+.awsui_content-footer_gwq0h_10oc0_308:not(#\9) {
   padding: var(--space-xs-7veqkr, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_5ydn8_311:not(#\9) {
+.awsui_content-expanded_gwq0h_10oc0_311:not(#\9) {
   display: block;
 }
 
-.awsui_focusable_gwq0h_5ydn8_315:not(#\9):focus {
+.awsui_focusable_gwq0h_10oc0_315:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_5ydn8_315:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_10oc0_315:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
   border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
 
-.awsui_click-target_gwq0h_5ydn8_326:not(#\9) {
+.awsui_click-target_gwq0h_10oc0_326:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_5ydn8_326:not(#\9):not(.awsui_wrapper-container_gwq0h_5ydn8_207):not(.awsui_header-container-button_gwq0h_5ydn8_245):hover {
+.awsui_click-target_gwq0h_10oc0_326:not(#\9):not(.awsui_wrapper-container_gwq0h_10oc0_207):not(.awsui_header-container-button_gwq0h_10oc0_245):hover {
   color: var(--color-text-expandable-section-hover-q765vp, #16191f);
 }
 
-.awsui_description-default_gwq0h_5ydn8_333:not(#\9) {
-  padding-left: calc(var(--size-icon-normal-sz51st, 16px) + var(--space-xxs-xx079q, 4px) + var(--border-divider-list-width-iu80dg, 1px) + (var(--font-body-m-line-height-9vkzhc, 22px) - var(--size-icon-normal-sz51st, 16px)) / -2);
+.awsui_description-default_gwq0h_10oc0_333:not(#\9),
+.awsui_description-footer_gwq0h_10oc0_334:not(#\9) {
+  padding-left: calc(var(--size-icon-normal-sz51st, 16px) + (var(--font-body-m-line-height-9vkzhc, 22px) - var(--size-icon-normal-sz51st, 16px)) / -2 + var(--space-xxs-xx079q, 4px) + var(--border-divider-list-width-iu80dg, 1px));
+}
+
+.awsui_description-container_gwq0h_10oc0_338:not(#\9) {
+  padding-left: calc(var(--size-icon-medium-9v2l3x, 16px) + (var(--font-body-m-line-height-9vkzhc, 22px) - var(--size-icon-normal-sz51st, 16px)) / -2 + var(--space-xs-7veqkr, 8px));
 }

package/lib/internal/template/expandable-section/styles.selectors.js

@@ -2,34 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_5ydn8_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_5ydn8_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_5ydn8_119",
-  "icon": "awsui_icon_gwq0h_5ydn8_133",
-  "root": "awsui_root_gwq0h_5ydn8_151",
-  "expand-button": "awsui_expand-button_gwq0h_5ydn8_168",
-  "expanded": "awsui_expanded_gwq0h_5ydn8_175",
-  "icon-container": "awsui_icon-container_gwq0h_5ydn8_179",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_5ydn8_184",
-  "wrapper": "awsui_wrapper_gwq0h_5ydn8_188",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_5ydn8_195",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_5ydn8_198",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_5ydn8_204",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_5ydn8_207",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_5ydn8_224",
-  "header": "awsui_header_gwq0h_5ydn8_228",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_5ydn8_231",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_5ydn8_231",
-  "header-button": "awsui_header-button_gwq0h_5ydn8_241",
-  "header-container-button": "awsui_header-container-button_gwq0h_5ydn8_245",
-  "header-container": "awsui_header-container_gwq0h_5ydn8_245",
-  "header-navigation": "awsui_header-navigation_gwq0h_5ydn8_269",
-  "content": "awsui_content_gwq0h_5ydn8_97",
-  "content-default": "awsui_content-default_gwq0h_5ydn8_305",
-  "content-footer": "awsui_content-footer_gwq0h_5ydn8_308",
-  "content-expanded": "awsui_content-expanded_gwq0h_5ydn8_311",
-  "focusable": "awsui_focusable_gwq0h_5ydn8_315",
-  "click-target": "awsui_click-target_gwq0h_5ydn8_326",
-  "description-default": "awsui_description-default_gwq0h_5ydn8_333"
+  "content-enter": "awsui_content-enter_gwq0h_10oc0_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_10oc0_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_10oc0_119",
+  "icon": "awsui_icon_gwq0h_10oc0_133",
+  "root": "awsui_root_gwq0h_10oc0_151",
+  "expand-button": "awsui_expand-button_gwq0h_10oc0_168",
+  "expanded": "awsui_expanded_gwq0h_10oc0_175",
+  "icon-container": "awsui_icon-container_gwq0h_10oc0_179",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_10oc0_184",
+  "wrapper": "awsui_wrapper_gwq0h_10oc0_188",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_10oc0_195",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_10oc0_198",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_10oc0_204",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_10oc0_207",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_10oc0_224",
+  "header": "awsui_header_gwq0h_10oc0_228",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_10oc0_231",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_10oc0_231",
+  "header-button": "awsui_header-button_gwq0h_10oc0_241",
+  "header-container-button": "awsui_header-container-button_gwq0h_10oc0_245",
+  "header-container": "awsui_header-container_gwq0h_10oc0_245",
+  "header-navigation": "awsui_header-navigation_gwq0h_10oc0_269",
+  "content": "awsui_content_gwq0h_10oc0_97",
+  "content-default": "awsui_content-default_gwq0h_10oc0_305",
+  "content-footer": "awsui_content-footer_gwq0h_10oc0_308",
+  "content-expanded": "awsui_content-expanded_gwq0h_10oc0_311",
+  "focusable": "awsui_focusable_gwq0h_10oc0_315",
+  "click-target": "awsui_click-target_gwq0h_10oc0_326",
+  "description-default": "awsui_description-default_gwq0h_10oc0_333",
+  "description-footer": "awsui_description-footer_gwq0h_10oc0_334",
+  "description-container": "awsui_description-container_gwq0h_10oc0_338"
 };
   

package/lib/internal/template/expandable-section/utils.js

@@ -1,4 +1,4 @@
 export function variantSupportsDescription(variant) {
-    return variant === 'container' || variant === 'default';
+    return variant === 'container' || variant === 'default' || variant === 'footer';
 }
 //# sourceMappingURL=utils.js.map

package/lib/internal/template/expandable-section/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["expandable-section/utils.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,0BAA0B,CAAC,OAAuC;IAChF,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,CAAC;AAC1D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ExpandableSectionProps } from './interfaces';\n\nexport function variantSupportsDescription(variant: ExpandableSectionProps.Variant) {\n  return variant === 'container' || variant === 'default';\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["expandable-section/utils.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,0BAA0B,CAAC,OAAuC;IAChF,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,CAAC;AAClF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ExpandableSectionProps } from './interfaces';\n\nexport function variantSupportsDescription(variant: ExpandableSectionProps.Variant) {\n  return variant === 'container' || variant === 'default' || variant === 'footer';\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (c511e1c)';
+    export var PACKAGE_VERSION = '3.0.0 (f9029ce)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

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

@@ -0,0 +1,15 @@
+import { DrawerConfig, DrawersRegistrationListener } from './drawers-controller';
+interface AwsuiPluginApiPublic {
+    appLayout: {
+        registerDrawer(config: DrawerConfig): void;
+    };
+}
+interface AwsuiPluginApiInternal {
+    appLayout: {
+        clearRegisteredDrawers(): void;
+        onDrawersRegistered(listener: DrawersRegistrationListener): () => void;
+    };
+}
+export declare const awsuiPlugins: AwsuiPluginApiPublic, awsuiPluginsInternal: AwsuiPluginApiInternal;
+export {};
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAIpG,UAAU,oBAAoB;IAC5B,SAAS,EAAE;QACT,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;KAC5C,CAAC;CACH;AACD,UAAU,sBAAsB;IAC9B,SAAS,EAAE;QACT,sBAAsB,IAAI,IAAI,CAAC;QAC/B,mBAAmB,CAAC,QAAQ,EAAE,2BAA2B,GAAG,MAAM,IAAI,CAAC;KACxE,CAAC;CACH;AA0CD,eAAO,MAAQ,YAAY,wBAAE,oBAAoB,wBAAc,CAAC"}

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

@@ -0,0 +1,50 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { DrawersController } from './drawers-controller';
+const storageKey = Symbol.for('awsui-plugin-api');
+function findUpApi(currentWindow) {
+    try {
+        if (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow[storageKey]) {
+            return currentWindow[storageKey];
+        }
+        if (!currentWindow || currentWindow.parent === currentWindow) {
+            // When the window has no more parents, it references itself
+            return undefined;
+        }
+        return findUpApi(currentWindow.parent);
+    }
+    catch (ex) {
+        // Most likely a cross-origin access error
+        return undefined;
+    }
+}
+function loadApi() {
+    if (typeof window === 'undefined') {
+        return createApi();
+    }
+    const win = window;
+    const api = findUpApi(win);
+    if (api) {
+        return api;
+    }
+    win[storageKey] = createApi();
+    return win[storageKey];
+}
+export const { awsuiPlugins, awsuiPluginsInternal } = loadApi();
+function createApi() {
+    const drawers = new DrawersController();
+    return {
+        awsuiPlugins: {
+            appLayout: {
+                registerDrawer: drawers.registerDrawer,
+            },
+        },
+        awsuiPluginsInternal: {
+            appLayout: {
+                clearRegisteredDrawers: drawers.clearRegisteredDrawers,
+                onDrawersRegistered: drawers.onDrawersRegistered,
+            },
+        },
+    };
+}
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"lib/default/","sources":["internal/plugins/api.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAgB,iBAAiB,EAA+B,MAAM,sBAAsB,CAAC;AAEpG,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAuBlD,SAAS,SAAS,CAAC,aAA4B;IAC7C,IAAI;QACF,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,UAAU,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;SAClC;QAED,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,aAAa,EAAE;YAC5D,4DAA4D;YAC5D,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,aAAa,CAAC,MAAuB,CAAC,CAAC;KACzD;IAAC,OAAO,EAAE,EAAE;QACX,0CAA0C;QAC1C,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,SAAS,OAAO;IACd,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,SAAS,EAAE,CAAC;KACpB;IACD,MAAM,GAAG,GAAG,MAAkC,CAAC;IAC/C,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,GAAG,EAAE;QACP,OAAO,GAAG,CAAC;KACZ;IACD,GAAG,CAAC,UAAU,CAAC,GAAG,SAAS,EAAE,CAAC;IAC9B,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAG,OAAO,EAAE,CAAC;AAEhE,SAAS,SAAS;IAChB,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAE,CAAC;IAExC,OAAO;QACL,YAAY,EAAE;YACZ,SAAS,EAAE;gBACT,cAAc,EAAE,OAAO,CAAC,cAAc;aACvC;SACF;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE;gBACT,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;gBACtD,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;aACjD;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawerConfig, DrawersController, DrawersRegistrationListener } from './drawers-controller';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiPluginApiPublic {\n  appLayout: {\n    registerDrawer(config: DrawerConfig): void;\n  };\n}\ninterface AwsuiPluginApiInternal {\n  appLayout: {\n    clearRegisteredDrawers(): void;\n    onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n  };\n}\n\ninterface AwsuiApi {\n  awsuiPlugins: AwsuiPluginApiPublic;\n  awsuiPluginsInternal: AwsuiPluginApiInternal;\n}\n\ninterface WindowWithApi extends Window {\n  [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n  try {\n    if (currentWindow?.[storageKey]) {\n      return currentWindow[storageKey];\n    }\n\n    if (!currentWindow || currentWindow.parent === currentWindow) {\n      // When the window has no more parents, it references itself\n      return undefined;\n    }\n\n    return findUpApi(currentWindow.parent as WindowWithApi);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n}\n\nfunction loadApi() {\n  if (typeof window === 'undefined') {\n    return createApi();\n  }\n  const win = window as unknown as WindowWithApi;\n  const api = findUpApi(win);\n  if (api) {\n    return api;\n  }\n  win[storageKey] = createApi();\n  return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\nfunction createApi(): AwsuiApi {\n  const drawers = new DrawersController();\n\n  return {\n    awsuiPlugins: {\n      appLayout: {\n        registerDrawer: drawers.registerDrawer,\n      },\n    },\n    awsuiPluginsInternal: {\n      appLayout: {\n        clearRegisteredDrawers: drawers.clearRegisteredDrawers,\n        onDrawersRegistered: drawers.onDrawersRegistered,\n      },\n    },\n  };\n}\n"]}

package/lib/internal/template/internal/plugins/drawers-controller.d.ts

@@ -0,0 +1,17 @@
+import { DrawerItem } from '../../app-layout/drawer/interfaces';
+export type DrawerConfig = Omit<DrawerItem, 'content'> & {
+    orderPriority?: number;
+    mountContent: (container: HTMLElement) => void;
+    unmountContent: (container: HTMLElement) => void;
+};
+export type DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;
+export declare class DrawersController {
+    private drawers;
+    private drawersRegistrationListener;
+    private updateTimeout;
+    private scheduleUpdate;
+    registerDrawer: (config: DrawerConfig) => void;
+    onDrawersRegistered: (listener: DrawersRegistrationListener) => () => void;
+    clearRegisteredDrawers: () => void;
+}
+//# sourceMappingURL=drawers-controller.d.ts.map

package/lib/internal/template/internal/plugins/drawers-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawers-controller.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/drawers-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;AAEjF,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,2BAA2B,CAA4C;IAC/E,OAAO,CAAC,aAAa,CAA8C;IAEnE,OAAO,CAAC,cAAc;IAStB,cAAc,WAAY,YAAY,UAGpC;IAEF,mBAAmB,aAAc,2BAA2B,gBAS1D;IAEF,sBAAsB,aAEpB;CACH"}

package/lib/internal/template/internal/plugins/drawers-controller.js

@@ -0,0 +1,34 @@
+export class DrawersController {
+    constructor() {
+        this.drawers = [];
+        this.drawersRegistrationListener = null;
+        this.updateTimeout = null;
+        this.registerDrawer = (config) => {
+            this.drawers = this.drawers.concat(config);
+            this.scheduleUpdate();
+        };
+        this.onDrawersRegistered = (listener) => {
+            if (this.drawersRegistrationListener !== null) {
+                console.warn('[AwsUi] [runtime plugins] multiple app layout instances detected');
+            }
+            this.drawersRegistrationListener = listener;
+            this.scheduleUpdate();
+            return () => {
+                this.drawersRegistrationListener = null;
+            };
+        };
+        this.clearRegisteredDrawers = () => {
+            this.drawers = [];
+        };
+    }
+    scheduleUpdate() {
+        if (this.updateTimeout) {
+            clearTimeout(this.updateTimeout);
+        }
+        this.updateTimeout = setTimeout(() => {
+            var _a;
+            (_a = this.drawersRegistrationListener) === null || _a === void 0 ? void 0 : _a.call(this, this.drawers);
+        });
+    }
+}
+//# sourceMappingURL=drawers-controller.js.map

package/lib/internal/template/internal/plugins/drawers-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawers-controller.js","sourceRoot":"lib/default/","sources":["internal/plugins/drawers-controller.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,iBAAiB;IAA9B;QACU,YAAO,GAAwB,EAAE,CAAC;QAClC,gCAA2B,GAAuC,IAAI,CAAC;QACvE,kBAAa,GAAyC,IAAI,CAAC;QAWnE,mBAAc,GAAG,CAAC,MAAoB,EAAE,EAAE;YACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,wBAAmB,GAAG,CAAC,QAAqC,EAAE,EAAE;YAC9D,IAAI,IAAI,CAAC,2BAA2B,KAAK,IAAI,EAAE;gBAC7C,OAAO,CAAC,IAAI,CAAC,kEAAkE,CAAC,CAAC;aAClF;YACD,IAAI,CAAC,2BAA2B,GAAG,QAAQ,CAAC;YAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;YAC1C,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,2BAAsB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;IA5BS,cAAc;QACpB,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SAClC;QACD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;;YACnC,MAAA,IAAI,CAAC,2BAA2B,qDAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;CAqBF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawerItem } from '../../app-layout/drawer/interfaces';\n\nexport type DrawerConfig = Omit<DrawerItem, 'content'> & {\n  orderPriority?: number;\n  mountContent: (container: HTMLElement) => void;\n  unmountContent: (container: HTMLElement) => void;\n};\nexport type DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;\n\nexport class DrawersController {\n  private drawers: Array<DrawerConfig> = [];\n  private drawersRegistrationListener: DrawersRegistrationListener | null = null;\n  private updateTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  private scheduleUpdate() {\n    if (this.updateTimeout) {\n      clearTimeout(this.updateTimeout);\n    }\n    this.updateTimeout = setTimeout(() => {\n      this.drawersRegistrationListener?.(this.drawers);\n    });\n  }\n\n  registerDrawer = (config: DrawerConfig) => {\n    this.drawers = this.drawers.concat(config);\n    this.scheduleUpdate();\n  };\n\n  onDrawersRegistered = (listener: DrawersRegistrationListener) => {\n    if (this.drawersRegistrationListener !== null) {\n      console.warn('[AwsUi] [runtime plugins] multiple app layout instances detected');\n    }\n    this.drawersRegistrationListener = listener;\n    this.scheduleUpdate();\n    return () => {\n      this.drawersRegistrationListener = null;\n    };\n  };\n\n  clearRegisteredDrawers = () => {\n    this.drawers = [];\n  };\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { awsuiPlugins as default } from './api';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export { awsuiPlugins as default } from './api';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/plugins/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { awsuiPlugins as default } from './api';\n"]}