@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/amd/BaseCardViewSelectionTest-284cb1a9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-ceeb05f2', './Text-31cabc49', './View-215ec211', './Flex-71f83c12', './LayerHost-1a734852', './EnvironmentProvider-75ba928e', './Center-27a71002', './DragHandle-75151eea', './Avatar-2801e448'], (function(e,t,a,i,r,c,s,n,l,d,o,u,p,x,g,f){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i);const w=(e,t)=>[...Array(e)].map(((e,a)=>({id:t?a:`${a}`,name:`Employee ${a}`,title:`Employee title ${a}`,initials:`E${a}`}))),q=async()=>a.screen.findByRole("grid"),A=async(e="row")=>a.screen.findAllByRole(e),h=async(e="gridcell")=>a.screen.findAllByRole(e),k=(e,t)=>{a.fireEvent.click(e,t)},m=(e,t)=>{a.fireEvent.dragStart(e),a.fireEvent.dragEnter(t),a.fireEvent.drop(t),a.fireEvent.dragEnd(e)},v=(e,t)=>{a.fireEvent.keyDown(e,{key:t,code:t,shiftKey:!0,metaKey:!0})};e.CardContent=({context:e,showButton:a,isReorderEnabled:i})=>{const r=i&&t.jsx(p.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(x.Center,{children:t.jsx(g.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(d.View,{paddingBlockStart:"1x",children:t.jsxs(o.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(n.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(n.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(d.View,{padding:"6px",children:[r,t.jsxs(d.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(d.View,{paddingBlockStart:"2x",children:[t.jsx(l.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(l.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(d.View,{padding:"10px",paddingBlockStart:0,children:[c,e.selector?.()]})]})},e.getItems=A,e.getRoot=q,e.keyboardReorder=v,e.mouseItemSelection=k,e.populateData=w,e.testRender=({GenericCardGrid:e,ActionCardGrid:i,SelectionCardGrid:n,ContentUpdatableCardGrid:l})=>{it("initial render",(async function(){const i=w(100);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c.length).eq(25)})),it("checking key type - string key",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(void 0===c[0].dataset.ojKeyType).eq(!0),r.expect(void 0===c[1].dataset.ojKeyType).eq(!0),r.expect(void 0===c[2].dataset.ojKeyType).eq(!0)})),it("checking key type - numeric key",(async()=>{const i=w(3,!0);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c[0].dataset.ojKeyType).eq("number"),r.expect(c[1].dataset.ojKeyType).eq("number"),r.expect(c[2].dataset.ojKeyType).eq("number")})),it("aria attributes - multiselectable and selected, selectionMode is none",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq(null),r.expect(i[0].getAttribute("aria-selected")).eq(null),r.expect(i[1].getAttribute("aria-selected")).eq(null)})),it("aria attributes - multiselectable and selected, selectionMode is single",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e,selectionMode:"single",selectedKeys:new Set(["1"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("false"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true")})),it("aria attributes - multiselectable and selected, selectionMode is multiple",(async()=>{const e=w(3);a.render(t.jsx(n,{data:e,selectionMode:"multiple",selectedKeys:new Set(["1","2"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("true"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true"),r.expect(i[2].getAttribute("aria-selected")).eq("true")})),"undefined"==typeof jest&&(it("aria attributes - rowcount and colcount, all items are loaded",(async()=>{const i=w(15);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("15")})),it("aria attributes - rowcount and colcount, some items are loaded",(async()=>{const i=w(30);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("25")}))),"undefined"==typeof jest&&(it("content focusBehavior - valid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e}));const c=await A("gridcell");await y.default.tab(),await a.waitFor((()=>{r.expect(c[0].matches(":focus-within")).to.be.true}))})),it("content focusBehavior - invalid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e,showButton:!0}));const c=await q();await y.default.tab(),await a.waitFor((()=>{r.expect(c.matches(":focus")).to.be.true}))}))),it("memoization - update memoized children",(async()=>{const e=w(3),{queryByTestId:i}=a.render(t.jsx(l,{data:e})),c=i(e[0].id),s=i(e[1].id),n=i(e[2].id);r.expect(c?.innerHTML,"the 1st item initial count should be 0").eq("0"),r.expect(s?.innerHTML,"the 2nd item initial count should be 0").eq("0"),r.expect(n?.innerHTML,"the 3rd item initial count should be 0").eq("0");const d=i("mybutton");await y.default.click(d),r.expect(c?.innerHTML,"the 1st item new count should be 1").eq("1"),r.expect(s?.innerHTML,"the 2nd item new count should be 1").eq("1"),r.expect(n?.innerHTML,"the 3rd item new count should be 1").eq("1")})),it("reorder - fire Drag and Drop Event",(async()=>{const i=w(5),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - fire Drag and Drop Event when id is number and start at 0",(async()=>{const i=w(5,!0),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the first item to right using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[0];k(l),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[0];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the last item to left using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[s.length-1];k(l),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-2];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-3];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),"undefined"==typeof jest&&it("reorder - instruction text should exist when reorder is enabled",(async()=>{const{deviceType:i,platform:n}=s.getClientHints(),l="windows"===n?c.default.accControlKey():c.default.accCommandKey(),d="phone"===i||"tablet"===i?"":c.default.accReorderInstructions({keyPressed:l}),o=w(3),{rerender:u}=a.render(t.jsx(e,{data:o,isReorderEnabled:!0}));let p=a.screen.queryByText(d);r.expect(p).not.to.be.null,u(t.jsx(e,{data:o})),p=a.screen.queryByText(d),r.expect(p).to.be.null})),"undefined"==typeof jest&&it("scroll into view - when cardview regains focus",(async()=>{const i=w(10);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[9].id}}));const c=await q();await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(0)})),c.focus(),await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)}))})),"undefined"==typeof jest&&it("load more on scroll - should fetch data once during keyboard navigation",(async()=>{const i=w(21);a.render(t.jsx(e,{data:i,fetchSize:7}));let c=await A("gridcell");const s=c[3];await y.default.click(s);const n=await q();r.expect(n.matches(":focus")).to.be.true,a.fireEvent.keyDown(n,{key:"ArrowDown"}),await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(14)}));try{await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(21)}))}catch(e){r.expect(e).not.null}}),6e3),it("click an item different than currentItem should not scroll the currentItem back into view",(async()=>{const i=w(20);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[2].id}}));const c=await q(),s=await A();await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.scrollTop=450,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)})),await y.default.click(s[19]),await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)}))}))},e.testSelectionRender=({SelectionCardGrid:e})=>{it("multiple selection - multiple selected items can be preserved",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),k(c[1]),await a.waitFor((()=>{r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true")}))})),it("range selection - space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[0]),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - space and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),k(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("false"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),k(c[2],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click item",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+arrow items",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+arrow  ",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+arrow",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")}))})),it("range selection - from current item to shift+space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection - deselect selected item by shift+space",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),a.fireEvent.keyUp(c[1],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),a.fireEvent.keyUp(c[0],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("false"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+click and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),k(c[0],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+arrow and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[2]),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),r.expect(s[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[4],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true"),r.expect(s[4].getAttribute("aria-selected")).eq("true")}))}}));
+//# sourceMappingURL=BaseCardViewSelectionTest-284cb1a9.js.map

