npm - @oracle/oraclejet-preact - Versions diffs - 14.1.12 → 14.1.14 - Mend

@oracle/oraclejet-preact 14.1.12 → 14.1.14

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

Files changed (1225) hide show

package/amd/UNSAFE_MeterBar/__tests__/MeterBar.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../UNSAFE_MeterBar","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","@testing-library/user-event","../../utils/PRIVATE_clientHints","../../clientHints-cbf4b34f","../../tslib.es6-7e0f14ee","../../utils/UNSAFE_size","css!./../../UNSAFE_MeterBar.css","../../utils/UNSAFE_classNames","../../classNames-e23e522a","../../utils/UNSAFE_mergeProps","preact/hooks","../../hooks/UNSAFE_useUser","preact","../../UNSAFE_Layer","preact/compat","../../hooks/PRIVATE_useDvtMeterEvents","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-fd3596ba","../../index-d7a7f3a5","../../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-ed7baee1","../../utils/PRIVATE_meterUtils","../../utils/UNSAFE_dvtCommonUtils","../../PRIVATE_Meter","../../hooks/UNSAFE_useTabbableMode"],function(e,t,r,n,s,o,l,i,c,u,a,d,b,v,h,m,f,p,x,w,y,g,E,C,P,k,j,q,B,M,T,A,S,R,N,V,F,I,O,U,z){"use strict";function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var D=L(i);const _=3e3,H="datatip_text";describe("Test MeterBar component",()=>{it("render",async function(){const i=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(t){switch(t){case"../../resources/nls/ar/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar/bundle"],t,r)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar-XB/bundle"],t,r)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bg/bundle"],t,r)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs/bundle"],t,r)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs-Cyrl/bundle"],t,r)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/cs/bundle"],t,r)});case"../../resources/nls/da/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/da/bundle"],t,r)});case"../../resources/nls/de/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/de/bundle"],t,r)});case"../../resources/nls/el/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/el/bundle"],t,r)});case"../../resources/nls/en/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en/bundle"],t,r)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XA/bundle"],t,r)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XC/bundle"],t,r)});case"../../resources/nls/es/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/es/bundle"],t,r)});case"../../resources/nls/et/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/et/bundle"],t,r)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fi/bundle"],t,r)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr/bundle"],t,r)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr-CA/bundle"],t,r)});case"../../resources/nls/he/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/he/bundle"],t,r)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hr/bundle"],t,r)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hu/bundle"],t,r)});case"../../resources/nls/is/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/is/bundle"],t,r)});case"../../resources/nls/it/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/it/bundle"],t,r)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ja/bundle"],t,r)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ko/bundle"],t,r)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lt/bundle"],t,r)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lv/bundle"],t,r)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ms/bundle"],t,r)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/nl/bundle"],t,r)});case"../../resources/nls/no/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/no/bundle"],t,r)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pl/bundle"],t,r)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt/bundle"],t,r)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt-PT/bundle"],t,r)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ro/bundle"],t,r)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ru/bundle"],t,r)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sk/bundle"],t,r)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sl/bundle"],t,r)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr/bundle"],t,r)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr-Latn/bundle"],t,r)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sv/bundle"],t,r)});case"../../resources/nls/th/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/th/bundle"],t,r)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/tr/bundle"],t,r)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/uk/bundle"],t,r)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/vi/bundle"],t,r)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hans/bundle"],t,r)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hant/bundle"],t,r)});default:return new Promise(function(e,r){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+t)))})}}(`../../resources/nls/${i}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:u},{children:t.jsx(s.MeterBar,{value:20,accessibleLabel:"ariaText"})}))),d=await a.getAllByLabelText("ariaText");n.expect(d).not.null}),it("applies Linaria CSS classes",async()=>{const i=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(t){switch(t){case"../../resources/nls/ar/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar/bundle"],t,r)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar-XB/bundle"],t,r)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bg/bundle"],t,r)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs/bundle"],t,r)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs-Cyrl/bundle"],t,r)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/cs/bundle"],t,r)});case"../../resources/nls/da/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/da/bundle"],t,r)});case"../../resources/nls/de/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/de/bundle"],t,r)});case"../../resources/nls/el/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/el/bundle"],t,r)});case"../../resources/nls/en/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en/bundle"],t,r)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XA/bundle"],t,r)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XC/bundle"],t,r)});case"../../resources/nls/es/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/es/bundle"],t,r)});case"../../resources/nls/et/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/et/bundle"],t,r)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fi/bundle"],t,r)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr/bundle"],t,r)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr-CA/bundle"],t,r)});case"../../resources/nls/he/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/he/bundle"],t,r)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hr/bundle"],t,r)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hu/bundle"],t,r)});case"../../resources/nls/is/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/is/bundle"],t,r)});case"../../resources/nls/it/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/it/bundle"],t,r)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ja/bundle"],t,r)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ko/bundle"],t,r)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lt/bundle"],t,r)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lv/bundle"],t,r)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ms/bundle"],t,r)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/nl/bundle"],t,r)});case"../../resources/nls/no/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/no/bundle"],t,r)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pl/bundle"],t,r)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt/bundle"],t,r)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt-PT/bundle"],t,r)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ro/bundle"],t,r)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ru/bundle"],t,r)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sk/bundle"],t,r)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sl/bundle"],t,r)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr/bundle"],t,r)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr-Latn/bundle"],t,r)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sv/bundle"],t,r)});case"../../resources/nls/th/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/th/bundle"],t,r)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/tr/bundle"],t,r)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/uk/bundle"],t,r)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/vi/bundle"],t,r)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hans/bundle"],t,r)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hant/bundle"],t,r)});default:return new Promise(function(e,r){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+t)))})}}(`../../resources/nls/${i}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:u},{children:t.jsx(s.MeterBar,{value:20,min:0,max:100})}))).container.firstElementChild.classList;n.expect(a.length).equals(2)})}),describe("Test Meter Bar ARIA props",()=>{it("Test default aria properties of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{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}),it("Test value, role, min and max property of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{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,describedBy,labelledby property of Meter Bar",async function(){const e="TEST-ACCESSIBLE-LABEL",o="TEST ARIA-LABELLED-BY",l=r.render(t.jsx(s.MeterBar,{value:20,accessibleLabel:e,ariaDescribedBy:"TEST ARIA-DESCRIBED-BY",ariaLabelledBy:o})).container.firstElementChild;n.expect(l.getAttribute("aria-label")).equals(e);const i=l.getAttribute("aria-describedby"),c=null==i?void 0:i.split(" ");n.expect(null==c?void 0:c.length).equals(3),n.expect(c?c[0]:"").equals("TEST"),n.expect(c?c[1]:"").equals("ARIA-DESCRIBED-BY"),n.expect(l.getAttribute("aria-labelledby")).equals(o)})}),describe('Test "Size" property of Meter Bar ',()=>{"undefined"==typeof jest&&(it("Test default size",async function(){const e=r.render(t.jsx(s.MeterBar,{value:5})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Default size is correct").to.be.equal("12px")}),it('Test "size = large"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:5,size:"lg"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Large size is correct").to.be.equal("12px")}),it('Test "size = medium"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,size:"md"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Medium size is correct").to.be.equal("8px")}),it('Test "size = small"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,size:"sm"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Small size is correct").to.be.equal("4px")}))}),describe('Test "Length" attribute of Meter Bar ',()=>{"undefined"==typeof jest&&(it("Test default length of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild;n.expect(e.style.width).equals("100%")}),it("Test length of Meter Bar when set in percentage (%)",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,length:"25%"})).container.firstElementChild;n.expect(e.style.width).equals("25%")}),it("Test length of Meter Bar when set in x ",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,length:"100x"})).container.firstElementChild;n.expect(e.style.width).equals("calc(100 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))")}))}),describe("Test indicator APIs of Meter Bar ",()=>{it("Test default indicatorSize of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.height).equals("100%")}),it("Test indicatorSize of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,indicatorSize:.5})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.height).equals("50%")}),it("Test default indicatorColor of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.backgroundColor).equals("")}),it("Test indicatorColor of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,indicatorColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.backgroundColor).equals("red")})}),describe('Test "Track"  attribute of Meter Bar ',()=>{it("Test default Track of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("")}),it("Test Track not present in Meter Bar when isTrackRendered is set to false",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,isTrackRendered:!1,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("transparent")}),it("Test isTrackRendered and track color attribute with value as true in Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,isTrackRendered:!0,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("red")})}),"undefined"==typeof jest&&describe("Test Thresholds attribute of Meter Bar ",()=>{const e=[{max:33,color:"red",accessibleLabel:"accesibleLabel"},{max:65,color:"yellow"},{max:100,color:"green"}],o=[{max:33,color:"danger"},{max:65,color:"warning"},{max:100,color:"success"}];it("Test threshold color in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(b.style.backgroundColor).equals("red");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(v.style.backgroundColor).equals("yellow");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(h.style.backgroundColor).equals("green")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to all",async function(){var e,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"all",thresholds:o})),b=null===(l=null===(e=d.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(b.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(v.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(h.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to track",async function(){var e;const l=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"track",thresholds:o})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(l.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to indicator",async function(){var e,l;const i=null===(l=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"indicator",thresholds:o})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(i.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")}),it("Test aria-valuetext for threshold color in Meter Bar",async function(){const o=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})).container.firstElementChild;n.expect(o.getAttribute("aria-valuetext")).equals("20 accesibleLabel")}),it("Test threshold for horizontal border properties class in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(window.getComputedStyle(b).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("2px 0px 0px 2px"),n.expect(window.getComputedStyle(b).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(b).getPropertyValue("border-width"),"horizontal order width is correct").to.be.equals("0px 1px 0px 0px");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(window.getComputedStyle(v).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("0px"),n.expect(window.getComputedStyle(v).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equal("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(v).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(window.getComputedStyle(h).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("0px 2px 2px 0px"),n.expect(window.getComputedStyle(h).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(h).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px")}),it("Test threshold for vertical border properties class in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e,orientation:"vertical"})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(window.getComputedStyle(b).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("0px 0px 2px 2px"),n.expect(window.getComputedStyle(b).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(b).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(window.getComputedStyle(v).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("0px"),n.expect(window.getComputedStyle(v).getPropertyValue("border-color"),"vertical border color is correct").to.be.equal("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(v).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(window.getComputedStyle(h).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("2px 2px 0px 0px"),n.expect(window.getComputedStyle(h).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(h).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px")}),it("Test threshold for horizontal border properties class when single threshold from min to max in Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholds:[{max:100}]})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(window.getComputedStyle(l).getPropertyValue("border-radius"),"horizontal border width is correct").to.be.equals("2px"),n.expect(window.getComputedStyle(l).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(l).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px")}),it("Test threshold for vertical border properties class when single threshold from min to max in Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholds:[{max:100}],orientation:"vertical"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(window.getComputedStyle(l).getPropertyValue("border-radius"),"vertical border width is correct").to.be.equals("2px"),n.expect(window.getComputedStyle(l).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(l).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px")})}),describe('Test "Orientation" attribute of Meter Bar ',()=>{it("Test default orientation of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild;n.expect(e.classList.length).equals(2)}),it("Test horizontal orientation of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,orientation:"horizontal"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.classList.length).equals(2)}),it("Test vertical orientation of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,orientation:"vertical"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.classList.length).equals(3)})}),"undefined"==typeof jest&&describe("Test to check the rendering of reference lines",()=>{it("Multiple Reference Lines to check color and value",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:50,color:"#3A6E96",position:"start"},{value:70,color:"red",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[3];n.expect(v.style.backgroundColor).equals("red"),n.expect(v.style.left).equals("70%");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.backgroundColor).equals("rgb(58, 110, 150)"),n.expect(h.style.left).equals("50%");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[1];n.expect(m.style.backgroundColor).equals("rgb(58, 110, 150)"),n.expect(m.style.left).equals("40%");const f=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(f.style.backgroundColor).equals(""),n.expect(f.style.left).equals("60%")}),it("Multiple Reference Lines to check color and value in Vertical Meter Bar",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",orientation:"vertical",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:50,color:"#3A6E96",position:"start"},{value:70,color:"red",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[3];n.expect(v.style.bottom).equals("70%");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.bottom).equals("50%");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[1];n.expect(m.style.bottom).equals("40%");const f=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(f.style.bottom).equals("60%")}),it("Multiple Reference Lines to check color enums",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"danger",position:"start"},{value:50,color:"warning",position:"start"},{value:70,color:"success",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(v.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[3];n.expect(m.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)");const f=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(window.getComputedStyle(f).backgroundColor).equals("rgba(22, 21, 19, 0.8)"),n.expect(window.getComputedStyle(f).borderRight).equals("1px solid rgba(245, 244, 242, 0.7)")}),it("Reference Lines position and colour in horizontal MeterBar",async()=>{var e,o,l,i;const c=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:80,position:"end"}]})),u=null===(o=null===(e=c.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(u.classList.length).equals(4),n.expect(window.getComputedStyle(u).getPropertyValue("bottom"),"Position is correct").to.be.equal("0px");const a=null===(i=null===(l=c.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(window.getComputedStyle(a).getPropertyValue("bottom"),"Position is correct").to.be.equal("-8px"),n.expect(a.style.backgroundColor).equals("")}),it("Reference Lines position in vertical MeterBar",async()=>{var e,o,l,i;const c=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",orientation:"vertical",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:80,position:"end"}]})),u=null===(o=null===(e=c.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(u.classList.length).equals(4),n.expect(window.getComputedStyle(u).getPropertyValue("right"),"Position is correct").to.be.equal("0px");const a=null===(i=null===(l=c.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(window.getComputedStyle(a).getPropertyValue("right"),"Position is correct").to.be.equal("-8px"),n.expect(a.style.backgroundColor).equals("")})}),describe("Mouse Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:H})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X(H),{timeout:_})},_),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const o=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:null})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(o);const i=document.querySelectorAll('[role="tooltip"]');n.expect(i.length).equals(0)}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const o={clicked:!1},i=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onCommit:e=>{null!=e.value&&(o.clicked=!0)}})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;r.fireEvent.pointerUp(i),await r.waitFor(()=>n.expect(o.clicked).equals(!0))}))}),describe("Mouse Interaction in RTL mode",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:H})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X(H),{timeout:_})},_),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const o=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:null})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(o);const i=document.querySelectorAll('[role="tooltip"]');n.expect(i.length).equals(0)}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const o={clicked:!1},i=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onCommit:e=>{null!=e.value&&(o.clicked=!0)}})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;r.fireEvent.pointerUp(i),await r.waitFor(()=>n.expect(o.clicked).equals(!0))}))}),describe("Keyboard Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with keyboard interaction when value is not set",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{})})),D.default.tab(),await r.waitFor(()=>X("0"),{timeout:_})}),it("check datatip correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:H})})),D.default.tab(),await r.waitFor(()=>X(H),{timeout:_})},_),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onInput:t=>{null!=t.value&&(e.called=!0)}})})),D.default.tab(),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[HOME]"),await r.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[END]"),await r.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onCommit:t=>{null!=t.value&&(e.called=!0)}})})),D.default.tab(),D.default.keyboard("[ENTER]"),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check step is correctly triggered using down arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWDOWN]"),await r.waitFor(()=>n.expect(e).equals(1.5))}),it("check step is correctly triggered using right arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWRIGHT]"),await r.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using up arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWUP]"),await r.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using left arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWLEFT]"),await r.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(_),it("check default datatip correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30})}))),D.default.tab(),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check step is correctly triggered with default value using right arrow by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[ARROWRIGHT]"),await r.waitFor(()=>n.expect(e).equals(1))}),it("Test to set the attribute datatip , datatip is correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:H})}))),D.default.tab(),await r.waitFor(()=>X(H),{timeout:_})},_),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onInput:t=>{null!=t.value&&(e.called=!0)}})}))),D.default.tab(),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[HOME]"),await r.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[END]"),await r.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onCommit:t=>{null!=t.value&&(e.called=!0)}})}))),D.default.tab(),D.default.keyboard("[ENTER]"),await r.waitFor(()=>n.expect(e.called).equals(!0))}))});const X=e=>{var t;const r=document.querySelectorAll('[role="tooltip"]').item(0),s=null==r?void 0:r.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 o=null===(t=null==s?void 0:s.firstElementChild)||void 0===t?void 0:t.innerHTML;n.expect(o).equals(e)}});
+define(["require","preact/jsx-runtime","@testing-library/preact","chai","../../UNSAFE_MeterBar","../../utils/UNSAFE_matchTranslationBundle","../../UNSAFE_Environment","@testing-library/user-event","../../utils/PRIVATE_clientHints","../../clientHints-33be1380","../../tslib.es6-24bf3861","../../utils/UNSAFE_size","css!./../../UNSAFE_MeterBar.css","../../utils/UNSAFE_classNames","../../classNames-f11010a7","../../utils/UNSAFE_mergeProps","preact/hooks","../../hooks/UNSAFE_useUser","preact","../../UNSAFE_Layer","preact/compat","../../hooks/PRIVATE_useDvtMeterEvents","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-1e70bca1","../../index-66b69d43","../../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-19a01c68","../../utils/PRIVATE_meterUtils","../../utils/UNSAFE_dvtCommonUtils","../../PRIVATE_Meter","../../hooks/UNSAFE_useTabbableMode"],function(e,t,r,n,s,o,l,i,c,u,a,d,b,v,h,m,p,f,x,w,y,g,E,C,P,k,j,q,B,M,T,A,S,R,N,V,F,I,O,U,z){"use strict";function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var D=L(i);const _=3e3,H="datatip_text";describe("Test MeterBar component",()=>{it("render",async function(){const i=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(t){switch(t){case"../../resources/nls/ar/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar/bundle"],t,r)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar-XB/bundle"],t,r)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bg/bundle"],t,r)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs/bundle"],t,r)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs-Cyrl/bundle"],t,r)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/cs/bundle"],t,r)});case"../../resources/nls/da/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/da/bundle"],t,r)});case"../../resources/nls/de/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/de/bundle"],t,r)});case"../../resources/nls/el/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/el/bundle"],t,r)});case"../../resources/nls/en/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en/bundle"],t,r)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XA/bundle"],t,r)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XC/bundle"],t,r)});case"../../resources/nls/es/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/es/bundle"],t,r)});case"../../resources/nls/et/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/et/bundle"],t,r)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fi/bundle"],t,r)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr/bundle"],t,r)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr-CA/bundle"],t,r)});case"../../resources/nls/he/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/he/bundle"],t,r)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hr/bundle"],t,r)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hu/bundle"],t,r)});case"../../resources/nls/is/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/is/bundle"],t,r)});case"../../resources/nls/it/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/it/bundle"],t,r)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ja/bundle"],t,r)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ko/bundle"],t,r)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lt/bundle"],t,r)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lv/bundle"],t,r)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ms/bundle"],t,r)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/nl/bundle"],t,r)});case"../../resources/nls/no/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/no/bundle"],t,r)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pl/bundle"],t,r)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt/bundle"],t,r)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt-PT/bundle"],t,r)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ro/bundle"],t,r)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ru/bundle"],t,r)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sk/bundle"],t,r)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sl/bundle"],t,r)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr/bundle"],t,r)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr-Latn/bundle"],t,r)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sv/bundle"],t,r)});case"../../resources/nls/th/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/th/bundle"],t,r)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/tr/bundle"],t,r)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/uk/bundle"],t,r)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/vi/bundle"],t,r)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hans/bundle"],t,r)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hant/bundle"],t,r)});default:return new Promise(function(e,r){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+t)))})}}(`../../resources/nls/${i}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:u},{children:t.jsx(s.MeterBar,{value:20,accessibleLabel:"ariaText"})}))),d=await a.getAllByLabelText("ariaText");n.expect(d).not.null}),it("applies Linaria CSS classes",async()=>{const i=o.matchTranslationBundle(["en"],new Set(["en-US","en"])),{default:c}=await function(t){switch(t){case"../../resources/nls/ar/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar/bundle"],t,r)});case"../../resources/nls/ar-XB/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ar-XB/bundle"],t,r)});case"../../resources/nls/bg/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bg/bundle"],t,r)});case"../../resources/nls/bs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs/bundle"],t,r)});case"../../resources/nls/bs-Cyrl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/bs-Cyrl/bundle"],t,r)});case"../../resources/nls/cs/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/cs/bundle"],t,r)});case"../../resources/nls/da/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/da/bundle"],t,r)});case"../../resources/nls/de/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/de/bundle"],t,r)});case"../../resources/nls/el/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/el/bundle"],t,r)});case"../../resources/nls/en/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en/bundle"],t,r)});case"../../resources/nls/en-XA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XA/bundle"],t,r)});case"../../resources/nls/en-XC/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/en-XC/bundle"],t,r)});case"../../resources/nls/es/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/es/bundle"],t,r)});case"../../resources/nls/et/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/et/bundle"],t,r)});case"../../resources/nls/fi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fi/bundle"],t,r)});case"../../resources/nls/fr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr/bundle"],t,r)});case"../../resources/nls/fr-CA/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/fr-CA/bundle"],t,r)});case"../../resources/nls/he/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/he/bundle"],t,r)});case"../../resources/nls/hr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hr/bundle"],t,r)});case"../../resources/nls/hu/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/hu/bundle"],t,r)});case"../../resources/nls/is/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/is/bundle"],t,r)});case"../../resources/nls/it/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/it/bundle"],t,r)});case"../../resources/nls/ja/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ja/bundle"],t,r)});case"../../resources/nls/ko/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ko/bundle"],t,r)});case"../../resources/nls/lt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lt/bundle"],t,r)});case"../../resources/nls/lv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/lv/bundle"],t,r)});case"../../resources/nls/ms/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ms/bundle"],t,r)});case"../../resources/nls/nl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/nl/bundle"],t,r)});case"../../resources/nls/no/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/no/bundle"],t,r)});case"../../resources/nls/pl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pl/bundle"],t,r)});case"../../resources/nls/pt/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt/bundle"],t,r)});case"../../resources/nls/pt-PT/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/pt-PT/bundle"],t,r)});case"../../resources/nls/ro/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ro/bundle"],t,r)});case"../../resources/nls/ru/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/ru/bundle"],t,r)});case"../../resources/nls/sk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sk/bundle"],t,r)});case"../../resources/nls/sl/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sl/bundle"],t,r)});case"../../resources/nls/sr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr/bundle"],t,r)});case"../../resources/nls/sr-Latn/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sr-Latn/bundle"],t,r)});case"../../resources/nls/sv/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/sv/bundle"],t,r)});case"../../resources/nls/th/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/th/bundle"],t,r)});case"../../resources/nls/tr/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/tr/bundle"],t,r)});case"../../resources/nls/uk/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/uk/bundle"],t,r)});case"../../resources/nls/vi/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/vi/bundle"],t,r)});case"../../resources/nls/zh-Hans/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hans/bundle"],t,r)});case"../../resources/nls/zh-Hant/bundle.ts":return new Promise(function(t,r){e(["../../resources/nls/zh-Hant/bundle"],t,r)});default:return new Promise(function(e,r){("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+t)))})}}(`../../resources/nls/${i}/bundle.ts`),u={translations:{"@oracle/oraclejet-preact":c}},a=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:u},{children:t.jsx(s.MeterBar,{value:20,min:0,max:100})}))).container.firstElementChild.classList;n.expect(a.length).equals(2)})}),describe("Test Meter Bar ARIA props",()=>{it("Test default aria properties of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{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}),it("Test value, role, min and max property of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{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,describedBy,labelledby property of Meter Bar",async function(){const e="TEST-ACCESSIBLE-LABEL",o="TEST ARIA-LABELLED-BY",l=r.render(t.jsx(s.MeterBar,{value:20,accessibleLabel:e,ariaDescribedBy:"TEST ARIA-DESCRIBED-BY",ariaLabelledBy:o})).container.firstElementChild;n.expect(l.getAttribute("aria-label")).equals(e);const i=l.getAttribute("aria-describedby"),c=null==i?void 0:i.split(" ");n.expect(null==c?void 0:c.length).equals(3),n.expect(c?c[0]:"").equals("TEST"),n.expect(c?c[1]:"").equals("ARIA-DESCRIBED-BY"),n.expect(l.getAttribute("aria-labelledby")).equals(o)})}),describe('Test "Size" property of Meter Bar ',()=>{"undefined"==typeof jest&&(it("Test default size",async function(){const e=r.render(t.jsx(s.MeterBar,{value:5})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Default size is correct").to.be.equal("12px")}),it('Test "size = large"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:5,size:"lg"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Large size is correct").to.be.equal("12px")}),it('Test "size = medium"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,size:"md"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Medium size is correct").to.be.equal("8px")}),it('Test "size = small"',async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,size:"sm"})).container.firstElementChild;n.expect(window.getComputedStyle(e).getPropertyValue("height"),"Small size is correct").to.be.equal("4px")}))}),describe('Test "Length" attribute of Meter Bar ',()=>{"undefined"==typeof jest&&(it("Test default length of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild;n.expect(e.style.width).equals("100%")}),it("Test length of Meter Bar when set in percentage (%)",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,length:"25%"})).container.firstElementChild;n.expect(e.style.width).equals("25%")}),it("Test length of Meter Bar when set in x ",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20,length:"100x"})).container.firstElementChild;n.expect(e.style.width).equals("calc(100 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))")}))}),describe("Test indicator APIs of Meter Bar ",()=>{it("Test default indicatorSize of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.height).equals("100%")}),it("Test indicatorSize of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,indicatorSize:.5})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.height).equals("50%")}),it("Test default indicatorColor of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.backgroundColor).equals("")}),it("Test indicatorColor of Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,indicatorColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(l.style.backgroundColor).equals("red")})}),describe('Test "Track"  attribute of Meter Bar ',()=>{it("Test default Track of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("")}),it("Test Track not present in Meter Bar when isTrackRendered is set to false",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,isTrackRendered:!1,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("transparent")}),it("Test isTrackRendered and track color attribute with value as true in Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,isTrackRendered:!0,trackColor:"red"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.style.backgroundColor).equals("red")})}),"undefined"==typeof jest&&describe("Test Thresholds attribute of Meter Bar ",()=>{const e=[{max:33,color:"red",accessibleLabel:"accesibleLabel"},{max:65,color:"yellow"},{max:100,color:"green"}],o=[{max:33,color:"danger"},{max:65,color:"warning"},{max:100,color:"success"}];it("Test threshold color in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(b.style.backgroundColor).equals("red");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(v.style.backgroundColor).equals("yellow");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(h.style.backgroundColor).equals("green")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to all",async function(){var e,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"all",thresholds:o})),b=null===(l=null===(e=d.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(b.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(v.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(h.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to track",async function(){var e;const l=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"track",thresholds:o})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(l.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")}),it("Test threshold color enums in Meter Bar when thresholdDisplay is set to indicator",async function(){var e,l;const i=null===(l=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholdDisplay:"indicator",thresholds:o})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(i.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)")}),it("Test aria-valuetext for threshold color in Meter Bar",async function(){const o=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})).container.firstElementChild;n.expect(o.getAttribute("aria-valuetext")).equals("20 accesibleLabel")}),it("Test threshold for horizontal border properties class in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(window.getComputedStyle(b).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("2px 0px 0px 2px"),n.expect(window.getComputedStyle(b).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(b).getPropertyValue("border-width"),"horizontal order width is correct").to.be.equals("0px 1px 0px 0px");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(window.getComputedStyle(v).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("0px"),n.expect(window.getComputedStyle(v).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equal("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(v).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(window.getComputedStyle(h).getPropertyValue("border-radius"),"horizontal border radius is correct").to.be.equals("0px 2px 2px 0px"),n.expect(window.getComputedStyle(h).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(h).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px")}),it("Test threshold for vertical border properties class in Meter Bar",async function(){var o,l,i,c,u,a;const d=r.render(t.jsx(s.MeterBar,{value:20,thresholds:e,orientation:"vertical"})),b=null===(l=null===(o=d.container.firstElementChild)||void 0===o?void 0:o.firstElementChild)||void 0===l?void 0:l.childNodes[0];n.expect(window.getComputedStyle(b).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("0px 0px 2px 2px"),n.expect(window.getComputedStyle(b).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(b).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px");const v=null===(c=null===(i=d.container.firstElementChild)||void 0===i?void 0:i.firstElementChild)||void 0===c?void 0:c.childNodes[2];n.expect(window.getComputedStyle(v).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("0px"),n.expect(window.getComputedStyle(v).getPropertyValue("border-color"),"vertical border color is correct").to.be.equal("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(v).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px");const h=null===(a=null===(u=d.container.firstElementChild)||void 0===u?void 0:u.firstElementChild)||void 0===a?void 0:a.childNodes[4];n.expect(window.getComputedStyle(h).getPropertyValue("border-radius"),"vertical border radius is correct").to.be.equals("2px 2px 0px 0px"),n.expect(window.getComputedStyle(h).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(h).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px")}),it("Test threshold for horizontal border properties class when single threshold from min to max in Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholds:[{max:100}]})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(window.getComputedStyle(l).getPropertyValue("border-radius"),"horizontal border width is correct").to.be.equals("2px"),n.expect(window.getComputedStyle(l).getPropertyValue("border-color"),"horizontal border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(l).getPropertyValue("border-width"),"horizontal border width is correct").to.be.equals("0px 1px 0px 0px")}),it("Test threshold for vertical border properties class when single threshold from min to max in Meter Bar",async function(){var e,o;const l=null===(o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,thresholds:[{max:100}],orientation:"vertical"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[0];n.expect(window.getComputedStyle(l).getPropertyValue("border-radius"),"vertical border width is correct").to.be.equals("2px"),n.expect(window.getComputedStyle(l).getPropertyValue("border-color"),"vertical border color is correct").to.be.equals("rgba(245, 244, 242, 0.7)"),n.expect(window.getComputedStyle(l).getPropertyValue("border-width"),"vertical border width is correct").to.be.equals("1px 0px 0px")})}),describe('Test "Orientation" attribute of Meter Bar ',()=>{it("Test default orientation of Meter Bar",async function(){const e=r.render(t.jsx(s.MeterBar,{value:20})).container.firstElementChild;n.expect(e.classList.length).equals(2)}),it("Test horizontal orientation of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,orientation:"horizontal"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.classList.length).equals(2)}),it("Test vertical orientation of Meter Bar",async function(){var e;const o=null===(e=r.render(t.jsx(s.MeterBar,{value:20,orientation:"vertical"})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;n.expect(o.classList.length).equals(3)})}),"undefined"==typeof jest&&describe("Test to check the rendering of reference lines",()=>{it("Multiple Reference Lines to check color and value",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:50,color:"#3A6E96",position:"start"},{value:70,color:"red",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[3];n.expect(v.style.backgroundColor).equals("red"),n.expect(v.style.left).equals("70%");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.backgroundColor).equals("rgb(58, 110, 150)"),n.expect(h.style.left).equals("50%");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[1];n.expect(m.style.backgroundColor).equals("rgb(58, 110, 150)"),n.expect(m.style.left).equals("40%");const p=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(p.style.backgroundColor).equals(""),n.expect(p.style.left).equals("60%")}),it("Multiple Reference Lines to check color and value in Vertical Meter Bar",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",orientation:"vertical",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:50,color:"#3A6E96",position:"start"},{value:70,color:"red",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[3];n.expect(v.style.bottom).equals("70%");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.bottom).equals("50%");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[1];n.expect(m.style.bottom).equals("40%");const p=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(p.style.bottom).equals("60%")}),it("Multiple Reference Lines to check color enums",async()=>{var e,o,l,i,c,u,a,d;const b=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"danger",position:"start"},{value:50,color:"warning",position:"start"},{value:70,color:"success",position:"start"},{value:60,position:"end"}]})),v=null===(o=null===(e=b.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(v.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger)");const h=null===(i=null===(l=b.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(h.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning)");const m=null===(u=null===(c=b.container.firstElementChild)||void 0===c?void 0:c.firstElementChild)||void 0===u?void 0:u.childNodes[3];n.expect(m.style.backgroundColor).equals("var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success)");const p=null===(d=null===(a=b.container.firstElementChild)||void 0===a?void 0:a.firstElementChild)||void 0===d?void 0:d.childNodes[4];n.expect(window.getComputedStyle(p).backgroundColor).equals("rgba(22, 21, 19, 0.8)"),n.expect(window.getComputedStyle(p).borderRight).equals("1px solid rgba(245, 244, 242, 0.7)")}),it("Reference Lines position and colour in horizontal MeterBar",async()=>{var e,o,l,i;const c=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:80,position:"end"}]})),u=null===(o=null===(e=c.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(u.classList.length).equals(4),n.expect(window.getComputedStyle(u).getPropertyValue("bottom"),"Position is correct").to.be.equal("0px");const a=null===(i=null===(l=c.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(window.getComputedStyle(a).getPropertyValue("bottom"),"Position is correct").to.be.equal("-8px"),n.expect(a.style.backgroundColor).equals("")}),it("Reference Lines position in vertical MeterBar",async()=>{var e,o,l,i;const c=r.render(t.jsx(s.MeterBar,{value:10,length:"100x",orientation:"vertical",referenceLines:[{value:40,color:"#3A6E96",position:"start"},{value:80,position:"end"}]})),u=null===(o=null===(e=c.container.firstElementChild)||void 0===e?void 0:e.firstElementChild)||void 0===o?void 0:o.childNodes[1];n.expect(u.classList.length).equals(4),n.expect(window.getComputedStyle(u).getPropertyValue("right"),"Position is correct").to.be.equal("0px");const a=null===(i=null===(l=c.container.firstElementChild)||void 0===l?void 0:l.firstElementChild)||void 0===i?void 0:i.childNodes[2];n.expect(window.getComputedStyle(a).getPropertyValue("right"),"Position is correct").to.be.equal("-8px"),n.expect(a.style.backgroundColor).equals("")})}),describe("Mouse Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:H})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X(H),{timeout:_})},_),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const o=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:null})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(o);const i=document.querySelectorAll('[role="tooltip"]');n.expect(i.length).equals(0)}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const o={clicked:!1},i=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onCommit:e=>{null!=e.value&&(o.clicked=!0)}})})).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;r.fireEvent.pointerUp(i),await r.waitFor(()=>n.expect(o.clicked).equals(!0))}))}),describe("Mouse Interaction in RTL mode",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check datatip correctly triggered with mouse interaction",async()=>{var e;const n=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:H})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(n),await r.waitFor(()=>X(H),{timeout:_})},_),it("check datatip when set to null, correctly triggered with mouse interaction",async()=>{var e;const o=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:null})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;D.default.hover(o);const i=document.querySelectorAll('[role="tooltip"]');n.expect(i.length).equals(0)}),it("check onCommit event is correctly triggered with mouse interaction",async()=>{var e;const o={clicked:!1},i=null===(e=r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onCommit:e=>{null!=e.value&&(o.clicked=!0)}})}))).container.firstElementChild)||void 0===e?void 0:e.firstElementChild;r.fireEvent.pointerUp(i),await r.waitFor(()=>n.expect(o.clicked).equals(!0))}))}),describe("Keyboard Interaction",()=>{const e=u.getClientHints();"undefined"==typeof jest&&"chrome"===e.browser&&(mocha.timeout(_),it("check default datatip correctly triggered with keyboard interaction when value is not set",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{})})),D.default.tab(),await r.waitFor(()=>X("0"),{timeout:_})}),it("check datatip correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:30,datatip:H})})),D.default.tab(),await r.waitFor(()=>X(H),{timeout:_})},_),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onInput:t=>{null!=t.value&&(e.called=!0)}})})),D.default.tab(),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[HOME]"),await r.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[END]"),await r.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{value:20,onCommit:t=>{null!=t.value&&(e.called=!0)}})})),D.default.tab(),D.default.keyboard("[ENTER]"),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check step is correctly triggered using down arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWDOWN]"),await r.waitFor(()=>n.expect(e).equals(1.5))}),it("check step is correctly triggered using right arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWRIGHT]"),await r.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using up arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWUP]"),await r.waitFor(()=>n.expect(e).equals(2.5))}),it("check step is correctly triggered using left arrow key with keyboard interaction",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,{children:t.jsx(s.MeterBar,{step:.5,value:e,onInput:t=>{e=t.value}})})),D.default.tab(),D.default.keyboard("[ARROWLEFT]"),await r.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(_),it("check default datatip correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30})}))),D.default.tab(),await r.waitFor(()=>X("30"),{timeout:_})},_),it("check step is correctly triggered with default value using right arrow by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[ARROWRIGHT]"),await r.waitFor(()=>n.expect(e).equals(1))}),it("Test to set the attribute datatip , datatip is correctly triggered with keyboard interaction",async()=>{r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:30,datatip:H})}))),D.default.tab(),await r.waitFor(()=>X(H),{timeout:_})},_),it("check onInput event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onInput:t=>{null!=t.value&&(e.called=!0)}})}))),D.default.tab(),await r.waitFor(()=>n.expect(e.called).equals(!0))}),it("check onInput is correctly triggered with HOME key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[HOME]"),await r.waitFor(()=>n.expect(e).equals(0))}),it("check onInput is correctly triggered with END key by keyboard interaction ",async()=>{let e=2;r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:e,onInput:t=>{e=t.value}})}))),D.default.tab(),D.default.keyboard("[END]"),await r.waitFor(()=>n.expect(e).equals(100))}),it("check onCommit event is correctly triggered with keyboard interaction",async()=>{const e={called:!1};r.render(t.jsx(l.RootEnvironmentProvider,Object.assign({environment:{user:{direction:"rtl"}}},{children:t.jsx(s.MeterBar,{value:20,onCommit:t=>{null!=t.value&&(e.called=!0)}})}))),D.default.tab(),D.default.keyboard("[ENTER]"),await r.waitFor(()=>n.expect(e.called).equals(!0))}))});const X=e=>{var t;const r=document.querySelectorAll('[role="tooltip"]').item(0),s=null==r?void 0:r.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 o=null===(t=null==s?void 0:s.firstElementChild)||void 0===t?void 0:t.innerHTML;n.expect(o).equals(e)}});
 //# sourceMappingURL=MeterBar.spec.js.map

package/amd/UNSAFE_MeterBar.css CHANGED Viewed

@@ -1,46 +1,46 @@
-._1rc07ze{display:inline-flex;pointer-events:none;}._1rc07ze:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._511kll{width:100%;}
-._14xo93s{height:100%;}
-._3ujg5u{cursor:pointer;touch-action:none;}
-.s6jlg7{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;}
-._1w50m24{bottom:0%;left:50%;transform:translate(-50%,0);}
-.n39k1x{top:50%;transform:translate(0,-50%);}
-._8el2we{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;}
-.pm4jl0{flex-direction:column-reverse;}
-._1plrfp2{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-.x1chl2{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._1pcj5f3{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-._1lpp7g9{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-.ti9qmg{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-._1wx6zd4{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._83f8t{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.ln4ty6{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.t1z7sk{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._17cto9f{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));}
-._8pupk1{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));}
-.ra0aco{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));}
-._1pfjfb2{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));}
-.m30pnu{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));}
-._19u3gwx{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));}
-._3d70sy{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._5orpu6{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1ang5ny{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1190wpk{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);}
-._1rzw3ht{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;}
-.vcopr0{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);}
-._1vbj03g{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;}
-._1tbehij{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._13omcok{display:inline-flex;pointer-events:none;}._13omcok:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._11xywx0{width:100%;}
+._156khvg{height:100%;}
+.o75ou7{cursor:pointer;touch-action:none;}
+.cl38v3{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;}
+._356rku{bottom:0%;left:50%;transform:translate(-50%,0);}
+.xxtiqi{top:50%;transform:translate(0,-50%);}
+._1jtuf76{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;}
+.hsomda{flex-direction:column-reverse;}
+._1v2o9ld{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.hybk64{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+.tgqrjr{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._1cof88b{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._1s61om3{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._1mlid5r{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.fh37nf{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1efv7v{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._18z9r8x{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._12ft60j{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));}
+._18wh74d{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));}
+._11i1lxw{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));}
+.j1bpqm{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));}
+._1bdy5gk{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));}
+._18sj8uj{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));}
+.v4yk0l{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1l1oe6{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._3zcik6{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.nz01gi{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);}
+.i0j9v9{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;}
+._2x9ou8{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);}
+._18gajrp{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;}
+._18dakeh{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-.nh14ws{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-.tiq5yo{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-.loyoav{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-._1uln34a{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._12z0tmx{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-.f77l8r{bottom:0%;}
-.v2l8m5{right:0%;}
-._1nqqi6i{left:0%;}
+._16armr3{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;}
+._1z0ps6i{border-width:1px 0 0 0;}
+._21e4tk{border-width:0 0 0 1px;}
+.n0iq85{border-width:0 1px 0 0;}
-.wdum0{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;}
-._1jbaigg{border-width:1px 0 0 0;}
-._1gretvc{border-width:0 0 0 1px;}
-._1o31zdd{border-width:0 1px 0 0;}
+.qtqkx1{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.zgi3jz{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._127bib9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._17tresi{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+.v5sdzt{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.deqfnw{bottom:0%;}
+._1i2mnn8{right:0%;}
+.x7xsr3{left:0%;}

package/amd/UNSAFE_MeterBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-7e0f14ee","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-e23e522a","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fd3596ba","./index-d7a7f3a5","./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-ed7baee1"],function(t,e,o,r,a,i,n,s,l,c,d,h,u,m,g,_,p,v,f,b,S,x,z,E,k,T,A,M,U,F,N,j,C,B){"use strict";function w(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:n}=l.useUser(),s="rtl"===n,c="start"===a;return o.jsx("div",{class:m.classNames([R.base,R[`${t}Border`],R[`${t}`],c?i?R.horiontalStart:R["verticalStart"+(s?"Rtl":"Ltr")]:""]),style:{left:i&&!s?e:void 0,right:i&&s?e:void 0,bottom:i?void 0:e,backgroundColor:u.getDvtThresholdColor(r)}})}const R={base:"nh14ws",verticalBorder:"tiq5yo",horizontalBorder:"loyoav",vertical:"_1uln34a",horizontal:"_12z0tmx",horiontalStart:"f77l8r",verticalStartLtr:"v2l8m5",verticalStartRtl:"_1nqqi6i"};function I(t){var{color:r,length:a,orientation:i}=t,n=e.__rest(t,["color","length","orientation"]);const{direction:s}=l.useUser(),c="horizontal"===i,d="rtl"===s;return o.jsx("div",{class:m.classNames([L.base,c?L["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:L.verticalBarTrackSection,n.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:u.getDvtThresholdColor(r)}})}const L={base:"wdum0",verticalBarTrackSection:"_1jbaigg",horizontalBarTrackSectionRtl:"_1gretvc",horizontalBarTrackSectionLtr:"_1o31zdd"};const $=function(t,e,o){const r=[];return t.start&&r.push(D[`${e}Margin${o?"Top":"Start"}`]),t.end&&r.push(D[`${e}Margin${o?"Bottom":"End"}`]),r},P={base:"_1rc07ze",horizontal:"_511kll",vertical:"_14xo93s",interactive:"_3ujg5u"},V={base:"s6jlg7",vertical:"_1w50m24",horizontal:"n39k1x"},D={base:"_8el2we",vertical:"pm4jl0",smHorizontal:"_1plrfp2",smVertical:"x1chl2",mdHorizontal:"_1pcj5f3",mdVertical:"_1lpp7g9",lgHorizontal:"ti9qmg",lgVertical:"_1wx6zd4",smMarginTop:"_83f8t",mdMarginTop:"ln4ty6",lgMarginTop:"t1z7sk",smMarginStart:"_17cto9f",mdMarginStart:"_8pupk1",lgMarginStart:"ra0aco",smMarginEnd:"_1pfjfb2",mdMarginEnd:"m30pnu",lgMarginEnd:"_19u3gwx",smMarginBottom:"_3d70sy",mdMarginBottom:"_5orpu6",lgMarginBottom:"_1ang5ny"},H={horizontalFirst:"_1190wpk",horizontalLast:"_1rzw3ht",verticalFirst:"vcopr0",verticalLast:"_1vbj03g",roundedCorners:"_1tbehij"};t.MeterBar=function(t){var a,i,{max:u=100,min:_=0,value:p=0,step:v=1,length:f="100%",size:b="lg",orientation:S="horizontal",isTrackRendered:x=!0,thresholdDisplay:z="all",indicatorSize:E=1}=t,k=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(_,u,p,v);const T="horizontal"===S,A=s.useRef(null),M=s.useRef(w(null)),{direction:U}=l.useUser(),F="rtl"===U;s.useEffect(()=>{(k.onCommit||k.onInput)&&(M.current=w(A.current))},[b,f,S,k.onCommit,k.onInput]);const N=c.usePointerEvents(p,t=>{if(t.target==A.current)return function(t,e,o,r,a,i,n){const s=e.current;if(!s||0===s.width)return;let l;if("horizontal"===i){const e=t.offsetX;l=o+(r-o)*(n?s.width-e:e)/s.width}else l=o+(r-o)*(s.height-t.offsetY)/s.height;return l=Math.round(l/a)*a,Math.max(o,Math.min(r,l))}(t,M,_,u,v,S,F)},A,k.onCommit,k.onInput),j=c.useKeyboardEvents(p,_,u,v,k.onCommit,k.onInput),{datatipContent:C,datatipProps:B}=c.useMeterDatatip(p,k.datatip,k.ariaDescribedBy),R=d.getMeterAriaProps(p,_,u,`${p}`,k.accessibleLabel,k.ariaLabelledBy,k.thresholds),L=n.mergeProps(N,j,B,R),q=Math.max(0,Math.min(1,E)),O=100*(p-_)/(u-_)+"%",K=100*q+"%",{trackColor:X,indicatorColor:Y}=d.getTrackAndIndicatorColor(p,z,k.trackColor,k.indicatorColor,k.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}(k.referenceLines),J=k.onCommit||k.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(f):void 0,height:T?void 0:r.sizeToCSS(f)},class:m.classNames([P.base,P[S]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:S,color:!x||"all"===z&&k.thresholds?"transparent":X,class:m.classNames([D.base,J?P.interactive:"",T?"":D.vertical,T?D[`${b}Horizontal`]:D[`${b}Vertical`],...$(G,b,T)])},{children:["all"===z&&(null===(a=k.thresholds)||void 0===a?void 0:a.filter(t=>t.max>_&&t.max<=u).sort((t,e)=>t.max-e.max).map((t,e,r)=>{const a=0===e?t.max-_:t.max-r[e-1].max;let i=0===e?H[`${S}First`]:"";return t.max===u&&(i=0===e?H.roundedCorners:H[`${S}Last`]),o.jsxs(o.Fragment,{children:[o.jsx(I,{class:i,orientation:S,length:100*a/(u-_)+"%",color:t.color}),x&&e===r.length-1&&t.max<u?o.jsx(I,{class:H[`${S}Last`],color:X,orientation:S,length:100*(u-r[e].max)/(u-_)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:S,class:m.classNames([V.base,V[S]]),color:Y}),null===(i=k.referenceLines)||void 0===i?void 0:i.map(t=>o.jsx(y,{color:t.color,orientation:S,percentage:100*(t.value-_)/(u-_)+"%",position:t.position}))]}))})),C]})},Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-24bf3861","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-f11010a7","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-1e70bca1","./index-66b69d43","./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-19a01c68"],function(t,e,o,r,i,a,s,n,l,c,d,h,u,m,g,_,v,p,b,f,x,S,k,z,E,T,A,M,U,F,N,j,C,B){"use strict";function y(t){if(!t)return{width:0,height:0};const e=t.getBoundingClientRect();return{width:e.width,height:e.height}}function R({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([I.base,I[`${t}Border`],I[`${t}`],c?a?I.horiontalStart:I["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 I={base:"qtqkx1",verticalBorder:"zgi3jz",horizontalBorder:"_127bib9",vertical:"_17tresi",horizontal:"v5sdzt",horiontalStart:"deqfnw",verticalStartLtr:"_1i2mnn8",verticalStartRtl:"x7xsr3"};function L(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([w.base,c?w["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:w.verticalBarTrackSection,s.class]),style:{width:c?i:"100%",height:c?"100%":i,backgroundColor:u.getDvtThresholdColor(r)}})}const w={base:"_16armr3",verticalBarTrackSection:"_1z0ps6i",horizontalBarTrackSectionRtl:"_21e4tk",horizontalBarTrackSectionLtr:"n0iq85"};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:"_13omcok",horizontal:"_11xywx0",vertical:"_156khvg",interactive:"o75ou7"},V={base:"cl38v3",vertical:"_356rku",horizontal:"xxtiqi"},q={base:"_1jtuf76",vertical:"hsomda",smHorizontal:"_1v2o9ld",smVertical:"hybk64",mdHorizontal:"tgqrjr",mdVertical:"_1cof88b",lgHorizontal:"_1s61om3",lgVertical:"_1mlid5r",smMarginTop:"fh37nf",mdMarginTop:"_1efv7v",lgMarginTop:"_18z9r8x",smMarginStart:"_12ft60j",mdMarginStart:"_18wh74d",lgMarginStart:"_11i1lxw",smMarginEnd:"j1bpqm",mdMarginEnd:"_1bdy5gk",lgMarginEnd:"_18sj8uj",smMarginBottom:"v4yk0l",mdMarginBottom:"_1l1oe6",lgMarginBottom:"_3zcik6"},D={horizontalFirst:"nz01gi",horizontalLast:"i0j9v9",verticalFirst:"_2x9ou8",verticalLast:"_18gajrp",roundedCorners:"_18dakeh"};t.MeterBar=function(t){var i,a,{max:u=100,min:_=0,value:v=0,step:p=1,length:b="100%",size:f="lg",orientation:x="horizontal",isTrackRendered:S=!0,thresholdDisplay:k="all",indicatorSize:z=1}=t,E=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(_,u,v,p);const T="horizontal"===x,A=n.useRef(null),M=n.useRef(y(null)),{direction:U}=l.useUser(),F="rtl"===U;n.useEffect(()=>{(E.onCommit||E.onInput)&&(M.current=y(A.current))},[f,b,x,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,x,F)},A,E.onCommit,E.onInput),j=c.useKeyboardEvents(v,_,u,p,E.onCommit,E.onInput),{datatipContent:C,datatipProps:B}=c.useMeterDatatip(v,E.datatip,E.ariaDescribedBy),I=d.getMeterAriaProps(v,_,u,`${v}`,E.accessibleLabel,E.ariaLabelledBy,E.thresholds),w=s.mergeProps(N,j,B,I),H=Math.max(0,Math.min(1,z)),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"},w,{style:{width:T?r.sizeToCSS(b):void 0,height:T?void 0:r.sizeToCSS(b)},class:m.classNames([P.base,P[x]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:x,color:!S||"all"===k&&E.thresholds?"transparent":X,class:m.classNames([q.base,J?P.interactive:"",T?"":q.vertical,T?q[`${f}Horizontal`]:q[`${f}Vertical`],...$(G,f,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[`${x}First`]:"";return t.max===u&&(a=0===e?D.roundedCorners:D[`${x}Last`]),o.jsxs(o.Fragment,{children:[o.jsx(L,{class:a,orientation:x,length:100*i/(u-_)+"%",color:t.color}),S&&e===r.length-1&&t.max<u?o.jsx(L,{class:D[`${x}Last`],color:X,orientation:x,length:100*(u-r[e].max)/(u-_)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:x,class:m.classNames([V.base,V[x]]),color:Y}),null===(a=E.referenceLines)||void 0===a?void 0:a.map(t=>o.jsx(R,{color:t.color,orientation:x,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 CHANGED Viewed

	@@ -1 +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';\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":"g5BA2DM,SAAUA,EAAcC,GAC5B,IAAKA,EACH,MAAO,CACLC,MAAO,EACPC,OAAQ,GAGZ,MAAMC,EAAYH,EAAQI,wBAE1B,MAAO,CACLH,MAAOE,EAAUF,MACjBC,OAAQC,EAAUD,QCjDtB,SAAAG,GAAAC,YAAAA,EAAAC,WAAAA,EAAAC,MAAAA,EAAAC,SAAAA,IACE,MAAAC,EAAA,eAAAJ,GACAK,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EACAG,EAAA,UAAAL,EAEA,OAAAM,EAAAA,IAAA,MAAA,CAAAC,MAAAC,EAAAA,WAAA,CAGMC,EAAAC,KACAD,EAAA,GAAAZ,WACAY,EAAA,GAAAZ,OAEEI,mBAEEQ,EAAA,iBAAAL,EAAA,MAAA,QACF,YAGFO,KAAAV,IAAAG,EAAAN,OAAAc,wCAGAC,gBAAAC,EAAAA,qBAAAf,MAKR,MAAAU,EAAA,MAAA,wBAAA,0BAAA,kBAAA,sBAAA,0BAAA,0BAAA,sCC1BA,SAAAM,EAAAC,wFACE,MAAAd,UAAAA,GAAAC,EAAAA,UACAF,EAAA,eAAAJ,EACAO,EAAA,QAAAF,EACA,OAAAI,EAAAA,IAAA,MAAA,CAAAC,MAAAC,EAAAA,WAAA,CAGMC,EAAAC,OAEED,EAAA,6BAAAL,EAAA,MAAA,QACAK,EAAA,wBACFQ,EAAAV,kDAKAM,gBAAAC,EAAAA,qBAAAf,MAKR,MAAAU,EAAA,MAAA,gCAAA,wCAAA,oDCoKA,MAAAS,EAAA,SAAAC,EAAAC,EAAAnB,cAaE,4GAAAoB,GAGFC,EAAA,MAAA,sBAAA,mBAAA,kCAsBAC,EAAA,MAAA,kBAAA,gCAkBAC,EAAA,MAAA,mBAAA,sBAAA,sBAAA,sBAAA,sBAAA,wBAAA,oBAAA,uBAAA,qBAAA,qBAAA,uBAAA,yBAAA,wBAAA,qBAAA,uBAAA,qBAAA,0BAAA,yBAAA,qCAqFAC,EAAA,iBAAA,0BAAA,yBAAA,sBAAA,iDAxTA,SAAAT,kUAeE,MAAAf,EAAA,eAAAJ,EACA6B,EAAAC,SAAA,2BAEAzB,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,oBAGE0B,EAAAC,UAAAD,EAAAE,oCAGF,CAAAV,EAAAW,EAAAlC,EAAA+B,EAAAC,SAAAD,EAAAE,UAEA,MAQAE,EAAAC,mBAAAC,EARAC,IAEE,GAAAA,EAAAC,QAAAV,EAAAW,QACE,OHvCU,SACdF,EACAG,EACAC,EACAC,EACAC,EACA5C,EACAO,GAEA,MAAMsC,EAAOJ,EAAcD,QAC3B,IAAKK,GAAuB,IAAfA,EAAKlD,MAChB,OAGF,IAAImD,EAEJ,GAAoB,eAAhB9C,EAA8B,CAChC,MAAML,EAAQ2C,EAAMS,QACpBD,EAAMJ,GAAQC,EAAMD,IAAQnC,EAAQsC,EAAKlD,MAAQA,EAAQA,GAAUkD,EAAKlD,WAGxEmD,EAAMJ,GAAQC,EAAMD,IADLG,EAAKjD,OAAS0C,EAAMU,SACEH,EAAKjD,OAG5C,OADAkD,EAAMG,KAAKC,MAAMJ,EAAMF,GAAQA,EACxBK,KAAKN,IAAID,EAAKO,KAAKP,IAAIC,EAAKG,IGe/BK,CAAAb,EAAAG,EAAAC,EAAAC,EAAAC,EAAA5C,EAAAO,IAKJsB,EAAAE,EAAAC,SAAAD,EAAAE,8DAiBAmB,eAAAA,EAAAC,aAAAA,GAAAC,EAAAA,gBAAAjB,EAAAN,EAAAwB,QAAAxB,EAAAyB,qGAeAC,EAAAC,EAAAA,WAAAvB,EAAAwB,EAAAN,EAAAO,GAOAC,EAAAZ,KAAAN,IAAA,EAAAM,KAAAP,IAAA,EAAAoB,IACAC,EAAA,KAAA1B,EAAAK,IAAAC,EAAAD,GAAA,IACAsB,EAAA,IAAAH,EAAA,kHHjCI,SAA0BI,GAC9B,IAAIC,EAAc,CAAEC,OAAO,EAAOC,KAAK,GAQvC,OAPIH,IACFC,EAAcD,EAAMI,OAAO,CAACC,EAAKC,KAC/BD,EAAIH,MAAQG,EAAIH,OAA0B,UAAjBI,EAAIpE,SAC7BmE,EAAIF,IAAME,EAAIF,KAAwB,QAAjBG,EAAIpE,UAAsC,MAAhBoE,EAAIpE,SAC5CmE,GACNJ,IAEEA,8CGmCPM,WAAAA,GAAAC,EAAAA,0HAQQ9E,MAAAS,EAAAsE,YAAAxC,QAAAnB,EACAnB,OAAAQ,OAAAW,EAAA2D,EAAAA,UAAAxC,IACDxB,MAAAC,EAAAA,WAAA,CAAAc,EAAAZ,KAAAY,EAAAzB,MAAA,CAAA2E,SAAAC,EAAAC,KAAAC,WAAAC,OAAAC,OAAA,CAAAC,IAAApD,EAAA7B,YAAAA,EAAAE,OAAAgF,GAAA,QAAAC,GAAApD,EAAAqD,WAOK,cACAC,EAAA3E,MAAAC,EAAAA,WAAA,CAGFgB,EAAAd,wCAGAT,EAAAuB,EAAA,GAAAJ,eAAAI,EAAA,GAAAJ,gBACAF,EAAAiE,EAAA/D,EAAAnB,8IAOI,MAAAmF,EAAA,IAAAC,EAAAC,EAAA9C,IAAAD,EAAA+C,EAAA9C,IAAAyC,EAAAI,EAAA,GAAA7C,IAEA,IAAA+C,EAAA,IAAAF,EAAA5D,EAAA,GAAA5B,UAAA,UAEAyF,EAAA9C,MAAAA,MAEI,IAAA6C,EACE5D,EAAA,eACAA,EAAA,GAAA5B"}
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';\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":"g5BA2DM,SAAUA,EAAcC,GAC5B,IAAKA,EACH,MAAO,CACLC,MAAO,EACPC,OAAQ,GAGZ,MAAMC,EAAYH,EAAQI,wBAE1B,MAAO,CACLH,MAAOE,EAAUF,MACjBC,OAAQC,EAAUD,QCjDtB,SAAAG,GAAAC,YAAAA,EAAAC,WAAAA,EAAAC,MAAAA,EAAAC,SAAAA,IACE,MAAAC,EAAA,eAAAJ,GACAK,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EACAG,EAAA,UAAAL,EAEA,OAAAM,EAAAA,IAAA,MAAA,CAAAC,MAAAC,EAAAA,WAAA,CAGMC,EAAAC,KACAD,EAAA,GAAAZ,WACAY,EAAA,GAAAZ,OAEEI,mBAEEQ,EAAA,iBAAAL,EAAA,MAAA,QACF,YAGFO,KAAAV,IAAAG,EAAAN,OAAAc,wCAGAC,gBAAAC,EAAAA,qBAAAf,MAKR,MAAAU,EAAA,MAAA,wBAAA,0BAAA,oBAAA,sBAAA,wBAAA,0BAAA,sCC1BA,SAAAM,EAAAC,wFACE,MAAAd,UAAAA,GAAAC,EAAAA,UACAF,EAAA,eAAAJ,EACAO,EAAA,QAAAF,EACA,OAAAI,EAAAA,IAAA,MAAA,CAAAC,MAAAC,EAAAA,WAAA,CAGMC,EAAAC,OAEED,EAAA,6BAAAL,EAAA,MAAA,QACAK,EAAA,wBACFQ,EAAAV,kDAKAM,gBAAAC,EAAAA,qBAAAf,MAKR,MAAAU,EAAA,MAAA,mCAAA,wCAAA,iDCoKA,MAAAS,EAAA,SAAAC,EAAAC,EAAAnB,cAaE,4GAAAoB,GAGFC,EAAA,MAAA,sBAAA,oBAAA,iCAsBAC,EAAA,MAAA,kBAAA,+BAkBAC,EAAA,MAAA,oBAAA,sBAAA,sBAAA,sBAAA,oBAAA,wBAAA,sBAAA,uBAAA,qBAAA,sBAAA,yBAAA,yBAAA,yBAAA,uBAAA,qBAAA,uBAAA,0BAAA,wBAAA,oCAqFAC,EAAA,iBAAA,wBAAA,uBAAA,uBAAA,iDAxTA,SAAAT,kUAeE,MAAAf,EAAA,eAAAJ,EACA6B,EAAAC,SAAA,2BAEAzB,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,oBAGE0B,EAAAC,UAAAD,EAAAE,oCAGF,CAAAV,EAAAW,EAAAlC,EAAA+B,EAAAC,SAAAD,EAAAE,UAEA,MAQAE,EAAAC,mBAAAC,EARAC,IAEE,GAAAA,EAAAC,QAAAV,EAAAW,QACE,OHvCU,SACdF,EACAG,EACAC,EACAC,EACAC,EACA5C,EACAO,GAEA,MAAMsC,EAAOJ,EAAcD,QAC3B,IAAKK,GAAuB,IAAfA,EAAKlD,MAChB,OAGF,IAAImD,EAEJ,GAAoB,eAAhB9C,EAA8B,CAChC,MAAML,EAAQ2C,EAAMS,QACpBD,EAAMJ,GAAQC,EAAMD,IAAQnC,EAAQsC,EAAKlD,MAAQA,EAAQA,GAAUkD,EAAKlD,WAGxEmD,EAAMJ,GAAQC,EAAMD,IADLG,EAAKjD,OAAS0C,EAAMU,SACEH,EAAKjD,OAG5C,OADAkD,EAAMG,KAAKC,MAAMJ,EAAMF,GAAQA,EACxBK,KAAKN,IAAID,EAAKO,KAAKP,IAAIC,EAAKG,IGe/BK,CAAAb,EAAAG,EAAAC,EAAAC,EAAAC,EAAA5C,EAAAO,IAKJsB,EAAAE,EAAAC,SAAAD,EAAAE,8DAiBAmB,eAAAA,EAAAC,aAAAA,GAAAC,EAAAA,gBAAAjB,EAAAN,EAAAwB,QAAAxB,EAAAyB,qGAeAC,EAAAC,EAAAA,WAAAvB,EAAAwB,EAAAN,EAAAO,GAOAC,EAAAZ,KAAAN,IAAA,EAAAM,KAAAP,IAAA,EAAAoB,IACAC,EAAA,KAAA1B,EAAAK,IAAAC,EAAAD,GAAA,IACAsB,EAAA,IAAAH,EAAA,kHHjCI,SAA0BI,GAC9B,IAAIC,EAAc,CAAEC,OAAO,EAAOC,KAAK,GAQvC,OAPIH,IACFC,EAAcD,EAAMI,OAAO,CAACC,EAAKC,KAC/BD,EAAIH,MAAQG,EAAIH,OAA0B,UAAjBI,EAAIpE,SAC7BmE,EAAIF,IAAME,EAAIF,KAAwB,QAAjBG,EAAIpE,UAAsC,MAAhBoE,EAAIpE,SAC5CmE,GACNJ,IAEEA,8CGmCPM,WAAAA,GAAAC,EAAAA,0HAQQ9E,MAAAS,EAAAsE,YAAAxC,QAAAnB,EACAnB,OAAAQ,OAAAW,EAAA2D,EAAAA,UAAAxC,IACDxB,MAAAC,EAAAA,WAAA,CAAAc,EAAAZ,KAAAY,EAAAzB,MAAA,CAAA2E,SAAAC,EAAAC,KAAAC,WAAAC,OAAAC,OAAA,CAAAC,IAAApD,EAAA7B,YAAAA,EAAAE,OAAAgF,GAAA,QAAAC,GAAApD,EAAAqD,WAOK,cACAC,EAAA3E,MAAAC,EAAAA,WAAA,CAGFgB,EAAAd,wCAGAT,EAAAuB,EAAA,GAAAJ,eAAAI,EAAA,GAAAJ,gBACAF,EAAAiE,EAAA/D,EAAAnB,8IAOI,MAAAmF,EAAA,IAAAC,EAAAC,EAAA9C,IAAAD,EAAA+C,EAAA9C,IAAAyC,EAAAI,EAAA,GAAA7C,IAEA,IAAA+C,EAAA,IAAAF,EAAA5D,EAAA,GAAA5B,UAAA,UAEAyF,EAAA9C,MAAAA,MAEI,IAAA6C,EACE5D,EAAA,eACAA,EAAA,GAAA5B"}