@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/amd/UNSAFE_MeterCircle/__tests__/MeterCircle.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterCircle.spec.js","sources":["../../../../src/UNSAFE_MeterCircle/__tests__/MeterCircle.spec.tsx"],"sourcesContent":["import { render, waitFor, fireEvent } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MeterCircle } from '../MeterCircle';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport type { RootEnvironment } from '../../UNSAFE_Environment';\nimport userEvent from '@testing-library/user-event';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\nconst DATATIP_TEST_TIMEOUT = 3000;\nconst DATATIP_TEXT = 'datatip_text';\ndescribe('Test MeterCircle component', () => {\n  it('render', async function () {\n    const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n    const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n    const env: Partial<RootEnvironment> = {\n      translations: { '@oracle/oraclejet-preact': translations }\n    };\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <MeterCircle value={20} min={0} max={100} accessibleLabel=\"ariaText\" />\n      </RootEnvironmentProvider>\n    );\n    const initials = await content.getAllByLabelText('ariaText');\n    expect(initials).not.null;\n  });\n\n  it('applies Linaria CSS classes', async () => {\n    const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n    const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n    const env: Partial<RootEnvironment> = {\n      translations: { '@oracle/oraclejet-preact': translations }\n    };\n    const content = render(\n      <RootEnvironmentProvider environment={env}>\n        <MeterCircle value={20} min={0} max={100} />\n      </RootEnvironmentProvider>\n    );\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(1);\n  });\n});\n\ndescribe('Test Meter Circle ARIA props', () => {\n  it('Test default aria properties of Meter Circle', async function () {\n    const content = render(<MeterCircle value={20} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.getAttribute('aria-valuemax')).equals('100');\n    expect(firstElement.getAttribute('aria-valuenow')).equals('20');\n    expect(firstElement.getAttribute('aria-valuemin')).equals('0');\n    expect(firstElement.getAttribute('aria-valuetext')).equals('20 ');\n    expect(firstElement.getAttribute('aria-describedby')).not.null;\n    expect(firstElement.getAttribute('aria-labelledby')).null;\n    expect(firstElement.getAttribute('aria-label')).null;\n  });\n\n  it('Test value, role, min and max property of Meter Circle', async function () {\n    const content = render(<MeterCircle value={100} max={150} min={50} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.getAttribute('role')).equals('slider');\n    expect(firstElement.getAttribute('aria-valuemax')).equals('150');\n    expect(firstElement.getAttribute('aria-valuenow')).equals('100');\n    expect(firstElement.getAttribute('aria-valuemin')).equals('50');\n    expect(firstElement.getAttribute('aria-valuetext')).equals('100 ');\n  });\n\n  it('Test accessiblelabel property of Meter Circle', async function () {\n    const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';\n    const content = render(<MeterCircle value={20} accessibleLabel={testAccessibleLabel} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.getAttribute('aria-label')).equals(testAccessibleLabel);\n  });\n\n  it('Test describedBy attribute of Meter Circle', async function () {\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const content = render(<MeterCircle value={20} ariaDescribedBy={testAriaDescribedBy} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    const meterDescribedBy = firstElement.getAttribute('aria-describedby');\n    const describedByIds = meterDescribedBy?.split(' ');\n    expect(describedByIds?.length).equals(3); // including aria describedby for default datatip\n    expect(describedByIds ? describedByIds[0] : '').equals('TEST');\n    expect(describedByIds ? describedByIds[1] : '').equals('ARIA-DESCRIBED-BY');\n  });\n\n  it('Test labelledby attribute of Meter Circle', async function () {\n    const testAriaLabeledBy = 'TEST ARIA-LABELLED-BY';\n    const content = render(<MeterCircle value={20} ariaLabelledBy={testAriaLabeledBy} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.getAttribute('aria-labelledby')).equals(testAriaLabeledBy);\n  });\n});\n\ndescribe('Test \"Size\" property of Meter Circle ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default size', async function () {\n      const content = render(<MeterCircle value={5} />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Default size is correct'\n      ).to.be.equal('196px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Default size is correct'\n      ).to.be.equal('196px');\n    });\n\n    it('Test \"size = large\"', async function () {\n      const content = render(<MeterCircle value={5} size=\"lg\" />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Large size is correct'\n      ).to.be.equal('196px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Large size is correct'\n      ).to.be.equal('196px');\n    });\n\n    it('Test \"size = medium\"', async function () {\n      const content = render(<MeterCircle value={20} size=\"md\" />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Medium size is correct'\n      ).to.be.equal('96px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Medium size is correct'\n      ).to.be.equal('96px');\n    });\n\n    it('Test \"size = small\"', async function () {\n      const content = render(<MeterCircle value={20} size=\"sm\" />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Small size is correct'\n      ).to.be.equal('56px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Small size is correct'\n      ).to.be.equal('56px');\n    });\n  }\n});\n\ndescribe('Test \"Track\"  attribute of Meter Circle ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default track of Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(firstElement.style.backgroundColor).equals('');\n    });\n\n    it('Test Track not present in Meter Circle when isTrackRendered is set to false', async function () {\n      const content = render(<MeterCircle value={20} isTrackRendered={false} trackColor=\"red\" />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(firstElement.style.borderColor).equals('transparent');\n    });\n\n    it('Test isTrackRendered and traclColor attribute with value as true in Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} isTrackRendered={true} trackColor={'red'} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(firstElement.style.borderColor).equals('red');\n    });\n  }\n});\n\ndescribe('Test \"indicatorSize\" and indicatorColor attribute of Meter Circle ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default indicatorSize of Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'height'\n      ).to.be.equal('196px');\n    });\n\n    it('Test indicatorSize of Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} indicatorSize={0.5} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(firstElement.style.height).contains('0.5');\n    });\n\n    it('Test default indicatorColor of Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(firstElement.style.borderColor).equals('');\n    });\n\n    it('Test indicatorColor of Meter Circle', async function () {\n      const content = render(<MeterCircle value={20} indicatorColor={'red'} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(firstElement.style.borderColor).equals('red');\n    });\n  }\n});\n\ndescribe('Test angleExtent,startAngle, center content, innerBound and OuterBound property of Meter Circle ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test for Right Half semi Meter Circle ', async function () {\n      const content = render(<MeterCircle value={12} angleExtent={180} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Height of semi circle'\n      ).to.be.equal('196px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Width of semi circle'\n      ).to.be.equal('98px');\n    });\n\n    it('Test for Top Half semi Meter Circle ', async function () {\n      const content = render(<MeterCircle value={12} angleExtent={180} startAngle={180} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Height of semi circle'\n      ).to.be.equal('98px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Width of semi circle'\n      ).to.be.equal('196px');\n    });\n\n    it('Test for Bottom Half semi Meter Circle ', async function () {\n      const content = render(<MeterCircle value={12} angleExtent={180} startAngle={0} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Height of semi circle'\n      ).to.be.equal('98px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Width of semi circle'\n      ).to.be.equal('196px');\n    });\n\n    it('Test for Left Half semi Meter Circle ', async function () {\n      const content = render(<MeterCircle value={12} angleExtent={180} startAngle={270} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('height'),\n        'Height of semi circle'\n      ).to.be.equal('196px');\n      expect(\n        window.getComputedStyle(firstElement).getPropertyValue('width'),\n        'Width of semi circle'\n      ).to.be.equal('98px');\n    });\n\n    it('Test Center content', async function () {\n      const content = render(\n        <MeterCircle value={20}>\n          {() => {\n            return <div>Sales in USD</div>;\n          }}\n        </MeterCircle>\n      );\n      const centerText = await content.findByText('Sales in USD');\n      expect(centerText).not.null;\n    });\n\n    it('Test inner and outer bounds', async function () {\n      const content = render(\n        <MeterCircle value={20}>\n          {(context) => {\n            return (\n              <div\n                id=\"centerContentDiv\"\n                data-iBx={context.innerBounds.x}\n                data-iBy={context.innerBounds.y}\n                data-oBx={context.outerBounds.x}\n                data-oBy={context.outerBounds.y}>\n                <div>Sales in USD</div>\n              </div>\n            );\n          }}\n        </MeterCircle>\n      );\n      const centerContent = content.container.firstElementChild?.firstElementChild?.childNodes[2]\n        .firstChild as HTMLElement;\n      expect(Number(centerContent.dataset['ibx'])).closeTo(37, 1);\n      expect(Number(centerContent.dataset['iby'])).closeTo(37, 1);\n      expect(centerContent.dataset['obx']).equals('12');\n      expect(centerContent.dataset['oby']).equals('12');\n    });\n  }\n});\n\nif (typeof jest === 'undefined') {\n  describe('Test to check the rendering of reference lines', () => {\n    it('Multiple Reference Line to check reference line color value', async () => {\n      const content = render(\n        <MeterCircle\n          value={10}\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96'\n            },\n            {\n              value: 50,\n              color: '#3A6E96'\n            },\n            {\n              value: 70,\n              color: 'red'\n            },\n            {\n              value: 60\n            }\n          ]}\n        />\n      );\n      const innerElement4 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(innerElement4.style.backgroundColor).equals('red');\n      const innerElement5 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[5] as HTMLElement;\n      expect(innerElement5.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)'\n      );\n      expect(innerElement5.style.borderBottom).equals(\n        '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n      );\n    });\n    it('Multiple Reference Line to check reference line color enums', async () => {\n      const content = render(\n        <MeterCircle\n          value={10}\n          referenceLines={[\n            {\n              value: 40,\n              color: 'danger'\n            },\n            {\n              value: 50,\n              color: 'warning'\n            },\n            {\n              value: 70,\n              color: 'success'\n            },\n            {\n              value: 60\n            }\n          ]}\n        />\n      );\n      const innerElement2 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(innerElement2.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n\n      const innerElement3 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[3] as HTMLElement;\n      expect(innerElement3.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)'\n      );\n\n      const innerElement4 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(innerElement4.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)'\n      );\n      const innerElement5 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[5] as HTMLElement;\n      expect(innerElement5.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)'\n      );\n      expect(innerElement5.style.borderBottom).equals(\n        '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n      );\n    });\n    it('Reference Line', async () => {\n      const content = render(\n        <MeterCircle\n          value={10}\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96'\n            }\n          ]}\n        />\n      );\n      const innerElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement.classList.length).equals(3);\n    });\n  });\n  describe('Test Threshold attribute of Meter Circle ', () => {\n    it('Test threshold color enums in Meter Circle when thresholdDisplay is set to all', async function () {\n      const content = render(\n        <MeterCircle\n          value={20}\n          thresholdDisplay=\"all\"\n          thresholds={[\n            {\n              max: 33,\n              color: 'danger'\n            },\n            {\n              max: 65,\n              color: 'warning'\n            },\n            {\n              max: 100,\n              color: 'success'\n            }\n          ]}\n        />\n      );\n\n      const firstElementSecondChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(firstElementSecondChild.style.borderColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n      const firstElementThirdChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(firstElementThirdChild.style.borderColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)'\n      );\n      const firstElementFourthChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[3] as HTMLElement;\n      expect(firstElementFourthChild.style.borderColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)'\n      );\n    });\n    it('Test threshold color enums in Meter Circle when thresholdDisplay is set to track', async function () {\n      const content = render(\n        <MeterCircle\n          value={20}\n          thresholdDisplay=\"track\"\n          thresholds={[\n            {\n              max: 33,\n              color: 'danger'\n            },\n            {\n              max: 65,\n              color: 'warning'\n            },\n            {\n              max: 100,\n              color: 'success'\n            }\n          ]}\n        />\n      );\n\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(firstElement.style.borderColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n    });\n    it('Test threshold color enums in Meter Circle when thresholdDisplay is set to indicator', async function () {\n      const content = render(\n        <MeterCircle\n          value={20}\n          thresholdDisplay=\"indicator\"\n          thresholds={[\n            {\n              max: 33,\n              color: 'danger'\n            },\n            {\n              max: 65,\n              color: 'warning'\n            },\n            {\n              max: 100,\n              color: 'success'\n            }\n          ]}\n        />\n      );\n\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(firstElement.style.borderColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n    });\n  });\n}\ndescribe('Mouse Interaction', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(DATATIP_TEST_TIMEOUT);\n    it(\n      'check default datatip correctly triggered with mouse interaction',\n      async () => {\n        const content = render(\n          <RootEnvironmentProvider>\n            <MeterCircle value={30} />\n          </RootEnvironmentProvider>\n        );\n        const MeterCircleElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterCircleElement);\n        await waitFor(() => checkDatatipText('30'), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it(\n      'check datatip correctly triggered with mouse interaction',\n      async () => {\n        const content = render(\n          <RootEnvironmentProvider>\n            <MeterCircle value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const MeterCircleElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterCircleElement);\n        await waitFor(() => checkDatatipText(DATATIP_TEXT), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it('check datatip when set to null, correctly triggered with mouse interaction', async () => {\n      const content = render(\n        <RootEnvironmentProvider>\n          <MeterCircle value={30} datatip={null} />\n        </RootEnvironmentProvider>\n      );\n      const MeterCircleElement = content.container.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      userEvent.hover(MeterCircleElement);\n      await waitFor(\n        () => {\n          const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n          expect(targetElements.length).equals(0);\n        },\n        {\n          timeout: DATATIP_TEST_TIMEOUT\n        }\n      );\n    });\n\n    it('check onCommit event is correctly triggered with mouse interaction', async () => {\n      const clickListenerObj = { clicked: false };\n      const handleOnCommit = (detail: any) => {\n        if (detail.value != null) clickListenerObj.clicked = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider>\n          <MeterCircle value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const MeterCircleElement = content.container.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      fireEvent.pointerUp(MeterCircleElement);\n      await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    });\n\n    // it('check onInput event is correctly triggered with mouse interaction', async () => {\n    //   const clickListenerObj = { clicked: false };\n    //   const handleOnInput = (detail: any) => {\n    //     if (detail.value != null) clickListenerObj.clicked = true;\n    //   };\n    //   const content = render(\n    //     <RootEnvironmentProvider>\n    //       <MeterCircle value={20} onInput={handleOnInput} />\n    //     </RootEnvironmentProvider>\n    //   );\n    //   const MeterCircleElement = content.container.firstElementChild\n    //     ?.firstElementChild as HTMLElement;\n    //   fireEvent.pointerDown(MeterCircleElement);\n    //   await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    // });\n  }\n});\n\ndescribe('Mouse Interaction in RTL mode', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(DATATIP_TEST_TIMEOUT);\n    it(\n      'check default datatip correctly triggered with mouse interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        const content = render(\n          <RootEnvironmentProvider environment={env}>\n            <MeterCircle value={30} />\n          </RootEnvironmentProvider>\n        );\n        const MeterCircleElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterCircleElement);\n        await waitFor(() => checkDatatipText('30'), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it(\n      'check datatip correctly triggered with mouse interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        const content = render(\n          <RootEnvironmentProvider environment={env}>\n            <MeterCircle value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const MeterCircleElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterCircleElement);\n        await waitFor(() => checkDatatipText(DATATIP_TEXT), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it('check datatip when set to null, correctly triggered with mouse interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const content = render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle value={30} datatip={null} />\n        </RootEnvironmentProvider>\n      );\n      const MeterCircleElement = content.container.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      userEvent.hover(MeterCircleElement);\n      await waitFor(\n        () => {\n          const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n          expect(targetElements.length).equals(0);\n        },\n        {\n          timeout: DATATIP_TEST_TIMEOUT\n        }\n      );\n    });\n\n    it('check onCommit event is correctly triggered with mouse interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const clickListenerObj = { clicked: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null) clickListenerObj.clicked = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const MeterCircleElement = content.container.firstElementChild\n        ?.firstElementChild as HTMLElement;\n      fireEvent.pointerUp(MeterCircleElement);\n      await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    });\n\n    // it('check onInput event is correctly triggered with mouse interaction', async () => {\n    //   const env: Partial<RootEnvironment> = {\n    //     user: { direction: 'rtl' }\n    //   };\n    //   const clickListenerObj = { clicked: false };\n    //   const handleOnInput = (detail: any) => {\n    //     if (detail.value != null) clickListenerObj.clicked = true;\n    //   };\n    //   const content = render(\n    //     <RootEnvironmentProvider environment={env}>\n    //       <MeterCircle value={20} onInput={handleOnInput} />\n    //     </RootEnvironmentProvider>\n    //   );\n    //   const MeterCircleElement = content.container.firstElementChild\n    //     ?.firstElementChild as HTMLElement;\n    //   fireEvent.pointerDown(MeterCircleElement);\n    //   await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    // });\n  }\n});\n\ndescribe('Keyboard Interaction', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(DATATIP_TEST_TIMEOUT);\n    it(\n      'check default datatip correctly triggered with keyboard interaction',\n      async () => {\n        render(\n          <RootEnvironmentProvider>\n            <MeterCircle value={30} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkDatatipText('30'), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it(\n      'check datatip correctly triggered with keyboard interaction',\n      async () => {\n        render(\n          <RootEnvironmentProvider>\n            <MeterCircle value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkDatatipText(DATATIP_TEXT), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it('check onInput event is correctly triggered with keyboard interaction', async () => {\n      const calledListenerObj = { called: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle value={20} onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n\n    it('check onInput is correctly triggered with HOME key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[HOME]');\n      await waitFor(() => expect(inputValue).equals(0));\n    });\n\n    it('check onInput is correctly triggered with END key by keyboard interaction ', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[END]');\n      await waitFor(() => expect(inputValue).equals(100));\n    });\n\n    it('check onCommit event is correctly triggered with keyboard interaction', async () => {\n      const calledListenerObj = { called: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ENTER]');\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n\n    it('check step is correctly triggered using down arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWDOWN]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n\n    it('check step is correctly triggered using right arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWRIGHT]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using up arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWUP]');\n      await waitFor(() => expect(inputValue).equals(2.5));\n    });\n    it('check step is correctly triggered using left arrow key with keyboard interaction', async () => {\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider>\n          <MeterCircle\n            step={0.5}\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ARROWLEFT]');\n      await waitFor(() => expect(inputValue).equals(1.5));\n    });\n  }\n});\n\ndescribe('Keyboard Interaction in RTL mode', () => {\n  const clientHints = getClientHints();\n  if (typeof jest === 'undefined' && clientHints.browser === 'chrome') {\n    mocha.timeout(DATATIP_TEST_TIMEOUT);\n    it(\n      'check default datatip correctly triggered with keyboard interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        render(\n          <RootEnvironmentProvider environment={env}>\n            <MeterCircle value={30} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkDatatipText('30'), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it(\n      'check datatip correctly triggered with keyboard interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        render(\n          <RootEnvironmentProvider environment={env}>\n            <MeterCircle value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        userEvent.tab();\n        await waitFor(() => checkDatatipText(DATATIP_TEXT), {\n          timeout: DATATIP_TEST_TIMEOUT\n        });\n      },\n      DATATIP_TEST_TIMEOUT\n    );\n\n    it('check onInput event is correctly triggered with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const calledListenerObj = { called: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle value={20} onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n\n    it('check onInput is correctly triggered with HOME key by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[HOME]');\n      await waitFor(() => expect(inputValue).equals(0));\n    });\n\n    it('check onInput is correctly triggered with END key by keyboard interaction ', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      let inputValue: number | undefined = 2;\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle\n            value={inputValue}\n            onInput={(detail) => {\n              inputValue = detail.value;\n            }}\n          />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[END]');\n      await waitFor(() => expect(inputValue).equals(100));\n    });\n\n    it('check onCommit event is correctly triggered with keyboard interaction', async () => {\n      const env: Partial<RootEnvironment> = {\n        user: { direction: 'rtl' }\n      };\n      const calledListenerObj = { called: false };\n      const handleOnCommit = (detail: { value: number | null }) => {\n        if (detail.value != null) calledListenerObj.called = true;\n      };\n      render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterCircle value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      userEvent.keyboard('[ENTER]');\n      await waitFor(() => expect(calledListenerObj.called).equals(true));\n    });\n  }\n});\n\nconst checkDatatipText = (content: string) => {\n  const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n  const targetElementItem = targetElements.item(0) as HTMLElement;\n  const tooltipContainer = targetElementItem?.firstElementChild as HTMLElement;\n  expect(tooltipContainer?.style.opacity).not.equals('');\n  expect(tooltipContainer?.style.opacity).not.equals('0');\n  expect(tooltipContainer?.style.maxHeight).not.equals('');\n  expect(tooltipContainer?.style.maxHeight).not.equals('0');\n  const innerHTML = tooltipContainer?.firstElementChild?.innerHTML;\n  expect(innerHTML).equals(content);\n};\n\n/*const getClientX = (element: HTMLElement) => {\n  const dim = element.getBoundingClientRect();\n  const clientX = dim.x + dim.width / 2;\n  return clientX;\n};\n*/\n"],"names":["DATATIP_TEST_TIMEOUT","DATATIP_TEXT","describe","it","async","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","env","content","render","_jsx","RootEnvironmentProvider","Object","assign","environment","children","jsx","MeterCircle","value","min","max","accessibleLabel","initials","getAllByLabelText","expect","not","null","__variableDynamicImportRuntime1__","classList","container","firstElementChild","length","equals","firstElement","getAttribute","testAccessibleLabel","meterDescribedBy","ariaDescribedBy","describedByIds","split","testAriaLabeledBy","ariaLabelledBy","jest","window","getComputedStyle","getPropertyValue","to","be","equal","size","_b","_a","style","backgroundColor","isTrackRendered","trackColor","borderColor","childNodes","indicatorSize","height","contains","indicatorColor","angleExtent","startAngle","centerText","findByText","centerContent","context","id","innerBounds","x","y","outerBounds","firstChild","Number","dataset","closeTo","referenceLines","color","innerElement4","innerElement5","_d","_c","borderBottom","innerElement2","innerElement3","_f","_e","_h","_g","innerElement","thresholdDisplay","thresholds","firstElementSecondChild","firstElementThirdChild","firstElementFourthChild","clientHints","getClientHints","browser","mocha","timeout","MeterCircleElement","userEvent","hover","waitFor","checkDatatipText","datatip","targetElements","document","querySelectorAll","clickListenerObj","clicked","onCommit","detail","fireEvent","pointerUp","user","direction","tab","calledListenerObj","called","onInput","inputValue","keyboard","step","targetElementItem","item","tooltipContainer","opacity","maxHeight","innerHTML"],"mappings":"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"}

package/amd/UNSAFE_MeterCircle.css

@@ -1,47 +1,47 @@
-._1bjd6ky{display:inline-block;pointer-events:none;}
-.vyould{touch-action:none;}.vyould:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._105bhha{border-radius:50%;}
-.av2m9q{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
-._1f8s2pz{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
-._7x9b3l{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
-._1f66xb4{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
-._1eysnzm{margin:1rem 1rem 0 1rem;}
-._2yq9bd{margin:0.75rem 0.75rem 0 0.75rem;}
-._1oi8tfl{margin:0.5rem 0.5rem 0 0.5rem;}
-.spw2r1{margin:0 1rem 1rem 1rem;}
-.ocafrx{margin:0 0.75rem 0.75rem 0.75rem;}
-._1uzsboh{margin:0 0.5rem 0.5rem 0.5rem;}
-._1wggkqt{margin:1rem 0 1rem 1rem;}
-.akwbr6{margin:0.75rem 0 0.75rem 0.75rem;}
-._68ejgc{margin:0.5rem 0 0.5rem 0.5rem;}
-._1bpbqz6{margin:1rem 1rem 1rem 0;}
-._1cjrctr{margin:0.75rem 0.75rem 0.75rem 0;}
-._11ykve5{margin:0.5rem 0.5rem 0.5rem 0;}
-.ep93qi{margin:1rem;}
-._1uniaye{margin:0.75rem;}
-._1xemks0{margin:0.5rem;}
-.xfc7l{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-.mgebi4{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1mxk3hh{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1vw1saj{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1lttcru{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._1ro0mid{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-.ndqzfr{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._2yse41{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._1weuego{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-.esndey{pointer-events:none;width:100%;height:100%;line-height:initial;}
-.tyzrox{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
-._21zmwc > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._27lrwo{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
-.ltu0l4{width:100%;height:100%;position:absolute;border-style:solid;box-sizing:border-box;pointer-events:none;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-._3sonfw{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
-.lreomt{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
-._1u7hnpz{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
-.p3n1f5{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;box-sizing:border-box;position:absolute;pointer-events:none;}
-.oyyp8l{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
-._74qb3z{top:100%;left:50%;translate:-50% -100%;}
-.tyvh6d{top:50%;translate:0 -50%;}
-._1t32xbx{left:100%;top:50%;translate:-100% -50%;}
-.ff349{left:50%;translate:-50% 0;}
+._190opx1{display:inline-block;pointer-events:none;}
+._1v0pm7z{touch-action:none;}._1v0pm7z:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._18x6cj{border-radius:50%;}
+.on92gx{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
+._3de0tv{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
+._73ek6s{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
+._99vhzg{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
+._15kn36w{margin:1rem 1rem 0 1rem;}
+.dfqmb5{margin:0.75rem 0.75rem 0 0.75rem;}
+.tvlr0d{margin:0.5rem 0.5rem 0 0.5rem;}
+._1jusef8{margin:0 1rem 1rem 1rem;}
+._7lhzz0{margin:0 0.75rem 0.75rem 0.75rem;}
+._17tnaxa{margin:0 0.5rem 0.5rem 0.5rem;}
+._1cxqmqk{margin:1rem 0 1rem 1rem;}
+._1id4v24{margin:0.75rem 0 0.75rem 0.75rem;}
+._121br1y{margin:0.5rem 0 0.5rem 0.5rem;}
+.n81ce4{margin:1rem 1rem 1rem 0;}
+.c6lkr8{margin:0.75rem 0.75rem 0.75rem 0;}
+.k4gis1{margin:0.5rem 0.5rem 0.5rem 0;}
+._1wf7jat{margin:1rem;}
+._3za41n{margin:0.75rem;}
+._1dsxyfc{margin:0.5rem;}
+._1h0gv08{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+._1f16ejs{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+.vjrnye{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+.j8kybw{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._1xzownt{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+._15oe9tk{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+._103vb38{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._19eo7og{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+._8mbxhl{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+._1nvevwu{pointer-events:none;width:100%;height:100%;line-height:initial;}
+._1c3hmtw{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
+._1dndbuf > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._72t78p{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
+.xa9e36{width:100%;height:100%;position:absolute;border-style:solid;box-sizing:border-box;pointer-events:none;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.aq1xkw{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
+.ro8yua{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
+.f1gilq{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
+._12kj9hi{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;box-sizing:border-box;position:absolute;pointer-events:none;}
+.g6kn96{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
+._1rgvgck{top:100%;left:50%;translate:-50% -100%;}
+.ma4qgs{top:50%;translate:0 -50%;}
+._101bquv{left:100%;top:50%;translate:-100% -50%;}
+._18fsymv{left:50%;translate:-50% 0;}
 
-._16o2f2{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}
+._1r79ktg{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}

package/amd/UNSAFE_MeterCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./MeterCircle-a4686770","./tslib.es6-0620c488","preact/jsx-runtime","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_MeterCircle.css","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-efacaca1","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTabbableMode"],function(e,s,o,t,i,a,r,l,u,A,E,_,U,c,F,n,N,S,h,k,f,m,p,T,b,d,M,P,g,I,v,R,V){"use strict";e.MeterCircle=s.MeterCircle,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./MeterCircle-fe1ef984","./tslib.es6-f169f6f6","preact/jsx-runtime","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_MeterCircle.css","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-77e465af","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./utils/UNSAFE_dvtCommonUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./hooks/UNSAFE_useTabbableMode"],function(e,s,o,t,i,l,r,u,A,E,_,a,U,F,n,N,c,S,h,k,f,m,d,p,T,b,M,P,g,v,I,C,R,V){"use strict";e.MeterCircle=s.MeterCircle,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MeterCircle.js.map

package/amd/UNSAFE_Modal/__tests__/Modal.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact","preact/hooks","@testing-library/preact","chai","../../UNSAFE_Layer","../../Modal-ee17e873","preact/compat","../../useModal-60dd158a","../../UNSAFE_FocusTrap","../../FocusTrap-0a63cd07","../../utils/UNSAFE_classNames","../../classNames-77e465af","css!./../../UNSAFE_Modal.css","../../utils/PRIVATE_tabbableUtils","../../_curry1-4048f3ff","../../_curry2-386569fb","../../_curry3-1f16eff2"],function(e,t,s,n,c,i,o,a,r,u,l,d,x,m,p,f,b,j){"use strict";const g=({submitButtonRef:s})=>e.jsxs(t.Fragment,{children:[e.jsx("input",{id:"inside_input"}),e.jsx("button",Object.assign({id:"inside_cancel"},{children:"Cancel"})),e.jsx("button",Object.assign({id:"inside_submit",ref:s},{children:"Submit"}))]}),y=({autoFocusTest:t=!1,isOpen:n=!0,restoreFocusTest:c=!1})=>{const a=s.useRef(null),r=s.useRef(null);let u,l;return t&&(u=a),c&&(l=r),e.jsxs(i.LayerManager,{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(o.Modal,Object.assign({autoFocusRef:u,isOpen:n,restoreFocusRef:l},{children:e.jsx(g,{submitButtonRef:a})})),e.jsx("button",Object.assign({ref:r},{children:"Following Button"}))]})};describe("Test Modal component",()=>{beforeEach(()=>{Object.defineProperty(HTMLElement.prototype,"offsetParent",{get(){return this.parentNode}})}),it("renders and sets default focus on first tabbable item",async()=>{const{getByRole:t}=n.render(e.jsx(y,{})),s=t("textbox");await n.waitFor(()=>{c.expect(document.activeElement).equals(s)})}),it("renders and sets initial focus to specified element",async()=>{const{getByText:t}=n.render(e.jsx(y,{autoFocusTest:!0})),s=t("Submit");await n.waitFor(()=>{c.expect(document.activeElement).equals(s)})}),it("unmounts and resets focus to original element",async()=>{const{getByRole:t,getByText:s,rerender:i}=n.render(e.jsx(y,{isOpen:!1})),o=s("Preceding Button");o.focus(),c.expect(document.activeElement).equals(o),i(e.jsx(y,{isOpen:!0}));const a=t("textbox");c.expect(document.activeElement).equals(a),i(e.jsx(y,{isOpen:!1})),await n.waitFor(()=>{c.expect(document.activeElement).equals(o)})}),it("unmounts and resets focus to specified element",async()=>{const{getByRole:t,getByText:s,rerender:i}=n.render(e.jsx(y,{isOpen:!1})),o=s("Preceding Button"),a=s("Following Button");o.focus(),c.expect(document.activeElement).equals(o),i(e.jsx(y,{isOpen:!0,restoreFocusTest:!0}));const r=t("textbox");c.expect(document.activeElement).equals(r),i(e.jsx(y,{isOpen:!1})),await n.waitFor(()=>{c.expect(document.activeElement).equals(a)})})})});
+//# sourceMappingURL=Modal.spec.js.map

package/amd/UNSAFE_Modal/__tests__/Modal.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.spec.js","sources":["../../../../src/UNSAFE_Modal/__tests__/Modal.spec.tsx"],"sourcesContent":["/**\n * General FocusTrap tests\n */\nimport { Fragment, Ref } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { render, waitFor } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { LayerManager } from '../../UNSAFE_Layer';\nimport Modal from '../Modal';\n\nconst TestDialog = ({ submitButtonRef }: { submitButtonRef?: Ref<HTMLButtonElement> }) => (\n  <Fragment>\n    <input id=\"inside_input\" />\n    <button id=\"inside_cancel\">Cancel</button>\n    <button id=\"inside_submit\" ref={submitButtonRef}>\n      Submit\n    </button>\n  </Fragment>\n);\n\nconst TestComponent = ({\n  autoFocusTest = false,\n  isOpen = true,\n  restoreFocusTest = false\n}: {\n  autoFocusTest?: boolean;\n  isOpen?: boolean;\n  restoreFocusTest?: boolean;\n}) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n  const followButtonRef = useRef<HTMLButtonElement>(null);\n\n  let maybeAutoFocusRef = undefined;\n  if (autoFocusTest) maybeAutoFocusRef = submitButtonRef;\n\n  let maybeRestoreFocusRef = undefined;\n  if (restoreFocusTest) maybeRestoreFocusRef = followButtonRef;\n\n  return (\n    <LayerManager>\n      <button>Preceding Button</button>\n      <Modal\n        autoFocusRef={maybeAutoFocusRef}\n        isOpen={isOpen}\n        restoreFocusRef={maybeRestoreFocusRef}>\n        <TestDialog submitButtonRef={submitButtonRef} />\n      </Modal>\n      <button ref={followButtonRef}>Following Button</button>\n    </LayerManager>\n  );\n};\n\ndescribe('Test Modal component', () => {\n  beforeEach(() => {\n    // need this as focus trap expects it to be set, it is used to determine if the tab stop is visible\n    Object.defineProperty(HTMLElement.prototype, 'offsetParent', {\n      get() {\n        return this.parentNode;\n      }\n    });\n  });\n  it('renders and sets default focus on first tabbable item', async () => {\n    const { getByRole } = render(<TestComponent />);\n    const insideInput = getByRole('textbox');\n    await waitFor(() => {\n      expect(document.activeElement).equals(insideInput);\n    });\n  });\n\n  it('renders and sets initial focus to specified element', async () => {\n    const { getByText } = render(<TestComponent autoFocusTest={true} />);\n    const autofocusButton = getByText('Submit');\n    await waitFor(() => {\n      expect(document.activeElement).equals(autofocusButton);\n    });\n  });\n\n  it('unmounts and resets focus to original element', async () => {\n    const { getByRole, getByText, rerender } = render(<TestComponent isOpen={false} />);\n    const precedingButton = getByText('Preceding Button');\n    // set original focus to button outside focus trap\n    precedingButton.focus();\n    expect(document.activeElement).equals(precedingButton);\n    rerender(<TestComponent isOpen={true} />);\n    const insideInput = getByRole('textbox');\n    expect(document.activeElement).equals(insideInput);\n    rerender(<TestComponent isOpen={false} />);\n    await waitFor(() => {\n      expect(document.activeElement).equals(precedingButton);\n    });\n  });\n\n  it('unmounts and resets focus to specified element', async () => {\n    const { getByRole, getByText, rerender } = render(<TestComponent isOpen={false} />);\n    const precedingButton = getByText('Preceding Button');\n    const followingButton = getByText('Following Button');\n    // set original focus to button outside focus trap\n    precedingButton.focus();\n    expect(document.activeElement).equals(precedingButton);\n    rerender(<TestComponent isOpen={true} restoreFocusTest={true} />);\n    const insideInput = getByRole('textbox');\n    expect(document.activeElement).equals(insideInput);\n    rerender(<TestComponent isOpen={false} />);\n    await waitFor(() => {\n      expect(document.activeElement).equals(followingButton);\n    });\n  });\n});\n"],"names":["TestDialog","submitButtonRef","_jsxs","Fragment","children","_jsx","id","jsx","Object","assign","ref","TestComponent","autoFocusTest","isOpen","restoreFocusTest","useRef","followButtonRef","maybeAutoFocusRef","maybeRestoreFocusRef","jsxs","LayerManager","Modal","autoFocusRef","restoreFocusRef","describe","beforeEach","defineProperty","HTMLElement","prototype","get","this","parentNode","it","async","getByRole","render","insideInput","waitFor","expect","document","activeElement","equals","getByText","autofocusButton","rerender","precedingButton","focus","followingButton"],"mappings":"idAUA,MAAMA,EAAa,EAAGC,gBAAAA,KACpBC,EAAAA,KAACC,EAAAA,SAAQ,CAAAC,SAAA,CACPC,MAAO,QAAA,CAAAC,GAAG,iBACVD,EAAAE,IAAA,SAAAC,OAAAC,OAAA,CAAQH,GAAG,iBAA+B,CAAAF,SAAA,YAC1CC,8BAAQC,GAAG,gBAAgBI,IAAKT,GAEvB,CAAAG,SAAA,eAIPO,EAAgB,EACpBC,cAAAA,GAAgB,EAChBC,OAAAA,GAAS,EACTC,iBAAAA,GAAmB,MAMnB,MAAMb,EAAkBc,SAA0B,MAC5CC,EAAkBD,SAA0B,MAElD,IAAIE,EAGAC,EAGJ,OALIN,IAAeK,EAAoBhB,GAGnCa,IAAkBI,EAAuBF,GAG3Cd,EAACiB,KAAAC,EAAYA,aACX,CAAAhB,SAAA,CAAAC,EAAAA,IAAA,SAAA,CAAAD,SAAA,qBACAC,EAAAA,IAACgB,EAAKA,MACJb,OAAAC,OAAA,CAAAa,aAAcL,EACdJ,OAAQA,EACRU,gBAAiBL,aACjBb,EAAAA,IAACL,EAAW,CAAAC,gBAAiBA,OAE/BI,EAAAA,4BAAQK,IAAKM,GAA0C,CAAAZ,SAAA,0BAK7DoB,SAAS,uBAAwB,KAC/BC,WAAW,KAETjB,OAAOkB,eAAeC,YAAYC,UAAW,eAAgB,CAC3DC,MACE,OAAOC,KAAKC,gBAIlBC,GAAG,wDAAyDC,UAC1D,MAAMC,UAAEA,GAAcC,EAAMA,OAAC9B,EAACE,IAAAI,EAAgB,KACxCyB,EAAcF,EAAU,iBACxBG,EAAOA,QAAC,KACZC,EAAAA,OAAOC,SAASC,eAAeC,OAAOL,OAI1CJ,GAAG,sDAAuDC,UACxD,MAAMS,UAAEA,GAAcP,EAAAA,OAAO9B,EAAAE,IAACI,EAAa,CAACC,eAAe,KACrD+B,EAAkBD,EAAU,gBAC5BL,EAAOA,QAAC,KACZC,EAAAA,OAAOC,SAASC,eAAeC,OAAOE,OAI1CX,GAAG,gDAAiDC,UAClD,MAAMC,UAAEA,EAASQ,UAAEA,EAASE,SAAEA,GAAaT,EAAMA,OAAC9B,MAACM,EAAc,CAAAE,QAAQ,KACnEgC,EAAkBH,EAAU,oBAElCG,EAAgBC,QAChBR,EAAAA,OAAOC,SAASC,eAAeC,OAAOI,GACtCD,EAASvC,MAACM,EAAa,CAACE,QAAQ,KAChC,MAAMuB,EAAcF,EAAU,WAC9BI,EAAAA,OAAOC,SAASC,eAAeC,OAAOL,GACtCQ,EAASvC,MAACM,EAAa,CAACE,QAAQ,WAC1BwB,EAAOA,QAAC,KACZC,EAAAA,OAAOC,SAASC,eAAeC,OAAOI,OAI1Cb,GAAG,iDAAkDC,UACnD,MAAMC,UAAEA,EAASQ,UAAEA,EAASE,SAAEA,GAAaT,EAAMA,OAAC9B,MAACM,EAAc,CAAAE,QAAQ,KACnEgC,EAAkBH,EAAU,oBAC5BK,EAAkBL,EAAU,oBAElCG,EAAgBC,QAChBR,EAAAA,OAAOC,SAASC,eAAeC,OAAOI,GACtCD,EAASvC,EAAAA,IAACM,EAAa,CAACE,QAAQ,EAAMC,kBAAkB,KACxD,MAAMsB,EAAcF,EAAU,WAC9BI,EAAAA,OAAOC,SAASC,eAAeC,OAAOL,GACtCQ,EAASvC,MAACM,EAAa,CAACE,QAAQ,WAC1BwB,EAAOA,QAAC,KACZC,EAAAA,OAAOC,SAASC,eAAeC,OAAOM"}

package/amd/UNSAFE_Modal.css

@@ -1,5 +1,5 @@
-.uujbi4{position:fixed;top:0;right:0;bottom:0;left:0;}
+.bdlq77{position:fixed;top:0;right:0;bottom:0;left:0;}
 
-._1gu8f00{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
+._1535gdt{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
 
-._1csss46{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+.ou8k20{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}

package/amd/UNSAFE_Modal.js

@@ -1,2 +1,2 @@
-define(["exports","./Modal-447b1ab4","preact/jsx-runtime","preact/compat","./UNSAFE_FocusTrap","./FocusTrap-0d5cde5d","preact","./utils/UNSAFE_classNames","./classNames-efacaca1","css!./UNSAFE_Modal.css","./utils/PRIVATE_tabbableUtils","./_curry1-804b6f8c","./_curry2-1a6a3c9f","./_curry3-f4ff846a","./UNSAFE_Layer"],function(a,e,c,r,s,t,l,u,i,o,d,f,_,p,b){"use strict";a.Modal=e.Modal,Object.defineProperty(a,"__esModule",{value:!0})});
+define(["exports","./Modal-ee17e873","preact/jsx-runtime","./useModal-60dd158a","preact/compat","./UNSAFE_FocusTrap","./FocusTrap-0a63cd07","preact","./utils/UNSAFE_classNames","./classNames-77e465af","css!./UNSAFE_Modal.css","./utils/PRIVATE_tabbableUtils","./_curry1-4048f3ff","./_curry2-386569fb","./_curry3-1f16eff2","./UNSAFE_Layer"],function(e,a,r,s,c,t,l,u,f,o,d,i,_,p,n,b){"use strict";e.Modal=a.Modal,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Modal.js.map

package/amd/UNSAFE_NumberInputText/__tests__/NumberInputText.spec.js

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","@testing-library/user-event","../../NumberInputText-a6edc8a2","preact/hooks","../../hooks/UNSAFE_useFormContext","../../UNSAFE_Environment","../../utils/UNSAFE_matchTranslationBundle","preact","preact/compat","../../hooks/UNSAFE_useFocusableTextField","../../tslib.es6-f169f6f6","../../hooks/UNSAFE_useFocusWithin","../../useFocusWithin-75cd1481","../../hooks/UNSAFE_useFormFieldContext","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useTextField","../../hooks/UNSAFE_useId","../../UNSAFE_Label","../../utils/UNSAFE_classNames","../../classNames-77e465af",'module',"../../hooks/UNSAFE_usePrefixSuffix","../../UNSAFE_PrefixSuffix","../../hooks/UNSAFE_useUser","../../UNSAFE_Layer","../../UNSAFE_TextField","../../ReadonlyTextFieldInput-589b89be","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_interpolations/text","../../keys-dde22c13","../../_curry1-4048f3ff","../../_has-4e29ea27","../../utils/UNSAFE_mergeInterpolations","../../_curry3-1f16eff2","../../_curry2-386569fb","../../FormControlUtils-9bf59f59","../../hooks/UNSAFE_useTranslationBundle","../../UNSAFE_LabelValueLayout","../../UNSAFE_Flex","../../Flex-6a69bc2a","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../utils/UNSAFE_interpolations/boxalignment","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-d4e8bc5d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-a81fbe8b","../../TextFieldInput-c2d1aefc","../../hooks/UNSAFE_useTextFieldInputHandlers","../../utils/PRIVATE_clientHints","../../clientHints-6cd92723","../../hooks/UNSAFE_useDebounce","../../UNSAFE_LiveRegion","../../UNSAFE_UserAssistance","../../InlineHelpSource-a16712df","../../UNSAFE_ComponentMessage","../../ComponentMessage-2985b387","../../PRIVATE_Message","../../utils/PRIVATE_timer","../../MessageCloseButton-6fd750b0","../../UNSAFE_Button","../../Button-95c272b3","../../UNSAFE_BaseButton","../../BaseButton-cc1e314c","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_mergeProps","../../index-f095628b","../../index-c2b403d2","../../UNSAFE_Icon","../../Icon-bf3f7959","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-fe475c26","../../index-8637c972","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-5d52bb49","../../hooks/UNSAFE_useTheme","../../MessageDetail-49daadc3","../../MessageFormattingUtils-eb594b6a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e17f4469","../../Message.types-ba802f0d","../../MessageStartIcon-36c31428","../../MessageSummary-31da06a2","../../MessageTimestamp-a8b2f726","../../MessageUtils-7a134473","../../utils/UNSAFE_logger","../../utils/UNSAFE_soundUtils","../../MessagesManager-fabd2ebf","../../PRIVATE_TransitionGroup","../../hooks/UNSAFE_useMessagesContext","../../UNSAFE_HiddenAccessible","../../HiddenAccessible-51ce05e2","../../ComponentMessageContainer-a274e23d","../../UNSAFE_Grid","../../utils/UNSAFE_interpolations/grid","../../hooks/UNSAFE_useCurrentValueReducer"],function(e,n,t,s,r,u,o,l,i,a,c,d,b,p,x,m,f,v,h,S,g,A,N,w,E,y,F,U,P,T,I,_,k,j,q,R,C,V,D,M,O,B,W,H,L,z,X,$,G,J,K,Q,Y,Z,ee,ne,te,se,re,ue,oe,le,ie,ae,ce,de,be,pe,xe,me,fe,ve,he,Se,ge,Ae,Ne,we,Ee,ye,Fe,Ue,Pe,Te,Ie,_e,ke,je,qe,Re,Ce,Ve,De,Me,Oe,Be,We,He,Le,ze,Xe,$e,Ge,Je,Ke,Qe,Ye,Ze,en){"use strict";function nn(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var tn=nn(r);u.NumberInputText;const sn=({assistiveText:e,helpSourceLink:t,helpSourceText:s,isDisabled:r,isReadonly:l,isRequired:i,label:a,labelEdge:c,messages:d,placeholder:b,prefix:p,suffix:x,textAlign:m,userAssistanceDensity:f,value:v,variant:h})=>{const[S,g]=o.useState(null!=v?v:""),A=o.useCallback(e=>{var n;S!==e.value&&g(null!==(n=e.value)&&void 0!==n?n:"")},[S]),[N,w]=o.useState(null!=v?v:""),E=o.useCallback(e=>{var n;N!==e.value&&w(null!==(n=e.value)&&void 0!==n?n:"")},[N]),y=""===N?void 0:+N;return n.jsx(u.NumberInputText,{ariaValueNow:y,ariaValueText:N,assistiveText:e,helpSourceLink:t,helpSourceText:s,isDisabled:r,isReadonly:l,isRequired:i,isRequiredShown:i&&""===N,label:a,labelEdge:c,messages:d,onCommit:E,onInput:A,placeholder:b,prefix:p,suffix:x,textAlign:m,userAssistanceDensity:f,value:S,variant:h})},rn=e=>n.jsx("div",Object.assign({style:{backgroundColor:"aliceblue",border:"yellow dotted 2px",boxSizing:"border-box",color:"orangered",height:"80px",minWidth:"6em",textAlign:"right",width:"25em"}},{children:n.jsx(sn,Object.assign({label:"Input Number"},e))}));rn.args={isDisabled:!1,isReadonly:!1,labelEdge:"none",placeholder:"Enter value",textAlign:void 0,variant:"embedded"},rn.parameters={controls:{include:[...Object.keys(rn.args)]}};const un=()=>{const e=e=>parseInt(e.replace(/[^\d]+/gi,"")),t=10,s=100,[r,l]=o.useState("10"),i=o.useCallback(e=>{var n;r!==e.value&&l(null!==(n=e.value)&&void 0!==n?n:"")},[r]),[a,c]=o.useState(10),d=o.useCallback(n=>{var t;const s=e(null!==(t=n.value)&&void 0!==t?t:""),u=Number.isNaN(s)?"":s.toString();r!==u&&l(u),a!==s&&c(s)},[r,a]),b=o.useCallback(n=>{l(r=>{const u=((e,n)=>{if(Number.isNaN(e))return t;const r=e%5;let u;return u=0!==r?"increase"===n?e+(5-r):e-r:"increase"===n?e+5:e-5,u>s?s:u<t?t:u})(e(r),n.direction);return c(u),u.toString()})},[]),p=NaN!==a?a>s?[{severity:"error",detail:"Enter 100 or a lower number."}]:a<t?[{severity:"error",detail:"Enter 10 or a higher number."}]:[]:[],x=Number.isNaN(a)?void 0:a,m=Number.isNaN(a)?void 0:a.toString();return n.jsxs(n.Fragment,{children:[n.jsx("h4",{children:"Step Buttons"}),n.jsx(u.NumberInputText,{ariaValueMax:s,ariaValueMin:t,ariaValueNow:x,ariaValueText:m,assistiveText:"Enter a number between 10 and 100",hasSteppers:!0,isStepDownDisabled:a<=t,isStepUpDisabled:a>=s,label:"min=10, max=100, step=5",messages:p,onCommit:d,onInput:i,onSpin:b,onStep:b,value:r})]})};async function on(){const n=a.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:t}=await function(n){switch(n){case"../../resources/nls/ar/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ar/bundle"],n,t)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ar-XB/bundle"],n,t)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/bg/bundle"],n,t)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/bs/bundle"],n,t)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/bs-Cyrl/bundle"],n,t)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/cs/bundle"],n,t)});case"../../resources/nls/da/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/da/bundle"],n,t)});case"../../resources/nls/de/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/de/bundle"],n,t)});case"../../resources/nls/el/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/el/bundle"],n,t)});case"../../resources/nls/en/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/en/bundle"],n,t)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/en-XA/bundle"],n,t)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/en-XC/bundle"],n,t)});case"../../resources/nls/es/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/es/bundle"],n,t)});case"../../resources/nls/et/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/et/bundle"],n,t)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/fi/bundle"],n,t)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/fr/bundle"],n,t)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/fr-CA/bundle"],n,t)});case"../../resources/nls/he/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/he/bundle"],n,t)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/hr/bundle"],n,t)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/hu/bundle"],n,t)});case"../../resources/nls/is/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/is/bundle"],n,t)});case"../../resources/nls/it/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/it/bundle"],n,t)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ja/bundle"],n,t)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ko/bundle"],n,t)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/lt/bundle"],n,t)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/lv/bundle"],n,t)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ms/bundle"],n,t)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/nl/bundle"],n,t)});case"../../resources/nls/no/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/no/bundle"],n,t)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/pl/bundle"],n,t)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/pt/bundle"],n,t)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/pt-PT/bundle"],n,t)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ro/bundle"],n,t)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/ru/bundle"],n,t)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/sk/bundle"],n,t)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/sl/bundle"],n,t)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/sr/bundle"],n,t)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/sr-Latn/bundle"],n,t)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/sv/bundle"],n,t)});case"../../resources/nls/th/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/th/bundle"],n,t)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/tr/bundle"],n,t)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/uk/bundle"],n,t)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/vi/bundle"],n,t)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/zh-Hans/bundle"],n,t)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(n,t){e(["../../resources/nls/zh-Hant/bundle"],n,t)});default:return new Promise(function(e,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+n)))})}}(`../../resources/nls/${n}/bundle.ts`);return{translations:{"@oracle/oraclejet-preact":t}}}const ln=()=>{};describe("Test NumberInputText",()=>{it("Renders",function(){const{container:e}=t.render(n.jsx(u.NumberInputText,{label:"mylabel",onInput:ln})),r=e.querySelector("input");s.expect(r).not.to.be.null}),it("Does not have spinbutton role if no steppers are shown",function(){const{container:e}=t.render(n.jsx(u.NumberInputText,{label:"mylabel",onInput:ln})),r=e.querySelector("[role=spinbutton]");s.expect(r).to.be.null}),afterEach(t.cleanup)}),describe("Test NumberInputText aria-value attributes",()=>{it("Adds aria-valuemin and aria-valuemax when enabled",function(){const{container:e}=t.render(n.jsx(u.NumberInputText,{ariaValueMin:0,ariaValueMax:100,label:"min=0, max=100",onInput:ln})),r=e.querySelector("input"),o=null==r?void 0:r.getAttribute("aria-valuemin"),l=null==r?void 0:r.getAttribute("aria-valuemax");s.expect(o).to.equal("0"),s.expect(l).to.equal("100")}),it("Adds aria-valuemin and aria-valuemax when disabled",function(){const{container:e}=t.render(n.jsx(u.NumberInputText,{ariaValueMin:0,ariaValueMax:100,isDisabled:!0,label:"min=0, max=100",onInput:ln})),r=e.querySelector("input"),o=null==r?void 0:r.getAttribute("aria-valuemin"),l=null==r?void 0:r.getAttribute("aria-valuemax");s.expect(o).to.equal("0"),s.expect(l).to.equal("100")}),it("Does not add aria-valuemin and aria-valuemax when readonly",function(){const{getByText:e}=t.render(n.jsx(u.NumberInputText,{ariaValueMin:0,ariaValueMax:100,isReadonly:!0,label:"min=0, max=100",onInput:ln,value:"25"})),r=e("25"),o=r.getAttribute("aria-valuemin"),l=r.getAttribute("aria-valuemax");s.expect(o).to.be.null,s.expect(l).to.be.null}),it("Adds aria-valuenow and aria-valuetext when enabled",function(){const e="$500",{container:r}=t.render(n.jsx(u.NumberInputText,{ariaValueNow:500,ariaValueText:e,label:"min=0, max=1000",onInput:ln,value:e})),o=r.querySelector("input"),l=null==o?void 0:o.getAttribute("aria-valuenow"),i=null==o?void 0:o.getAttribute("aria-valuetext");s.expect(l).to.equal("500"),s.expect(i).to.equal(e)}),it("Adds aria-valuenow and aria-valuetext when disabled",function(){const e="$500",{container:r}=t.render(n.jsx(u.NumberInputText,{ariaValueNow:500,ariaValueText:e,isDisabled:!0,label:"min=0, max=1000",onInput:ln,value:e})),o=r.querySelector("input"),l=null==o?void 0:o.getAttribute("aria-valuenow"),i=null==o?void 0:o.getAttribute("aria-valuetext");s.expect(l).to.equal("500"),s.expect(i).to.equal(e)}),it("Does not add aria-valuenow and aria-valuetext when readonly",function(){const e="$500",{getByText:r}=t.render(n.jsx(u.NumberInputText,{ariaValueNow:500,ariaValueText:e,isReadonly:!0,label:"min=0, max=1000",onInput:ln,value:e})),o=r(e),l=o.getAttribute("aria-valuenow"),i=o.getAttribute("aria-valuetext");s.expect(l).to.be.null,s.expect(i).to.be.null}),it("Does not add aria-valuetext when it is the same as aria-valuenow",function(){const e="500",{container:r}=t.render(n.jsx(u.NumberInputText,{ariaValueNow:500,ariaValueText:e,label:"min=0, max=1000",onInput:ln,value:e})),o=r.querySelector("input"),l=null==o?void 0:o.getAttribute("aria-valuenow"),i=null==o?void 0:o.getAttribute("aria-valuetext");s.expect(l).to.equal(e),s.expect(i).to.be.null}),afterEach(t.cleanup)}),describe("Test NumberInputText steppers",()=>{let e;beforeEach(async function(){e=null!=e?e:await on()}),afterEach(t.cleanup);const r=e=>null==e?void 0:e.querySelector('button[title="Increase"]'),o=e=>null==e?void 0:e.querySelector('button[title="Decrease"]');it("If hasSteppers=true and control is enabled, steppers are present and role is spinbutton",function(){const{container:l,getByRole:a}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,label:"mylabel",onInput:ln})}))),c=a("spinbutton");s.expect(c).not.to.be.null,s.expect(null==c?void 0:c.tagName.toUpperCase()).to.equal("INPUT");const d=r(l),b=o(l);s.expect(d).not.to.be.null,s.expect(b).not.to.be.null}),it("If hasSteppers=true and control is disabled, steppers are present and role is spinbutton",function(){const{container:l,getByRole:a}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,isDisabled:!0,label:"mylabel",onInput:ln})}))),c=a("spinbutton");s.expect(c).not.to.be.null,s.expect(null==c?void 0:c.tagName.toUpperCase()).to.equal("INPUT");const d=r(l),b=o(l);s.expect(d).not.to.be.null,s.expect(b).not.to.be.null}),it("If hasSteppers=true and control is readonly, no steppers or spinbutton role",function(){const{container:l}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,isReadonly:!0,label:"mylabel",onInput:ln})}))),a=l.querySelector("[role=spinbutton]");s.expect(a).to.be.null;const c=r(l),d=o(l);s.expect(c).to.be.null,s.expect(d).to.be.null}),it("Step buttons are shown with correct tabindex and title",function(){const{container:l}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,label:"mylabel",onInput:ln})}))),a=r(l),c=o(l);s.expect(null==a?void 0:a.getAttribute("tabindex")).to.equal("-1"),s.expect(null==c?void 0:c.getAttribute("tabindex")).to.equal("-1"),s.expect(null==a?void 0:a.getAttribute("title")).to.equal("Increase"),s.expect(null==c?void 0:c.getAttribute("title")).to.equal("Decrease")}),it("Step buttons can be disabled",function(){const{container:l}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,isStepDownDisabled:!0,isStepUpDisabled:!0,label:"mylabel",onInput:ln})}))),a=r(l),c=o(l);s.expect(a).not.to.be.null,s.expect(c).not.to.be.null;const d=null==a?void 0:a.getAttribute("disabled"),b=null==c?void 0:c.getAttribute("disabled");s.expect(d).not.to.be.null,s.expect(b).not.to.be.null}),it("If number input is disabled, the steppers are disabled",function(){const{container:l}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(u.NumberInputText,{hasSteppers:!0,isDisabled:!0,label:"mylabel",onInput:ln})}))),a=r(l),c=o(l);s.expect(a).not.to.be.null,s.expect(c).not.to.be.null;const d=null==a?void 0:a.getAttribute("disabled"),b=null==c?void 0:c.getAttribute("disabled");s.expect(d).not.to.be.null,s.expect(b).not.to.be.null})}),describe("Test NumberInputText stepping functionality",()=>{let e;beforeEach(async function(){e=null!=e?e:await on()}),afterEach(t.cleanup);const r=e=>null==e?void 0:e.querySelector('button[title="Increase"]'),u=e=>null==e?void 0:e.querySelector('button[title="Decrease"]');it("Can step up/down by clicking on steppers",function(){const{container:o}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(un,{})}))),l=r(o),a=u(o),c=o.querySelector("input");t.fireEvent.click(l),t.fireEvent.click(l),t.fireEvent.click(l),s.expect(c.value).to.equal("25"),t.fireEvent.click(a),s.expect(c.value).to.equal("20")}),it("Can step up/down by pressing the arrow keys",async function(){const{container:r}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(un,{})}))),u=r.querySelector("input");s.expect(u).not.to.be.null,u.focus(),tn.default.keyboard("[ARROWUP]"),await t.waitFor(()=>s.expect(u.value).equals("15")),tn.default.keyboard("[ARROWDOWN]"),await t.waitFor(()=>s.expect(u.value).equals("10"))}),it("Clicking step down or pressing arrow down does nothing when disabled",async function(){const{container:r}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(un,{})}))),o=r.querySelector("input"),l=u(r);s.expect(o).not.to.be.null,s.expect(l).not.to.be.null;t.fireEvent.click(l),s.expect(o.value).to.equal("10"),o.focus(),tn.default.keyboard("[ARROWDOWN]"),await t.waitFor(()=>s.expect(o.value).equals("10"))}),it("Clicking step up or pressing arrow up does nothing when disabled",async function(){const{container:u}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsxs(n.Fragment,{children:[n.jsx(un,{}),n.jsx("button",Object.assign({class:"testclickmebutton"},{children:"Click me"}))]})}))),o=u.querySelector("input"),l=r(u),a=u.querySelector(".testclickmebutton");s.expect(o).not.to.be.null,s.expect(l).not.to.be.null,s.expect(a).not.to.be.null;const c="100";o.focus(),o.value=c,a.focus(),s.expect(o.value).to.equal(c),t.fireEvent.click(l),s.expect(o.value).to.equal(c),o.focus(),tn.default.keyboard("[ARROWUP]"),await t.waitFor(()=>s.expect(o.value).equals(c))})}),describe("Test NumberInputText spinning functionality",()=>{let e;beforeEach(async function(){e=null!=e?e:await on()}),afterEach(t.cleanup),it("Can spin by holding down the arrow keys",async function(){const{container:r}=t.render(n.jsx(i.RootEnvironmentProvider,Object.assign({environment:e},{children:n.jsx(un,{})}))),u=r.querySelector("input");s.expect(u).not.to.be.null,u.focus(),tn.default.keyboard("[ARROWUP>10/]"),await t.waitFor(()=>s.expect(u.value).equals("60")),tn.default.keyboard("[ARROWDOWN>4/]"),await t.waitFor(()=>s.expect(u.value).equals("40"))})})});
+//# sourceMappingURL=NumberInputText.spec.js.map