package/amd/BaseCardViewSelectionTest-284cb1a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardViewSelectionTest-284cb1a9.js","sources":["../../src/PRIVATE_BaseCardView/__tests__/testHelpers.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewTest.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewSelectionTest.tsx"],"sourcesContent":["import { fireEvent, screen } from '@testing-library/preact';\nimport { VNode, ComponentProps } from 'preact';\nimport { Item, ListItemRendererContext, SelectionMode } from '../../UNSAFE_Collection';\nimport { Avatar } from '../../UNSAFE_Avatar';\nimport { Button } from '../../UNSAFE_Button';\nimport { Text } from '../../UNSAFE_Text';\nimport { View } from '../../UNSAFE_View';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { Center } from '../../UNSAFE_Center';\nimport { DragHandle } from '../../UNSAFE_DragHandle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Employee } from '../__dev__/BaseCardViewData';\n\nexport type GenericCardGridProps<K extends string | number> = {\n  data: Employee[];\n  delay?: number;\n  isReorderEnabled?: boolean;\n  initialCurrentKey?: Item<K>;\n  fetchSize?: number;\n};\n\nexport type ActionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  handleAction?: ComponentProps<typeof Button>['onAction'];\n  showButton?: boolean; // for testing invalid focusBehavior\n};\n\nexport type SelectionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  selectionMode?: SelectionMode;\n  selectedKeys?: Set<Employee['id']>;\n};\n\nexport type TestComponentsProps<K extends string | number> = {\n  GenericCardGrid: (props: GenericCardGridProps<K>) => VNode;\n  ActionCardGrid: (props: ActionCardGridProps<K>) => VNode;\n  SelectionCardGrid: (props: SelectionCardGridProps<K>) => VNode;\n} & Record<string, (props: any) => VNode>;\n\nexport const CardContent = ({\n  context,\n  showButton,\n  isReorderEnabled\n}: {\n  context: ListItemRendererContext<Employee['id'], Employee>;\n  showButton?: boolean;\n  isReorderEnabled?: boolean;\n}) => {\n  const dragIcon = isReorderEnabled && (\n    <RootEnvironmentProvider environment={{ mode: 'test' }}>\n      <Center>\n        <DragHandle testId={`drag-icon-${context.metadata.key}`} />\n      </Center>\n    </RootEnvironmentProvider>\n  );\n  const buttons = showButton && (\n    <View paddingBlockStart={'1x'}>\n      <Flex direction=\"row\" wrap=\"wrap\" gap={'1x'} width={'100%'}>\n        <Button variant=\"outlined\" size=\"md\" label=\"A\" />\n        <Button variant=\"outlined\" size=\"md\" label=\"B\" />\n      </Flex>\n    </View>\n  );\n\n  return (\n    <View padding=\"6px\">\n      {dragIcon}\n      <View padding=\"10px\" paddingBlockEnd={0}>\n        <Avatar initials={context.data.initials} size=\"xl\" />\n        <View paddingBlockStart=\"2x\">\n          <Text variant=\"primary\" size=\"md\" lineClamp={1}>\n            {context.data.name}\n          </Text>\n          <Text variant=\"secondary\" size=\"md\" lineClamp={1}>\n            {context.data.title}\n          </Text>\n        </View>\n      </View>\n      <View padding=\"10px\" paddingBlockStart={0}>\n        {buttons}\n        {context.selector?.()}\n      </View>\n    </View>\n  );\n};\n\nexport const populateData = (count: number, isNumberKey?: boolean) =>\n  [...Array(count)].map(\n    (_, i) =>\n      ({\n        id: isNumberKey ? i : `${i}`,\n        name: `Employee ${i}`,\n        title: `Employee title ${i}`,\n        initials: `E${i}`\n      }) as Employee\n  );\n\nexport const getRoot = async () => {\n  return screen.findByRole('grid');\n};\n\nexport const getItems = async (role = 'row') => {\n  return screen.findAllByRole(role);\n};\n\nexport const getContents = async (role = 'gridcell') => {\n  return screen.findAllByRole(role);\n};\n\nexport const mouseItemSelection = (element: HTMLElement, options?: Record<string, unknown>) => {\n  fireEvent.click(element, options);\n};\n\nexport const fireDragAndDropEvent = (dragElement: HTMLElement, dropElement: HTMLElement) => {\n  fireEvent.dragStart(dragElement);\n  fireEvent.dragEnter(dropElement);\n  fireEvent.drop(dropElement);\n  fireEvent.dragEnd(dragElement);\n};\n\nexport const keyboardReorder = (\n  element: HTMLElement,\n  keyCode: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown'\n) => {\n  fireEvent.keyDown(element, {\n    key: keyCode,\n    code: keyCode,\n    shiftKey: true,\n    metaKey: true\n  });\n};\n","import { render, waitFor, screen, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\n\nimport translations from '#resources/nls/en/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport {\n  getRoot,\n  getItems,\n  populateData,\n  TestComponentsProps,\n  mouseItemSelection,\n  fireDragAndDropEvent,\n  keyboardReorder\n} from './testHelpers';\n\nexport const testRender = ({\n  GenericCardGrid,\n  ActionCardGrid,\n  SelectionCardGrid,\n  ContentUpdatableCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('initial render', async function () {\n    const data = populateData(100);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect(items.length).eq(25);\n  });\n\n  it('checking key type - string key', async () => {\n    const data = populateData(3);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[1] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[2] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n  });\n\n  it('checking key type - numeric key', async () => {\n    const data = populateData(3, true);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[1] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[2] as HTMLElement).dataset['ojKeyType']).eq('number');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is none', async () => {\n    const data = populateData(2);\n    render(<SelectionCardGrid data={data}></SelectionCardGrid>);\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq(null);\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq(null);\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq(null);\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is single', async () => {\n    const data = populateData(2);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'single'}\n        selectedKeys={new Set(['1'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('false');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is multiple', async () => {\n    const data = populateData(3);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'multiple'}\n        selectedKeys={new Set(['1', '2'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('true');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n    expect((items[2] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  // skip this test in jest, only run it in karma mocha\n  if (typeof jest === typeof undefined) {\n    // because jest doesn't show grid layout, the rowcount/colcount are always default values\n    it('aria attributes - rowcount and colcount, all items are loaded', async () => {\n      const data = populateData(15);\n      render(<GenericCardGrid data={data}></GenericCardGrid>);\n      const grid = await getRoot();\n\n      expect((grid as HTMLElement).getAttribute('aria-rowcount')).eq('1');\n      expect((grid as HTMLElement).getAttribute('aria-colcount')).eq('15');\n    });\n\n    it('aria attributes - rowcount and colcount, some items are loaded', async () => {\n      const data = populateData(30);\n      render(<GenericCardGrid data={data}></GenericCardGrid>);\n      const grid = await getRoot();\n\n      expect((grid as HTMLElement).getAttribute('aria-rowcount')).eq('1');\n      expect((grid as HTMLElement).getAttribute('aria-colcount')).eq('25');\n    });\n  }\n\n  // skip this test in jest, only run it in karma mocha\n  if (typeof jest === typeof undefined) {\n    // because jest doesn't show grid layout, the number of focusable elements is not calculated correctly\n    it('content focusBehavior - valid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data}></ActionCardGrid>);\n      const items = await getItems('gridcell');\n\n      await userEvent.tab();\n\n      await waitFor(() => {\n        expect(items[0].matches(':focus-within')).to.be.true;\n      });\n    });\n\n    it('content focusBehavior - invalid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data} showButton={true}></ActionCardGrid>);\n      const grid = await getRoot();\n\n      await userEvent.tab();\n      await waitFor(() => {\n        expect(grid.matches(':focus')).to.be.true;\n      });\n    });\n  }\n\n  // JET-61732\n  it('memoization - update memoized children', async () => {\n    const data = populateData(3);\n    const { queryByTestId } = render(\n      <ContentUpdatableCardGrid data={data}></ContentUpdatableCardGrid>\n    );\n\n    const elem0 = queryByTestId(data[0].id) as HTMLElement;\n    const elem1 = queryByTestId(data[1].id) as HTMLElement;\n    const elem2 = queryByTestId(data[2].id) as HTMLElement;\n    expect(elem0?.innerHTML, 'the 1st item initial count should be 0').eq('0');\n    expect(elem1?.innerHTML, 'the 2nd item initial count should be 0').eq('0');\n    expect(elem2?.innerHTML, 'the 3rd item initial count should be 0').eq('0');\n\n    const button = queryByTestId('mybutton') as HTMLElement;\n    await userEvent.click(button);\n\n    expect(elem0?.innerHTML, 'the 1st item new count should be 1').eq('1');\n    expect(elem1?.innerHTML, 'the 2nd item new count should be 1').eq('1');\n    expect(elem2?.innerHTML, 'the 3rd item new count should be 1').eq('1');\n  });\n\n  it('reorder - fire Drag and Drop Event', async () => {\n    const data = populateData(5);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - fire Drag and Drop Event when id is number and start at 0', async () => {\n    const data = populateData(5, true);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the first item to right using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItem = items[0];\n\n    // reorder the first item to left\n    mouseItemSelection(firstItem);\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[0];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[1];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[2];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the last item to left using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const lastItem = items[items.length - 1];\n\n    // reorder the last item to right\n    mouseItemSelection(lastItem);\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 1];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 2];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 3];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  if (typeof jest == typeof undefined) {\n    it('reorder - instruction text should exist when reorder is enabled', async () => {\n      // get instruction text\n      const { deviceType, platform } = getClientHints();\n      const keyPressed =\n        platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n      const reorderInstructions =\n        deviceType === 'phone' || deviceType === 'tablet'\n          ? ''\n          : translations.accReorderInstructions({\n              keyPressed: keyPressed\n            });\n\n      // instruction text should exist when reorder is enabled\n      const data = populateData(3);\n      const { rerender } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n      let instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).not.to.be.null;\n\n      // instruction text should not exist when reorder is disabled\n      rerender(<GenericCardGrid data={data} />);\n      instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).to.be.null;\n    });\n  }\n\n  // test in karma mocha only since it involves scrolling\n  if (typeof jest === typeof undefined) {\n    it('scroll into view - when cardview regains focus', async () => {\n      const data = populateData(10);\n      render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[9].id }} />);\n\n      // should not scroll into view when the current item is set by app\n      const grid = await getRoot();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(0);\n      });\n\n      // focus in cardview, should scroll Employee 9 into view\n      grid.focus();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(450);\n      });\n    });\n  }\n\n  // test in karma mocha only since it involves rerender\n  if (typeof jest === typeof undefined) {\n    it('load more on scroll - should fetch data once during keyboard navigation', async () => {\n      const data = populateData(21);\n      render(<GenericCardGrid data={data} fetchSize={7} />);\n\n      let items = await getItems('gridcell');\n      const thirdItem = items[3];\n      await userEvent.click(thirdItem);\n\n      const grid = await getRoot();\n      expect(grid.matches(':focus')).to.be.true;\n      fireEvent.keyDown(grid, { key: 'ArrowDown' });\n\n      await waitFor(async () => {\n        items = await getItems('gridcell');\n        expect(items.length).to.eq(14);\n      });\n\n      // load more should only happen once\n      try {\n        await waitFor(async () => {\n          items = await getItems('gridcell');\n          expect(items.length).to.eq(21);\n        });\n      } catch (e) {\n        expect(e).not.null;\n      }\n    }, 6000);\n  }\n\n  // JET-71257\n  it('click an item different than currentItem should not scroll the currentItem back into view', async () => {\n    const data = populateData(20);\n\n    // the initial current item is Employee 2\n    render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[2].id }} />);\n\n    const grid = await getRoot();\n    const items = await getItems();\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(0);\n    });\n\n    // scroll cardview down to the bottom\n    grid.scrollTop = 450;\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n\n    // click an item different than currentItem\n    await userEvent.click(items[19]);\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n  });\n};\n","import { render, waitFor, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport {\n  getRoot,\n  populateData,\n  TestComponentsProps,\n  getContents,\n  mouseItemSelection\n} from './testHelpers';\n\nexport const testSelectionRender = ({\n  SelectionCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('multiple selection - multiple selected items can be preserved', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    mouseItemSelection(items[0]);\n    mouseItemSelection(items[1]);\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - space and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click item', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 3rd item\n    fireEvent.click(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+arrow items', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+arrow  ', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+arrow', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow to the 3rd item, then shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('false');\n      expect(items[3].getAttribute('aria-selected')).eq('false');\n    });\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('false');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('true');\n      expect(items[3].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - from current item to shift+space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow down to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - deselect selected item by shift+space', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n\n    fireEvent.keyUp(items[1], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+click and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + click to select the 1st item\n    mouseItemSelection(items[0], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+arrow and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + arrow to select the 1st item\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n};\n"],"names":["populateData","count","isNumberKey","Array","map","_","i","id","name","title","initials","getRoot","async","screen","findByRole","getItems","role","findAllByRole","getContents","mouseItemSelection","element","options","fireEvent","click","fireDragAndDropEvent","dragElement","dropElement","dragStart","dragEnter","drop","dragEnd","keyboardReorder","keyCode","keyDown","key","code","shiftKey","metaKey","context","showButton","isReorderEnabled","dragIcon","_jsx","jsx","RootEnvironmentProvider","environment","mode","children","Center","DragHandle","testId","metadata","buttons","View","paddingBlockStart","_jsxs","Flex","direction","wrap","gap","width","Button","variant","size","label","padding","jsxs","paddingBlockEnd","Avatar","data","Text","lineClamp","selector","GenericCardGrid","ActionCardGrid","SelectionCardGrid","ContentUpdatableCardGrid","it","render","items","expect","length","eq","undefined","dataset","grid","getAttribute","selectionMode","selectedKeys","Set","jest","userEvent","tab","waitFor","matches","to","be","true","queryByTestId","elem0","elem1","elem2","innerHTML","button","firstItemDragIcon","thirdItemDragIcon","firstItem","updatedThirdItem","equals","equal","reorderedItem","lastItem","deviceType","platform","getClientHints","keyPressed","translations","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","rerender","instructionText","queryByText","not","null","initialCurrentKey","rowKey","scrollTop","greaterThanOrEqual","focus","fetchSize","thirdItem","e","keyUp"],"mappings":"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"}

package/amd/BaseDiagram-3bde785f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-d8fa612c', './PRIVATE_BaseDiagram/themes/DiagramStyles.css', './useResizeObserver-25032462', 'preact/hooks', './accUtils-7e057eef', './keys-4755c121', './classNames-08d99695', './useTranslationBundle-e4dd341e', './useUser-08901aba', './EmbeddedIconButton-49aab46c', './Plus-61ed84df', './Minus-d658ce91', './layoutUtils-517a546d', './useVisHover-28319fef', './mergeProps-bcfa6a92', './useDatatip-a1713300', './useTextDimensions-f254e8f5', './clientUtils-df9caee0', './useVisDragModeControls-2295174b', './useSelection-5cb56713', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-025b44ba', './Menu-0c230049', './MenuItem-8456d6e2', 'preact', './logger-00b673c5', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S,L,I,N,R,z,C,D,X,j,Y,T,B,E,O,Z,A,V){"use strict";function F(e,t,n,o,i,r,s,d,a,l){const c=new Map,u=Array.from(e.values()),h=Array.from(t.values());l&&function(e,t,n,o){e.forEach((e=>{if(e.nodes&&q(e.nodes,n,o),e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}})),t.forEach((e=>{if(e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}}))}(u,h,c,l);const p=Array.from(t.keys());for(const e of p){const n=t.get(e);if(n&&l&&n.label){const t=n.label,o=re(n.labelStyle);c.set(e,l(t,o))}}return{layoutJSON:{getNodeDimensions:function(e){return o.get(e.id)},getLabelDimensions:function(e){return c.get(e.id)},getContainerId:function(e,t){return ae(e,t,d)},getRelativeNodeBounds:function(e,t){const n=U(e,t,a);return n?{x:n.x/s,y:n.y/s,width:n.width/s,height:n.height/s}:void 0},getPromotedLinks:function(){return n},componentSize:{width:i,height:r}},labelDims:c}}function $(e,t){return{x:e.x/t,y:e.y/t,width:e.width/t,height:e.height/t}}function _(e,t,n,o,i,r){if(i&&i.current){let s,d;if(r){const t=`${e.startNode}_${e.endNode}`;s=i.current.querySelector(`[data-oj-private-promoted-link=${t}]`)}else s=i.current.querySelector(`[data-oj-private-link=${e}]`);t&&(d=i.current.querySelector(`[data-oj-private-node=${t}]`));const a=n.get(e);if(s&&d&&a){const e=$(s.getBoundingClientRect(),o),t=$(d.getBoundingClientRect(),o);return{x:e.x-t.x,y:e.y-t.y,width:a.width,height:a.height}}}return null}function K(e,t,n,o,i,r,s,d){let a,l,c,u=1/0,h=1/0,p=-1/0,g=-1/0;for(let t=0;t<e.length;t++){a=e[t].id;const n=o.get(a);n&&(u>n.x&&(u=n.x,c=a),h>n.y&&(h=n.y,l=a),p<n.x+n.width&&(p=n.x+n.width),g<n.y+n.height&&(g=n.y+n.height))}const f=u,m=h;let y=0,x=0,k=p-u,b=g-h;for(let e=0;e<t.length;e++){a=t[e].id;const n=_(a,l,i,s,d),o=_(a,c,i,s,d);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),n&&(n.y<x&&(x=n.y),b<n.y+n.height&&(b=n.y+n.height))}for(let e=0;e<n.length;e++){a=n[e];const t=_(a,l,r,s,d,!0),o=_(a,c,r,s,d,!0);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),t&&(t.y<x&&(x=t.y),b<t.y+t.height&&(b=t.y+t.height))}return{minX:f,minY:m,contentWidth:p-u,contentHeight:g-h,bounds:{x:y,y:x,width:k-y,height:b-x}}}function U(e,t,n){if(n&&n.current){const o=n.current.querySelector(`[data-oj-private-node=${e}]`);let i;if(i=t?n.current.querySelector(`[data-oj-private-child=${t}]`):n.current.querySelector("[data-oj-private-node-container]"),o&&i){const e=o.getBoundingClientRect(),t=i.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y,width:e.width,height:e.height}}}return null}function q(e,t,n){e.forEach((e=>{if(e.nodes&&q(e.nodes,t,n),e.label){const o=e.label,i=re(e.labelStyle);t.set(e.id,n(o,i))}}))}function G(e,t,n){const o=new Map,i=new Map,r=new Map;H(e,t,o,i);const s=e.links;let d;if(s)for(let e=0;e<n.length;e++)d=s[n[e].id],d&&d.label&&r.set(n[e].id,d.label);return{nodePoints:o,nodeLabelPos:i,linkLabelPos:r}}function H(e,t,n,o){const i=e.nodes;let r;if(i)for(let s=0;s<t.length;s++){const d=t[s],a=d.id;d.nodes&&H(e,d.nodes,n,o),r=i[a],r&&(n.set(a,r.position),r.label&&o.set(a,r.label))}}function W(e,t,n,o,i,r,s,a,l,c){for(let u=0;u<e.length;u++){const h=e[u],p=`${c}_${u}`;t.set(h.id,h),n.set(h.id,p),o.set(p,h.id),i.set(h.id,l),a.push(h.id),h.nodes&&(r.push(h),d.containsKey(s,h.id)&&W(h.nodes,t,n,o,i,r,s,a,h.id,p))}}function J(e,t,n){const o=te(t,e,n);if(e.rotationAngle){const n=e.rotationPoint?e.rotationPoint:{x:t.width/2,y:t.height/2},i=e.rotationAngle,r=Q({x:0,y:0},n),s=Q({x:t.width,y:0},n),d=Q({x:0,y:t.height},n),a=Q({x:t.width,y:t.height},n);return function(e){let t=e[0].x,n=e[0].y,o=e[0].x,i=e[0].y;for(let r=1;r<e.length;r++){const s=e[r];s.x<t?t=s.x:s.x>o&&(o=s.x),s.y<n?n=s.y:s.y>i&&(i=s.y)}return{x:t,y:n,width:o-t,height:i-n}}([ee(r,i),ee(d,i),ee(s,i),ee(a,i)].map((e=>({x:e.x+o.x+n.x,y:e.y+o.y+n.y}))))}return{x:o.x,y:o.y,width:t.width,height:t.height}}function Q(e,t){return{x:e.x-t.x,y:e.y-t.y}}function ee(e,t){return{x:e.x*Math.cos(t)-e.y*Math.sin(t),y:e.x*Math.sin(t)+e.y*Math.cos(t)}}function te(e,t,n){const o=t.position,i=t.hAlign?t.hAlign:n?"right":"left",r=t.vAlign;let s,d;return s="center"===i?o.x-e.width/2:"right"===i?o.x-e.width:o.x,d="middle"===r?o.y-e.height/2:"bottom"===r?o.y-e.height:"baseline"===r?o.y+e.y:o.y,{x:s,y:d}}function ne(e,t){return e?.id===t?.id&&e?.type===t?.type}function oe(e,t,n){let o,i,r=e;for(;!i;)if(r.dataset.ojPrivateNode?(o="node",i=r.dataset.ojPrivateNode):r.dataset.ojPrivateLink?(i=r.dataset.ojPrivateLink,o="link"):r.dataset.ojPrivatePromotedLink&&(i=t.get(r.dataset.ojPrivatePromotedLink),o="promotedLink"),!i){if(!r.parentElement||r.parentElement===n?.current)break;r=r.parentElement}return{id:i,type:o}}function ie(e,t,n,o){return s.generateAriaLabel(e,o||"",{isSelected:t?n.isSelected:void 0,isIndirect:n.isIndirect,isExpanded:n.isExpanded,isCollapsed:n.isCollapsed})}function re(e){const t={};return e?(e.fontFamily&&(t.fontFamily=e.fontFamily),e.fontSize&&(t.fontSize=e.fontSize),e.fontStyle&&(t.fontStyle=e.fontStyle),e.fontWeight&&(t.fontWeight=e.fontWeight),t):t}function se(e){return`${e.startNode}_${e.endNode}`}function de(e){return!("id"in e)}function ae(e,t,n){const o=ce(e,n),i=ce(t,n);for(let e=0;e<o.length;e++)if(i.indexOf(o[e])>-1)return o[e]}function le(e,t,n,o){const i=[],r=[];for(let n=0;n<t.length;n++){const s=t[n];ae(s.startNode,s.endNode,o)===e&&(o.get(s.startNode)||o.get(s.endNode)?i.push(s):r.push(s))}const s=[],d=[];for(let t=0;t<n.length;t++){const i=n[t];ae(i.startNode,i.endNode,o)===e&&(o.get(i.startNode)||o.get(i.endNode)?s.push(i):d.push(i))}return{frontLinks:i,frontPromotedLinks:s,backLinks:r,backPromotedLinks:d}}function ce(e,t){const n=[];let o=t.get(e);for(;void 0!==o;)n.push(o),o=t.get(o);return n}function ue(e,t){const n=t.nodes;for(let t=0;t<e.length;t++){const o=e[t];if(!n[o.startNode]||!n[o.endNode])return!1}return!0}function he(e,t){return d.containsKey(t,e)?d.removeKey(t,e,!1):d.addKey(t,e)}function pe(e,t){const n=(e,t)=>{if(t)for(let o=0;o<t.length;o++)if(t[o].id===e||n(e,t[o].nodes))return!0;return!1};for(let o=0;o<t.length;o++){const i=t[o];if(n(e,i.nodes))return i.id}return null}const ge=({text:e,position:n,styles:i,dimensions:r,isRTL:s})=>{const{labelStyle:d,labelBorderStyle:l}=o.labelStyles,c=te(r,n,s),u=function(e){const t=e.rotationAngle,n=e.rotationPoint,o={};t&&(o.transform=`rotate(${t}deg)`);n&&(o["transform-origin"]=`${n.x}px ${n.y}px`);return o}(n);return t.jsx("div",{class:a.classNames([d,i&&i.borderColor&&l]),style:{top:c.y,left:c.x,...i,...u},children:e})};const fe=({id:e,state:n,position:s,activeId:d,nodeRenderer:g,onNodeSizeChanged:f,data:m,accessibleLabel:y,isDimmed:x,supportsSelection:k,content:b,labelPosition:w,labelDimensions:M})=>{const{nodeStyles:v,dimmedItemStyle:P}=o.itemStyles,S=l.useTranslationBundle("@oracle/oraclejet-preact"),L=r.useRef(null),I=r.useRef({box:"border-box"});i.useResizeObserver(L,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),I.current);const N=s||{x:0,y:0},{direction:R}=c.useUser(),z=m.label&&w&&M,C={state:n,data:m,childContext:b,expander:t.jsx("div",{"data-oj-private-button":e,class:o.buttonStyle,children:t.jsx(u.EmbeddedIconButton,{"aria-hidden":!0,size:"xs",children:b?t.jsx(p.SvgMinus,{}):t.jsx(h.SvgPlus,{})})})};return t.jsxs("div",{ref:L,class:v,"data-oj-private-node":e,role:b?"group":"img","aria-label":ie(S,k,{isSelected:n.isSelected,isExpanded:void 0!==b,isCollapsed:void 0===b&&void 0!==m.nodes},y),style:{top:N.y,left:N.x},id:n.isFocused||n.isHovered?d:void 0,children:[t.jsx("div",{class:a.classNames([x?P:void 0]),children:g(C)}),z?t.jsx("div",{class:o.layerStyles,children:t.jsx(ge,{styles:m.labelStyle,text:m.label,position:w,dimensions:M.get(e),isRTL:"rtl"===R})}):void 0]},e)},me=({id:e,state:n,activeId:s,data:d,linkRenderer:c,accessibleLabel:u,isDimmed:h,supportsSelection:p,layoutOutput:g,onLinkSizeChanged:f})=>{const m=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:y,linkStyles:x}=o.itemStyles,k={state:n,data:d,layoutOutput:g,type:"link"},b=r.useRef(null),w=r.useRef({box:"border-box"});return i.useResizeObserver(b,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),w.current),t.jsx("g",{ref:b,id:n.isFocused?s:void 0,"aria-label":ie(m,p,{isSelected:n.isSelected},u),"data-oj-private-link":e,role:"img",class:a.classNames([x,h&&y]),children:c(k)},e)},ye=(e,t,n,o,i)=>{const r=e>o||e<n?t:e;r!==t&&i&&i({zoomValue:r})};function xe(e,t,n){const o=(e-40)/n.width,i=(t-40)/n.height;return Math.min(o,i)}function ke(e,t,n){let o=Math.max(t,e);return o=Math.min(n,o),o}function be(e,t,n,o,i,r){let s;if("node"===e.type)s=n.get(e.id);else{const o=t.get(e.id),i=n.get(o.startNode),r=n.get(o.endNode),d=Math.min(i.x,r.x),a=Math.min(i.y,r.y);s={x:d,y:a,width:Math.max(i.x+i.width,r.x+i.width)-d,height:Math.max(i.y+i.height,r.y+r.height)-a}}return function(e,t,n,o){const i=(n-40)/e.width,r=(o-40)/e.height,s=Math.min(i,r,t),d=e.width/2+e.x,a=e.height/2+e.y;return{centerX:d,centerY:a,zoom:s}}(s,r,o,i)}function we({labelPosition:e,itemProps:n,labelDimensions:i}){const{direction:r}=c.useUser();return t.jsx("div",{class:o.layerStyles,children:n.map((n=>{if(n.label&&e.get(n.id))return t.jsx(ge,{styles:n.labelStyle,text:n.label,position:e.get(n.id),dimensions:i.get(n.id),isRTL:"rtl"===r})}))})}function Me({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,linkLabelPositions:u,labelDimensions:h,minX:p,minY:g}){const f=xe(r,s,c);return t.jsxs("div",{class:o.linkLayerStyle,style:{top:-g,left:-p},children:[t.jsx("svg",{width:r/f,height:s/f,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedLinkIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom};return t.jsx(me,{id:e.id,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedLinkIds.includes(e.id),activeId:n.activeId,accessibleLabel:e.accessibleLabel,data:e,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))}),h?t.jsx("div",{children:e&&u?t.jsx(we,{labelPosition:u,itemProps:e,labelDimensions:h}):void 0}):void 0]})}const ve=({id:e,state:n,activeId:s,linkRenderer:d,isDimmed:c,supportsSelection:u,layoutOutput:h,onLinkSizeChanged:p})=>{const g=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:f,linkStyles:m}=o.itemStyles,y={state:n,data:e.links,layoutOutput:h,startNode:e.startNode,endNode:e.endNode,type:"promotedLink"},x=r.useRef(null),k=r.useRef({box:"border-box"}),b=se(e);i.useResizeObserver(x,r.useCallback((e=>{const t=e.borderBoxSize,n=t[0].inlineSize,o=t[0].blockSize;p(n,o,b)}),[b,p]),k.current);const w=e.links.length,M=w>1?g.diagram_promotedLinks({num_links:w.toString()}):g.diagram_promotedLink();return t.jsx("g",{ref:x,id:n.isFocused?s:void 0,"aria-label":ie(g,u,{isSelected:n.isSelected,isIndirect:!0},M),"data-oj-private-promoted-link":b,role:"img",class:a.classNames([m,c&&f]),children:d(y)},b)};function Pe({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,minX:u,minY:h}){const p=xe(r,s,c);return t.jsx("div",{class:o.linkLayerStyle,style:{top:-h,left:-u},children:t.jsx("svg",{width:r/p,height:s/p,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedPromotedLinkIds.includes(e),isFocused:n.focusedId===e,isHovered:n.hoveredId===e,zoom:n.zoom};return t.jsx(ve,{id:e,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedPromotedLinkIds.includes(e),activeId:n.activeId,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))})})}function Se({nodes:e,states:n,nodeRenderer:i,linkRenderer:r,nodeBounds:s,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:p,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:m,minX:y=0,minY:x=0,parentId:k,links:b,promotedLinks:w,layoutOutput:M,zoom:v,nodeIdToParentMap:P,linkDimensions:S,promotedLinkDimensions:L,rootRef:I,combinedNodeBounds:N,nodeBoundsRef:R,normalizeLinks:z=!1}){const{frontLinks:C,frontPromotedLinks:D,backLinks:X,backPromotedLinks:j}=le(k,b,w,P);return t.jsxs("div",{class:o.layerStyles,"data-oj-private-node-container":!0,children:[M&&r&&X.length>0&&ue(X,M)&&t.jsx(Me,{links:X,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&j.length>0&&ue(j,M)&&t.jsx(Pe,{links:j,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),e.map((e=>{const o=s&&s.get(e.id)?{x:s.get(e.id).x-y,y:s.get(e.id).y-x}:void 0,k={isSelected:n.selectedNodeIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom,isExpanded:n.expanded&&d.containsKey(n.expanded,e.id)},{backLinks:z,backPromotedLinks:C}=le(e.id,b,w,P);if(e.nodes&&d.containsKey(n.expanded,e.id)){if(s&&function(e,t,n,o,i,r){const s=e.nodes;for(let e=0;e<s?.length;e++){const n=s[e].id;if(!t.get(n))return!1}for(let e=0;e<n.length;e++){const t=n[e].id,o=i.get(t);if(!o||0===o.width&&0===o.height)return!1}for(let e=0;e<o.length;e++){const t=o[e],n=r.get(se(t));if(!n||0===n.width&&0===n.height)return!1}return!0}(e,s,z,C,S,L)){const d=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,content:d,labelDimensions:m,labelPosition:g?.get(e.id)})}{const o=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx("div",{children:o.content})}}return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,labelDimensions:m,labelPosition:g?.get(e.id)})})),M&&r&&C.length>0&&ue(C,M)&&t.jsx(Me,{links:C,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&D.length>0&&ue(D,M)&&t.jsx(Pe,{links:D,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0})]})}function Le(e,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S){const L=e.nodes,{backLinks:I,backPromotedLinks:N}=le(g,a,l,c),{minX:R,minY:z,contentWidth:C,contentHeight:D,bounds:X}=K(L,I,N,f,m,y,p,S),j=k.current;j?.set(e.id,X),k.current=j;return{content:t.jsx("div",{"data-oj-private-child":g,style:{position:"relative"},children:t.jsx(Se,{nodes:L,nodeBounds:f,states:n,minX:f?R:void 0,minY:f?z:void 0,nodeRenderer:o,onNodeSizeChanged:i,onLinkSizeChanged:r,onPromotedLinkSizeChanged:s,supportsSelection:d,nodeLabelPositions:b,linkLabelPositions:w,labelDimensions:M,links:a,promotedLinks:l,nodeIdToParentMap:c,linkRenderer:v,layoutOutput:P,width:u,height:h,zoom:p,parentId:g,linkDimensions:m,promotedLinkDimensions:y,rootRef:S,combinedNodeBounds:x,nodeBoundsRef:k})}),width:C||0,height:D?D-z:0,bounds:X}}function Ie({nodes:e,links:n,promotedLinks:o,nodeRenderer:i,linkRenderer:r,states:s,nodeBounds:d,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,labelDimensions:p,nodeLabelPositions:g,linkLabelPositions:f,supportsSelection:m,layoutOutput:y,zoom:x,nodeIdToParentMap:k,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S}){const{backLinks:L,backPromotedLinks:I}=le(void 0,n,o,k),{minX:N,minY:R}=K(e,L,I,d,b,w,x,M);return t.jsx(t.Fragment,{children:t.jsx(Se,{nodes:e,nodeBounds:d,states:s,nodeRenderer:i,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:m,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:p,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,links:n,promotedLinks:o,nodeIdToParentMap:k,linkRenderer:r,layoutOutput:y,width:a,height:l,zoom:x,minX:d&&N!==1/0?N:void 0,minY:d&&R!==1/0?R:void 0,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S})})}const Ne=(e,t,n,o,i,r,s,d)=>{if(!s)return{newPan:{panX:0,panY:0}};const a=((e,t,n,o)=>{const i="y"!==o?t.panX:e.panX,r="x"!==o?t.panY:e.panY;return{panX:i>n.maxX?n.maxX:i<n.minX?n.minX:i,panY:r>n.maxY?n.maxY:r<n.minY?n.minY:r}})(e,t,s,n),l=a.panX!==e.panX||a.panY!==e.panY,c=function(e,t,n,o,i){return{centerX:(o/2-e)/n,centerY:(i/2-t)/n}}(a.panX,a.panY,o,i,r);return l&&d&&d({centerX:c.centerX,centerY:c.centerY}),{newPan:a}};function Re(e,t,n,o,i){return{panX:o/2-e*n,panY:i/2-t*n}}function ze({centerX:e,centerY:n,children:i,zoom:r,width:s,height:d}){const a=Re(e,n,r,s,d);return t.jsx("div",{class:o.panZoomStyles,style:{translate:`${a.panX}px ${a.panY}px`,transform:`scale(${r})`},children:i})}function Ce(e,t){const n=[];return t.forEach((t=>{const o=t.startNode,i=t.endNode;o!=e&&i!=e||n.push(t)})),n}function De(e,t,n,o){let i,r=n[0],s=n[0];for(let e=0;e<n.length;e++)i=n[e],i.id===t.startNode?r=i:i.id===t.endNode&&(s=i);const d=e.id==r.id?s:r,a=Ye(e,o),l=Ye(d,o);let c=Math.atan2(l.y-a.y,l.x-a.x);return c=c<0?c+2*Math.PI:c,c}function Xe(e,t,n){let o,i=t[0],r=t[0];for(let n=0;n<t.length;n++)o=t[n],o.id===e.startNode?i=o:o.id===e.endNode&&(r=o);const s=Ye(i,n),d=Ye(r,n);return Math.sqrt(Math.pow(d.x-s.x,2)+Math.pow(d.y-s.y,2))}function je(e,t){return t.endNode===e.id?1:0}function Ye(e,t){const n=t.get(e.id);return{x:n.x+n.width/2,y:n.y+n.height/2}}function Te(e,t,n){const o=15/180*Math.PI,i=40/180*Math.PI,r=e.x+e.width/2,s=e.y+e.height/2,d=t.x+t.width/2,a=t.y+t.height/2,l=Math.abs(r-d),c=Math.abs(s-a),u=Math.atan2(c,l);let h=Math.sqrt(l*l+c*c);return(u>o&&("right"==n||"left"==n)||u<Math.PI/2-o&&("up"==n||"down"==n))&&(u>i&&("right"==n||"left"==n)||u<Math.PI/2-i&&("up"==n||"down"==n)?h*=6:h*=2),h}function Be(e,t,n,o){if(o){const o=e.x+.5*e.width,i=t.x+.5*t.width,r=e.y+.5*e.height,s=t.y+.5*t.height;switch(n){case"up":return r<s;case"down":return e.y>s;case"right":return o>i;case"left":return o<i}return!0}switch(n){case"up":return e.y<t.y||Ae(e.y,t.y);case"down":return e.y>t.y||Ae(e.y,t.y);case"right":return e.x>t.x||Ae(e.x,t.x);case"left":return e.x<t.x||Ae(e.x,t.x)}return!0}function Ee(e,t,n){switch(n){case"up":return Oe(e,t)&&(t.y<=e.y+e.height||Ae(t.y,e.y+e.height));case"down":return Oe(e,t)&&(e.y<=t.y+t.height||Ae(e.y,t.y+t.height));case"right":return Ze(e,t)&&(e.x<=t.x+t.width||Ae(e.x,t.x+t.width));case"left":return Ze(e,t)&&(t.x<=e.x+e.width||Ae(t.x,e.x+e.width))}return!1}function Oe(e,t){return e.x>=t.x&&e.x<=t.x+t.width||t.x>=e.x&&t.x<=e.x+e.width}function Ze(e,t){return e.y>=t.y&&e.y<=t.y+t.height||t.y>=e.y&&t.y<=e.y+e.height}function Ae(e,t){return Math.abs(e-t)<=1e-7}function Ve(e,t){let n=Math.abs(e-t)<=1e-7;return n||(n=Math.abs(2*Math.PI+Math.min(e,t)-Math.max(e,t))<=1e-7),n}function Fe(e,t,n,o){const i=r.useRef(),s=e;return{getNextNavigableNode:function(e,t,n,o){if(!o)return n;if(!n)return o[0];const i=s.get(n.id);if(!i)return o[0];let r,d,a,l=n,c=Number.MAX_VALUE,u=!1,h=!1;for(let p=0;p<o.length;p++){if(r=o[p],r===n){h=!0;continue}const g=s.get(r.id);if(!g)continue;const f={x:g.x,y:g.y,width:g.width,height:g.height},m={x:i.x,y:i.y,width:i.width,height:i.height};Be(f,m,e,t)&&(d=Ee(f,m,e),u&&!d||(a=Te(f,m,e),(0!=a||h)&&(!u&&d||a<c&&(u&&d||!u))&&(c=a,l=r,u=d)))}return l},getNextNavigableLink:function(e,r,d,a,l){if(!a&&!l)return d;const c=a&&l?[...a,...l]:a||l;if(!d)return c[0];const u=i.current,h=u||d.startNode,p=o.get(h);if(!p)return d;const g=function(e,t,n,o){let i,r,s;const d=[];for(let a=0;a<t.length;a++){const l=t[a];i=De(e,l,n,o),r=Xe(l,n,o),s=je(e,l),"id"in l?d.push({id:l.id,angle:i,distance:r,direction:s,type:"link"}):d.push({id:se(l),angle:i,distance:r,direction:s,type:"promotedLink"})}return d}(p,Ce(p.id,c),r,s);g.sort(((e,t)=>{const{angle:n,distance:o,direction:i}=e,{angle:r,distance:s,direction:d}=t;let a=-1;return!Ve(n,r)&&n>r?a=1:Ve(n,r)&&(o>s||s==o&&i>d?a=1:s==o&&i==d&&(a=0)),a}));const f="down"==e;let m=0;for(let e=0;e<g.length;e++){const t="id"in d?d.id:se(d);if(g[e].id===t){m=f?e==g.length-1?0:e+1:0==e?g.length-1:e-1;break}}return"link"===g[m].type?t.get(g[m].id):n.get(g[m].id)},navigateFromNodeToLink:function(e,t,n,o){if(!o)return;const r=Ce(o.id,[...e,...t]);if(r.length<1)return;let d=r[0];const a=s.get(o.id);let l,c,u,h;const p=a.x+a.width/2;i.current=o.id;for(let e=0;e<r.length;e++)if(l=r[e],c=l.startNode===o.id?l.endNode:l.startNode,u=s.get(c),h=u.x+u.width/2,n.altKey&&"Comma"===n.code&&h<=p||n.altKey&&"Period"===n.code&&h>=p){d=l;break}return de(d)?{id:d,type:"promotedLink"}:{id:d.id,type:"link"}},navigateFromLinkToNode:function(e,t,n){const o=n.key,i=s.get(e),r=s.get(t);if(!i||!r)return;const d=i.x+i.width/2,a=r.x+r.width/2;return{id:a>d&&"ArrowRight"===o||a<d&&"ArrowLeft"===o?t:e,type:"node"}}}}function $e(e,t,n,o,i,s,d,a,l,c,u,h,p,y,x,k,b,w,M){const{getNextNavigableNode:v,getNextNavigableLink:P,navigateFromNodeToLink:S,navigateFromLinkToNode:L}=Fe(s,d,y,a),[I,N]=r.useState({id:t.id,type:"node"}),[R,z]=r.useState(),C=r.useRef(),D=f.useVisHover((e=>{const t=oe(e.target,y);if(t&&!ne(t,R)){let e;z({...t,isCurrent:!0}),C.current=g.getRandomId(),N({...I,isCurrent:!1}),"node"===t.type?e={id:t.id,type:"node",data:a.get(t.id)}:"link"===t.type?e={id:t.id,type:"link",data:d.get(t.id)}:"promotedLink"===t.type&&(e={type:"promotedLink",id:t.id}),x?.(e)}}),void 0,(()=>{z(void 0),C.current=void 0,x?.(void 0)}),e);function X(e){"node"===e.type?k?.({id:e.id,type:"node",data:a.get(e.id)}):"link"===e.type?k?.({id:e.id,type:"link",data:d.get(e.id)}):"promotedLink"===e.type&&k?.({id:e.id,type:"promotedLink"}),C.current=g.getRandomId(),N(e)}function j(e){e&&(ne(e,I)||(e.isCurrent=!0,e.isFocusVisible=!0,R&&z({...R,isCurrent:!1}),X(e)))}return{focusedItemInfo:I,hoveredItemInfo:R,activeId:C.current,onContextMenuDismissed:e=>{"keyboard"===e&&X({...I,isFocusVisible:!0,isCurrent:!0})},eventsProps:m.mergeProps(D,{onKeyUp:e=>{if("Tab"===e.code)X({...I,isCurrent:!0,isFocusVisible:!0})},onKeyDown:e=>{const t=e.key;let r=!1;if("TAB"!==t){if(function(e){const t=e.code;if("node"===I.type&&e.altKey&&("Period"===t||"Comma"===t))return!0;if("node"!==I.type&&("ArrowLeft"===t||"ArrowRight"===t))return!0;return!1}(e)){let t;if("node"===I.type)t=S(o,i,e,a.get(I.id));else if("link"===I.type){const n=d.get(I.id);t=L(n.startNode,n.endNode,e)}else{const n=I.id;t=L(n.startNode,n.endNode,e)}j(t),r=!0}else if(function(e){switch(e){case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":return!0}return!1}(t)){const e=function(e){let t="down";switch(e){case"ArrowDown":t="down";break;case"ArrowUp":t="up";break;case"ArrowRight":t="right";break;case"ArrowLeft":t="left"}if("node"===I.type){const e=p.get(I.id),o=e&&a.get(e)?a.get(e).nodes:n,i=v(t,!0,a.get(I.id),o);return i?{id:i.id,type:"node"}:I}{const e=function(e,t,n){let o;for(let n=0;n<t.length;n++)if(o=t[n],e.id===o.id)return o;for(let t=0;t<n.length;t++)if(o=n[t],i=e.id,r=o,i.startNode===r.startNode&&i.endNode===r.endNode)return o;var i,r}(I,o,i),r=P(t,n,e,o,i);return r&&de(r)?{id:r,type:"promotedLink"}:r&&!de(r)?{id:r.id,type:"link"}:{id:I.id,type:I.type}}}(t);j(e),r=!0}else switch(t){case"PageUp":b&&b({dPan:{dx:e.shiftKey?-15:0,dy:e.shiftKey?0:-15}}),r=!0;break;case"PageDown":b&&b({dPan:{dx:e.shiftKey?15:0,dy:e.shiftKey?0:15}}),r=!0;break;case"+":case"=":w&&w({dZoom:.15}),r=!0;break;case"-":case"_":w&&w({dZoom:-.15}),r=!0;break;case"0":if(e.ctrlKey&&e.altKey){const{centerX:e,centerY:t,zoom:n}=be(I,d,s,l,c,u);w&&w({nZoom:n}),b&&b({nPan:{cx:e,cy:t}})}else w&&w({}),b&&b({center:!0});r=!0;break;case" ":if(e.ctrlKey&&e.shiftKey&&"node"===I.type){const e=he(I.id,h);M&&M({expanded:e})}break;case"[":if("node"===I.type){const e=function(e,t){const n=t.get(e)?.nodes;if(n&&n.length>0)return n[0]}(I.id,a);if(e){j({id:e.id,type:"node"})}}r=!0;break;case"]":if("node"===I.type){const e=p.get(I.id);if(e){j({id:e,type:"node"})}}r=!0}r&&(e=>{e.preventDefault(),e.stopPropagation()})(e)}},onBlur:()=>{(null!=R||I.isCurrent)&&k?.(void 0);const e={...I,isCurrent:!1,isFocusVisible:!1};N(e)},onPointerUp:e=>{const t=oe(e.target,y);if(null!=t.id){let n;if("node"===t.type&&(n=function(e,t){let n,o=e;for(;!n;)if(n=o.dataset.ojPrivateButton,!n){if(!o.parentElement||o.parentElement.dataset.ojPrivateNode||o.parentElement===t?.current)break;o=o.parentElement}return n}(e.target),n)){const t=he(n,h);return M&&M({expanded:t}),e.preventDefault(),void e.stopPropagation()}N(t),C.current=g.getRandomId()}},onFocus:()=>{C.current=g.getRandomId()}})}}const _e=({captureTargetRef:e,numPointers:t=1,onPointerGestureDown:n,onPointerGestureMove:o,onPointerGestureEnd:i,onExtraneousPointerDown:s,isDisabled:d=!1})=>{const a=r.useRef([]);d&&(a.current=[]);const l=e=>{const n=a.current.findIndex((t=>t.pointerId===e.pointerId));-1!==n&&(a.current[n]=e,a.current.length===t&&i&&i({pointers:a.current}),a.current.splice(n,1))};return d?{}:{onPointerDown:e=>{a.current.push(e),a.current.length===t?n&&n({pointers:a.current}):a.current.length>t&&s&&s({pointers:a.current})},onPointerMove:n=>{if(0===a.current.length)return;const i=a.current.findIndex((e=>e.pointerId===n.pointerId));-1!==i&&(a.current[i]=n,a.current.length===t&&(a.current.forEach((t=>e.current.setPointerCapture(t.pointerId))),o&&o({pointers:a.current})))},onPointerUp:l,onPointerCancel:l,onPointerLeave:l}},Ke=({panProps:e,captureTargetRef:t,panBounds:n,width:o,height:i,zoom:s,onDragPanStart:d,onDragPanEnd:a})=>{const l=r.useRef({panX:0,panY:0}),c=r.useRef({panX:0,panY:0}),u=(({captureTargetRef:e,draggableRegion:t,onDragStart:n,onDragMove:o,onDragEnd:i,isDisabled:s=!1})=>{const d={isDragging:!1,x0:-1,y0:-1,regionOffsetX:-1,regionOffsetY:-1},a=r.useRef(d),l=(e,t)=>{const{isDragging:n,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s}=a.current;if(!n)return;const d=e.pageX,l=e.pageY;t&&t({x:d,y:l,dx:d-o,dy:l-i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},c=_e({captureTargetRef:e,numPointers:1,onExtraneousPointerDown:()=>{a.current=d},onPointerGestureDown:({pointers:[e]})=>{const o=e.pageX,i=e.pageY;if(0!==e.button||!((e,t,n)=>{if(!n)return!0;const{xMin:o,xMax:i,yMin:r,yMax:s}=n;return e>=o&&e<=i&&t>=r&&t<=s})(o,i,t))return;const{regionOffsetX:r,regionOffsetY:s}=((e,t,n)=>n?{regionOffsetX:e-n.xMin,regionOffsetY:t-n.yMin}:{regionOffsetX:e,regionOffsetY:t})(o,i,t);a.current={isDragging:!0,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s},n&&n({x:o,y:i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},onPointerGestureMove:({pointers:[e]})=>{l(e,o)},onPointerGestureEnd:({pointers:[e]})=>{l(e,i),a.current=d}});return s?{}:c})({captureTargetRef:t,onDragStart:()=>{const t=Re(e.centerX,e.centerY,s,o,i);c.current={panX:t.panX,panY:t.panY},d&&d()},onDragMove:({dx:t,dy:r})=>{const d={panX:c.current.panX+t,panY:c.current.panY+r},{newPan:a}=Ne(l.current,d,e.panDirection,s,o,i,n,e.onPan);l.current=a},onDragEnd:({originalEvent:e})=>{c.current.panX===l.current.panX&&c.current.panY===l.current.panY||e.preventDefault(),a&&a()},isDisabled:"off"===e.panning});return u},Ue=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-t.y)**2),qe=({captureTargetRef:e,zooming:t,minZoom:n,maxZoom:o,zoomValue:i,onZoom:s})=>{const d=(({captureTargetRef:e,onPinchZoomStart:t,onPinchZoomChange:n,onPinchZoomEnd:o,isDisabled:i=!1})=>{const s=r.useRef({x:-1,y:-1}),d=r.useRef(-1),a=()=>{s.current={x:-1,y:-1},d.current=-1};i&&a();const l=_e({captureTargetRef:e,numPointers:2,onPointerGestureDown:({pointers:[e,n]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:n.offsetX,y:n.offsetY};s.current=((e,t)=>({x:(e.x+t.x)/2,y:(e.y+t.y)/2}))(o,i),d.current=Ue(o,i),t&&t({origin:s.current,delta:0})},onPointerGestureMove:({pointers:[e,t]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:t.offsetX,y:t.offsetY},r=Ue(o,i),a=r-d.current;d.current=r,n&&n({origin:s.current,delta:a})},onPointerGestureEnd:()=>{a(),o&&o()}});return i?{}:l})({captureTargetRef:e,onPinchZoomChange:({delta:e})=>{ye(i*(1+.05*e),i,n,o,s)},isDisabled:"off"===t});return d},Ge=({props:e,captureTargetRef:t,width:n,height:o,contentBounds:i,isRtl:s})=>{const[d,a]=r.useState(),l=function(e,t,n,o){const i=xe(t,n,o),r=e.maxZoom||1,s=e.minZoom||Math.min(r,i),d=e.zoomValue?e.zoomValue:i;return{zooming:e.zooming?e.zooming:"off",minZoom:s,maxZoom:r,zoomValue:ke(d,s,r),onZoom:e.onZoom}}(e,n,o,i),c=r.useRef(),u=r.useRef(),h=r.useRef(),p=r.useRef({zoom:e.zoomValue||0,centerX:e.centerX,centerY:e.centerY}),g=k.isTouch(),f={width:n,height:o,x:0,y:0},y=g?e.panning&&"off"!==e.panning:void 0,x={isZoomScroll:!0,plotAreaSpace:f,componentWidth:n,isRtl:s,showPanButton:y??!1,showZoomButton:!1,showSelectButton:!1,isDisabled:!g},{toggleButtonContent:w,userDragMode:M}=b.useVisDragModeControls(x),v=function(e,t,n,o){return{panning:o?"pan"===n&&e.panning?e.panning:"off":e.panning?e.panning:"off",panDirection:e.panDirection?e.panDirection:"any",centerX:void 0!==e.centerX?e.centerX:t.width/2,centerY:void 0!==e.centerY?e.centerY:t.height/2,onPan:e.onPan}}(e,i,M,g);i.width===1/0||l.zoomValue===u.current&&v.panning===h.current||(c.current=((e,t,n,o,i,r,s)=>{const{x:d,y:a,width:l,height:c}=n;let u,h,p,g;if("centerContent"===s)u=e/2-(l+d)*o,p=t/2-(c+a)*o,h=e/2-d*o,g=t/2-a*o;else{const n=o/i,r=(e-l*i)/2-d*i,s=(t-c*i)/2-a*i;u=e-e*n+r*n,p=t-t*n+s*n,h=r*n,g=s*n}const f=r.zoom,m=r.centerX,y=r.centerY;let x,k;if(m){const t=m*f-e/2;-t*f<u?(x=u-t*f,u-=x,h+=x):-t*f>h&&(x=-t*f-h,u-=x,h+=x)}if(y){const e=y*f-t/2;-e*f<p?(k=p-e*f,p-=k,g+=k):-e*f>g&&(k=-e*f-g,p-=k,g+=k)}return{minX:u,maxX:h,minY:p,maxY:g}})(n,o,i,l.zoomValue,l.minZoom,p.current,v.panning),u.current=l.zoomValue,h.current=v.panning);const P=Ke({panProps:v,captureTargetRef:t,panBounds:c.current,zoom:l.zoomValue,width:n,height:o,onDragPanStart:()=>a("grabbing"),onDragPanEnd:()=>a("auto")}),S=r.useRef({panX:0,panY:0}),L=(({zooming:e,minZoom:t,maxZoom:n,zoomValue:o,onZoom:i})=>(({onWheel:e,preventDefault:t=!0,isDisabled:n=!1})=>n?{}:{onWheel:n=>{const{deltaX:o,deltaY:i}=(e=>{const{deltaX:t,deltaY:n,deltaMode:o}=e;switch(o){case e.DOM_DELTA_PIXEL:return{deltaX:-t,deltaY:-n};case e.DOM_DELTA_LINE:return{deltaX:15*-t,deltaY:15*-n};case e.DOM_DELTA_PAGE:return{deltaX:40*-t,deltaY:40*-n};default:return{deltaX:-t,deltaY:-n}}})(n);t&&n.preventDefault(),e({x:n.offsetX,y:n.offsetY,deltaX:o,deltaY:i,ctrlKey:n.ctrlKey||n.metaKey})}})({onWheel:({deltaY:e})=>{ye(o*(1+.05*e),o,t,n,i)},isDisabled:"off"===e}))(l),I=qe({captureTargetRef:t,zooming:l.zooming,minZoom:l.minZoom,maxZoom:l.maxZoom,zoomValue:l.zoomValue,onZoom:l.onZoom});return{panZoomProps:m.mergeProps(P,L,I),panProps:v,zoomProps:l,toggleButtonContent:w,cursor:d,centerX:v.centerX,centerY:v.centerY,zoomValue:l.zoomValue,kbPanCallback:"off"!==v.panning?e=>{let t,r;e.center?(t=i.x+i.width/2,r=i.y+i.height/2):e.dPan?(t=v.centerX+e.dPan.dx,r=v.centerY+e.dPan.dy):(t=e.nPan.cx,r=e.nPan.cy);const s=Re(t,r,l.zoomValue,n,o),{newPan:d}=Ne(S.current,s,v.panDirection,l.zoomValue,n,o,c.current,v.onPan);S.current=d}:void 0,kbZoomCallback:"off"!==l.zooming?e=>{const t=e.dZoom?l.zoomValue+e.dZoom:xe(n,o,i);ye(e.nZoom?e.nZoom:t,l.zoomValue,l.minZoom,l.maxZoom,l.onZoom)}:void 0}};const He={all:!1,keys:new Set};function We({nodes:e=[],links:n=[],width:i,height:s,selectedIds:a={},selectionMode:l="none",layout:u,nodeRenderer:h,linkRenderer:p,onSelectionChange:f,onItemHover:k,onItemFocus:b,highlightedIds:S={},datatip:L,expanded:I=He,onExpandedChange:N,contextMenuConfig:R,normalizeLinks:z,...C}){const D=r.useRef(null),X=r.useRef(null),[j,Y]=r.useState(new Map),[T,B]=r.useState(new Map),E=r.useRef(new Map),O=r.useRef(new Map),[Z,A]=r.useState(),{direction:V}=c.useUser(),$="rtl"===V,_=e,K=function(e,t){const n=new Map,o=new Map,i=new Map,r=new Map,s=[],a=[];for(let l=0;l<e.length;l++){const c=e[l],u=String(l);n.set(c.id,c),o.set(c.id,u),i.set(u,c.id),a.push(c.id),c.nodes&&(s.push(c),d.containsKey(t,c.id)&&W(c.nodes,n,o,i,r,s,t,a,c.id,String(l)))}return{itemIdToDataMap:n,itemIdToIndexMap:o,itemIndexToIdMap:i,itemIdToParentMap:r,allContainerNodes:s,allVisibleNodes:a}}(_,I),q=K.itemIdToParentMap,H=K.itemIdToDataMap,Q=function(e,t){const n=[];for(let o=0;o<e.length;o++){const i=e[o];t.get(i.startNode)&&t.get(i.endNode)&&n.push(i)}return n}(n,H),ee=function(e){const t=new Map,n=new Map,o=new Map,i=new Map;for(let i=0;i<e.length;i++){const r=e[i];t.set(r.id,r),n.set(r.id,i),o.set(i,r.id)}return{itemIdToDataMap:t,itemIdToIndexMap:n,itemIndexToIdMap:o,itemIdToParentMap:i}}(Q),te=ee.itemIdToDataMap,ne=r.useRef(!1),ie=function(e){const t=new Map;return e.forEach(((e,n)=>{t.set(n,{width:e.width,height:e.height})})),t}(j),{textMeasureContent:re,getTextDimensions:de}=x.useTextDimensions(),ae=r.useRef(new Map),le=r.useRef(!1),ce=r.useRef(!1),ue=r.useRef(new Map),he=r.useRef(new Map),[ge,fe]=r.useState(),me=r.useRef(new Map),ye=function(e,t,n,o){const i=[];n.forEach((e=>{d.containsKey(t,e.id)||i.push(e)}));const r=[],s=new Map,a=new Map;for(let t=0;t<e.length;t++){const n=e[t],d=n.id,l=o.includes(n.startNode)?n.startNode:pe(n.startNode,i),c=o.includes(n.endNode)?n.endNode:pe(n.endNode,i);if(l&&c&&(l!==n.startNode||c!==n.endNode)&&l!==c){const e=`${l}_${c}`;let t=a.get(e);if(t)t.push(n);else{const o={id:e,startNode:l,endNode:c};r.push(o),t=[n]}a.set(e,t),s.set(d,e)}}const l=[];for(let e=0;e<r.length;e++){const t=r[e];l.push({startNode:t.startNode,endNode:t.endNode,links:a.get(t.id)})}return l}(n,I,K.allContainerNodes,K.allVisibleNodes),xe=function(e){const t=new Map;for(let n=0;n<e.length;n++){const o=e[n];t.set(`${o.startNode}_${o.endNode}`,o)}return t}(ye),ke=function(e,t){if(0===e.size)return{x:0,width:1/0,y:0,height:1/0};let n,o=1/0,i=1/0,r=-1/0,s=-1/0;return e.forEach((e=>{n=e,o=n.x<o?n.x:o,i=n.y<i?n.y:i,r=n.x+n.width>r?n.x+n.width:r,s=n.y+n.height>s?n.y+n.height:s})),t&&(o=t.x<o?t.x:o,i=t.y<i?t.y:i,r=t.x+t.width>r?t.x+t.width:r,s=t.y+t.height>s?t.y+t.height:s),{x:o,width:r-o,y:i,height:s-i}}(j,Z),{panZoomProps:be,panProps:we,zoomProps:Me,toggleButtonContent:ve,cursor:Pe,centerX:Se,centerY:Le,zoomValue:Ne,kbPanCallback:Ce,kbZoomCallback:De}=Ge({props:C,captureTargetRef:X,width:i,height:s,contentBounds:ke,isRtl:$}),{touchResponse:Xe,touchResponseStyle:je}=M.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"on"===Me.zooming||"off"!==we.panning,rootRef:X}),{onContextMenuDismissed:Ye,focusedItemInfo:Te,hoveredItemInfo:Be,activeId:Ee,eventsProps:Oe}=$e(Xe,_[0],_,Q,ye,T,te,H,i,s,C.maxZoom||1,I,q,xe,k,b,Ce,De,N),{selectionProps:Ze,selectionContent:Ae}=function({selectedIds:e,selectionMode:t,nodeMap:n,linkMap:o,focusedItemInfo:i,onSelectionChange:r,rootRef:s,promotedLinkMap:d}){const a=n.itemIdToDataMap,l=new Map,c=new Map,u=o.itemIdToDataMap,h=e=>{const t=`N_${e}`;return l.set(t,e),t},p=e=>l.get(e),g=e=>{const t=`L_${e}`;return c.set(t,e),t},f=e=>c.get(e),m=e=>`P_${JSON.stringify(e)}`,y=e=>JSON.parse(e.slice(2)),x=[...e.nodes?e.nodes.map(h):[],...e.links?e.links.map(g):[],...e.promotedLinks?e.promotedLinks.map(m):[]],{selectionContent:k,selectionProps:b}=w.useSelection({selection:x,idExtracter:e=>{const t="keyup"===e.type?i:oe(e.target,d,s);return void 0!==t.id?"node"===t.type?h(t.id):"link"===t.type?g(t.id):m(t.id):void 0},selectionMode:t,getDataById:e=>{let t;if("N"===e[0]){const o=p(e);t=n.itemIdToDataMap.get(o)}else if("L"===e[0]){const n=f(e);t=o.itemIdToDataMap.get(n)}else"P"===e[0]&&(t=y(e));return t},onChange:e=>{const t=e.ids.filter((e=>"N"===e[0])).map((e=>p(e))),n=e.ids.filter((e=>"L"===e[0])).map((e=>f(e))),o=e.ids.filter((e=>"P"===e[0])).map((e=>y(e))),i=t.filter((e=>"off"!==a.get(e)?.selectable)),s=n.filter((e=>"off"!==u.get(e)?.selectable)),d=i.map((e=>a.get(e))),l=s.map((e=>u.get(e)));return r&&r({nodes:{ids:i,data:d},links:{ids:s,data:l},promotedLinks:{ids:o}})},isKeyboardSelection:e=>"["===e.key||"]"===e.key});return{selectionContent:k,selectionProps:b}}({selectedIds:a,selectionMode:l,nodeMap:K,linkMap:ee,focusedItemInfo:Te,onSelectionChange:f,rootRef:X,promotedLinkMap:xe});Te&&T.size>0&&(D.current=function(e,t,n,o,i){if("node"===e.type){const n=U(e.id,void 0,i),o=t.get(e.id)||t.values().next().value;return{x:n?n.x:o.x,y:n?n.y:o.y,width:o.width,height:o.height}}{const i="promotedLink"===e.type?e.id:n[o.get(e.id)||0],r=t.get(i.startNode)||t.values().next().value,s=t.get(i.endNode)||t.values().next().value,d={x:r.x+r.width/2,y:r.y+r.height/2},a={x:s.x+s.width/2,y:s.y+s.height/2};return{x:Math.min(d.x,a.x),y:Math.min(d.y,a.y),width:Math.abs(d.x-a.x),height:Math.abs(d.y-a.y)}}}(Te,T,Q,ee.itemIdToIndexMap,X));const{datatipContent:Ve,datatipProps:{"aria-describedby":Fe,..._e}}=(({touchResponse:e,datatip:t,focusedItemBoundsRef:n,focusedItemInfo:o,panState:i,zoom:r,width:s,nodesMap:d,linksMap:a,hoveredItem:l})=>{const{direction:u}=c.useUser(),h="rtl"===u,p=function(e,t,n,o,i){let r;const s=o?.isCurrent;if(s&&null!=o.id&&(r=o),n&&n.isCurrent&&(r=n),r&&i){let n;switch(r.type){case"node":n={data:e.get(r.id),type:"node"};break;case"link":n={data:t.get(r.id),type:"link"};break;default:n={id:r.id,type:"promotedLink"}}return i(n)}if(r){const n=("node"===r.type?e.get(r.id):t.get(r.id))?.accessibleLabel;return{content:n}}}(d,a,o,l,t),f=n.current?{x:n.current.x+i.panX,y:n.current.y+i.panY,width:n.current.width*r,height:n.current.height*r}:void 0,m=o.isCurrent?g.calculateOffset(h,s,f):g.calculateOffset(h,s),{datatipContent:x,datatipProps:k}=y.useDatatip({content:p?.content,borderColor:p?.borderColor,placement:"top-start",offset:m,anchor:o?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:x,datatipProps:k}})({touchResponse:Xe,datatip:L,focusedItemInfo:Te,focusedItemBoundsRef:D,panState:Re(Se,Le,Ne,i,s),zoom:Ne,width:i,nodesMap:H,linksMap:te,hoveredItem:Be}),[Ke,Ue]=r.useState("hidden"),qe={width:i,height:s,cursor:Pe,visibility:Ke,...je},We=r.useRef(!1);r.useLayoutEffect((()=>{X.current&&(We.current=!0)}),[I]),r.useLayoutEffect((()=>{"visible"===Ke&&1==We.current&&(X.current?.focus(),We.current=!1)}),[Ke]);const Je=r.useRef();Je.current={selectedNodeIds:a.nodes??[],selectedLinkIds:a.links??[],selectedPromotedLinkIds:a.promotedLinks??[],focusedId:Te.isCurrent&&Te.isFocusVisible?Te.id:void 0,hoveredId:Be?.isCurrent?Be.id:void 0,activeId:Ee,highlightedNodeIds:S.nodes??[],highlightedLinkIds:S.links??[],highlightedPromotedLinkIds:S.promotedLinks??[],zoom:Ne,expanded:I||{all:!1,keys:new Set}};const{contextMenuContent:Qe,contextMenuProps:et}=(({focusedItemInfo:e,rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o,nodesMap:i,linksMap:r,promotedLinkMap:s})=>{const{contextMenuProps:d,contextMenuContent:a}=P.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{let d,a="background";const l=o;"keyboard"===n?(d=e.id,a=e.type):l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode?(d=l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode,a="node"):l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink?(d=l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink,a="link"):l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink&&(d=l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink,d=s.get(d),a="promotedLink");const{context:c}=function(e,t,n,o){let i;return i="node"===n?{data:e.get(o),type:n}:"link"===n?{data:t.get(o),type:n}:"promotedLink"===n?{id:o,type:n}:{type:"background"},{context:i}}(i,r,a,d);if("keyboard"===n){let n;return n="node"===e.type?t.current?.querySelector(`[data-oj-private-node="${d}"]`):"link"===e.type?t.current?.querySelector(`[data-oj-private-link="${d}"]`):t.current?.querySelector(`[data-oj-private-promoted-link="${se(d)}"]`),{type:"element",context:c,elem:n||null}}return{type:"pointer",context:c}},contextMenuOptions:{isDisabled:!n},rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o});return{contextMenuContent:a,contextMenuProps:d}})({focusedItemInfo:Te,rootRef:X,contextMenuConfig:e.length>0?R:void 0,onContextMenuDismissed:Ye,nodesMap:H,linksMap:te,promotedLinkMap:xe}),tt=m.mergeProps(be,Oe,Ze,_e,et);return t.jsxs("div",{ref:X,class:o.outerStyles,...tt,style:qe,tabIndex:0,role:"application","aria-label":C["aria-label"],"aria-labelledby":C["aria-labelledby"],"aria-describedby":v.l([C["aria-describedby"],Fe]),"aria-activedescendant":Ee,children:[de?t.jsx(ze,{centerX:Se,centerY:Le,zoom:Ne,width:i,height:s,children:t.jsx(Ie,{nodes:_,links:Q,zoom:Ne,nodeRenderer:h,linkRenderer:p,width:i,height:s,nodeBounds:j,linkDimensions:E.current,promotedLinkDimensions:O.current,states:Je.current,onNodeSizeChanged:(e,t,o)=>{ie.set(o,{width:e,height:t}),ne.current||(ne.current=!0,window.requestAnimationFrame((()=>{const{labelDims:e,layoutJSON:t}=F(H,te,ye,ie,i,s,Ne,q,X,de);ae.current=e;const o=u(t),{nodePoints:r,nodeLabelPos:d,linkLabelPos:a}=G(o,_,Q);ue.current=d,he.current=a;const{nodeBounds:l,nodeAbsBounds:c}=function(e,t,n){const o=new Map,i=new Map;return e.forEach(((e,r)=>{const s=t.get(r),d=U(r,void 0,n);s&&o.set(r,{x:s.x,y:s.y,width:e.width,height:e.height}),d&&i.set(r,{x:d.x,y:d.y,width:e.width,height:e.height})})),{nodeBounds:o,nodeAbsBounds:i}}(ie,r,X),h=function(e,t=new Map,n=new Map,o,i){if(0===t.size)return;let r,s,d=1/0,a=1/0,l=-1/0,c=-1/0;return t.forEach(((t,n)=>{r=J(t,e.get(n),o),s=U(n,null,i),s&&(d=r.x+s.x<d?r.x+s.x:d,a=r.y+s.y<a?r.y+s.y:a,l=r.x+r.width+s.x>l?r.x+r.width+s.x:l,c=r.y+r.height+s.y>c?r.y+r.height+s.y:c)})),n.forEach(((t,n)=>{r=J(t,e.get(n),o),r&&(d=r.x<d?r.x:d,a=r.y<a?r.y:a,l=r.x+r.width>l?r.x+r.width:l,c=r.y+r.height>c?r.y+r.height:c)})),{x:d,width:l-d,y:a,height:c-a}}(e,d,a,"rtl"===V,X);!function(e,t){if(e.size!==t.size)return!1;let n=!0;return e.forEach(((e,o)=>{const i=t.get(o);i?(Math.abs(e.x-i.x)>.5||Math.abs(e.y-i.y)>.5||Math.abs(e.width-i.width)>.5||Math.abs(e.height-i.height)>.5)&&(n=!1):n=!1})),n}(l,j)||le.current||ce.current?(ce.current=function(e,t,n){const o=[];n.forEach((e=>{o.includes(e.startNode)||o.push(e.startNode),o.includes(e.endNode)||o.push(e.endNode)}));let i=!1;return e.forEach(((e,n)=>{const r=t.get(n);let s=!0;r?(Math.abs(e.x-r.x)>.5||Math.abs(e.y-r.y)>.5||Math.abs(e.width-r.width)>.5||Math.abs(e.height-r.height)>.5)&&(s=!1):s=!1,!s&&o.includes(n)&&(i=!0)})),i}(l,j,n),Y(l),B(c),A(h),fe(o),le.current=!1,Ue("hidden")):"hidden"==Ke&&Ue("visible"),ne.current=!1})))},onLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=E.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(E.current.set(n,{width:e,height:t}),le.current=!0)}},onPromotedLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=O.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(O.current.set(n,{width:e,height:t}),le.current=!0)}},nodeLabelPositions:ue.current,linkLabelPositions:he.current,labelDimensions:ae.current,supportsSelection:"none"!==l||!!(a?.nodes&&a.nodes.length>0)||!!(a?.links&&a.links.length>0),layoutOutput:ge,nodeIdToParentMap:q,rootRef:X,combinedNodeBounds:ke,nodeBoundsRef:me,promotedLinks:ye,normalizeLinks:z})}):void 0,re,Ve,Qe,Ae,ve]})}e.BaseDiagram=function({width:e,height:i,...r}){return r.nodes&&r.nodes.length>0?t.jsx(n.TrackResizeContainer,{width:e,height:i,class:o.dimensionStyle,children:(e,n)=>t.jsx(We,{width:e,height:n,...r})}):null}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-d8fa612c', './PRIVATE_BaseDiagram/themes/DiagramStyles.css', './useResizeObserver-25032462', 'preact/hooks', './accUtils-7e057eef', './keys-4755c121', './classNames-08d99695', './useTranslationBundle-db326955', './useUser-e0677e8d', './EmbeddedIconButton-9647e9af', './Plus-61ed84df', './Minus-d658ce91', './layoutUtils-517a546d', './useVisHover-28319fef', './mergeProps-bcfa6a92', './useDatatip-a2c4bd6d', './useTextDimensions-f254e8f5', './clientUtils-df9caee0', './useVisDragModeControls-2295174b', './useSelection-c25e02bd', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-025b44ba', './Menu-0c230049', './MenuItem-8456d6e2', 'preact', './logger-00b673c5', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(e,t,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S,L,I,N,R,z,C,D,X,j,Y,T,B,E,O,Z,A,V){"use strict";function F(e,t,n,o,i,r,s,d,a,l){const c=new Map,u=Array.from(e.values()),h=Array.from(t.values());l&&function(e,t,n,o){e.forEach((e=>{if(e.nodes&&q(e.nodes,n,o),e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}})),t.forEach((e=>{if(e.label){const t=e.label,i=re(e.labelStyle);n.set(e.id,o(t,i))}}))}(u,h,c,l);const p=Array.from(t.keys());for(const e of p){const n=t.get(e);if(n&&l&&n.label){const t=n.label,o=re(n.labelStyle);c.set(e,l(t,o))}}return{layoutJSON:{getNodeDimensions:function(e){return o.get(e.id)},getLabelDimensions:function(e){return c.get(e.id)},getContainerId:function(e,t){return ae(e,t,d)},getRelativeNodeBounds:function(e,t){const n=U(e,t,a);return n?{x:n.x/s,y:n.y/s,width:n.width/s,height:n.height/s}:void 0},getPromotedLinks:function(){return n},componentSize:{width:i,height:r}},labelDims:c}}function $(e,t){return{x:e.x/t,y:e.y/t,width:e.width/t,height:e.height/t}}function _(e,t,n,o,i,r){if(i&&i.current){let s,d;if(r){const t=`${e.startNode}_${e.endNode}`;s=i.current.querySelector(`[data-oj-private-promoted-link=${t}]`)}else s=i.current.querySelector(`[data-oj-private-link=${e}]`);t&&(d=i.current.querySelector(`[data-oj-private-node=${t}]`));const a=n.get(e);if(s&&d&&a){const e=$(s.getBoundingClientRect(),o),t=$(d.getBoundingClientRect(),o);return{x:e.x-t.x,y:e.y-t.y,width:a.width,height:a.height}}}return null}function K(e,t,n,o,i,r,s,d){let a,l,c,u=1/0,h=1/0,p=-1/0,g=-1/0;for(let t=0;t<e.length;t++){a=e[t].id;const n=o.get(a);n&&(u>n.x&&(u=n.x,c=a),h>n.y&&(h=n.y,l=a),p<n.x+n.width&&(p=n.x+n.width),g<n.y+n.height&&(g=n.y+n.height))}const f=u,m=h;let y=0,x=0,k=p-u,b=g-h;for(let e=0;e<t.length;e++){a=t[e].id;const n=_(a,l,i,s,d),o=_(a,c,i,s,d);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),n&&(n.y<x&&(x=n.y),b<n.y+n.height&&(b=n.y+n.height))}for(let e=0;e<n.length;e++){a=n[e];const t=_(a,l,r,s,d,!0),o=_(a,c,r,s,d,!0);o&&(o.x<y&&(y=o.x),k<o.x+o.width&&(k=o.x+o.width)),t&&(t.y<x&&(x=t.y),b<t.y+t.height&&(b=t.y+t.height))}return{minX:f,minY:m,contentWidth:p-u,contentHeight:g-h,bounds:{x:y,y:x,width:k-y,height:b-x}}}function U(e,t,n){if(n&&n.current){const o=n.current.querySelector(`[data-oj-private-node=${e}]`);let i;if(i=t?n.current.querySelector(`[data-oj-private-child=${t}]`):n.current.querySelector("[data-oj-private-node-container]"),o&&i){const e=o.getBoundingClientRect(),t=i.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y,width:e.width,height:e.height}}}return null}function q(e,t,n){e.forEach((e=>{if(e.nodes&&q(e.nodes,t,n),e.label){const o=e.label,i=re(e.labelStyle);t.set(e.id,n(o,i))}}))}function G(e,t,n){const o=new Map,i=new Map,r=new Map;H(e,t,o,i);const s=e.links;let d;if(s)for(let e=0;e<n.length;e++)d=s[n[e].id],d&&d.label&&r.set(n[e].id,d.label);return{nodePoints:o,nodeLabelPos:i,linkLabelPos:r}}function H(e,t,n,o){const i=e.nodes;let r;if(i)for(let s=0;s<t.length;s++){const d=t[s],a=d.id;d.nodes&&H(e,d.nodes,n,o),r=i[a],r&&(n.set(a,r.position),r.label&&o.set(a,r.label))}}function W(e,t,n,o,i,r,s,a,l,c){for(let u=0;u<e.length;u++){const h=e[u],p=`${c}_${u}`;t.set(h.id,h),n.set(h.id,p),o.set(p,h.id),i.set(h.id,l),a.push(h.id),h.nodes&&(r.push(h),d.containsKey(s,h.id)&&W(h.nodes,t,n,o,i,r,s,a,h.id,p))}}function J(e,t,n){const o=te(t,e,n);if(e.rotationAngle){const n=e.rotationPoint?e.rotationPoint:{x:t.width/2,y:t.height/2},i=e.rotationAngle,r=Q({x:0,y:0},n),s=Q({x:t.width,y:0},n),d=Q({x:0,y:t.height},n),a=Q({x:t.width,y:t.height},n);return function(e){let t=e[0].x,n=e[0].y,o=e[0].x,i=e[0].y;for(let r=1;r<e.length;r++){const s=e[r];s.x<t?t=s.x:s.x>o&&(o=s.x),s.y<n?n=s.y:s.y>i&&(i=s.y)}return{x:t,y:n,width:o-t,height:i-n}}([ee(r,i),ee(d,i),ee(s,i),ee(a,i)].map((e=>({x:e.x+o.x+n.x,y:e.y+o.y+n.y}))))}return{x:o.x,y:o.y,width:t.width,height:t.height}}function Q(e,t){return{x:e.x-t.x,y:e.y-t.y}}function ee(e,t){return{x:e.x*Math.cos(t)-e.y*Math.sin(t),y:e.x*Math.sin(t)+e.y*Math.cos(t)}}function te(e,t,n){const o=t.position,i=t.hAlign?t.hAlign:n?"right":"left",r=t.vAlign;let s,d;return s="center"===i?o.x-e.width/2:"right"===i?o.x-e.width:o.x,d="middle"===r?o.y-e.height/2:"bottom"===r?o.y-e.height:"baseline"===r?o.y+e.y:o.y,{x:s,y:d}}function ne(e,t){return e?.id===t?.id&&e?.type===t?.type}function oe(e,t,n){let o,i,r=e;for(;!i;)if(r.dataset.ojPrivateNode?(o="node",i=r.dataset.ojPrivateNode):r.dataset.ojPrivateLink?(i=r.dataset.ojPrivateLink,o="link"):r.dataset.ojPrivatePromotedLink&&(i=t.get(r.dataset.ojPrivatePromotedLink),o="promotedLink"),!i){if(!r.parentElement||r.parentElement===n?.current)break;r=r.parentElement}return{id:i,type:o}}function ie(e,t,n,o){return s.generateAriaLabel(e,o||"",{isSelected:t?n.isSelected:void 0,isIndirect:n.isIndirect,isExpanded:n.isExpanded,isCollapsed:n.isCollapsed})}function re(e){const t={};return e?(e.fontFamily&&(t.fontFamily=e.fontFamily),e.fontSize&&(t.fontSize=e.fontSize),e.fontStyle&&(t.fontStyle=e.fontStyle),e.fontWeight&&(t.fontWeight=e.fontWeight),t):t}function se(e){return`${e.startNode}_${e.endNode}`}function de(e){return!("id"in e)}function ae(e,t,n){const o=ce(e,n),i=ce(t,n);for(let e=0;e<o.length;e++)if(i.indexOf(o[e])>-1)return o[e]}function le(e,t,n,o){const i=[],r=[];for(let n=0;n<t.length;n++){const s=t[n];ae(s.startNode,s.endNode,o)===e&&(o.get(s.startNode)||o.get(s.endNode)?i.push(s):r.push(s))}const s=[],d=[];for(let t=0;t<n.length;t++){const i=n[t];ae(i.startNode,i.endNode,o)===e&&(o.get(i.startNode)||o.get(i.endNode)?s.push(i):d.push(i))}return{frontLinks:i,frontPromotedLinks:s,backLinks:r,backPromotedLinks:d}}function ce(e,t){const n=[];let o=t.get(e);for(;void 0!==o;)n.push(o),o=t.get(o);return n}function ue(e,t){const n=t.nodes;for(let t=0;t<e.length;t++){const o=e[t];if(!n[o.startNode]||!n[o.endNode])return!1}return!0}function he(e,t){return d.containsKey(t,e)?d.removeKey(t,e,!1):d.addKey(t,e)}function pe(e,t){const n=(e,t)=>{if(t)for(let o=0;o<t.length;o++)if(t[o].id===e||n(e,t[o].nodes))return!0;return!1};for(let o=0;o<t.length;o++){const i=t[o];if(n(e,i.nodes))return i.id}return null}const ge=({text:e,position:n,styles:i,dimensions:r,isRTL:s})=>{const{labelStyle:d,labelBorderStyle:l}=o.labelStyles,c=te(r,n,s),u=function(e){const t=e.rotationAngle,n=e.rotationPoint,o={};t&&(o.transform=`rotate(${t}deg)`);n&&(o["transform-origin"]=`${n.x}px ${n.y}px`);return o}(n);return t.jsx("div",{class:a.classNames([d,i&&i.borderColor&&l]),style:{top:c.y,left:c.x,...i,...u},children:e})};const fe=({id:e,state:n,position:s,activeId:d,nodeRenderer:g,onNodeSizeChanged:f,data:m,accessibleLabel:y,isDimmed:x,supportsSelection:k,content:b,labelPosition:w,labelDimensions:M})=>{const{nodeStyles:v,dimmedItemStyle:P}=o.itemStyles,S=l.useTranslationBundle("@oracle/oraclejet-preact"),L=r.useRef(null),I=r.useRef({box:"border-box"});i.useResizeObserver(L,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),I.current);const N=s||{x:0,y:0},{direction:R}=c.useUser(),z=m.label&&w&&M,C={state:n,data:m,childContext:b,expander:t.jsx("div",{"data-oj-private-button":e,class:o.buttonStyle,children:t.jsx(u.EmbeddedIconButton,{"aria-hidden":!0,size:"xs",children:b?t.jsx(p.SvgMinus,{}):t.jsx(h.SvgPlus,{})})})};return t.jsxs("div",{ref:L,class:v,"data-oj-private-node":e,role:b?"group":"img","aria-label":ie(S,k,{isSelected:n.isSelected,isExpanded:void 0!==b,isCollapsed:void 0===b&&void 0!==m.nodes},y),style:{top:N.y,left:N.x},id:n.isFocused||n.isHovered?d:void 0,children:[t.jsx("div",{class:a.classNames([x?P:void 0]),children:g(C)}),z?t.jsx("div",{class:o.layerStyles,children:t.jsx(ge,{styles:m.labelStyle,text:m.label,position:w,dimensions:M.get(e),isRTL:"rtl"===R})}):void 0]},e)},me=({id:e,state:n,activeId:s,data:d,linkRenderer:c,accessibleLabel:u,isDimmed:h,supportsSelection:p,layoutOutput:g,onLinkSizeChanged:f})=>{const m=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:y,linkStyles:x}=o.itemStyles,k={state:n,data:d,layoutOutput:g,type:"link"},b=r.useRef(null),w=r.useRef({box:"border-box"});return i.useResizeObserver(b,r.useCallback((t=>{const n=t.borderBoxSize,o=n[0].inlineSize,i=n[0].blockSize;f(o,i,e)}),[e,f]),w.current),t.jsx("g",{ref:b,id:n.isFocused?s:void 0,"aria-label":ie(m,p,{isSelected:n.isSelected},u),"data-oj-private-link":e,role:"img",class:a.classNames([x,h&&y]),children:c(k)},e)},ye=(e,t,n,o,i)=>{const r=e>o||e<n?t:e;r!==t&&i&&i({zoomValue:r})};function xe(e,t,n){const o=(e-40)/n.width,i=(t-40)/n.height;return Math.min(o,i)}function ke(e,t,n){let o=Math.max(t,e);return o=Math.min(n,o),o}function be(e,t,n,o,i,r){let s;if("node"===e.type)s=n.get(e.id);else{const o=t.get(e.id),i=n.get(o.startNode),r=n.get(o.endNode),d=Math.min(i.x,r.x),a=Math.min(i.y,r.y);s={x:d,y:a,width:Math.max(i.x+i.width,r.x+i.width)-d,height:Math.max(i.y+i.height,r.y+r.height)-a}}return function(e,t,n,o){const i=(n-40)/e.width,r=(o-40)/e.height,s=Math.min(i,r,t),d=e.width/2+e.x,a=e.height/2+e.y;return{centerX:d,centerY:a,zoom:s}}(s,r,o,i)}function we({labelPosition:e,itemProps:n,labelDimensions:i}){const{direction:r}=c.useUser();return t.jsx("div",{class:o.layerStyles,children:n.map((n=>{if(n.label&&e.get(n.id))return t.jsx(ge,{styles:n.labelStyle,text:n.label,position:e.get(n.id),dimensions:i.get(n.id),isRTL:"rtl"===r})}))})}function Me({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,linkLabelPositions:u,labelDimensions:h,minX:p,minY:g}){const f=xe(r,s,c);return t.jsxs("div",{class:o.linkLayerStyle,style:{top:-g,left:-p},children:[t.jsx("svg",{width:r/f,height:s/f,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedLinkIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom};return t.jsx(me,{id:e.id,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedLinkIds.includes(e.id),activeId:n.activeId,accessibleLabel:e.accessibleLabel,data:e,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))}),h?t.jsx("div",{children:e&&u?t.jsx(we,{labelPosition:u,itemProps:e,labelDimensions:h}):void 0}):void 0]})}const ve=({id:e,state:n,activeId:s,linkRenderer:d,isDimmed:c,supportsSelection:u,layoutOutput:h,onLinkSizeChanged:p})=>{const g=l.useTranslationBundle("@oracle/oraclejet-preact"),{dimmedItemStyle:f,linkStyles:m}=o.itemStyles,y={state:n,data:e.links,layoutOutput:h,startNode:e.startNode,endNode:e.endNode,type:"promotedLink"},x=r.useRef(null),k=r.useRef({box:"border-box"}),b=se(e);i.useResizeObserver(x,r.useCallback((e=>{const t=e.borderBoxSize,n=t[0].inlineSize,o=t[0].blockSize;p(n,o,b)}),[b,p]),k.current);const w=e.links.length,M=w>1?g.diagram_promotedLinks({num_links:w.toString()}):g.diagram_promotedLink();return t.jsx("g",{ref:x,id:n.isFocused?s:void 0,"aria-label":ie(g,u,{isSelected:n.isSelected,isIndirect:!0},M),"data-oj-private-promoted-link":b,role:"img",class:a.classNames([m,c&&f]),children:d(y)},b)};function Pe({links:e,states:n,linkRenderer:i,width:r,height:s,supportsSelection:d,onLinkSizeChanged:a,layoutOutput:l,combinedNodeBounds:c,minX:u,minY:h}){const p=xe(r,s,c);return t.jsx("div",{class:o.linkLayerStyle,style:{top:-h,left:-u},children:t.jsx("svg",{width:r/p,height:s/p,class:o.layerStyles,overflow:"visible",children:e.map((e=>{const o={isSelected:n.selectedPromotedLinkIds.includes(e),isFocused:n.focusedId===e,isHovered:n.hoveredId===e,zoom:n.zoom};return t.jsx(ve,{id:e,state:o,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedPromotedLinkIds.includes(e),activeId:n.activeId,linkRenderer:i,supportsSelection:d,layoutOutput:l,onLinkSizeChanged:a})}))})})}function Se({nodes:e,states:n,nodeRenderer:i,linkRenderer:r,nodeBounds:s,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:p,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:m,minX:y=0,minY:x=0,parentId:k,links:b,promotedLinks:w,layoutOutput:M,zoom:v,nodeIdToParentMap:P,linkDimensions:S,promotedLinkDimensions:L,rootRef:I,combinedNodeBounds:N,nodeBoundsRef:R,normalizeLinks:z=!1}){const{frontLinks:C,frontPromotedLinks:D,backLinks:X,backPromotedLinks:j}=le(k,b,w,P);return t.jsxs("div",{class:o.layerStyles,"data-oj-private-node-container":!0,children:[M&&r&&X.length>0&&ue(X,M)&&t.jsx(Me,{links:X,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&j.length>0&&ue(j,M)&&t.jsx(Pe,{links:j,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),e.map((e=>{const o=s&&s.get(e.id)?{x:s.get(e.id).x-y,y:s.get(e.id).y-x}:void 0,k={isSelected:n.selectedNodeIds.includes(e.id),isFocused:n.focusedId===e.id,isHovered:n.hoveredId===e.id,zoom:n.zoom,isExpanded:n.expanded&&d.containsKey(n.expanded,e.id)},{backLinks:z,backPromotedLinks:C}=le(e.id,b,w,P);if(e.nodes&&d.containsKey(n.expanded,e.id)){if(s&&function(e,t,n,o,i,r){const s=e.nodes;for(let e=0;e<s?.length;e++){const n=s[e].id;if(!t.get(n))return!1}for(let e=0;e<n.length;e++){const t=n[e].id,o=i.get(t);if(!o||0===o.width&&0===o.height)return!1}for(let e=0;e<o.length;e++){const t=o[e],n=r.get(se(t));if(!n||0===n.width&&0===n.height)return!1}return!0}(e,s,z,C,S,L)){const d=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,content:d,labelDimensions:m,labelPosition:g?.get(e.id)})}{const o=Le(e,n,i,c,u,h,p,b,w,P,a,l,v,e.id,s,S,L,N,R,g,f,m,r,M,I);return t.jsx("div",{children:o.content})}}return t.jsx(fe,{id:e.id,position:o,state:k,isDimmed:(0!==n.highlightedNodeIds.length||0!==n.highlightedLinkIds.length||0!==n.highlightedPromotedLinkIds.length)&&!n.highlightedNodeIds.includes(e.id),activeId:n.activeId,nodeRenderer:i,onNodeSizeChanged:c,accessibleLabel:e.accessibleLabel,data:e,supportsSelection:p,labelDimensions:m,labelPosition:g?.get(e.id)})})),M&&r&&C.length>0&&ue(C,M)&&t.jsx(Me,{links:C,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,labelDimensions:m,layoutOutput:M,onLinkSizeChanged:u,linkLabelPositions:f,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0}),M&&r&&D.length>0&&ue(D,M)&&t.jsx(Pe,{links:D,states:n,linkRenderer:r,width:a/v,height:l,supportsSelection:p,layoutOutput:M,onLinkSizeChanged:h,combinedNodeBounds:N,minY:z?x:0,minX:z?y:0})]})}function Le(e,n,o,i,r,s,d,a,l,c,u,h,p,g,f,m,y,x,k,b,w,M,v,P,S){const L=e.nodes,{backLinks:I,backPromotedLinks:N}=le(g,a,l,c),{minX:R,minY:z,contentWidth:C,contentHeight:D,bounds:X}=K(L,I,N,f,m,y,p,S),j=k.current;j?.set(e.id,X),k.current=j;return{content:t.jsx("div",{"data-oj-private-child":g,style:{position:"relative"},children:t.jsx(Se,{nodes:L,nodeBounds:f,states:n,minX:f?R:void 0,minY:f?z:void 0,nodeRenderer:o,onNodeSizeChanged:i,onLinkSizeChanged:r,onPromotedLinkSizeChanged:s,supportsSelection:d,nodeLabelPositions:b,linkLabelPositions:w,labelDimensions:M,links:a,promotedLinks:l,nodeIdToParentMap:c,linkRenderer:v,layoutOutput:P,width:u,height:h,zoom:p,parentId:g,linkDimensions:m,promotedLinkDimensions:y,rootRef:S,combinedNodeBounds:x,nodeBoundsRef:k})}),width:C||0,height:D?D-z:0,bounds:X}}function Ie({nodes:e,links:n,promotedLinks:o,nodeRenderer:i,linkRenderer:r,states:s,nodeBounds:d,width:a,height:l,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,labelDimensions:p,nodeLabelPositions:g,linkLabelPositions:f,supportsSelection:m,layoutOutput:y,zoom:x,nodeIdToParentMap:k,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S}){const{backLinks:L,backPromotedLinks:I}=le(void 0,n,o,k),{minX:N,minY:R}=K(e,L,I,d,b,w,x,M);return t.jsx(t.Fragment,{children:t.jsx(Se,{nodes:e,nodeBounds:d,states:s,nodeRenderer:i,onNodeSizeChanged:c,onLinkSizeChanged:u,onPromotedLinkSizeChanged:h,supportsSelection:m,nodeLabelPositions:g,linkLabelPositions:f,labelDimensions:p,linkDimensions:b,promotedLinkDimensions:w,rootRef:M,links:n,promotedLinks:o,nodeIdToParentMap:k,linkRenderer:r,layoutOutput:y,width:a,height:l,zoom:x,minX:d&&N!==1/0?N:void 0,minY:d&&R!==1/0?R:void 0,combinedNodeBounds:v,nodeBoundsRef:P,normalizeLinks:S})})}const Ne=(e,t,n,o,i,r,s,d)=>{if(!s)return{newPan:{panX:0,panY:0}};const a=((e,t,n,o)=>{const i="y"!==o?t.panX:e.panX,r="x"!==o?t.panY:e.panY;return{panX:i>n.maxX?n.maxX:i<n.minX?n.minX:i,panY:r>n.maxY?n.maxY:r<n.minY?n.minY:r}})(e,t,s,n),l=a.panX!==e.panX||a.panY!==e.panY,c=function(e,t,n,o,i){return{centerX:(o/2-e)/n,centerY:(i/2-t)/n}}(a.panX,a.panY,o,i,r);return l&&d&&d({centerX:c.centerX,centerY:c.centerY}),{newPan:a}};function Re(e,t,n,o,i){return{panX:o/2-e*n,panY:i/2-t*n}}function ze({centerX:e,centerY:n,children:i,zoom:r,width:s,height:d}){const a=Re(e,n,r,s,d);return t.jsx("div",{class:o.panZoomStyles,style:{translate:`${a.panX}px ${a.panY}px`,transform:`scale(${r})`},children:i})}function Ce(e,t){const n=[];return t.forEach((t=>{const o=t.startNode,i=t.endNode;o!=e&&i!=e||n.push(t)})),n}function De(e,t,n,o){let i,r=n[0],s=n[0];for(let e=0;e<n.length;e++)i=n[e],i.id===t.startNode?r=i:i.id===t.endNode&&(s=i);const d=e.id==r.id?s:r,a=Ye(e,o),l=Ye(d,o);let c=Math.atan2(l.y-a.y,l.x-a.x);return c=c<0?c+2*Math.PI:c,c}function Xe(e,t,n){let o,i=t[0],r=t[0];for(let n=0;n<t.length;n++)o=t[n],o.id===e.startNode?i=o:o.id===e.endNode&&(r=o);const s=Ye(i,n),d=Ye(r,n);return Math.sqrt(Math.pow(d.x-s.x,2)+Math.pow(d.y-s.y,2))}function je(e,t){return t.endNode===e.id?1:0}function Ye(e,t){const n=t.get(e.id);return{x:n.x+n.width/2,y:n.y+n.height/2}}function Te(e,t,n){const o=15/180*Math.PI,i=40/180*Math.PI,r=e.x+e.width/2,s=e.y+e.height/2,d=t.x+t.width/2,a=t.y+t.height/2,l=Math.abs(r-d),c=Math.abs(s-a),u=Math.atan2(c,l);let h=Math.sqrt(l*l+c*c);return(u>o&&("right"==n||"left"==n)||u<Math.PI/2-o&&("up"==n||"down"==n))&&(u>i&&("right"==n||"left"==n)||u<Math.PI/2-i&&("up"==n||"down"==n)?h*=6:h*=2),h}function Be(e,t,n,o){if(o){const o=e.x+.5*e.width,i=t.x+.5*t.width,r=e.y+.5*e.height,s=t.y+.5*t.height;switch(n){case"up":return r<s;case"down":return e.y>s;case"right":return o>i;case"left":return o<i}return!0}switch(n){case"up":return e.y<t.y||Ae(e.y,t.y);case"down":return e.y>t.y||Ae(e.y,t.y);case"right":return e.x>t.x||Ae(e.x,t.x);case"left":return e.x<t.x||Ae(e.x,t.x)}return!0}function Ee(e,t,n){switch(n){case"up":return Oe(e,t)&&(t.y<=e.y+e.height||Ae(t.y,e.y+e.height));case"down":return Oe(e,t)&&(e.y<=t.y+t.height||Ae(e.y,t.y+t.height));case"right":return Ze(e,t)&&(e.x<=t.x+t.width||Ae(e.x,t.x+t.width));case"left":return Ze(e,t)&&(t.x<=e.x+e.width||Ae(t.x,e.x+e.width))}return!1}function Oe(e,t){return e.x>=t.x&&e.x<=t.x+t.width||t.x>=e.x&&t.x<=e.x+e.width}function Ze(e,t){return e.y>=t.y&&e.y<=t.y+t.height||t.y>=e.y&&t.y<=e.y+e.height}function Ae(e,t){return Math.abs(e-t)<=1e-7}function Ve(e,t){let n=Math.abs(e-t)<=1e-7;return n||(n=Math.abs(2*Math.PI+Math.min(e,t)-Math.max(e,t))<=1e-7),n}function Fe(e,t,n,o){const i=r.useRef(),s=e;return{getNextNavigableNode:function(e,t,n,o){if(!o)return n;if(!n)return o[0];const i=s.get(n.id);if(!i)return o[0];let r,d,a,l=n,c=Number.MAX_VALUE,u=!1,h=!1;for(let p=0;p<o.length;p++){if(r=o[p],r===n){h=!0;continue}const g=s.get(r.id);if(!g)continue;const f={x:g.x,y:g.y,width:g.width,height:g.height},m={x:i.x,y:i.y,width:i.width,height:i.height};Be(f,m,e,t)&&(d=Ee(f,m,e),u&&!d||(a=Te(f,m,e),(0!=a||h)&&(!u&&d||a<c&&(u&&d||!u))&&(c=a,l=r,u=d)))}return l},getNextNavigableLink:function(e,r,d,a,l){if(!a&&!l)return d;const c=a&&l?[...a,...l]:a||l;if(!d)return c[0];const u=i.current,h=u||d.startNode,p=o.get(h);if(!p)return d;const g=function(e,t,n,o){let i,r,s;const d=[];for(let a=0;a<t.length;a++){const l=t[a];i=De(e,l,n,o),r=Xe(l,n,o),s=je(e,l),"id"in l?d.push({id:l.id,angle:i,distance:r,direction:s,type:"link"}):d.push({id:se(l),angle:i,distance:r,direction:s,type:"promotedLink"})}return d}(p,Ce(p.id,c),r,s);g.sort(((e,t)=>{const{angle:n,distance:o,direction:i}=e,{angle:r,distance:s,direction:d}=t;let a=-1;return!Ve(n,r)&&n>r?a=1:Ve(n,r)&&(o>s||s==o&&i>d?a=1:s==o&&i==d&&(a=0)),a}));const f="down"==e;let m=0;for(let e=0;e<g.length;e++){const t="id"in d?d.id:se(d);if(g[e].id===t){m=f?e==g.length-1?0:e+1:0==e?g.length-1:e-1;break}}return"link"===g[m].type?t.get(g[m].id):n.get(g[m].id)},navigateFromNodeToLink:function(e,t,n,o){if(!o)return;const r=Ce(o.id,[...e,...t]);if(r.length<1)return;let d=r[0];const a=s.get(o.id);let l,c,u,h;const p=a.x+a.width/2;i.current=o.id;for(let e=0;e<r.length;e++)if(l=r[e],c=l.startNode===o.id?l.endNode:l.startNode,u=s.get(c),h=u.x+u.width/2,n.altKey&&"Comma"===n.code&&h<=p||n.altKey&&"Period"===n.code&&h>=p){d=l;break}return de(d)?{id:d,type:"promotedLink"}:{id:d.id,type:"link"}},navigateFromLinkToNode:function(e,t,n){const o=n.key,i=s.get(e),r=s.get(t);if(!i||!r)return;const d=i.x+i.width/2,a=r.x+r.width/2;return{id:a>d&&"ArrowRight"===o||a<d&&"ArrowLeft"===o?t:e,type:"node"}}}}function $e(e,t,n,o,i,s,d,a,l,c,u,h,p,y,x,k,b,w,M){const{getNextNavigableNode:v,getNextNavigableLink:P,navigateFromNodeToLink:S,navigateFromLinkToNode:L}=Fe(s,d,y,a),[I,N]=r.useState({id:t.id,type:"node"}),[R,z]=r.useState(),C=r.useRef(),D=f.useVisHover((e=>{const t=oe(e.target,y);if(t&&!ne(t,R)){let e;z({...t,isCurrent:!0}),C.current=g.getRandomId(),N({...I,isCurrent:!1}),"node"===t.type?e={id:t.id,type:"node",data:a.get(t.id)}:"link"===t.type?e={id:t.id,type:"link",data:d.get(t.id)}:"promotedLink"===t.type&&(e={type:"promotedLink",id:t.id}),x?.(e)}}),void 0,(()=>{z(void 0),C.current=void 0,x?.(void 0)}),e);function X(e){"node"===e.type?k?.({id:e.id,type:"node",data:a.get(e.id)}):"link"===e.type?k?.({id:e.id,type:"link",data:d.get(e.id)}):"promotedLink"===e.type&&k?.({id:e.id,type:"promotedLink"}),C.current=g.getRandomId(),N(e)}function j(e){e&&(ne(e,I)||(e.isCurrent=!0,e.isFocusVisible=!0,R&&z({...R,isCurrent:!1}),X(e)))}return{focusedItemInfo:I,hoveredItemInfo:R,activeId:C.current,onContextMenuDismissed:e=>{"keyboard"===e&&X({...I,isFocusVisible:!0,isCurrent:!0})},eventsProps:m.mergeProps(D,{onKeyUp:e=>{if("Tab"===e.code)X({...I,isCurrent:!0,isFocusVisible:!0})},onKeyDown:e=>{const t=e.key;let r=!1;if("TAB"!==t){if(function(e){const t=e.code;if("node"===I.type&&e.altKey&&("Period"===t||"Comma"===t))return!0;if("node"!==I.type&&("ArrowLeft"===t||"ArrowRight"===t))return!0;return!1}(e)){let t;if("node"===I.type)t=S(o,i,e,a.get(I.id));else if("link"===I.type){const n=d.get(I.id);t=L(n.startNode,n.endNode,e)}else{const n=I.id;t=L(n.startNode,n.endNode,e)}j(t),r=!0}else if(function(e){switch(e){case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":return!0}return!1}(t)){const e=function(e){let t="down";switch(e){case"ArrowDown":t="down";break;case"ArrowUp":t="up";break;case"ArrowRight":t="right";break;case"ArrowLeft":t="left"}if("node"===I.type){const e=p.get(I.id),o=e&&a.get(e)?a.get(e).nodes:n,i=v(t,!0,a.get(I.id),o);return i?{id:i.id,type:"node"}:I}{const e=function(e,t,n){let o;for(let n=0;n<t.length;n++)if(o=t[n],e.id===o.id)return o;for(let t=0;t<n.length;t++)if(o=n[t],i=e.id,r=o,i.startNode===r.startNode&&i.endNode===r.endNode)return o;var i,r}(I,o,i),r=P(t,n,e,o,i);return r&&de(r)?{id:r,type:"promotedLink"}:r&&!de(r)?{id:r.id,type:"link"}:{id:I.id,type:I.type}}}(t);j(e),r=!0}else switch(t){case"PageUp":b&&b({dPan:{dx:e.shiftKey?-15:0,dy:e.shiftKey?0:-15}}),r=!0;break;case"PageDown":b&&b({dPan:{dx:e.shiftKey?15:0,dy:e.shiftKey?0:15}}),r=!0;break;case"+":case"=":w&&w({dZoom:.15}),r=!0;break;case"-":case"_":w&&w({dZoom:-.15}),r=!0;break;case"0":if(e.ctrlKey&&e.altKey){const{centerX:e,centerY:t,zoom:n}=be(I,d,s,l,c,u);w&&w({nZoom:n}),b&&b({nPan:{cx:e,cy:t}})}else w&&w({}),b&&b({center:!0});r=!0;break;case" ":if(e.ctrlKey&&e.shiftKey&&"node"===I.type){const e=he(I.id,h);M&&M({expanded:e})}break;case"[":if("node"===I.type){const e=function(e,t){const n=t.get(e)?.nodes;if(n&&n.length>0)return n[0]}(I.id,a);if(e){j({id:e.id,type:"node"})}}r=!0;break;case"]":if("node"===I.type){const e=p.get(I.id);if(e){j({id:e,type:"node"})}}r=!0}r&&(e=>{e.preventDefault(),e.stopPropagation()})(e)}},onBlur:()=>{(null!=R||I.isCurrent)&&k?.(void 0);const e={...I,isCurrent:!1,isFocusVisible:!1};N(e)},onPointerUp:e=>{const t=oe(e.target,y);if(null!=t.id){let n;if("node"===t.type&&(n=function(e,t){let n,o=e;for(;!n;)if(n=o.dataset.ojPrivateButton,!n){if(!o.parentElement||o.parentElement.dataset.ojPrivateNode||o.parentElement===t?.current)break;o=o.parentElement}return n}(e.target),n)){const t=he(n,h);return M&&M({expanded:t}),e.preventDefault(),void e.stopPropagation()}N(t),C.current=g.getRandomId()}},onFocus:()=>{C.current=g.getRandomId()}})}}const _e=({captureTargetRef:e,numPointers:t=1,onPointerGestureDown:n,onPointerGestureMove:o,onPointerGestureEnd:i,onExtraneousPointerDown:s,isDisabled:d=!1})=>{const a=r.useRef([]);d&&(a.current=[]);const l=e=>{const n=a.current.findIndex((t=>t.pointerId===e.pointerId));-1!==n&&(a.current[n]=e,a.current.length===t&&i&&i({pointers:a.current}),a.current.splice(n,1))};return d?{}:{onPointerDown:e=>{a.current.push(e),a.current.length===t?n&&n({pointers:a.current}):a.current.length>t&&s&&s({pointers:a.current})},onPointerMove:n=>{if(0===a.current.length)return;const i=a.current.findIndex((e=>e.pointerId===n.pointerId));-1!==i&&(a.current[i]=n,a.current.length===t&&(a.current.forEach((t=>e.current.setPointerCapture(t.pointerId))),o&&o({pointers:a.current})))},onPointerUp:l,onPointerCancel:l,onPointerLeave:l}},Ke=({panProps:e,captureTargetRef:t,panBounds:n,width:o,height:i,zoom:s,onDragPanStart:d,onDragPanEnd:a})=>{const l=r.useRef({panX:0,panY:0}),c=r.useRef({panX:0,panY:0}),u=(({captureTargetRef:e,draggableRegion:t,onDragStart:n,onDragMove:o,onDragEnd:i,isDisabled:s=!1})=>{const d={isDragging:!1,x0:-1,y0:-1,regionOffsetX:-1,regionOffsetY:-1},a=r.useRef(d),l=(e,t)=>{const{isDragging:n,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s}=a.current;if(!n)return;const d=e.pageX,l=e.pageY;t&&t({x:d,y:l,dx:d-o,dy:l-i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},c=_e({captureTargetRef:e,numPointers:1,onExtraneousPointerDown:()=>{a.current=d},onPointerGestureDown:({pointers:[e]})=>{const o=e.pageX,i=e.pageY;if(0!==e.button||!((e,t,n)=>{if(!n)return!0;const{xMin:o,xMax:i,yMin:r,yMax:s}=n;return e>=o&&e<=i&&t>=r&&t<=s})(o,i,t))return;const{regionOffsetX:r,regionOffsetY:s}=((e,t,n)=>n?{regionOffsetX:e-n.xMin,regionOffsetY:t-n.yMin}:{regionOffsetX:e,regionOffsetY:t})(o,i,t);a.current={isDragging:!0,x0:o,y0:i,regionOffsetX:r,regionOffsetY:s},n&&n({x:o,y:i,regionOffsetX:r,regionOffsetY:s,originalEvent:e})},onPointerGestureMove:({pointers:[e]})=>{l(e,o)},onPointerGestureEnd:({pointers:[e]})=>{l(e,i),a.current=d}});return s?{}:c})({captureTargetRef:t,onDragStart:()=>{const t=Re(e.centerX,e.centerY,s,o,i);c.current={panX:t.panX,panY:t.panY},d&&d()},onDragMove:({dx:t,dy:r})=>{const d={panX:c.current.panX+t,panY:c.current.panY+r},{newPan:a}=Ne(l.current,d,e.panDirection,s,o,i,n,e.onPan);l.current=a},onDragEnd:({originalEvent:e})=>{c.current.panX===l.current.panX&&c.current.panY===l.current.panY||e.preventDefault(),a&&a()},isDisabled:"off"===e.panning});return u},Ue=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-t.y)**2),qe=({captureTargetRef:e,zooming:t,minZoom:n,maxZoom:o,zoomValue:i,onZoom:s})=>{const d=(({captureTargetRef:e,onPinchZoomStart:t,onPinchZoomChange:n,onPinchZoomEnd:o,isDisabled:i=!1})=>{const s=r.useRef({x:-1,y:-1}),d=r.useRef(-1),a=()=>{s.current={x:-1,y:-1},d.current=-1};i&&a();const l=_e({captureTargetRef:e,numPointers:2,onPointerGestureDown:({pointers:[e,n]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:n.offsetX,y:n.offsetY};s.current=((e,t)=>({x:(e.x+t.x)/2,y:(e.y+t.y)/2}))(o,i),d.current=Ue(o,i),t&&t({origin:s.current,delta:0})},onPointerGestureMove:({pointers:[e,t]})=>{const o={x:e.offsetX,y:e.offsetY},i={x:t.offsetX,y:t.offsetY},r=Ue(o,i),a=r-d.current;d.current=r,n&&n({origin:s.current,delta:a})},onPointerGestureEnd:()=>{a(),o&&o()}});return i?{}:l})({captureTargetRef:e,onPinchZoomChange:({delta:e})=>{ye(i*(1+.05*e),i,n,o,s)},isDisabled:"off"===t});return d},Ge=({props:e,captureTargetRef:t,width:n,height:o,contentBounds:i,isRtl:s})=>{const[d,a]=r.useState(),l=function(e,t,n,o){const i=xe(t,n,o),r=e.maxZoom||1,s=e.minZoom||Math.min(r,i),d=e.zoomValue?e.zoomValue:i;return{zooming:e.zooming?e.zooming:"off",minZoom:s,maxZoom:r,zoomValue:ke(d,s,r),onZoom:e.onZoom}}(e,n,o,i),c=r.useRef(),u=r.useRef(),h=r.useRef(),p=r.useRef({zoom:e.zoomValue||0,centerX:e.centerX,centerY:e.centerY}),g=k.isTouch(),f={width:n,height:o,x:0,y:0},y=g?e.panning&&"off"!==e.panning:void 0,x={isZoomScroll:!0,plotAreaSpace:f,componentWidth:n,isRtl:s,showPanButton:y??!1,showZoomButton:!1,showSelectButton:!1,isDisabled:!g},{toggleButtonContent:w,userDragMode:M}=b.useVisDragModeControls(x),v=function(e,t,n,o){return{panning:o?"pan"===n&&e.panning?e.panning:"off":e.panning?e.panning:"off",panDirection:e.panDirection?e.panDirection:"any",centerX:void 0!==e.centerX?e.centerX:t.width/2,centerY:void 0!==e.centerY?e.centerY:t.height/2,onPan:e.onPan}}(e,i,M,g);i.width===1/0||l.zoomValue===u.current&&v.panning===h.current||(c.current=((e,t,n,o,i,r,s)=>{const{x:d,y:a,width:l,height:c}=n;let u,h,p,g;if("centerContent"===s)u=e/2-(l+d)*o,p=t/2-(c+a)*o,h=e/2-d*o,g=t/2-a*o;else{const n=o/i,r=(e-l*i)/2-d*i,s=(t-c*i)/2-a*i;u=e-e*n+r*n,p=t-t*n+s*n,h=r*n,g=s*n}const f=r.zoom,m=r.centerX,y=r.centerY;let x,k;if(m){const t=m*f-e/2;-t*f<u?(x=u-t*f,u-=x,h+=x):-t*f>h&&(x=-t*f-h,u-=x,h+=x)}if(y){const e=y*f-t/2;-e*f<p?(k=p-e*f,p-=k,g+=k):-e*f>g&&(k=-e*f-g,p-=k,g+=k)}return{minX:u,maxX:h,minY:p,maxY:g}})(n,o,i,l.zoomValue,l.minZoom,p.current,v.panning),u.current=l.zoomValue,h.current=v.panning);const P=Ke({panProps:v,captureTargetRef:t,panBounds:c.current,zoom:l.zoomValue,width:n,height:o,onDragPanStart:()=>a("grabbing"),onDragPanEnd:()=>a("auto")}),S=r.useRef({panX:0,panY:0}),L=(({zooming:e,minZoom:t,maxZoom:n,zoomValue:o,onZoom:i})=>(({onWheel:e,preventDefault:t=!0,isDisabled:n=!1})=>n?{}:{onWheel:n=>{const{deltaX:o,deltaY:i}=(e=>{const{deltaX:t,deltaY:n,deltaMode:o}=e;switch(o){case e.DOM_DELTA_PIXEL:return{deltaX:-t,deltaY:-n};case e.DOM_DELTA_LINE:return{deltaX:15*-t,deltaY:15*-n};case e.DOM_DELTA_PAGE:return{deltaX:40*-t,deltaY:40*-n};default:return{deltaX:-t,deltaY:-n}}})(n);t&&n.preventDefault(),e({x:n.offsetX,y:n.offsetY,deltaX:o,deltaY:i,ctrlKey:n.ctrlKey||n.metaKey})}})({onWheel:({deltaY:e})=>{ye(o*(1+.05*e),o,t,n,i)},isDisabled:"off"===e}))(l),I=qe({captureTargetRef:t,zooming:l.zooming,minZoom:l.minZoom,maxZoom:l.maxZoom,zoomValue:l.zoomValue,onZoom:l.onZoom});return{panZoomProps:m.mergeProps(P,L,I),panProps:v,zoomProps:l,toggleButtonContent:w,cursor:d,centerX:v.centerX,centerY:v.centerY,zoomValue:l.zoomValue,kbPanCallback:"off"!==v.panning?e=>{let t,r;e.center?(t=i.x+i.width/2,r=i.y+i.height/2):e.dPan?(t=v.centerX+e.dPan.dx,r=v.centerY+e.dPan.dy):(t=e.nPan.cx,r=e.nPan.cy);const s=Re(t,r,l.zoomValue,n,o),{newPan:d}=Ne(S.current,s,v.panDirection,l.zoomValue,n,o,c.current,v.onPan);S.current=d}:void 0,kbZoomCallback:"off"!==l.zooming?e=>{const t=e.dZoom?l.zoomValue+e.dZoom:xe(n,o,i);ye(e.nZoom?e.nZoom:t,l.zoomValue,l.minZoom,l.maxZoom,l.onZoom)}:void 0}};const He={all:!1,keys:new Set};function We({nodes:e=[],links:n=[],width:i,height:s,selectedIds:a={},selectionMode:l="none",layout:u,nodeRenderer:h,linkRenderer:p,onSelectionChange:f,onItemHover:k,onItemFocus:b,highlightedIds:S={},datatip:L,expanded:I=He,onExpandedChange:N,contextMenuConfig:R,normalizeLinks:z,...C}){const D=r.useRef(null),X=r.useRef(null),[j,Y]=r.useState(new Map),[T,B]=r.useState(new Map),E=r.useRef(new Map),O=r.useRef(new Map),[Z,A]=r.useState(),{direction:V}=c.useUser(),$="rtl"===V,_=e,K=function(e,t){const n=new Map,o=new Map,i=new Map,r=new Map,s=[],a=[];for(let l=0;l<e.length;l++){const c=e[l],u=String(l);n.set(c.id,c),o.set(c.id,u),i.set(u,c.id),a.push(c.id),c.nodes&&(s.push(c),d.containsKey(t,c.id)&&W(c.nodes,n,o,i,r,s,t,a,c.id,String(l)))}return{itemIdToDataMap:n,itemIdToIndexMap:o,itemIndexToIdMap:i,itemIdToParentMap:r,allContainerNodes:s,allVisibleNodes:a}}(_,I),q=K.itemIdToParentMap,H=K.itemIdToDataMap,Q=function(e,t){const n=[];for(let o=0;o<e.length;o++){const i=e[o];t.get(i.startNode)&&t.get(i.endNode)&&n.push(i)}return n}(n,H),ee=function(e){const t=new Map,n=new Map,o=new Map,i=new Map;for(let i=0;i<e.length;i++){const r=e[i];t.set(r.id,r),n.set(r.id,i),o.set(i,r.id)}return{itemIdToDataMap:t,itemIdToIndexMap:n,itemIndexToIdMap:o,itemIdToParentMap:i}}(Q),te=ee.itemIdToDataMap,ne=r.useRef(!1),ie=function(e){const t=new Map;return e.forEach(((e,n)=>{t.set(n,{width:e.width,height:e.height})})),t}(j),{textMeasureContent:re,getTextDimensions:de}=x.useTextDimensions(),ae=r.useRef(new Map),le=r.useRef(!1),ce=r.useRef(!1),ue=r.useRef(new Map),he=r.useRef(new Map),[ge,fe]=r.useState(),me=r.useRef(new Map),ye=function(e,t,n,o){const i=[];n.forEach((e=>{d.containsKey(t,e.id)||i.push(e)}));const r=[],s=new Map,a=new Map;for(let t=0;t<e.length;t++){const n=e[t],d=n.id,l=o.includes(n.startNode)?n.startNode:pe(n.startNode,i),c=o.includes(n.endNode)?n.endNode:pe(n.endNode,i);if(l&&c&&(l!==n.startNode||c!==n.endNode)&&l!==c){const e=`${l}_${c}`;let t=a.get(e);if(t)t.push(n);else{const o={id:e,startNode:l,endNode:c};r.push(o),t=[n]}a.set(e,t),s.set(d,e)}}const l=[];for(let e=0;e<r.length;e++){const t=r[e];l.push({startNode:t.startNode,endNode:t.endNode,links:a.get(t.id)})}return l}(n,I,K.allContainerNodes,K.allVisibleNodes),xe=function(e){const t=new Map;for(let n=0;n<e.length;n++){const o=e[n];t.set(`${o.startNode}_${o.endNode}`,o)}return t}(ye),ke=function(e,t){if(0===e.size)return{x:0,width:1/0,y:0,height:1/0};let n,o=1/0,i=1/0,r=-1/0,s=-1/0;return e.forEach((e=>{n=e,o=n.x<o?n.x:o,i=n.y<i?n.y:i,r=n.x+n.width>r?n.x+n.width:r,s=n.y+n.height>s?n.y+n.height:s})),t&&(o=t.x<o?t.x:o,i=t.y<i?t.y:i,r=t.x+t.width>r?t.x+t.width:r,s=t.y+t.height>s?t.y+t.height:s),{x:o,width:r-o,y:i,height:s-i}}(j,Z),{panZoomProps:be,panProps:we,zoomProps:Me,toggleButtonContent:ve,cursor:Pe,centerX:Se,centerY:Le,zoomValue:Ne,kbPanCallback:Ce,kbZoomCallback:De}=Ge({props:C,captureTargetRef:X,width:i,height:s,contentBounds:ke,isRtl:$}),{touchResponse:Xe,touchResponseStyle:je}=M.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"on"===Me.zooming||"off"!==we.panning,rootRef:X}),{onContextMenuDismissed:Ye,focusedItemInfo:Te,hoveredItemInfo:Be,activeId:Ee,eventsProps:Oe}=$e(Xe,_[0],_,Q,ye,T,te,H,i,s,C.maxZoom||1,I,q,xe,k,b,Ce,De,N),{selectionProps:Ze,selectionContent:Ae}=function({selectedIds:e,selectionMode:t,nodeMap:n,linkMap:o,focusedItemInfo:i,onSelectionChange:r,rootRef:s,promotedLinkMap:d}){const a=n.itemIdToDataMap,l=new Map,c=new Map,u=o.itemIdToDataMap,h=e=>{const t=`N_${e}`;return l.set(t,e),t},p=e=>l.get(e),g=e=>{const t=`L_${e}`;return c.set(t,e),t},f=e=>c.get(e),m=e=>`P_${JSON.stringify(e)}`,y=e=>JSON.parse(e.slice(2)),x=[...e.nodes?e.nodes.map(h):[],...e.links?e.links.map(g):[],...e.promotedLinks?e.promotedLinks.map(m):[]],{selectionContent:k,selectionProps:b}=w.useSelection({selection:x,idExtracter:e=>{const t="keyup"===e.type?i:oe(e.target,d,s);return void 0!==t.id?"node"===t.type?h(t.id):"link"===t.type?g(t.id):m(t.id):void 0},selectionMode:t,getDataById:e=>{let t;if("N"===e[0]){const o=p(e);t=n.itemIdToDataMap.get(o)}else if("L"===e[0]){const n=f(e);t=o.itemIdToDataMap.get(n)}else"P"===e[0]&&(t=y(e));return t},onChange:e=>{const t=e.ids.filter((e=>"N"===e[0])).map((e=>p(e))),n=e.ids.filter((e=>"L"===e[0])).map((e=>f(e))),o=e.ids.filter((e=>"P"===e[0])).map((e=>y(e))),i=t.filter((e=>"off"!==a.get(e)?.selectable)),s=n.filter((e=>"off"!==u.get(e)?.selectable)),d=i.map((e=>a.get(e))),l=s.map((e=>u.get(e)));return r&&r({nodes:{ids:i,data:d},links:{ids:s,data:l},promotedLinks:{ids:o}})},isKeyboardSelection:e=>"["===e.key||"]"===e.key});return{selectionContent:k,selectionProps:b}}({selectedIds:a,selectionMode:l,nodeMap:K,linkMap:ee,focusedItemInfo:Te,onSelectionChange:f,rootRef:X,promotedLinkMap:xe});Te&&T.size>0&&(D.current=function(e,t,n,o,i){if("node"===e.type){const n=U(e.id,void 0,i),o=t.get(e.id)||t.values().next().value;return{x:n?n.x:o.x,y:n?n.y:o.y,width:o.width,height:o.height}}{const i="promotedLink"===e.type?e.id:n[o.get(e.id)||0],r=t.get(i.startNode)||t.values().next().value,s=t.get(i.endNode)||t.values().next().value,d={x:r.x+r.width/2,y:r.y+r.height/2},a={x:s.x+s.width/2,y:s.y+s.height/2};return{x:Math.min(d.x,a.x),y:Math.min(d.y,a.y),width:Math.abs(d.x-a.x),height:Math.abs(d.y-a.y)}}}(Te,T,Q,ee.itemIdToIndexMap,X));const{datatipContent:Ve,datatipProps:{"aria-describedby":Fe,..._e}}=(({touchResponse:e,datatip:t,focusedItemBoundsRef:n,focusedItemInfo:o,panState:i,zoom:r,width:s,nodesMap:d,linksMap:a,hoveredItem:l})=>{const{direction:u}=c.useUser(),h="rtl"===u,p=function(e,t,n,o,i){let r;const s=o?.isCurrent;if(s&&null!=o.id&&(r=o),n&&n.isCurrent&&(r=n),r&&i){let n;switch(r.type){case"node":n={data:e.get(r.id),type:"node"};break;case"link":n={data:t.get(r.id),type:"link"};break;default:n={id:r.id,type:"promotedLink"}}return i(n)}if(r){const n=("node"===r.type?e.get(r.id):t.get(r.id))?.accessibleLabel;return{content:n}}}(d,a,o,l,t),f=n.current?{x:n.current.x+i.panX,y:n.current.y+i.panY,width:n.current.width*r,height:n.current.height*r}:void 0,m=o.isCurrent?g.calculateOffset(h,s,f):g.calculateOffset(h,s),{datatipContent:x,datatipProps:k}=y.useDatatip({content:p?.content,borderColor:p?.borderColor,placement:"top-start",offset:m,anchor:o?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:x,datatipProps:k}})({touchResponse:Xe,datatip:L,focusedItemInfo:Te,focusedItemBoundsRef:D,panState:Re(Se,Le,Ne,i,s),zoom:Ne,width:i,nodesMap:H,linksMap:te,hoveredItem:Be}),[Ke,Ue]=r.useState("hidden"),qe={width:i,height:s,cursor:Pe,visibility:Ke,...je},We=r.useRef(!1);r.useLayoutEffect((()=>{X.current&&(We.current=!0)}),[I]),r.useLayoutEffect((()=>{"visible"===Ke&&1==We.current&&(X.current?.focus(),We.current=!1)}),[Ke]);const Je=r.useRef();Je.current={selectedNodeIds:a.nodes??[],selectedLinkIds:a.links??[],selectedPromotedLinkIds:a.promotedLinks??[],focusedId:Te.isCurrent&&Te.isFocusVisible?Te.id:void 0,hoveredId:Be?.isCurrent?Be.id:void 0,activeId:Ee,highlightedNodeIds:S.nodes??[],highlightedLinkIds:S.links??[],highlightedPromotedLinkIds:S.promotedLinks??[],zoom:Ne,expanded:I||{all:!1,keys:new Set}};const{contextMenuContent:Qe,contextMenuProps:et}=(({focusedItemInfo:e,rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o,nodesMap:i,linksMap:r,promotedLinkMap:s})=>{const{contextMenuProps:d,contextMenuContent:a}=P.useContextMenu({onContextMenuHandler:({gesture:n,target:o})=>{let d,a="background";const l=o;"keyboard"===n?(d=e.id,a=e.type):l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode?(d=l.closest("[data-oj-private-node]")?.dataset.ojPrivateNode,a="node"):l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink?(d=l.closest("[data-oj-private-link]")?.dataset.ojPrivateLink,a="link"):l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink&&(d=l.closest("[data-oj-private-promoted-link]")?.dataset.ojPrivatePromotedLink,d=s.get(d),a="promotedLink");const{context:c}=function(e,t,n,o){let i;return i="node"===n?{data:e.get(o),type:n}:"link"===n?{data:t.get(o),type:n}:"promotedLink"===n?{id:o,type:n}:{type:"background"},{context:i}}(i,r,a,d);if("keyboard"===n){let n;return n="node"===e.type?t.current?.querySelector(`[data-oj-private-node="${d}"]`):"link"===e.type?t.current?.querySelector(`[data-oj-private-link="${d}"]`):t.current?.querySelector(`[data-oj-private-promoted-link="${se(d)}"]`),{type:"element",context:c,elem:n||null}}return{type:"pointer",context:c}},contextMenuOptions:{isDisabled:!n},rootRef:t,contextMenuConfig:n,onContextMenuDismissed:o});return{contextMenuContent:a,contextMenuProps:d}})({focusedItemInfo:Te,rootRef:X,contextMenuConfig:e.length>0?R:void 0,onContextMenuDismissed:Ye,nodesMap:H,linksMap:te,promotedLinkMap:xe}),tt=m.mergeProps(be,Oe,Ze,_e,et);return t.jsxs("div",{ref:X,class:o.outerStyles,...tt,style:qe,tabIndex:0,role:"application","aria-label":C["aria-label"],"aria-labelledby":C["aria-labelledby"],"aria-describedby":v.l([C["aria-describedby"],Fe]),"aria-activedescendant":Ee,children:[de?t.jsx(ze,{centerX:Se,centerY:Le,zoom:Ne,width:i,height:s,children:t.jsx(Ie,{nodes:_,links:Q,zoom:Ne,nodeRenderer:h,linkRenderer:p,width:i,height:s,nodeBounds:j,linkDimensions:E.current,promotedLinkDimensions:O.current,states:Je.current,onNodeSizeChanged:(e,t,o)=>{ie.set(o,{width:e,height:t}),ne.current||(ne.current=!0,window.requestAnimationFrame((()=>{const{labelDims:e,layoutJSON:t}=F(H,te,ye,ie,i,s,Ne,q,X,de);ae.current=e;const o=u(t),{nodePoints:r,nodeLabelPos:d,linkLabelPos:a}=G(o,_,Q);ue.current=d,he.current=a;const{nodeBounds:l,nodeAbsBounds:c}=function(e,t,n){const o=new Map,i=new Map;return e.forEach(((e,r)=>{const s=t.get(r),d=U(r,void 0,n);s&&o.set(r,{x:s.x,y:s.y,width:e.width,height:e.height}),d&&i.set(r,{x:d.x,y:d.y,width:e.width,height:e.height})})),{nodeBounds:o,nodeAbsBounds:i}}(ie,r,X),h=function(e,t=new Map,n=new Map,o,i){if(0===t.size)return;let r,s,d=1/0,a=1/0,l=-1/0,c=-1/0;return t.forEach(((t,n)=>{r=J(t,e.get(n),o),s=U(n,null,i),s&&(d=r.x+s.x<d?r.x+s.x:d,a=r.y+s.y<a?r.y+s.y:a,l=r.x+r.width+s.x>l?r.x+r.width+s.x:l,c=r.y+r.height+s.y>c?r.y+r.height+s.y:c)})),n.forEach(((t,n)=>{r=J(t,e.get(n),o),r&&(d=r.x<d?r.x:d,a=r.y<a?r.y:a,l=r.x+r.width>l?r.x+r.width:l,c=r.y+r.height>c?r.y+r.height:c)})),{x:d,width:l-d,y:a,height:c-a}}(e,d,a,"rtl"===V,X);!function(e,t){if(e.size!==t.size)return!1;let n=!0;return e.forEach(((e,o)=>{const i=t.get(o);i?(Math.abs(e.x-i.x)>.5||Math.abs(e.y-i.y)>.5||Math.abs(e.width-i.width)>.5||Math.abs(e.height-i.height)>.5)&&(n=!1):n=!1})),n}(l,j)||le.current||ce.current?(ce.current=function(e,t,n){const o=[];n.forEach((e=>{o.includes(e.startNode)||o.push(e.startNode),o.includes(e.endNode)||o.push(e.endNode)}));let i=!1;return e.forEach(((e,n)=>{const r=t.get(n);let s=!0;r?(Math.abs(e.x-r.x)>.5||Math.abs(e.y-r.y)>.5||Math.abs(e.width-r.width)>.5||Math.abs(e.height-r.height)>.5)&&(s=!1):s=!1,!s&&o.includes(n)&&(i=!0)})),i}(l,j,n),Y(l),B(c),A(h),fe(o),le.current=!1,Ue("hidden")):"hidden"==Ke&&Ue("visible"),ne.current=!1})))},onLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=E.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(E.current.set(n,{width:e,height:t}),le.current=!0)}},onPromotedLinkSizeChanged:(e,t,n)=>{if(0!==e||0!==t){const o=O.current.get(n);(!o||o&&(Math.abs(e-o.width)>.5||Math.abs(t-o.height)>.5))&&(O.current.set(n,{width:e,height:t}),le.current=!0)}},nodeLabelPositions:ue.current,linkLabelPositions:he.current,labelDimensions:ae.current,supportsSelection:"none"!==l||!!(a?.nodes&&a.nodes.length>0)||!!(a?.links&&a.links.length>0),layoutOutput:ge,nodeIdToParentMap:q,rootRef:X,combinedNodeBounds:ke,nodeBoundsRef:me,promotedLinks:ye,normalizeLinks:z})}):void 0,re,Ve,Qe,Ae,ve]})}e.BaseDiagram=function({width:e,height:i,...r}){return r.nodes&&r.nodes.length>0?t.jsx(n.TrackResizeContainer,{width:e,height:i,class:o.dimensionStyle,children:(e,n)=>t.jsx(We,{width:e,height:n,...r})}):null}}));
 //# sourceMappingURL=BaseDiagram-3bde785f.js.map

