@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/amd/UNSAFE_MeterBar/__tests__/MeterBar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterBar.spec.js","sources":["../../../../src/UNSAFE_MeterBar/__tests__/MeterBar.spec.tsx"],"sourcesContent":["import { render, waitFor, fireEvent } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MeterBar } from '../';\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 MeterBar 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        <MeterBar value={20} 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        <MeterBar 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(2);\n  });\n});\n\ndescribe('Test Meter Bar ARIA props', () => {\n  it('Test default aria properties of Meter Bar', async function () {\n    const content = render(<MeterBar 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  });\n\n  it('Test value, role, min and max property of Meter Bar', async function () {\n    const content = render(<MeterBar 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,describedBy,labelledby property of Meter Bar', async function () {\n    const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const testAriaLabeledBy = 'TEST ARIA-LABELLED-BY';\n    const content = render(\n      <MeterBar\n        value={20}\n        accessibleLabel={testAccessibleLabel}\n        ariaDescribedBy={testAriaDescribedBy}\n        ariaLabelledBy={testAriaLabeledBy}\n      />\n    );\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.getAttribute('aria-label')).equals(testAccessibleLabel);\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    expect(firstElement.getAttribute('aria-labelledby')).equals(testAriaLabeledBy);\n  });\n});\n\ndescribe('Test \"Size\" property of Meter Bar ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default size', async function () {\n      const content = render(<MeterBar 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('12px');\n    });\n\n    it('Test \"size = large\"', async function () {\n      const content = render(<MeterBar 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('12px');\n    });\n\n    it('Test \"size = medium\"', async function () {\n      const content = render(<MeterBar 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('8px');\n    });\n\n    it('Test \"size = small\"', async function () {\n      const content = render(<MeterBar 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('4px');\n    });\n  }\n});\n\ndescribe('Test \"Length\" attribute of Meter Bar ', () => {\n  if (typeof jest === 'undefined') {\n    it('Test default length of Meter Bar', async function () {\n      const content = render(<MeterBar value={20} />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(firstElement.style.width).equals('100%');\n    });\n\n    it('Test length of Meter Bar when set in percentage (%)', async function () {\n      const content = render(<MeterBar value={20} length=\"25%\" />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(firstElement.style.width).equals('25%');\n    });\n\n    it('Test length of Meter Bar when set in x ', async function () {\n      const content = render(<MeterBar value={20} length=\"100x\" />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(firstElement.style.width).equals(\n        'calc(100 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      );\n    });\n  }\n});\n\ndescribe('Test indicator APIs of Meter Bar ', () => {\n  it('Test default indicatorSize of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild\n      ?.childNodes[0] as HTMLElement;\n    expect(firstElement.style.height).equals('100%');\n  });\n\n  it('Test indicatorSize of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} indicatorSize={0.5} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild\n      ?.childNodes[0] as HTMLElement;\n    expect(firstElement.style.height).equals('50%');\n  });\n\n  it('Test default indicatorColor of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild\n      ?.childNodes[0] as HTMLElement;\n    expect(firstElement.style.backgroundColor).equals('');\n  });\n\n  it('Test indicatorColor of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} indicatorColor={'red'} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild\n      ?.childNodes[0] as HTMLElement;\n    expect(firstElement.style.backgroundColor).equals('red');\n  });\n});\n\ndescribe('Test \"Track\"  attribute of Meter Bar ', () => {\n  it('Test default Track of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    expect(firstElement.style.backgroundColor).equals('');\n  });\n\n  it('Test Track not present in Meter Bar when isTrackRendered is set to false', async function () {\n    const content = render(<MeterBar value={20} isTrackRendered={false} trackColor={'red'} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    expect(firstElement.style.backgroundColor).equals('transparent');\n  });\n\n  it('Test isTrackRendered and track color attribute with value as true in Meter Bar', async function () {\n    const content = render(<MeterBar value={20} isTrackRendered={true} trackColor={'red'} />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    expect(firstElement.style.backgroundColor).equals('red');\n  });\n});\nif (typeof jest === 'undefined') {\n  describe('Test Thresholds attribute of Meter Bar ', () => {\n    const thresholds = [\n      {\n        max: 33,\n        color: 'red',\n        accessibleLabel: 'accesibleLabel'\n      },\n      {\n        max: 65,\n        color: 'yellow'\n      },\n      {\n        max: 100,\n        color: 'green'\n      }\n    ];\n    const thresholdsEnum = [\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    it('Test threshold color in Meter Bar', async function () {\n      const content = render(<MeterBar value={20} thresholds={thresholds} />);\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(firstElement.style.backgroundColor).equals('red');\n      const firstElementThirdChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(firstElementThirdChild.style.backgroundColor).equals('yellow');\n      const firstElementFourthChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(firstElementFourthChild.style.backgroundColor).equals('green');\n    });\n\n    it('Test threshold color enums in Meter Bar when thresholdDisplay is set to all', async function () {\n      const content = render(\n        <MeterBar value={20} thresholdDisplay=\"all\" thresholds={thresholdsEnum} />\n      );\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(firstElement.style.backgroundColor).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.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)'\n      );\n      const firstElementFourthChild = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(firstElementFourthChild.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)'\n      );\n    });\n    it('Test threshold color enums in Meter Bar when thresholdDisplay is set to track', async function () {\n      const content = render(\n        <MeterBar value={20} thresholdDisplay=\"track\" thresholds={thresholdsEnum} />\n      );\n      const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      expect(firstElement.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n    });\n    it('Test threshold color enums in Meter Bar when thresholdDisplay is set to indicator', async function () {\n      const content = render(\n        <MeterBar value={20} thresholdDisplay=\"indicator\" thresholds={thresholdsEnum} />\n      );\n      const firstElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(firstElement.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\n      );\n    });\n\n    it('Test aria-valuetext for threshold color in Meter Bar', async function () {\n      const content = render(<MeterBar value={20} thresholds={thresholds} />);\n      const firstElement = content.container.firstElementChild as HTMLElement;\n      expect(firstElement.getAttribute('aria-valuetext')).equals('20 accesibleLabel');\n    });\n\n    it('Test threshold for horizontal border properties class in Meter Bar', async function () {\n      const content = render(<MeterBar value={20} thresholds={thresholds} />);\n      const firstThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-radius'),\n        'horizontal border radius is correct'\n      ).to.be.equals('2px 0px 0px 2px');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-color'),\n        'horizontal border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-width'),\n        'horizontal order width is correct'\n      ).to.be.equals('0px 1px 0px 0px');\n\n      const secondThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-radius'),\n        'horizontal border radius is correct'\n      ).to.be.equals('0px');\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-color'),\n        'horizontal border color is correct'\n      ).to.be.equal('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-width'),\n        'horizontal border width is correct'\n      ).to.be.equals('0px 1px 0px 0px');\n\n      const thirdThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-radius'),\n        'horizontal border radius is correct'\n      ).to.be.equals('0px 2px 2px 0px');\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-color'),\n        'horizontal border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-width'),\n        'horizontal border width is correct'\n      ).to.be.equals('0px 1px 0px 0px');\n    });\n\n    it('Test threshold for vertical border properties class in Meter Bar', async function () {\n      const content = render(\n        <MeterBar value={20} thresholds={thresholds} orientation=\"vertical\" />\n      );\n      const firstThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-radius'),\n        'vertical border radius is correct'\n      ).to.be.equals('0px 0px 2px 2px');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-color'),\n        'vertical border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-width'),\n        'vertical border width is correct'\n      ).to.be.equals('1px 0px 0px');\n\n      const secondThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-radius'),\n        'vertical border radius is correct'\n      ).to.be.equals('0px');\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-color'),\n        'vertical border color is correct'\n      ).to.be.equal('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(secondThresholdElement).getPropertyValue('border-width'),\n        'vertical border width is correct'\n      ).to.be.equals('1px 0px 0px');\n\n      const thirdThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-radius'),\n        'vertical border radius is correct'\n      ).to.be.equals('2px 2px 0px 0px');\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-color'),\n        'vertical border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(thirdThresholdElement).getPropertyValue('border-width'),\n        'vertical border width is correct'\n      ).to.be.equals('1px 0px 0px');\n    });\n\n    it('Test threshold for horizontal border properties class when single threshold from min to max in Meter Bar', async function () {\n      const content = render(<MeterBar value={20} thresholds={[{ max: 100 }]} />);\n      const firstThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-radius'),\n        'horizontal border width is correct'\n      ).to.be.equals('2px');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-color'),\n        'horizontal border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-width'),\n        'horizontal border width is correct'\n      ).to.be.equals('0px 1px 0px 0px');\n    });\n\n    it('Test threshold for vertical border properties class when single threshold from min to max in Meter Bar', async function () {\n      const content = render(\n        <MeterBar value={20} thresholds={[{ max: 100 }]} orientation=\"vertical\" />\n      );\n      const firstThresholdElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[0] as HTMLElement;\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-radius'),\n        'vertical border width is correct'\n      ).to.be.equals('2px');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-color'),\n        'vertical border color is correct'\n      ).to.be.equals('rgba(245, 244, 242, 0.7)');\n      expect(\n        window.getComputedStyle(firstThresholdElement).getPropertyValue('border-width'),\n        'vertical border width is correct'\n      ).to.be.equals('1px 0px 0px');\n    });\n  });\n}\ndescribe('Test \"Orientation\" attribute of Meter Bar ', () => {\n  it('Test default orientation of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} />);\n    const firstElement = content.container.firstElementChild as HTMLElement;\n    expect(firstElement.classList.length).equals(2);\n  });\n\n  it('Test horizontal orientation of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} orientation=\"horizontal\" />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    expect(firstElement.classList.length).equals(2);\n  });\n\n  it('Test vertical orientation of Meter Bar', async function () {\n    const content = render(<MeterBar value={20} orientation=\"vertical\" />);\n    const firstElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n    expect(firstElement.classList.length).equals(3);\n  });\n});\n\nif (typeof jest === 'undefined') {\n  describe('Test to check the rendering of reference lines', () => {\n    it('Multiple Reference Lines to check color and value', async () => {\n      const content = render(\n        <MeterBar\n          value={10}\n          length=\"100x\"\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 50,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 70,\n              color: 'red',\n              position: 'start'\n            },\n            {\n              value: 60,\n              position: 'end'\n            }\n          ]}\n        />\n      );\n      const innerElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[3] as HTMLElement;\n      expect(innerElement.style.backgroundColor).equals('red');\n      expect(innerElement.style.left).equals('70%');\n      const innerElement2 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(innerElement2.style.backgroundColor).equals('rgb(58, 110, 150)');\n      expect(innerElement2.style.left).equals('50%');\n\n      const innerElement1 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement1.style.backgroundColor).equals('rgb(58, 110, 150)');\n      expect(innerElement1.style.left).equals('40%');\n\n      const innerElement4 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(innerElement4.style.backgroundColor).equals('');\n      expect(innerElement4.style.left).equals('60%');\n    });\n    it('Multiple Reference Lines to check color and value in Vertical Meter Bar', async () => {\n      const content = render(\n        <MeterBar\n          value={10}\n          length=\"100x\"\n          orientation=\"vertical\"\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 50,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 70,\n              color: 'red',\n              position: 'start'\n            },\n            {\n              value: 60,\n              position: 'end'\n            }\n          ]}\n        />\n      );\n      const innerElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[3] as HTMLElement;\n      expect(innerElement.style.bottom).equals('70%');\n      const innerElement2 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(innerElement2.style.bottom).equals('50%');\n\n      const innerElement1 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement1.style.bottom).equals('40%');\n\n      const innerElement4 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(innerElement4.style.bottom).equals('60%');\n    });\n    it('Multiple Reference Lines to check color enums', async () => {\n      const content = render(\n        <MeterBar\n          value={10}\n          length=\"100x\"\n          referenceLines={[\n            {\n              value: 40,\n              color: 'danger',\n              position: 'start'\n            },\n            {\n              value: 50,\n              color: 'warning',\n              position: 'start'\n            },\n            {\n              value: 70,\n              color: 'success',\n              position: 'start'\n            },\n            {\n              value: 60,\n              position: 'end'\n            }\n          ]}\n        />\n      );\n      const innerElement1 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement1.style.backgroundColor).equals(\n        'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)'\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-warning)'\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-success)'\n      );\n      const innerElement4 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[4] as HTMLElement;\n      expect(window.getComputedStyle(innerElement4).backgroundColor).equals(\n        'rgba(22, 21, 19, 0.8)'\n      );\n      expect(window.getComputedStyle(innerElement4).borderRight).equals(\n        '1px solid rgba(245, 244, 242, 0.7)'\n      );\n    });\n    it('Reference Lines position and colour in horizontal MeterBar', async () => {\n      const content = render(\n        <MeterBar\n          value={10}\n          length=\"100x\"\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 80,\n              position: 'end'\n            }\n          ]}\n        />\n      );\n      const innerElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement.classList.length).equals(4);\n      expect(\n        window.getComputedStyle(innerElement).getPropertyValue('bottom'),\n        'Position is correct'\n      ).to.be.equal('0px');\n\n      const innerElement1 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(\n        window.getComputedStyle(innerElement1).getPropertyValue('bottom'),\n        'Position is correct'\n      ).to.be.equal('-8px');\n      expect(innerElement1.style.backgroundColor).equals('');\n    });\n    it('Reference Lines position in vertical MeterBar', async () => {\n      const content = render(\n        <MeterBar\n          value={10}\n          length=\"100x\"\n          orientation=\"vertical\"\n          referenceLines={[\n            {\n              value: 40,\n              color: '#3A6E96',\n              position: 'start'\n            },\n            {\n              value: 80,\n              position: 'end'\n            }\n          ]}\n        />\n      );\n      const innerElement = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[1] as HTMLElement;\n      expect(innerElement.classList.length).equals(4);\n      expect(\n        window.getComputedStyle(innerElement).getPropertyValue('right'),\n        'Position is correct'\n      ).to.be.equal('0px');\n\n      const innerElement1 = content.container.firstElementChild?.firstElementChild\n        ?.childNodes[2] as HTMLElement;\n      expect(\n        window.getComputedStyle(innerElement1).getPropertyValue('right'),\n        'Position is correct'\n      ).to.be.equal('-8px');\n      expect(innerElement1.style.backgroundColor).equals('');\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            <MeterBar value={30} />\n          </RootEnvironmentProvider>\n        );\n        const MeterBarElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterBarElement);\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            <MeterBar value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const MeterBarElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterBarElement);\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          <MeterBar value={30} datatip={null} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      userEvent.hover(MeterBarElement);\n      const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n      expect(targetElements.length).equals(0);\n    });\n\n    it('check onCommit event is correctly triggered with mouse interaction', async () => {\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>\n          <MeterBar value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      fireEvent.pointerUp(MeterBarElement);\n      await waitFor(() => expect(clickListenerObj.clicked).equals(true));\n    });\n\n    /*it('check onInput event is correctly triggered with mouse interaction', async () => {\n      const hoverListenerObj = { hovered: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null) hoverListenerObj.hovered = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider>\n          <MeterBar value={20} onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild as HTMLElement;\n      console.log(\"MeterBarElement for onCommit\",MeterBarElement);\n      fireEvent.pointerDown(MeterBarElement);\n      userEvent.click(MeterBarElement);\n      await waitFor(() => expect(hoverListenerObj.hovered).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            <MeterBar value={30} />\n          </RootEnvironmentProvider>\n        );\n        const MeterBarElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterBarElement);\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            <MeterBar value={30} datatip={DATATIP_TEXT} />\n          </RootEnvironmentProvider>\n        );\n        const MeterBarElement = content.container.firstElementChild\n          ?.firstElementChild as HTMLElement;\n        userEvent.hover(MeterBarElement);\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          <MeterBar value={30} datatip={null} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      userEvent.hover(MeterBarElement);\n      const targetElements = document.querySelectorAll('[role=\"tooltip\"]');\n      expect(targetElements.length).equals(0);\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          <MeterBar value={20} onCommit={handleOnCommit} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild?.firstElementChild as HTMLElement;\n      fireEvent.pointerUp(MeterBarElement);\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 hoverListenerObj = { hovered: false };\n      const handleOnInput = (detail: any) => {\n        if (detail.value != null) hoverListenerObj.hovered = true;\n      };\n      const content = render(\n        <RootEnvironmentProvider environment={env}>\n          <MeterBar value={20} onInput={handleOnInput} />\n        </RootEnvironmentProvider>\n      );\n      const MeterBarElement = content.container.firstElementChild as HTMLElement;\n      userEvent.hover(MeterBarElement);\n      await waitFor(() => expect(hoverListenerObj.hovered).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('check default datatip correctly triggered with keyboard interaction when value is not set', async () => {\n      render(\n        <RootEnvironmentProvider>\n          <MeterBar />\n        </RootEnvironmentProvider>\n      );\n      userEvent.tab();\n      await waitFor(() => checkDatatipText('0'), {\n        timeout: DATATIP_TEST_TIMEOUT\n      });\n    });\n\n    it(\n      'check datatip correctly triggered with keyboard interaction',\n      async () => {\n        render(\n          <RootEnvironmentProvider>\n            <MeterBar 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          <MeterBar 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          <MeterBar\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          <MeterBar\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          <MeterBar 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          <MeterBar\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          <MeterBar\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          <MeterBar\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          <MeterBar\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            <MeterBar 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('check step is correctly triggered with default value using right arrow 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          <MeterBar\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(1));\n    });\n\n    it(\n      'Test to set the attribute datatip , datatip is correctly triggered with keyboard interaction',\n      async () => {\n        const env: Partial<RootEnvironment> = {\n          user: { direction: 'rtl' }\n        };\n        render(\n          <RootEnvironmentProvider environment={env}>\n            <MeterBar 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          <MeterBar 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          <MeterBar\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          <MeterBar\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          <MeterBar 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 datatipContainer = targetElementItem?.firstElementChild as HTMLElement;\n  expect(datatipContainer?.style.opacity).not.equals('');\n  expect(datatipContainer?.style.opacity).not.equals('0');\n  expect(datatipContainer?.style.maxHeight).not.equals('');\n  expect(datatipContainer?.style.maxHeight).not.equals('0');\n  const innerHTML = datatipContainer?.firstElementChild?.innerHTML;\n  expect(innerHTML).equals(content);\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","MeterBar","value","accessibleLabel","initials","getAllByLabelText","expect","not","null","__variableDynamicImportRuntime1__","classList","jsx","min","max","container","firstElementChild","length","equals","firstElement","getAttribute","testAccessibleLabel","testAriaLabeledBy","ariaDescribedBy","ariaLabelledBy","meterDescribedBy","describedByIds","split","jest","window","getComputedStyle","getPropertyValue","to","be","equal","size","style","width","_b","_a","childNodes","height","indicatorSize","backgroundColor","indicatorColor","isTrackRendered","trackColor","thresholds","color","thresholdsEnum","firstElementThirdChild","_d","_c","firstElementFourthChild","_f","_e","thresholdDisplay","firstThresholdElement","secondThresholdElement","thirdThresholdElement","orientation","referenceLines","position","innerElement","left","innerElement2","innerElement1","innerElement4","_h","_g","bottom","innerElement3","borderRight","clientHints","getClientHints","browser","mocha","timeout","MeterBarElement","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","datatipContainer","opacity","maxHeight","innerHTML"],"mappings":"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"}

package/amd/UNSAFE_MeterBar.css

@@ -1,45 +1,46 @@
-.as7aj{display:inline-flex;pointer-events:none;}.as7aj:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._12e1aei{width:100%;}
-._1w0xicl{height:100%;}
-.efr3z2{cursor:pointer;touch-action:none;}
-._16yb4gs{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-.gqdhxb{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1v0boid{top:50%;transform:translate(0,-50%);}
-._1jqk7w8{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-.igilt7{flex-direction:column-reverse;}
-._1n432uv{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._1bcjtkd{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-.mmrq90{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-.grtw88{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._1am80kk{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-._1aq3nsr{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1a49kg1{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._5kitcg{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1x91vg2{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1i05vlb{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1xvg9h4{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1n9f3eo{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1k28tv6{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._11c5skh{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1awr7wb{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.ifp7oz{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.a47owj{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1slyim8{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._58mjtz{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._1kq2oks{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-._1410i1a{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-.sapqkc{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+.dblie{display:inline-flex;pointer-events:none;}.dblie:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.cnvqsq{width:100%;}
+._5yacbj{height:100%;}
+._1452cgm{cursor:pointer;touch-action:none;}
+._1fv6d7s{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+._1c570b7{bottom:0%;left:50%;transform:translate(-50%,0);}
+.ez2ii6{top:50%;transform:translate(0,-50%);}
+._1oe2qvf{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+.vu4xrg{flex-direction:column-reverse;}
+._8ftdg6{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.ll81sh{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+._1lr9oz7{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._3597hk{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._3zulf3{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+.r2y7ie{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+._1dfnrt4{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._13u5q21{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.j1eqz0{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.pzsja2{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.ico3hq{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._73d9m9{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._13o96cy{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.zzwlpw{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1rkowr4{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.ejlbmh{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.xo8u4m{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1f84gy9{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._6kykyz{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._1k5db2r{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.h8uy34{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._13txa8i{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+._1o5wlew{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
 
-._1bbd1pb{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._1p2ydq4{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-._1qlb9hg{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-._7rhx4z{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._191ih9c{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-.seavm1{bottom:0%;}
-._10vnx6h{right:0%;}
-._1vgt2zu{left:0%;}
+.d6zxmg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.ybwyqk{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._177rhp6{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._1dosv15{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+._4th8wo{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._66g0qy{bottom:0%;}
+.zb1pnh{right:0%;}
+._1ychsu4{left:0%;}
 
-.vjmkoe{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-._17y3jhd{border-width:1px 0 0 0;}
-._1nyxdaz{border-width:0 0 0 1px;}
-._136oash{border-width:0 1px 0 0;}
+.cq8a1c{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+._1okbzy0{border-width:1px 0 0 0;}
+.kciy5g{border-width:0 0 0 1px;}
+.u7pfrc{border-width:0 1px 0 0;}

package/amd/UNSAFE_MeterBar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./classNames-14cea078","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./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-065d8744"],function(t,e,o,r,a,i,s,n,l,c,d,h,u,m,g,_,v,p,b,k,S,f,x,z,E,M,A,T,F,U,N,j,B){"use strict";function C(t){if(!t)return{width:0,height:0};const e=t.getBoundingClientRect();return{width:e.width,height:e.height}}function y({orientation:t,percentage:e,color:r,position:a}){const i="horizontal"===t,{direction:s}=l.useUser(),n="rtl"===s,c="start"===a;return o.jsx("div",{class:u.classNames([R.base,R[`${t}Border`],R[`${t}`],c?i?R.horiontalStart:R["verticalStart"+(n?"Rtl":"Ltr")]:""]),style:{left:i&&!n?e:void 0,right:i&&n?e:void 0,bottom:i?void 0:e,backgroundColor:r}})}const R={base:"_1bbd1pb",verticalBorder:"_1p2ydq4",horizontalBorder:"_1qlb9hg",vertical:"_7rhx4z",horizontal:"_191ih9c",horiontalStart:"seavm1",verticalStartLtr:"_10vnx6h",verticalStartRtl:"_1vgt2zu"};function w(t){var{color:r,length:a,orientation:i}=t,s=e.__rest(t,["color","length","orientation"]);const{direction:n}=l.useUser(),c="horizontal"===i,d="rtl"===n;return o.jsx("div",{class:u.classNames([I.base,c?I["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:I.verticalBarTrackSection,s.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:r}})}const I={base:"vjmkoe",verticalBarTrackSection:"_17y3jhd",horizontalBarTrackSectionRtl:"_1nyxdaz",horizontalBarTrackSectionLtr:"_136oash"};const L=function(t,e,o){const r=[];return t.start&&r.push(V[`${e}Margin${o?"Top":"Start"}`]),t.end&&r.push(V[`${e}Margin${o?"Bottom":"End"}`]),r},P={base:"as7aj",horizontal:"_12e1aei",vertical:"_1w0xicl",interactive:"efr3z2"},$={base:"_16yb4gs",vertical:"gqdhxb",horizontal:"_1v0boid"},V={base:"_1jqk7w8",vertical:"igilt7",smHorizontal:"_1n432uv",smVertical:"_1bcjtkd",mdHorizontal:"mmrq90",mdVertical:"grtw88",lgHorizontal:"_1am80kk",lgVertical:"_1aq3nsr",smMarginTop:"_1a49kg1",mdMarginTop:"_5kitcg",lgMarginTop:"_1x91vg2",smMarginStart:"_1i05vlb",mdMarginStart:"_1xvg9h4",lgMarginStart:"_1n9f3eo",smMarginEnd:"_1k28tv6",mdMarginEnd:"_11c5skh",lgMarginEnd:"_1awr7wb",smMarginBottom:"ifp7oz",mdMarginBottom:"a47owj",lgMarginBottom:"_1slyim8"},q={horizontalFirst:"_58mjtz",horizontalLast:"_1kq2oks",verticalFirst:"_1410i1a",verticalLast:"sapqkc"};t.MeterBar=function(t){var a,i,{max:g=100,min:_=0,value:v=0,step:p=1,length:b="100%",size:k="lg",orientation:S="horizontal",isTrackRendered:f=!0,thresholdDisplay:x="all",indicatorSize:z=1}=t,E=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(_,g,v,p);const M="horizontal"===S,A=n.useRef(null),T=n.useRef(C(null)),{direction:F}=l.useUser(),U="rtl"===F;n.useEffect(()=>{(E.onCommit||E.onInput)&&(T.current=C(A.current))},[k,b,S,E.onCommit,E.onInput]);const N=c.usePointerEvents(v,t=>{if(t.target==A.current)return function(t,e,o,r,a,i,s){const n=e.current;if(!n||0===n.width)return;let l;if("horizontal"===i){const e=t.offsetX;l=o+(r-o)*(s?n.width-e:e)/n.width}else l=o+(r-o)*(n.height-t.offsetY)/n.height;return l=Math.round(l/a)*a,Math.max(o,Math.min(r,l))}(t,T,_,g,p,S,U)},A,E.onCommit,E.onInput),j=c.useKeyboardEvents(v,_,g,p,E.onCommit,E.onInput),{datatipContent:B,datatipProps:R}=c.useMeterDatatip(v,E.datatip,E.ariaDescribedBy),I=d.getMeterAriaProps(v,_,g,`${v}`,E.accessibleLabel,E.ariaLabelledBy,E.thresholds),D=s.mergeProps(N,j,R,I),H=Math.max(0,Math.min(1,z)),O=100*(v-_)/(g-_)+"%",K=100*H+"%",{trackColor:X,indicatorColor:Y}=d.getTrackAndIndicatorColor(v,x,E.trackColor,E.indicatorColor,E.thresholds),G=function(t){let e={start:!1,end:!1};return t&&(e=t.reduce((t,e)=>(t.start=t.start||"start"===e.position,t.end=t.end||"end"===e.position||null==e.position,t),e)),e}(E.referenceLines),J=E.onCommit||E.onInput,{isTabbable:Q}=m.useTabbableMode();return o.jsxs(o.Fragment,{children:[o.jsx("div",Object.assign({tabIndex:Q?0:-1,role:"slider"},D,{style:{width:M?r.sizeToCSS(b):void 0,height:M?void 0:r.sizeToCSS(b)},class:u.classNames([P.base,P[S]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:S,color:!f||"all"===x&&E.thresholds?"transparent":X,class:u.classNames([V.base,J?P.interactive:"",M?"":V.vertical,M?V[`${k}Horizontal`]:V[`${k}Vertical`],...L(G,k,M)])},{children:["all"===x&&(null===(a=E.thresholds)||void 0===a?void 0:a.filter(t=>t.max>_&&t.max<=g).sort((t,e)=>t.max-e.max).map((t,e,r)=>{const a=0===e?t.max-_:t.max-r[e-1].max;return o.jsxs(o.Fragment,{children:[o.jsx(w,{class:0===e?q[`${S}First`]:"",orientation:S,length:100*a/(g-_)+"%",color:t.color}),f&&e===r.length-1&&t.max<g?o.jsx(w,{class:q[`${S}Last`],color:X,orientation:S,length:100*(g-r[e].max)/(g-_)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:S,class:u.classNames([$.base,$[S]]),color:Y}),null===(i=E.referenceLines)||void 0===i?void 0:i.map(t=>o.jsx(y,{color:t.color,orientation:S,percentage:100*(t.value-_)/(g-_)+"%",position:t.position}))]}))})),B]})},Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-d8595453","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./utils/UNSAFE_dvtCommonUtils","./classNames-b7cf3c05","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./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-72dcd02d"],function(t,e,o,r,i,a,s,n,l,c,d,h,u,m,g,_,v,p,b,S,f,z,k,x,E,T,A,M,U,F,N,y,C,j){"use strict";function B(t){if(!t)return{width:0,height:0};const e=t.getBoundingClientRect();return{width:e.width,height:e.height}}function w({orientation:t,percentage:e,color:r,position:i}){const a="horizontal"===t,{direction:s}=l.useUser(),n="rtl"===s,c="start"===i;return o.jsx("div",{class:m.classNames([R.base,R[`${t}Border`],R[`${t}`],c?a?R.horiontalStart:R["verticalStart"+(n?"Rtl":"Ltr")]:""]),style:{left:a&&!n?e:void 0,right:a&&n?e:void 0,bottom:a?void 0:e,backgroundColor:u.getDvtThresholdColor(r)}})}const R={base:"d6zxmg",verticalBorder:"ybwyqk",horizontalBorder:"_177rhp6",vertical:"_1dosv15",horizontal:"_4th8wo",horiontalStart:"_66g0qy",verticalStartLtr:"zb1pnh",verticalStartRtl:"_1ychsu4"};function I(t){var{color:r,length:i,orientation:a}=t,s=e.__rest(t,["color","length","orientation"]);const{direction:n}=l.useUser(),c="horizontal"===a,d="rtl"===n;return o.jsx("div",{class:m.classNames([L.base,c?L["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:L.verticalBarTrackSection,s.class]),style:{width:c?i:"100%",height:c?"100%":i,backgroundColor:u.getDvtThresholdColor(r)}})}const L={base:"cq8a1c",verticalBarTrackSection:"_1okbzy0",horizontalBarTrackSectionRtl:"kciy5g",horizontalBarTrackSectionLtr:"u7pfrc"};const $=function(t,e,o){const r=[];return t.start&&r.push(q[`${e}Margin${o?"Top":"Start"}`]),t.end&&r.push(q[`${e}Margin${o?"Bottom":"End"}`]),r},P={base:"dblie",horizontal:"cnvqsq",vertical:"_5yacbj",interactive:"_1452cgm"},V={base:"_1fv6d7s",vertical:"_1c570b7",horizontal:"ez2ii6"},q={base:"_1oe2qvf",vertical:"vu4xrg",smHorizontal:"_8ftdg6",smVertical:"ll81sh",mdHorizontal:"_1lr9oz7",mdVertical:"_3597hk",lgHorizontal:"_3zulf3",lgVertical:"r2y7ie",smMarginTop:"_1dfnrt4",mdMarginTop:"_13u5q21",lgMarginTop:"j1eqz0",smMarginStart:"pzsja2",mdMarginStart:"ico3hq",lgMarginStart:"_73d9m9",smMarginEnd:"_13o96cy",mdMarginEnd:"zzwlpw",lgMarginEnd:"_1rkowr4",smMarginBottom:"ejlbmh",mdMarginBottom:"xo8u4m",lgMarginBottom:"_1f84gy9"},D={horizontalFirst:"_6kykyz",horizontalLast:"_1k5db2r",verticalFirst:"h8uy34",verticalLast:"_13txa8i",roundedCorners:"_1o5wlew"};t.MeterBar=function(t){var i,a,{max:u=100,min:_=0,value:v=0,step:p=1,length:b="100%",size:S="lg",orientation:f="horizontal",isTrackRendered:z=!0,thresholdDisplay:k="all",indicatorSize:x=1}=t,E=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(_,u,v,p);const T="horizontal"===f,A=n.useRef(null),M=n.useRef(B(null)),{direction:U}=l.useUser(),F="rtl"===U;n.useEffect(()=>{(E.onCommit||E.onInput)&&(M.current=B(A.current))},[S,b,f,E.onCommit,E.onInput]);const N=c.usePointerEvents(v,t=>{if(t.target==A.current)return function(t,e,o,r,i,a,s){const n=e.current;if(!n||0===n.width)return;let l;if("horizontal"===a){const e=t.offsetX;l=o+(r-o)*(s?n.width-e:e)/n.width}else l=o+(r-o)*(n.height-t.offsetY)/n.height;return l=Math.round(l/i)*i,Math.max(o,Math.min(r,l))}(t,M,_,u,p,f,F)},A,E.onCommit,E.onInput),y=c.useKeyboardEvents(v,_,u,p,E.onCommit,E.onInput),{datatipContent:C,datatipProps:j}=c.useMeterDatatip(v,E.datatip,E.ariaDescribedBy),R=d.getMeterAriaProps(v,_,u,`${v}`,E.accessibleLabel,E.ariaLabelledBy,E.thresholds),L=s.mergeProps(N,y,j,R),H=Math.max(0,Math.min(1,x)),O=100*(v-_)/(u-_)+"%",K=100*H+"%",{trackColor:X,indicatorColor:Y}=d.getTrackAndIndicatorColor(v,k,E.trackColor,E.indicatorColor,E.thresholds),G=function(t){let e={start:!1,end:!1};return t&&(e=t.reduce((t,e)=>(t.start=t.start||"start"===e.position,t.end=t.end||"end"===e.position||null==e.position,t),e)),e}(E.referenceLines),J=E.onCommit||E.onInput,{isTabbable:Q}=g.useTabbableMode();return o.jsxs(o.Fragment,{children:[o.jsx("div",Object.assign({tabIndex:Q?0:-1,role:"slider"},L,{style:{width:T?r.sizeToCSS(b):void 0,height:T?void 0:r.sizeToCSS(b)},class:m.classNames([P.base,P[f]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:f,color:!z||"all"===k&&E.thresholds?"transparent":X,class:m.classNames([q.base,J?P.interactive:"",T?"":q.vertical,T?q[`${S}Horizontal`]:q[`${S}Vertical`],...$(G,S,T)])},{children:["all"===k&&(null===(i=E.thresholds)||void 0===i?void 0:i.filter(t=>t.max>_&&t.max<=u).sort((t,e)=>t.max-e.max).map((t,e,r)=>{const i=0===e?t.max-_:t.max-r[e-1].max;let a=0===e?D[`${f}First`]:"";return t.max===u&&(a=0===e?D.roundedCorners:D[`${f}Last`]),o.jsxs(o.Fragment,{children:[o.jsx(I,{class:a,orientation:f,length:100*i/(u-_)+"%",color:t.color}),z&&e===r.length-1&&t.max<u?o.jsx(I,{class:D[`${f}Last`],color:X,orientation:f,length:100*(u-r[e].max)/(u-_)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:f,class:m.classNames([V.base,V[f]]),color:Y}),null===(a=E.referenceLines)||void 0===a?void 0:a.map(t=>o.jsx(w,{color:t.color,orientation:f,percentage:100*(t.value-_)/(u-_)+"%",position:t.position}))]}))})),C]})},Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MeterBar.js.map

package/amd/UNSAFE_MeterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'];\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'];\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={index === 0 ? trackSectionStyle[`${orientation}First`] : ''}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`\n};\n"],"names":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","getMarginClass","info","size","className","componentStyles","barValueStyles","barTrackStyles","trackSectionStyle","barTrackRef","useRef","props","onCommit","onInput","length","pointerEventsProps","usePointerEvents","value","event","target","current","dimensionsRef","min","max","step","dims","val","offsetX","offsetY","Math","round","getValue","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","indicatorSize","valueBarLength","valueBarSize","lines","refLineInfo","start","end","reduce","acc","cur","isTabbable","useTabbableMode","sizeToCSS","children","_jsxs","jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","sizeStyle","diff","index","threshold","_Fragment","jsx"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'] | DvtThresholdsColors;\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'] | DvtThresholdsColors;\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                let trackSectionStyleClass =\n                  index === 0 ? trackSectionStyle[`${orientation}First`] : '';\n                if (threshold.max === max)\n                  trackSectionStyleClass =\n                    index === 0\n                      ? trackSectionStyle['roundedCorners'] // Single threshold from min to max\n                      : trackSectionStyle[`${orientation}Last`];\n                return (\n                  <>\n                    <ThresholdBar\n                      class={trackSectionStyleClass}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`,\n  roundedCorners: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`\n};\n"],"names":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","getDvtThresholdColor","ThresholdBar","_a","otherProps","getMarginClass","info","size","className","componentStyles","barValueStyles","barTrackStyles","trackSectionStyle","barTrackRef","useRef","props","onCommit","onInput","length","pointerEventsProps","usePointerEvents","value","event","target","current","dimensionsRef","min","max","step","dims","val","offsetX","offsetY","Math","round","getValue","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","indicatorSize","valueBarLength","valueBarSize","lines","refLineInfo","start","end","reduce","acc","cur","isTabbable","useTabbableMode","sizeToCSS","children","_jsxs","jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","sizeStyle","diff","index","threshold","trackSectionStyleClass"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../MeterCircle-4d38a593","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","@testing-library/user-event","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57","../../tslib.es6-d8595453","../../hooks/UNSAFE_useUser","preact/hooks","preact","../../UNSAFE_Layer","preact/compat","css!./../../UNSAFE_MeterCircle.css","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../PRIVATE_Meter","../../utils/PRIVATE_meterUtils","../../utils/UNSAFE_dvtCommonUtils","../../hooks/PRIVATE_useDvtMeterEvents","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../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-72dcd02d","../../hooks/UNSAFE_useTabbableMode"],function(e,r,t,n,s,l,i,o,c,u,a,d,b,v,m,f,h,p,w,C,y,x,E,g,P,j,k,T,M,A,q,S,R,N,O,I,F,U,D,V){"use strict";function B(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var H=B(o);const L=3e3,z="datatip_text";describe("Test MeterCircle component",()=>{it("render",async function(){const o=l.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(r){switch(r){case"../../resources/nls/ar/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ar/bundle"],r,t)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ar-XB/bundle"],r,t)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bg/bundle"],r,t)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bs/bundle"],r,t)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bs-Cyrl/bundle"],r,t)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/cs/bundle"],r,t)});case"../../resources/nls/da/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/da/bundle"],r,t)});case"../../resources/nls/de/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/de/bundle"],r,t)});case"../../resources/nls/el/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/el/bundle"],r,t)});case"../../resources/nls/en/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en/bundle"],r,t)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en-XA/bundle"],r,t)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en-XC/bundle"],r,t)});case"../../resources/nls/es/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/es/bundle"],r,t)});case"../../resources/nls/et/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/et/bundle"],r,t)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fi/bundle"],r,t)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fr/bundle"],r,t)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fr-CA/bundle"],r,t)});case"../../resources/nls/he/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/he/bundle"],r,t)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/hr/bundle"],r,t)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/hu/bundle"],r,t)});case"../../resources/nls/is/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/is/bundle"],r,t)});case"../../resources/nls/it/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/it/bundle"],r,t)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ja/bundle"],r,t)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ko/bundle"],r,t)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/lt/bundle"],r,t)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/lv/bundle"],r,t)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ms/bundle"],r,t)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/nl/bundle"],r,t)});case"../../resources/nls/no/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/no/bundle"],r,t)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pl/bundle"],r,t)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pt/bundle"],r,t)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pt-PT/bundle"],r,t)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ro/bundle"],r,t)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ru/bundle"],r,t)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sk/bundle"],r,t)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sl/bundle"],r,t)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sr/bundle"],r,t)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sr-Latn/bundle"],r,t)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sv/bundle"],r,t)});case"../../resources/nls/th/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/th/bundle"],r,t)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/tr/bundle"],r,t)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/uk/bundle"],r,t)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/vi/bundle"],r,t)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/zh-Hans/bundle"],r,t)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/zh-Hant/bundle"],r,t)});default:return new Promise(function(e,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+r)))})}}(`../../resources/nls/${o}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:u},{children:r.jsx(s.MeterCircle,{value:20,min:0,max:100,accessibleLabel:"ariaText"})}))),d=await a.getAllByLabelText("ariaText");n.expect(d).not.null}),it("applies Linaria CSS classes",async()=>{const o=l.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(r){switch(r){case"../../resources/nls/ar/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ar/bundle"],r,t)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ar-XB/bundle"],r,t)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bg/bundle"],r,t)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bs/bundle"],r,t)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/bs-Cyrl/bundle"],r,t)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/cs/bundle"],r,t)});case"../../resources/nls/da/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/da/bundle"],r,t)});case"../../resources/nls/de/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/de/bundle"],r,t)});case"../../resources/nls/el/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/el/bundle"],r,t)});case"../../resources/nls/en/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en/bundle"],r,t)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en-XA/bundle"],r,t)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/en-XC/bundle"],r,t)});case"../../resources/nls/es/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/es/bundle"],r,t)});case"../../resources/nls/et/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/et/bundle"],r,t)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fi/bundle"],r,t)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fr/bundle"],r,t)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/fr-CA/bundle"],r,t)});case"../../resources/nls/he/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/he/bundle"],r,t)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/hr/bundle"],r,t)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/hu/bundle"],r,t)});case"../../resources/nls/is/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/is/bundle"],r,t)});case"../../resources/nls/it/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/it/bundle"],r,t)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ja/bundle"],r,t)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ko/bundle"],r,t)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/lt/bundle"],r,t)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/lv/bundle"],r,t)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ms/bundle"],r,t)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/nl/bundle"],r,t)});case"../../resources/nls/no/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/no/bundle"],r,t)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pl/bundle"],r,t)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pt/bundle"],r,t)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/pt-PT/bundle"],r,t)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ro/bundle"],r,t)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/ru/bundle"],r,t)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sk/bundle"],r,t)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sl/bundle"],r,t)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sr/bundle"],r,t)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sr-Latn/bundle"],r,t)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/sv/bundle"],r,t)});case"../../resources/nls/th/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/th/bundle"],r,t)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/tr/bundle"],r,t)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/uk/bundle"],r,t)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/vi/bundle"],r,t)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/zh-Hans/bundle"],r,t)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(r,t){e(["../../resources/nls/zh-Hant/bundle"],r,t)});default:return new Promise(function(e,t){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(t.bind(null,new Error("Unknown variable dynamic import: "+r)))})}}(`../../resources/nls/${o}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:u},{children:r.jsx(s.MeterCircle,{value:20,min:0,max:100})}))).container.firstElementChild.classList;n.expect(a.length).equals(1)})}),describe("Test Meter Circle ARIA props",()=>{it("Test default aria properties of Meter Circle",async function(){const e=t.render(r.jsx(s.MeterCircle,{value:20})).container.firstElementChild;n.expect(e.getAttribute("aria-valuemax")).equals("100"),n.expect(e.getAttribute("aria-valuenow")).equals("20"),n.expect(e.getAttribute("aria-valuemin")).equals("0"),n.expect(e.getAttribute("aria-valuetext")).equals("20 "),n.expect(e.getAttribute("aria-describedby")).not.null,n.expect(e.getAttribute("aria-labelledby")).null,n.expect(e.getAttribute("aria-label")).null}),it("Test value, role, min and max property of Meter Circle",async function(){const e=t.render(r.jsx(s.MeterCircle,{value:100,max:150,min:50})).container.firstElementChild;n.expect(e.getAttribute("role")).equals("slider"),n.expect(e.getAttribute("aria-valuemax")).equals("150"),n.expect(e.getAttribute("aria-valuenow")).equals("100"),n.expect(e.getAttribute("aria-valuemin")).equals("50"),n.expect(e.getAttribute("aria-valuetext")).equals("100 ")}),it("Test accessiblelabel property of Meter Circle",async function(){const e="TEST-ACCESSIBLE-LABEL",l=t.render(r.jsx(s.MeterCircle,{value:20,accessibleLabel:e})).container.firstElementChild;n.expect(l.getAttribute("aria-label")).equals(e)}),it("Test describedBy attribute of Meter Circle",async function(){const e=t.render(r.jsx(s.MeterCircle,{value:20,ariaDescribedBy:"TEST ARIA-DESCRIBED-BY"})).container.firstElementChild.getAttribute("aria-describedby"),l=null==e?void 0:e.split(" ");n.expect(null==l?void 0:l.length).equals(3),n.expect(l?l[0]:"").equals("TEST"),n.expect(l?l[1]:"").equals("ARIA-DESCRIBED-BY")}),it("Test labelledby attribute of Meter Circle",async function(){const e="TEST ARIA-LABELLED-BY",l=t.render(r.jsx(s.MeterCircle,{value:20,ariaLabelledBy:e})).container.firstElementChild;n.expect(l.getAttribute("aria-labelledby")).equals(e)})}),describe('Test "Size" property of Meter Circle ',()=>{"undefined"==typeof jest&&(it("Test default size",async function(){const e=t.render(r.jsx(s.MeterCircle,{value:5})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Default size is correct").to.be.equal("196px"),n.expect(window.getComputedStyle(e).getPropertyValue("width"),"Default size is correct").to.be.equal("196px")}),it('Test "size = large"',async function(){const e=t.render(r.jsx(s.MeterCircle,{value:5,size:"lg"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Large size is correct").to.be.equal("196px"),n.expect(window.getComputedStyle(e).getPropertyValue("width"),"Large size is correct").to.be.equal("196px")}),it('Test "size = medium"',async function(){const e=t.render(r.jsx(s.MeterCircle,{value:20,size:"md"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Medium size is correct").to.be.equal("96px"),n.expect(window.getComputedStyle(e).getPropertyValue("width"),"Medium size is correct").to.be.equal("96px")}),it('Test "size = small"',async function(){const e=t.render(r.jsx(s.MeterCircle,{value:20,size:"sm"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Small size is correct").to.be.equal("56px"),n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Small size is correct").to.be.equal("56px")}))}),describe('Test "Track"  attribute of Meter Circle ',()=>{"undefined"==typeof jest&&(it("Test default track of Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.firstElementChild;n.expect(i.style.backgroundColor).equals("")}),it("Test Track not present in Meter Circle when isTrackRendered is set to false",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,isTrackRendered:!1,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.firstElementChild;n.expect(i.style.borderColor).equals("transparent")}),it("Test isTrackRendered and traclColor attribute with value as true in Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,isTrackRendered:!0,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.firstElementChild;n.expect(i.style.borderColor).equals("red")}))}),describe('Test "indicatorSize" and indicatorColor attribute of Meter Circle ',()=>{"undefined"==typeof jest&&(it("Test default indicatorSize of Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(window.getComputedStyle(i).getPropertyValue("height"),"height").to.be.equal("196px")}),it("Test indicatorSize of Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,indicatorSize:.5})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(i.style.height).contains("0.5")}),it("Test default indicatorColor of Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(i.style.borderColor).equals("")}),it("Test indicatorColor of Meter Circle",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,indicatorColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(i.style.borderColor).equals("red")}))}),describe("Test angleExtent,startAngle, center content, innerBound and OuterBound property of Meter Circle ",()=>{"undefined"==typeof jest&&(it("Test for Right Half semi Meter Circle ",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:12,angleExtent:180})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.firstElementChild;n.expect(window.getComputedStyle(i).getPropertyValue("height"),"Height of semi circle").to.be.equal("196px"),n.expect(window.getComputedStyle(i).getPropertyValue("width"),"Width of semi circle").to.be.equal("98px")}),it("Test for Top Half semi Meter Circle ",async function(){var e;const l=null===(e=t.render(r.jsx(s.MeterCircle,{value:12,angleExtent:180,startAngle:180})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(window.getComputedStyle(l).getPropertyValue("height"),"Height of semi circle").to.be.equal("98px"),n.expect(window.getComputedStyle(l).getPropertyValue("width"),"Width of semi circle").to.be.equal("196px")}),it("Test for Bottom Half semi Meter Circle ",async function(){var e;const l=null===(e=t.render(r.jsx(s.MeterCircle,{value:12,angleExtent:180,startAngle:0})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(window.getComputedStyle(l).getPropertyValue("height"),"Height of semi circle").to.be.equal("98px"),n.expect(window.getComputedStyle(l).getPropertyValue("width"),"Width of semi circle").to.be.equal("196px")}),it("Test for Left Half semi Meter Circle ",async function(){var e;const l=null===(e=t.render(r.jsx(s.MeterCircle,{value:12,angleExtent:180,startAngle:270})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(window.getComputedStyle(l).getPropertyValue("height"),"Height of semi circle").to.be.equal("196px"),n.expect(window.getComputedStyle(l).getPropertyValue("width"),"Width of semi circle").to.be.equal("98px")}),it("Test Center content",async function(){const e=t.render(r.jsx(s.MeterCircle,Object.assign({value:20},{children:()=>r.jsx("div",{children:"Sales in USD"})}))),l=await e.findByText("Sales in USD");n.expect(l).not.null}),it("Test inner and outer bounds",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,Object.assign({value:20},{children:e=>r.jsx("div",Object.assign({id:"centerContentDiv","data-iBx":e.innerBounds.x,"data-iBy":e.innerBounds.y,"data-oBx":e.outerBounds.x,"data-oBy":e.outerBounds.y},{children:r.jsx("div",{children:"Sales in USD"})}))}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[2].firstChild;n.expect(Number(i.dataset.ibx)).closeTo(37,1),n.expect(Number(i.dataset.iby)).closeTo(37,1),n.expect(i.dataset.obx).equals("12"),n.expect(i.dataset.oby).equals("12")}))}),"undefined"==typeof jest&&(describe("Test to check the rendering of reference lines",()=>{it("Multiple Reference Line to check reference line color value",async()=>{var e,l,i,o;const c=t.render(r.jsx(s.MeterCircle,{value:10,referenceLines:[{value:40,color:"#3A6E96"},{value:50,color:"#3A6E96"},{value:70,color:"red"},{value:60}]})),u=null===(l=null===(e=c.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[4];n.expect(u.style.backgroundColor).equals("red");const a=null===(o=null===(i=c.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===o?void 0:o.childNodes[5];n.expect(a.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)"),n.expect(a.style.borderBottom).equals("1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)")}),it("Multiple Reference Line to check reference line color enums",async()=>{var e,l,i,o,c,u,a,d;const b=t.render(r.jsx(s.MeterCircle,{value:10,referenceLines:[{value:40,color:"danger"},{value:50,color:"warning"},{value:70,color:"success"},{value:60}]})),v=null===(l=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[2];n.expect(v.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const m=null===(o=null===(i=b.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===o?void 0:o.childNodes[3];n.expect(m.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const f=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[4];n.expect(f.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)");const h=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[5];n.expect(h.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)"),n.expect(h.style.borderBottom).equals("1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)")}),it("Reference Line",async()=>{var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:10,referenceLines:[{value:40,color:"#3A6E96"}]})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(i.classList.length).equals(3)})}),describe("Test Threshold attribute of Meter Circle ",()=>{it("Test threshold color enums in Meter Circle when thresholdDisplay is set to all",async function(){var e,l,i,o,c,u;const a=t.render(r.jsx(s.MeterCircle,{value:20,thresholdDisplay:"all",thresholds:[{max:33,color:"danger"},{max:65,color:"warning"},{max:100,color:"success"}]})),d=null===(l=null===(e=a.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(d.style.borderColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const b=null===(o=null===(i=a.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===o?void 0:o.childNodes[2];n.expect(b.style.borderColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const v=null===(u=null===(c=a.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[3];n.expect(v.style.borderColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)")}),it("Test threshold color enums in Meter Circle when thresholdDisplay is set to track",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,thresholdDisplay:"track",thresholds:[{max:33,color:"danger"},{max:65,color:"warning"},{max:100,color:"success"}]})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(i.style.borderColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")}),it("Test threshold color enums in Meter Circle when thresholdDisplay is set to indicator",async function(){var e,l;const i=null===(l=null===(e=t.render(r.jsx(s.MeterCircle,{value:20,thresholdDisplay:"indicator",thresholds:[{max:33,color:"danger"},{max:65,color:"warning"},{max:100,color:"success"}]})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[1];n.expect(i.style.borderColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")})})),describe("Mouse Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(L),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:30})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(n),await t.waitFor(()=>_("30"),{timeout:L})},L),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:30,datatip:z})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(n),await t.waitFor(()=>_(z),{timeout:L})},L),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const l=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:30,datatip:null})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(l),await t.waitFor(()=>{const e=document.querySelectorAll('[role="tooltip"]');n.expect(e.length).equals(0)},{timeout:L})}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const l={clicked:!1},o=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:20,onCommit:e=>{null!=e.value&&(l.clicked=!0)}})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;t.fireEvent.pointerUp(o),await t.waitFor(()=>n.expect(l.clicked).equals(!0))}))}),describe("Mouse Interaction in RTL mode",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(L),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:30})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(n),await t.waitFor(()=>_("30"),{timeout:L})},L),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:30,datatip:z})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(n),await t.waitFor(()=>_(z),{timeout:L})},L),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const l=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:30,datatip:null})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;H.default.hover(l),await t.waitFor(()=>{const e=document.querySelectorAll('[role="tooltip"]');n.expect(e.length).equals(0)},{timeout:L})}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const l={clicked:!1},o=null===(e=t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:20,onCommit:e=>{null!=e.value&&(l.clicked=!0)}})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;t.fireEvent.pointerUp(o),await t.waitFor(()=>n.expect(l.clicked).equals(!0))}))}),describe("Keyboard Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(L),it("check default datatip correctly triggered with keyboard interaction",async()=>{t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:30})})),H.default.tab(),await t.waitFor(()=>_("30"),{timeout:L})},L),it("check datatip correctly triggered with keyboard interaction",async()=>{t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:30,datatip:z})})),H.default.tab(),await t.waitFor(()=>_(z),{timeout:L})},L),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:20,onInput:r=>{null!=r.value&&(e.called=!0)}})})),H.default.tab(),await t.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[HOME]"),await t.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[END]"),await t.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{value:20,onCommit:r=>{null!=r.value&&(e.called=!0)}})})),H.default.tab(),H.default.keyboard("[ENTER]"),await t.waitFor(()=>n.expect(e.called).equals(!0))}),it("check step is correctly triggered using down arrow key with keyboard interaction",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{step:.5,value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[ARROWDOWN]"),await t.waitFor(()=>n.expect(e).equals(1.5))}),it("check step is correctly triggered using right arrow key with keyboard interaction",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{step:.5,value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[ARROWRIGHT]"),await t.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using up arrow key with keyboard interaction",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{step:.5,value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[ARROWUP]"),await t.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using left arrow key with keyboard interaction",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,{children:r.jsx(s.MeterCircle,{step:.5,value:e,onInput:r=>{e=r.value}})})),H.default.tab(),H.default.keyboard("[ARROWLEFT]"),await t.waitFor(()=>n.expect(e).equals(1.5))}))}),describe("Keyboard Interaction in RTL mode",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(L),it("check default datatip correctly triggered with keyboard interaction",async()=>{t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:30})}))),H.default.tab(),await t.waitFor(()=>_("30"),{timeout:L})},L),it("check datatip correctly triggered with keyboard interaction",async()=>{t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:30,datatip:z})}))),H.default.tab(),await t.waitFor(()=>_(z),{timeout:L})},L),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:20,onInput:r=>{null!=r.value&&(e.called=!0)}})}))),H.default.tab(),await t.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:e,onInput:r=>{e=r.value}})}))),H.default.tab(),H.default.keyboard("[HOME]"),await t.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:e,onInput:r=>{e=r.value}})}))),H.default.tab(),H.default.keyboard("[END]"),await t.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};t.render(r.jsx(i.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:r.jsx(s.MeterCircle,{value:20,onCommit:r=>{null!=r.value&&(e.called=!0)}})}))),H.default.tab(),H.default.keyboard("[ENTER]"),await t.waitFor(()=>n.expect(e.called).equals(!0))}))});const _=e=>{var r;const t=document.querySelectorAll('[role="tooltip"]').item(0),s=null==t?void 0:t.firstElementChild;n.expect(null==s?void 0:s.style.opacity).not.equals(""),n.expect(null==s?void 0:s.style.opacity).not.equals("0"),n.expect(null==s?void 0:s.style.maxHeight).not.equals(""),n.expect(null==s?void 0:s.style.maxHeight).not.equals("0");const l=null===(r=null==s?void 0:s.firstElementChild)||void 0===r?void 0:r.innerHTML;n.expect(l).equals(e)}});
+//# sourceMappingURL=MeterCircle.spec.js.map