@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/cjs/PRIVATE_List/__tests__/List.spec.js

@@ -0,0 +1,217 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var preact = require('@testing-library/preact');
+var userEvent = require('@testing-library/user-event');
+var chai = require('chai');
+var testHelpers = require('../../testHelpers-a1b59f4e.js');
+var hooks_UNSAFE_useTabbableMode = require('../../hooks/UNSAFE_useTabbableMode.js');
+var List = require('../../List-f609db3f.js');
+require('../../UNSAFE_Flex.js');
+var Flex = require('../../Flex-d73eb41d.js');
+require('preact');
+require("identity-obj-proxy");
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-28108b7d.js');
+require('../../utils/UNSAFE_mergeProps.js');
+require('../../utils/UNSAFE_keys.js');
+require('../../LoadMoreCollection-0b7e3fad.js');
+require('../../PRIVATE_Collection.js');
+require('../../Collection-4f785d2f.js');
+require('../../hooks/UNSAFE_useViewportIntersect.js');
+require('../../PRIVATE_VirtualizedCollection.js');
+require('../../VirtualizedCollection-9696bfc9.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+require('../../UNSAFE_FocusTrap.js');
+require('../../FocusTrap-e848638a.js');
+require('preact/compat');
+require('../../utils/PRIVATE_tabbableUtils.js');
+require('../../_curry1-3251b1fd.js');
+require('../../_curry2-44662556.js');
+require('../../_curry3-047e03f4.js');
+require('../../hooks/UNSAFE_useId.js');
+require('../../hooks/PRIVATE_useSelection.js');
+require('../../hooks/PRIVATE_useCurrentKey.js');
+require('../../hooks/PRIVATE_useCollectionFocusRing.js');
+require('../../hooks/PRIVATE_useTabbableModeSet.js');
+require('../../hooks/PRIVATE_useItemAction.js');
+require('../../utils/PRIVATE_collectionUtils.js');
+require('../../UNSAFE_Skeleton.js');
+require('../../Skeleton-a0dbf74a.js');
+require('../../tslib.es6-337905dc.js');
+require('../../utils/UNSAFE_interpolations/dimensions.js');
+require('../../utils/UNSAFE_size.js');
+require('../../utils/UNSAFE_mergeInterpolations.js');
+require('../../_has-c5b8419a.js');
+require('../../utils/UNSAFE_interpolations/borders.js');
+require('../../UNSAFE_Selector.js');
+require('../../index-e82ec2db.js');
+require('../../index-411b8231.js');
+require('../../UNSAFE_Icon.js');
+require('../../Icon-bbcfe43f.js');
+require('../../hooks/UNSAFE_useTooltip.js');
+require('../../UNSAFE_Floating.js');
+require('../../Floating-939d2a3b.js');
+require('../../index-81333995.js');
+require('../../hooks/UNSAFE_useUser.js');
+require('../../UNSAFE_Environment.js');
+require('../../UNSAFE_Layer.js');
+require('../../utils/PRIVATE_floatingUtils.js');
+require('../../utils/PRIVATE_refUtils.js');
+require('../../hooks/UNSAFE_useOutsideClick.js');
+require('../../hooks/UNSAFE_useHover.js');
+require('../../hooks/UNSAFE_useToggle.js');
+require('../../hooks/UNSAFE_useFocus.js');
+require('../../hooks/UNSAFE_useTouch.js');
+require('../../hooks/UNSAFE_useAnimation.js');
+require('../../useAnimation-4166b248.js');
+require('../../hooks/UNSAFE_useTheme.js');
+require('../../hooks/UNSAFE_useTranslationBundle.js');
+require('../../utils/UNSAFE_interpolations/boxalignment.js');
+require('../../keys-dc35838f.js');
+require('../../utils/UNSAFE_interpolations/flexbox.js');
+require('../../flexbox-5a021af6.js');
+require('../../utils/UNSAFE_interpolations/flexitem.js');
+require('../../flexitem-382affea.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var userEvent__default = /*#__PURE__*/_interopDefaultLegacy(userEvent);
+
+/**
+ * Tests props solely exposed by List.tsx generic, used by external components (e.g. SelectMultiple),
+ * the rest of the coverage for List.tsx comes from List.spec.tsx
+ */
+describe('Test List component', () => {
+    beforeEach(() => {
+        if (!window.IntersectionObserver) {
+            // IntersectionObserver isn't available in test environment
+            const MockIntersectionObserver = jest.fn();
+            MockIntersectionObserver.mockReturnValue({
+                observe: () => null,
+                unobserve: () => null,
+                disconnect: () => null
+            });
+            Object.defineProperty(global, 'IntersectionObserver', {
+                writable: true,
+                configurable: true,
+                value: MockIntersectionObserver
+            });
+        }
+    });
+    /**
+     * custom loader test-cases
+     */
+    it('renders with custom loader', () => {
+        const loadingComponent = jsxRuntime.jsx("div", Object.assign({ "data-testid": "load-more-component" }, { children: "Loading" }));
+        const { getAllByTestId, queryByTestId, rerender } = preact.render(jsxRuntime.jsx(TestComponent, { data: null }));
+        chai.expect(queryByTestId('load-more-component')).to.be.null;
+        rerender(jsxRuntime.jsx(TestComponent, { data: null, loadingIndicator: loadingComponent }));
+        chai.expect(getAllByTestId('load-more-component').length).eq(1);
+    });
+    /**
+     * custom aria role test-cases
+     */
+    it('renders with default roles', async () => {
+        const data = populateData(100);
+        const dataMetadata = data.map((data) => {
+            return { data: data, metadata: { key: data.id } };
+        });
+        const list = preact.render(jsxRuntime.jsx(TestComponent, { data: dataMetadata }));
+        const grid = await testHelpers.getRoot(list);
+        chai.expect(grid.getAttribute('aria-rowcount')).eq('100');
+        const items = await testHelpers.getItems(list);
+        chai.expect(items.length).eq(25);
+        const cells = await testHelpers.getContents(list);
+        chai.expect(cells.length).eq(25);
+    });
+    it('renders with listbox rows', async () => {
+        const data = populateData(100);
+        const dataMetadata = data.map((data) => {
+            return { data: data, metadata: { key: data.id } };
+        });
+        const list = preact.render(jsxRuntime.jsx(TestComponent, { data: dataMetadata, role: "listbox" }));
+        const grid = await testHelpers.getRoot(list, 'listbox');
+        chai.expect(grid.getAttribute('aria-rowcount')).eq('100');
+        const items = await testHelpers.getItems(list, 'presentation');
+        chai.expect(items.length).eq(25);
+        const cells = await testHelpers.getContents(list, 'option');
+        chai.expect(cells.length).eq(25);
+    });
+    it('renders with treegrid rows', async () => {
+        const data = populateData(100);
+        const dataMetadata = data.map((data) => {
+            return { data: data, metadata: { key: data.id } };
+        });
+        const list = preact.render(jsxRuntime.jsx(TestComponent, { data: dataMetadata, role: "treegrid" }));
+        const grid = await testHelpers.getRoot(list, 'treegrid');
+        chai.expect(grid.getAttribute('aria-rowcount')).eq('100');
+        const items = await testHelpers.getItems(list, 'row');
+        chai.expect(items.length).eq(25);
+        const cells = await testHelpers.getContents(list, 'gridcell');
+        chai.expect(cells.length).eq(25);
+    });
+    it('allows toggling off F2 mode', async () => {
+        const data = populateData(100);
+        const dataMetadata = data.map((data) => {
+            return { data: data, metadata: { key: data.id } };
+        });
+        const { getByTestId, rerender } = preact.render(jsxRuntime.jsx(TestComponent, { data: dataMetadata }));
+        // validate tabbable mode is working first
+        const firstRowInput = getByTestId('input-i0');
+        chai.expect(firstRowInput.getAttribute('tabindex')).equals('-1');
+        userEvent__default["default"].click(firstRowInput);
+        rerender(jsxRuntime.jsx(TestComponent, { data: dataMetadata }));
+        chai.expect(firstRowInput.getAttribute('tabindex')).equals('0');
+        // now toggle off the mode and see click does not set the mode on
+        rerender(jsxRuntime.jsx(TestComponent, { allowTabbableMode: false, data: dataMetadata }));
+        userEvent__default["default"].click(firstRowInput);
+        chai.expect(firstRowInput.getAttribute('tabindex')).equals('-1');
+    });
+});
+function TestComponent({ allowTabbableMode, data, loadingIndicator, role }) {
+    const rootRef = hooks.useRef(null);
+    const [currentKey, setCurrentKey] = hooks.useState(undefined);
+    const [dataState, _] = hooks.useState(data
+        ? {
+            offset: 0,
+            data: data.slice(0, 25),
+            totalSize: data.length,
+            sizePrecision: 'exact'
+        }
+        : null);
+    const getConfig = () => {
+        return {
+            scroller: () => {
+                return rootRef.current;
+            }
+        };
+    };
+    return (jsxRuntime.jsx("div", Object.assign({ style: "height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto", ref: rootRef }, { children: jsxRuntime.jsx(List.List, Object.assign({ accessibleSummary: "Basic list", allowTabbableMode: allowTabbableMode, currentKey: currentKey, data: dataState, loadingIndicator: loadingIndicator, onCurrentKeyChange: (detail) => setCurrentKey(detail.value), onLoadRange: () => { }, role: role, viewportConfig: getConfig() }, { children: (context) => (jsxRuntime.jsxs(Flex.Flex, { children: [context.selector && context.selector(), jsxRuntime.jsx(Input, { "data-testid": 'input-' + context.data.id }), jsxRuntime.jsx("div", Object.assign({ className: "item", style: {
+                            height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))',
+                            padding: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'
+                        } }, { children: context.data.name }))] })) })) })));
+}
+function populateData(count, isNumberKey) {
+    const data = [];
+    for (let i = 0; i < count; i++) {
+        if (isNumberKey) {
+            data.push({ id: i, name: 'Employee ' + i });
+        }
+        else {
+            data.push({ id: 'i' + i, name: 'Employee ' + i });
+        }
+    }
+    return isNumberKey ? data : data;
+}
+/**
+ * Declare a tabbableMode aware component
+ */
+const Input = (props) => {
+    const { tabbableModeProps } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+    return jsxRuntime.jsx("input", Object.assign({ tabIndex: tabbableModeProps.tabIndex }, props));
+};
+/*  */
+//# sourceMappingURL=List.spec.js.map