package/amd/BaseRichSelection-2a239000.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', 'preact', './useCollectionFocusRing-39368fdd', './useTranslationBundle-e4dd341e', './Label-bb51506c', './InlineHelp-225b70cb', './logger-00b673c5', './TabbableModeContext-a9c97640', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-f4240cbd', './LayerHost-0b288129', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-195ebcbf', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './Grid-caac1c86', './refUtils-77e97004', './useContainerBreakpoints-0a254627', './RichSelectionStartContext-0912e7b0', './View-35699bb2', './classNames-08d99695', './useFormFieldContext-9260f081', './StyledLabelValueLayout-907bc2d3', './useComponentTheme-db55de25', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './formControlUtils-132b4c30', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,c,d,h,u,b,S,y,p,m,x,R,T,_,L,C,A,g,U,f,F,I,w,V,M,k,v,E,B,W,j,D,N,P,O,H,q,$,G,X,z,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,ce,de,he){"use strict";const ue=["xl","lg","md","sm","xs"],be={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},Se={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},ye=(e,s)=>{for(const t of ue)if(e[t])return be[t][s];return be.xs[s]};var pe="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Ie="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const we=({columnSpan:e=1,label:t,labelEdge:a,children:l,labelStartWidth:i="33%",parentComponentVariant:r,hasTopUserAssistance:n=!1,hasSecondaryText:c=!1,hasMedia:d=!1})=>{const{baseTheme:h}=oe.useComponentTheme(le.RadioRedwoodTheme),{baseTheme:u}=oe.useComponentTheme(ne.CheckboxRedwoodTheme),{baseTheme:b}=oe.useComponentTheme(ie.LabelRedwoodTheme),{baseTheme:S}=oe.useComponentTheme(re.FormLayoutRedwoodTheme),y=Z.useRichSelectionContext(),p="richRadioSet"===r,m="richCheckboxSet"===r,x="start"===a,R="top"===a||"inside"===a,T="inside"===a,_=de.computeStartLabelWidth(i,e),L=`calc(100% - ${_})`,C=x?{flexBasis:_,width:_,maxWidth:_}:{},A=x?{flexBasis:L,width:L,maxWidth:L}:{},{isFormLayout:g,isReadonly:U}=o.useFormContext(),{isReadonly:f}=te.useFormFieldContext(),F=g&&U||!g&&f,I=se.classNames([S,ae.labelSlotStyles.base,x&&ae.labelSlotStyles.start,R&&ae.labelSlotStyles.top,R&&n&&ae.labelSlotStyles.topAndTopUA,R&&F&&ae.labelSlotStyles.topPureReadonly]),w=se.classNames([p&&h,m&&u,b,S,ae.labelInnerStyles.base,x&&ae.labelInnerStyles.start,p&&T&&pe,m&&T&&Ce,p&&x&&!n&&"xl"!==y?.layout&&me,p&&x&&!n&&"xl"===y?.layout&&xe,p&&x&&"md"===y?.layout&&!n&&!c&&d&&Re,p&&x&&"md"===y?.layout&&!n&&!c&&!d&&Te,p&&x&&"sm"===y?.layout&&!n&&!c&&d&&_e,p&&x&&"sm"===y?.layout&&!n&&!c&&!d&&Le,m&&x&&!n&&"xl"!==y?.layout&&Ae,m&&x&&!n&&"xl"===y?.layout&&ge,m&&x&&"md"===y?.layout&&!n&&!c&&d&&Ue,m&&x&&"md"===y?.layout&&!n&&!c&&!d&&fe,m&&x&&"sm"===y?.layout&&!n&&!c&&d&&Fe,m&&x&&"sm"===y?.layout&&!n&&!c&&!d&&Ie]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:f&&x?"stretch":"start",labelStyleClasses:I,labelStyles:C,labelInnerClasses:w,label:t,valueStyles:A,children:l})},Ve=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:x,labelEdge:T,labelStartWidth:_="33%",messages:L,parentComponentVariant:C,role:g,testId:U,userAssistanceDensity:f},F=null)=>{const I=A.useTestId(U),w=`${U}-inline-user-assistance`,V=U?`${w}-top`:void 0,M=U?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y,E=t.useRef(null),{groupProps:W,labelProps:j,topUserAssistanceProps:D,bottomUserAssistanceProps:N,readonlyId:P}=X.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:x,labelEdge:T,messages:L,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===C?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=E.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{E.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,G]=c.useCollectionFocusRing(E,"richRadioSet"===C?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Z.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Y.useContainerBreakpoints(Se);return{ref:t,gridTemplateColumns:null!==e?`repeat(${ye(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"!==T||k?e:s.jsx(Z.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e})))),[l,k,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?X.topUAContainerStyles.start:X.topUAContainerStyles.top,children:s.jsx(R.InlineUserAssistanceContainer,{...D,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(ee.View,{padding:["2x",0],width:"100%",children:s.jsx(K.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(z.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(R.InlineUserAssistance,{...N,requiredAlignment:"start",messages:L,userAssistanceDensity:"reflow"===f?"reflow":"efficient",testId:M}):"reflow"===f?void 0:s.jsx(R.InlineUserAssistance,{id:N?.id,userAssistanceDensity:"efficient",testId:M})]}),le=J.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:Q.mergeRefs(E,te),class:le,role:g,...W,...G,...I,children:["none"===T?oe:s.jsx(we,{columnSpan:i,parentComponentVariant:C,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...j,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:C,children:x}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(B.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Me=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:c,helpSourceText:d,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:L},C=null)=>{const A=null!=L&&("single"===R||L.size>0),{isDisabled:g,isReadonly:U,labelEdge:f,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??U,M=y??f,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===he.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Z.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(Ve,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:c,helpSourceText:d,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:C,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Me}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', 'preact', './useCollectionFocusRing-39368fdd', './useTranslationBundle-db326955', './Label-bb51506c', './InlineHelp-225b70cb', './logger-00b673c5', './TabbableModeContext-a9c97640', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-18d1d457', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-6160e7a2', './LayerHost-1a734852', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-224c908e', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './Grid-5324e17b', './refUtils-77e97004', './useContainerBreakpoints-0a254627', './RichSelectionStartContext-0912e7b0', './View-215ec211', './classNames-08d99695', './useFormFieldContext-9260f081', './StyledLabelValueLayout-16ac9a5e', './useComponentTheme-db55de25', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './formControlUtils-132b4c30', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,c,d,h,u,b,S,y,p,m,x,R,T,_,L,C,A,g,U,f,F,I,w,V,M,k,v,E,B,W,j,D,N,P,O,H,q,$,G,X,z,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,ce,de,he){"use strict";const ue=["xl","lg","md","sm","xs"],be={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},Se={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},ye=(e,s)=>{for(const t of ue)if(e[t])return be[t][s];return be.xs[s]};var pe="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Ie="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const we=({columnSpan:e=1,label:t,labelEdge:a,children:l,labelStartWidth:i="33%",parentComponentVariant:r,hasTopUserAssistance:n=!1,hasSecondaryText:c=!1,hasMedia:d=!1})=>{const{baseTheme:h}=oe.useComponentTheme(le.RadioRedwoodTheme),{baseTheme:u}=oe.useComponentTheme(ne.CheckboxRedwoodTheme),{baseTheme:b}=oe.useComponentTheme(ie.LabelRedwoodTheme),{baseTheme:S}=oe.useComponentTheme(re.FormLayoutRedwoodTheme),y=Z.useRichSelectionContext(),p="richRadioSet"===r,m="richCheckboxSet"===r,x="start"===a,R="top"===a||"inside"===a,T="inside"===a,_=de.computeStartLabelWidth(i,e),L=`calc(100% - ${_})`,C=x?{flexBasis:_,width:_,maxWidth:_}:{},A=x?{flexBasis:L,width:L,maxWidth:L}:{},{isFormLayout:g,isReadonly:U}=o.useFormContext(),{isReadonly:f}=te.useFormFieldContext(),F=g&&U||!g&&f,I=se.classNames([S,ae.labelSlotStyles.base,x&&ae.labelSlotStyles.start,R&&ae.labelSlotStyles.top,R&&n&&ae.labelSlotStyles.topAndTopUA,R&&F&&ae.labelSlotStyles.topPureReadonly]),w=se.classNames([p&&h,m&&u,b,S,ae.labelInnerStyles.base,x&&ae.labelInnerStyles.start,p&&T&&pe,m&&T&&Ce,p&&x&&!n&&"xl"!==y?.layout&&me,p&&x&&!n&&"xl"===y?.layout&&xe,p&&x&&"md"===y?.layout&&!n&&!c&&d&&Re,p&&x&&"md"===y?.layout&&!n&&!c&&!d&&Te,p&&x&&"sm"===y?.layout&&!n&&!c&&d&&_e,p&&x&&"sm"===y?.layout&&!n&&!c&&!d&&Le,m&&x&&!n&&"xl"!==y?.layout&&Ae,m&&x&&!n&&"xl"===y?.layout&&ge,m&&x&&"md"===y?.layout&&!n&&!c&&d&&Ue,m&&x&&"md"===y?.layout&&!n&&!c&&!d&&fe,m&&x&&"sm"===y?.layout&&!n&&!c&&d&&Fe,m&&x&&"sm"===y?.layout&&!n&&!c&&!d&&Ie]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:f&&x?"stretch":"start",labelStyleClasses:I,labelStyles:C,labelInnerClasses:w,label:t,valueStyles:A,children:l})},Ve=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:x,labelEdge:T,labelStartWidth:_="33%",messages:L,parentComponentVariant:C,role:g,testId:U,userAssistanceDensity:f},F=null)=>{const I=A.useTestId(U),w=`${U}-inline-user-assistance`,V=U?`${w}-top`:void 0,M=U?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y,E=t.useRef(null),{groupProps:W,labelProps:j,topUserAssistanceProps:D,bottomUserAssistanceProps:N,readonlyId:P}=X.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:x,labelEdge:T,messages:L,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===C?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=E.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{E.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,G]=c.useCollectionFocusRing(E,"richRadioSet"===C?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Z.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Y.useContainerBreakpoints(Se);return{ref:t,gridTemplateColumns:null!==e?`repeat(${ye(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"!==T||k?e:s.jsx(Z.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e})))),[l,k,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?X.topUAContainerStyles.start:X.topUAContainerStyles.top,children:s.jsx(R.InlineUserAssistanceContainer,{...D,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(ee.View,{padding:["2x",0],width:"100%",children:s.jsx(K.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(z.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(R.InlineUserAssistance,{...N,requiredAlignment:"start",messages:L,userAssistanceDensity:"reflow"===f?"reflow":"efficient",testId:M}):"reflow"===f?void 0:s.jsx(R.InlineUserAssistance,{id:N?.id,userAssistanceDensity:"efficient",testId:M})]}),le=J.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:Q.mergeRefs(E,te),class:le,role:g,...W,...G,...I,children:["none"===T?oe:s.jsx(we,{columnSpan:i,parentComponentVariant:C,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...j,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:C,children:x}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(B.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Me=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:c,helpSourceText:d,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:L},C=null)=>{const A=null!=L&&("single"===R||L.size>0),{isDisabled:g,isReadonly:U,labelEdge:f,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??U,M=y??f,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===he.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Z.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(Ve,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:c,helpSourceText:d,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:C,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Me}));
 //# sourceMappingURL=BaseRichSelection-2a239000.js.map