package/amd/UNSAFE_NumberInputText/__tests__/NumberInputText.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputText.spec.js","sources":["../../../../src/UNSAFE_NumberInputText/__dev__/NumberInputText.stories.tsx","../../../../src/UNSAFE_NumberInputText/__tests__/NumberInputText.spec.tsx"],"sourcesContent":["import { Meta, Story } from '@storybook/preact';\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { FormContext, FormContextProps } from '../../hooks/UNSAFE_useFormContext';\nimport { NumberInputText } from '../NumberInputText';\nimport { StepDirection, StepEvent } from '../useSteppers';\nimport { ValueUpdateDetail } from '../../utils/UNSAFE_valueUpdateDetail';\n\nexport default {\n  title: 'Forms/UNSAFE_NumberInputText',\n  component: NumberInputText,\n  decorators: [\n    (Story: any) => (\n      <div style={{ minWidth: '18rem', maxWidth: '28rem', width: '50%' }}>{Story()}</div>\n    )\n  ]\n} as Meta;\n\ntype PickedPropsFromNumberInputText = Pick<\n  ComponentProps<typeof NumberInputText>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'label'\n  | 'labelEdge'\n  | 'messages'\n  | 'placeholder'\n  | 'prefix'\n  | 'suffix'\n  | 'textAlign'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'variant'\n>;\n\nconst DemoNumberInputText = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isReadonly,\n  isRequired,\n  label,\n  labelEdge,\n  messages,\n  placeholder,\n  prefix,\n  suffix,\n  textAlign,\n  userAssistanceDensity,\n  value,\n  variant\n}: PickedPropsFromNumberInputText) => {\n  const [displayValue, setDisplayValue] = useState(value ?? '');\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (displayValue !== detail.value) {\n        setDisplayValue(detail.value ?? '');\n      }\n    },\n    [displayValue]\n  );\n\n  // In Redwood UX spec Required text should hide when the user types in a value and commits it,\n  // not when the user starts typing. Because of that we set isRequiredShown based on the\n  // committedValue being empty and isRequired.\n  const [valueCommitted, setValueCommitted] = useState(value ?? '');\n  const handleCommit = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (valueCommitted !== detail.value) {\n        setValueCommitted(detail.value ?? '');\n      }\n    },\n    [valueCommitted]\n  );\n\n  const valueNow = valueCommitted === '' ? undefined : +valueCommitted;\n\n  return (\n    <NumberInputText\n      ariaValueNow={valueNow}\n      ariaValueText={valueCommitted}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}\n      isRequired={isRequired}\n      isRequiredShown={isRequired && valueCommitted === ''}\n      label={label}\n      labelEdge={labelEdge}\n      messages={messages}\n      onCommit={handleCommit}\n      onInput={handleInput}\n      placeholder={placeholder}\n      prefix={prefix}\n      suffix={suffix}\n      textAlign={textAlign}\n      userAssistanceDensity={userAssistanceDensity}\n      value={displayValue}\n      variant={variant}\n    />\n  );\n};\n\nconst demoContainerStyle = {\n  backgroundColor: 'aliceblue',\n  border: 'yellow dotted 2px',\n  boxSizing: 'border-box',\n  color: 'orangered',\n  height: '80px',\n  minWidth: '6em',\n  textAlign: 'right',\n  width: '25em'\n};\nconst DemoEmbeddedNumberInputText = (props: Omit<PickedPropsFromNumberInputText, 'variant'>) => (\n  <div style={demoContainerStyle}>\n    <DemoNumberInputText {...props} variant=\"embedded\" />\n  </div>\n);\n\ntype DemoSteppersProps = Pick<\n  ComponentProps<typeof NumberInputText>,\n  'isDisabled' | 'isReadonly' | 'label' | 'labelEdge'\n>;\n\nconst DemoSteppers = ({ isDisabled, isReadonly, label, labelEdge }: DemoSteppersProps) => {\n  // Note: unary + converts empty string to 0 so use parseInt for this example.\n  const parse = (value: string) => parseInt(value.replace(/[^\\d]+/gi, ''));\n  const min = 10,\n    max = 100,\n    step = 5;\n\n  const [displayValue, setDisplayValue] = useState('20');\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (displayValue !== detail.value) {\n        setDisplayValue(detail.value ?? '');\n      }\n    },\n    [displayValue]\n  );\n\n  const [committedValue, setCommittedValue] = useState(20);\n  const handleCommit = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      // On commit, filter out any non-numbers and parse the value.\n      // If the result is NaN, clear the display value.\n      const numberValue = parse(detail.value ?? '');\n      const newValue = Number.isNaN(numberValue) ? '' : numberValue.toString();\n      if (displayValue !== newValue) {\n        setDisplayValue(newValue);\n      }\n      if (committedValue !== numberValue) {\n        setCommittedValue(numberValue);\n      }\n    },\n    [displayValue, committedValue]\n  );\n\n  const doStep = (currentValue: number, direction: StepDirection) => {\n    if (Number.isNaN(currentValue)) {\n      // currentValue is not a valid number, return min\n      return min;\n    }\n\n    const modulo = currentValue % step;\n    let newValue: number;\n    if (modulo !== 0) {\n      // If currentValue is not a step match, snap it.\n      newValue = direction === 'increase' ? currentValue + (step - modulo) : currentValue - modulo;\n    } else {\n      // If currentValue is already a step match, just increment or decrement it.\n      newValue = direction === 'increase' ? currentValue + step : currentValue - step;\n    }\n    return newValue > max ? max : newValue < min ? min : newValue;\n  };\n\n  // Increment or decrement the current display value and then update the\n  // display and committed values to match.\n  const handleStep = useCallback((event: StepEvent) => {\n    setDisplayValue((current) => {\n      const currentValue = parse(current);\n      const newValue = doStep(currentValue, event.direction);\n      setCommittedValue(newValue);\n      return newValue.toString();\n    });\n  }, []);\n\n  const numberTooHigh: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 100 or a lower number.'\n    }\n  ];\n  const numberTooLow: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 10 or a higher number.'\n    }\n  ];\n  const messages: PickedPropsFromNumberInputText['messages'] =\n    committedValue !== NaN\n      ? committedValue > max\n        ? numberTooHigh\n        : committedValue < min\n        ? numberTooLow\n        : []\n      : [];\n\n  // If the committed value is not a valid number, don't update the aria value attributes.\n  const valueNow = Number.isNaN(committedValue) ? undefined : committedValue;\n  const valueText = Number.isNaN(committedValue) ? undefined : committedValue.toString();\n\n  return (\n    <NumberInputText\n      ariaValueMax={max}\n      ariaValueMin={min}\n      ariaValueNow={valueNow}\n      ariaValueText={valueText}\n      assistiveText=\"Enter a number between 10 and 100\"\n      hasSteppers={true}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}\n      isStepDownDisabled={committedValue <= min}\n      isStepUpDisabled={committedValue >= max}\n      label={label}\n      labelEdge={labelEdge}\n      messages={messages}\n      onCommit={handleCommit}\n      onInput={handleInput}\n      onSpin={handleStep}\n      onStep={handleStep}\n      value={displayValue}\n    />\n  );\n};\n\nconst numValue = '123';\nconst widthValue = '1920';\nconst accessCode = '58964';\nconst lbsValue = '140.5';\nconst longValue = '001-111222-3334-444444-555666666-777-8880-9099-0123456789';\nconst longText =\n  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';\n\nconst formContext: FormContextProps = {\n  isFormLayout: true,\n  userAssistanceDensity: 'efficient'\n};\n\nconst formContextWrap: FormContextProps = {\n  isFormLayout: true,\n  labelWrapping: 'wrap',\n  userAssistanceDensity: 'efficient'\n};\n\nconst formContextTruncate: FormContextProps = {\n  isFormLayout: true,\n  labelWrapping: 'truncate',\n  userAssistanceDensity: 'efficient'\n};\n\nexport const Overview = () => {\n  return (\n    <>\n      <h4>States inside form context</h4>\n      {/* TODO: use preact form layout in all these demos instead of FormContext.Provider\n          JET-49915 - Preact NumberInputText: replace FormContext.Provider with FormLayout in demos */}\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Enabled\" value={numValue} />\n        <DemoNumberInputText label=\"Disabled\" value={numValue} isDisabled={true} />\n        <DemoNumberInputText label=\"Readonly\" value={numValue} isReadonly={true} />\n        <DemoNumberInputText label=\"Enabled no value\" />\n        <DemoNumberInputText label=\"Disabled no value\" isDisabled={true} />\n        <DemoNumberInputText label=\"Readonly no value\" isReadonly={true} />\n      </FormContext.Provider>\n\n      <h4>States outside form context</h4>\n      <div>\n        <DemoNumberInputText label=\"Enabled\" value={numValue} />\n        <DemoNumberInputText label=\"Disabled\" value={numValue} isDisabled={true} />\n        <DemoNumberInputText label=\"Readonly\" value={numValue} isReadonly={true} />\n        <DemoNumberInputText label=\"Enabled no value\" />\n        <DemoNumberInputText label=\"Disabled no value\" isDisabled={true} />\n        <DemoNumberInputText label=\"Readonly no value\" isReadonly={true} />\n      </div>\n\n      <h4>Required & Placeholder</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Required\" isRequired={true} />\n        <DemoNumberInputText label=\"Placeholder\" placeholder=\"placeholder text\" />\n      </FormContext.Provider>\n\n      <h4>Prefix & Suffix</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Access Code\" prefix=\"IN\" value={accessCode} />\n        <DemoNumberInputText label=\"Width\" suffix=\"px\" value={widthValue} />\n      </FormContext.Provider>\n\n      <h4>Help</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"help text\" value={numValue} assistiveText=\"help text\" />\n        <DemoNumberInputText\n          label=\"help source\"\n          value={numValue}\n          helpSourceLink=\"https://www.oracle.com\"\n        />\n        <DemoNumberInputText\n          label=\"help source (custom text)\"\n          value={numValue}\n          helpSourceLink=\"https://www.oracle.com\"\n          helpSourceText=\"Click here\"\n        />\n      </FormContext.Provider>\n\n      <h4>Messages</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText\n          label=\"error\"\n          value={numValue}\n          messages={[{ severity: 'error', detail: 'detail' }]}\n        />\n        <DemoNumberInputText\n          label=\"warning\"\n          value={numValue}\n          messages={[{ severity: 'warning', detail: 'detail' }]}\n        />\n        <DemoNumberInputText\n          label=\"info\"\n          value={numValue}\n          messages={[{ severity: 'info', detail: 'detail' }]}\n        />\n        <DemoNumberInputText\n          label=\"confirmation\"\n          value={numValue}\n          messages={[{ severity: 'confirmation', detail: 'detail' }]}\n        />\n      </FormContext.Provider>\n    </>\n  );\n};\n\nexport const EmbeddedStylesOverview = () => {\n  return (\n    <div style=\"max-width: 50%;\">\n      <h4>States inside form context</h4>\n      {/* TODO: use preact form layout in all these demos instead of FormContext.Provider\n          JET-49915 - Preact InputText: replace FormContext.Provider with FormLayout in demos */}\n      <FormContext.Provider value={formContext}>\n        <DemoEmbeddedNumberInputText label=\"Enabled\" value={numValue}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled\"\n          value={numValue}\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly\"\n          value={numValue}\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText label=\"Enabled no value\"></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled no value\"\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly no value\"\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n      </FormContext.Provider>\n\n      <h4>States outside form context</h4>\n      <div>\n        <DemoEmbeddedNumberInputText label=\"Enabled\" value={numValue}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled\"\n          value={numValue}\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly\"\n          value={numValue}\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText label=\"Enabled no value\"></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled no value\"\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly no value\"\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n      </div>\n\n      <h4>No label</h4>\n      <div>\n        <DemoEmbeddedNumberInputText\n          label=\"Enabled\"\n          labelEdge=\"none\"\n          value={numValue}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled\"\n          labelEdge=\"none\"\n          value={numValue}\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly\"\n          labelEdge=\"none\"\n          value={numValue}\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Enabled no value\"\n          labelEdge=\"none\"></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Disabled no value\"\n          labelEdge=\"none\"\n          isDisabled={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Readonly no value\"\n          labelEdge=\"none\"\n          isReadonly={true}></DemoEmbeddedNumberInputText>\n      </div>\n\n      <h4>Required & Placeholder</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoEmbeddedNumberInputText\n          label=\"Required\"\n          isRequired={true}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"Placeholder\"\n          placeholder=\"placeholder text\"></DemoEmbeddedNumberInputText>\n      </FormContext.Provider>\n\n      <h4>Help</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoEmbeddedNumberInputText\n          label=\"help text\"\n          value={numValue}\n          assistiveText=\"help text\"></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"help source\"\n          value={numValue}\n          helpSourceLink=\"https://www.oracle.com\"></DemoEmbeddedNumberInputText>\n      </FormContext.Provider>\n\n      <h4>Messages</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoEmbeddedNumberInputText\n          label=\"error\"\n          value={numValue}\n          messages={[{ severity: 'error', detail: 'detail' }]}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"warning\"\n          value={numValue}\n          messages={[{ severity: 'warning', detail: 'detail' }]}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"info\"\n          value={numValue}\n          messages={[{ severity: 'info', detail: 'detail' }]}></DemoEmbeddedNumberInputText>\n        <DemoEmbeddedNumberInputText\n          label=\"confirmation\"\n          value={numValue}\n          messages={[{ severity: 'confirmation', detail: 'detail' }]}></DemoEmbeddedNumberInputText>\n      </FormContext.Provider>\n    </div>\n  );\n};\n\ntype EmbeddedStylesProps = Pick<\n  ComponentProps<typeof NumberInputText>,\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequiredShown'\n  | 'labelEdge'\n  | 'placeholder'\n  | 'textAlign'\n  | 'variant'\n>;\nexport const EmbeddedStyles: Story<EmbeddedStylesProps> = (args) => {\n  const demoContainerStyle = {\n    backgroundColor: 'aliceblue',\n    border: 'yellow dotted 2px',\n    boxSizing: 'border-box',\n    color: 'orangered',\n    height: '80px',\n    minWidth: '6em',\n    textAlign: 'right',\n    width: '25em'\n  };\n  return (\n    <div style={demoContainerStyle}>\n      <DemoNumberInputText label=\"Input Number\" {...args} />\n    </div>\n  );\n};\nEmbeddedStyles.args = {\n  isDisabled: false,\n  isReadonly: false,\n  labelEdge: 'none',\n  placeholder: 'Enter value',\n  textAlign: undefined,\n  variant: 'embedded'\n};\nEmbeddedStyles.parameters = {\n  controls: {\n    include: [...Object.keys(EmbeddedStyles.args)]\n  }\n};\n\ntype CreateNumberInputTextProps = {\n  textAlign?: 'start' | 'end' | 'right';\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  label: string;\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  value?: string;\n};\nconst createNumberInputText = ({\n  textAlign,\n  isDisabled,\n  isReadonly,\n  label,\n  labelEdge,\n  value = numValue\n}: CreateNumberInputTextProps) => {\n  return (\n    <DemoNumberInputText\n      textAlign={textAlign}\n      label={label}\n      labelEdge={labelEdge}\n      value={value}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}\n    />\n  );\n};\n\nexport const TextAlign = () => {\n  return (\n    <>\n      <FormContext.Provider value={formContext}>\n        <h4>Enabled</h4>\n        {createNumberInputText({ textAlign: 'start', label: 'start' })}\n        {createNumberInputText({ textAlign: 'end', label: 'end' })}\n        {createNumberInputText({ textAlign: 'right', label: 'right' })}\n\n        <h4>Disabled</h4>\n        {createNumberInputText({ textAlign: 'start', label: 'start', isDisabled: true })}\n        {createNumberInputText({ textAlign: 'end', label: 'end', isDisabled: true })}\n        {createNumberInputText({ textAlign: 'right', label: 'right', isDisabled: true })}\n\n        <h4>Readonly</h4>\n        {createNumberInputText({ textAlign: 'start', label: 'start', isReadonly: true })}\n        {createNumberInputText({ textAlign: 'end', label: 'end', isReadonly: true })}\n        {createNumberInputText({ textAlign: 'right', label: 'right', isReadonly: true })}\n      </FormContext.Provider>\n\n      <h4>Readonly outside form context</h4>\n      {createNumberInputText({ textAlign: 'start', label: 'start', isReadonly: true })}\n      {createNumberInputText({ textAlign: 'end', label: 'end', isReadonly: true })}\n      {createNumberInputText({ textAlign: 'right', label: 'right', isReadonly: true })}\n    </>\n  );\n};\n\nconst EnabledDisabledReadonly = ({\n  labelEdge = 'inside',\n  label,\n  value\n}: {\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  label?: string;\n  value?: string;\n}) => {\n  return (\n    <>\n      {createNumberInputText({ label: label || 'Enabled', labelEdge: labelEdge, value: value })}\n      {createNumberInputText({\n        label: label || 'Disabled',\n        isDisabled: true,\n        labelEdge: labelEdge,\n        value: value\n      })}\n      {createNumberInputText({\n        label: label || 'Readonly',\n        isReadonly: true,\n        labelEdge: labelEdge,\n        value: value\n      })}\n    </>\n  );\n};\n\nconst LabelEdge = ({\n  labelEdge = 'inside',\n  label\n}: {\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  label: string;\n}) => {\n  return (\n    <>\n      <FormContext.Provider value={formContext}>\n        <h4>Inside form context</h4>\n        <EnabledDisabledReadonly label={label} labelEdge={labelEdge} />\n      </FormContext.Provider>\n\n      <h4>Outside form context</h4>\n      <EnabledDisabledReadonly label={label} labelEdge={labelEdge} />\n    </>\n  );\n};\n\nexport const LabelEdgeInside = ({ label }: { label: string }) => <LabelEdge label={label} />;\nexport const LabelEdgeStart = ({ label }: { label: string }) => (\n  <LabelEdge labelEdge=\"start\" label={label} />\n);\nexport const LabelEdgeTop = ({ label }: { label: string }) => (\n  <LabelEdge labelEdge=\"top\" label={label} />\n);\nexport const NoLabel = ({ label }: { label: string }) => (\n  <LabelEdge labelEdge=\"none\" label={label} />\n);\n\nconst LongLabels = ({\n  labelEdge = 'inside',\n  label\n}: {\n  labelEdge?: 'inside' | 'start' | 'top';\n  label: string;\n}) => {\n  return (\n    <>\n      <FormContext.Provider value={formContextWrap}>\n        <h4>Inside form context - wrapped</h4>\n        <EnabledDisabledReadonly label={label} labelEdge={labelEdge} />\n      </FormContext.Provider>\n\n      <FormContext.Provider value={formContextTruncate}>\n        <h4>Inside form context - truncated</h4>\n        <EnabledDisabledReadonly label={label} labelEdge={labelEdge} />\n      </FormContext.Provider>\n\n      <h4>Outside form context</h4>\n      <EnabledDisabledReadonly label={label} labelEdge={labelEdge} />\n    </>\n  );\n};\n\nexport const LongLabelInside = () => <LabelEdgeInside label={longText} />;\nexport const LongLabelStart = () => <LongLabels label={longText} labelEdge=\"start\" />;\nexport const LongLabelTop = () => <LongLabels label={longText} labelEdge=\"top\" />;\n\nexport const LongValue = () => {\n  return (\n    <>\n      <FormContext.Provider value={formContext}>\n        <h4>Inside form context</h4>\n        <EnabledDisabledReadonly value={longValue} />\n      </FormContext.Provider>\n\n      <h4>Outside form context</h4>\n      <EnabledDisabledReadonly value={longValue} />\n    </>\n  );\n};\n\nexport const Prefix = () => {\n  return (\n    <>\n      <h4>States inside form context</h4>\n      {/* TODO: use preact form layout in all these demos instead of FormContext.Provider\n          JET-49915 - Preact NumberInputText: replace FormContext.Provider with FormLayout in demos */}\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Access code\" value={accessCode} prefix=\"IN\" />\n        <DemoNumberInputText label=\"Access code\" value={accessCode} isDisabled={true} prefix=\"IN\" />\n        <DemoNumberInputText label=\"Access code\" value={accessCode} isReadonly={true} prefix=\"IN\" />\n        <DemoNumberInputText label=\"Access code\" prefix=\"IN\" />\n        <DemoNumberInputText label=\"Access code\" isDisabled={true} prefix=\"IN\" />\n        <DemoNumberInputText label=\"Access code\" isReadonly={true} prefix=\"IN\" />\n      </FormContext.Provider>\n\n      <h4>Placeholder</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Access code\" placeholder=\"placeholder text\" prefix=\"IN\" />\n      </FormContext.Provider>\n    </>\n  );\n};\n\nexport const Suffix = () => {\n  return (\n    <>\n      <h4>States inside form context</h4>\n      {/* TODO: use preact form layout in all these demos instead of FormContext.Provider\n          JET-49915 - Preact NumberInputText: replace FormContext.Provider with FormLayout in demos */}\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Enabled Weight\" value={lbsValue} suffix=\"lbs\" />\n        <DemoNumberInputText\n          label=\"Disabled Weight\"\n          value={lbsValue}\n          isDisabled={true}\n          suffix=\"lbs\"\n        />\n        <DemoNumberInputText\n          label=\"Readonly Weight\"\n          value={lbsValue}\n          isReadonly={true}\n          suffix=\"lbs\"\n        />\n        <DemoNumberInputText label=\"Enabled No Value Weight\" suffix=\"lbs\" />\n        <DemoNumberInputText label=\"Disabled No Value Weight\" isDisabled={true} suffix=\"lbs\" />\n        <DemoNumberInputText label=\"Readonly No Value Weight\" isReadonly={true} suffix=\"lbs\" />\n      </FormContext.Provider>\n\n      <h4>Placeholder</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoNumberInputText label=\"Target Weight\" placeholder=\"placeholder text\" suffix=\"lbs\" />\n      </FormContext.Provider>\n    </>\n  );\n};\n\nexport const MinAndMax = () => {\n  // Note: unary + converts empty string to 0, so use parseInt for this example.\n  const parse = (value: string) => parseInt(value.replace(/[^\\d]+/gi, ''));\n  const min = 10;\n  const max = 100;\n\n  const [displayValue, setDisplayValue] = useState('50');\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (displayValue !== detail.value) {\n        setDisplayValue(detail.value ?? '');\n      }\n    },\n    [displayValue]\n  );\n\n  const [committedValue, setCommittedValue] = useState(50);\n  const handleCommit = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      // On commit, filter out any non-numbers and parse the value.\n      // If the result is NaN, clear the display value.\n      const numberValue = parse(detail.value ?? '');\n      const newValue = Number.isNaN(numberValue) ? '' : numberValue.toString();\n      if (displayValue !== newValue) {\n        setDisplayValue(newValue);\n      }\n      if (committedValue !== numberValue) {\n        setCommittedValue(numberValue);\n      }\n    },\n    [displayValue, committedValue]\n  );\n\n  const numberTooHigh: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 100 or a lower number.'\n    }\n  ];\n  const numberTooLow: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 10 or a higher number.'\n    }\n  ];\n  const messages: PickedPropsFromNumberInputText['messages'] =\n    committedValue !== NaN\n      ? committedValue > max\n        ? numberTooHigh\n        : committedValue < min\n        ? numberTooLow\n        : []\n      : [];\n\n  // If the committed value is not a valid number, don't update the aria value attributes.\n  // Note that this applies when there is no value (empty string parses as NaN with parseInt).\n  const valueNow = Number.isNaN(committedValue) ? undefined : committedValue;\n  const valueText = Number.isNaN(committedValue) ? undefined : committedValue.toString();\n\n  return (\n    <>\n      <h4>Min and Max</h4>\n      <NumberInputText\n        ariaValueMax={max}\n        ariaValueMin={min}\n        ariaValueNow={valueNow}\n        ariaValueText={valueText}\n        assistiveText=\"Enter a number between 10 and 100\"\n        label=\"min=10, max=100\"\n        onCommit={handleCommit}\n        onInput={handleInput}\n        messages={messages}\n        value={displayValue}\n      />\n    </>\n  );\n};\n\nexport const StepButtonOverview = () => {\n  return (\n    <>\n      <h4>States inside form context</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoSteppers label=\"Enabled\" />\n        <DemoSteppers isDisabled={true} label=\"Disabled\" />\n        <DemoSteppers isReadonly={true} label=\"Readonly\" />\n      </FormContext.Provider>\n\n      <h4>No Label</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoSteppers labelEdge=\"none\" label=\"No label\" />\n      </FormContext.Provider>\n\n      <h4>Label Edge Top</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoSteppers labelEdge=\"top\" label=\"Top label\" />\n      </FormContext.Provider>\n\n      <h4>Label Edge Start</h4>\n      <FormContext.Provider value={formContext}>\n        <DemoSteppers labelEdge=\"start\" label=\"Start label\" />\n      </FormContext.Provider>\n    </>\n  );\n};\n\nexport const StepButtons = () => {\n  // Note: unary + converts empty string to 0 so use parseInt for this example.\n  const parse = (value: string) => parseInt(value.replace(/[^\\d]+/gi, ''));\n  const min = 10,\n    max = 100,\n    step = 5;\n\n  const [displayValue, setDisplayValue] = useState('10');\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (displayValue !== detail.value) {\n        setDisplayValue(detail.value ?? '');\n      }\n    },\n    [displayValue]\n  );\n\n  const [committedValue, setCommittedValue] = useState(10);\n  const handleCommit = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      // On commit, filter out any non-numbers and parse the value.\n      // If the result is NaN, clear the display value.\n      const numberValue = parse(detail.value ?? '');\n      const newValue = Number.isNaN(numberValue) ? '' : numberValue.toString();\n      if (displayValue !== newValue) {\n        setDisplayValue(newValue);\n      }\n      if (committedValue !== numberValue) {\n        setCommittedValue(numberValue);\n      }\n    },\n    [displayValue, committedValue]\n  );\n\n  const doStep = (currentValue: number, direction: StepDirection) => {\n    if (Number.isNaN(currentValue)) {\n      // currentValue is not a valid number, return min\n      return min;\n    }\n\n    const modulo = currentValue % step;\n    let newValue: number;\n    if (modulo !== 0) {\n      // If currentValue is not a step match, snap it.\n      newValue = direction === 'increase' ? currentValue + (step - modulo) : currentValue - modulo;\n    } else {\n      // If currentValue is already a step match, just increment or decrement it.\n      newValue = direction === 'increase' ? currentValue + step : currentValue - step;\n    }\n    return newValue > max ? max : newValue < min ? min : newValue;\n  };\n\n  // Increment or decrement the current display value and then update the\n  // display and committed values to match.\n  const handleStep = useCallback((event: StepEvent) => {\n    setDisplayValue((current) => {\n      const currentValue = parse(current);\n      const newValue = doStep(currentValue, event.direction);\n      setCommittedValue(newValue);\n      return newValue.toString();\n    });\n  }, []);\n\n  const numberTooHigh: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 100 or a lower number.'\n    }\n  ];\n  const numberTooLow: PickedPropsFromNumberInputText['messages'] = [\n    {\n      severity: 'error',\n      detail: 'Enter 10 or a higher number.'\n    }\n  ];\n  const messages: PickedPropsFromNumberInputText['messages'] =\n    committedValue !== NaN\n      ? committedValue > max\n        ? numberTooHigh\n        : committedValue < min\n        ? numberTooLow\n        : []\n      : [];\n\n  // If the committed value is not a valid number, don't update the aria value attributes.\n  const valueNow = Number.isNaN(committedValue) ? undefined : committedValue;\n  const valueText = Number.isNaN(committedValue) ? undefined : committedValue.toString();\n\n  return (\n    <>\n      <h4>Step Buttons</h4>\n      <NumberInputText\n        ariaValueMax={max}\n        ariaValueMin={min}\n        ariaValueNow={valueNow}\n        ariaValueText={valueText}\n        assistiveText=\"Enter a number between 10 and 100\"\n        hasSteppers={true}\n        isStepDownDisabled={committedValue <= min}\n        isStepUpDisabled={committedValue >= max}\n        label=\"min=10, max=100, step=5\"\n        messages={messages}\n        onCommit={handleCommit}\n        onInput={handleInput}\n        onSpin={handleStep}\n        onStep={handleStep}\n        value={displayValue}\n      />\n    </>\n  );\n};\n","import { cleanup, fireEvent, render, waitFor } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport userEvent from '@testing-library/user-event';\nimport { NumberInputText } from '../NumberInputText';\nimport { StepButtons as DemoStepButtons } from '../__dev__/NumberInputText.stories';\nimport type { RootEnvironment } from '../../UNSAFE_Environment';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { matchTranslationBundle } from '../../utils/UNSAFE_matchTranslationBundle';\n\nasync function getEnvironmentContext() {\n  const locale = matchTranslationBundle(['en'], new Set(['en-US', 'en']));\n  const { default: translations } = await import(`../../resources/nls/${locale}/bundle.ts`);\n  return {\n    translations: { '@oracle/oraclejet-preact': translations }\n  } as Partial<RootEnvironment>;\n}\n\nconst noOp = () => {};\n\ndescribe('Test NumberInputText', () => {\n  it('Renders', function () {\n    const { container } = render(<NumberInputText label=\"mylabel\" onInput={noOp} />);\n    const inputElement = container.querySelector('input');\n    expect(inputElement).not.to.be.null;\n  });\n\n  it('Does not have spinbutton role if no steppers are shown', function () {\n    const { container } = render(<NumberInputText label=\"mylabel\" onInput={noOp} />);\n    const match = container.querySelector('[role=spinbutton]');\n    expect(match).to.be.null;\n  });\n\n  afterEach(cleanup);\n});\n\ndescribe('Test NumberInputText aria-value attributes', () => {\n  it('Adds aria-valuemin and aria-valuemax when enabled', function () {\n    const { container } = render(\n      <NumberInputText ariaValueMin={0} ariaValueMax={100} label=\"min=0, max=100\" onInput={noOp} />\n    );\n    const inputElement = container.querySelector('input');\n    const ariaValueMin = inputElement?.getAttribute('aria-valuemin');\n    const ariaValueMax = inputElement?.getAttribute('aria-valuemax');\n    expect(ariaValueMin).to.equal('0');\n    expect(ariaValueMax).to.equal('100');\n  });\n\n  it('Adds aria-valuemin and aria-valuemax when disabled', function () {\n    const { container } = render(\n      <NumberInputText\n        ariaValueMin={0}\n        ariaValueMax={100}\n        isDisabled={true}\n        label=\"min=0, max=100\"\n        onInput={noOp}\n      />\n    );\n    const inputElement = container.querySelector('input');\n    const ariaValueMin = inputElement?.getAttribute('aria-valuemin');\n    const ariaValueMax = inputElement?.getAttribute('aria-valuemax');\n    expect(ariaValueMin).to.equal('0');\n    expect(ariaValueMax).to.equal('100');\n  });\n\n  it('Does not add aria-valuemin and aria-valuemax when readonly', function () {\n    const numberVal = '25';\n    const { getByText } = render(\n      <NumberInputText\n        ariaValueMin={0}\n        ariaValueMax={100}\n        isReadonly={true}\n        label=\"min=0, max=100\"\n        onInput={noOp}\n        value={numberVal}\n      />\n    );\n    // When readonly, only a div is shown which should not have aria value attributes set.\n    const inputDiv = getByText(numberVal);\n    const ariaValueMin = inputDiv.getAttribute('aria-valuemin');\n    const ariaValueMax = inputDiv.getAttribute('aria-valuemax');\n    expect(ariaValueMin).to.be.null;\n    expect(ariaValueMax).to.be.null;\n  });\n\n  it('Adds aria-valuenow and aria-valuetext when enabled', function () {\n    const currencyString = '$500';\n    const { container } = render(\n      <NumberInputText\n        ariaValueNow={500}\n        ariaValueText={currencyString}\n        label=\"min=0, max=1000\"\n        onInput={noOp}\n        value={currencyString}\n      />\n    );\n    const inputElement = container.querySelector('input');\n    const ariaValueNow = inputElement?.getAttribute('aria-valuenow');\n    const ariaValueText = inputElement?.getAttribute('aria-valuetext');\n    expect(ariaValueNow).to.equal('500');\n    expect(ariaValueText).to.equal(currencyString);\n  });\n\n  it('Adds aria-valuenow and aria-valuetext when disabled', function () {\n    const currencyString = '$500';\n    const { container } = render(\n      <NumberInputText\n        ariaValueNow={500}\n        ariaValueText={currencyString}\n        isDisabled={true}\n        label=\"min=0, max=1000\"\n        onInput={noOp}\n        value={currencyString}\n      />\n    );\n    const inputElement = container.querySelector('input');\n    const ariaValueNow = inputElement?.getAttribute('aria-valuenow');\n    const ariaValueText = inputElement?.getAttribute('aria-valuetext');\n    expect(ariaValueNow).to.equal('500');\n    expect(ariaValueText).to.equal(currencyString);\n  });\n\n  it('Does not add aria-valuenow and aria-valuetext when readonly', function () {\n    const currencyString = '$500';\n    const { getByText } = render(\n      <NumberInputText\n        ariaValueNow={500}\n        ariaValueText={currencyString}\n        isReadonly={true}\n        label=\"min=0, max=1000\"\n        onInput={noOp}\n        value={currencyString}\n      />\n    );\n    // When readonly, only a div is shown which should not have aria value attributes set.\n    const inputDiv = getByText(currencyString);\n    const ariaValueNow = inputDiv.getAttribute('aria-valuenow');\n    const ariaValueText = inputDiv.getAttribute('aria-valuetext');\n    expect(ariaValueNow).to.be.null;\n    expect(ariaValueText).to.be.null;\n  });\n\n  it('Does not add aria-valuetext when it is the same as aria-valuenow', function () {\n    const numberVal = '500';\n    const { container } = render(\n      <NumberInputText\n        ariaValueNow={500}\n        ariaValueText={numberVal}\n        label=\"min=0, max=1000\"\n        onInput={noOp}\n        value={numberVal}\n      />\n    );\n    const inputElement = container.querySelector('input');\n    const ariaValueNow = inputElement?.getAttribute('aria-valuenow');\n    const ariaValueText = inputElement?.getAttribute('aria-valuetext');\n    expect(ariaValueNow).to.equal(numberVal);\n    expect(ariaValueText).to.be.null;\n  });\n\n  afterEach(cleanup);\n});\n\ndescribe('Test NumberInputText steppers', () => {\n  let env: Partial<RootEnvironment>;\n  beforeEach(async function () {\n    env = env ?? (await getEnvironmentContext());\n  });\n  afterEach(cleanup);\n\n  const getStepUpButton = (container: Element) =>\n    container?.querySelector('button[title=\"Increase\"]');\n  const getStepDownButton = (container: Element) =>\n    container?.querySelector('button[title=\"Decrease\"]');\n\n  it('If hasSteppers=true and control is enabled, steppers are present and role is spinbutton', function () {\n    const { container, getByRole } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText hasSteppers={true} label=\"mylabel\" onInput={noOp} />\n      </RootEnvironmentProvider>\n    );\n    const roleElement = getByRole('spinbutton');\n    expect(roleElement).not.to.be.null;\n    expect(roleElement?.tagName.toUpperCase()).to.equal('INPUT');\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton).not.to.be.null;\n    expect(downButton).not.to.be.null;\n  });\n\n  it('If hasSteppers=true and control is disabled, steppers are present and role is spinbutton', function () {\n    const { container, getByRole } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText hasSteppers={true} isDisabled={true} label=\"mylabel\" onInput={noOp} />\n      </RootEnvironmentProvider>\n    );\n    const roleElement = getByRole('spinbutton');\n    expect(roleElement).not.to.be.null;\n    expect(roleElement?.tagName.toUpperCase()).to.equal('INPUT');\n    // If isDisabled is true, steppers are still present.\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton).not.to.be.null;\n    expect(downButton).not.to.be.null;\n  });\n\n  it('If hasSteppers=true and control is readonly, no steppers or spinbutton role', function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText hasSteppers={true} isReadonly={true} label=\"mylabel\" onInput={noOp} />\n      </RootEnvironmentProvider>\n    );\n    const match = container.querySelector('[role=spinbutton]');\n    expect(match).to.be.null;\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton).to.be.null;\n    expect(downButton).to.be.null;\n  });\n\n  it('Step buttons are shown with correct tabindex and title', function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText hasSteppers={true} label=\"mylabel\" onInput={noOp} />\n      </RootEnvironmentProvider>\n    );\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton?.getAttribute('tabindex')).to.equal('-1');\n    expect(downButton?.getAttribute('tabindex')).to.equal('-1');\n    expect(upButton?.getAttribute('title')).to.equal('Increase');\n    expect(downButton?.getAttribute('title')).to.equal('Decrease');\n  });\n\n  it('Step buttons can be disabled', function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText\n          hasSteppers={true}\n          isStepDownDisabled={true}\n          isStepUpDisabled={true}\n          label=\"mylabel\"\n          onInput={noOp}\n        />\n      </RootEnvironmentProvider>\n    );\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton).not.to.be.null;\n    expect(downButton).not.to.be.null;\n    const upDisabled = upButton?.getAttribute('disabled');\n    const downDisabled = downButton?.getAttribute('disabled');\n    expect(upDisabled).not.to.be.null;\n    expect(downDisabled).not.to.be.null;\n  });\n\n  it('If number input is disabled, the steppers are disabled', function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <NumberInputText hasSteppers={true} isDisabled={true} label=\"mylabel\" onInput={noOp} />\n      </RootEnvironmentProvider>\n    );\n    const upButton = getStepUpButton(container);\n    const downButton = getStepDownButton(container);\n    expect(upButton).not.to.be.null;\n    expect(downButton).not.to.be.null;\n    const upDisabled = upButton?.getAttribute('disabled');\n    const downDisabled = downButton?.getAttribute('disabled');\n    expect(upDisabled).not.to.be.null;\n    expect(downDisabled).not.to.be.null;\n  });\n});\n\ndescribe('Test NumberInputText stepping functionality', () => {\n  let env: Partial<RootEnvironment>;\n  beforeEach(async function () {\n    env = env ?? (await getEnvironmentContext());\n  });\n  afterEach(cleanup);\n\n  const getStepUpButton = (container: Element) =>\n    container?.querySelector('button[title=\"Increase\"]');\n  const getStepDownButton = (container: Element) =>\n    container?.querySelector('button[title=\"Decrease\"]');\n\n  it('Can step up/down by clicking on steppers', function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <DemoStepButtons />\n      </RootEnvironmentProvider>\n    );\n\n    // Initial value of DemoStepButtons is 10, min=10, max=100, step=5.\n    const upButton = getStepUpButton(container)!;\n    const downButton = getStepDownButton(container)!;\n    const inputElement = container.querySelector('input')!;\n\n    // Click step up 3 times to increment value to 25.\n    fireEvent.click(upButton);\n    fireEvent.click(upButton);\n    fireEvent.click(upButton);\n    expect(inputElement.value).to.equal('25');\n\n    // Click step down once to decrement value to 20.\n    fireEvent.click(downButton);\n    expect(inputElement.value).to.equal('20');\n  });\n\n  it('Can step up/down by pressing the arrow keys', async function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <DemoStepButtons />\n      </RootEnvironmentProvider>\n    );\n\n    // Initial value of DemoStepButtons is 10, min=10, max=100, step=5.\n    const inputElement = container.querySelector('input')!;\n    expect(inputElement).not.to.be.null;\n\n    // Press and release ArrowUp should step up.\n    inputElement.focus();\n    userEvent.keyboard('[ARROWUP]');\n    await waitFor(() => expect(inputElement.value).equals('15'));\n\n    // Press and release ArrowDown should step down.\n    userEvent.keyboard('[ARROWDOWN]');\n    await waitFor(() => expect(inputElement.value).equals('10'));\n  });\n\n  it('Clicking step down or pressing arrow down does nothing when disabled', async function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <DemoStepButtons />\n      </RootEnvironmentProvider>\n    );\n\n    // Initial value of DemoStepButtons is 10, min=10, max=100, step=5.\n    // DemoStepButtons disables step down when value reaches min, which\n    // means it's initially disabled.\n    const inputElement = container.querySelector('input')!;\n    const downButton = getStepDownButton(container)!;\n    expect(inputElement).not.to.be.null;\n    expect(downButton).not.to.be.null;\n    const initialValue = '10';\n\n    // Clicking disabled down button should do nothing.\n    fireEvent.click(downButton);\n    expect(inputElement.value).to.equal(initialValue);\n\n    // Arrow key down should also do nothing.\n    inputElement.focus();\n    userEvent.keyboard('[ARROWDOWN]');\n    await waitFor(() => expect(inputElement.value).equals(initialValue));\n  });\n\n  it('Clicking step up or pressing arrow up does nothing when disabled', async function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <>\n          <DemoStepButtons />\n          <button class=\"testclickmebutton\">Click me</button>\n        </>\n      </RootEnvironmentProvider>\n    );\n\n    // Initial value of DemoStepButtons is 10, min=10, max=100, step=5.\n    // DemoStepButtons disables step up when the value reaches max.\n    const inputElement = container.querySelector('input')!;\n    const upButton = getStepUpButton(container)!;\n    const testButton = container.querySelector('.testclickmebutton') as HTMLButtonElement;\n    expect(inputElement).not.to.be.null;\n    expect(upButton).not.to.be.null;\n    expect(testButton).not.to.be.null;\n\n    // Calling inputElement.blur did not commit the value, so set\n    // inputElement.value to 100 (max) and move the focus to commit it.\n    const maxValue = '100';\n    inputElement.focus();\n    inputElement.value = maxValue;\n    testButton.focus();\n    expect(inputElement.value).to.equal(maxValue);\n\n    // Clicking the disabled up button should do nothing.\n    fireEvent.click(upButton);\n    expect(inputElement.value).to.equal(maxValue);\n\n    // Arrow up key should also do nothing.\n    inputElement.focus();\n    userEvent.keyboard('[ARROWUP]');\n    await waitFor(() => expect(inputElement.value).equals(maxValue));\n  });\n});\n\ndescribe('Test NumberInputText spinning functionality', () => {\n  let env: Partial<RootEnvironment>;\n  beforeEach(async function () {\n    env = env ?? (await getEnvironmentContext());\n  });\n  afterEach(cleanup);\n\n  it('Can spin by holding down the arrow keys', async function () {\n    const { container } = render(\n      <RootEnvironmentProvider environment={env}>\n        <DemoStepButtons />\n      </RootEnvironmentProvider>\n    );\n\n    // Initial value of DemoStepButtons is 10, min=10, max=100, step=5.\n    const inputElement = container.querySelector('input')!;\n    expect(inputElement).not.to.be.null;\n\n    // Holding down the arrow key triggers continuous step events.\n    // See https://testing-library.com/docs/user-event/keyboard/\n    inputElement.focus();\n    // Hold the arrow key down, trigger 10 keydown events, then send key up.\n    userEvent.keyboard('[ARROWUP>10/]');\n    await waitFor(() => expect(inputElement.value).equals('60'));\n\n    userEvent.keyboard('[ARROWDOWN>4/]');\n    await waitFor(() => expect(inputElement.value).equals('40'));\n  });\n});\n"],"names":["NumberInputText","DemoNumberInputText","assistiveText","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","messages","placeholder","prefix","suffix","textAlign","userAssistanceDensity","value","variant","displayValue","setDisplayValue","useState","handleInput","useCallback","detail","_a","valueCommitted","setValueCommitted","handleCommit","valueNow","undefined","_jsx","ariaValueNow","ariaValueText","isRequiredShown","onCommit","onInput","EmbeddedStyles","args","jsx","Object","assign","style","backgroundColor","border","boxSizing","color","height","minWidth","width","parameters","controls","include","keys","StepButtons","parse","parseInt","replace","min","max","committedValue","setCommittedValue","numberValue","newValue","Number","isNaN","toString","handleStep","event","current","currentValue","direction","modulo","doStep","NaN","severity","valueText","_jsxs","_Fragment","children","ariaValueMax","ariaValueMin","hasSteppers","isStepDownDisabled","isStepUpDisabled","onSpin","onStep","async","getEnvironmentContext","locale","matchTranslationBundle","Set","default","translations","__variableDynamicImportRuntime0__","noOp","describe","it","container","render","inputElement","querySelector","expect","not","to","be","null","match","afterEach","cleanup","getAttribute","equal","getByText","inputDiv","currencyString","numberVal","env","beforeEach","getStepUpButton","getStepDownButton","getByRole","RootEnvironmentProvider","environment","roleElement","tagName","toUpperCase","upButton","downButton","upDisabled","downDisabled","DemoStepButtons","fireEvent","click","focus","userEvent","keyboard","waitFor","equals","class","testButton","maxValue"],"mappings":"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"}