package/cjs/PRIVATE_List/__tests__/List.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.spec.js","sources":["../../../../src/PRIVATE_List/__tests__/List.spec.tsx"],"sourcesContent":["/**\n * General List tests\n */\nimport { ComponentChildren } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { render } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport { getContents, getItems, getRoot } from './shared/testHelpers';\n\nimport { CurrentKeyDetail, DataState, ListItemContext, Metadata } from '../../UNSAFE_Collection';\nimport { useTabbableMode } from '../../hooks/UNSAFE_useTabbableMode';\nimport { List } from '../List';\nimport { Roles } from '../../UNSAFE_ListView';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\n\n/**\n * Tests props solely exposed by List.tsx generic, used by external components (e.g. SelectMultiple),\n * the rest of the coverage for List.tsx comes from List.spec.tsx\n */\n\ndescribe('Test List component', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      // IntersectionObserver isn't available in test environment\n      const MockIntersectionObserver = jest.fn();\n      MockIntersectionObserver.mockReturnValue({\n        observe: () => null,\n        unobserve: () => null,\n        disconnect: () => null\n      });\n\n      Object.defineProperty(global, 'IntersectionObserver', {\n        writable: true,\n        configurable: true,\n        value: MockIntersectionObserver\n      });\n    }\n  });\n\n  /**\n   * custom loader test-cases\n   */\n\n  it('renders with custom loader', () => {\n    const loadingComponent = <div data-testid=\"load-more-component\">Loading</div>;\n\n    const { getAllByTestId, queryByTestId, rerender } = render(\n      <TestComponent data={null}></TestComponent>\n    );\n    expect(queryByTestId('load-more-component')).to.be.null;\n    rerender(<TestComponent data={null} loadingIndicator={loadingComponent}></TestComponent>);\n    expect(getAllByTestId('load-more-component').length).eq(1);\n  });\n\n  /**\n   * custom aria role test-cases\n   */\n\n  it('renders with default roles', async () => {\n    const data = populateData(100) as Employee<string>[];\n    const dataMetadata: { data: Employee<string>; metadata: Metadata<string> }[] = data.map(\n      (data) => {\n        return { data: data, metadata: { key: data.id } };\n      }\n    );\n    const list = render(<TestComponent data={dataMetadata}></TestComponent>);\n    const grid = await getRoot(list);\n    expect(grid.getAttribute('aria-rowcount')).eq('100');\n    const items = await getItems(list);\n    expect(items.length).eq(25);\n    const cells = await getContents(list);\n    expect(cells.length).eq(25);\n  });\n\n  it('renders with listbox rows', async () => {\n    const data = populateData(100) as Employee<string>[];\n    const dataMetadata: { data: Employee<string>; metadata: Metadata<string> }[] = data.map(\n      (data) => {\n        return { data: data, metadata: { key: data.id } };\n      }\n    );\n    const list = render(<TestComponent data={dataMetadata} role=\"listbox\"></TestComponent>);\n    const grid = await getRoot(list, 'listbox');\n    expect(grid.getAttribute('aria-rowcount')).eq('100');\n    const items = await getItems(list, 'presentation');\n    expect(items.length).eq(25);\n    const cells = await getContents(list, 'option');\n    expect(cells.length).eq(25);\n  });\n\n  it('renders with treegrid rows', async () => {\n    const data = populateData(100) as Employee<string>[];\n    const dataMetadata: { data: Employee<string>; metadata: Metadata<string> }[] = data.map(\n      (data) => {\n        return { data: data, metadata: { key: data.id } };\n      }\n    );\n    const list = render(<TestComponent data={dataMetadata} role=\"treegrid\"></TestComponent>);\n    const grid = await getRoot(list, 'treegrid');\n    expect(grid.getAttribute('aria-rowcount')).eq('100');\n    const items = await getItems(list, 'row');\n    expect(items.length).eq(25);\n    const cells = await getContents(list, 'gridcell');\n    expect(cells.length).eq(25);\n  });\n\n  it('allows toggling off F2 mode', async () => {\n    const data = populateData(100) as Employee<string>[];\n    const dataMetadata: { data: Employee<string>; metadata: Metadata<string> }[] = data.map(\n      (data) => {\n        return { data: data, metadata: { key: data.id } };\n      }\n    );\n\n    const { getByTestId, rerender } = render(<TestComponent data={dataMetadata}></TestComponent>);\n\n    // validate tabbable mode is working first\n    const firstRowInput = getByTestId('input-i0');\n    expect(firstRowInput.getAttribute('tabindex')).equals('-1');\n    userEvent.click(firstRowInput);\n    rerender(<TestComponent data={dataMetadata}></TestComponent>);\n    expect(firstRowInput.getAttribute('tabindex')).equals('0');\n\n    // now toggle off the mode and see click does not set the mode on\n    rerender(<TestComponent allowTabbableMode={false} data={dataMetadata}></TestComponent>);\n    userEvent.click(firstRowInput);\n    expect(firstRowInput.getAttribute('tabindex')).equals('-1');\n  });\n});\n\ntype Employee<K> = {\n  id: K;\n  name: string;\n};\n\ntype Data<K> = { data: Employee<K>; metadata: Metadata<K> }[] | null;\n\ntype Props<K> = {\n  allowTabbableMode?: boolean;\n  data: Data<K>;\n  role?: Roles;\n  loadingIndicator?: ComponentChildren;\n};\nfunction TestComponent<K extends string | number>({\n  allowTabbableMode,\n  data,\n  loadingIndicator,\n  role\n}: Props<K>) {\n  const rootRef = useRef(null);\n  const [currentKey, setCurrentKey] = useState<K | undefined>(undefined);\n  const [dataState, _] = useState<DataState<K, Employee<K>> | null>(\n    data\n      ? {\n          offset: 0,\n          data: data.slice(0, 25),\n          totalSize: data.length,\n          sizePrecision: 'exact'\n        }\n      : null\n  );\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div\n      style=\"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto\"\n      ref={rootRef}>\n      <List\n        accessibleSummary=\"Basic list\"\n        allowTabbableMode={allowTabbableMode}\n        currentKey={currentKey}\n        data={dataState}\n        loadingIndicator={loadingIndicator}\n        onCurrentKeyChange={(detail: CurrentKeyDetail<K>) => setCurrentKey(detail.value)}\n        onLoadRange={() => {}}\n        role={role}\n        viewportConfig={getConfig()}>\n        {(context: ListItemContext<K, Employee<K>>) => (\n          <Flex>\n            {context.selector && context.selector()}\n            <Input data-testid={'input-' + context.data.id} />\n            <div\n              className=\"item\"\n              style={{\n                height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))',\n                padding: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n              }}>\n              {context.data.name}\n            </div>\n          </Flex>\n        )}\n      </List>\n    </div>\n  );\n}\n\nfunction populateData(\n  count: number,\n  isNumberKey?: boolean\n): Employee<string>[] | Employee<number>[] {\n  const data = [];\n  for (let i = 0; i < count; i++) {\n    if (isNumberKey) {\n      data.push({ id: i, name: 'Employee ' + i });\n    } else {\n      data.push({ id: 'i' + i, name: 'Employee ' + i });\n    }\n  }\n  return isNumberKey ? (data as Employee<number>[]) : (data as Employee<string>[]);\n}\n\n/**\n * Declare a tabbableMode aware component\n */\nconst Input = (props: HTMLAttributesSignalExcluded<HTMLInputElement>) => {\n  const { tabbableModeProps } = useTabbableMode();\n  return <input tabIndex={tabbableModeProps.tabIndex} {...props} />;\n};\n"],"names":["_jsx","render","expect","getRoot","getItems","getContents","userEvent","useRef","useState","List","_jsxs","Flex","useTabbableMode"],"mappings":"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"}

package/cjs/PRIVATE_List.js

@@ -1,32 +1,32 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var List = require('./List-b4a35fa2.js');
+var List = require('./List-f609db3f.js');
 require('preact/jsx-runtime');
 require('preact/hooks');
 require("identity-obj-proxy");
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-27243499.js');
+require('./classNames-28108b7d.js');
 require('./utils/UNSAFE_mergeProps.js');
 require('./utils/UNSAFE_keys.js');
-require('./LoadMoreCollection-dfd2adbf.js');
+require('./LoadMoreCollection-0b7e3fad.js');
 require('./PRIVATE_Collection.js');
-require('./Collection-6a25bfbe.js');
+require('./Collection-4f785d2f.js');
 require('preact');
 require('./hooks/UNSAFE_useViewportIntersect.js');
 require('./PRIVATE_VirtualizedCollection.js');
-require('./VirtualizedCollection-566d0c99.js');
+require('./VirtualizedCollection-9696bfc9.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-db1972cf.js');
+require('./FocusTrap-e848638a.js');
 require('preact/compat');
 require('./utils/PRIVATE_tabbableUtils.js');
-require('./_curry1-60ff2cd2.js');
-require('./_curry2-735704b3.js');
-require('./_curry3-c0edc5d7.js');
+require('./_curry1-3251b1fd.js');
+require('./_curry2-44662556.js');
+require('./_curry3-047e03f4.js');
 require('./hooks/UNSAFE_useId.js');
 require('./hooks/PRIVATE_useSelection.js');
 require('./hooks/PRIVATE_useCurrentKey.js');
@@ -35,30 +35,30 @@ require('./hooks/PRIVATE_useTabbableModeSet.js');
 require('./hooks/PRIVATE_useItemAction.js');
 require('./utils/PRIVATE_collectionUtils.js');
 require('./UNSAFE_Skeleton.js');
-require('./Skeleton-720e6abe.js');
-require('./tslib.es6-9714acb3.js');
+require('./Skeleton-a0dbf74a.js');
+require('./tslib.es6-337905dc.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_has-15002155.js');
+require('./_has-c5b8419a.js');
 require('./utils/UNSAFE_interpolations/borders.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-a6d5e94c.js');
+require('./Flex-d73eb41d.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-e2b4166b.js');
+require('./keys-dc35838f.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-60cc4198.js');
+require('./flexbox-5a021af6.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-c1a7b47f.js');
+require('./flexitem-382affea.js');
 require('./UNSAFE_Selector.js');
-require('./index-4d7b10cb.js');
-require('./index-cbca41dd.js');
+require('./index-e82ec2db.js');
+require('./index-411b8231.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-61857d56.js');
+require('./Icon-bbcfe43f.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-46f59df8.js');
-require('./index-a2f673ec.js');
+require('./Floating-939d2a3b.js');
+require('./index-81333995.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -70,7 +70,7 @@ require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-2784700e.js');
+require('./useAnimation-4166b248.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 

package/cjs/PRIVATE_Message/__tests__/MessageCloseButton.spec.js

@@ -0,0 +1,92 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var userEvent = require('@testing-library/user-event');
+var chai = require('chai');
+var MessageCloseButton = require('../../MessageCloseButton-a8bd364b.js');
+require("identity-obj-proxy");
+require('../../UNSAFE_Button.js');
+require('../../Button-6445c7e0.js');
+require('../../UNSAFE_BaseButton.js');
+require('../../BaseButton-3d18e665.js');
+require('../../tslib.es6-337905dc.js');
+require('../../hooks/UNSAFE_usePress.js');
+require('preact/hooks');
+require('../../hooks/UNSAFE_useHover.js');
+require('../../hooks/UNSAFE_useToggle.js');
+require('../../hooks/UNSAFE_useActive.js');
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-28108b7d.js');
+require('preact/compat');
+require('../../utils/UNSAFE_interpolations/dimensions.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+require('../../utils/UNSAFE_size.js');
+require('../../_curry1-3251b1fd.js');
+require('../../utils/UNSAFE_mergeInterpolations.js');
+require('../../_curry3-047e03f4.js');
+require('../../_curry2-44662556.js');
+require('../../_has-c5b8419a.js');
+require('../../utils/PRIVATE_clientHints.js');
+require('../../clientHints-5c8adda8.js');
+require('../../hooks/UNSAFE_useTabbableMode.js');
+require('preact');
+require('../../utils/UNSAFE_mergeProps.js');
+require('../../index-e82ec2db.js');
+require('../../index-411b8231.js');
+require('../../UNSAFE_Icon.js');
+require('../../Icon-bbcfe43f.js');
+require('../../hooks/UNSAFE_useTooltip.js');
+require('../../hooks/UNSAFE_useId.js');
+require('../../UNSAFE_Floating.js');
+require('../../Floating-939d2a3b.js');
+require('../../index-81333995.js');
+require('../../hooks/UNSAFE_useUser.js');
+require('../../UNSAFE_Environment.js');
+require('../../UNSAFE_Layer.js');
+require('../../utils/PRIVATE_floatingUtils.js');
+require('../../utils/PRIVATE_refUtils.js');
+require('../../hooks/UNSAFE_useOutsideClick.js');
+require('../../hooks/UNSAFE_useFocus.js');
+require('../../hooks/UNSAFE_useTouch.js');
+require('../../hooks/UNSAFE_useAnimation.js');
+require('../../useAnimation-4166b248.js');
+require('../../hooks/UNSAFE_useTheme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var userEvent__default = /*#__PURE__*/_interopDefaultLegacy(userEvent);
+
+describe('Test MessageCloseButton component', () => {
+    it('default renderer', async function () {
+        const clickListenerObj = {
+            clicked: false
+        };
+        const handleClick = function () {
+            clickListenerObj.clicked = true;
+        };
+        const content = preact.render(jsxRuntime.jsx(MessageCloseButton.MessageCloseButton, { onAction: handleClick }));
+        const button = await content.findByRole('button');
+        chai.expect(button).not.null;
+        userEvent__default["default"].click(button);
+        chai.expect(clickListenerObj.clicked).to.be.true;
+    });
+    it('custom button renderer', async function () {
+        const buttonRenderer = (title, onAction, _variant) => (jsxRuntime.jsx("button", Object.assign({ style: "background-color: orange;", "aria-label": title, onClick: onAction, title: title }, { children: title })));
+        const clickListenerObj = {
+            clicked: false
+        };
+        const handleClick = function () {
+            clickListenerObj.clicked = true;
+        };
+        const content = preact.render(jsxRuntime.jsx(MessageCloseButton.MessageCloseButton, { onAction: handleClick, buttonRenderer: buttonRenderer }));
+        const button = await content.findByText('Close');
+        chai.expect(button).not.null;
+        chai.expect(button.style.backgroundColor).to.equal('orange');
+        userEvent__default["default"].click(button);
+        chai.expect(clickListenerObj.clicked).to.be.true;
+    });
+});
+/*  */
+//# sourceMappingURL=MessageCloseButton.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageCloseButton.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageCloseButton.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport { MessageCloseButton } from '../MessageCloseButton';\n\ndescribe('Test MessageCloseButton component', () => {\n  it('default renderer', async function () {\n    const clickListenerObj = {\n      clicked: false\n    };\n    const handleClick = function () {\n      clickListenerObj.clicked = true;\n    };\n    const content = render(<MessageCloseButton onAction={handleClick} />);\n\n    const button = await content.findByRole('button');\n    expect(button).not.null;\n\n    userEvent.click(button);\n    expect(clickListenerObj.clicked).to.be.true;\n  });\n\n  it('custom button renderer', async function () {\n    const buttonRenderer = (\n      title: string,\n      onAction: (event?: Event) => void,\n      _variant?: string\n    ) => (\n      <button style=\"background-color: orange;\" aria-label={title} onClick={onAction} title={title}>\n        {title}\n      </button>\n    );\n    const clickListenerObj = {\n      clicked: false\n    };\n    const handleClick = function () {\n      clickListenerObj.clicked = true;\n    };\n    const content = render(\n      <MessageCloseButton onAction={handleClick} buttonRenderer={buttonRenderer} />\n    );\n\n    const button = await content.findByText('Close');\n    expect(button).not.null;\n    expect(button.style.backgroundColor).to.equal('orange');\n\n    userEvent.click(button);\n    expect(clickListenerObj.clicked).to.be.true;\n  });\n});\n"],"names":["render","_jsx","MessageCloseButton","expect","userEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,QAAQ,CAAC,mCAAmC,EAAE,MAAK;IACjD,EAAE,CAAC,kBAAkB,EAAE,kBAAK;AAC1B,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,OAAO,EAAE,KAAK;SACf,CAAC;AACF,QAAA,MAAM,WAAW,GAAG,YAAA;AAClB,YAAA,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;AAClC,SAAC,CAAC;AACF,QAAA,MAAM,OAAO,GAAGA,aAAM,CAACC,cAAC,CAAAC,qCAAkB,EAAC,EAAA,QAAQ,EAAE,WAAW,EAAI,CAAA,CAAC,CAAC;QAEtE,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAClD,QAAAC,WAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAExB,QAAAC,6BAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxBD,WAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC9C,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,kBAAK;AAChC,QAAA,MAAM,cAAc,GAAG,CACrB,KAAa,EACb,QAAiC,EACjC,QAAiB,MAEjBF,yCAAQ,KAAK,EAAC,2BAA2B,EAAA,YAAA,EAAa,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EACzF,KAAK,EAAA,CAAA,CACC,CACV,CAAC;AACF,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,OAAO,EAAE,KAAK;SACf,CAAC;AACF,QAAA,MAAM,WAAW,GAAG,YAAA;AAClB,YAAA,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;AAClC,SAAC,CAAC;AACF,QAAA,MAAM,OAAO,GAAGD,aAAM,CACpBC,cAAA,CAACC,qCAAkB,EAAC,EAAA,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAA,CAAI,CAC9E,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACjD,QAAAC,WAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAAA,WAAM,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAExD,QAAAC,6BAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxBD,WAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC9C,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessageDetail.spec.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var MessageDetail = require('../../MessageDetail-b28bd9ad.js');
+require("identity-obj-proxy");
+require('preact');
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-28108b7d.js');
+require('../../MessageFormattingUtils-a039de2b.js');
+require('../../utils/UNSAFE_getLocale.js');
+require('../../utils/UNSAFE_stringUtils.js');
+require('../../stringUtils-95025658.js');
+require('../../Message.types-4f6f7327.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+
+const MessageRendererDataItem = {
+    data: {
+        detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'
+    },
+    index: 0,
+    key: 'ConfirmationMessage',
+    metadata: { key: 'ConfirmationMessage' }
+};
+describe('Test MessageDetail component', () => {
+    it('default renderer', async function () {
+        const content = preact.render(jsxRuntime.jsx(MessageDetail.MessageDetail, { item: MessageRendererDataItem }));
+        const detail = await content.findByText('Lorem Ipsum is simply dummy text of the printing and typesetting industry.');
+        chai.expect(detail).not.null;
+    });
+    it('custom renderer', async function () {
+        const detailRenderer = ({ data, index, key, metadata }) => (jsxRuntime.jsxs("div", Object.assign({ style: "border: 1px solid gray; padding: 5px; background-color: orange;", "data-testid": "customWrapper" }, { children: [jsxRuntime.jsxs("div", { children: ["index: ", index] }), jsxRuntime.jsxs("div", { children: ["key: ", key] }), jsxRuntime.jsxs("div", { children: ["detail: ", data.detail] }), jsxRuntime.jsxs("div", { children: ["metadata key: ", metadata === null || metadata === void 0 ? void 0 : metadata.key] })] })));
+        const content = preact.render(jsxRuntime.jsx(MessageDetail.MessageDetail, { item: MessageRendererDataItem, renderer: detailRenderer }));
+        const customWrapper = await content.findByTestId('customWrapper');
+        chai.expect(customWrapper).not.null;
+        chai.expect(customWrapper === null || customWrapper === void 0 ? void 0 : customWrapper.style.backgroundColor).to.equal('orange');
+        const index = await content.findByText('index: 0');
+        chai.expect(index).not.null;
+        const key = await content.findByText('key: ConfirmationMessage');
+        chai.expect(key).not.null;
+        const detail = await content.findByText('detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.');
+        chai.expect(detail).not.null;
+        const metadataKey = await content.findByText('metadata key: ConfirmationMessage');
+        chai.expect(metadataKey).not.null;
+    });
+});
+/*  */
+//# sourceMappingURL=MessageDetail.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageDetail.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageDetail.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MessageRendererDataItem } from '../Message.types';\nimport { MessageDetail } from '../MessageDetail';\n\nconst MessageRendererDataItem = {\n  data: {\n    detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'\n  },\n  index: 0,\n  key: 'ConfirmationMessage',\n  metadata: { key: 'ConfirmationMessage' }\n};\n\ndescribe('Test MessageDetail component', () => {\n  it('default renderer', async function () {\n    const content = render(<MessageDetail item={MessageRendererDataItem} />);\n\n    const detail = await content.findByText(\n      'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'\n    );\n    expect(detail).not.null;\n  });\n\n  it('custom renderer', async function () {\n    type DataType = {\n      detail: string;\n    };\n    const detailRenderer = ({\n      data,\n      index,\n      key,\n      metadata\n    }: MessageRendererDataItem<string, DataType>) => (\n      <div\n        style=\"border: 1px solid gray; padding: 5px; background-color: orange;\"\n        data-testid=\"customWrapper\">\n        <div>index: {index}</div>\n        <div>key: {key}</div>\n        <div>detail: {data.detail}</div>\n        <div>metadata key: {metadata?.key}</div>\n      </div>\n    );\n\n    const content = render(\n      <MessageDetail item={MessageRendererDataItem} renderer={detailRenderer} />\n    );\n\n    const customWrapper = await content.findByTestId('customWrapper');\n    expect(customWrapper).not.null;\n    expect(customWrapper?.style.backgroundColor).to.equal('orange');\n\n    const index = await content.findByText('index: 0');\n    expect(index).not.null;\n\n    const key = await content.findByText('key: ConfirmationMessage');\n    expect(key).not.null;\n\n    const detail = await content.findByText(\n      'detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.'\n    );\n    expect(detail).not.null;\n\n    const metadataKey = await content.findByText('metadata key: ConfirmationMessage');\n    expect(metadataKey).not.null;\n  });\n});\n"],"names":["render","_jsx","MessageDetail","expect","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAM,uBAAuB,GAAG;AAC9B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,4EAA4E;AACrF,KAAA;AACD,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,QAAQ,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE;CACzC,CAAC;AAEF,QAAQ,CAAC,8BAA8B,EAAE,MAAK;IAC5C,EAAE,CAAC,kBAAkB,EAAE,kBAAK;AAC1B,QAAA,MAAM,OAAO,GAAGA,aAAM,CAACC,cAAC,CAAAC,2BAAa,EAAC,EAAA,IAAI,EAAE,uBAAuB,EAAI,CAAA,CAAC,CAAC;QAEzE,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CACrC,4EAA4E,CAC7E,CAAC;AACF,QAAAC,WAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC1B,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,kBAAK;QAIzB,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,QAAQ,EACkC,MAC1CC,eAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,KAAK,EAAC,iEAAiE,EAC3D,aAAA,EAAA,eAAe,EAC3B,EAAA,EAAA,QAAA,EAAA,CAAAA,eAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,EAAa,KAAK,CAAO,EAAA,CAAA,EACzBA,6CAAW,GAAG,CAAA,EAAA,CAAO,EACrBA,eAAc,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,IAAI,CAAC,MAAM,CAAO,EAAA,CAAA,EAChCA,sDAAoB,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAE,GAAG,CAAA,EAAA,CAAO,CACpC,EAAA,CAAA,CAAA,CACP,CAAC;AAEF,QAAA,MAAM,OAAO,GAAGJ,aAAM,CACpBC,cAAA,CAACC,2BAAa,EAAC,EAAA,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,cAAc,EAAA,CAAI,CAC3E,CAAC;QAEF,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAClE,QAAAC,WAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,QAAAA,WAAM,CAAC,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,KAAK,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhE,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACnD,QAAAA,WAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QAEvB,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;AACjE,QAAAA,WAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QAErB,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,UAAU,CACrC,oFAAoF,CACrF,CAAC;AACF,QAAAA,WAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;QAExB,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;AAClF,QAAAA,WAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.js

@@ -0,0 +1,49 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var chai = require('chai');
+var MessageFormattingUtils = require('../../MessageFormattingUtils-a039de2b.js');
+var Message_types = require('../../Message.types-4f6f7327.js');
+require('../../utils/UNSAFE_getLocale.js');
+require('../../utils/UNSAFE_stringUtils.js');
+require('../../stringUtils-95025658.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+
+describe('Test MessageFormattingUtils', () => {
+    it('isValidValueForProp', function () {
+        // severity prop:
+        // valid severities
+        Message_types.severities.forEach((severity) => {
+            chai.expect(MessageFormattingUtils.isValidValueForProp(severity, 'severity')).to.be.true;
+        });
+        // invalid severity
+        chai.expect(MessageFormattingUtils.isValidValueForProp('foo', 'severity')).to.be.false;
+        // timestamp prop:
+        // valid ISO string
+        chai.expect(MessageFormattingUtils.isValidValueForProp(new Date().toISOString(), 'timestamp')).to.be.true;
+        // invalid ISO string
+        chai.expect(MessageFormattingUtils.isValidValueForProp('foo', 'timestamp')).to.be.false;
+        // string prop:
+        // valid string
+        chai.expect(MessageFormattingUtils.isValidValueForProp('foo', 'string')).to.be.true;
+        // invalid strings
+        chai.expect(MessageFormattingUtils.isValidValueForProp('', 'string')).to.be.false;
+        chai.expect(MessageFormattingUtils.isValidValueForProp(null, 'string')).to.be.false;
+        chai.expect(MessageFormattingUtils.isValidValueForProp(undefined, 'string')).to.be.false;
+    });
+    it('formatTimestamp', function () {
+        const validTimestamp = MessageFormattingUtils.formatTimestamp(new Date().toISOString());
+        chai.expect(MessageFormattingUtils.isValidValueForProp(validTimestamp, 'string')).to.be.true;
+        // formatting an invalid timestamp should throw an error, but if not, verify that it's
+        // not a valid string prop
+        try {
+            const invalidTimestamp = MessageFormattingUtils.formatTimestamp('foo');
+            chai.expect(MessageFormattingUtils.isValidValueForProp(invalidTimestamp, 'timestamp')).to.be.false;
+        }
+        catch (e) {
+            chai.expect(e).not.null;
+        }
+    });
+});
+/*  */
+//# sourceMappingURL=MessageFormattingUtils.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.ts"],"sourcesContent":["import { expect } from 'chai';\nimport { isValidValueForProp, formatTimestamp } from '../MessageFormattingUtils';\nimport { severities } from '../Message.types';\n\ndescribe('Test MessageFormattingUtils', () => {\n  it('isValidValueForProp', function () {\n    // severity prop:\n    // valid severities\n    severities.forEach((severity) => {\n      expect(isValidValueForProp(severity, 'severity')).to.be.true;\n    });\n    // invalid severity\n    expect(isValidValueForProp('foo', 'severity')).to.be.false;\n\n    // timestamp prop:\n    // valid ISO string\n    expect(isValidValueForProp(new Date().toISOString(), 'timestamp')).to.be.true;\n    // invalid ISO string\n    expect(isValidValueForProp('foo', 'timestamp')).to.be.false;\n\n    // string prop:\n    // valid string\n    expect(isValidValueForProp('foo', 'string')).to.be.true;\n    // invalid strings\n    expect(isValidValueForProp('', 'string')).to.be.false;\n    expect(isValidValueForProp(null, 'string')).to.be.false;\n    expect(isValidValueForProp(undefined, 'string')).to.be.false;\n  });\n\n  it('formatTimestamp', function () {\n    const validTimestamp = formatTimestamp(new Date().toISOString());\n    expect(isValidValueForProp(validTimestamp, 'string')).to.be.true;\n\n    // formatting an invalid timestamp should throw an error, but if not, verify that it's\n    // not a valid string prop\n    try {\n      const invalidTimestamp = formatTimestamp('foo');\n      expect(isValidValueForProp(invalidTimestamp, 'timestamp')).to.be.false;\n    } catch (e) {\n      expect(e).not.null;\n    }\n  });\n});\n"],"names":["severities","expect","isValidValueForProp","formatTimestamp"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,6BAA6B,EAAE,MAAK;IAC3C,EAAE,CAAC,qBAAqB,EAAE,YAAA;;;AAGxB,QAAAA,wBAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AAC9B,YAAAC,WAAM,CAACC,0CAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AAC/D,SAAC,CAAC,CAAC;;AAEH,QAAAD,WAAM,CAACC,0CAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;;;AAI3D,QAAAD,WAAM,CAACC,0CAAmB,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;;AAE9E,QAAAD,WAAM,CAACC,0CAAmB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;;;AAI5D,QAAAD,WAAM,CAACC,0CAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;;AAExD,QAAAD,WAAM,CAACC,0CAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AACtD,QAAAD,WAAM,CAACC,0CAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AACxD,QAAAD,WAAM,CAACC,0CAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AAC/D,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,YAAA;QACpB,MAAM,cAAc,GAAGC,sCAAe,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;AACjE,QAAAF,WAAM,CAACC,0CAAmB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;;;QAIjE,IAAI;AACF,YAAA,MAAM,gBAAgB,GAAGC,sCAAe,CAAC,KAAK,CAAC,CAAC;AAChD,YAAAF,WAAM,CAACC,0CAAmB,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AACxE,SAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAAD,WAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,SAAA;AACH,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}