package/amd/BaseSelector-6879e9b8.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-f4240cbd', './useHover-8b8a1496', './mergeProps-bcfa6a92', './StyledCheckbox-09af2883', './PRIVATE_BaseSelector/themes/SelectorStyles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7'], (function(e,o,s,t,n,c,r,l,a,u,i,d){"use strict";const b=e=>{" "===e.key&&(e.preventDefault(),e.stopPropagation())};e.BaseSelector=function({"aria-label":e,"aria-labelledby":i,isChecked:p,onSelectionHandler:f,tooltipContent:C,tooltipProps:v={},testId:y}){const k=s.useRef(null),{isActive:h,activeProps:x}=t.useActive({disabledKeys:["enter"]}),{isFocus:P,focusProps:S}=n.useFocus(),{isHover:m,hoverProps:I}=r.useHover(),{onKeyUp:g,onKeyDown:A,onBlur:D,...F}=x,H=c.useTestId(y),K=s.useCallback((e=>{b(e),A(e)}),[A]),w=s.useCallback((e=>{g(e),f(e)}),[g,f]),B=s.useRef(!1),R=s.useCallback((e=>{B.current=!0,k.current?.focus(),f(e)}),[f]),j="embedded"===d.useCollectionInteractionContext(),T=s.useCallback((e=>{j||e.preventDefault()}),[j]);return o.jsxs("div",{class:u.styles.base,...H,...l.mergeProps(I,F,{onClick:R,onFocusOut:()=>{B.current=!1},onMouseDown:T},v),children:[o.jsx(a.StyledCheckbox,{ref:k,isHover:m,isChecked:p,isActive:h,isEmbedded:j,isFocusRingShown:P&&!B.current,"aria-label":e,"aria-labelledby":i,onKeyDown:K,onKeyUp:w,...l.mergeProps(S,{onBlur:D})}),C]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-6160e7a2', './useHover-8b8a1496', './mergeProps-bcfa6a92', './StyledCheckbox-09af2883', './PRIVATE_BaseSelector/themes/SelectorStyles.css', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7'], (function(e,o,s,t,n,r,c,l,a,u,i,d){"use strict";const b=e=>{" "===e.key&&(e.preventDefault(),e.stopPropagation())};e.BaseSelector=function({"aria-label":e,"aria-labelledby":i,isChecked:p,onSelectionHandler:C,tooltipContent:f,tooltipProps:v={},testId:y}){const k=s.useRef(null),{isActive:h,activeProps:x}=t.useActive({disabledKeys:["enter"]}),{isFocus:P,focusProps:S}=n.useFocus(),{isHover:m,hoverProps:I}=c.useHover(),{onKeyUp:g,onKeyDown:A,onBlur:D,...F}=x,H=r.useTestId(y),K=s.useCallback((e=>{b(e),A(e)}),[A]),w=s.useCallback((e=>{g(e),C(e)}),[g,C]),B=s.useRef(!1),R=s.useCallback((e=>{B.current=!0,k.current?.focus(),C(e)}),[C]),j="embedded"===d.useCollectionInteractionContext(),T=s.useCallback((e=>{j||e.preventDefault()}),[j]);return o.jsxs("div",{class:u.styles.base,...H,...l.mergeProps(I,F,{onClick:R,onFocusOut:()=>{B.current=!1},onMouseDown:T},v),children:[o.jsx(a.StyledCheckbox,{ref:k,isHover:m,isChecked:p,isActive:h,isEmbedded:j,isFocusRingShown:P&&!B.current,"aria-label":e,"aria-labelledby":i,onKeyDown:K,onKeyUp:w,...l.mergeProps(S,{onBlur:D})}),f]})}}));
 //# sourceMappingURL=BaseSelector-6879e9b8.js.map

