@cloudscape-design/components 3.0.775 → 3.0.777

package/split-panel/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.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, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport PanelResizeHandle from '../internal/components/panel-resize-handle';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport { SplitPanelContentBottom } from './bottom';\nimport { SplitPanelProps } from './interfaces';\nimport PreferencesModal from './preferences-modal';\nimport { SplitPanelContentSide } from './side';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings = {}, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n    const isToolbar = useAppLayoutToolbarEnabled();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18nStrings.openButtonAriaLabel;\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n      hasTransitions: true,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={clsx(styles.header, isToolbar && styles['with-toolbar'])} style={appLayoutMaxWidth}>\n        <h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={testUtilStyles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18nStrings.preferencesTitle}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={testUtilStyles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18nStrings.closeButtonAriaLabel}\n              ariaExpanded={isOpen}\n            />\n          ) : position === 'side' ? null : (\n            <InternalButton\n              className={testUtilStyles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18nStrings.openButtonAriaLabel}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <PanelResizeHandle\n        ref={refs.slider}\n        className={testUtilStyles.slider}\n        ariaLabel={i18nStrings.resizeHandleAriaLabel}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        ariaValuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        position={position}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      />\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isToolbar && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <>\n        {position === 'side' && (\n          <SplitPanelContentSide\n            style={contentStyle}\n            resizeHandle={resizeHandle}\n            baseProps={baseProps}\n            isOpen={isOpen}\n            splitPanelRef={mergedRef}\n            cappedSize={size}\n            onToggle={onToggle}\n            openButtonAriaLabel={openButtonAriaLabel}\n            toggleRef={refs.toggle}\n            header={wrappedHeader}\n            panelHeaderId={panelHeaderId}\n          >\n            {children}\n          </SplitPanelContentSide>\n        )}\n\n        {position === 'bottom' && (\n          <SplitPanelContentBottom\n            style={contentStyle}\n            resizeHandle={resizeHandle}\n            baseProps={baseProps}\n            isOpen={isOpen}\n            splitPanelRef={mergedRef}\n            cappedSize={size}\n            onToggle={onToggle}\n            header={wrappedHeader}\n            panelHeaderId={panelHeaderId}\n            appLayoutMaxWidth={appLayoutMaxWidth}\n          >\n            {children}\n          </SplitPanelContentBottom>\n        )}\n        {isPreferencesOpen && (\n          <PreferencesModal\n            visible={true}\n            preferences={{ position }}\n            disabledSidePosition={position === 'bottom' && isForcedPosition}\n            isRefresh={isRefresh}\n            i18nStrings={{\n              header: i18nStrings.preferencesTitle,\n              confirm: i18nStrings.preferencesConfirm,\n              cancel: i18nStrings.preferencesCancel,\n              positionLabel: i18nStrings.preferencesPositionLabel,\n              positionDescription: i18nStrings.preferencesPositionDescription,\n              positionBottom: i18nStrings.preferencesPositionBottom,\n              positionSide: i18nStrings.preferencesPositionSide,\n            }}\n            onConfirm={preferences => {\n              onPreferencesChange({ ...preferences });\n              setPreferencesOpen(false);\n            }}\n            onDismiss={() => {\n              setPreferencesOpen(false);\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,iBAAiB,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAI1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACtD,CACE,EAA+G,EAC/G,iBAAiB,EACjB,EAAE;QAFF,EAAE,MAAM,EAAE,QAAQ,EAAE,qBAAqB,GAAG,KAAK,EAAE,aAAa,GAAG,UAAU,EAAE,WAAW,GAAG,EAAE,OAAgB,EAAX,SAAS,cAA7G,+EAA+G,CAAF;IAG7G,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAE/C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,MAAM,EACN,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,IAAI,GACL,GAAG,oBAAoB,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,SAAS,IAAI,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9F,MAAM,mBAAmB,GAAG,WAAW,CAAC,mBAAmB,CAAC;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,EAAE,SAAS,EAAE,aAAa,KAAK,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC;IACnG,CAAC,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9D,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,gBAAgB,GAAqB;QACzC,QAAQ;QACR,QAAQ,EAAE,mBAAmB;QAC7B,SAAS,EAAE,IAAI,CAAC,MAAM;QACtB,QAAQ;QACR,cAAc,EAAE,IAAI;KACrB,CAAC;IACF,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG;QACnB,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE,SAAS;QAC/C,CAAC,UAAU,CAAC,0BAA0B,CAAC,EAAE,YAAY;KACtD,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,CACpB,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB;QAChG,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE,aAAa,IACzF,MAAM,CACJ;QACL,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACrC,CAAC,qBAAqB,IAAI,MAAM,IAAI,CACnC;gBACE,oBAAC,cAAc,IACb,SAAS,EAAE,cAAc,CAAC,oBAAoB,CAAC,EAC/C,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EACvC,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,gBAAgB,EACvC,GAAG,EAAE,IAAI,CAAC,WAAW,GACrB;gBACF,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,CAClC,CACJ;YAEA,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,cAAc,IACb,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC,EACzC,QAAQ,EACN,SAAS,IAAI,aAAa,KAAK,UAAU;oBACvC,CAAC,CAAC,QAAQ,KAAK,MAAM;wBACnB,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,YAAY;oBAChB,CAAC,CAAC,OAAO,EAEb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,oBAAoB,EAC3C,YAAY,EAAE,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,cAAc,IACb,SAAS,EAAE,cAAc,CAAC,aAAa,CAAC,EACxC,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,mBAAmB,EAC1C,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,YAAY,EAAE,MAAM,GACpB,CACH,CACG,CACF,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,oBAAC,iBAAiB,IAChB,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,SAAS,EAAE,cAAc,CAAC,MAAM,EAChC,SAAS,EAAE,WAAW,CAAC,qBAAqB;QAC5C,8EAA8E;QAC9E,4EAA4E;QAC5E,oBAAoB;QACpB,YAAY,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,YAAY,EACvE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,mBAAmB,GAClC,CACH,CAAC;IAEF;;;;;;;IAOA;IACA,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,CAAC;QAEzC,IAAI,IAAI,EAAE;YACR,MAAM,QAAQ,GAAG,WAAW,CAAC;YAC7B,MAAM,cAAc,GAAG,eAAe,CAAC;YAEvC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC;YAEtC,yDAAyD;YACzD,KAAK,IAAI,CAAC,YAAY,CAAC;YAEvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,YAAY,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;IAEvE,IAAI,aAAa,KAAK,MAAM,IAAI,CAAC,MAAM,EAAE;QACvC,OAAO,yCAAK,CAAC;KACd;IAED;;;;;OAKG;IACH,IAAI,SAAS,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;QAC7D,OAAO,yCAAK,CAAC;KACd;IAED,OAAO,CACL;QACG,QAAQ,KAAK,MAAM,IAAI,CACtB,oBAAC,qBAAqB,IACpB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,IAE3B,QAAQ,CACa,CACzB;QAEA,QAAQ,KAAK,QAAQ,IAAI,CACxB,oBAAC,uBAAuB,IACtB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,IAEnC,QAAQ,CACe,CAC3B;QACA,iBAAiB,IAAI,CACpB,oBAAC,gBAAgB,IACf,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,EAAE,QAAQ,EAAE,EACzB,oBAAoB,EAAE,QAAQ,KAAK,QAAQ,IAAI,gBAAgB,EAC/D,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE;gBACX,MAAM,EAAE,WAAW,CAAC,gBAAgB;gBACpC,OAAO,EAAE,WAAW,CAAC,kBAAkB;gBACvC,MAAM,EAAE,WAAW,CAAC,iBAAiB;gBACrC,aAAa,EAAE,WAAW,CAAC,wBAAwB;gBACnD,mBAAmB,EAAE,WAAW,CAAC,8BAA8B;gBAC/D,cAAc,EAAE,WAAW,CAAC,yBAAyB;gBACrD,YAAY,EAAE,WAAW,CAAC,uBAAuB;aAClD,EACD,SAAS,EAAE,WAAW,CAAC,EAAE;gBACvB,mBAAmB,mBAAM,WAAW,EAAG,CAAC;gBACxC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;gBACd,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,0BAA0B,CAIlE,wBAAwB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport PanelResizeHandle from '../internal/components/panel-resize-handle';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport { SplitPanelContentBottom } from './bottom';\nimport { SplitPanelProps } from './interfaces';\nimport PreferencesModal from './preferences-modal';\nimport { SplitPanelContentSide } from './side';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings = {}, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n    const isToolbar = useAppLayoutToolbarEnabled();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18nStrings.openButtonAriaLabel;\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n      hasTransitions: true,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={clsx(styles.header, isToolbar && styles['with-toolbar'])} style={appLayoutMaxWidth}>\n        <h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={testUtilStyles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18nStrings.preferencesTitle}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={testUtilStyles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18nStrings.closeButtonAriaLabel}\n              ariaExpanded={isOpen}\n            />\n          ) : isToolbar || position === 'side' ? null : (\n            <InternalButton\n              className={testUtilStyles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18nStrings.openButtonAriaLabel}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <PanelResizeHandle\n        ref={refs.slider}\n        className={testUtilStyles.slider}\n        ariaLabel={i18nStrings.resizeHandleAriaLabel}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        ariaValuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        position={position}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      />\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isToolbar && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <>\n        {position === 'side' && (\n          <SplitPanelContentSide\n            style={contentStyle}\n            resizeHandle={resizeHandle}\n            baseProps={baseProps}\n            isOpen={isOpen}\n            splitPanelRef={mergedRef}\n            cappedSize={size}\n            onToggle={onToggle}\n            openButtonAriaLabel={openButtonAriaLabel}\n            toggleRef={refs.toggle}\n            header={wrappedHeader}\n            panelHeaderId={panelHeaderId}\n          >\n            {children}\n          </SplitPanelContentSide>\n        )}\n\n        {position === 'bottom' && (\n          <SplitPanelContentBottom\n            style={contentStyle}\n            resizeHandle={resizeHandle}\n            baseProps={baseProps}\n            isOpen={isOpen}\n            splitPanelRef={mergedRef}\n            cappedSize={size}\n            onToggle={onToggle}\n            header={wrappedHeader}\n            panelHeaderId={panelHeaderId}\n            appLayoutMaxWidth={appLayoutMaxWidth}\n          >\n            {children}\n          </SplitPanelContentBottom>\n        )}\n        {isPreferencesOpen && (\n          <PreferencesModal\n            visible={true}\n            preferences={{ position }}\n            disabledSidePosition={position === 'bottom' && isForcedPosition}\n            isRefresh={isRefresh}\n            i18nStrings={{\n              header: i18nStrings.preferencesTitle,\n              confirm: i18nStrings.preferencesConfirm,\n              cancel: i18nStrings.preferencesCancel,\n              positionLabel: i18nStrings.preferencesPositionLabel,\n              positionDescription: i18nStrings.preferencesPositionDescription,\n              positionBottom: i18nStrings.preferencesPositionBottom,\n              positionSide: i18nStrings.preferencesPositionSide,\n            }}\n            onConfirm={preferences => {\n              onPreferencesChange({ ...preferences });\n              setPreferencesOpen(false);\n            }}\n            onDismiss={() => {\n              setPreferencesOpen(false);\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}

package/split-panel/side.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,eA6D5B"}
+{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,eA8D5B"}

package/split-panel/side.js

@@ -23,7 +23,9 @@ export function SplitPanelContentSide({ style, baseProps, splitPanelRef, toggleR
                 top: topOffset,
                 bottom: bottomOffset,
             }, onClick: () => !isOpen && onToggle(), "aria-labelledby": panelHeaderId, role: "region" },
-            isOpen ? (React.createElement("div", { className: styles['slider-wrapper-side'] }, resizeHandle)) : (React.createElement(InternalButton, { className: clsx(testUtilStyles['open-button'], styles['open-button-side']), iconName: "angle-left", variant: "icon", formAction: "none", ariaLabel: openButtonAriaLabel, ariaExpanded: isOpen, ref: isRefresh ? null : toggleRef })),
+            isOpen ? (React.createElement("div", { className: clsx(styles['slider-wrapper-side'], isToolbar && styles['with-toolbar']) }, resizeHandle)) : (React.createElement(InternalButton, { className: clsx(testUtilStyles['open-button'], styles['open-button-side']), iconName: "angle-left", variant: "icon", formAction: "none", ariaLabel: openButtonAriaLabel, ariaExpanded: isOpen, 
+                //toggleRef should only be assigned when there is no other trigger-buttons
+                ref: isRefresh || isToolbar ? null : toggleRef })),
             React.createElement("div", { className: clsx(styles['content-side'], isToolbar && styles['with-toolbar']), "aria-hidden": !isOpen, style: { width: isToolbar ? cappedSize : '0px' } },
                 React.createElement("div", { className: styles['pane-header-wrapper-side'] }, header),
                 React.createElement("div", { className: styles['pane-content-wrapper-side'] }, children)))));

package/split-panel/side.js.map

@@ -1 +1 @@
-{"version":3,"file":"side.js","sourceRoot":"","sources":["../../../src/split-panel/side.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 from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { ButtonProps } from '../button/interfaces';\nimport InternalButton from '../button/internal';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentSideProps extends SplitPanelContentProps {\n  openButtonAriaLabel?: string;\n  toggleRef: React.RefObject<ButtonProps.Ref>;\n}\n\nexport function SplitPanelContentSide({\n  style,\n  baseProps,\n  splitPanelRef,\n  toggleRef,\n  header,\n  children,\n  resizeHandle,\n  isOpen,\n  cappedSize,\n  openButtonAriaLabel,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentSideProps) {\n  const { topOffset, bottomOffset } = useSplitPanelContext();\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.drawer,\n        styles['position-side'],\n        testUtilStyles.root,\n        sharedStyles['with-motion'],\n        {\n          [testUtilStyles['open-position-side']]: isOpen,\n          [styles['drawer-closed']]: !isOpen,\n          [styles['with-toolbar']]: isToolbar,\n          [styles.refresh]: isRefresh,\n        }\n      )}\n      style={{\n        width: isOpen ? cappedSize : isRefresh ? '0px' : undefined,\n        maxWidth: isRefresh ? '100%' : undefined,\n        ...style,\n      }}\n      ref={splitPanelRef}\n    >\n      <div\n        className={styles['drawer-content-side']}\n        style={{\n          top: topOffset,\n          bottom: bottomOffset,\n        }}\n        onClick={() => !isOpen && onToggle()}\n        aria-labelledby={panelHeaderId}\n        role=\"region\"\n      >\n        {isOpen ? (\n          <div className={styles['slider-wrapper-side']}>{resizeHandle}</div>\n        ) : (\n          <InternalButton\n            className={clsx(testUtilStyles['open-button'], styles['open-button-side'])}\n            iconName=\"angle-left\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={openButtonAriaLabel}\n            ariaExpanded={isOpen}\n            ref={isRefresh ? null : toggleRef}\n          />\n        )}\n        <div\n          className={clsx(styles['content-side'], isToolbar && styles['with-toolbar'])}\n          aria-hidden={!isOpen}\n          style={{ width: isToolbar ? cappedSize : '0px' }} // to prevent text wrapping upon entering\n        >\n          <div className={styles['pane-header-wrapper-side']}>{header}</div>\n          <div className={styles['pane-content-wrapper-side']}>{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"side.js","sourceRoot":"","sources":["../../../src/split-panel/side.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 from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { ButtonProps } from '../button/interfaces';\nimport InternalButton from '../button/internal';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentSideProps extends SplitPanelContentProps {\n  openButtonAriaLabel?: string;\n  toggleRef: React.RefObject<ButtonProps.Ref>;\n}\n\nexport function SplitPanelContentSide({\n  style,\n  baseProps,\n  splitPanelRef,\n  toggleRef,\n  header,\n  children,\n  resizeHandle,\n  isOpen,\n  cappedSize,\n  openButtonAriaLabel,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentSideProps) {\n  const { topOffset, bottomOffset } = useSplitPanelContext();\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.drawer,\n        styles['position-side'],\n        testUtilStyles.root,\n        sharedStyles['with-motion'],\n        {\n          [testUtilStyles['open-position-side']]: isOpen,\n          [styles['drawer-closed']]: !isOpen,\n          [styles['with-toolbar']]: isToolbar,\n          [styles.refresh]: isRefresh,\n        }\n      )}\n      style={{\n        width: isOpen ? cappedSize : isRefresh ? '0px' : undefined,\n        maxWidth: isRefresh ? '100%' : undefined,\n        ...style,\n      }}\n      ref={splitPanelRef}\n    >\n      <div\n        className={styles['drawer-content-side']}\n        style={{\n          top: topOffset,\n          bottom: bottomOffset,\n        }}\n        onClick={() => !isOpen && onToggle()}\n        aria-labelledby={panelHeaderId}\n        role=\"region\"\n      >\n        {isOpen ? (\n          <div className={clsx(styles['slider-wrapper-side'], isToolbar && styles['with-toolbar'])}>{resizeHandle}</div>\n        ) : (\n          <InternalButton\n            className={clsx(testUtilStyles['open-button'], styles['open-button-side'])}\n            iconName=\"angle-left\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={openButtonAriaLabel}\n            ariaExpanded={isOpen}\n            //toggleRef should only be assigned when there is no other trigger-buttons\n            ref={isRefresh || isToolbar ? null : toggleRef}\n          />\n        )}\n        <div\n          className={clsx(styles['content-side'], isToolbar && styles['with-toolbar'])}\n          aria-hidden={!isOpen}\n          style={{ width: isToolbar ? cappedSize : '0px' }} // to prevent text wrapping upon entering\n        >\n          <div className={styles['pane-header-wrapper-side']}>{header}</div>\n          <div className={styles['pane-content-wrapper-side']}>{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/styles.css.js

@@ -1,31 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_1tnwr_149",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1tnwr_189",
-  "refresh": "awsui_refresh_1r9lg_1tnwr_189",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1tnwr_194",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1tnwr_210",
-  "position-bottom": "awsui_position-bottom_1r9lg_1tnwr_217",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1tnwr_234",
-  "position-side": "awsui_position-side_1r9lg_1tnwr_249",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1tnwr_258",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1tnwr_269",
-  "open-button-side": "awsui_open-button-side_1r9lg_1tnwr_280",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1tnwr_299",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1tnwr_303",
-  "content-bottom": "awsui_content-bottom_1r9lg_1tnwr_315",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1tnwr_334",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1tnwr_339",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1tnwr_343",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1tnwr_347",
-  "content-side": "awsui_content-side_1r9lg_1tnwr_352",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1tnwr_364",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1tnwr_373",
-  "header": "awsui_header_1r9lg_1tnwr_384",
-  "header-text": "awsui_header-text_1r9lg_1tnwr_397",
-  "header-actions": "awsui_header-actions_1r9lg_1tnwr_410",
-  "divider": "awsui_divider_1r9lg_1tnwr_418"
+  "drawer": "awsui_drawer_1r9lg_pjawk_149",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_pjawk_189",
+  "refresh": "awsui_refresh_1r9lg_pjawk_189",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_pjawk_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_pjawk_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_pjawk_217",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_pjawk_234",
+  "position-side": "awsui_position-side_1r9lg_pjawk_249",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_pjawk_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_pjawk_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_pjawk_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_pjawk_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_pjawk_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_pjawk_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_pjawk_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_pjawk_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_pjawk_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_pjawk_350",
+  "content-side": "awsui_content-side_1r9lg_pjawk_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_pjawk_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_pjawk_376",
+  "header": "awsui_header_1r9lg_pjawk_387",
+  "header-text": "awsui_header-text_1r9lg_pjawk_400",
+  "header-actions": "awsui_header-actions_1r9lg_pjawk_413",
+  "divider": "awsui_divider_1r9lg_pjawk_421"
 };
   

package/split-panel/styles.scoped.css

@@ -146,7 +146,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_drawer_1r9lg_1tnwr_149:not(#\9) {
+.awsui_drawer_1r9lg_pjawk_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,35 +187,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-du0fbw, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_1tnwr_189:not(#\9):not(.awsui_refresh_1r9lg_1tnwr_189) {
+.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) {
   cursor: pointer;
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_1tnwr_194:not(#\9) {
+.awsui_drawer-content-side_1r9lg_pjawk_194:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-content-side_1r9lg_1tnwr_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1tnwr_189.awsui_refresh_1r9lg_1tnwr_189 > .awsui_drawer-content-side_1r9lg_1tnwr_194:not(#\9) {
+.awsui_drawer-content-side_1r9lg_pjawk_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_pjawk_189.awsui_refresh_1r9lg_pjawk_189 > .awsui_drawer-content-side_1r9lg_pjawk_194:not(#\9) {
   display: none;
 }
-.awsui_drawer-closed_1r9lg_1tnwr_189:not(#\9):not(.awsui_refresh_1r9lg_1tnwr_189) > .awsui_drawer-content-side_1r9lg_1tnwr_194 {
+.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) > .awsui_drawer-content-side_1r9lg_pjawk_194 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1tnwr_189:not(#\9):not(.awsui_refresh_1r9lg_1tnwr_189) > .awsui_drawer-content-side_1r9lg_1tnwr_194:hover {
+.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) > .awsui_drawer-content-side_1r9lg_pjawk_194:hover {
   background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1tnwr_189) > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_1tnwr_217:not(#\9) {
+.awsui_position-bottom_1r9lg_pjawk_217:not(#\9) {
   position: fixed;
   overflow-y: auto;
   border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
@@ -224,39 +224,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1tnwr_217:not(#\9):not(.awsui_refresh_1r9lg_1tnwr_189) {
+.awsui_position-bottom_1r9lg_pjawk_217:not(#\9):not(.awsui_refresh_1r9lg_pjawk_189) {
   box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-c62zji, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_1tnwr_217.awsui_drawer-closed_1r9lg_1tnwr_189:not(#\9) {
+.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1tnwr_217.awsui_drawer-closed_1r9lg_1tnwr_189.awsui_with-toolbar_1r9lg_1tnwr_234:not(#\9) {
+.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
   block-size: 0px;
   border-block: none;
   border-inline: none;
 }
-.awsui_position-bottom_1r9lg_1tnwr_217.awsui_drawer-closed_1r9lg_1tnwr_189:not(#\9):hover {
+.awsui_position-bottom_1r9lg_pjawk_217.awsui_drawer-closed_1r9lg_pjawk_189:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
 }
-.awsui_position-bottom_1r9lg_1tnwr_217 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_pjawk_217 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1tnwr_217.awsui_refresh_1r9lg_1tnwr_189:not(#\9) {
+.awsui_position-bottom_1r9lg_pjawk_217.awsui_refresh_1r9lg_pjawk_189:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_1tnwr_249:not(#\9) {
+.awsui_position-side_1r9lg_pjawk_249:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   block-size: 100%;
 }
-.awsui_position-side_1r9lg_1tnwr_249.awsui_with-toolbar_1r9lg_1tnwr_234:not(#\9) {
+.awsui_position-side_1r9lg_pjawk_249.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
   box-shadow: none;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_1tnwr_258:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_pjawk_258:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -267,7 +267,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_1tnwr_269:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_pjawk_269:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -277,8 +277,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   z-index: 1;
 }
+.awsui_slider-wrapper-side_1r9lg_pjawk_269.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
+  position: unset;
+}
 
-.awsui_open-button-side_1r9lg_1tnwr_280:not(#\9) {
+.awsui_open-button-side_1r9lg_pjawk_283:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -287,7 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: auto;
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -297,60 +300,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
 }
-.awsui_drawer-mobile_1r9lg_1tnwr_299 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289:not(#\9) {
+.awsui_drawer-mobile_1r9lg_pjawk_302 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1tnwr_303 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_pjawk_306 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1tnwr_189) > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292 {
   background-color: var(--color-background-layout-panel-content-du0fbw, #ffffff);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
 }
-.awsui_with-toolbar_1r9lg_1tnwr_234:not(#\9):not(.awsui_drawer-closed_1r9lg_1tnwr_189) > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289 {
+.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9):not(.awsui_drawer-closed_1r9lg_pjawk_189) > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292 {
   border-color: transparent;
 }
 
-.awsui_content-bottom_1r9lg_1tnwr_315:not(#\9) {
+.awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_with-toolbar_1r9lg_1tnwr_234 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_content-bottom_1r9lg_1tnwr_315:not(#\9) {
+.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_1tnwr_299 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_content-bottom_1r9lg_1tnwr_315:not(#\9) {
+.awsui_drawer-mobile_1r9lg_pjawk_302 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1tnwr_303 > .awsui_drawer-content-bottom_1r9lg_1tnwr_210 > .awsui_content-bottom_1r9lg_1tnwr_315:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_pjawk_306 > .awsui_drawer-content-bottom_1r9lg_pjawk_210 > .awsui_content-bottom_1r9lg_pjawk_318:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_1tnwr_334:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_pjawk_337:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_1tnwr_339:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_pjawk_342:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_1tnwr_343:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_pjawk_346:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_1tnwr_347:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_pjawk_350:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_1tnwr_352:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -359,30 +362,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_1tnwr_352.awsui_with-toolbar_1r9lg_1tnwr_234:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
   position: absolute;
 }
-.awsui_content-side_1r9lg_1tnwr_352 > .awsui_pane-header-wrapper-side_1r9lg_1tnwr_364:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355 > .awsui_pane-header-wrapper-side_1r9lg_pjawk_367:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
 }
-.awsui_content-side_1r9lg_1tnwr_352.awsui_with-toolbar_1r9lg_1tnwr_234 > .awsui_pane-header-wrapper-side_1r9lg_1tnwr_364:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_pane-header-wrapper-side_1r9lg_pjawk_367:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_1tnwr_352 > .awsui_pane-content-wrapper-side_1r9lg_1tnwr_373:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355 > .awsui_pane-content-wrapper-side_1r9lg_pjawk_376:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
   margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
   margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
 }
-.awsui_content-side_1r9lg_1tnwr_352.awsui_with-toolbar_1r9lg_1tnwr_234 > .awsui_pane-content-wrapper-side_1r9lg_1tnwr_373:not(#\9) {
+.awsui_content-side_1r9lg_pjawk_355.awsui_with-toolbar_1r9lg_pjawk_234 > .awsui_pane-content-wrapper-side_1r9lg_pjawk_376:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_header_1r9lg_1tnwr_384:not(#\9) {
+.awsui_header_1r9lg_pjawk_387:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -392,10 +395,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_1tnwr_384.awsui_with-toolbar_1r9lg_1tnwr_234:not(#\9) {
+.awsui_header_1r9lg_pjawk_387.awsui_with-toolbar_1r9lg_pjawk_234:not(#\9) {
   margin-block: 10px;
 }
-.awsui_header-text_1r9lg_1tnwr_397:not(#\9) {
+.awsui_header-text_1r9lg_pjawk_400:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -408,7 +411,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_1tnwr_410:not(#\9) {
+.awsui_header-actions_1r9lg_pjawk_413:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -416,7 +419,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_divider_1r9lg_1tnwr_418:not(#\9) {
+.awsui_divider_1r9lg_pjawk_421:not(#\9) {
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: var(--space-scaled-xs-26e2du, 8px);

package/split-panel/styles.selectors.js

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1tnwr_149",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1tnwr_189",
-  "refresh": "awsui_refresh_1r9lg_1tnwr_189",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1tnwr_194",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1tnwr_210",
-  "position-bottom": "awsui_position-bottom_1r9lg_1tnwr_217",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1tnwr_234",
-  "position-side": "awsui_position-side_1r9lg_1tnwr_249",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1tnwr_258",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1tnwr_269",
-  "open-button-side": "awsui_open-button-side_1r9lg_1tnwr_280",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1tnwr_289",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1tnwr_299",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1tnwr_303",
-  "content-bottom": "awsui_content-bottom_1r9lg_1tnwr_315",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1tnwr_334",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1tnwr_339",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1tnwr_343",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1tnwr_347",
-  "content-side": "awsui_content-side_1r9lg_1tnwr_352",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1tnwr_364",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1tnwr_373",
-  "header": "awsui_header_1r9lg_1tnwr_384",
-  "header-text": "awsui_header-text_1r9lg_1tnwr_397",
-  "header-actions": "awsui_header-actions_1r9lg_1tnwr_410",
-  "divider": "awsui_divider_1r9lg_1tnwr_418"
+  "drawer": "awsui_drawer_1r9lg_pjawk_149",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_pjawk_189",
+  "refresh": "awsui_refresh_1r9lg_pjawk_189",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_pjawk_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_pjawk_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_pjawk_217",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_pjawk_234",
+  "position-side": "awsui_position-side_1r9lg_pjawk_249",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_pjawk_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_pjawk_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_pjawk_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_pjawk_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_pjawk_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_pjawk_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_pjawk_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_pjawk_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_pjawk_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_pjawk_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_pjawk_350",
+  "content-side": "awsui_content-side_1r9lg_pjawk_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_pjawk_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_pjawk_376",
+  "header": "awsui_header_1r9lg_pjawk_387",
+  "header-text": "awsui_header-text_1r9lg_pjawk_400",
+  "header-actions": "awsui_header-actions_1r9lg_pjawk_413",
+  "divider": "awsui_divider_1r9lg_pjawk_421"
 };
   

package/test-utils/dom/app-layout/index.d.ts

@@ -20,4 +20,6 @@ export default class AppLayoutWrapper extends ComponentWrapper {
     findDrawerTriggerById(id: string): ElementWrapper<HTMLButtonElement> | null;
     findDrawersOverflowTrigger(): ButtonDropdownWrapper | null;
     findActiveDrawerResizeHandle(): ElementWrapper | null;
+    findToolbar(): ElementWrapper | null;
+    findDrawerTriggerTooltip(): ElementWrapper | null;
 }

package/test-utils/dom/app-layout/index.js

@@ -59,6 +59,12 @@ class AppLayoutWrapper extends dom_1.ComponentWrapper {
     findActiveDrawerResizeHandle() {
         return this.findByClassName(styles_selectors_js_1.default['drawers-slider']);
     }
+    findToolbar() {
+        return this.findByClassName(styles_selectors_js_1.default.toolbar);
+    }
+    findDrawerTriggerTooltip() {
+        return (0, dom_1.createWrapper)().findByClassName(styles_selectors_js_1.default['trigger-tooltip']);
+    }
 }
 exports.default = AppLayoutWrapper;
 AppLayoutWrapper.rootSelector = styles_selectors_js_1.default.root;

package/test-utils/dom/app-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,wDAAuD;AACvD,gDAA+C;AAE/C,8FAAkF;AAClF,+FAA6F;AAE7F,MAAqB,gBAAiB,SAAQ,sBAAgB;IAG5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACvF,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IACjF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAClF,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IAED,wBAAwB;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,aAAa,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IAED,0BAA0B;QACxB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAc,CAAC,eAAe,CAAC,EAAE,EAAE,yBAAqB,CAAC,CAAC;IAC1F,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AArEH,mCAsEC;AArEQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,wDAAuD;AACvD,gDAA+C;AAE/C,8FAAkF;AAClF,+FAA6F;AAE7F,MAAqB,gBAAiB,SAAQ,sBAAgB;IAG5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACvF,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IACjF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAClF,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IAED,wBAAwB;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,aAAa,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IAED,0BAA0B;QACxB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAc,CAAC,eAAe,CAAC,EAAE,EAAE,yBAAqB,CAAC,CAAC;IAC1F,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC;IAED,wBAAwB;QACtB,OAAO,IAAA,mBAAa,GAAE,CAAC,eAAe,CAAC,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC5E,CAAC;;AA7EH,mCA8EC;AA7EQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}

package/test-utils/dom/prompt-input/index.d.ts

@@ -3,6 +3,8 @@ export default class PromptInputWrapper extends ComponentWrapper {
     static rootSelector: string;
     findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
     findActionButton(): ElementWrapper<HTMLButtonElement>;
+    findSecondaryActions(): ElementWrapper<HTMLDivElement>;
+    findSecondaryContent(): ElementWrapper<HTMLDivElement>;
     /**
      * Gets the value of the component.
      *

package/test-utils/dom/prompt-input/index.js

@@ -19,6 +19,12 @@ class PromptInputWrapper extends dom_1.ComponentWrapper {
     findActionButton() {
         return this.findByClassName(styles_selectors_js_1.default['action-button']);
     }
+    findSecondaryActions() {
+        return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
+    }
+    findSecondaryContent() {
+        return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
+    }
     /**
      * Gets the value of the component.
      *

package/test-utils/dom/prompt-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAgD;AAEhD,gEAAmG;AACnG,4EAAmE;AAEnE,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;AA7BM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAejC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAKP;AA9BH,qCA+BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,qDAAgD;AAEhD,gEAAmG;AACnG,4EAAmE;AAEnE,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAwB,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QAC5E,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,qBAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAA4B,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC;;AArCM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAuBjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAKP;AAtCH,qCAuCC"}

package/test-utils/selectors/app-layout/index.d.ts

@@ -20,4 +20,6 @@ export default class AppLayoutWrapper extends ComponentWrapper {
     findDrawerTriggerById(id: string): ElementWrapper;
     findDrawersOverflowTrigger(): ButtonDropdownWrapper;
     findActiveDrawerResizeHandle(): ElementWrapper;
+    findToolbar(): ElementWrapper;
+    findDrawerTriggerTooltip(): ElementWrapper;
 }

package/test-utils/selectors/app-layout/index.js

@@ -59,6 +59,12 @@ class AppLayoutWrapper extends selectors_1.ComponentWrapper {
     findActiveDrawerResizeHandle() {
         return this.findByClassName(styles_selectors_js_1.default['drawers-slider']);
     }
+    findToolbar() {
+        return this.findByClassName(styles_selectors_js_1.default.toolbar);
+    }
+    findDrawerTriggerTooltip() {
+        return (0, selectors_1.createWrapper)().findByClassName(styles_selectors_js_1.default['trigger-tooltip']);
+    }
 }
 exports.default = AppLayoutWrapper;
 AppLayoutWrapper.rootSelector = styles_selectors_js_1.default.root;