npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.130 → 3.0.131 - Mend

@cloudscape-design/components-themeable 3.0.130 → 3.0.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/lib/internal/template/annotation-context/annotation/styles.scoped.css CHANGED Viewed

@@ -90,11 +90,11 @@ 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_arrow_1hpp3_1nzqd_93:not(#\9) {
+.awsui_arrow_1hpp3_1s9s9_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9), .awsui_arrow-inner_1hpp3_1nzqd_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9), .awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
   background-color: var(--color-border-status-info-0iedcr, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1nzqd_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-yq3r41, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1nzqd_128 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1nzqd_128 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1s9s9_128 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1s9s9_128 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1nzqd_131 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1nzqd_131 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1s9s9_131 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1s9s9_131 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1nzqd_134 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1nzqd_134 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1s9s9_134 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1s9s9_134 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1nzqd_137 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1nzqd_137 > .awsui_arrow-outer_1hpp3_1nzqd_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1s9s9_137 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1s9s9_137 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_1nzqd_145:not(#\9),
-.awsui_next-button_1hpp3_1nzqd_146:not(#\9),
-.awsui_previous-button_1hpp3_1nzqd_147:not(#\9),
-.awsui_finish-button_1hpp3_1nzqd_148:not(#\9),
-.awsui_header_1hpp3_1nzqd_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1nzqd_150:not(#\9),
-.awsui_content_1hpp3_1nzqd_151:not(#\9) {
+.awsui_annotation_1hpp3_1s9s9_145:not(#\9),
+.awsui_next-button_1hpp3_1s9s9_146:not(#\9),
+.awsui_previous-button_1hpp3_1s9s9_147:not(#\9),
+.awsui_finish-button_1hpp3_1s9s9_148:not(#\9),
+.awsui_header_1hpp3_1s9s9_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1s9s9_150:not(#\9),
+.awsui_content_1hpp3_1s9s9_151:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1nzqd_155:not(#\9) {
+.awsui_description_1hpp3_1s9s9_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_actionBar_1hpp3_1nzqd_160:not(#\9) {
+.awsui_actionBar_1hpp3_1s9s9_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1nzqd_167:not(#\9) {
+.awsui_stepCounter_1hpp3_1s9s9_167:not(#\9) {
   margin-right: 20px;
 }
-.awsui_divider_1hpp3_1nzqd_171:not(#\9) {
+.awsui_divider_1hpp3_1s9s9_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_hotspot_1hpp3_1nzqd_175:not(#\9) {
+.awsui_hotspot_1hpp3_1s9s9_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -211,21 +211,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: none;
   padding: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-f9jj7p, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-5mks97, 40px 0 0 0);
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1nzqd_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):focus {
   outline: none;
 }
-.awsui_hotspot_1hpp3_1nzqd_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_hotspot_1hpp3_1nzqd_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_hotspot_1hpp3_1nzqd_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -236,13 +236,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-circular-focus-ring-l88ib6, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_hotspot_1hpp3_1nzqd_175 > .awsui_icon_1hpp3_1nzqd_213:not(#\9) {
+.awsui_hotspot_1hpp3_1s9s9_175 > .awsui_icon_1hpp3_1s9s9_213:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }
-.awsui_hotspot_1hpp3_1nzqd_175:not(#\9):hover > .awsui_icon_1hpp3_1nzqd_213 {
+.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):hover > .awsui_icon_1hpp3_1s9s9_213 {
   stroke: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_hotspot_1hpp3_1nzqd_175:not(#\9):active > .awsui_icon_1hpp3_1nzqd_213 {
+.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):active > .awsui_icon_1hpp3_1s9s9_213 {
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js CHANGED Viewed

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1nzqd_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1nzqd_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1nzqd_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1nzqd_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1nzqd_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1nzqd_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1nzqd_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1nzqd_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1nzqd_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1nzqd_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1nzqd_137",
-  "annotation": "awsui_annotation_1hpp3_1nzqd_145",
-  "next-button": "awsui_next-button_1hpp3_1nzqd_146",
-  "previous-button": "awsui_previous-button_1hpp3_1nzqd_147",
-  "finish-button": "awsui_finish-button_1hpp3_1nzqd_148",
-  "header": "awsui_header_1hpp3_1nzqd_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1nzqd_150",
-  "content": "awsui_content_1hpp3_1nzqd_151",
-  "description": "awsui_description_1hpp3_1nzqd_155",
-  "actionBar": "awsui_actionBar_1hpp3_1nzqd_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1nzqd_167",
-  "divider": "awsui_divider_1hpp3_1nzqd_171",
-  "hotspot": "awsui_hotspot_1hpp3_1nzqd_175",
-  "icon": "awsui_icon_1hpp3_1nzqd_213"
+  "arrow": "awsui_arrow_1hpp3_1s9s9_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1s9s9_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1s9s9_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1s9s9_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1s9s9_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1s9s9_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1s9s9_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1s9s9_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1s9s9_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1s9s9_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1s9s9_137",
+  "annotation": "awsui_annotation_1hpp3_1s9s9_145",
+  "next-button": "awsui_next-button_1hpp3_1s9s9_146",
+  "previous-button": "awsui_previous-button_1hpp3_1s9s9_147",
+  "finish-button": "awsui_finish-button_1hpp3_1s9s9_148",
+  "header": "awsui_header_1hpp3_1s9s9_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1s9s9_150",
+  "content": "awsui_content_1hpp3_1s9s9_151",
+  "description": "awsui_description_1hpp3_1s9s9_155",
+  "actionBar": "awsui_actionBar_1hpp3_1s9s9_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1s9s9_167",
+  "divider": "awsui_divider_1hpp3_1s9s9_171",
+  "hotspot": "awsui_hotspot_1hpp3_1s9s9_175",
+  "icon": "awsui_icon_1hpp3_1s9s9_213"
 };

package/lib/internal/template/annotation-context/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,wBAAgB,WAAW,CAAC,WAAW,EAAE,SAAS,sBAAsB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;EAa7F;AAKD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,~~CAsOtC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,wBAAgB,WAAW,CAAC,WAAW,EAAE,SAAS,sBAAsB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;EAa7F;AAKD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA0OtC"}

package/lib/internal/template/annotation-context/index.js CHANGED Viewed

@@ -124,7 +124,8 @@ export default function AnnotationContext(_a) {
             return null;
         }
         if (!task || !step || !open || id !== currentId) {
-            return (React.createElement(ClosedAnnotation, { globalStepIndex: globalStepIndex, i18nStrings: i18nStrings, onOpen: onOpen, focusOnRender: id === currentId }));
+            var _a = getStepInfo(annotations, globalStepIndex), currentTask = _a.task, currentStepIndex_1 = _a.localIndex;
+            return (React.createElement(ClosedAnnotation, { globalStepIndex: globalStepIndex, i18nStrings: i18nStrings, onOpen: onOpen, focusOnRender: id === currentId, totalLocalSteps: currentTask ? currentTask.steps.length : 0, taskLocalStepIndex: currentStepIndex_1 }));
         }
         return (React.createElement(OpenAnnotation, { i18nStrings: i18nStrings, direction: direction, title: i18nStrings.taskTitle(taskIndex, task.title), content: step.content, alert: step.warningAlert, showPreviousButton: currentStepIndex !== 0, showFinishButton: currentStepIndex + 1 === totalStepCount, taskLocalStepIndex: localIndex, totalLocalSteps: task.steps.length, nextButtonEnabled: nextHotspotIsAvailable, onNextButtonClick: openNextStep, onFinish: onFinish, previousButtonEnabled: previousHotspotIsAvailable, onPreviousButtonClick: openPreviousStep, onDismiss: onDismiss }));
     }, [
@@ -146,6 +147,7 @@ export default function AnnotationContext(_a) {
         openPreviousStep,
         onDismiss,
         onOpen,
+        annotations,
     ]);
     var registerHotspot = useCallback(function (id) {
         var _a;

package/lib/internal/template/annotation-context/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/annotation-context/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { OpenAnnotation } from './annotation/open-annotation';\nimport { ClosedAnnotation } from './annotation/closed-annotation';\nimport { AnnotationContextProps } from './interfaces';\nimport { HotspotContext, hotspotContext } from './context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { HotspotProps } from '../hotspot/interfaces';\nimport { useTelemetry } from '../internal/hooks/use-telemetry';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\n\nexport { AnnotationContextProps };\n\nexport function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number) {\n if (index >= 0) {\n let taskIndex = 0;\n for (const task of annotations) {\n if (task.steps.length <= index) {\n index -= task.steps.length;\n taskIndex++;\n continue;\n }\n return { task, step: task.steps[index], localIndex: index, taskIndex };\n }\n }\n return { task: undefined, step: undefined, localIndex: 0, taskIndex: 0 };\n}\n\n// constant empty array to keep hook dependency stable\nconst emptyTasks: ReadonlyArray<AnnotationContextProps.Task> = [];\n\nexport default function AnnotationContext({\n currentTutorial,\n children,\n onStepChange,\n onFinish: onFinishHandler,\n onStartTutorial,\n onExitTutorial,\n i18nStrings,\n}: AnnotationContextProps): JSX.Element {\n useTelemetry('AnnotationContext');\n\n const [open, setOpen] = useState(true);\n\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n useEffect(() => {\n // When a tutorial is started, we reset the progress to the first step.\n setCurrentStepIndex(0);\n setOpen(true);\n }, [currentTutorial, setOpen]);\n\n const [availableHotspots, setAvailableHotspots] = useState<Record<string, true \| undefined>>({});\n // availableHotspots is mirrored in this ref to prevent endless loops\n // in between registerHotspot and unregisterHotspot callbacks.\n const availableHotspotsRef = useRef<Record<string, true \| undefined>>(availableHotspots);\n\n const annotations = currentTutorial ? currentTutorial.tasks : emptyTasks;\n const { task, step, localIndex, taskIndex } = getStepInfo(annotations, currentStepIndex);\n const currentId = step?.hotspotId;\n const totalStepCount = annotations.map(a => a.steps.length).reduce((a, b) => a + b, 0);\n\n const id2index = useMemo(() => {\n const mapping: Record<string, number> = {};\n\n let counter = 0;\n for (const annotation of annotations) {\n for (const step of annotation.steps) {\n if (mapping[step.hotspotId] === undefined) {\n mapping[step.hotspotId] = counter;\n }\n counter++;\n }\n }\n\n return mapping;\n }, [annotations]);\n\n const openNextStep = useCallback(() => {\n const newStepIndex = Math.min(currentStepIndex + 1, totalStepCount);\n setCurrentStepIndex(newStepIndex);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'next' });\n }, [currentStepIndex, onStepChange, totalStepCount]);\n\n const openPreviousStep = useCallback(() => {\n const newStepIndex = Math.max(currentStepIndex - 1, 0);\n setCurrentStepIndex(newStepIndex);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'previous' });\n }, [onStepChange, currentStepIndex]);\n\n const onFinish = useCallback(() => fireNonCancelableEvent(onFinishHandler), [onFinishHandler]);\n\n /*\n If the currently open hotspot disappears from the page (e.g. because of a react-router navigation),\n * this Effect detects the nearest available hotspot and changes to it. This allows us to e.g. automatically\n * advance to the first step on the new page (or the last step on the previous page, in case the user\n * navigates back).\n /\n const isCurrentHotspotAvailable = currentId ? availableHotspots[currentId] : null;\n useEffect(() => {\n if (!currentId \|\| availableHotspotsRef.current[currentId]) {\n return;\n }\n\n const findNearestHotspot = () => {\n let nearestHotspot: string \| undefined = undefined;\n let nearestDistance = Infinity;\n for (const hotspotId of Object.keys(availableHotspotsRef.current)) {\n const distanceFromCurrentHotspot = Math.abs(id2index[hotspotId] - currentStepIndex);\n if (distanceFromCurrentHotspot < nearestDistance) {\n nearestDistance = distanceFromCurrentHotspot;\n nearestHotspot = hotspotId;\n }\n }\n return nearestHotspot;\n };\n\n const nearestHotspot = findNearestHotspot();\n if (nearestHotspot) {\n const newStepIndex = id2index[nearestHotspot];\n setCurrentStepIndex(newStepIndex);\n setOpen(true);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'auto-fallback' });\n }\n }, [annotations, isCurrentHotspotAvailable, currentId, currentStepIndex, id2index, onStepChange]);\n\n const onDismiss = useCallback(() => {\n setOpen(false);\n }, [setOpen]);\n\n const onOpen = useCallback(\n (stepIndex: number) => {\n setCurrentStepIndex(stepIndex);\n fireNonCancelableEvent(onStepChange, { step: stepIndex, reason: 'open' });\n setOpen(true);\n },\n [onStepChange, setOpen]\n );\n\n const idOfPreviousHotspot = getStepInfo(annotations, currentStepIndex - 1).step?.hotspotId;\n const idOfNextHotspot = getStepInfo(annotations, currentStepIndex + 1).step?.hotspotId;\n const previousHotspotIsAvailable =\n (idOfPreviousHotspot !== undefined && availableHotspots[idOfPreviousHotspot]) ?? false;\n const nextHotspotIsAvailable = (idOfNextHotspot !== undefined && availableHotspots[idOfNextHotspot]) ?? false;\n\n const getContentForId = useCallback(\n (id: string, direction: HotspotProps['direction']) => {\n if (currentTutorial?.completed) {\n return null;\n }\n\n const globalStepIndex = id2index[id];\n if (globalStepIndex === undefined) {\n // This hotspot is not used in the current tutorial.\n return null;\n }\n\n if (!task \|\| !step \|\| !open \|\| id !== currentId) {\n return (\n <ClosedAnnotation\n globalStepIndex={globalStepIndex}\n i18nStrings={i18nStrings}\n onOpen={onOpen}\n focusOnRender={id === currentId}\n />\n );\n }\n\n return (\n <OpenAnnotation\n i18nStrings={i18nStrings}\n direction={direction}\n title={i18nStrings.taskTitle(taskIndex, task.title)}\n content={step.content}\n alert={step.warningAlert}\n showPreviousButton={currentStepIndex !== 0}\n showFinishButton={currentStepIndex + 1 === totalStepCount}\n taskLocalStepIndex={localIndex}\n totalLocalSteps={task.steps.length}\n nextButtonEnabled={nextHotspotIsAvailable}\n onNextButtonClick={openNextStep}\n onFinish={onFinish}\n previousButtonEnabled={previousHotspotIsAvailable}\n onPreviousButtonClick={openPreviousStep}\n onDismiss={onDismiss}\n />\n );\n },\n [\n id2index,\n currentTutorial,\n task,\n step,\n open,\n currentId,\n currentStepIndex,\n i18nStrings,\n taskIndex,\n localIndex,\n totalStepCount,\n nextHotspotIsAvailable,\n openNextStep,\n onFinish,\n previousHotspotIsAvailable,\n openPreviousStep,\n onDismiss,\n onOpen,\n ]\n );\n\n const registerHotspot = useCallback(\n (id: string) => {\n if (!id2index \|\| id2index[id] === undefined) {\n // This hotspot is not used in the current tutorial.\n return;\n }\n\n /\n To ensure that all hotspots are immediately known to all triggered useEffects, we\n need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n they will be batched and delayed until after the useEffects are run.\n /\n availableHotspotsRef.current = { ...availableHotspotsRef.current, [id]: true } as const;\n\n setAvailableHotspots(availableHotspots => {\n if (availableHotspots[id]) {\n return availableHotspots;\n }\n\n return { ...availableHotspots, [id]: true } as const;\n });\n },\n // We need to react on id2index changes for registering new hotspots when the map changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [id2index]\n );\n\n const unregisterHotspot = useCallback((id: string) => {\n if (!availableHotspotsRef.current[id]) {\n // Prevents unnecessary re-renders.\n return;\n }\n\n /\n To ensure that all hotspots are immediately known to all triggered useEffects, we\n need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n they will be batched and delayed until after the useEffects are run.\n */\n availableHotspotsRef.current = removeKey(id, availableHotspotsRef.current);\n\n setAvailableHotspots(availableHotspots => {\n if (!availableHotspots[id]) {\n return availableHotspots;\n }\n\n return removeKey(id, availableHotspots);\n });\n }, []);\n\n const context: HotspotContext = {\n getContentForId,\n registerHotspot,\n unregisterHotspot,\n onStartTutorial,\n onExitTutorial,\n currentStepIndex,\n currentTutorial,\n };\n\n return <hotspotContext.Provider value={context}>{children}</hotspotContext.Provider>;\n}\n\napplyDisplayName(AnnotationContext, 'AnnotationContext');\n\nfunction removeKey<T extends Record<string, any>>(key: keyof T, object: T) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { [key]: _, ...remainingObject } = object;\n return remainingObject;\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/annotation-context/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { OpenAnnotation } from './annotation/open-annotation';\nimport { ClosedAnnotation } from './annotation/closed-annotation';\nimport { AnnotationContextProps } from './interfaces';\nimport { HotspotContext, hotspotContext } from './context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { HotspotProps } from '../hotspot/interfaces';\nimport { useTelemetry } from '../internal/hooks/use-telemetry';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\n\nexport { AnnotationContextProps };\n\nexport function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number) {\n if (index >= 0) {\n let taskIndex = 0;\n for (const task of annotations) {\n if (task.steps.length <= index) {\n index -= task.steps.length;\n taskIndex++;\n continue;\n }\n return { task, step: task.steps[index], localIndex: index, taskIndex };\n }\n }\n return { task: undefined, step: undefined, localIndex: 0, taskIndex: 0 };\n}\n\n// constant empty array to keep hook dependency stable\nconst emptyTasks: ReadonlyArray<AnnotationContextProps.Task> = [];\n\nexport default function AnnotationContext({\n currentTutorial,\n children,\n onStepChange,\n onFinish: onFinishHandler,\n onStartTutorial,\n onExitTutorial,\n i18nStrings,\n}: AnnotationContextProps): JSX.Element {\n useTelemetry('AnnotationContext');\n\n const [open, setOpen] = useState(true);\n\n const [currentStepIndex, setCurrentStepIndex] = useState(0);\n useEffect(() => {\n // When a tutorial is started, we reset the progress to the first step.\n setCurrentStepIndex(0);\n setOpen(true);\n }, [currentTutorial, setOpen]);\n\n const [availableHotspots, setAvailableHotspots] = useState<Record<string, true \| undefined>>({});\n // availableHotspots is mirrored in this ref to prevent endless loops\n // in between registerHotspot and unregisterHotspot callbacks.\n const availableHotspotsRef = useRef<Record<string, true \| undefined>>(availableHotspots);\n\n const annotations = currentTutorial ? currentTutorial.tasks : emptyTasks;\n const { task, step, localIndex, taskIndex } = getStepInfo(annotations, currentStepIndex);\n const currentId = step?.hotspotId;\n const totalStepCount = annotations.map(a => a.steps.length).reduce((a, b) => a + b, 0);\n\n const id2index = useMemo(() => {\n const mapping: Record<string, number> = {};\n\n let counter = 0;\n for (const annotation of annotations) {\n for (const step of annotation.steps) {\n if (mapping[step.hotspotId] === undefined) {\n mapping[step.hotspotId] = counter;\n }\n counter++;\n }\n }\n\n return mapping;\n }, [annotations]);\n\n const openNextStep = useCallback(() => {\n const newStepIndex = Math.min(currentStepIndex + 1, totalStepCount);\n setCurrentStepIndex(newStepIndex);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'next' });\n }, [currentStepIndex, onStepChange, totalStepCount]);\n\n const openPreviousStep = useCallback(() => {\n const newStepIndex = Math.max(currentStepIndex - 1, 0);\n setCurrentStepIndex(newStepIndex);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'previous' });\n }, [onStepChange, currentStepIndex]);\n\n const onFinish = useCallback(() => fireNonCancelableEvent(onFinishHandler), [onFinishHandler]);\n\n /*\n If the currently open hotspot disappears from the page (e.g. because of a react-router navigation),\n * this Effect detects the nearest available hotspot and changes to it. This allows us to e.g. automatically\n * advance to the first step on the new page (or the last step on the previous page, in case the user\n * navigates back).\n /\n const isCurrentHotspotAvailable = currentId ? availableHotspots[currentId] : null;\n useEffect(() => {\n if (!currentId \|\| availableHotspotsRef.current[currentId]) {\n return;\n }\n\n const findNearestHotspot = () => {\n let nearestHotspot: string \| undefined = undefined;\n let nearestDistance = Infinity;\n for (const hotspotId of Object.keys(availableHotspotsRef.current)) {\n const distanceFromCurrentHotspot = Math.abs(id2index[hotspotId] - currentStepIndex);\n if (distanceFromCurrentHotspot < nearestDistance) {\n nearestDistance = distanceFromCurrentHotspot;\n nearestHotspot = hotspotId;\n }\n }\n return nearestHotspot;\n };\n\n const nearestHotspot = findNearestHotspot();\n if (nearestHotspot) {\n const newStepIndex = id2index[nearestHotspot];\n setCurrentStepIndex(newStepIndex);\n setOpen(true);\n fireNonCancelableEvent(onStepChange, { step: newStepIndex, reason: 'auto-fallback' });\n }\n }, [annotations, isCurrentHotspotAvailable, currentId, currentStepIndex, id2index, onStepChange]);\n\n const onDismiss = useCallback(() => {\n setOpen(false);\n }, [setOpen]);\n\n const onOpen = useCallback(\n (stepIndex: number) => {\n setCurrentStepIndex(stepIndex);\n fireNonCancelableEvent(onStepChange, { step: stepIndex, reason: 'open' });\n setOpen(true);\n },\n [onStepChange, setOpen]\n );\n\n const idOfPreviousHotspot = getStepInfo(annotations, currentStepIndex - 1).step?.hotspotId;\n const idOfNextHotspot = getStepInfo(annotations, currentStepIndex + 1).step?.hotspotId;\n const previousHotspotIsAvailable =\n (idOfPreviousHotspot !== undefined && availableHotspots[idOfPreviousHotspot]) ?? false;\n const nextHotspotIsAvailable = (idOfNextHotspot !== undefined && availableHotspots[idOfNextHotspot]) ?? false;\n\n const getContentForId = useCallback(\n (id: string, direction: HotspotProps['direction']) => {\n if (currentTutorial?.completed) {\n return null;\n }\n\n const globalStepIndex = id2index[id];\n if (globalStepIndex === undefined) {\n // This hotspot is not used in the current tutorial.\n return null;\n }\n\n if (!task \|\| !step \|\| !open \|\| id !== currentId) {\n const { task: currentTask, localIndex: currentStepIndex } = getStepInfo(annotations, globalStepIndex);\n return (\n <ClosedAnnotation\n globalStepIndex={globalStepIndex}\n i18nStrings={i18nStrings}\n onOpen={onOpen}\n focusOnRender={id === currentId}\n totalLocalSteps={currentTask ? currentTask.steps.length : 0}\n taskLocalStepIndex={currentStepIndex}\n />\n );\n }\n\n return (\n <OpenAnnotation\n i18nStrings={i18nStrings}\n direction={direction}\n title={i18nStrings.taskTitle(taskIndex, task.title)}\n content={step.content}\n alert={step.warningAlert}\n showPreviousButton={currentStepIndex !== 0}\n showFinishButton={currentStepIndex + 1 === totalStepCount}\n taskLocalStepIndex={localIndex}\n totalLocalSteps={task.steps.length}\n nextButtonEnabled={nextHotspotIsAvailable}\n onNextButtonClick={openNextStep}\n onFinish={onFinish}\n previousButtonEnabled={previousHotspotIsAvailable}\n onPreviousButtonClick={openPreviousStep}\n onDismiss={onDismiss}\n />\n );\n },\n [\n id2index,\n currentTutorial,\n task,\n step,\n open,\n currentId,\n currentStepIndex,\n i18nStrings,\n taskIndex,\n localIndex,\n totalStepCount,\n nextHotspotIsAvailable,\n openNextStep,\n onFinish,\n previousHotspotIsAvailable,\n openPreviousStep,\n onDismiss,\n onOpen,\n annotations,\n ]\n );\n\n const registerHotspot = useCallback(\n (id: string) => {\n if (!id2index \|\| id2index[id] === undefined) {\n // This hotspot is not used in the current tutorial.\n return;\n }\n\n /\n To ensure that all hotspots are immediately known to all triggered useEffects, we\n need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n they will be batched and delayed until after the useEffects are run.\n /\n availableHotspotsRef.current = { ...availableHotspotsRef.current, [id]: true } as const;\n\n setAvailableHotspots(availableHotspots => {\n if (availableHotspots[id]) {\n return availableHotspots;\n }\n\n return { ...availableHotspots, [id]: true } as const;\n });\n },\n // We need to react on id2index changes for registering new hotspots when the map changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [id2index]\n );\n\n const unregisterHotspot = useCallback((id: string) => {\n if (!availableHotspotsRef.current[id]) {\n // Prevents unnecessary re-renders.\n return;\n }\n\n /\n To ensure that all hotspots are immediately known to all triggered useEffects, we\n need to update the availableHotspotsRef BEFORE the setAvailableHotspots calls, since\n they will be batched and delayed until after the useEffects are run.\n */\n availableHotspotsRef.current = removeKey(id, availableHotspotsRef.current);\n\n setAvailableHotspots(availableHotspots => {\n if (!availableHotspots[id]) {\n return availableHotspots;\n }\n\n return removeKey(id, availableHotspots);\n });\n }, []);\n\n const context: HotspotContext = {\n getContentForId,\n registerHotspot,\n unregisterHotspot,\n onStartTutorial,\n onExitTutorial,\n currentStepIndex,\n currentTutorial,\n };\n\n return <hotspotContext.Provider value={context}>{children}</hotspotContext.Provider>;\n}\n\napplyDisplayName(AnnotationContext, 'AnnotationContext');\n\nfunction removeKey<T extends Record<string, any>>(key: keyof T, object: T) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { [key]: _, ...remainingObject } = object;\n return remainingObject;\n}\n"]}

package/lib/internal/template/annotation-context/interfaces.d.ts CHANGED Viewed

@@ -58,7 +58,7 @@ export declare namespace AnnotationContextProps {
         previousButtonText: string;
         finishButtonText: string;
         labelDismissAnnotation: string;
-        labelHotspot: (openState: boolean) => string;
+        labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;
         stepCounterText: (stepIndex: number, totalStepCount: number) => string;
         taskTitle: (taskIndex: number, taskTitle: string) => string;
     }

package/lib/internal/template/annotation-context/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,eAAe,EAAE,sBAAsB,CAAC,QAAQ,GAAG,IAAI,CAAC;IAExD;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;IAElF;;OAEG;IACH,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAE9E;;OAEG;IACH,cAAc,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAE7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,WAAW,EAAE,sBAAsB,CAAC,WAAW,CAAC;CACjD;AAED,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;KACxD;IAED,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,OAAO,CAAC;KACf;IAED,KAAY,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAC3C,KAAY,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAC3C,KAAY,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAEnD,UAAiB,WAAW;QAC1B,cAAc,EAAE,MAAM,CAAC;QACvB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QAEzB,sBAAsB,EAAE,MAAM,CAAC;QAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC;~~QAE7C~~,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;QACvE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;KAC7D;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/annotation-context/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,eAAe,EAAE,sBAAsB,CAAC,QAAQ,GAAG,IAAI,CAAC;IAExD;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;IAElF;;OAEG;IACH,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAE9E;;OAEG;IACH,cAAc,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAE7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,WAAW,EAAE,sBAAsB,CAAC,WAAW,CAAC;CACjD;AAED,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;KACxD;IAED,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,OAAO,CAAC;KACf;IAED,KAAY,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAC3C,KAAY,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAC3C,KAAY,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAEnD,UAAiB,WAAW;QAC1B,cAAc,EAAE,MAAM,CAAC;QACvB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QAEzB,sBAAsB,EAAE,MAAM,CAAC;QAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;QAExF,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;QACvE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;KAC7D;CACF"}

package/lib/internal/template/annotation-context/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/annotation-context/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { TutorialPanelProps } from '../tutorial-panel/interfaces';\n\nexport interface AnnotationContextProps {\n /*\n The currently launched tutorial. This should be the object received\n * in the `detail` property of the `onStartTutorial` event.\n /\n currentTutorial: AnnotationContextProps.Tutorial \| null;\n\n /\n This event is fired when a user clicks the \"Next\" or \"Previous\"\n * button on a popover, when the user clicks on a closed hotspot icon,\n * or when the AnnotationOverlay determines that the current hotspot\n * has disappeared from the page and a different one should be\n * selected (e.g. when navigating between pages).\n \n Use the `reason` property of the event detail to determine why\n * this event was fired.\n /\n onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;\n\n /\n Fired when the user selects a tutorial from the list.\n /\n onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;\n\n /\n Fired when the user exits the current tutorial.\n /\n onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;\n\n /\n Fired when the user clicks the \"Finish\" button on the last step of\n * the tutorial.\n /\n onFinish?: NonCancelableEventHandler<void>;\n\n /\n Put all page content inside this component's children. This component\n * will provide a context which is used by the Hotspot elements throughout\n * the page.\n /\n children: React.ReactNode;\n\n /\n An object containing all the necessary localized strings required by\n * the component.\n */\n i18nStrings: AnnotationContextProps.I18nStrings;\n}\n\nexport namespace AnnotationContextProps {\n export interface StepChangeDetail {\n step: number;\n reason: 'next' \| 'previous' \| 'open' \| 'auto-fallback';\n }\n\n export interface OpenChangeDetail {\n open: boolean;\n }\n\n export type Task = TutorialPanelProps.Task;\n export type Step = TutorialPanelProps.Step;\n export type Tutorial = TutorialPanelProps.Tutorial;\n\n export interface I18nStrings {\n nextButtonText: string;\n previousButtonText: string;\n finishButtonText: string;\n\n labelDismissAnnotation: string;\n labelHotspot: (openState: boolean) => string;\n\n stepCounterText: (stepIndex: number, totalStepCount: number) => string;\n taskTitle: (taskIndex: number, taskTitle: string) => string;\n }\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/annotation-context/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { TutorialPanelProps } from '../tutorial-panel/interfaces';\n\nexport interface AnnotationContextProps {\n /*\n The currently launched tutorial. This should be the object received\n * in the `detail` property of the `onStartTutorial` event.\n /\n currentTutorial: AnnotationContextProps.Tutorial \| null;\n\n /\n This event is fired when a user clicks the \"Next\" or \"Previous\"\n * button on a popover, when the user clicks on a closed hotspot icon,\n * or when the AnnotationOverlay determines that the current hotspot\n * has disappeared from the page and a different one should be\n * selected (e.g. when navigating between pages).\n \n Use the `reason` property of the event detail to determine why\n * this event was fired.\n /\n onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;\n\n /\n Fired when the user selects a tutorial from the list.\n /\n onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;\n\n /\n Fired when the user exits the current tutorial.\n /\n onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;\n\n /\n Fired when the user clicks the \"Finish\" button on the last step of\n * the tutorial.\n /\n onFinish?: NonCancelableEventHandler<void>;\n\n /\n Put all page content inside this component's children. This component\n * will provide a context which is used by the Hotspot elements throughout\n * the page.\n /\n children: React.ReactNode;\n\n /\n An object containing all the necessary localized strings required by\n * the component.\n */\n i18nStrings: AnnotationContextProps.I18nStrings;\n}\n\nexport namespace AnnotationContextProps {\n export interface StepChangeDetail {\n step: number;\n reason: 'next' \| 'previous' \| 'open' \| 'auto-fallback';\n }\n\n export interface OpenChangeDetail {\n open: boolean;\n }\n\n export type Task = TutorialPanelProps.Task;\n export type Step = TutorialPanelProps.Step;\n export type Tutorial = TutorialPanelProps.Tutorial;\n\n export interface I18nStrings {\n nextButtonText: string;\n previousButtonText: string;\n finishButtonText: string;\n\n labelDismissAnnotation: string;\n labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;\n\n stepCounterText: (stepIndex: number, totalStepCount: number) => string;\n taskTitle: (taskIndex: number, taskTitle: string) => string;\n }\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh/main.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.tsx"],"names":[],"mappings":"~~AASA~~,MAAM,CAAC,OAAO,UAAU,IAAI,~~gBA4C3B~~"}
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,IAAI,gBAqD3B"}

package/lib/internal/template/app-layout/visual-refresh/main.js CHANGED Viewed

@@ -3,24 +3,29 @@
 import React, { useContext } from 'react';
 import clsx from 'clsx';
 import { AppLayoutContext } from './context';
+import customCssProps from '../../internal/generated/custom-css-properties';
 import { SplitPanelContext } from '../../internal/context/split-panel-context';
 import styles from './styles.css.js';
 import testutilStyles from '../test-classes/styles.css.js';
 export default function Main() {
-    var _a;
-    var _b = useContext(AppLayoutContext), breadcrumbs = _b.breadcrumbs, content = _b.content, contentHeader = _b.contentHeader, contentType = _b.contentType, disableContentPaddings = _b.disableContentPaddings, dynamicOverlapHeight = _b.dynamicOverlapHeight, hasNotificationsContent = _b.hasNotificationsContent, isNavigationOpen = _b.isNavigationOpen, isSplitPanelOpen = _b.isSplitPanelOpen, isToolsOpen = _b.isToolsOpen, isMobile = _b.isMobile, isAnyPanelOpen = _b.isAnyPanelOpen, mainElement = _b.mainElement;
+    var _a, _b;
+    var _c = useContext(AppLayoutContext), breadcrumbs = _c.breadcrumbs, content = _c.content, contentHeader = _c.contentHeader, contentType = _c.contentType, disableContentPaddings = _c.disableContentPaddings, dynamicOverlapHeight = _c.dynamicOverlapHeight, hasNotificationsContent = _c.hasNotificationsContent, isNavigationOpen = _c.isNavigationOpen, isSplitPanelOpen = _c.isSplitPanelOpen, isToolsOpen = _c.isToolsOpen, isMobile = _c.isMobile, isAnyPanelOpen = _c.isAnyPanelOpen, mainElement = _c.mainElement, splitPanel = _c.splitPanel, offsetBottom = _c.offsetBottom, footerHeight = _c.footerHeight;
     var splitPanelPosition = useContext(SplitPanelContext).position;
     var isUnfocusable = isMobile && isAnyPanelOpen;
+    var splitPanelHeight = offsetBottom - footerHeight;
     return (React.createElement("div", { className: clsx(styles.container, styles["content-type-".concat(contentType)], styles["split-panel-position-".concat(splitPanelPosition !== null && splitPanelPosition !== void 0 ? splitPanelPosition : 'bottom')], (_a = {},
             _a[styles['disable-content-paddings']] = disableContentPaddings,
             _a[styles['has-breadcrumbs']] = breadcrumbs,
             _a[styles['has-dynamic-overlap-height']] = dynamicOverlapHeight > 0,
             _a[styles['has-header']] = contentHeader,
             _a[styles['has-notifications-content']] = hasNotificationsContent,
+            _a[styles['has-split-panel']] = splitPanel,
             _a[styles['is-navigation-open']] = isNavigationOpen,
             _a[styles['is-tools-open']] = isToolsOpen,
             _a[styles['is-split-panel-open']] = isSplitPanelOpen,
             _a[styles.unfocusable] = isUnfocusable,
-            _a), testutilStyles.content), ref: mainElement }, content));
+            _a), testutilStyles.content), ref: mainElement, style: (_b = {},
+            _b[customCssProps.splitPanelHeight] = "".concat(splitPanelHeight, "px"),
+            _b) }, content));
 }
 //# sourceMappingURL=main.js.map

package/lib/internal/template/app-layout/visual-refresh/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,IAAI;;IACpB,IAAA,~~KAcF~~,UAAU,CAAC,gBAAgB,CAAC,~~EAb9B~~,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,sBAAsB,4BAAA,EACtB,oBAAoB,0BAAA,EACpB,uBAAuB,6BAAA,EACvB,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,~~iBACmB~~,CAAC;IAEzB,IAAU,kBAAkB,GAAK,UAAU,CAAC,iBAAiB,CAAC,SAAlC,CAAmC;~~IACvE~~,IAAM,aAAa,GAAG,QAAQ,IAAI,cAAc,CAAC;~~IAEjD~~,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,uBAAgB,WAAW,CAAE,CAAC,EACrC,MAAM,CAAC,+BAAwB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,QAAQ,CAAE,CAAC;YAE9D,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,sBAAsB;YAC5D,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,oBAAoB,GAAG,CAAC;YAChE,GAAC,MAAM,CAAC,YAAY,CAAC,IAAG,aAAa;YACrC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,gBAAgB;YAChD,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,WAAW;YACtC,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,gBAAgB;YACjD,GAAC,MAAM,CAAC,WAAW,IAAG,aAAa;iBAErC,cAAc,CAAC,OAAO,CACvB,EACD,GAAG,EAAE,WAAW,~~IAEf~~,OAAO,CACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext } from 'react';\nimport clsx from 'clsx';\nimport { AppLayoutContext } from './context';\nimport { SplitPanelContext } from '../../internal/context/split-panel-context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nexport default function Main() {\n const {\n breadcrumbs,\n content,\n contentHeader,\n contentType,\n disableContentPaddings,\n dynamicOverlapHeight,\n hasNotificationsContent,\n isNavigationOpen,\n isSplitPanelOpen,\n isToolsOpen,\n isMobile,\n isAnyPanelOpen,\n mainElement,\n } = useContext(AppLayoutContext);\n\n const { position: splitPanelPosition } = useContext(SplitPanelContext);\n const isUnfocusable = isMobile && isAnyPanelOpen;\n\n return (\n <div\n className={clsx(\n styles.container,\n styles[`content-type-${contentType}`],\n styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n {\n [styles['disable-content-paddings']]: disableContentPaddings,\n [styles['has-breadcrumbs']]: breadcrumbs,\n [styles['has-dynamic-overlap-height']]: dynamicOverlapHeight > 0,\n [styles['has-header']]: contentHeader,\n [styles['has-notifications-content']]: hasNotificationsContent,\n [styles['is-navigation-open']]: isNavigationOpen,\n [styles['is-tools-open']]: isToolsOpen,\n [styles['is-split-panel-open']]: isSplitPanelOpen,\n [styles.unfocusable]: isUnfocusable,\n },\n testutilStyles.content\n )}\n ref={mainElement}\n >\n {content}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/main.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,cAAc,MAAM,gDAAgD,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,IAAI;;IACpB,IAAA,KAiBF,UAAU,CAAC,gBAAgB,CAAC,EAhB9B,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,sBAAsB,4BAAA,EACtB,oBAAoB,0BAAA,EACpB,uBAAuB,6BAAA,EACvB,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBACkB,CAAC;IAEzB,IAAU,kBAAkB,GAAK,UAAU,CAAC,iBAAiB,CAAC,SAAlC,CAAmC;IAEvE,IAAM,aAAa,GAAG,QAAQ,IAAI,cAAc,CAAC;IACjD,IAAM,gBAAgB,GAAG,YAAY,GAAG,YAAY,CAAC;IAErD,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,uBAAgB,WAAW,CAAE,CAAC,EACrC,MAAM,CAAC,+BAAwB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,QAAQ,CAAE,CAAC;YAE9D,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,sBAAsB;YAC5D,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,oBAAoB,GAAG,CAAC;YAChE,GAAC,MAAM,CAAC,YAAY,CAAC,IAAG,aAAa;YACrC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,UAAU;YACvC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,gBAAgB;YAChD,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,WAAW;YACtC,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,gBAAgB;YACjD,GAAC,MAAM,CAAC,WAAW,IAAG,aAAa;iBAErC,cAAc,CAAC,OAAO,CACvB,EACD,GAAG,EAAE,WAAW,EAChB,KAAK;YACH,GAAC,cAAc,CAAC,gBAAgB,IAAG,UAAG,gBAAgB,OAAI;mBAG3D,OAAO,CACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext } from 'react';\nimport clsx from 'clsx';\nimport { AppLayoutContext } from './context';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport { SplitPanelContext } from '../../internal/context/split-panel-context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nexport default function Main() {\n const {\n breadcrumbs,\n content,\n contentHeader,\n contentType,\n disableContentPaddings,\n dynamicOverlapHeight,\n hasNotificationsContent,\n isNavigationOpen,\n isSplitPanelOpen,\n isToolsOpen,\n isMobile,\n isAnyPanelOpen,\n mainElement,\n splitPanel,\n offsetBottom,\n footerHeight,\n } = useContext(AppLayoutContext);\n\n const { position: splitPanelPosition } = useContext(SplitPanelContext);\n\n const isUnfocusable = isMobile && isAnyPanelOpen;\n const splitPanelHeight = offsetBottom - footerHeight;\n\n return (\n <div\n className={clsx(\n styles.container,\n styles[`content-type-${contentType}`],\n styles[`split-panel-position-${splitPanelPosition ?? 'bottom'}`],\n {\n [styles['disable-content-paddings']]: disableContentPaddings,\n [styles['has-breadcrumbs']]: breadcrumbs,\n [styles['has-dynamic-overlap-height']]: dynamicOverlapHeight > 0,\n [styles['has-header']]: contentHeader,\n [styles['has-notifications-content']]: hasNotificationsContent,\n [styles['has-split-panel']]: splitPanel,\n [styles['is-navigation-open']]: isNavigationOpen,\n [styles['is-tools-open']]: isToolsOpen,\n [styles['is-split-panel-open']]: isSplitPanelOpen,\n [styles.unfocusable]: isUnfocusable,\n },\n testutilStyles.content\n )}\n ref={mainElement}\n style={{\n [customCssProps.splitPanelHeight]: `${splitPanelHeight}px`,\n }}\n >\n {content}\n </div>\n );\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh/styles.css.js CHANGED Viewed

@@ -1,65 +1,65 @@
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_6a87o_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_6a87o_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_6a87o_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_6a87o_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_6a87o_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_6a87o_173",
-  "has-header": "awsui_has-header_hyvsj_6a87o_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_6a87o_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_6a87o_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_6a87o_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_6a87o_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_6a87o_187",
-  "background": "awsui_background_hyvsj_6a87o_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_6a87o_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_6a87o_236",
-  "overlap": "awsui_overlap_hyvsj_6a87o_242",
-  "content": "awsui_content_hyvsj_6a87o_180",
-  "layout": "awsui_layout_hyvsj_6a87o_329",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_6a87o_411",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_6a87o_438",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_6a87o_441",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_6a87o_445",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_6a87o_459",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_6a87o_459",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_6a87o_471",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_6a87o_474",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_6a87o_489",
-  "container": "awsui_container_hyvsj_6a87o_497",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_6a87o_514",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_6a87o_519",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_6a87o_522",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_6a87o_522",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_6a87o_522",
-  "content-type-default": "awsui_content-type-default_hyvsj_6a87o_542",
-  "content-type-form": "awsui_content-type-form_hyvsj_6a87o_542",
-  "unfocusable": "awsui_unfocusable_hyvsj_6a87o_583",
-  "navigation-container": "awsui_navigation-container_hyvsj_6a87o_591",
-  "show-navigation": "awsui_show-navigation_hyvsj_6a87o_626",
-  "animating": "awsui_animating_hyvsj_6a87o_648",
-  "showButtons": "awsui_showButtons_hyvsj_6a87o_1",
-  "navigation": "awsui_navigation_hyvsj_6a87o_591",
-  "openNavigation": "awsui_openNavigation_hyvsj_6a87o_1",
-  "animated-content": "awsui_animated-content_hyvsj_6a87o_709",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_6a87o_718",
-  "notifications": "awsui_notifications_hyvsj_6a87o_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_6a87o_785",
-  "position-bottom": "awsui_position-bottom_hyvsj_6a87o_820",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_6a87o_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_6a87o_849",
-  "position-side": "awsui_position-side_hyvsj_6a87o_877",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_6a87o_1",
-  "tools-container": "awsui_tools-container_hyvsj_6a87o_914",
-  "tools": "awsui_tools_hyvsj_6a87o_914",
-  "openTools": "awsui_openTools_hyvsj_6a87o_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_6a87o_999",
-  "hide-tools": "awsui_hide-tools_hyvsj_6a87o_1009",
-  "show-tools": "awsui_show-tools_hyvsj_6a87o_1021",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_6a87o_999",
-  "trigger": "awsui_trigger_hyvsj_6a87o_1078",
-  "selected": "awsui_selected_hyvsj_6a87o_1117"
+  "appbar": "awsui_appbar_hyvsj_c58du_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_c58du_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_c58du_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_c58du_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_c58du_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_c58du_173",
+  "has-header": "awsui_has-header_hyvsj_c58du_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_c58du_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_c58du_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_c58du_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_c58du_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_c58du_187",
+  "background": "awsui_background_hyvsj_c58du_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_c58du_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_c58du_236",
+  "overlap": "awsui_overlap_hyvsj_c58du_242",
+  "content": "awsui_content_hyvsj_c58du_180",
+  "layout": "awsui_layout_hyvsj_c58du_329",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_c58du_411",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_c58du_438",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_c58du_441",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_c58du_445",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_c58du_459",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_c58du_459",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_c58du_471",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_c58du_474",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_c58du_489",
+  "container": "awsui_container_hyvsj_c58du_497",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_c58du_523",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_c58du_528",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_c58du_531",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_c58du_531",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_c58du_531",
+  "content-type-default": "awsui_content-type-default_hyvsj_c58du_551",
+  "content-type-form": "awsui_content-type-form_hyvsj_c58du_551",
+  "unfocusable": "awsui_unfocusable_hyvsj_c58du_592",
+  "navigation-container": "awsui_navigation-container_hyvsj_c58du_600",
+  "show-navigation": "awsui_show-navigation_hyvsj_c58du_635",
+  "animating": "awsui_animating_hyvsj_c58du_657",
+  "showButtons": "awsui_showButtons_hyvsj_c58du_1",
+  "navigation": "awsui_navigation_hyvsj_c58du_600",
+  "openNavigation": "awsui_openNavigation_hyvsj_c58du_1",
+  "animated-content": "awsui_animated-content_hyvsj_c58du_718",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_c58du_727",
+  "notifications": "awsui_notifications_hyvsj_c58du_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_c58du_792",
+  "position-bottom": "awsui_position-bottom_hyvsj_c58du_838",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_c58du_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_c58du_867",
+  "position-side": "awsui_position-side_hyvsj_c58du_895",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_c58du_1",
+  "tools-container": "awsui_tools-container_hyvsj_c58du_932",
+  "tools": "awsui_tools_hyvsj_c58du_932",
+  "openTools": "awsui_openTools_hyvsj_c58du_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_c58du_1017",
+  "hide-tools": "awsui_hide-tools_hyvsj_c58du_1027",
+  "show-tools": "awsui_show-tools_hyvsj_c58du_1039",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_c58du_1017",
+  "trigger": "awsui_trigger_hyvsj_c58du_1096",
+  "selected": "awsui_selected_hyvsj_c58du_1135"
 };