package/amd/BaseSwatchView-76face8e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './keys-4755c121', './collectionUtils-89bc31e1', './useCurrentKey-5749e7fb', './useCollectionFocusRing-39368fdd', './useTabbableModeSet-71c93723', './useSwatchSelection-d7895475', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-00b673c5', './tabbableUtils-f95361a6', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-038b32c3', './Flex-4b81b412'], (function(e,t,r,s,o,a,n,c,i,l,u,d,b,h,f,y,w,g,m,p,x,v,k){"use strict";const C=s.memo((function({children:e,context:r,isTabbable:s,isFocused:a,isFocusRingVisible:c,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=o.useRef(null),b=r.metadata.key,h=a&&c,f=y.multiVariantStyles({itemFocused:"swatch"===i&&h?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),k=w.classNames([y.styles.itemStyle,f]),C=o.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=o.useRef(null);x.useResizeObserver(u?d:R,C),o.useLayoutEffect((()=>{if("content"===i&&h){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,h,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:k,role:"gridcell","data-oj-key":b,onKeyDown:e=>{"swatch"!==i||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof b&&{"data-oj-key-type":"number"},children:t.jsx(n.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(v.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(k.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},F="[data-oj-key]",K=s.forwardRef((({children:e,data:s,onLoadMore:n=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:k,focusBehavior:K="swatch","aria-label":B,"aria-labelledby":M,columns:T,swatchSize:A,updateSwatchSize:j},P)=>{const V=o.useRef(null);o.useImperativeHandle(P,(()=>V.current),[V]);const E=o.useRef(),I=o.useRef(),L=w||!s||T<1?-1:Math.ceil(s?.length/T),D=T<1?-1:T,[N,z]=o.useState(!0),U=N?K:"swatch",G=o.useRef(!1),O=o.useRef(!1),[H,$]=b.useTabbableModeSet(V,(e=>l.keyExtractor(e,F)),m,p),{currentKeyProps:_}=u.useCurrentKey((e=>l.keyExtractor(e,F)),!0,H(m),l.getPrevNextKeyByCount(s,g,m,-T),l.getPrevNextKeyByCount(s,g,m,T),l.getPrevNextKeyByCount(s,g,m,-1),l.getPrevNextKeyByCount(s,g,m,1),m,p),[q,J]=d.useCollectionFocusRing(V,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);o.useEffect((()=>{if(null!=m&&V.current){const e=l.findElementByKey(V.current,m,F);if(e){if("swatch"===U){const t=e.closest("[role=gridcell]"),r=V.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(V.current.setAttribute("aria-activedescendant",t.id),G.current=!0)}G.current&&(e.scrollIntoView({block:"nearest"}),G.current=!1)}}}),[m,s,U]);const Q=o.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(E.current=Array.from(e.value.keys.values()).pop()),v(e))}),[E,v]),{selectionProps:W}=h.useSwatchSelection((e=>e===V.current?void 0===m?null:m:l.keyExtractor(e,F)),x,!1,"toggle",Q),X=o.useCallback((()=>{O.current||(O.current=!0,n())}),[O,n]);o.useEffect((()=>{O.current=!1}),[s,w]);const Y=o.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Z}=c.useTabbableMode();k=l.getViewportConfig(V,k);const ee=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:s,hasMore:w,onLoadMore:X,loadMoreThreshold:12,viewportConfig:k,children:r=>{const s=Y(r),o=H(s.metadata.key),a=m===s.metadata.key&&!o,n=a&&q;return(r=>t.jsx(C,{context:r,isTabbable:o,isFocused:a,isFocusRingVisible:n,focusBehavior:U,..."content"===K&&{setIsFocusBehaviorValid:z},...0===s.index&&!A.width&&{updateSwatchSize:j},children:e},s.metadata.key))(s)}})})});return t.jsx("div",{...a.mergeProps(_,J,Z,W,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&H(void 0)&&V.current){const e=I.current||l.getFirstVisibleKey(V.current,F);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,F);i.isKeyDefined(t)&&(I.current=t)},onKeyDown:e=>{"content"===U&&"Tab"===e.key&&V.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(G.current=!0)}},{..."swatch"===U&&$}),ref:V,role:"grid",className:y.styles.baseStyle,"aria-label":B,"aria-labelledby":M,"aria-multiselectable":"false","aria-rowcount":L,"aria-colcount":D,children:s?.length||w?ee:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=K,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './keys-4755c121', './collectionUtils-89bc31e1', './useCurrentKey-05038cac', './useCollectionFocusRing-39368fdd', './useTabbableModeSet-71c93723', './useSwatchSelection-d7895475', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-00b673c5', './tabbableUtils-f95361a6', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-038b32c3', './Flex-71f83c12'], (function(e,t,r,s,a,o,c,n,i,l,u,d,b,h,f,y,w,g,m,p,x,v,k){"use strict";const C=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:n,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=a.useRef(null),b=r.metadata.key,h=o&&n,f=y.multiVariantStyles({itemFocused:"swatch"===i&&h?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),k=w.classNames([y.styles.itemStyle,f]),C=a.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=a.useRef(null);x.useResizeObserver(u?d:R,C),a.useLayoutEffect((()=>{if("content"===i&&h){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,h,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:k,role:"gridcell","data-oj-key":b,onKeyDown:e=>{"swatch"!==i||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof b&&{"data-oj-key-type":"number"},children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(v.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(k.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},F="[data-oj-key]",K=s.forwardRef((({children:e,data:s,onLoadMore:c=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:k,focusBehavior:K="swatch","aria-label":B,"aria-labelledby":M,columns:T,swatchSize:A,updateSwatchSize:j},P)=>{const V=a.useRef(null);a.useImperativeHandle(P,(()=>V.current),[V]);const E=a.useRef(),I=a.useRef(),L=w||!s||T<1?-1:Math.ceil(s?.length/T),D=T<1?-1:T,[N,z]=a.useState(!0),U=N?K:"swatch",G=a.useRef(!1),O=a.useRef(!1),[H,$]=b.useTabbableModeSet(V,(e=>l.keyExtractor(e,F)),m,p),{currentKeyProps:_}=u.useCurrentKey((e=>l.keyExtractor(e,F)),!0,H(m),l.getPrevNextKeyByCount(s,g,m,-T),l.getPrevNextKeyByCount(s,g,m,T),l.getPrevNextKeyByCount(s,g,m,-1),l.getPrevNextKeyByCount(s,g,m,1),m,p),[q,J]=d.useCollectionFocusRing(V,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);a.useEffect((()=>{if(null!=m&&V.current){const e=l.findElementByKey(V.current,m,F);if(e){if("swatch"===U){const t=e.closest("[role=gridcell]"),r=V.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(V.current.setAttribute("aria-activedescendant",t.id),G.current=!0)}G.current&&(e.scrollIntoView({block:"nearest"}),G.current=!1)}}}),[m,s,U]);const Q=a.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(E.current=Array.from(e.value.keys.values()).pop()),v(e))}),[E,v]),{selectionProps:W}=h.useSwatchSelection((e=>e===V.current?void 0===m?null:m:l.keyExtractor(e,F)),x,!1,"toggle",Q),X=a.useCallback((()=>{O.current||(O.current=!0,c())}),[O,c]);a.useEffect((()=>{O.current=!1}),[s,w]);const Y=a.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Z}=n.useTabbableMode();k=l.getViewportConfig(V,k);const ee=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:s,hasMore:w,onLoadMore:X,loadMoreThreshold:12,viewportConfig:k,children:r=>{const s=Y(r),a=H(s.metadata.key),o=m===s.metadata.key&&!a,c=o&&q;return(r=>t.jsx(C,{context:r,isTabbable:a,isFocused:o,isFocusRingVisible:c,focusBehavior:U,..."content"===K&&{setIsFocusBehaviorValid:z},...0===s.index&&!A.width&&{updateSwatchSize:j},children:e},s.metadata.key))(s)}})})});return t.jsx("div",{...o.mergeProps(_,J,Z,W,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&H(void 0)&&V.current){const e=I.current||l.getFirstVisibleKey(V.current,F);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,F);i.isKeyDefined(t)&&(I.current=t)},onKeyDown:e=>{"content"===U&&"Tab"===e.key&&V.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(G.current=!0)}},{..."swatch"===U&&$}),ref:V,role:"grid",className:y.styles.baseStyle,"aria-label":B,"aria-labelledby":M,"aria-multiselectable":"false","aria-rowcount":L,"aria-colcount":D,children:s?.length||w?ee:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=K,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)}}));
 //# sourceMappingURL=BaseSwatchView-76face8e.js.map