package/amd/UNSAFE_NumberInputText.js

@@ -1,2 +1,2 @@
-define(["exports","./NumberInputText-650e068f","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-0620c488","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-37ff3610","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-efacaca1",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-31c39788","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-a890be37","./_curry1-804b6f8c","./_has-68a93609","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./FormControlUtils-749b1053","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-ab401fac","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./TextFieldInput-4ca045e3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-f63a8bfb","./UNSAFE_ComponentMessage","./ComponentMessage-b7f25750","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-f315afc4","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./MessageDetail-43d9a644","./MessageFormattingUtils-0860b6cc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b50295bb","./Message.types-693a69c2","./MessageStartIcon-b7c0ed92","./MessageSummary-142352fa","./MessageTimestamp-c36cb04b","./MessageUtils-4fe36e53","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-11baf986","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3ad00300","./ComponentMessageContainer-31c64104","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,a,n,u,l,F,A,_,U,r,E,N,S,c,f,b,d,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,ue,le,Fe,Ae,_e,Ue,re,Ee,Ne,Se,ce,fe,be,de,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./NumberInputText-a6edc8a2","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-f169f6f6","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-75cd1481","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-77e465af",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-589b89be","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-dde22c13","./_curry1-4048f3ff","./_has-4e29ea27","./utils/UNSAFE_mergeInterpolations","./_curry3-1f16eff2","./_curry2-386569fb","./FormControlUtils-9bf59f59","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-6a69bc2a","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-d4e8bc5d","./utils/UNSAFE_interpolations/flexitem","./flexitem-a81fbe8b","./TextFieldInput-c2d1aefc","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6cd92723","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-a16712df","./UNSAFE_ComponentMessage","./ComponentMessage-2985b387","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-6fd750b0","./UNSAFE_Button","./Button-95c272b3","./UNSAFE_BaseButton","./BaseButton-cc1e314c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-f095628b","./index-c2b403d2","./UNSAFE_Icon","./Icon-bf3f7959","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe475c26","./index-8637c972","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d52bb49","./hooks/UNSAFE_useTheme","./MessageDetail-49daadc3","./MessageFormattingUtils-eb594b6a","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e17f4469","./Message.types-ba802f0d","./MessageStartIcon-36c31428","./MessageSummary-31da06a2","./MessageTimestamp-a8b2f726","./MessageUtils-7a134473","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-fabd2ebf","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-51ce05e2","./ComponentMessageContainer-a274e23d","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,n,a,u,l,F,A,_,U,r,E,N,S,c,d,f,b,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ae,ue,le,Fe,Ae,_e,Ue,re,Ee,Ne,Se,ce,de,fe,be,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_NumberInputText.js.map

package/amd/UNSAFE_PrefixSuffix.css

@@ -1,8 +1,8 @@
-._1jt2z12{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-.lh40ad{opacity:.45;}
-.ae6r1q{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-.x3nofy{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
-.iqaggu{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.xvqhwf{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._11wgxgf{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._2e1kje{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.v57upy{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+._1e3r769{opacity:.45;}
+._1l4y7c7{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.ankdjc{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
+._1nx6tm4{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._93fw6o{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._4i4it4{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._2oc5tb{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}