diff --git a/404.html b/404.html index f9f088849..3bfd780b2 100644 --- a/404.html +++ b/404.html @@ -13,7 +13,7 @@ - + diff --git a/assets/js/017e1775.59b404d2.js b/assets/js/017e1775.e6908a14.js similarity index 99% rename from assets/js/017e1775.59b404d2.js rename to assets/js/017e1775.e6908a14.js index 73744c0d1..53dc8b33f 100644 --- a/assets/js/017e1775.59b404d2.js +++ b/assets/js/017e1775.e6908a14.js @@ -3,7 +3,7 @@ flex-direction: column; align-items: center; margin: 4rem 0; - width: 110%; + /* width: 110%; */ margin-left: -5%; `,s=r.iv` position: relative; @@ -102,7 +102,7 @@ transition: opacity 0.3s ease-in-out; ${B&&"opacity: 1;"}; - `;return(0,u.BX)("div",{css:C,children:["hidden"!=g?(0,u.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:O,children:[(0,u.tZ)("div",{css:N,children:(0,u.tZ)(w,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,p.I)().colorMode?"dark":"light"),css:E})]}):null,(0,u.BX)(o.Z,{css:L,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,u.tZ)(m,{collapse:T,setCollapse:k}):null,d?(0,u.BX)(i.Z,{children:[(0,u.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?f:A})}),(0,u.tZ)(s.Z,{value:b?b[1]:"CSS",label:b?b[1]:Z.cssFile,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,u.tZ)(i.Z,{children:(0,u.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?f:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var r=n(7294),a=n(917),i=n(8230),s=n(4387),o=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:l,children:c,code:p,suffix:u}=e;const[m,w]=(0,r.useState)("");(0,r.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();u||(u=""),e||(e="23.04"),w("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const v=a.iv` + `;return(0,u.BX)("div",{css:C,children:["hidden"!=g?(0,u.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:O,children:[(0,u.tZ)("div",{css:N,children:(0,u.tZ)(w,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,p.I)().colorMode?"dark":"light"),css:E})]}):null,(0,u.BX)(o.Z,{css:L,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,u.tZ)(m,{collapse:T,setCollapse:k}):null,d?(0,u.BX)(i.Z,{children:[(0,u.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?f:A})}),(0,u.tZ)(s.Z,{value:b?b[1]:"CSS",label:b?b[1]:Z.cssFile,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,u.tZ)(i.Z,{children:(0,u.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?f:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var r=n(7294),a=n(917),i=n(8230),s=n(4387),o=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:l,children:c,code:p,suffix:u}=e;const[m,w]=(0,r.useState)("");(0,r.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();u||(u=""),e||(e="23.04"),w("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const v=a.iv` display: inline; ${l&&a.iv` diff --git a/assets/js/0577d7e9.f5e4fae7.js b/assets/js/0577d7e9.2c508bc5.js similarity index 96% rename from assets/js/0577d7e9.f5e4fae7.js rename to assets/js/0577d7e9.2c508bc5.js index 81b7df925..22d6d6e66 100644 --- a/assets/js/0577d7e9.f5e4fae7.js +++ b/assets/js/0577d7e9.2c508bc5.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2084],{978:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),c=n(3273);const l={sidebar_position:0,title:"ListClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListClickEvent"},o=void 0,r={id:"components/events/click-event",title:"ListClickEvent",description:"This event is triggered when the user clicks an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/click-event.md",sourceDirName:"components/events",slug:"/components/events/ListClickEvent",permalink:"/docs/components/events/ListClickEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/click-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListClickEvent"},sidebar:"documentationSidebar",previous:{title:"CheckEvent",permalink:"/docs/components/events/CheckEvent"},next:{title:"FocusEvent",permalink:"/docs/components/events/FocusEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{type:"engine",location:"org/dwcj/component/event/ListClickEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user clicks an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>m});var s=n(7294),i=n(917),c=n(8230),l=n(4387),o=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function m(e){let{type:t,location:n,top:r,children:d,code:m,suffix:u}=e;const[p,v]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();u||(u=""),e||(e="23.04"),v("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2084],{978:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),c=n(3273);const l={sidebar_position:0,title:"ListClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListClickEvent"},o=void 0,r={id:"components/events/click-event",title:"ListClickEvent",description:"This event is triggered when the user clicks an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/click-event.md",sourceDirName:"components/events",slug:"/components/events/ListClickEvent",permalink:"/docs/components/events/ListClickEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/click-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListClickEvent"},sidebar:"documentationSidebar",previous:{title:"CheckEvent",permalink:"/docs/components/events/CheckEvent"},next:{title:"FocusEvent",permalink:"/docs/components/events/FocusEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{type:"engine",location:"org/dwcj/component/event/ListClickEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user clicks an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>m});var s=n(7294),i=n(917),c=n(8230),l=n(4387),o=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function m(e){let{type:t,location:n,top:r,children:d,code:m,suffix:u}=e;const[p,v]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();u||(u=""),e||(e="23.04"),v("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` display: inline; ${r&&i.iv` diff --git a/assets/js/23e38187.00ee860b.js b/assets/js/23e38187.18897774.js similarity index 96% rename from assets/js/23e38187.00ee860b.js rename to assets/js/23e38187.18897774.js index ec522c3e6..a5cd5522e 100644 --- a/assets/js/23e38187.00ee860b.js +++ b/assets/js/23e38187.18897774.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4384],{3299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>v,frontMatter:()=>c,metadata:()=>i,toc:()=>l});var s=n(5893),o=n(1151),r=n(3273);const c={sidebar_position:0,title:"Event",sidebar_class_name:"sidebar--item__hidden",slug:"event",pagination_prev:null},a=void 0,i={id:"components/events/event",title:"Event",description:"This class is the base class for all events fired by the components. It is extended by the other events implemented by various components, and can also be extended to create custom events.",source:"@site/docs/components/events/event.md",sourceDirName:"components/events",slug:"/components/events/event",permalink:"/docs/components/events/event",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"Event",sidebar_class_name:"sidebar--item__hidden",slug:"event",pagination_prev:null},sidebar:"documentationSidebar",next:{title:"BlurEvent",permalink:"/docs/components/events/BlurEvent"}},d={},l=[{value:"Event Payload",id:"event-payload",level:2}];function h(e){const t={code:"code",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/Event",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This class is the base class for all events fired by the components. It is extended by the other events implemented by various components, and can also be extended to create custom events."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getData()"})}),(0,s.jsx)(t.td,{children:"Get the event map sent by the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getEventMap()"})}),(0,s.jsxs)(t.td,{children:["Alias for the ",(0,s.jsx)(t.code,{children:"getData()"})," method above."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getControl()"})}),(0,s.jsx)(t.td,{children:"Gets the control."})]})]})]})]})}function v(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),o=n(917),r=n(8230),c=n(4387),a=n(6770);let i=null,d=null;const l={getLatestTag:async function(){return i&&d&&Date.now()-d<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,d=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:i,children:d,code:v,suffix:p}=e;const[u,m]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4384],{3299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>v,frontMatter:()=>c,metadata:()=>i,toc:()=>l});var s=n(5893),o=n(1151),r=n(3273);const c={sidebar_position:0,title:"Event",sidebar_class_name:"sidebar--item__hidden",slug:"event",pagination_prev:null},a=void 0,i={id:"components/events/event",title:"Event",description:"This class is the base class for all events fired by the components. It is extended by the other events implemented by various components, and can also be extended to create custom events.",source:"@site/docs/components/events/event.md",sourceDirName:"components/events",slug:"/components/events/event",permalink:"/docs/components/events/event",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"Event",sidebar_class_name:"sidebar--item__hidden",slug:"event",pagination_prev:null},sidebar:"documentationSidebar",next:{title:"BlurEvent",permalink:"/docs/components/events/BlurEvent"}},d={},l=[{value:"Event Payload",id:"event-payload",level:2}];function h(e){const t={code:"code",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/Event",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This class is the base class for all events fired by the components. It is extended by the other events implemented by various components, and can also be extended to create custom events."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getData()"})}),(0,s.jsx)(t.td,{children:"Get the event map sent by the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getEventMap()"})}),(0,s.jsxs)(t.td,{children:["Alias for the ",(0,s.jsx)(t.code,{children:"getData()"})," method above."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getControl()"})}),(0,s.jsx)(t.td,{children:"Gets the control."})]})]})]})]})}function v(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),o=n(917),r=n(8230),c=n(4387),a=n(6770);let i=null,d=null;const l={getLatestTag:async function(){return i&&d&&Date.now()-d<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,d=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:i,children:d,code:v,suffix:p}=e;const[u,m]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` display: inline; ${i&&o.iv` diff --git a/assets/js/2abf1b13.74f37f73.js b/assets/js/2abf1b13.74f37f73.js new file mode 100644 index 000000000..19ac54d8a --- /dev/null +++ b/assets/js/2abf1b13.74f37f73.js @@ -0,0 +1,100 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4373],{6672:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>b,frontMatter:()=>c,metadata:()=>h,toc:()=>p});var s=n(5893),i=n(1151),o=n(6957),r=n(7796),a=n(3273),l=n(2665);const c={sidebar_position:3,title:"ListBox",slug:"listbox"},d=void 0,h={id:"components/list-components/list-box",title:"ListBox",description:"The ListBox component is a user interface element designed to display a scrollable list of objects and allows users to select single or multiple items from the list. Users can also interact with the ListBox with the arrow keys.",source:"@site/docs/components/list-components/list-box.md",sourceDirName:"components/list-components",slug:"/components/list-components/listbox",permalink:"/docs/components/list-components/listbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/list-components/list-box.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3,title:"ListBox",slug:"listbox"},sidebar:"documentationSidebar",previous:{title:"ComboBox",permalink:"/docs/components/list-components/combobox"},next:{title:"ProgressBar",permalink:"/docs/components/progress-bar"}},u={},p=[{value:"Usages",id:"usages",level:2},{value:"Constructors",id:"constructors",level:2},{value:"Selection Options",id:"selection-options",level:2},{value:"Events",id:"events",level:2},{value:"Adding Events",id:"adding-events",level:3},{value:"Removing Events",id:"removing-events",level:3},{value:"Styling",id:"styling",level:2},{value:"Expanses",id:"expanses",level:3},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3},{value:"Best Practices",id:"best-practices",level:2}];function m(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,s.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-list-box",href:"https://basishub.github.io/basis-next/#/web-components/bbj-list-box",clickable:!1,iconName:"code"}),"\n",(0,s.jsx)(a.Z,{type:"engine",location:"org/dwcj/component/button/Button",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"ListBox"})," component is a user interface element designed to display a scrollable list of objects and allows users to select single or multiple items from the list. Users can also interact with the ",(0,s.jsx)(t.code,{children:"ListBox"})," with the arrow keys."]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxDemo",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxDemo.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/listbox_demo.css",height:"250px"}),"\n",(0,s.jsx)(t.h2,{id:"usages",children:"Usages"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"User Role Assignment"}),": In applications with user access control, administrators can use a ",(0,s.jsx)(t.code,{children:"ListBox"})," to assign roles and permissions to users. Users are selected from a list, and the roles or permissions are assigned based on their selection. This ensures precise and controlled access to different features and data within the application."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Project Task Assignment"}),": In project management software, ",(0,s.jsx)(t.code,{children:"ListBox"})," components are useful for assigning tasks to team members. Users can select tasks from a list and assign them to different team members. This simplifies task delegation and ensures that responsibilities are clearly defined within the team."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Multi-Category Filtering"}),": In a search application, users often need to filter search results based on multiple criteria. A ",(0,s.jsx)(t.code,{children:"ListBox"})," can display various filter options, such as"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"Product features"}),"\n",(0,s.jsx)(t.li,{children:"Price ranges"}),"\n",(0,s.jsx)(t.li,{children:"Brands."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"Users can select items from each filter category, allowing them to refine search results and find exactly what they're looking for."}),"\n",(0,s.jsxs)(t.ol,{start:"4",children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Content Categorization"}),": In content management systems, ",(0,s.jsx)(t.code,{children:"ListBox"})," components assist in categorizing articles, images, or files. Users can select one or more categories to associate with their content, making it easier to organize and search for content items in the system."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"constructors",children:"Constructors"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox()"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," without a label."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox(String label)"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," with the specified label."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox(String label, ComponentEventListener selectListener)"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," with the given label and a listener to handle item selection events."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"selection-options",children:"Selection Options"}),"\n",(0,s.jsxs)(t.p,{children:["By default, the list box is configured to allow selection of a single item at a time. However, this can be easily configured with a built-in method which allows users to select multiple items ",(0,s.jsx)(t.em,{children:(0,s.jsxs)(t.strong,{children:["using the ",(0,s.jsx)(t.code,{children:"Shift"})," key"]})})," for contiguous entry selection and ",(0,s.jsx)(t.em,{children:(0,s.jsxs)(t.strong,{children:[(0,s.jsx)(t.code,{children:"Control"})," (Windows) or ",(0,s.jsx)(t.code,{children:"Command"})," (Mac) key"]})})," for separate, multiple item selection. Use the ",(0,s.jsx)(t.code,{children:"setMultipleSelection()"})," function to change this property. True will enable multiple selection, false disables it."]}),"\n",(0,s.jsxs)(t.p,{children:["Additionally, the arrow keys can be used to navigate the ",(0,s.jsx)(t.code,{children:"ListBox"}),", and typing a letter key while the ",(0,s.jsx)(t.code,{children:"ListBox"})," has focus will select the option that begins with that letter, or cycle through the options beginning with that letter should multiple options exist."]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxMultipleSelection",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxMultipleSelection.java",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/code_snippets/listbox/MultipleSelection.txt",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/multiple_selection.css",height:"250px"}),"\n",(0,s.jsx)(t.h2,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"ListBox"})," class provides methods to add and remove event listeners for the events common to all list components."]}),"\n",(0,s.jsx)(t.admonition,{title:"Notice",type:"caution",children:(0,s.jsxs)(t.p,{children:["For a list of events supported by the ",(0,s.jsx)(t.code,{children:"ListBox"}),", see ",(0,s.jsx)(t.a,{href:"/docs/components/list-components/lists#shared-events",children:"this section"})," which outlines shared events amongst list components."]})}),"\n",(0,s.jsx)(t.h3,{id:"adding-events",children:"Adding Events"}),"\n",(0,s.jsx)(t.p,{children:"To add an event listener, use one of the following patterns:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.addSelectListener(e -> {\r\n //Executed when the event fires\r\n});\r\n\r\n//OR\r\n\r\nlistBox.addSelectListener(new ComponentEventListener() {\r\n @Override\r\n public void onComponentEvent(ComponentEvent e){\r\n //Executed when the event fires\r\n }\r\n});\r\n\r\n//OR\r\n\r\nlistBox.addSelectListener(this::propertyChangeMethod);\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Additional syntactic sugar methods, or aliases, have been added to allow for alternative addition of events by using the ",(0,s.jsx)(t.code,{children:"on"})," prefix followed by the event, such as:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.onSelect(e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,s.jsx)(t.h3,{id:"removing-events",children:"Removing Events"}),"\n",(0,s.jsx)(t.p,{children:"To remove an event listener, use the appropriate method:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.removeSelectListener(listener);\n"})}),"\n",(0,s.jsx)(t.admonition,{type:"tip",children:(0,s.jsxs)(t.p,{children:["When adding an event listener, a ",(0,s.jsx)(t.code,{children:"ListenerRegistration"})," object will be returned. This can be used, among other things, to remove the event later on."]})}),"\n",(0,s.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,s.jsx)(t.h3,{id:"expanses",children:"Expanses"}),"\n",(0,s.jsxs)(t.p,{children:["There are five ",(0,s.jsx)(t.code,{children:"ListBox"})," expanses that are supported which allow for quick styling without using CSS. Expanses are supported by use of a built-in enum class. ",(0,s.jsx)("br",{})]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxExpanses",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxExpanses.java",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/code_snippets/listbox/Expanses.txt",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/expanse_styles.css",height:"300px"}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.jsxs)(t.p,{children:["These are the various parts of the ",(0,s.jsx)(t.a,{href:"../../glossary#shadow-dom",children:"shadow DOM"})," for the ",(0,s.jsx)(t.code,{children:"ListBox"})," component, which will be required when styling via CSS is desired."]}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,table:"parts",exclusions:""}),"\n",(0,s.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,s.jsx)(t.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,exclusions:"",table:"properties"}),"\n",(0,s.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,s.jsx)(t.p,{children:"The reflected attributes of a component will be shown as attributes in the rendered HTML element for the component in the DOM. This means that styling can be applied using these attributes."}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,table:"reflects",exclusions:""}),"\n",(0,s.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,s.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,s.jsx)(r.Z,{tag:"bbj-list",table:"dependencies"}),"\n",(0,s.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,s.jsxs)(t.p,{children:["To ensure an optimal user experience when using the ",(0,s.jsx)(t.code,{children:"ChoiceBox"})," component, consider the following best practices:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Prioritize Information Hierarchy"}),": When using a ",(0,s.jsx)(t.code,{children:"ListBox"}),", ensure that the items are organized in a logical and hierarchical order. Place the most important and commonly used options at the top of the list. This makes it easier for users to find what they need without excessive scrolling."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Limit List Length"}),": Avoid overwhelming users with an excessively long ",(0,s.jsx)(t.code,{children:"ListBox"}),". If there are a large number of items to display, consider implementing pagination, search, or filtering options to help users locate items quickly. Alternatively, you can group items into categories to reduce list length."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Clear and Descriptive Labels"}),": Provide clear and descriptive labels for each item in the ",(0,s.jsx)(t.code,{children:"ListBox"}),". Users should be able to understand the purpose of each option without ambiguity. Use concise and meaningful item labels."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Multi-Selection Feedback"}),": If your ",(0,s.jsx)(t.code,{children:"ListBox"})," allows for multiple selections, provide visual or textual feedback indicating that multiple items can be selected from the list."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Default Selection"}),": Consider setting a default selection for the ",(0,s.jsx)(t.code,{children:"ListBox"}),", especially if one option is more commonly used than others. This can streamline the user experience by pre-selecting the most likely choice."]}),"\n"]}),"\n"]})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(m,{...e})}):m(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>r});n(7294);var s=n(6010);const i={tabItem:"tabItem_Ymn6"};var o=n(5893);function r(e){let{children:t,hidden:n,className:r}=e;return(0,o.jsx)("div",{role:"tabpanel",className:(0,s.Z)(i.tabItem,r),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var s=n(7294),i=n(6010),o=n(2466),r=n(6550),a=n(469),l=n(1980),c=n(7392),d=n(12);function h(e){return s.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,s.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:n}=e;return(0,s.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:n,attributes:s,default:i}}=e;return{value:t,label:n,attributes:s,default:i}}))}(n);return function(e){const t=(0,c.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const i=(0,r.k6)(),o=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,l._X)(o),(0,s.useCallback)((e=>{if(!o)return;const t=new URLSearchParams(i.location.search);t.set(o,e),i.replace({...i.location,search:t.toString()})}),[o,i])]}function b(e){const{defaultValue:t,queryString:n=!1,groupId:i}=e,o=u(e),[r,l]=(0,s.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const s=n.find((e=>e.default))??n[0];if(!s)throw new Error("Unexpected error: 0 tabValues");return s.value}({defaultValue:t,tabValues:o}))),[c,h]=m({queryString:n,groupId:i}),[b,x]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[i,o]=(0,d.Nk)(n);return[i,(0,s.useCallback)((e=>{n&&o.set(e)}),[n,o])]}({groupId:i}),g=(()=>{const e=c??b;return p({value:e,tabValues:o})?e:null})();(0,a.Z)((()=>{g&&l(g)}),[g]);return{selectedValue:r,selectValue:(0,s.useCallback)((e=>{if(!p({value:e,tabValues:o}))throw new Error(`Can't select invalid tab value=${e}`);l(e),h(e),x(e)}),[h,x,o]),tabValues:o}}var x=n(2389);const g={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var v=n(5893);function A(e){let{className:t,block:n,selectedValue:s,selectValue:r,tabValues:a}=e;const l=[],{blockElementScrollPositionUntilNextRender:c}=(0,o.o5)(),d=e=>{const t=e.currentTarget,n=l.indexOf(t),i=a[n].value;i!==s&&(c(t),r(i))},h=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=l.indexOf(e.currentTarget)+1;t=l[n]??l[0];break}case"ArrowLeft":{const n=l.indexOf(e.currentTarget)-1;t=l[n]??l[l.length-1];break}}t?.focus()};return(0,v.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.Z)("tabs",{"tabs--block":n},t),children:a.map((e=>{let{value:t,label:n,attributes:o}=e;return(0,v.jsx)("li",{role:"tab",tabIndex:s===t?0:-1,"aria-selected":s===t,ref:e=>l.push(e),onKeyDown:h,onClick:d,...o,className:(0,i.Z)("tabs__item",g.tabItem,o?.className,{"tabs__item--active":s===t}),children:n??t},t)}))})}function w(e){let{lazy:t,children:n,selectedValue:i}=e;const o=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=o.find((e=>e.props.value===i));return e?(0,s.cloneElement)(e,{className:"margin-top--md"}):null}return(0,v.jsx)("div",{className:"margin-top--md",children:o.map(((e,t)=>(0,s.cloneElement)(e,{key:t,hidden:e.props.value!==i})))})}function f(e){const t=b(e);return(0,v.jsxs)("div",{className:(0,i.Z)("tabs-container",g.tabList),children:[(0,v.jsx)(A,{...e,...t}),(0,v.jsx)(w,{...e,...t})]})}function j(e){const t=(0,x.Z)();return(0,v.jsx)(f,{...e,children:h(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>x});var s=n(7294),i=n(917),o=n(4866),r=n(5162),a=n(4673),l=n(1750);const c="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAABmJLR0QA/wD/AP+gvaeTAAAG/ElEQVR4nO3dTW7bRhgG4Ddu4bTHa72Ir+UbNKskm/YgvYJhGF61B2gcIEDdRSVAMGxLIueHQz4PMBtDGeoj9EIfxWEmAQAAAAAAAAAAAAAAAAAAAAAAACjnMsl1ks9JbpN8343b3d+ud68BFuYqyUOSpyPjYfdaYAEuktzkeHCfj5vdvwU6mhLewxADnVxlenj3QzsNHVwmucv8AN8ned/2rQPXmR/e/fjQ+L1TiB8xxvVLwbl+LTgXcIIS7fN+3DV+7xTyrvcbYLLHJD8Vmutbkp8LzUVDAjyup8Lz+SwMyDUwDEyAYWACDAMTYBiYAMPABBgGJsAwMAGGgQkwDEyAYWACDAMTYBiYAMPABBgGJsAwMAGGgQkwDEyAYWACDAMT4Dq2tkvg1uplxVrtEljqv5Tdj6nsisgqtN4lsHeA7YrIqszZJfBjzv9Q9wzwxe49Tz2WXRFZlBK7BJ4b4l4Bnhve/dBOswildgl8SvIpyY8nHrdHgC+S/FboePexKyILUHKXwHNC3DrAJcO7H3ZFpLsvKR+mU9rplgEu1TY/H1+OHBeqK7lL4DkhbhXgWuF9il0RWYDH1PlwP+XtdrpFgGu0zYfj8ZXjQjNfU+8D/laIawe4dnifkvzz+mmFNmq10IfjpXa6ZoBrts2HQwtNdzV+xDolxLUC3Cq8T/EjFgtQ+jbSW+Owna4R4BZt8+FwG4nuSi7kOCfEpedtHd77WMjBQpRYSnnOqNHitmqb98NSShZlzsMMWxseZmBxWv74M/KY8uQVNNH6OnK08SnJD1NPLrQgxMLL4IRYeBmcEAsvg9t6iIWX4W01xMLLamwtxMLL6mzlPrH7vKzW2r+JffOyemsNsfCyGWsLsfCyOWsJsfCyWaOHWHjZvFFDLLywM9otJreK4JlRQiy88Iqlh1h44YilXhO75oUTLS3EwgtnWko7rW2GiXqHWHhhpl4hFl4opPU1sWteKKzVN7FvXqikdoiFFyqr1U5rm6GR0iEWXmisVDutbYZO5oZYeKGzi0zb2vQmwguLcZXkIceD+xCba8MiXSa5TvI5yW2S77txu/vb9e41AAAAAAAAAAAAwCK9tBTw1MX5S1oyqA51bM6pi/FPHb0W7atDHZsy9XG4U0erx+bUoY5NqnmSD0+2OtQxYh2LdpX6J3k/arY96lDH5lwmuUu7E32f5L061DFIHYt3nXYneT8+qEMdg9Rxkp4X4b90OOavFeZUx3TqGFjLNmc/7tShjkHqOMm7XgdO8pjkp8bH/Jbk58JzqmM6dczUs4V+6nDMfyvMqY7p1DFTzwD/1eGYf1eYUx3TqWOmngH+cyXHVMeyjrmWOk7SM8B/dDjm7xXmVMd06hjYWm64q0Mdm1zIkaxnyZs61LFZa1l0rg51bNJaHvtShzo2bS0PXqtDHZu1lv/6RB3qAAAAAAAAAAAAAJp7acmgpYAwgFMX7VuMDwsy9bE5j8NBZxdJPmb6o3EfI8TQxdzwCjF0cpHkt5R7SP1Tkh9bFgBbVTq8QgyNlGqbtdPQWO3wCjFUUqtt1k5DZa3DK8RQSKu2WTsNhfUOrxDDRL3aZu00zLS08AoxnGgpbbN2Gs609PAKMbxilPAKMTyz1GveY8M1MZs3aniFmM0bPbxCzGatJbxCzOasLbxCzGasNbxCzOqNdqto6nCLidVZ+zevb2JWa2vhFWJWY6vhFWKGt/XwCjHDEl4hZlDCK8QMSniFmEFt5T7v3OE+MYs0ZYvPrY6biecYqrhK+2+xEeZ8a9hknEW4THKXdh/8T0l+qDBv6+v3+yTvzz7bUNh12oc3FeZO2of4wzknGmr4kjYf9uc//tQIcNL2x7gvJ55jqKZF+/zSL7e1Apy0C/Hd0bMLlT2m7of8sG0+VDPASZt2+vH10wptfE378KbCsV5SO8T/vHJcaKZWC31swUOLACd122ktNN3V+BHrlNVKrQKc1AuxH7HorvRtpLfa5kMtA5zUaafdRqK7kgs5Tg1vCh3vnAAnZUN8Hws5WIgSSynPXeTfI8BJuXbaUkoWZc7DDFOe0OkV4GR+iD3MwOJcZFqIbzLt8bqeAU7a1wtNXCV5yPEP8kPmtZG9A7zXql5o5jL//zr9Ocltku+7cbv72/XuNXMsJcBJm3p5wbveb4DJ5obuOZ+FAbkWgYEJMAxMgGFgAgwDE2AYmADDwAQYBibAMDABhoEJMAxMgGFgAgwDE2AYmADDwAQYBibAMDABhoEJMAxMgGFgAjyukltzfi04Fw0J8Lj+KjjX3wXnoiEBHtefC52LhgR4XH8UnOv3gnMBJyi1K+J97BIIXZTYFdF2J9DRnF0R7RIIndklEFbALoEwOLsEAgAAAAAAAAAAAAAAAAAAAAAAAE39B2tV13Hdy+hQAAAAAElFTkSuQmCC",d=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=n(2949),p=n(5944);function m(e){let{collapse:t,setCollapse:n}=e;const s=i.iv` + display: flex; + justify-content: end; + margin-bottom: -30px; + background-color: transparent; + `,o=i.iv` + position: relative; + cursor: pointer; + z-index: 10; + height: 35px; + width: 35px; + border: none; + background-color: none; + justify-self: flex-end; + margin-right: 5px; + background-color: transparent; + `,r=i.iv` + filter: invert(var(--inversion-percentage)); + `;return(0,p.tZ)("div",{css:s,children:(0,p.tZ)("button",{css:o,onClick:()=>{n(!t)},children:t?(0,p.tZ)("img",{css:r,src:d,className:"icon-tabler-arrow-bar-up"}):(0,p.tZ)("img",{css:r,src:c,className:"icon-tabler-arrow-bar-down"})})})}function b(e){let{url:t}=e;const n=i.iv` + position: relative; + cursor: pointer; + z-index: 10; + height: 35px; + width: 35px; + border: none; + background-color: none; + justify-self: flex-end; + /* margin-right: 5px; */ + margin-top: -5px; + margin-bottom: -20px; + background-color: transparent; + + + `,s=i.iv` + filter: invert(var(--inversion-percentage)); + ::before{ + mix-blend-mode: lighten; /* The blend mode determines how the overlay interacts with the image */ + opacity: 0.5; + } + `;return(0,p.tZ)("button",{css:n,onClick:()=>{window.open(t,"_blank")},children:(0,p.tZ)("img",{css:s,src:h})})}function x(e){let{path:t,javaC:n,javaE:c,cssURL:d,javaHighlight:h,height:x,frame:g,tabs:v}=e;const[A,w]=(0,s.useState)(""),[f,j]=(0,s.useState)(""),[y,B]=(0,s.useState)(""),[L,D]=(0,s.useState)(!(!n||!c)),[S,k]=(0,s.useState)(!1),[C,Z]=(0,s.useState)({});(0,s.useEffect)((()=>{c&&fetch(c).then((e=>e.text())).then((e=>{j(e);const t=new URL(c).pathname.split("/"),n=t[t.length-1];Z((e=>({...e,javaFile:n})))})),n&&fetch(n).then((e=>e.text())).then((e=>{w(e)})),d&&fetch(d).then((e=>e.text())).then((e=>{B(e);const t=new URL(d).pathname.split("/"),n=t[t.length-1];Z((e=>({...e,cssFile:n})))}))}),[]);const E=i.iv` + display: flex; + flex-direction: column; + background-color: var(--code-display-color); + width: 100%; + margin-bottom: 16px; + padding: ${"hidden"==g?"0 15px 0 15px;":"7px 15px 0 15px;"}; + box-shadow: var(--ifm-global-shadow-lw); + `,T=i.iv` + min-height: 100px; + height: 100%; + width: 100%; + height: ${x}; + `,N=i.iv` + border: none; + box-shadow: none; + background-color: var(--code-display-color); + margin-bottom: 0px; + padding: 10px; + + .tabs{ + margin-top: 20px; + } + + summary{ + display: flex; + width: 100%; + justify-content: center; + margin: 0; + font-weight: bold; + ::before{ + left: auto; + margin-left: -100px; + } + } + + `,O=i.iv` + width: 100%; + `,M=i.iv` + display: flex; + justify-content: flex-end; + opacity: 0; + transition: opacity 0.3s ease-in-out; + ${S&&"opacity: 1;"}; + + `;return(0,p.BX)("div",{css:E,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:O,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(a.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:L,setCollapse:D}):null,d?(0,p.BX)(o.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:L?A:f})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:C.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(o.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:L?A:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),o=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` + display: inline; + + ${l&&i.iv` + width: 100%; + display: flex; + justify-content: flex-end; + margin-top: -33px; + margin-bottom: 25px; + `} + `,g=i.iv` + background-color: #0063CC; + :hover{ + color: white; + } + `;return(0,h.BX)(h.HY,{children:["true"===l&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(r.Z,{css:g,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(a.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==l&&!u&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("a",{href:m,target:"_blank",children:c})}),"true"!==l&&u&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:c})})})]})}},1415:(e,t,n)=>{n.d(t,{Z:()=>o});n(7294);var s=n(8397),i=n(5893);function o(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.Z,{...e})})}},5731:e=>{e.exports=JSON.parse('{"LN":"bbj-app-layout","zx":"bbj-button","Kx":"bbj-cedit","XZ":"bbj-checkbox","gN":"bbj-editbox","iR":"bbj-slider","wb":"bbj-list","Z":"bbj-list-button","Ct":"bbj-list-edit","ko":"bbj-progressbar","EU":"bbj-radio","dy":"bbj-drawer","Vq":"bbj-dialog","JO":"bbj-icon"}')}}]); \ No newline at end of file diff --git a/assets/js/2abf1b13.91b2910b.js b/assets/js/2abf1b13.91b2910b.js deleted file mode 100644 index 642cbfe96..000000000 --- a/assets/js/2abf1b13.91b2910b.js +++ /dev/null @@ -1,100 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4373],{6672:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>b,frontMatter:()=>c,metadata:()=>h,toc:()=>p});var s=n(5893),i=n(1151),o=n(6957),r=n(7796),a=n(3273),l=n(2665);const c={sidebar_position:3,title:"ListBox",slug:"listbox"},d=void 0,h={id:"components/list-components/list-box",title:"ListBox",description:"The ListBox component is a user interface element designed to display a scrollable list of objects and allows users to select single or multiple items from the list. Users can also interact with the ListBox with the arrow keys.",source:"@site/docs/components/list-components/list-box.md",sourceDirName:"components/list-components",slug:"/components/list-components/listbox",permalink:"/docs/components/list-components/listbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/list-components/list-box.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3,title:"ListBox",slug:"listbox"},sidebar:"documentationSidebar",previous:{title:"ComboBox",permalink:"/docs/components/list-components/combobox"},next:{title:"ProgressBar",permalink:"/docs/components/progress-bar"}},u={},p=[{value:"Usages",id:"usages",level:2},{value:"Constructors",id:"constructors",level:2},{value:"Selection Options",id:"selection-options",level:2},{value:"Events",id:"events",level:2},{value:"Adding Events",id:"adding-events",level:3},{value:"Removing Events",id:"removing-events",level:3},{value:"Styling",id:"styling",level:2},{value:"Expanses",id:"expanses",level:3},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3},{value:"Best Practices",id:"best-practices",level:2}];function m(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,s.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-list-box",href:"https://basishub.github.io/basis-next/#/web-components/bbj-list-box",clickable:!1,iconName:"code"}),"\n",(0,s.jsx)(a.Z,{type:"engine",location:"org/dwcj/component/button/Button",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"ListBox"})," component is a user interface element designed to display a scrollable list of objects and allows users to select single or multiple items from the list. Users can also interact with the ",(0,s.jsx)(t.code,{children:"ListBox"})," with the arrow keys."]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxDemo",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxDemo.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/listbox_demo.css",height:"250px"}),"\n",(0,s.jsx)(t.h2,{id:"usages",children:"Usages"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"User Role Assignment"}),": In applications with user access control, administrators can use a ",(0,s.jsx)(t.code,{children:"ListBox"})," to assign roles and permissions to users. Users are selected from a list, and the roles or permissions are assigned based on their selection. This ensures precise and controlled access to different features and data within the application."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Project Task Assignment"}),": In project management software, ",(0,s.jsx)(t.code,{children:"ListBox"})," components are useful for assigning tasks to team members. Users can select tasks from a list and assign them to different team members. This simplifies task delegation and ensures that responsibilities are clearly defined within the team."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Multi-Category Filtering"}),": In a search application, users often need to filter search results based on multiple criteria. A ",(0,s.jsx)(t.code,{children:"ListBox"})," can display various filter options, such as"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"Product features"}),"\n",(0,s.jsx)(t.li,{children:"Price ranges"}),"\n",(0,s.jsx)(t.li,{children:"Brands."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"Users can select items from each filter category, allowing them to refine search results and find exactly what they're looking for."}),"\n",(0,s.jsxs)(t.ol,{start:"4",children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Content Categorization"}),": In content management systems, ",(0,s.jsx)(t.code,{children:"ListBox"})," components assist in categorizing articles, images, or files. Users can select one or more categories to associate with their content, making it easier to organize and search for content items in the system."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"constructors",children:"Constructors"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox()"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," without a label."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox(String label)"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," with the specified label."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"ListBox(String label, ComponentEventListener selectListener)"})}),": Constructs a new ",(0,s.jsx)(t.code,{children:"ListBox"})," with the given label and a listener to handle item selection events."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"selection-options",children:"Selection Options"}),"\n",(0,s.jsxs)(t.p,{children:["By default, the list box is configured to allow selection of a single item at a time. However, this can be easily configured with a built-in method which allows users to select multiple items ",(0,s.jsx)(t.em,{children:(0,s.jsxs)(t.strong,{children:["using the ",(0,s.jsx)(t.code,{children:"Shift"})," key"]})})," for contiguous entry selection and ",(0,s.jsx)(t.em,{children:(0,s.jsxs)(t.strong,{children:[(0,s.jsx)(t.code,{children:"Control"})," (Windows) or ",(0,s.jsx)(t.code,{children:"Command"})," (Mac) key"]})})," for separate, multiple item selection. Use the ",(0,s.jsx)(t.code,{children:"setMultipleSelection()"})," function to change this property. True will enable multiple selection, false disables it."]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxMultipleSelection",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxMultipleSelection.java",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/code_snippets/listbox/MultipleSelection.txt",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/multiple_selection.css",height:"250px"}),"\n",(0,s.jsx)(t.h2,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"ListBox"})," class provides methods to add and remove event listeners for the events common to all list components."]}),"\n",(0,s.jsx)(t.admonition,{title:"Notice",type:"caution",children:(0,s.jsxs)(t.p,{children:["For a list of events supported by the ",(0,s.jsx)(t.code,{children:"ListBox"}),", see ",(0,s.jsx)(t.a,{href:"/docs/components/list-components/lists#shared-events",children:"this section"})," which outlines shared events amongst list components."]})}),"\n",(0,s.jsx)(t.h3,{id:"adding-events",children:"Adding Events"}),"\n",(0,s.jsx)(t.p,{children:"To add an event listener, use one of the following patterns:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.addSelectListener(e -> {\r\n //Executed when the event fires\r\n});\r\n\r\n//OR\r\n\r\nlistBox.addSelectListener(new ComponentEventListener() {\r\n @Override\r\n public void onComponentEvent(ComponentEvent e){\r\n //Executed when the event fires\r\n }\r\n});\r\n\r\n//OR\r\n\r\nlistBox.addSelectListener(this::propertyChangeMethod);\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Additional syntactic sugar methods, or aliases, have been added to allow for alternative addition of events by using the ",(0,s.jsx)(t.code,{children:"on"})," prefix followed by the event, such as:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.onSelect(e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,s.jsx)(t.h3,{id:"removing-events",children:"Removing Events"}),"\n",(0,s.jsx)(t.p,{children:"To remove an event listener, use the appropriate method:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-java",children:"listBox.removeSelectListener(listener);\n"})}),"\n",(0,s.jsx)(t.admonition,{type:"tip",children:(0,s.jsxs)(t.p,{children:["When adding an event listener, a ",(0,s.jsx)(t.code,{children:"ListenerRegistration"})," object will be returned. This can be used, among other things, to remove the event later on."]})}),"\n",(0,s.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,s.jsx)(t.h3,{id:"expanses",children:"Expanses"}),"\n",(0,s.jsxs)(t.p,{children:["There are five ",(0,s.jsx)(t.code,{children:"ListBox"})," expanses that are supported which allow for quick styling without using CSS. Expanses are supported by use of a built-in enum class. ",(0,s.jsx)("br",{})]}),"\n",(0,s.jsx)(o.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.listboxdemos.ListboxExpanses",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/listboxdemos/ListboxExpanses.java",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/code_snippets/listbox/Expanses.txt",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/listboxstyles/expanse_styles.css",height:"300px"}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.jsxs)(t.p,{children:["These are the various parts of the ",(0,s.jsx)(t.a,{href:"../../glossary#shadow-dom",children:"shadow DOM"})," for the ",(0,s.jsx)(t.code,{children:"ListBox"})," component, which will be required when styling via CSS is desired."]}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,table:"parts",exclusions:""}),"\n",(0,s.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,s.jsx)(t.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,exclusions:"",table:"properties"}),"\n",(0,s.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,s.jsx)(t.p,{children:"The reflected attributes of a component will be shown as attributes in the rendered HTML element for the component in the DOM. This means that styling can be applied using these attributes."}),"\n",(0,s.jsx)(r.Z,{tag:n(5731).wb,table:"reflects",exclusions:""}),"\n",(0,s.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,s.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,s.jsx)(r.Z,{tag:"bbj-list",table:"dependencies"}),"\n",(0,s.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,s.jsxs)(t.p,{children:["To ensure an optimal user experience when using the ",(0,s.jsx)(t.code,{children:"ChoiceBox"})," component, consider the following best practices:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Prioritize Information Hierarchy"}),": When using a ",(0,s.jsx)(t.code,{children:"ListBox"}),", ensure that the items are organized in a logical and hierarchical order. Place the most important and commonly used options at the top of the list. This makes it easier for users to find what they need without excessive scrolling."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Limit List Length"}),": Avoid overwhelming users with an excessively long ",(0,s.jsx)(t.code,{children:"ListBox"}),". If there are a large number of items to display, consider implementing pagination, search, or filtering options to help users locate items quickly. Alternatively, you can group items into categories to reduce list length."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Clear and Descriptive Labels"}),": Provide clear and descriptive labels for each item in the ",(0,s.jsx)(t.code,{children:"ListBox"}),". Users should be able to understand the purpose of each option without ambiguity. Use concise and meaningful item labels."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Multi-Selection Feedback"}),": If your ",(0,s.jsx)(t.code,{children:"ListBox"})," allows for multiple selections, provide visual or textual feedback indicating that multiple items can be selected from the list."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Default Selection"}),": Consider setting a default selection for the ",(0,s.jsx)(t.code,{children:"ListBox"}),", especially if one option is more commonly used than others. This can streamline the user experience by pre-selecting the most likely choice."]}),"\n"]}),"\n"]})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(m,{...e})}):m(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>r});n(7294);var s=n(6010);const i={tabItem:"tabItem_Ymn6"};var o=n(5893);function r(e){let{children:t,hidden:n,className:r}=e;return(0,o.jsx)("div",{role:"tabpanel",className:(0,s.Z)(i.tabItem,r),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var s=n(7294),i=n(6010),o=n(2466),r=n(6550),a=n(469),l=n(1980),c=n(7392),d=n(12);function h(e){return s.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,s.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:n}=e;return(0,s.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:n,attributes:s,default:i}}=e;return{value:t,label:n,attributes:s,default:i}}))}(n);return function(e){const t=(0,c.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const i=(0,r.k6)(),o=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,l._X)(o),(0,s.useCallback)((e=>{if(!o)return;const t=new URLSearchParams(i.location.search);t.set(o,e),i.replace({...i.location,search:t.toString()})}),[o,i])]}function b(e){const{defaultValue:t,queryString:n=!1,groupId:i}=e,o=u(e),[r,l]=(0,s.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const s=n.find((e=>e.default))??n[0];if(!s)throw new Error("Unexpected error: 0 tabValues");return s.value}({defaultValue:t,tabValues:o}))),[c,h]=m({queryString:n,groupId:i}),[b,x]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[i,o]=(0,d.Nk)(n);return[i,(0,s.useCallback)((e=>{n&&o.set(e)}),[n,o])]}({groupId:i}),g=(()=>{const e=c??b;return p({value:e,tabValues:o})?e:null})();(0,a.Z)((()=>{g&&l(g)}),[g]);return{selectedValue:r,selectValue:(0,s.useCallback)((e=>{if(!p({value:e,tabValues:o}))throw new Error(`Can't select invalid tab value=${e}`);l(e),h(e),x(e)}),[h,x,o]),tabValues:o}}var x=n(2389);const g={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var v=n(5893);function A(e){let{className:t,block:n,selectedValue:s,selectValue:r,tabValues:a}=e;const l=[],{blockElementScrollPositionUntilNextRender:c}=(0,o.o5)(),d=e=>{const t=e.currentTarget,n=l.indexOf(t),i=a[n].value;i!==s&&(c(t),r(i))},h=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=l.indexOf(e.currentTarget)+1;t=l[n]??l[0];break}case"ArrowLeft":{const n=l.indexOf(e.currentTarget)-1;t=l[n]??l[l.length-1];break}}t?.focus()};return(0,v.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.Z)("tabs",{"tabs--block":n},t),children:a.map((e=>{let{value:t,label:n,attributes:o}=e;return(0,v.jsx)("li",{role:"tab",tabIndex:s===t?0:-1,"aria-selected":s===t,ref:e=>l.push(e),onKeyDown:h,onClick:d,...o,className:(0,i.Z)("tabs__item",g.tabItem,o?.className,{"tabs__item--active":s===t}),children:n??t},t)}))})}function f(e){let{lazy:t,children:n,selectedValue:i}=e;const o=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=o.find((e=>e.props.value===i));return e?(0,s.cloneElement)(e,{className:"margin-top--md"}):null}return(0,v.jsx)("div",{className:"margin-top--md",children:o.map(((e,t)=>(0,s.cloneElement)(e,{key:t,hidden:e.props.value!==i})))})}function w(e){const t=b(e);return(0,v.jsxs)("div",{className:(0,i.Z)("tabs-container",g.tabList),children:[(0,v.jsx)(A,{...e,...t}),(0,v.jsx)(f,{...e,...t})]})}function j(e){const t=(0,x.Z)();return(0,v.jsx)(w,{...e,children:h(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>x});var s=n(7294),i=n(917),o=n(4866),r=n(5162),a=n(4673),l=n(1750);const c="data:image/png;base64,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",d=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=n(2949),p=n(5944);function m(e){let{collapse:t,setCollapse:n}=e;const s=i.iv` - display: flex; - justify-content: end; - margin-bottom: -30px; - background-color: transparent; - `,o=i.iv` - position: relative; - cursor: pointer; - z-index: 10; - height: 35px; - width: 35px; - border: none; - background-color: none; - justify-self: flex-end; - margin-right: 5px; - background-color: transparent; - `,r=i.iv` - filter: invert(var(--inversion-percentage)); - `;return(0,p.tZ)("div",{css:s,children:(0,p.tZ)("button",{css:o,onClick:()=>{n(!t)},children:t?(0,p.tZ)("img",{css:r,src:d,className:"icon-tabler-arrow-bar-up"}):(0,p.tZ)("img",{css:r,src:c,className:"icon-tabler-arrow-bar-down"})})})}function b(e){let{url:t}=e;const n=i.iv` - position: relative; - cursor: pointer; - z-index: 10; - height: 35px; - width: 35px; - border: none; - background-color: none; - justify-self: flex-end; - /* margin-right: 5px; */ - margin-top: -5px; - margin-bottom: -20px; - background-color: transparent; - - - `,s=i.iv` - filter: invert(var(--inversion-percentage)); - ::before{ - mix-blend-mode: lighten; /* The blend mode determines how the overlay interacts with the image */ - opacity: 0.5; - } - `;return(0,p.tZ)("button",{css:n,onClick:()=>{window.open(t,"_blank")},children:(0,p.tZ)("img",{css:s,src:h})})}function x(e){let{path:t,javaC:n,javaE:c,cssURL:d,javaHighlight:h,height:x,frame:g,tabs:v}=e;const[A,f]=(0,s.useState)(""),[w,j]=(0,s.useState)(""),[y,B]=(0,s.useState)(""),[L,D]=(0,s.useState)(!(!n||!c)),[S,k]=(0,s.useState)(!1),[C,Z]=(0,s.useState)({});(0,s.useEffect)((()=>{c&&fetch(c).then((e=>e.text())).then((e=>{j(e);const t=new URL(c).pathname.split("/"),n=t[t.length-1];Z((e=>({...e,javaFile:n})))})),n&&fetch(n).then((e=>e.text())).then((e=>{f(e)})),d&&fetch(d).then((e=>e.text())).then((e=>{B(e);const t=new URL(d).pathname.split("/"),n=t[t.length-1];Z((e=>({...e,cssFile:n})))}))}),[]);const E=i.iv` - display: flex; - flex-direction: column; - background-color: var(--code-display-color); - width: 100%; - margin-bottom: 16px; - padding: ${"hidden"==g?"0 15px 0 15px;":"7px 15px 0 15px;"}; - box-shadow: var(--ifm-global-shadow-lw); - `,T=i.iv` - min-height: 100px; - height: 100%; - width: 100%; - height: ${x}; - `,N=i.iv` - border: none; - box-shadow: none; - background-color: var(--code-display-color); - margin-bottom: 0px; - padding: 10px; - - .tabs{ - margin-top: 20px; - } - - summary{ - display: flex; - width: 100%; - justify-content: center; - margin: 0; - font-weight: bold; - ::before{ - left: auto; - margin-left: -100px; - } - } - - `,O=i.iv` - width: 100%; - `,M=i.iv` - display: flex; - justify-content: flex-end; - opacity: 0; - transition: opacity 0.3s ease-in-out; - ${S&&"opacity: 1;"}; - - `;return(0,p.BX)("div",{css:E,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:O,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(a.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:L,setCollapse:D}):null,d?(0,p.BX)(o.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:L?A:w})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:C.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(o.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:L?A:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),o=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` - display: inline; - - ${l&&i.iv` - width: 100%; - display: flex; - justify-content: flex-end; - margin-top: -33px; - margin-bottom: 25px; - `} - `,g=i.iv` - background-color: #0063CC; - :hover{ - color: white; - } - `;return(0,h.BX)(h.HY,{children:["true"===l&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(r.Z,{css:g,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(a.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==l&&!u&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("a",{href:m,target:"_blank",children:c})}),"true"!==l&&u&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:c})})})]})}},1415:(e,t,n)=>{n.d(t,{Z:()=>o});n(7294);var s=n(8397),i=n(5893);function o(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.Z,{...e})})}},5731:e=>{e.exports=JSON.parse('{"LN":"bbj-app-layout","zx":"bbj-button","Kx":"bbj-cedit","XZ":"bbj-checkbox","gN":"bbj-editbox","iR":"bbj-slider","wb":"bbj-list","Z":"bbj-list-button","Ct":"bbj-list-edit","ko":"bbj-progressbar","EU":"bbj-radio","dy":"bbj-drawer","Vq":"bbj-dialog","JO":"bbj-icon"}')}}]); \ No newline at end of file diff --git a/assets/js/2df7d063.d5b9892c.js b/assets/js/2df7d063.f34e521b.js similarity index 97% rename from assets/js/2df7d063.d5b9892c.js rename to assets/js/2df7d063.f34e521b.js index 2f1202f9f..cc4a899dc 100644 --- a/assets/js/2df7d063.d5b9892c.js +++ b/assets/js/2df7d063.f34e521b.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7100],{3343:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>p,frontMatter:()=>c,metadata:()=>d,toc:()=>l});var s=n(5893),r=n(1151),i=n(3273);const c={sidebar_position:0,title:"KeypressEvent",sidebar_class_name:"sidebar--item__hidden",slug:"KeypressEvent"},o=void 0,d={id:"components/events/keypress-event",title:"KeypressEvent",description:"A Keypress event occurs when a user presses a specific key on the keyboard while an element, such as an input field or a specific section of a web page, has focus. This event is commonly used to capture and respond to user keyboard interactions.",source:"@site/docs/components/events/keypress-event.md",sourceDirName:"components/events",slug:"/components/events/KeypressEvent",permalink:"/docs/components/events/KeypressEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/keypress-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"KeypressEvent",sidebar_class_name:"sidebar--item__hidden",slug:"KeypressEvent"},sidebar:"documentationSidebar",previous:{title:"FocusEvent",permalink:"/docs/components/events/FocusEvent"},next:{title:"ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/KeypressEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"A Keypress event occurs when a user presses a specific key on the keyboard while an element, such as an input field or a specific section of a web page, has focus. This event is commonly used to capture and respond to user keyboard interactions."}),"\n",(0,s.jsx)(t.p,{children:"When a Keypress event is triggered, the key that was pressed can be determine using the key code, and a specific action or actions can be performed based on the user's input. For example, it can be used to validate user input in form fields, implement keyboard shortcuts, or trigger certain actions based on specific key combinations."}),"\n",(0,s.jsxs)(t.p,{children:["To see a list of keys that trigger this event, ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/KeypressEvent.Key",children:"see the Javadoc."})," This class also inherits methods from the ",(0,s.jsxs)(t.a,{href:"./event",children:["base ",(0,s.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getCode()"})}),(0,s.jsx)(t.td,{children:"Returns the integer value of the key code."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getName()"})}),(0,s.jsx)(t.td,{children:"Returns the name of the key code."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"fromCode(int value)"})}),(0,s.jsx)(t.td,{children:"Returns the key code that matches the given integer value."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"fromName(String name)"})}),(0,s.jsx)(t.td,{children:"Returns the key code that matches the given name."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getKeyCode()"})}),(0,s.jsx)(t.td,{children:"Returns the key that was pressed."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the alt key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the command key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the control key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the shift key was pressed when the event happened."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var s=n(7294),r=n(917),i=n(8230),c=n(4387),o=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:d,children:a,code:p,suffix:u}=e;const[v,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();u||(u=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const y=r.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7100],{3343:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>p,frontMatter:()=>c,metadata:()=>d,toc:()=>l});var s=n(5893),r=n(1151),i=n(3273);const c={sidebar_position:0,title:"KeypressEvent",sidebar_class_name:"sidebar--item__hidden",slug:"KeypressEvent"},o=void 0,d={id:"components/events/keypress-event",title:"KeypressEvent",description:"A Keypress event occurs when a user presses a specific key on the keyboard while an element, such as an input field or a specific section of a web page, has focus. This event is commonly used to capture and respond to user keyboard interactions.",source:"@site/docs/components/events/keypress-event.md",sourceDirName:"components/events",slug:"/components/events/KeypressEvent",permalink:"/docs/components/events/KeypressEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/keypress-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"KeypressEvent",sidebar_class_name:"sidebar--item__hidden",slug:"KeypressEvent"},sidebar:"documentationSidebar",previous:{title:"FocusEvent",permalink:"/docs/components/events/FocusEvent"},next:{title:"ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/KeypressEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"A Keypress event occurs when a user presses a specific key on the keyboard while an element, such as an input field or a specific section of a web page, has focus. This event is commonly used to capture and respond to user keyboard interactions."}),"\n",(0,s.jsx)(t.p,{children:"When a Keypress event is triggered, the key that was pressed can be determine using the key code, and a specific action or actions can be performed based on the user's input. For example, it can be used to validate user input in form fields, implement keyboard shortcuts, or trigger certain actions based on specific key combinations."}),"\n",(0,s.jsxs)(t.p,{children:["To see a list of keys that trigger this event, ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/KeypressEvent.Key",children:"see the Javadoc."})," This class also inherits methods from the ",(0,s.jsxs)(t.a,{href:"./event",children:["base ",(0,s.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getCode()"})}),(0,s.jsx)(t.td,{children:"Returns the integer value of the key code."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getName()"})}),(0,s.jsx)(t.td,{children:"Returns the name of the key code."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"fromCode(int value)"})}),(0,s.jsx)(t.td,{children:"Returns the key code that matches the given integer value."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"fromName(String name)"})}),(0,s.jsx)(t.td,{children:"Returns the key code that matches the given name."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getKeyCode()"})}),(0,s.jsx)(t.td,{children:"Returns the key that was pressed."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the alt key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the command key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the control key was pressed when the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftKey()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not the shift key was pressed when the event happened."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var s=n(7294),r=n(917),i=n(8230),c=n(4387),o=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:d,children:a,code:p,suffix:u}=e;const[v,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();u||(u=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const y=r.iv` display: inline; ${d&&r.iv` diff --git a/assets/js/3202e975.fc6a5262.js b/assets/js/3202e975.a30fed30.js similarity index 97% rename from assets/js/3202e975.fc6a5262.js rename to assets/js/3202e975.a30fed30.js index 3f4a64f55..582ad8c6b 100644 --- a/assets/js/3202e975.fc6a5262.js +++ b/assets/js/3202e975.a30fed30.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3850],{4583:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>l,contentTitle:()=>r,default:()=>u,frontMatter:()=>c,metadata:()=>a,toc:()=>d});var i=n(5893),o=n(1151),s=n(3273);const c={sidebar_position:0,title:"ButtonClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ButtonClickEvent"},r=void 0,a={id:"components/events/button-click-event",title:"ButtonClickEvent",description:"The ButtonClickEvent is an event type that is triggered when a user clicks on a Button element. This event is essential for capturing user interactions with buttons on a web page, such as submitting forms, triggering actions, or navigating to different sections of the site.",source:"@site/docs/components/events/button-click-event.md",sourceDirName:"components/events",slug:"/components/events/ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/button-click-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ButtonClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ButtonClickEvent"},sidebar:"documentationSidebar",previous:{title:"BlurEvent",permalink:"/docs/components/events/BlurEvent"},next:{title:"CheckEvent",permalink:"/docs/components/events/CheckEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(t){const e={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/event/ButtonClickEvent",top:"true"}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.code,{children:"ButtonClickEvent"})," is an event type that is triggered when a user clicks on a ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," element. This event is essential for capturing user interactions with buttons on a web page, such as submitting forms, triggering actions, or navigating to different sections of the site."]}),"\n",(0,i.jsx)(e.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{style:{textAlign:"center"},children:"Method"}),(0,i.jsx)(e.th,{children:"Description"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{style:{textAlign:"center"},children:(0,i.jsx)(e.code,{children:"getX()"})}),(0,i.jsxs)(e.td,{children:["Returns the X location of the mouse within the ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," component at the time the event was fired."]})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{style:{textAlign:"center"},children:(0,i.jsx)(e.code,{children:"getY()"})}),(0,i.jsxs)(e.td,{children:["Returns the Y location of the mouse within the ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," component at the time the event was fired."]})]})]})]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"See Also"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"./event",children:"Event"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../button",children:"Button"})}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.a)(),...t.components};return e?(0,i.jsx)(e,{...t,children:(0,i.jsx)(h,{...t})}):h(t)}},3273:(t,e,n)=>{n.d(e,{Z:()=>u});var i=n(7294),o=n(917),s=n(8230),c=n(4387),r=n(6770);let a=null,l=null;const d={getLatestTag:async function(){return a&&l&&Date.now()-l<36e5?a:async function(){try{const t=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),e=await t.json();return a=e[0].name,l=Date.now(),a}catch(t){return console.error("Error fetching latest tag:",t),null}}()}};var h=n(5944);function u(t){let{type:e,location:n,top:a,children:l,code:u,suffix:v}=t;const[p,g]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let t=await d.getLatestTag();v||(v=""),t||(t="23.04"),g("https://javadoc.io/static/org.dwcj/dwcj-"+e+"/"+t+"/"+n+".html"+v)}catch(t){console.error("Error fetching latest release:",t)}})()}),[]);const m=o.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3850],{4583:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>l,contentTitle:()=>r,default:()=>u,frontMatter:()=>c,metadata:()=>a,toc:()=>d});var i=n(5893),o=n(1151),s=n(3273);const c={sidebar_position:0,title:"ButtonClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ButtonClickEvent"},r=void 0,a={id:"components/events/button-click-event",title:"ButtonClickEvent",description:"The ButtonClickEvent is an event type that is triggered when a user clicks on a Button element. This event is essential for capturing user interactions with buttons on a web page, such as submitting forms, triggering actions, or navigating to different sections of the site.",source:"@site/docs/components/events/button-click-event.md",sourceDirName:"components/events",slug:"/components/events/ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/button-click-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ButtonClickEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ButtonClickEvent"},sidebar:"documentationSidebar",previous:{title:"BlurEvent",permalink:"/docs/components/events/BlurEvent"},next:{title:"CheckEvent",permalink:"/docs/components/events/CheckEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(t){const e={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/event/ButtonClickEvent",top:"true"}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.code,{children:"ButtonClickEvent"})," is an event type that is triggered when a user clicks on a ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," element. This event is essential for capturing user interactions with buttons on a web page, such as submitting forms, triggering actions, or navigating to different sections of the site."]}),"\n",(0,i.jsx)(e.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{style:{textAlign:"center"},children:"Method"}),(0,i.jsx)(e.th,{children:"Description"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{style:{textAlign:"center"},children:(0,i.jsx)(e.code,{children:"getX()"})}),(0,i.jsxs)(e.td,{children:["Returns the X location of the mouse within the ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," component at the time the event was fired."]})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{style:{textAlign:"center"},children:(0,i.jsx)(e.code,{children:"getY()"})}),(0,i.jsxs)(e.td,{children:["Returns the Y location of the mouse within the ",(0,i.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/button/Button",code:"true",children:"Button"})," component at the time the event was fired."]})]})]})]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"See Also"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"./event",children:"Event"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../button",children:"Button"})}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.a)(),...t.components};return e?(0,i.jsx)(e,{...t,children:(0,i.jsx)(h,{...t})}):h(t)}},3273:(t,e,n)=>{n.d(e,{Z:()=>u});var i=n(7294),o=n(917),s=n(8230),c=n(4387),r=n(6770);let a=null,l=null;const d={getLatestTag:async function(){return a&&l&&Date.now()-l<36e5?a:async function(){try{const t=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),e=await t.json();return a=e[0].name,l=Date.now(),a}catch(t){return console.error("Error fetching latest tag:",t),null}}()}};var h=n(5944);function u(t){let{type:e,location:n,top:a,children:l,code:u,suffix:v}=t;const[p,g]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let t=await d.getLatestTag();v||(v=""),t||(t="23.04"),g("https://javadoc.io/doc/org.dwcj/dwcj-"+e+"/"+t+"/"+n+".html"+v)}catch(t){console.error("Error fetching latest release:",t)}})()}),[]);const m=o.iv` display: inline; ${a&&o.iv` diff --git a/assets/js/32daff60.c52468fb.js b/assets/js/32daff60.c52468fb.js deleted file mode 100644 index 972453489..000000000 --- a/assets/js/32daff60.c52468fb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7956],{6183:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>a,metadata:()=>o,toc:()=>d});var i=t(5893),s=t(1151);const a={sidebar_position:4},r="Contributors",o={id:"installation/contributors",title:"Contributors",description:"This installation guide is aimed at developers wishing to contribute to the engine, and thus contains more complex",source:"@site/docs/installation/contributors.md",sourceDirName:"installation",slug:"/installation/contributors",permalink:"/docs/installation/contributors",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/installation/contributors.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"documentationSidebar",previous:{title:"Local Installation",permalink:"/docs/installation/local_install"},next:{title:"Getting Started",permalink:"/docs/category/getting-started"}},l={},d=[{value:"1) Java and Maven Download and Configuration",id:"1-java-and-maven-download-and-configuration",level:2},{value:"Java",id:"java",level:3},{value:"Maven",id:"maven",level:3},{value:"2) BBj Download and Installation",id:"2-bbj-download-and-installation",level:2},{value:"3) Download/Clone and Package DWCJ",id:"3-downloadclone-and-package-dwcj",level:2},{value:"Clone DWCJ Github Repo",id:"clone-dwcj-github-repo",level:3},{value:"Compile and Package Code",id:"compile-and-package-code",level:3},{value:"4) Configuration in the Enterprise Manager",id:"4-configuration-in-the-enterprise-manager",level:2},{value:"Login to the Enterprise Manager",id:"login-to-the-enterprise-manager",level:3},{value:"Configuring Java Settings",id:"configuring-java-settings",level:3},{value:"Create our DWCJ Application",id:"create-our-dwcj-application",level:3}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",mdxAdmonitionTitle:"mdxAdmonitionTitle",ol:"ol",p:"p",pre:"pre",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"contributors",children:"Contributors"}),"\n",(0,i.jsx)(n.admonition,{title:"WARNING",type:"warning",children:(0,i.jsxs)(n.p,{children:["This installation guide is aimed at developers wishing to ",(0,i.jsx)(n.strong,{children:"contribute"})," to the engine, and thus contains more complex\r\nsetup instructions. For developers simply wishing to use the DWCJ, select one of the other installation methods."]})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsx)(n.mdxAdmonitionTitle,{}),(0,i.jsx)(n.p,{children:"This walkthrough will cover installation on a Windows system - installation\r\nsteps may vary for Mac/Linux OS devices."})]}),"\n",(0,i.jsx)(n.p,{children:"Installation will be broken down into the following steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Java and Maven download and configuration"}),"\n",(0,i.jsx)(n.li,{children:"BBj download and installation"}),"\n",(0,i.jsx)(n.li,{children:"Downloading DWCJ files and building the .jar file"}),"\n",(0,i.jsx)(n.li,{children:"Configuring the application in the Enterprise Manager"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"1-java-and-maven-download-and-configuration",children:"1) Java and Maven Download and Configuration"}),"\n",(0,i.jsxs)(n.p,{children:["In order to use the DWCJ, you must first have Java and Maven installed and properly configured. If you already\r\nhave Java and Maven downloaded, please skip to ",(0,i.jsx)(n.a,{href:"#section2",children:(0,i.jsx)(n.strong,{children:"Step 2"})}),". If you also have\r\nBBj installed on your system, please skip to ",(0,i.jsx)(n.a,{href:"#section3",children:(0,i.jsx)(n.strong,{children:"Step 3"})}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"java",children:"Java"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)("b",{children:"Java OpenJDK17"})," can be found ",(0,i.jsx)(n.a,{href:"https://adoptium.net/temurin/releases/",children:"by following this link"}),". It is recommended\r\nto allow the installation to handle setting the JAVA_HOME variable during installation, where applicable."]}),"\n",(0,i.jsx)(n.h3,{id:"maven",children:"Maven"}),"\n",(0,i.jsxs)(n.p,{children:["Maven should also be downloaded, and can be found ",(0,i.jsx)(n.a,{href:"https://maven.apache.org/download.cgi",children:"at this link"}),". It is\r\nrecommended to configure your system environment variables with Maven - a guide for installation and configuration\r\nfor Windows users can be found ",(0,i.jsx)(n.a,{href:"https://phoenixnap.com/kb/install-maven-windows",children:"here"}),"."]}),"\n",(0,i.jsx)("a",{name:"section2"}),"\n",(0,i.jsx)(n.h2,{id:"2-bbj-download-and-installation",children:"2) BBj Download and Installation"}),"\n",(0,i.jsx)(n.admonition,{title:"important",type:"warning",children:(0,i.jsx)(n.p,{children:"While following this step, be sure to install BBj version 22.14 or newer"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=Ovk8kznQfGs&ab_channel=BBxCluesbyBASISEurope",children:"This video"})," can help with the installation of BBj if you need assistance with setup. The installation section of the BASIS website can be found ",(0,i.jsx)(n.a,{href:"https://basis.cloud/download-product",children:"at this link"})]}),"\n",(0,i.jsx)(n.admonition,{type:"tip",children:(0,i.jsx)(n.p,{children:'It is recommended to use the latest stable revision build of BBj, and to select "BBj" from the list of options, without "Barista" or "Addon".'})}),"\n",(0,i.jsxs)(n.p,{children:["Once BBj has been installed, it is also necessary to install the needed dependencies from the BBj library. This is done by navigating to the ",(0,i.jsx)(n.code,{children:"lib"})," directory inside your bbx folder, and\r\nrunning the following commands:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-bash",children:'mvn install:install-file "-Dfile=BBjStartup.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBjStartup" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBj.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBj" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBjUtil.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBjUtil" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBjsp.jar -DgroupId=com.basis.lib -DartifactId=BBjsp -Dversion=23.05-SNAPSHOT -Dpackaging=jar"\n'})}),"\n",(0,i.jsx)(n.p,{children:'After running these commands, make sure to perform an "install" using Maven in the engine directory.'}),"\n",(0,i.jsx)("a",{name:"section3"}),"\n",(0,i.jsx)(n.h2,{id:"3-downloadclone-and-package-dwcj",children:"3) Download/Clone and Package DWCJ"}),"\n",(0,i.jsxs)(n.p,{children:["The following steps will explain downloading (or cloning) the files for the\r\nDWCJ from GitHub. ",(0,i.jsxs)(n.strong,{children:["We\u2019ll assume that you already have Git and a command line tool,\r\nsuch as Git Bash installed. If not, ",(0,i.jsx)(n.a,{href:"https://gitforwindows.org/",children:"please follow this link to set this up."})]})]}),"\n",(0,i.jsxs)(n.p,{children:["This tutorial will use Microsoft\u2019s VS Code as the development IDE. Other IDEs may be used,\r\nand may come with other features or functionality. ",(0,i.jsxs)(n.strong,{children:["VS Code can be ",(0,i.jsx)(n.a,{href:"https://code.visualstudio.com/Download",children:"downloaded free of charge from this link."})]})]}),"\n",(0,i.jsx)(n.h3,{id:"clone-dwcj-github-repo",children:"Clone DWCJ Github Repo"}),"\n",(0,i.jsxs)(n.p,{children:["Navigate to ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"https://github.com/DwcJava/engine",children:"this link"})}),", which should\r\ntake you to the engine section of the DWCJ on GitHub. Clone this folder onto\r\nyour computer - this can be done using the command line and Git, or another\r\nGit tool."]}),"\n",(0,i.jsxs)(n.p,{children:['To start, click on the green "',(0,i.jsx)(n.strong,{children:"Code"}),'" button and copy the address to your\r\nclipboard:']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Cloning the repository",src:t(2045).Z+"",width:"876",height:"340"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once this has been done, navigate to a space on your computer where you'd like\r\nto clone the code to. This can be done in explorer, or using a command line\r\ntool such as GitBash."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"GitBash directory",src:t(6901).Z+"",width:"418",height:"143"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Clone the code into your chosen folder."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Cloning the repository",src:t(2892).Z+"",width:"668",height:"166"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['You should now have a folder named "',(0,i.jsx)(n.strong,{children:"engine"}),"\" in the location you chose to\r\nclone the code to. This is where you'll find the files needed to add to the\r\nclasspath later on in the tutorial, so make sure you take note of this location\r\nfor future use."]}),"\n",(0,i.jsx)(n.h3,{id:"compile-and-package-code",children:"Compile and Package Code"}),"\n",(0,i.jsxs)(n.p,{children:['Now the code from GitHub must be compiled and packaged. To start this process,\r\nnavigate to the "',(0,i.jsx)(n.strong,{children:"engine"}),'" folder that was just cloned from GitHub.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Opening a folder",src:t(4559).Z+"",width:"520",height:"333"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting a folder",src:t(1142).Z+"",width:"780",height:"537"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once the folder has been opened, you should see the various files and folders\r\nopen in the panel on the left of your screen. First, navigate to the pom.xml\r\nfile and open this in your editor."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"pom.xml window",src:t(4699).Z+"",width:"279",height:"182"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Notice the various profiles listed in this file, which specify default directories\r\nbased on your operating system and BBj installation configuration. ",(0,i.jsx)(n.strong,{children:"It may be\r\nnecessary to change the default profile depending on which system and BBj\r\nnaming convention you are operating with. Alternatively, you can change the\r\nprofile you use by passing it to the maven command with the -P flag, such as\r\n\u201c-P winbbjlib\u201d."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"POM items window",src:t(6765).Z+"",width:"546",height:"293"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Now Maven will be used to package the engine and create a .jar file. Begin the process\r\nby running ",(0,i.jsx)(n.strong,{children:"\u201cmvn clean\u201d"})," in the engine directory - this can be done from any CLI, but this\r\ntutorial will use a VS Code bash terminal."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven clean command",src:t(942).Z+"",width:"486",height:"138"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["If this runs properly, you should see ",(0,i.jsx)(n.strong,{children:"\u201cBUILD SUCCESS\u201d"})," in VS Code\u2019s output console:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven clean output",src:t(4898).Z+"",width:"707",height:"163"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Finally, we\u2019ll package the code into a .jar file we can use. We\u2019ll do this by running\r\n",(0,i.jsx)(n.strong,{children:"\u201cmvn package\u201d"})," from the command line in the engine directory. If this runs correctly,\r\na final ",(0,i.jsx)(n.strong,{children:"\u201cBUILD SUCCESS\u201d"})," message should display:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven compile command and output",src:t(2507).Z+"",width:"463",height:"208"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"After completing these steps, you should have a .jar file that you can use in the BASIS\r\nenterprise manager. The version of the .jar file will differ as releases are pushed to\r\nGithub. This file should be found in \u201cengine>target>lib\u201d, as shown below:"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Final packaged JAR",src:t(4843).Z+"",width:"287",height:"307"})}),"\n",(0,i.jsx)("a",{name:"packageSection"}),"\n",(0,i.jsx)(n.h2,{id:"4-configuration-in-the-enterprise-manager",children:"4) Configuration in the Enterprise Manager"}),"\n",(0,i.jsx)(n.p,{children:"The BBj Enterprise Manager will now be utilized to ensure we can run the DWCJ.\r\nFirst, we\u2019ll add the necessary .jar file a custom classpath, and then\r\ncreate a web application from which we will launch an instance of a DWCJ app."}),"\n",(0,i.jsx)(n.h3,{id:"login-to-the-enterprise-manager",children:"Login to the Enterprise Manager"}),"\n",(0,i.jsx)(n.p,{children:"To start, ensure that your BBjServices client is running. On Windows, we'll\r\ncheck this by seeing if it's listed in the processes tab at the bottom of\r\nour toolbar."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"BBjServices location on the toolbar",src:t(5076).Z+"",width:"190",height:"179"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"NOTE"}),": If this service isn\u2019t running, you can restart BBj by restarting the\r\napplication. On Windows, we\u2019ll hit the Windows key, type \u201cAdmin\u201d and select\r\nthe program from the start menu:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Restarting Barista from the Windows start menu",src:t(7527).Z+"",width:"426",height:"117"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Select ",(0,i.jsx)(n.strong,{children:"\u201cStart/Stop the BBjServices\u201d"})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Stop/Start BBj services",src:t(9226).Z+"",width:"641",height:"436"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Then select ",(0,i.jsx)(n.strong,{children:"\u201cRestart BBjServices\u201d"})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Stop/Start BBj services",src:t(9226).Z+"",width:"641",height:"436"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["After ensuring that Barista is running, open the Enterprise Manager by\r\nnavigating to\r\n",(0,i.jsx)(n.a,{href:"http://localhost:8888/bbjem/emapp",children:(0,i.jsx)(n.strong,{children:"http://localhost:8888/bbjem/emapp"})}),"\r\nin a browser window. This will take you to a login screen, where the\r\nusername is ",(0,i.jsx)(n.em,{children:(0,i.jsx)(n.strong,{children:"admin"})})," and the password is ",(0,i.jsx)(n.em,{children:(0,i.jsx)(n.strong,{children:"admin123"})}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Restarting Barista from the Windows start menu",src:t(8347).Z+"",width:"398",height:"223"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("a",{name:"classpathSection"}),"\n",(0,i.jsx)(n.h3,{id:"configuring-java-settings",children:"Configuring Java Settings"}),"\n",(0,i.jsxs)(n.p,{children:["After opening the Enterprise Manager, navigate to the Java Settings tab.\r\nTo do so, double click on ",(0,i.jsx)(n.strong,{children:"BBjServices"})," on the lefthand toolbar, and\r\nthen double click ",(0,i.jsx)(n.strong,{children:"Java Settings"}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Java settings sidebar option",src:t(6983).Z+"",width:"303",height:"355"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["On reaching the Java Settings tab, add a new custom classpath. This can\r\nbe done by using the ",(0,i.jsx)(n.strong,{children:"Classpath"})," tab at the botton of the screen."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Classpath tab option",src:t(9777).Z+"",width:"652",height:"656"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['To add a new custom classpath, use the green "',(0,i.jsx)(n.strong,{children:"+"}),'" button near the\r\nmiddle of your Enterprise Manger window. Name your classpath something like\r\n"',(0,i.jsx)(n.strong,{children:"DWCJ"}),'".']}),"\n",(0,i.jsxs)(n.p,{children:["Note that two classpaths need to be added: BBj's default classpath as well\r\nas the .jar file that was packaged in ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"#packageSection",children:"this step"})}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Adding a new classpath",src:t(8364).Z+"",width:"687",height:"610"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["The first classpath to add is BBj's default classpath. This can be done by\r\nselecting ",(0,i.jsx)(n.strong,{children:"Existing Classpath"}),", which will populate a list of the various\r\nclasspaths already configured in the Enterprise Manager. Select\r\n",(0,i.jsx)(n.strong,{children:"bbj_default"})," and press ",(0,i.jsx)(n.strong,{children:"Add"}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting bbj_default",src:t(401).Z+"",width:"562",height:"493"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['Select the same green "',(0,i.jsx)(n.strong,{children:"+"}),'" button on the right side of the acreen again.\r\nThis time select "',(0,i.jsx)(n.strong,{children:"Jar File(s)"}),'". Navigate to the location you cloned the\r\nDWCJ code into. The folder will be called "',(0,i.jsx)(n.strong,{children:"engine"}),'". From there, select\r\nthe "',(0,i.jsx)(n.strong,{children:"target"}),'" folder, and from there the "',(0,i.jsx)(n.strong,{children:"lib"}),'" folder. Inside this\r\nfolder, you should see the "',(0,i.jsx)(n.strong,{children:"dwcj-X.XXX.jar"}),'" file, with the X\'s replaced\r\nby numeric values. The path may look similar to\r\n"',(0,i.jsx)(n.strong,{children:"C:\\engine\\target\\lib"}),'". Select the .jar file and then click the "',(0,i.jsx)(n.strong,{children:"Open"}),'"\r\nbutton.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Opening the DWCJ .jar file",src:t(9894).Z+"",width:"786",height:"483"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once this is done, save your work by clikcing the save button near the\r\ntop left of the Enterprise Manager window."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Saving new custom classpath",src:t(1531).Z+"",width:"787",height:"305"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.h3,{id:"create-our-dwcj-application",children:"Create our DWCJ Application"}),"\n",(0,i.jsxs)(n.p,{children:['The DWCJ application needs to be added into the Enterprise Manager.\r\nTo do this, start by navigating to the Applications option on the left\r\nsidebar. Do this by double clicking the "',(0,i.jsx)(n.strong,{children:"Web"}),'" option, then double click\r\n"',(0,i.jsx)(n.strong,{children:"App Deployment"}),'", and finally "',(0,i.jsx)(n.strong,{children:"Applications"}),'".']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting the Application option",src:t(4574).Z+"",width:"303",height:"595"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['This should display a list of applications. Create a new application using the\r\n"',(0,i.jsx)(n.strong,{children:"+"}),'" button in the panel.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Adding a new application",src:t(820).Z+"",width:"780",height:"473"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['Give your application a name - "',(0,i.jsx)(n.strong,{children:"dwcj"}),"\" will be used for this example. The\r\nprogram file will be dwcj.bbj - don't worry if you're unfamiliar with the\r\n.bbj extension. The working directory will be the location where the files\r\nfrom GitHub were cloned, inside of the \"",(0,i.jsx)(n.strong,{children:"\\bbj"}),'" folder. The pathname may look\r\nsomething like "',(0,i.jsx)(n.strong,{children:"C:\\engine\\bbj\\"}),'". Select the dwcj classpath that was\r\ncreated in the ',(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"#classpathSection",children:"classpath section"})}),' in the Classpath\r\nfield. Finally, check the "',(0,i.jsx)(n.strong,{children:"DWC Web App Enabled"}),'" box.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Application configuration options",src:t(7205).Z+"",width:"781",height:"741"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"To complete the configuration needed in the Enterprise Manager, save your\r\napplication using the save button towards the top left of your window."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Save your work in the application screen",src:t(141).Z+"",width:"524",height:"332"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['After saving, click on the "',(0,i.jsx)(n.strong,{children:"Launch in Browser"}),'" button at the top right\r\nof the Enterprise Manager window.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Launch your application button",src:t(7773).Z+"",width:"784",height:"335"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"This will launch your application in a new, discrete browser window. You\r\nmay want to copy the URL from this window and paste it into a browser.\r\nIf you've successfully followed this guide, you should see the following\r\nwelcome screen, unless additional configuration steps have been taken\r\nin the DWCJ code."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Launch your application button",src:t(9497).Z+"",width:"777",height:"577"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Congratulations!"})," You\u2019ve successfully installed and launched the DWCJ.\r\nFrom here, feel free to explore the sample applications that are provided."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)("b",{children:"Continue to the next section "})," to learn how to create your first application,\r\nand how to configure the DWCJ with various debug and default class options."]})]})}function c(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},4699:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image30-1d4ca783d910ab827b5351057f1d0dc8.jpg"},6765:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image31-fc0323f70ce5f731f761d3c3ff10d206.jpg"},942:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image32-5b0ec6a173f51c72e562cd148f77b9c1.jpg"},4898:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image33-dc4f275ef3dd920fc9f776d03b6009af.jpg"},2507:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image34-934b8bc1b084dfdf8598848287e68fed.jpg"},4843:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image35-54cfc9be083aca7a668e9d479b6bcbe4.jpg"},7527:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image36-7a15eac62a523179b37055d1158ac175.jpg"},9226:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image37-14e671a07d68e84bf398b78562beb9dd.jpg"},1142:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image10-c7dbae9acf70c8cb581c580106d9866d.jpg"},5076:(e,n,t)=>{t.d(n,{Z:()=>i});const i="data:image/jpeg;base64,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"},8347:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image17-58ff98b94a69ff9b6855a85ca6f758ab.jpg"},6983:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image18-6aca0e2f3305f3ea3a5cf23695f7b1fd.jpg"},9777:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image19-b5f16f7767b13e9e1e27ed811256428a.jpg"},8364:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image20-9449b3944891399173f46d3b49047893.jpg"},401:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image21-11df18432c1b447702da6049fb2fae20.jpg"},9894:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image22-0f18a08865f7f5db648e9897473ddd3e.jpg"},1531:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image23-9af5f6a4129e69b992900c68ab792fca.jpg"},4574:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image24-a3737a6e12446bb6a0df3ad7934294c4.jpg"},820:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image25-bd31f09f451643884b336b180b829054.jpg"},7205:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image26-5bc2d80c51f44dd3e05e73a244febf30.jpg"},141:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image27-7793f221886d5980a35a73e7da730bf7.jpg"},7773:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image28-c3383a42f0c3c9ad90873f382ecd83d2.jpg"},9497:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image29-491b1295a4af5ecd6773c1c412526a93.jpg"},2045:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image6-05358c65666f3a3067d05afc2fb956f3.jpg"},6901:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image7-d108de825b27cba1a23937413c99f5b2.jpg"},2892:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image8-e217d4ba8fea13a955b4c7c5c52f82bc.jpg"},4559:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image9-371df24785c37671d1755ecfb1b03380.jpg"}}]); \ No newline at end of file diff --git a/assets/js/32daff60.ee6a1378.js b/assets/js/32daff60.ee6a1378.js new file mode 100644 index 000000000..92bedf0cf --- /dev/null +++ b/assets/js/32daff60.ee6a1378.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7956],{6183:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>a,metadata:()=>o,toc:()=>d});var i=t(5893),s=t(1151);const a={sidebar_position:4},r="Contributors",o={id:"installation/contributors",title:"Contributors",description:"This installation guide is aimed at developers wishing to contribute to the engine, and thus contains more complex",source:"@site/docs/installation/contributors.md",sourceDirName:"installation",slug:"/installation/contributors",permalink:"/docs/installation/contributors",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/installation/contributors.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"documentationSidebar",previous:{title:"Local Installation",permalink:"/docs/installation/local_install"},next:{title:"Getting Started",permalink:"/docs/category/getting-started"}},l={},d=[{value:"1) Java and Maven Download and Configuration",id:"1-java-and-maven-download-and-configuration",level:2},{value:"Java",id:"java",level:3},{value:"Maven",id:"maven",level:3},{value:"2) BBj Download and Installation",id:"2-bbj-download-and-installation",level:2},{value:"3) Download/Clone and Package DWCJ",id:"3-downloadclone-and-package-dwcj",level:2},{value:"Clone DWCJ Github Repo",id:"clone-dwcj-github-repo",level:3},{value:"Compile and Package Code",id:"compile-and-package-code",level:3},{value:"4) Configuration in the Enterprise Manager",id:"4-configuration-in-the-enterprise-manager",level:2},{value:"Login to the Enterprise Manager",id:"login-to-the-enterprise-manager",level:3},{value:"Configuring Java Settings",id:"configuring-java-settings",level:3},{value:"Create our DWCJ Application",id:"create-our-dwcj-application",level:3}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",mdxAdmonitionTitle:"mdxAdmonitionTitle",ol:"ol",p:"p",pre:"pre",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h1,{id:"contributors",children:"Contributors"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This installation guide is aimed at developers wishing to ",(0,i.jsx)(n.strong,{children:"contribute"})," to the engine, and thus contains more complex\r\nsetup instructions. For developers simply wishing to use the DWCJ, select one of the other installation methods."]})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsx)(n.mdxAdmonitionTitle,{}),(0,i.jsx)(n.p,{children:"This walkthrough will cover installation on a Windows system - installation\r\nsteps may vary for Mac/Linux OS devices."})]}),"\n",(0,i.jsx)(n.p,{children:"Installation will be broken down into the following steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Java and Maven download and configuration"}),"\n",(0,i.jsx)(n.li,{children:"BBj download and installation"}),"\n",(0,i.jsx)(n.li,{children:"Downloading DWCJ files and building the .jar file"}),"\n",(0,i.jsx)(n.li,{children:"Configuring the application in the Enterprise Manager"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"1-java-and-maven-download-and-configuration",children:"1) Java and Maven Download and Configuration"}),"\n",(0,i.jsxs)(n.p,{children:["In order to use the DWCJ, you must first have Java and Maven installed and properly configured. If you already\r\nhave Java and Maven downloaded, please skip to ",(0,i.jsx)(n.a,{href:"#section2",children:(0,i.jsx)(n.strong,{children:"Step 2"})}),". If you also have\r\nBBj installed on your system, please skip to ",(0,i.jsx)(n.a,{href:"#section3",children:(0,i.jsx)(n.strong,{children:"Step 3"})}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"java",children:"Java"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)("b",{children:"Java OpenJDK17"})," can be found ",(0,i.jsx)(n.a,{href:"https://adoptium.net/temurin/releases/",children:"by following this link"}),". It is recommended\r\nto allow the installation to handle setting the JAVA_HOME variable during installation, where applicable."]}),"\n",(0,i.jsx)(n.h3,{id:"maven",children:"Maven"}),"\n",(0,i.jsxs)(n.p,{children:["Maven should also be downloaded, and can be found ",(0,i.jsx)(n.a,{href:"https://maven.apache.org/download.cgi",children:"at this link"}),". It is\r\nrecommended to configure your system environment variables with Maven - a guide for installation and configuration\r\nfor Windows users can be found ",(0,i.jsx)(n.a,{href:"https://phoenixnap.com/kb/install-maven-windows",children:"here"}),"."]}),"\n",(0,i.jsx)("a",{name:"section2"}),"\n",(0,i.jsx)(n.h2,{id:"2-bbj-download-and-installation",children:"2) BBj Download and Installation"}),"\n",(0,i.jsx)(n.admonition,{title:"important",type:"warning",children:(0,i.jsxs)(n.p,{children:["While following this step, be sure to install BBj version ",(0,i.jsx)(n.strong,{children:"22.14"})," or newer"]})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=Ovk8kznQfGs&ab_channel=BBxCluesbyBASISEurope",children:"This video"})," can help with the installation of BBj if you need assistance with setup. The installation section of the BASIS website can be found ",(0,i.jsx)(n.a,{href:"https://basis.cloud/download-product",children:"at this link"})]}),"\n",(0,i.jsx)(n.admonition,{type:"tip",children:(0,i.jsx)(n.p,{children:'It is recommended to use the latest stable revision build of BBj, and to select "BBj" from the list of options, without "Barista" or "Addon".'})}),"\n",(0,i.jsxs)(n.p,{children:["Once BBj has been installed, it is also necessary to install the needed dependencies from the BBj library. This is done by navigating to the ",(0,i.jsx)(n.code,{children:"lib"})," directory inside your bbx folder, and\r\nrunning the following commands:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-bash",children:'mvn install:install-file "-Dfile=BBjStartup.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBjStartup" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBj.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBj" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBjUtil.jar" "-DgroupId=com.basis.lib" "-DartifactId=BBjUtil" "-Dversion=23.05-SNAPSHOT" "-Dpackaging=jar"\r\nmvn install:install-file "-Dfile=BBjsp.jar -DgroupId=com.basis.lib -DartifactId=BBjsp -Dversion=23.05-SNAPSHOT -Dpackaging=jar"\n'})}),"\n",(0,i.jsx)(n.p,{children:'After running these commands, make sure to perform an "install" using Maven in the engine directory.'}),"\n",(0,i.jsx)("a",{name:"section3"}),"\n",(0,i.jsx)(n.h2,{id:"3-downloadclone-and-package-dwcj",children:"3) Download/Clone and Package DWCJ"}),"\n",(0,i.jsxs)(n.p,{children:["The following steps will explain downloading (or cloning) the files for the\r\nDWCJ from GitHub. ",(0,i.jsxs)(n.strong,{children:["We\u2019ll assume that you already have Git and a command line tool,\r\nsuch as Git Bash installed. If not, ",(0,i.jsx)(n.a,{href:"https://gitforwindows.org/",children:"please follow this link to set this up."})]})]}),"\n",(0,i.jsxs)(n.p,{children:["This tutorial will use Microsoft\u2019s VS Code as the development IDE. Other IDEs may be used,\r\nand may come with other features or functionality. ",(0,i.jsxs)(n.strong,{children:["VS Code can be ",(0,i.jsx)(n.a,{href:"https://code.visualstudio.com/Download",children:"downloaded free of charge from this link."})]})]}),"\n",(0,i.jsx)(n.h3,{id:"clone-dwcj-github-repo",children:"Clone DWCJ Github Repo"}),"\n",(0,i.jsxs)(n.p,{children:["Navigate to ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"https://github.com/DwcJava/engine",children:"this link"})}),", which should\r\ntake you to the engine section of the DWCJ on GitHub. Clone this folder onto\r\nyour computer - this can be done using the command line and Git, or another\r\nGit tool."]}),"\n",(0,i.jsxs)(n.p,{children:['To start, click on the green "',(0,i.jsx)(n.strong,{children:"Code"}),'" button and copy the address to your\r\nclipboard:']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Cloning the repository",src:t(2045).Z+"",width:"876",height:"340"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once this has been done, navigate to a space on your computer where you'd like\r\nto clone the code to. This can be done in explorer, or using a command line\r\ntool such as GitBash."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"GitBash directory",src:t(6901).Z+"",width:"418",height:"143"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Clone the code into your chosen folder."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Cloning the repository",src:t(2892).Z+"",width:"668",height:"166"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['You should now have a folder named "',(0,i.jsx)(n.strong,{children:"engine"}),"\" in the location you chose to\r\nclone the code to. This is where you'll find the files needed to add to the\r\nclasspath later on in the tutorial, so make sure you take note of this location\r\nfor future use."]}),"\n",(0,i.jsx)(n.h3,{id:"compile-and-package-code",children:"Compile and Package Code"}),"\n",(0,i.jsxs)(n.p,{children:['Now the code from GitHub must be compiled and packaged. To start this process,\r\nnavigate to the "',(0,i.jsx)(n.strong,{children:"engine"}),'" folder that was just cloned from GitHub.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Opening a folder",src:t(4559).Z+"",width:"520",height:"333"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting a folder",src:t(1142).Z+"",width:"780",height:"537"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once the folder has been opened, you should see the various files and folders\r\nopen in the panel on the left of your screen. First, navigate to the pom.xml\r\nfile and open this in your editor."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"pom.xml window",src:t(4699).Z+"",width:"279",height:"182"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Notice the various profiles listed in this file, which specify default directories\r\nbased on your operating system and BBj installation configuration. ",(0,i.jsx)(n.strong,{children:"It may be\r\nnecessary to change the default profile depending on which system and BBj\r\nnaming convention you are operating with. Alternatively, you can change the\r\nprofile you use by passing it to the maven command with the -P flag, such as\r\n\u201c-P winbbjlib\u201d."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"POM items window",src:t(6765).Z+"",width:"546",height:"293"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Now Maven will be used to package the engine and create a .jar file. Begin the process\r\nby running ",(0,i.jsx)(n.strong,{children:"\u201cmvn clean\u201d"})," in the engine directory - this can be done from any CLI, but this\r\ntutorial will use a VS Code bash terminal."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven clean command",src:t(942).Z+"",width:"486",height:"138"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["If this runs properly, you should see ",(0,i.jsx)(n.strong,{children:"\u201cBUILD SUCCESS\u201d"})," in VS Code\u2019s output console:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven clean output",src:t(4898).Z+"",width:"707",height:"163"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Finally, we\u2019ll package the code into a .jar file we can use. We\u2019ll do this by running\r\n",(0,i.jsx)(n.strong,{children:"\u201cmvn package\u201d"})," from the command line in the engine directory. If this runs correctly,\r\na final ",(0,i.jsx)(n.strong,{children:"\u201cBUILD SUCCESS\u201d"})," message should display:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Maven compile command and output",src:t(2507).Z+"",width:"463",height:"208"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"After completing these steps, you should have a .jar file that you can use in the BASIS\r\nenterprise manager. The version of the .jar file will differ as releases are pushed to\r\nGithub. This file should be found in \u201cengine>target>lib\u201d, as shown below:"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Final packaged JAR",src:t(4843).Z+"",width:"287",height:"307"})}),"\n",(0,i.jsx)("a",{name:"packageSection"}),"\n",(0,i.jsx)(n.h2,{id:"4-configuration-in-the-enterprise-manager",children:"4) Configuration in the Enterprise Manager"}),"\n",(0,i.jsx)(n.p,{children:"The BBj Enterprise Manager will now be utilized to ensure we can run the DWCJ.\r\nFirst, we\u2019ll add the necessary .jar file a custom classpath, and then\r\ncreate a web application from which we will launch an instance of a DWCJ app."}),"\n",(0,i.jsx)(n.h3,{id:"login-to-the-enterprise-manager",children:"Login to the Enterprise Manager"}),"\n",(0,i.jsx)(n.p,{children:"To start, ensure that your BBjServices client is running. On Windows, we'll\r\ncheck this by seeing if it's listed in the processes tab at the bottom of\r\nour toolbar."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"BBjServices location on the toolbar",src:t(5076).Z+"",width:"190",height:"179"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"NOTE"}),": If this service isn\u2019t running, you can restart BBj by restarting the\r\napplication. On Windows, we\u2019ll hit the Windows key, type \u201cAdmin\u201d and select\r\nthe program from the start menu:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Restarting Barista from the Windows start menu",src:t(7527).Z+"",width:"426",height:"117"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Select ",(0,i.jsx)(n.strong,{children:"\u201cStart/Stop the BBjServices\u201d"})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Stop/Start BBj services",src:t(9226).Z+"",width:"641",height:"436"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["Then select ",(0,i.jsx)(n.strong,{children:"\u201cRestart BBjServices\u201d"})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Stop/Start BBj services",src:t(9226).Z+"",width:"641",height:"436"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["After ensuring that Barista is running, open the Enterprise Manager by\r\nnavigating to\r\n",(0,i.jsx)(n.a,{href:"http://localhost:8888/bbjem/emapp",children:(0,i.jsx)(n.strong,{children:"http://localhost:8888/bbjem/emapp"})}),"\r\nin a browser window. This will take you to a login screen, where the\r\nusername is ",(0,i.jsx)(n.em,{children:(0,i.jsx)(n.strong,{children:"admin"})})," and the password is ",(0,i.jsx)(n.em,{children:(0,i.jsx)(n.strong,{children:"admin123"})}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Restarting Barista from the Windows start menu",src:t(8347).Z+"",width:"398",height:"223"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("a",{name:"classpathSection"}),"\n",(0,i.jsx)(n.h3,{id:"configuring-java-settings",children:"Configuring Java Settings"}),"\n",(0,i.jsxs)(n.p,{children:["After opening the Enterprise Manager, navigate to the Java Settings tab.\r\nTo do so, double click on ",(0,i.jsx)(n.strong,{children:"BBjServices"})," on the lefthand toolbar, and\r\nthen double click ",(0,i.jsx)(n.strong,{children:"Java Settings"}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Java settings sidebar option",src:t(6983).Z+"",width:"303",height:"355"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["On reaching the Java Settings tab, add a new custom classpath. This can\r\nbe done by using the ",(0,i.jsx)(n.strong,{children:"Classpath"})," tab at the botton of the screen."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Classpath tab option",src:t(9777).Z+"",width:"652",height:"656"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['To add a new custom classpath, use the green "',(0,i.jsx)(n.strong,{children:"+"}),'" button near the\r\nmiddle of your Enterprise Manger window. Name your classpath something like\r\n"',(0,i.jsx)(n.strong,{children:"DWCJ"}),'".']}),"\n",(0,i.jsxs)(n.p,{children:["Note that two classpaths need to be added: BBj's default classpath as well\r\nas the .jar file that was packaged in ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"#packageSection",children:"this step"})}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Adding a new classpath",src:t(8364).Z+"",width:"687",height:"610"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:["The first classpath to add is BBj's default classpath. This can be done by\r\nselecting ",(0,i.jsx)(n.strong,{children:"Existing Classpath"}),", which will populate a list of the various\r\nclasspaths already configured in the Enterprise Manager. Select\r\n",(0,i.jsx)(n.strong,{children:"bbj_default"})," and press ",(0,i.jsx)(n.strong,{children:"Add"}),"."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting bbj_default",src:t(401).Z+"",width:"562",height:"493"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['Select the same green "',(0,i.jsx)(n.strong,{children:"+"}),'" button on the right side of the acreen again.\r\nThis time select "',(0,i.jsx)(n.strong,{children:"Jar File(s)"}),'". Navigate to the location you cloned the\r\nDWCJ code into. The folder will be called "',(0,i.jsx)(n.strong,{children:"engine"}),'". From there, select\r\nthe "',(0,i.jsx)(n.strong,{children:"target"}),'" folder, and from there the "',(0,i.jsx)(n.strong,{children:"lib"}),'" folder. Inside this\r\nfolder, you should see the "',(0,i.jsx)(n.strong,{children:"dwcj-X.XXX.jar"}),'" file, with the X\'s replaced\r\nby numeric values. The path may look similar to\r\n"',(0,i.jsx)(n.strong,{children:"C:\\engine\\target\\lib"}),'". Select the .jar file and then click the "',(0,i.jsx)(n.strong,{children:"Open"}),'"\r\nbutton.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Opening the DWCJ .jar file",src:t(9894).Z+"",width:"786",height:"483"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"Once this is done, save your work by clikcing the save button near the\r\ntop left of the Enterprise Manager window."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Saving new custom classpath",src:t(1531).Z+"",width:"787",height:"305"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.h3,{id:"create-our-dwcj-application",children:"Create our DWCJ Application"}),"\n",(0,i.jsxs)(n.p,{children:['The DWCJ application needs to be added into the Enterprise Manager.\r\nTo do this, start by navigating to the Applications option on the left\r\nsidebar. Do this by double clicking the "',(0,i.jsx)(n.strong,{children:"Web"}),'" option, then double click\r\n"',(0,i.jsx)(n.strong,{children:"App Deployment"}),'", and finally "',(0,i.jsx)(n.strong,{children:"Applications"}),'".']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Selecting the Application option",src:t(4574).Z+"",width:"303",height:"595"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['This should display a list of applications. Create a new application using the\r\n"',(0,i.jsx)(n.strong,{children:"+"}),'" button in the panel.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Adding a new application",src:t(820).Z+"",width:"780",height:"473"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['Give your application a name - "',(0,i.jsx)(n.strong,{children:"dwcj"}),"\" will be used for this example. The\r\nprogram file will be dwcj.bbj - don't worry if you're unfamiliar with the\r\n.bbj extension. The working directory will be the location where the files\r\nfrom GitHub were cloned, inside of the \"",(0,i.jsx)(n.strong,{children:"\\bbj"}),'" folder. The pathname may look\r\nsomething like "',(0,i.jsx)(n.strong,{children:"C:\\engine\\bbj\\"}),'". Select the dwcj classpath that was\r\ncreated in the ',(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"#classpathSection",children:"classpath section"})}),' in the Classpath\r\nfield. Finally, check the "',(0,i.jsx)(n.strong,{children:"DWC Web App Enabled"}),'" box.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Application configuration options",src:t(7205).Z+"",width:"781",height:"741"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"To complete the configuration needed in the Enterprise Manager, save your\r\napplication using the save button towards the top left of your window."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Save your work in the application screen",src:t(141).Z+"",width:"524",height:"332"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:['After saving, click on the "',(0,i.jsx)(n.strong,{children:"Launch in Browser"}),'" button at the top right\r\nof the Enterprise Manager window.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Launch your application button",src:t(7773).Z+"",width:"784",height:"335"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.p,{children:"This will launch your application in a new, discrete browser window. You\r\nmay want to copy the URL from this window and paste it into a browser.\r\nIf you've successfully followed this guide, you should see the following\r\nwelcome screen, unless additional configuration steps have been taken\r\nin the DWCJ code."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Launch your application button",src:t(9497).Z+"",width:"777",height:"577"})}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Congratulations!"})," You\u2019ve successfully installed and launched the DWCJ.\r\nFrom here, feel free to explore the sample applications that are provided."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)("b",{children:"Continue to the next section "})," to learn how to create your first application,\r\nand how to configure the DWCJ with various debug and default class options."]})]})}function c(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},4699:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image30-1d4ca783d910ab827b5351057f1d0dc8.jpg"},6765:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image31-fc0323f70ce5f731f761d3c3ff10d206.jpg"},942:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image32-5b0ec6a173f51c72e562cd148f77b9c1.jpg"},4898:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image33-dc4f275ef3dd920fc9f776d03b6009af.jpg"},2507:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image34-934b8bc1b084dfdf8598848287e68fed.jpg"},4843:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image35-54cfc9be083aca7a668e9d479b6bcbe4.jpg"},7527:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image36-7a15eac62a523179b37055d1158ac175.jpg"},9226:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image37-14e671a07d68e84bf398b78562beb9dd.jpg"},1142:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image10-c7dbae9acf70c8cb581c580106d9866d.jpg"},5076:(e,n,t)=>{t.d(n,{Z:()=>i});const i="data:image/jpeg;base64,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"},8347:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image17-58ff98b94a69ff9b6855a85ca6f758ab.jpg"},6983:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image18-6aca0e2f3305f3ea3a5cf23695f7b1fd.jpg"},9777:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image19-b5f16f7767b13e9e1e27ed811256428a.jpg"},8364:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image20-9449b3944891399173f46d3b49047893.jpg"},401:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image21-11df18432c1b447702da6049fb2fae20.jpg"},9894:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image22-0f18a08865f7f5db648e9897473ddd3e.jpg"},1531:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image23-9af5f6a4129e69b992900c68ab792fca.jpg"},4574:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image24-a3737a6e12446bb6a0df3ad7934294c4.jpg"},820:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image25-bd31f09f451643884b336b180b829054.jpg"},7205:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image26-5bc2d80c51f44dd3e05e73a244febf30.jpg"},141:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image27-7793f221886d5980a35a73e7da730bf7.jpg"},7773:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image28-c3383a42f0c3c9ad90873f382ecd83d2.jpg"},9497:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image29-491b1295a4af5ecd6773c1c412526a93.jpg"},2045:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image6-05358c65666f3a3067d05afc2fb956f3.jpg"},6901:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image7-d108de825b27cba1a23937413c99f5b2.jpg"},2892:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image8-e217d4ba8fea13a955b4c7c5c52f82bc.jpg"},4559:(e,n,t)=>{t.d(n,{Z:()=>i});const i=t.p+"assets/images/image9-371df24785c37671d1755ecfb1b03380.jpg"}}]); \ No newline at end of file diff --git a/assets/js/33b18326.b44f2e8a.js b/assets/js/33b18326.fd6a9711.js similarity index 99% rename from assets/js/33b18326.b44f2e8a.js rename to assets/js/33b18326.fd6a9711.js index 4908da748..fc4167910 100644 --- a/assets/js/33b18326.b44f2e8a.js +++ b/assets/js/33b18326.fd6a9711.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${D&&"opacity: 1;"}; - `;return(0,u.BX)("div",{css:Z,children:["hidden"!=f?(0,u.BX)("div",{onMouseEnter:()=>{H(!0)},onMouseLeave:()=>H(!1),css:V,children:[(0,u.tZ)("div",{css:X,children:(0,u.tZ)(g,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:I})]}):null,(0,u.BX)(o.Z,{css:N,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&A?(0,u.tZ)(p,{collapse:C,setCollapse:j}):null,c?(0,u.BX)(a.Z,{children:[(0,u.tZ)(s.Z,{value:m?m[0]:"Java",label:m?m[0]:O.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?v:x})}),(0,u.tZ)(s.Z,{value:m?m[1]:"CSS",label:m?m[1]:O.cssFile,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:B})})]}):(0,u.tZ)(a.Z,{children:(0,u.tZ)(s.Z,{value:m?m[0]:"Java",label:m?m[0]:O.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?v:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(7294),i=n(917),a=n(8230),s=n(4387),o=n(6770);let l=null,A=null;const c={getLatestTag:async function(){return l&&A&&Date.now()-A<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,A=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function h(e){let{type:t,location:n,top:l,children:A,code:h,suffix:u}=e;const[p,g]=(0,r.useState)("");(0,r.useEffect)((()=>{(async()=>{try{let e=await c.getLatestTag();u||(u=""),e||(e="23.04"),g("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=i.iv` + `;return(0,u.BX)("div",{css:Z,children:["hidden"!=f?(0,u.BX)("div",{onMouseEnter:()=>{H(!0)},onMouseLeave:()=>H(!1),css:V,children:[(0,u.tZ)("div",{css:X,children:(0,u.tZ)(g,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:I})]}):null,(0,u.BX)(o.Z,{css:N,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&A?(0,u.tZ)(p,{collapse:C,setCollapse:j}):null,c?(0,u.BX)(a.Z,{children:[(0,u.tZ)(s.Z,{value:m?m[0]:"Java",label:m?m[0]:O.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?v:x})}),(0,u.tZ)(s.Z,{value:m?m[1]:"CSS",label:m?m[1]:O.cssFile,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:B})})]}):(0,u.tZ)(a.Z,{children:(0,u.tZ)(s.Z,{value:m?m[0]:"Java",label:m?m[0]:O.javaFile,default:!0,children:(0,u.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?v:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(7294),i=n(917),a=n(8230),s=n(4387),o=n(6770);let l=null,A=null;const c={getLatestTag:async function(){return l&&A&&Date.now()-A<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,A=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function h(e){let{type:t,location:n,top:l,children:A,code:h,suffix:u}=e;const[p,g]=(0,r.useState)("");(0,r.useEffect)((()=>{(async()=>{try{let e=await c.getLatestTag();u||(u=""),e||(e="23.04"),g("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=i.iv` display: inline; ${l&&i.iv` diff --git a/assets/js/44a2ffa8.2d701ae6.js b/assets/js/44a2ffa8.813d45b6.js similarity index 99% rename from assets/js/44a2ffa8.2d701ae6.js rename to assets/js/44a2ffa8.813d45b6.js index ba97ffac8..23fa3b6be 100644 --- a/assets/js/44a2ffa8.2d701ae6.js +++ b/assets/js/44a2ffa8.813d45b6.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${Z&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:S,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:H,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:L,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[i&&c?(0,m.tZ)(p,{collapse:D,setCollapse:B}):null,d?(0,m.BX)(a.Z,{children:[(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:F.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})}),(0,m.tZ)(r.Z,{value:f?f[1]:"CSS",label:f?f[1]:F.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(a.Z,{children:(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:F.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})})})]})]})}},3273:(e,t,i)=>{i.d(t,{Z:()=>h});var n=i(7294),s=i(917),a=i(8230),r=i(4387),l=i(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=i(5944);function h(e){let{type:t,location:i,top:o,children:c,code:h,suffix:m}=e;const[p,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+i+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` + `;return(0,m.BX)("div",{css:S,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:H,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:L,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[i&&c?(0,m.tZ)(p,{collapse:D,setCollapse:B}):null,d?(0,m.BX)(a.Z,{children:[(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:F.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})}),(0,m.tZ)(r.Z,{value:f?f[1]:"CSS",label:f?f[1]:F.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(a.Z,{children:(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:F.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})})})]})]})}},3273:(e,t,i)=>{i.d(t,{Z:()=>h});var n=i(7294),s=i(917),a=i(8230),r=i(4387),l=i(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=i(5944);function h(e){let{type:t,location:i,top:o,children:c,code:h,suffix:m}=e;const[p,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+i+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` display: inline; ${o&&s.iv` diff --git a/assets/js/47f3d74a.688a70e8.js b/assets/js/47f3d74a.2253c326.js similarity index 92% rename from assets/js/47f3d74a.688a70e8.js rename to assets/js/47f3d74a.2253c326.js index e2067764b..a4665b4c6 100644 --- a/assets/js/47f3d74a.688a70e8.js +++ b/assets/js/47f3d74a.2253c326.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1303],{1214:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>h,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>u});var n=i(5893),a=i(1151),s=i(6957),r=(i(7796),i(3273)),l=i(2665);const o={sidebar_position:3,title:"DateTimeField",slug:"datetimefield"},c=void 0,d={id:"components/fields/date-time-field",title:"DateTimeField",description:"The DateTimeField class is a Field component, and as such shares all of the commonalities belonging to a Field. Please refer to the Field documentation page for an overview of Field properties, events, and other important information.",source:"@site/docs/components/fields/date-time-field.md",sourceDirName:"components/fields",slug:"/components/fields/datetimefield",permalink:"/docs/components/fields/datetimefield",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/fields/date-time-field.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3,title:"DateTimeField",slug:"datetimefield"},sidebar:"documentationSidebar",previous:{title:"DateField",permalink:"/docs/components/fields/datefield"},next:{title:"NumberField",permalink:"/docs/components/fields/numberfield"}},h={},u=[{value:"Usages",id:"usages",level:3},{value:"Constructors",id:"constructors",level:3},{value:"Maximum and Minimum",id:"maximum-and-minimum",level:3},{value:"Display",id:"display",level:3},{value:"Static Utilities",id:"static-utilities",level:3},{value:"Best Practices",id:"best-practices",level:3}];function m(e){const t={a:"a",admonition:"admonition",code:"code",h3:"h3",li:"li",mdxAdmonitionTitle:"mdxAdmonitionTitle",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,a.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,n.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-editbox",href:"https://basishub.github.io/basis-next/#/web-components/bbj-editbox",clickable:!1,iconName:"code"}),"\n",(0,n.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/field/DateTimeField",top:"true"}),"\n",(0,n.jsxs)(t.admonition,{type:"success",children:[(0,n.jsx)(t.mdxAdmonitionTitle,{children:(0,n.jsx)(t.strong,{children:"Important"})}),(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class is a Field component, and as such shares all of the commonalities belonging to a Field. Please refer to the ",(0,n.jsx)(t.strong,{children:(0,n.jsx)(t.a,{href:"/docs/components/fields",children:"Field documentation page"})})," for an overview of Field properties, events, and other important information."]})]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class provides a user interface component that allows the user to enter both a date and a time, including the year, month, and day, as well as the time in hours and minutes. It offers the flexibility to validate the input or use a special date-time picker interface."]}),"\n",(0,n.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.fielddemos.DateTimeFieldDemo",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/fielddemos/DateTimeFieldDemo.java",javaE:"",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/fieldstyles/date_field_styles.css"}),"\n",(0,n.jsx)(t.h3,{id:"usages",children:"Usages"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," is best used in scenarios where capturing or displaying both date ",(0,n.jsx)(t.strong,{children:"and"})," time is essential to the user interface or application functionality. Here are some examples of when to use the ",(0,n.jsx)(t.code,{children:"DateTimeField"}),":"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Event Scheduling and Calendars"}),": If time of day is in important factor in applications that involve event scheduling, appointment booking, or managing calendars then a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," is the proper component to use."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Form Inputs"}),": When designing forms that require date and time inputs, using a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," simplifies the selection process for users. This is particularly useful for applications that collect user data or require scheduling with specific times."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Data Logging and Timestamps"}),": Applications that involve data logging or capturing timestamps require ",(0,n.jsx)(t.code,{children:"DateTimeFields"})," to record the date and time when events occur or when data is submitted."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Task Management and Deadlines"}),": ",(0,n.jsx)(t.code,{children:"DateTimeFields"})," are valuable in applications that involve task management or setting deadlines where both the date and time are relevant for accurate scheduling."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"constructors",children:"Constructors"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class has four constructors:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(String label, LocalDateTime dateTime)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given label and datetime."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(String label)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given label but with no pre-populated datetime."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(LocalDateTime dateTime)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given datetime, but without a label."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField()"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," without any provided information."]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"maximum-and-minimum",children:"Maximum and Minimum"}),"\n",(0,n.jsxs)(t.p,{children:["You can use the ",(0,n.jsx)(t.code,{children:"setMax()"})," and ",(0,n.jsx)(t.code,{children:"setMin()"})," methods to specify the acceptable range of dates and times. If the value entered into the component is outside of the specified timestamp, the component fails constraint validation. Also, if there is already a maximum or minimum set, the value given to the other method must be lower or higher respectively."]}),"\n",(0,n.jsx)(t.h3,{id:"display",children:"Display"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," will, by default, display its information within the UI element based on the locale the browser is configured to. For example, users with United States configurations will see the date displayed with the month preceding the day, whereas European users will see the day before the month. This does not inhibit manipulation of the ",(0,n.jsx)(t.code,{children:"LocalDateTime"})," object returned by methods from the class, however."]}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["When displaying time, the seconds will display by default. However, if the component is given a ",(0,n.jsx)(t.code,{children:"LocaleDateTime"})," object with the seconds set to 0, the seconds are then hidden from the display."]})}),"\n",(0,n.jsx)(t.h3,{id:"static-utilities",children:"Static Utilities"}),"\n",(0,n.jsx)(t.p,{children:"The DateTimeField class also provides the following static utility methods:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"fromDateTime(String dateTimeAsString)"}),": Convert a date and time string in yyyy-MM-ddTHH:mm",":ss"," format to a LocalDateTime object which can then be utilized with this class, or elsewhere."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"toDateTime(LocalDateTime dateTime)"}),": Convert a LocalDateTime object to a date and time string in yyyy-MM-ddTHH:mm",":ss"," format."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"isValidDateTime(String dateTimeAsString)"}),": Checks to see if the given string is a valid yyyy-MM-ddTHH:mm",":ss"," date and time. This will return a boolean value true if so, false otherwise."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["To ensure an optimal user experience when using the ",(0,n.jsx)(t.code,{children:"DateField"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Consider Localized Date Display"}),": When displaying dates, consider localizing the date format and incorporating regional preferences. This enhances usability and ensures dates are presented in a familiar format to the user."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Include Timezone Considerations"}),": If your application deals with time-sensitive information across different time zones, consider incorporating timezone selection alongside the date field to ensure accurate date-time representation."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Consider Accessibility"}),": Utilize the ",(0,n.jsx)(t.code,{children:"DateField"})," with accessibility in mind. Ensure that it meets accessibility standards, such as providing proper labels, and being compatible with assistive technologies."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Auto-Populate Current Date"}),": Consider providing an option to auto-populate the current date as a default value in the date field, if appropriate for your application's use case."]}),"\n"]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,a.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(m,{...e})}):m(e)}},5162:(e,t,i)=>{i.d(t,{Z:()=>r});i(7294);var n=i(6010);const a={tabItem:"tabItem_Ymn6"};var s=i(5893);function r(e){let{children:t,hidden:i,className:r}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,n.Z)(a.tabItem,r),hidden:i,children:t})}},4866:(e,t,i)=>{i.d(t,{Z:()=>j});var n=i(7294),a=i(6010),s=i(2466),r=i(6550),l=i(469),o=i(1980),c=i(7392),d=i(12);function h(e){return n.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,n.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:i}=e;return(0,n.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:i,attributes:n,default:a}}=e;return{value:t,label:i,attributes:n,default:a}}))}(i);return function(e){const t=(0,c.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,i])}function m(e){let{value:t,tabValues:i}=e;return i.some((e=>e.value===t))}function p(e){let{queryString:t=!1,groupId:i}=e;const a=(0,r.k6)(),s=function(e){let{queryString:t=!1,groupId:i}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!i)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return i??null}({queryString:t,groupId:i});return[(0,o._X)(s),(0,n.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(a.location.search);t.set(s,e),a.replace({...a.location,search:t.toString()})}),[s,a])]}function A(e){const{defaultValue:t,queryString:i=!1,groupId:a}=e,s=u(e),[r,o]=(0,n.useState)((()=>function(e){let{defaultValue:t,tabValues:i}=e;if(0===i.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!m({value:t,tabValues:i}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${i.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const n=i.find((e=>e.default))??i[0];if(!n)throw new Error("Unexpected error: 0 tabValues");return n.value}({defaultValue:t,tabValues:s}))),[c,h]=p({queryString:i,groupId:a}),[A,g]=function(e){let{groupId:t}=e;const i=function(e){return e?`docusaurus.tab.${e}`:null}(t),[a,s]=(0,d.Nk)(i);return[a,(0,n.useCallback)((e=>{i&&s.set(e)}),[i,s])]}({groupId:a}),b=(()=>{const e=c??A;return m({value:e,tabValues:s})?e:null})();(0,l.Z)((()=>{b&&o(b)}),[b]);return{selectedValue:r,selectValue:(0,n.useCallback)((e=>{if(!m({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);o(e),h(e),g(e)}),[h,g,s]),tabValues:s}}var g=i(2389);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var f=i(5893);function v(e){let{className:t,block:i,selectedValue:n,selectValue:r,tabValues:l}=e;const o=[],{blockElementScrollPositionUntilNextRender:c}=(0,s.o5)(),d=e=>{const t=e.currentTarget,i=o.indexOf(t),a=l[i].value;a!==n&&(c(t),r(a))},h=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const i=o.indexOf(e.currentTarget)+1;t=o[i]??o[0];break}case"ArrowLeft":{const i=o.indexOf(e.currentTarget)-1;t=o[i]??o[o.length-1];break}}t?.focus()};return(0,f.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,a.Z)("tabs",{"tabs--block":i},t),children:l.map((e=>{let{value:t,label:i,attributes:s}=e;return(0,f.jsx)("li",{role:"tab",tabIndex:n===t?0:-1,"aria-selected":n===t,ref:e=>o.push(e),onKeyDown:h,onClick:d,...s,className:(0,a.Z)("tabs__item",b.tabItem,s?.className,{"tabs__item--active":n===t}),children:i??t},t)}))})}function x(e){let{lazy:t,children:i,selectedValue:a}=e;const s=(Array.isArray(i)?i:[i]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===a));return e?(0,n.cloneElement)(e,{className:"margin-top--md"}):null}return(0,f.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,n.cloneElement)(e,{key:t,hidden:e.props.value!==a})))})}function w(e){const t=A(e);return(0,f.jsxs)("div",{className:(0,a.Z)("tabs-container",b.tabList),children:[(0,f.jsx)(v,{...e,...t}),(0,f.jsx)(x,{...e,...t})]})}function j(e){const t=(0,g.Z)();return(0,f.jsx)(w,{...e,children:h(e.children)},String(t))}},6957:(e,t,i)=>{i.d(t,{Z:()=>g});var n=i(7294),a=i(917),s=i(4866),r=i(5162),l=i(4673),o=i(1750);const c="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAABmJLR0QA/wD/AP+gvaeTAAAG/ElEQVR4nO3dTW7bRhgG4Ddu4bTHa72Ir+UbNKskm/YgvYJhGF61B2gcIEDdRSVAMGxLIueHQz4PMBtDGeoj9EIfxWEmAQAAAAAAAAAAAAAAAAAAAAAAACjnMsl1ks9JbpN8343b3d+ud68BFuYqyUOSpyPjYfdaYAEuktzkeHCfj5vdvwU6mhLewxADnVxlenj3QzsNHVwmucv8AN8ned/2rQPXmR/e/fjQ+L1TiB8xxvVLwbl+LTgXcIIS7fN+3DV+7xTyrvcbYLLHJD8Vmutbkp8LzUVDAjyup8Lz+SwMyDUwDEyAYWACDAMTYBiYAMPABBgGJsAwMAGGgQkwDEyAYWACDAMTYBiYAMPABBgGJsAwMAGGgQkwDEyAYWACDAMT4Dq2tkvg1uplxVrtEljqv5Tdj6nsisgqtN4lsHeA7YrIqszZJfBjzv9Q9wzwxe49Tz2WXRFZlBK7BJ4b4l4Bnhve/dBOswildgl8SvIpyY8nHrdHgC+S/FboePexKyILUHKXwHNC3DrAJcO7H3ZFpLsvKR+mU9rplgEu1TY/H1+OHBeqK7lL4DkhbhXgWuF9il0RWYDH1PlwP+XtdrpFgGu0zYfj8ZXjQjNfU+8D/laIawe4dnifkvzz+mmFNmq10IfjpXa6ZoBrts2HQwtNdzV+xDolxLUC3Cq8T/EjFgtQ+jbSW+Owna4R4BZt8+FwG4nuSi7kOCfEpedtHd77WMjBQpRYSnnOqNHitmqb98NSShZlzsMMWxseZmBxWv74M/KY8uQVNNH6OnK08SnJD1NPLrQgxMLL4IRYeBmcEAsvg9t6iIWX4W01xMLLamwtxMLL6mzlPrH7vKzW2r+JffOyemsNsfCyGWsLsfCyOWsJsfCyWaOHWHjZvFFDLLywM9otJreK4JlRQiy88Iqlh1h44YilXhO75oUTLS3EwgtnWko7rW2GiXqHWHhhpl4hFl4opPU1sWteKKzVN7FvXqikdoiFFyqr1U5rm6GR0iEWXmisVDutbYZO5oZYeKGzi0zb2vQmwguLcZXkIceD+xCba8MiXSa5TvI5yW2S77txu/vb9e41AAAAAAAAAAAAwCK9tBTw1MX5S1oyqA51bM6pi/FPHb0W7atDHZsy9XG4U0erx+bUoY5NqnmSD0+2OtQxYh2LdpX6J3k/arY96lDH5lwmuUu7E32f5L061DFIHYt3nXYneT8+qEMdg9Rxkp4X4b90OOavFeZUx3TqGFjLNmc/7tShjkHqOMm7XgdO8pjkp8bH/Jbk58JzqmM6dczUs4V+6nDMfyvMqY7p1DFTzwD/1eGYf1eYUx3TqWOmngH+cyXHVMeyjrmWOk7SM8B/dDjm7xXmVMd06hjYWm64q0Mdm1zIkaxnyZs61LFZa1l0rg51bNJaHvtShzo2bS0PXqtDHZu1lv/6RB3qAAAAAAAAAAAAAJp7acmgpYAwgFMX7VuMDwsy9bE5j8NBZxdJPmb6o3EfI8TQxdzwCjF0cpHkt5R7SP1Tkh9bFgBbVTq8QgyNlGqbtdPQWO3wCjFUUqtt1k5DZa3DK8RQSKu2WTsNhfUOrxDDRL3aZu00zLS08AoxnGgpbbN2Gs609PAKMbxilPAKMTyz1GveY8M1MZs3aniFmM0bPbxCzGatJbxCzOasLbxCzGasNbxCzOqNdqto6nCLidVZ+zevb2JWa2vhFWJWY6vhFWKGt/XwCjHDEl4hZlDCK8QMSniFmEFt5T7v3OE+MYs0ZYvPrY6biecYqrhK+2+xEeZ8a9hknEW4THKXdh/8T0l+qDBv6+v3+yTvzz7bUNh12oc3FeZO2of4wzknGmr4kjYf9uc//tQIcNL2x7gvJ55jqKZF+/zSL7e1Apy0C/Hd0bMLlT2m7of8sG0+VDPASZt2+vH10wptfE378KbCsV5SO8T/vHJcaKZWC31swUOLACd122ktNN3V+BHrlNVKrQKc1AuxH7HorvRtpLfa5kMtA5zUaafdRqK7kgs5Tg1vCh3vnAAnZUN8Hws5WIgSSynPXeTfI8BJuXbaUkoWZc7DDFOe0OkV4GR+iD3MwOJcZFqIbzLt8bqeAU7a1wtNXCV5yPEP8kPmtZG9A7zXql5o5jL//zr9Ocltku+7cbv72/XuNXMsJcBJm3p5wbveb4DJ5obuOZ+FAbkWgYEJMAxMgGFgAgwDE2AYmADDwAQYBibAMDABhoEJMAxMgGFgAgwDE2AYmADDwAQYBibAMDABhoEJMAxMgGFgAjyukltzfi04Fw0J8Lj+KjjX3wXnoiEBHtefC52LhgR4XH8UnOv3gnMBJyi1K+J97BIIXZTYFdF2J9DRnF0R7RIIndklEFbALoEwOLsEAgAAAAAAAAAAAAAAAAAAAAAAAE39B2tV13Hdy+hQAAAAAElFTkSuQmCC",d=i.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=i(2949),m=i(5944);function p(e){let{collapse:t,setCollapse:i}=e;const n=a.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1303],{1214:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>h,contentTitle:()=>d,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=i(5893),a=i(1151),s=i(6957),r=(i(7796),i(3273)),l=i(2665);const o={sidebar_position:3,title:"DateTimeField",slug:"datetimefield"},d=void 0,c={id:"components/fields/date-time-field",title:"DateTimeField",description:"The DateTimeField class is a Field component, and as such shares all of the commonalities belonging to a Field. Please refer to the Field documentation page for an overview of Field properties, events, and other important information.",source:"@site/docs/components/fields/date-time-field.md",sourceDirName:"components/fields",slug:"/components/fields/datetimefield",permalink:"/docs/components/fields/datetimefield",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/fields/date-time-field.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3,title:"DateTimeField",slug:"datetimefield"},sidebar:"documentationSidebar",previous:{title:"DateField",permalink:"/docs/components/fields/datefield"},next:{title:"NumberField",permalink:"/docs/components/fields/numberfield"}},h={},u=[{value:"Usages",id:"usages",level:3},{value:"Constructors",id:"constructors",level:3},{value:"Maximum and Minimum",id:"maximum-and-minimum",level:3},{value:"Display",id:"display",level:3},{value:"Static Utilities",id:"static-utilities",level:3},{value:"Best Practices",id:"best-practices",level:3}];function m(e){const t={a:"a",admonition:"admonition",code:"code",h3:"h3",li:"li",mdxAdmonitionTitle:"mdxAdmonitionTitle",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,a.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,n.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-editbox",href:"https://basishub.github.io/basis-next/#/web-components/bbj-editbox",clickable:!1,iconName:"code"}),"\n",(0,n.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/field/DateTimeField",top:"true"}),"\n",(0,n.jsxs)(t.admonition,{type:"success",children:[(0,n.jsx)(t.mdxAdmonitionTitle,{children:(0,n.jsx)(t.strong,{children:"Important"})}),(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class is a Field component, and as such shares all of the commonalities belonging to a Field. Please refer to the ",(0,n.jsx)(t.strong,{children:(0,n.jsx)(t.a,{href:"/docs/components/fields",children:"Field documentation page"})})," for an overview of Field properties, events, and other important information."]})]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class provides a user interface component that allows the user to enter both a date and a time, including the year, month, and day, as well as the time in hours and minutes. It offers the flexibility to validate the input or use a special date-time picker interface."]}),"\n",(0,n.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.fielddemos.DateTimeFieldDemo",javaC:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/fielddemos/DateTimeFieldDemo.java",javaE:"",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/fieldstyles/date_field_styles.css"}),"\n",(0,n.jsx)(t.h3,{id:"usages",children:"Usages"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," is best used in scenarios where capturing or displaying both date ",(0,n.jsx)(t.strong,{children:"and"})," time is essential to the user interface or application functionality. Here are some examples of when to use the ",(0,n.jsx)(t.code,{children:"DateTimeField"}),":"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Event Scheduling and Calendars"}),": If time of day is in important factor in applications that involve event scheduling, appointment booking, or managing calendars then a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," is the proper component to use."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Form Inputs"}),": When designing forms that require date and time inputs, using a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," simplifies the selection process for users. This is particularly useful for applications that collect user data or require scheduling with specific times."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Data Logging and Timestamps"}),": Applications that involve data logging or capturing timestamps require ",(0,n.jsx)(t.code,{children:"DateTimeFields"})," to record the date and time when events occur or when data is submitted."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Task Management and Deadlines"}),": ",(0,n.jsx)(t.code,{children:"DateTimeFields"})," are valuable in applications that involve task management or setting deadlines where both the date and time are relevant for accurate scheduling."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"constructors",children:"Constructors"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," class has four constructors:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(String label, LocalDateTime dateTime)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given label and datetime."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(String label)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given label but with no pre-populated datetime."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField(LocalDateTime dateTime)"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," with a given datetime, but without a label."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"DateTimeField()"}),": Creates a ",(0,n.jsx)(t.code,{children:"DateTimeField"})," without any provided information."]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"maximum-and-minimum",children:"Maximum and Minimum"}),"\n",(0,n.jsxs)(t.p,{children:["You can use the ",(0,n.jsx)(t.code,{children:"setMax()"})," and ",(0,n.jsx)(t.code,{children:"setMin()"})," methods to specify the acceptable range of dates and times. If the value entered into the component is outside of the specified timestamp, the component fails constraint validation. Also, if there is already a maximum or minimum set, the value given to the other method must be lower or higher respectively."]}),"\n",(0,n.jsx)(t.h3,{id:"display",children:"Display"}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"DateTimeField"})," will, by default, display its information within the UI element based on the locale the browser is configured to. For example, users with United States configurations will see the date displayed with the month preceding the day, whereas European users will see the day before the month. This does not inhibit manipulation of the ",(0,n.jsx)(t.code,{children:"LocalDateTime"})," object returned by methods from the class, however."]}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["When displaying time, the seconds will display by default. However, if the component is given a ",(0,n.jsx)(t.code,{children:"LocaleDateTime"})," object with the seconds set to 0, the seconds are then hidden from the display."]})}),"\n",(0,n.jsx)(t.h3,{id:"static-utilities",children:"Static Utilities"}),"\n",(0,n.jsx)(t.p,{children:"The DateTimeField class also provides the following static utility methods:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"fromDateTime(String dateTimeAsString)"}),": Convert a date and time string in yyyy-MM-ddTHH:mm",":ss"," format to a LocalDateTime object which can then be utilized with this class, or elsewhere."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"toDateTime(LocalDateTime dateTime)"}),": Convert a LocalDateTime object to a date and time string in yyyy-MM-ddTHH:mm",":ss"," format."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.code,{children:"isValidDateTime(String dateTimeAsString)"}),": Checks to see if the given string is a valid yyyy-MM-ddTHH:mm",":ss"," date and time. This will return a boolean value true if so, false otherwise."]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"best-practices",children:"Best Practices"}),"\n",(0,n.jsxs)(t.p,{children:["To ensure an optimal user experience when using the ",(0,n.jsx)(t.code,{children:"DateField"})," component, consider the following best practices:"]}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Consider Localized Date Display"}),": When displaying dates, consider localizing the date format and incorporating regional preferences. This enhances usability and ensures dates are presented in a familiar format to the user."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Include Timezone Considerations"}),": If your application deals with time-sensitive information across different time zones, consider incorporating timezone selection alongside the date field to ensure accurate date-time representation."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Consider Accessibility"}),": Utilize the ",(0,n.jsx)(t.code,{children:"DateField"})," with accessibility in mind. Ensure that it meets accessibility standards, such as providing proper labels, and being compatible with assistive technologies."]}),"\n"]}),"\n",(0,n.jsxs)(t.li,{children:["\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Auto-Populate Current Date"}),": Consider providing an option to auto-populate the current date as a default value in the date field, if appropriate for your application's use case."]}),"\n"]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,a.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(m,{...e})}):m(e)}},5162:(e,t,i)=>{i.d(t,{Z:()=>r});i(7294);var n=i(6010);const a={tabItem:"tabItem_Ymn6"};var s=i(5893);function r(e){let{children:t,hidden:i,className:r}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,n.Z)(a.tabItem,r),hidden:i,children:t})}},4866:(e,t,i)=>{i.d(t,{Z:()=>j});var n=i(7294),a=i(6010),s=i(2466),r=i(6550),l=i(469),o=i(1980),d=i(7392),c=i(12);function h(e){return n.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,n.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:i}=e;return(0,n.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:i,attributes:n,default:a}}=e;return{value:t,label:i,attributes:n,default:a}}))}(i);return function(e){const t=(0,d.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,i])}function m(e){let{value:t,tabValues:i}=e;return i.some((e=>e.value===t))}function p(e){let{queryString:t=!1,groupId:i}=e;const a=(0,r.k6)(),s=function(e){let{queryString:t=!1,groupId:i}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!i)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return i??null}({queryString:t,groupId:i});return[(0,o._X)(s),(0,n.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(a.location.search);t.set(s,e),a.replace({...a.location,search:t.toString()})}),[s,a])]}function A(e){const{defaultValue:t,queryString:i=!1,groupId:a}=e,s=u(e),[r,o]=(0,n.useState)((()=>function(e){let{defaultValue:t,tabValues:i}=e;if(0===i.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!m({value:t,tabValues:i}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${i.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const n=i.find((e=>e.default))??i[0];if(!n)throw new Error("Unexpected error: 0 tabValues");return n.value}({defaultValue:t,tabValues:s}))),[d,h]=p({queryString:i,groupId:a}),[A,g]=function(e){let{groupId:t}=e;const i=function(e){return e?`docusaurus.tab.${e}`:null}(t),[a,s]=(0,c.Nk)(i);return[a,(0,n.useCallback)((e=>{i&&s.set(e)}),[i,s])]}({groupId:a}),b=(()=>{const e=d??A;return m({value:e,tabValues:s})?e:null})();(0,l.Z)((()=>{b&&o(b)}),[b]);return{selectedValue:r,selectValue:(0,n.useCallback)((e=>{if(!m({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);o(e),h(e),g(e)}),[h,g,s]),tabValues:s}}var g=i(2389);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var f=i(5893);function v(e){let{className:t,block:i,selectedValue:n,selectValue:r,tabValues:l}=e;const o=[],{blockElementScrollPositionUntilNextRender:d}=(0,s.o5)(),c=e=>{const t=e.currentTarget,i=o.indexOf(t),a=l[i].value;a!==n&&(d(t),r(a))},h=e=>{let t=null;switch(e.key){case"Enter":c(e);break;case"ArrowRight":{const i=o.indexOf(e.currentTarget)+1;t=o[i]??o[0];break}case"ArrowLeft":{const i=o.indexOf(e.currentTarget)-1;t=o[i]??o[o.length-1];break}}t?.focus()};return(0,f.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,a.Z)("tabs",{"tabs--block":i},t),children:l.map((e=>{let{value:t,label:i,attributes:s}=e;return(0,f.jsx)("li",{role:"tab",tabIndex:n===t?0:-1,"aria-selected":n===t,ref:e=>o.push(e),onKeyDown:h,onClick:c,...s,className:(0,a.Z)("tabs__item",b.tabItem,s?.className,{"tabs__item--active":n===t}),children:i??t},t)}))})}function x(e){let{lazy:t,children:i,selectedValue:a}=e;const s=(Array.isArray(i)?i:[i]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===a));return e?(0,n.cloneElement)(e,{className:"margin-top--md"}):null}return(0,f.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,n.cloneElement)(e,{key:t,hidden:e.props.value!==a})))})}function w(e){const t=A(e);return(0,f.jsxs)("div",{className:(0,a.Z)("tabs-container",b.tabList),children:[(0,f.jsx)(v,{...e,...t}),(0,f.jsx)(x,{...e,...t})]})}function j(e){const t=(0,g.Z)();return(0,f.jsx)(w,{...e,children:h(e.children)},String(t))}},6957:(e,t,i)=>{i.d(t,{Z:()=>g});var n=i(7294),a=i(917),s=i(4866),r=i(5162),l=i(4673),o=i(1750);const d="data:image/png;base64,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",c=i.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=i(2949),m=i(5944);function p(e){let{collapse:t,setCollapse:i}=e;const n=a.iv` display: flex; justify-content: end; margin-bottom: -30px; @@ -16,7 +16,7 @@ background-color: transparent; `,r=a.iv` filter: invert(var(--inversion-percentage)); - `;return(0,m.tZ)("div",{css:n,children:(0,m.tZ)("button",{css:s,onClick:()=>{i(!t)},children:t?(0,m.tZ)("img",{css:r,src:d,className:"icon-tabler-arrow-bar-up"}):(0,m.tZ)("img",{css:r,src:c,className:"icon-tabler-arrow-bar-down"})})})}function A(e){let{url:t}=e;const i=a.iv` + `;return(0,m.tZ)("div",{css:n,children:(0,m.tZ)("button",{css:s,onClick:()=>{i(!t)},children:t?(0,m.tZ)("img",{css:r,src:c,className:"icon-tabler-arrow-bar-up"}):(0,m.tZ)("img",{css:r,src:d,className:"icon-tabler-arrow-bar-down"})})})}function A(e){let{url:t}=e;const i=a.iv` position: relative; cursor: pointer; z-index: 10; @@ -37,7 +37,7 @@ mix-blend-mode: lighten; /* The blend mode determines how the overlay interacts with the image */ opacity: 0.5; } - `;return(0,m.tZ)("button",{css:i,onClick:()=>{window.open(t,"_blank")},children:(0,m.tZ)("img",{css:n,src:h})})}function g(e){let{path:t,javaC:i,javaE:c,cssURL:d,javaHighlight:h,height:g,frame:b,tabs:f}=e;const[v,x]=(0,n.useState)(""),[w,j]=(0,n.useState)(""),[D,y]=(0,n.useState)(""),[T,B]=(0,n.useState)(!(!i||!c)),[F,Z]=(0,n.useState)(!1),[k,C]=(0,n.useState)({});(0,n.useEffect)((()=>{c&&fetch(c).then((e=>e.text())).then((e=>{j(e);const t=new URL(c).pathname.split("/"),i=t[t.length-1];C((e=>({...e,javaFile:i})))})),i&&fetch(i).then((e=>e.text())).then((e=>{x(e)})),d&&fetch(d).then((e=>e.text())).then((e=>{y(e);const t=new URL(d).pathname.split("/"),i=t[t.length-1];C((e=>({...e,cssFile:i})))}))}),[]);const S=a.iv` + `;return(0,m.tZ)("button",{css:i,onClick:()=>{window.open(t,"_blank")},children:(0,m.tZ)("img",{css:n,src:h})})}function g(e){let{path:t,javaC:i,javaE:d,cssURL:c,javaHighlight:h,height:g,frame:b,tabs:f}=e;const[v,x]=(0,n.useState)(""),[w,j]=(0,n.useState)(""),[D,y]=(0,n.useState)(""),[T,B]=(0,n.useState)(!(!i||!d)),[F,Z]=(0,n.useState)(!1),[k,C]=(0,n.useState)({});(0,n.useEffect)((()=>{d&&fetch(d).then((e=>e.text())).then((e=>{j(e);const t=new URL(d).pathname.split("/"),i=t[t.length-1];C((e=>({...e,javaFile:i})))})),i&&fetch(i).then((e=>e.text())).then((e=>{x(e)})),c&&fetch(c).then((e=>e.text())).then((e=>{y(e);const t=new URL(c).pathname.split("/"),i=t[t.length-1];C((e=>({...e,cssFile:i})))}))}),[]);const S=a.iv` display: flex; flex-direction: column; background-color: var(--code-display-color); @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${F&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:S,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:M,children:[(0,m.tZ)("div",{css:H,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:L,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[i&&c?(0,m.tZ)(p,{collapse:T,setCollapse:B}):null,d?(0,m.BX)(s.Z,{children:[(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:k.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?v:w})}),(0,m.tZ)(r.Z,{value:f?f[1]:"CSS",label:f?f[1]:k.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,m.tZ)(s.Z,{children:(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:k.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?v:w})})})]})]})}},3273:(e,t,i)=>{i.d(t,{Z:()=>u});var n=i(7294),a=i(917),s=i(8230),r=i(4387),l=i(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=i(5944);function u(e){let{type:t,location:i,top:o,children:c,code:u,suffix:m}=e;const[p,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+i+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=a.iv` + `;return(0,m.BX)("div",{css:S,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:M,children:[(0,m.tZ)("div",{css:H,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:L,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[i&&d?(0,m.tZ)(p,{collapse:T,setCollapse:B}):null,c?(0,m.BX)(s.Z,{children:[(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:k.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?v:w})}),(0,m.tZ)(r.Z,{value:f?f[1]:"CSS",label:f?f[1]:k.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,m.tZ)(s.Z,{children:(0,m.tZ)(r.Z,{value:f?f[0]:"Java",label:f?f[0]:k.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:T?v:w})})})]})]})}},3273:(e,t,i)=>{i.d(t,{Z:()=>u});var n=i(7294),a=i(917),s=i(8230),r=i(4387),l=i(6770);let o=null,d=null;const c={getLatestTag:async function(){return o&&d&&Date.now()-d<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,d=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=i(5944);function u(e){let{type:t,location:i,top:o,children:d,code:u,suffix:m}=e;const[p,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await c.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+i+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=a.iv` display: inline; ${o&&a.iv` @@ -97,4 +97,4 @@ :hover{ color: white; } - `;return(0,h.BX)(h.HY,{children:["true"===o&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(s.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(r.Z,{css:b,label:"Java API",component:"a",href:p,icon:(0,h.tZ)(l.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==o&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:p,target:"_blank",children:c})}),"true"!==o&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:p,target:"_blank",children:c})})})]})}},1415:(e,t,i)=>{i.d(t,{Z:()=>s});i(7294);var n=i(8397),a=i(5893);function s(e){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(n.Z,{...e})})}}}]); \ No newline at end of file + `;return(0,h.BX)(h.HY,{children:["true"===o&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(s.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(r.Z,{css:b,label:"Java API",component:"a",href:p,icon:(0,h.tZ)(l.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==o&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:p,target:"_blank",children:d})}),"true"!==o&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:p,target:"_blank",children:d})})})]})}},1415:(e,t,i)=>{i.d(t,{Z:()=>s});i(7294);var n=i(8397),a=i(5893);function s(e){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(n.Z,{...e})})}}}]); \ No newline at end of file diff --git a/assets/js/4eb8144b.ce82d6f2.js b/assets/js/4eb8144b.5d9b80ed.js similarity index 99% rename from assets/js/4eb8144b.ce82d6f2.js rename to assets/js/4eb8144b.5d9b80ed.js index 93cf4b3a3..1690d9364 100644 --- a/assets/js/4eb8144b.ce82d6f2.js +++ b/assets/js/4eb8144b.5d9b80ed.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:L,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:N,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(a.Z,{css:O,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:B,setCollapse:D}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:Z.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:A})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:Z.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:Z.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` + `;return(0,p.BX)("div",{css:L,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:N,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(a.Z,{css:O,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:B,setCollapse:D}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:Z.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:A})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:Z.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:Z.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` display: inline; ${l&&o.iv` diff --git a/assets/js/5510d6bc.01c34a85.js b/assets/js/5510d6bc.83db8251.js similarity index 96% rename from assets/js/5510d6bc.01c34a85.js rename to assets/js/5510d6bc.83db8251.js index d0560cc53..f77ce3089 100644 --- a/assets/js/5510d6bc.01c34a85.js +++ b/assets/js/5510d6bc.83db8251.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6020],{5006:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>v,frontMatter:()=>a,metadata:()=>r,toc:()=>h});var c=n(5893),s=n(1151),i=n(3273);const a={sidebar_position:0,title:"CheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"CheckEvent"},o=void 0,r={id:"components/events/check-event",title:"CheckEvent",description:'A "check" event occurs when an element or checkbox is selected or marked as "checked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element with a "checked" state. It typically indicates that the associated action or state has been enabled or activated. This class also inherits methods from the base Event class.',source:"@site/docs/components/events/check-event.md",sourceDirName:"components/events",slug:"/components/events/CheckEvent",permalink:"/docs/components/events/CheckEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/check-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"CheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"CheckEvent"},sidebar:"documentationSidebar",previous:{title:"ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent"},next:{title:"ListClickEvent",permalink:"/docs/components/events/ListClickEvent"}},l={},h=[{value:"See Also",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/CheckEvent",top:"true"}),"\n",(0,c.jsxs)(t.p,{children:['A "check" event occurs when an element or checkbox is selected or marked as "checked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element with a "checked" state. It typically indicates that the associated action or state has been enabled or activated. This class also inherits methods from the base ',(0,c.jsx)(t.code,{children:"Event"})," class."]}),"\n",(0,c.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,c.jsxs)(t.ul,{children:["\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./UncheckEvent",children:"Uncheck Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./ToggleEvent",children:"Toggle Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(d,{...e})}):d(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var c=n(7294),s=n(917),i=n(8230),a=n(4387),o=n(6770);let r=null,l=null;const h={getLatestTag:async function(){return r&&l&&Date.now()-l<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,l=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function v(e){let{type:t,location:n,top:r,children:l,code:v,suffix:u}=e;const[m,p]=(0,c.useState)("");(0,c.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();u||(u=""),e||(e="23.04"),p("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const k=s.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6020],{5006:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>v,frontMatter:()=>a,metadata:()=>r,toc:()=>h});var c=n(5893),s=n(1151),i=n(3273);const a={sidebar_position:0,title:"CheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"CheckEvent"},o=void 0,r={id:"components/events/check-event",title:"CheckEvent",description:'A "check" event occurs when an element or checkbox is selected or marked as "checked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element with a "checked" state. It typically indicates that the associated action or state has been enabled or activated. This class also inherits methods from the base Event class.',source:"@site/docs/components/events/check-event.md",sourceDirName:"components/events",slug:"/components/events/CheckEvent",permalink:"/docs/components/events/CheckEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/check-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"CheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"CheckEvent"},sidebar:"documentationSidebar",previous:{title:"ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent"},next:{title:"ListClickEvent",permalink:"/docs/components/events/ListClickEvent"}},l={},h=[{value:"See Also",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/CheckEvent",top:"true"}),"\n",(0,c.jsxs)(t.p,{children:['A "check" event occurs when an element or checkbox is selected or marked as "checked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element with a "checked" state. It typically indicates that the associated action or state has been enabled or activated. This class also inherits methods from the base ',(0,c.jsx)(t.code,{children:"Event"})," class."]}),"\n",(0,c.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,c.jsxs)(t.ul,{children:["\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./UncheckEvent",children:"Uncheck Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./ToggleEvent",children:"Toggle Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(d,{...e})}):d(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var c=n(7294),s=n(917),i=n(8230),a=n(4387),o=n(6770);let r=null,l=null;const h={getLatestTag:async function(){return r&&l&&Date.now()-l<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,l=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function v(e){let{type:t,location:n,top:r,children:l,code:v,suffix:u}=e;const[m,p]=(0,c.useState)("");(0,c.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();u||(u=""),e||(e="23.04"),p("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const k=s.iv` display: inline; ${r&&s.iv` diff --git a/assets/js/559b7fc6.2058f552.js b/assets/js/559b7fc6.b89ccf6c.js similarity index 99% rename from assets/js/559b7fc6.2058f552.js rename to assets/js/559b7fc6.b89ccf6c.js index 0cc1add47..1b2cc068a 100644 --- a/assets/js/559b7fc6.2058f552.js +++ b/assets/js/559b7fc6.b89ccf6c.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${C&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:L,children:["hidden"!=A?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:T,children:[(0,m.tZ)("div",{css:N,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:J})]}):null,(0,m.BX)(i.Z,{css:P,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[r&&c?(0,m.tZ)(p,{collapse:B,setCollapse:S}):null,d?(0,m.BX)(n.Z,{children:[(0,m.tZ)(o.Z,{value:v?v[0]:"Java",label:v?v[0]:k.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?w:f})}),(0,m.tZ)(o.Z,{value:v?v[1]:"CSS",label:v?v[1]:k.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(n.Z,{children:(0,m.tZ)(o.Z,{value:v?v[0]:"Java",label:v?v[0]:k.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?w:f})})})]})]})}},3273:(e,t,r)=>{r.d(t,{Z:()=>h});var a=r(7294),s=r(917),n=r(8230),o=r(4387),i=r(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=r(5944);function h(e){let{type:t,location:r,top:l,children:c,code:h,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+r+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` + `;return(0,m.BX)("div",{css:L,children:["hidden"!=A?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:T,children:[(0,m.tZ)("div",{css:N,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:J})]}):null,(0,m.BX)(i.Z,{css:P,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[r&&c?(0,m.tZ)(p,{collapse:B,setCollapse:S}):null,d?(0,m.BX)(n.Z,{children:[(0,m.tZ)(o.Z,{value:v?v[0]:"Java",label:v?v[0]:k.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?w:f})}),(0,m.tZ)(o.Z,{value:v?v[1]:"CSS",label:v?v[1]:k.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(n.Z,{children:(0,m.tZ)(o.Z,{value:v?v[0]:"Java",label:v?v[0]:k.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?w:f})})})]})]})}},3273:(e,t,r)=>{r.d(t,{Z:()=>h});var a=r(7294),s=r(917),n=r(8230),o=r(4387),i=r(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=r(5944);function h(e){let{type:t,location:r,top:l,children:c,code:h,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+r+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` display: inline; ${l&&s.iv` diff --git a/assets/js/56ad8461.cab30f44.js b/assets/js/56ad8461.56b2bc8c.js similarity index 99% rename from assets/js/56ad8461.cab30f44.js rename to assets/js/56ad8461.56b2bc8c.js index 5c78807ff..fdb74591f 100644 --- a/assets/js/56ad8461.cab30f44.js +++ b/assets/js/56ad8461.56b2bc8c.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${Z&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:k,children:["hidden"!=v?(0,m.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:M,children:[(0,m.tZ)("div",{css:J,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(l.Z,{css:H,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:D,setCollapse:E}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(i.Z,{value:A?A[0]:"Java",label:A?A[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?w:f})}),(0,m.tZ)(i.Z,{value:A?A[1]:"CSS",label:A?A[1]:C.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(i.Z,{value:A?A[0]:"Java",label:A?A[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),s=n(917),r=n(8230),i=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:o,children:c,code:u,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` + `;return(0,m.BX)("div",{css:k,children:["hidden"!=v?(0,m.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:M,children:[(0,m.tZ)("div",{css:J,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(l.Z,{css:H,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:D,setCollapse:E}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(i.Z,{value:A?A[0]:"Java",label:A?A[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?w:f})}),(0,m.tZ)(i.Z,{value:A?A[1]:"CSS",label:A?A[1]:C.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(i.Z,{value:A?A[0]:"Java",label:A?A[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),s=n(917),r=n(8230),i=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:o,children:c,code:u,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` display: inline; ${o&&s.iv` diff --git a/assets/js/693028f3.11e7ef09.js b/assets/js/693028f3.4bc9b993.js similarity index 96% rename from assets/js/693028f3.11e7ef09.js rename to assets/js/693028f3.4bc9b993.js index 2b0db65a6..ee4aa4241 100644 --- a/assets/js/693028f3.11e7ef09.js +++ b/assets/js/693028f3.4bc9b993.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3779],{8727:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>d});var s=n(5893),i=n(1151),a=n(3273);const o={sidebar_position:0,title:"BlurEvent",sidebar_class_name:"sidebar--item__hidden",slug:"BlurEvent"},r=void 0,l={id:"components/events/blur-event",title:"BlurEvent",description:"An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page. This event is useful when you want to detect when a user moves away from a particular element on a web page, such as an input field or a button. This class also inherits methods from the base Event class.",source:"@site/docs/components/events/blur-event.md",sourceDirName:"components/events",slug:"/components/events/BlurEvent",permalink:"/docs/components/events/BlurEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/blur-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"BlurEvent",sidebar_class_name:"sidebar--item__hidden",slug:"BlurEvent"},sidebar:"documentationSidebar",previous:{title:"Event",permalink:"/docs/components/events/event"},next:{title:"ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent"}},c={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{type:"engine",location:"org/dwcj/component/event/BlurEvent",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:["An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page. This event is useful when you want to detect when a user moves away from a particular element on a web page, such as an input field or a button. This class also inherits methods from the base ",(0,s.jsx)(t.code,{children:"Event"})," class."]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getText()"})}),(0,s.jsx)(t.td,{children:"Gets the text of the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isClientValidationValid()"})}),(0,s.jsx)(t.td,{children:"Returns the result of the client validation function, if any, when the component loses focus."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./FocusEvent",children:"Focus Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),a=n(8230),o=n(4387),r=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:v}=e;const[m,p]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3779],{8727:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>d});var s=n(5893),i=n(1151),a=n(3273);const o={sidebar_position:0,title:"BlurEvent",sidebar_class_name:"sidebar--item__hidden",slug:"BlurEvent"},r=void 0,l={id:"components/events/blur-event",title:"BlurEvent",description:"An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page. This event is useful when you want to detect when a user moves away from a particular element on a web page, such as an input field or a button. This class also inherits methods from the base Event class.",source:"@site/docs/components/events/blur-event.md",sourceDirName:"components/events",slug:"/components/events/BlurEvent",permalink:"/docs/components/events/BlurEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/blur-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"BlurEvent",sidebar_class_name:"sidebar--item__hidden",slug:"BlurEvent"},sidebar:"documentationSidebar",previous:{title:"Event",permalink:"/docs/components/events/event"},next:{title:"ButtonClickEvent",permalink:"/docs/components/events/ButtonClickEvent"}},c={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{type:"engine",location:"org/dwcj/component/event/BlurEvent",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:["An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page. This event is useful when you want to detect when a user moves away from a particular element on a web page, such as an input field or a button. This class also inherits methods from the base ",(0,s.jsx)(t.code,{children:"Event"})," class."]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getText()"})}),(0,s.jsx)(t.td,{children:"Gets the text of the component."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isClientValidationValid()"})}),(0,s.jsx)(t.td,{children:"Returns the result of the client validation function, if any, when the component loses focus."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./FocusEvent",children:"Focus Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),a=n(8230),o=n(4387),r=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:v}=e;const[m,p]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` display: inline; ${l&&i.iv` diff --git a/assets/js/6da97851.e4a05855.js b/assets/js/6da97851.8cf95b27.js similarity index 96% rename from assets/js/6da97851.e4a05855.js rename to assets/js/6da97851.8cf95b27.js index b0b958560..b5e305a0d 100644 --- a/assets/js/6da97851.e4a05855.js +++ b/assets/js/6da97851.8cf95b27.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9583],{4486:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>v,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=n(5893),i=n(1151),o=n(3273);const r={sidebar_position:0,title:"ListCloseEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListCloseEvent"},c=void 0,l={id:"components/events/list-close-event",title:"ListCloseEvent",description:"This event inherits from the ListEvent class, and is triggered when the user closes a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-close-event.md",sourceDirName:"components/events",slug:"/components/events/ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-close-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListCloseEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListCloseEvent"},sidebar:"documentationSidebar",previous:{title:"KeypressEvent",permalink:"/docs/components/events/KeypressEvent"},next:{title:"ListEvent",permalink:"/docs/components/events/ListEvent"}},a={},d=[{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/ListCloseEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event inherits from the ListEvent class, and is triggered when the user closes a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),i=n(917),o=n(8230),r=n(4387),c=n(6770);let l=null,a=null;const d={getLatestTag:async function(){return l&&a&&Date.now()-a<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,a=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:l,children:a,code:v,suffix:p}=e;const[m,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),u("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9583],{4486:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>v,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=n(5893),i=n(1151),o=n(3273);const r={sidebar_position:0,title:"ListCloseEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListCloseEvent"},c=void 0,l={id:"components/events/list-close-event",title:"ListCloseEvent",description:"This event inherits from the ListEvent class, and is triggered when the user closes a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-close-event.md",sourceDirName:"components/events",slug:"/components/events/ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-close-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListCloseEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListCloseEvent"},sidebar:"documentationSidebar",previous:{title:"KeypressEvent",permalink:"/docs/components/events/KeypressEvent"},next:{title:"ListEvent",permalink:"/docs/components/events/ListEvent"}},a={},d=[{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/ListCloseEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event inherits from the ListEvent class, and is triggered when the user closes a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),i=n(917),o=n(8230),r=n(4387),c=n(6770);let l=null,a=null;const d={getLatestTag:async function(){return l&&a&&Date.now()-a<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,a=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:l,children:a,code:v,suffix:p}=e;const[m,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),u("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` display: inline; ${l&&i.iv` diff --git a/assets/js/700cec1a.5b983edd.js b/assets/js/700cec1a.4dd50b7b.js similarity index 99% rename from assets/js/700cec1a.5b983edd.js rename to assets/js/700cec1a.4dd50b7b.js index 7d7b2272d..224b7c8ea 100644 --- a/assets/js/700cec1a.5b983edd.js +++ b/assets/js/700cec1a.4dd50b7b.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:R,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{C(!0)},onMouseLeave:()=>C(!1),css:N,children:[(0,p.tZ)("div",{css:T,children:(0,p.tZ)(g,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:G})]}):null,(0,p.BX)(i.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:Z}):null,d?(0,p.BX)(a.Z,{children:[(0,p.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:E.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?f:x})}),(0,p.tZ)(s.Z,{value:b?b[1]:"CSS",label:b?b[1]:E.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:B})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:E.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?f:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var o=n(7294),r=n(917),a=n(8230),s=n(4387),i=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:l,children:c,code:h,suffix:p}=e;const[m,g]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),g("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=r.iv` + `;return(0,p.BX)("div",{css:R,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{C(!0)},onMouseLeave:()=>C(!1),css:N,children:[(0,p.tZ)("div",{css:T,children:(0,p.tZ)(g,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:G})]}):null,(0,p.BX)(i.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:Z}):null,d?(0,p.BX)(a.Z,{children:[(0,p.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:E.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?f:x})}),(0,p.tZ)(s.Z,{value:b?b[1]:"CSS",label:b?b[1]:E.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:B})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(s.Z,{value:b?b[0]:"Java",label:b?b[0]:E.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?f:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var o=n(7294),r=n(917),a=n(8230),s=n(4387),i=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:l,children:c,code:h,suffix:p}=e;const[m,g]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),g("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=r.iv` display: inline; ${l&&r.iv` diff --git a/assets/js/76eefc0f.39f310a7.js b/assets/js/76eefc0f.68fbc33e.js similarity index 90% rename from assets/js/76eefc0f.39f310a7.js rename to assets/js/76eefc0f.68fbc33e.js index 79feba0e0..1403e0182 100644 --- a/assets/js/76eefc0f.39f310a7.js +++ b/assets/js/76eefc0f.68fbc33e.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4718],{7335:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),l=n(3273);const o={sidebar_position:0,title:"ListOpenEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListOpenEvent"},c=void 0,r={id:"components/events/list-open-event",title:"ListOpenEvent",description:"This event is triggered when the user opens a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-open-event.md",sourceDirName:"components/events",slug:"/components/events/ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-open-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListOpenEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListOpenEvent"},sidebar:"documentationSidebar",previous:{title:"ListEvent",permalink:"/docs/components/events/ListEvent"},next:{title:"ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{type:"engine",location:"org/dwcj/component/event/ListOpenEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user opens a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var s=n(7294),i=n(917),l=n(8230),o=n(4387),c=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:r,children:d,code:p,suffix:v}=e;const[m,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();v||(v=""),e||(e="23.04"),u("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4718],{7335:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>l,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),o=n(3273);const l={sidebar_position:0,title:"ListOpenEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListOpenEvent"},c=void 0,r={id:"components/events/list-open-event",title:"ListOpenEvent",description:"This event is triggered when the user opens a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-open-event.md",sourceDirName:"components/events",slug:"/components/events/ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-open-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListOpenEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListOpenEvent"},sidebar:"documentationSidebar",previous:{title:"ListEvent",permalink:"/docs/components/events/ListEvent"},next:{title:"ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/ListOpenEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user opens a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>p});var s=n(7294),i=n(917),o=n(8230),l=n(4387),c=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function p(e){let{type:t,location:n,top:r,children:d,code:p,suffix:v}=e;const[m,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();v||(v=""),e||(e="23.04"),u("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` display: inline; ${r&&i.iv` @@ -13,4 +13,4 @@ :hover{ color: white; } - `;return(0,h.BX)(h.HY,{children:["true"===r&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)(l.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(o.Z,{css:j,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(c.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==r&&!p&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("a",{href:m,target:"_blank",children:d})}),"true"!==r&&p&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:d})})})]})}}}]); \ No newline at end of file + `;return(0,h.BX)(h.HY,{children:["true"===r&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(l.Z,{css:j,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(c.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==r&&!p&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("a",{href:m,target:"_blank",children:d})}),"true"!==r&&p&&(0,h.tZ)("div",{css:x,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:d})})})]})}}}]); \ No newline at end of file diff --git a/assets/js/79697695.0775ef8e.js b/assets/js/79697695.cbb99ff7.js similarity index 99% rename from assets/js/79697695.0775ef8e.js rename to assets/js/79697695.cbb99ff7.js index 2e77e8ecf..48a712f11 100644 --- a/assets/js/79697695.0775ef8e.js +++ b/assets/js/79697695.cbb99ff7.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:C,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:N,children:[(0,p.tZ)("div",{css:H,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(a.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:F,setCollapse:D}):null,d?(0,p.BX)(r.Z,{children:[(0,p.tZ)(l.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:F?f:w})}),(0,p.tZ)(l.Z,{value:b?b[1]:"CSS",label:b?b[1]:Z.cssFile,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(r.Z,{children:(0,p.tZ)(l.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:F?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var i=n(7294),s=n(917),r=n(8230),l=n(4387),a=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:o,children:c,code:u,suffix:p}=e;const[m,x]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=s.iv` + `;return(0,p.BX)("div",{css:C,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:N,children:[(0,p.tZ)("div",{css:H,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(a.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:F,setCollapse:D}):null,d?(0,p.BX)(r.Z,{children:[(0,p.tZ)(l.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:F?f:w})}),(0,p.tZ)(l.Z,{value:b?b[1]:"CSS",label:b?b[1]:Z.cssFile,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(r.Z,{children:(0,p.tZ)(l.Z,{value:b?b[0]:"Java",label:b?b[0]:Z.javaFile,default:!0,children:(0,p.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:F?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var i=n(7294),s=n(917),r=n(8230),l=n(4387),a=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:o,children:c,code:u,suffix:p}=e;const[m,x]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=s.iv` display: inline; ${o&&s.iv` diff --git a/assets/js/7c7204eb.98371e35.js b/assets/js/7c7204eb.1796a6c6.js similarity index 97% rename from assets/js/7c7204eb.98371e35.js rename to assets/js/7c7204eb.1796a6c6.js index 09d1460bb..b2889d43b 100644 --- a/assets/js/7c7204eb.98371e35.js +++ b/assets/js/7c7204eb.1796a6c6.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3574],{8287:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>v,frontMatter:()=>o,metadata:()=>c,toc:()=>a});var s=n(5893),i=n(1151),l=n(3273);const o={sidebar_position:0,title:"ListEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListEvent"},r=void 0,c={id:"components/events/list-event",title:"ListEvent",description:"This event is the base class for List-based component related events. inherited methods will provide essential information about the selected item and allow developers to implement custom actions or responses when an inherited event is fired.",source:"@site/docs/components/events/list-event.md",sourceDirName:"components/events",slug:"/components/events/ListEvent",permalink:"/docs/components/events/ListEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListEvent"},sidebar:"documentationSidebar",previous:{title:"ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent"},next:{title:"ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{type:"engine",location:"org/dwcj/component/event/ListEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is the base class for List-based component related events. inherited methods will provide essential information about the selected item and allow developers to implement custom actions or responses when an inherited event is fired."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ListBox",children:"ListBox"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),i=n(917),l=n(8230),o=n(4387),r=n(6770);let c=null,d=null;const a={getLatestTag:async function(){return c&&d&&Date.now()-d<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,d=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:c,children:d,code:v,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const u=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3574],{8287:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>v,frontMatter:()=>o,metadata:()=>c,toc:()=>a});var s=n(5893),i=n(1151),l=n(3273);const o={sidebar_position:0,title:"ListEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListEvent"},r=void 0,c={id:"components/events/list-event",title:"ListEvent",description:"This event is the base class for List-based component related events. inherited methods will provide essential information about the selected item and allow developers to implement custom actions or responses when an inherited event is fired.",source:"@site/docs/components/events/list-event.md",sourceDirName:"components/events",slug:"/components/events/ListEvent",permalink:"/docs/components/events/ListEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListEvent"},sidebar:"documentationSidebar",previous:{title:"ListCloseEvent",permalink:"/docs/components/events/ListCloseEvent"},next:{title:"ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{type:"engine",location:"org/dwcj/component/event/ListEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is the base class for List-based component related events. inherited methods will provide essential information about the selected item and allow developers to implement custom actions or responses when an inherited event is fired."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListSelectEvent",children:"ListSelectEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ListBox",children:"ListBox"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var s=n(7294),i=n(917),l=n(8230),o=n(4387),r=n(6770);let c=null,d=null;const a={getLatestTag:async function(){return c&&d&&Date.now()-d<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,d=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:c,children:d,code:v,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const u=i.iv` display: inline; ${c&&i.iv` diff --git a/assets/js/7f7b6a5a.01f8a047.js b/assets/js/7f7b6a5a.d0ae2b5a.js similarity index 87% rename from assets/js/7f7b6a5a.01f8a047.js rename to assets/js/7f7b6a5a.d0ae2b5a.js index 38cdc64fa..b7d5bc49d 100644 --- a/assets/js/7f7b6a5a.01f8a047.js +++ b/assets/js/7f7b6a5a.d0ae2b5a.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2616],{4519:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>r,toc:()=>d});var c=n(5893),s=n(1151),a=n(3273);const o={sidebar_position:0,title:"UncheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"UncheckEvent",pagination_next:null},i=void 0,r={id:"components/events/uncheck-event",title:"UncheckEvent",description:'An "uncheck" event occurs when an element or checkbox is deselected or marked as "unchecked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element to remove the "checked" state. It usually indicates that the associated action or state has been disabled or deactivated. This class also inherits methods from the base Event class',source:"@site/docs/components/events/uncheck-event.md",sourceDirName:"components/events",slug:"/components/events/UncheckEvent",permalink:"/docs/components/events/UncheckEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/uncheck-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"UncheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"UncheckEvent",pagination_next:null},sidebar:"documentationSidebar",previous:{title:"ToggleEvent",permalink:"/docs/components/events/ToggleEvent"}},l={},d=[{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{type:"engine",location:"org/dwcj/component/event/UncheckEvent",top:"true"}),"\n",(0,c.jsxs)(t.p,{children:['An "uncheck" event occurs when an element or checkbox is deselected or marked as "unchecked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element to remove the "checked" state. It usually indicates that the associated action or state has been disabled or deactivated. This class also inherits methods from the ',(0,c.jsxs)(t.a,{href:"./event",children:["base ",(0,c.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,c.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,c.jsxs)(t.ul,{children:["\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./CheckEvent",children:"Check Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./ToggleEvent",children:"Toggle Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var c=n(7294),s=n(917),a=n(8230),o=n(4387),i=n(6770);let r=null,l=null;const d={getLatestTag:async function(){return r&&l&&Date.now()-l<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,l=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:r,children:l,code:u,suffix:v}=e;const[m,p]=(0,c.useState)("");(0,c.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2616],{4519:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>u,frontMatter:()=>a,metadata:()=>r,toc:()=>d});var c=n(5893),s=n(1151),o=n(3273);const a={sidebar_position:0,title:"UncheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"UncheckEvent",pagination_next:null},i=void 0,r={id:"components/events/uncheck-event",title:"UncheckEvent",description:'An "uncheck" event occurs when an element or checkbox is deselected or marked as "unchecked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element to remove the "checked" state. It usually indicates that the associated action or state has been disabled or deactivated. This class also inherits methods from the base Event class',source:"@site/docs/components/events/uncheck-event.md",sourceDirName:"components/events",slug:"/components/events/UncheckEvent",permalink:"/docs/components/events/UncheckEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/uncheck-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"UncheckEvent",sidebar_class_name:"sidebar--item__hidden",slug:"UncheckEvent",pagination_next:null},sidebar:"documentationSidebar",previous:{title:"ToggleEvent",permalink:"/docs/components/events/ToggleEvent"}},l={},d=[{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/UncheckEvent",top:"true"}),"\n",(0,c.jsxs)(t.p,{children:['An "uncheck" event occurs when an element or checkbox is deselected or marked as "unchecked." This event is triggered when a user interacts with a checkbox, radio button, or any other form element to remove the "checked" state. It usually indicates that the associated action or state has been disabled or deactivated. This class also inherits methods from the ',(0,c.jsxs)(t.a,{href:"./event",children:["base ",(0,c.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,c.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,c.jsxs)(t.ul,{children:["\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./CheckEvent",children:"Check Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"./ToggleEvent",children:"Toggle Event"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var c=n(7294),s=n(917),o=n(8230),a=n(4387),i=n(6770);let r=null,l=null;const d={getLatestTag:async function(){return r&&l&&Date.now()-l<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,l=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:r,children:l,code:u,suffix:v}=e;const[m,p]=(0,c.useState)("");(0,c.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=s.iv` display: inline; ${r&&s.iv` @@ -13,4 +13,4 @@ :hover{ color: white; } - `;return(0,h.BX)(h.HY,{children:["true"===r&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(a.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(o.Z,{css:k,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(i.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==r&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})}),"true"!==r&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})})})]})}}}]); \ No newline at end of file + `;return(0,h.BX)(h.HY,{children:["true"===r&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(a.Z,{css:k,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(i.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==r&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})}),"true"!==r&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})})})]})}}}]); \ No newline at end of file diff --git a/assets/js/87878b99.e6bfd769.js b/assets/js/87878b99.75e49dbc.js similarity index 99% rename from assets/js/87878b99.e6bfd769.js rename to assets/js/87878b99.75e49dbc.js index 1ecad3e5c..3acf4f176 100644 --- a/assets/js/87878b99.e6bfd769.js +++ b/assets/js/87878b99.75e49dbc.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${D&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:T,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:J,children:[(0,p.tZ)("div",{css:F,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(a.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:C,setCollapse:B}):null,h?(0,p.BX)(i.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:E.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?j:A})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:E.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:k})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:E.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?j:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let c=null,l=null;const h={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` + `;return(0,p.BX)("div",{css:T,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:J,children:[(0,p.tZ)("div",{css:F,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(a.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:C,setCollapse:B}):null,h?(0,p.BX)(i.Z,{children:[(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:E.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?j:A})}),(0,p.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:E.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:k})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:E.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:C?j:A})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let c=null,l=null;const h={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,x]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` display: inline; ${c&&o.iv` diff --git a/assets/js/899bab7c.db6f6de8.js b/assets/js/899bab7c.644612a0.js similarity index 99% rename from assets/js/899bab7c.db6f6de8.js rename to assets/js/899bab7c.644612a0.js index 86269cafa..ad3383375 100644 --- a/assets/js/899bab7c.db6f6de8.js +++ b/assets/js/899bab7c.644612a0.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:L,children:["hidden"!=g?(0,m.BX)("div",{onMouseEnter:()=>{E(!0)},onMouseLeave:()=>E(!1),css:V,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(a.Z,{css:O,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:D}):null,d?(0,m.BX)(i.Z,{children:[(0,m.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:S.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:f})}),(0,m.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:S.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(i.Z,{children:(0,m.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:S.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:m}=e;const[p,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=o.iv` + `;return(0,m.BX)("div",{css:L,children:["hidden"!=g?(0,m.BX)("div",{onMouseEnter:()=>{E(!0)},onMouseLeave:()=>E(!1),css:V,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(a.Z,{css:O,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:D}):null,d?(0,m.BX)(i.Z,{children:[(0,m.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:S.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:f})}),(0,m.tZ)(r.Z,{value:v?v[1]:"CSS",label:v?v[1]:S.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(i.Z,{children:(0,m.tZ)(r.Z,{value:v?v[0]:"Java",label:v?v[0]:S.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:B?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),r=n(4387),a=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:m}=e;const[p,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=o.iv` display: inline; ${l&&o.iv` diff --git a/assets/js/9df0fb54.053c7f69.js b/assets/js/9df0fb54.96703875.js similarity index 99% rename from assets/js/9df0fb54.053c7f69.js rename to assets/js/9df0fb54.96703875.js index 72ff919f6..afc3e80bb 100644 --- a/assets/js/9df0fb54.053c7f69.js +++ b/assets/js/9df0fb54.96703875.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:L,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:N,children:[(0,p.tZ)("div",{css:H,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:J})]}):null,(0,p.BX)(l.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[a&&c?(0,p.tZ)(m,{collapse:S,setCollapse:Z}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(o.Z,{value:x?x[0]:"Java",label:x?x[0]:E.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:S?v:f})}),(0,p.tZ)(o.Z,{value:x?x[1]:"CSS",label:x?x[1]:E.cssFile,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(o.Z,{value:x?x[0]:"Java",label:x?x[0]:E.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:S?v:f})})})]})]})}},3273:(e,t,a)=>{a.d(t,{Z:()=>h});var n=a(7294),r=a(917),s=a(8230),o=a(4387),l=a(6770);let i=null,c=null;const d={getLatestTag:async function(){return i&&c&&Date.now()-c<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,c=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=a(5944);function h(e){let{type:t,location:a,top:i,children:c,code:h,suffix:p}=e;const[m,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+a+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=r.iv` + `;return(0,p.BX)("div",{css:L,children:["hidden"!=g?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:N,children:[(0,p.tZ)("div",{css:H,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:J})]}):null,(0,p.BX)(l.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[a&&c?(0,p.tZ)(m,{collapse:S,setCollapse:Z}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(o.Z,{value:x?x[0]:"Java",label:x?x[0]:E.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:S?v:f})}),(0,p.tZ)(o.Z,{value:x?x[1]:"CSS",label:x?x[1]:E.cssFile,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(o.Z,{value:x?x[0]:"Java",label:x?x[0]:E.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:S?v:f})})})]})]})}},3273:(e,t,a)=>{a.d(t,{Z:()=>h});var n=a(7294),r=a(917),s=a(8230),o=a(4387),l=a(6770);let i=null,c=null;const d={getLatestTag:async function(){return i&&c&&Date.now()-c<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,c=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=a(5944);function h(e){let{type:t,location:a,top:i,children:c,code:h,suffix:p}=e;const[m,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+a+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=r.iv` display: inline; ${i&&r.iv` diff --git a/assets/js/9eb89d33.5916e802.js b/assets/js/9eb89d33.15f89b54.js similarity index 99% rename from assets/js/9eb89d33.5916e802.js rename to assets/js/9eb89d33.15f89b54.js index 870b172ba..d84dc0ada 100644 --- a/assets/js/9eb89d33.5916e802.js +++ b/assets/js/9eb89d33.15f89b54.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${E&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:T,children:["hidden"!=x?(0,p.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:J,children:[(0,p.tZ)("div",{css:z,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(r.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:D,setCollapse:k}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(a.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?j:w})}),(0,p.tZ)(a.Z,{value:v?v[1]:"CSS",label:v?v[1]:C.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(a.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?j:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),a=n(4387),r=n(6770);let c=null,l=null;const d={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=o.iv` + `;return(0,p.BX)("div",{css:T,children:["hidden"!=x?(0,p.BX)("div",{onMouseEnter:()=>{S(!0)},onMouseLeave:()=>S(!1),css:J,children:[(0,p.tZ)("div",{css:z,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(r.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:D,setCollapse:k}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(a.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?j:w})}),(0,p.tZ)(a.Z,{value:v?v[1]:"CSS",label:v?v[1]:C.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(a.Z,{value:v?v[0]:"Java",label:v?v[0]:C.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:D?j:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),o=n(917),i=n(8230),a=n(4387),r=n(6770);let c=null,l=null;const d={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,b]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=o.iv` display: inline; ${c&&o.iv` diff --git a/assets/js/a980013d.8b4c4fbf.js b/assets/js/a980013d.6f60b5f2.js similarity index 97% rename from assets/js/a980013d.8b4c4fbf.js rename to assets/js/a980013d.6f60b5f2.js index 0f6507274..d4e76e3c0 100644 --- a/assets/js/a980013d.8b4c4fbf.js +++ b/assets/js/a980013d.6f60b5f2.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1205],{7750:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var s=n(5893),i=n(1151),r=n(3273);const o={sidebar_position:0,title:"MouseExitEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseExitEvent"},c=void 0,d={id:"components/events/mouse-exit-event",title:"MouseExitEvent",description:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area.",source:"@site/docs/components/events/mouse-exit-event.md",sourceDirName:"components/events",slug:"/components/events/MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/mouse-exit-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"MouseExitEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseExitEvent"},sidebar:"documentationSidebar",previous:{title:"MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent"},next:{title:"RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/MouseExitEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseEnterEvent",children:"MouseEnter Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./RightMouseDownEvent",children:"RightMouseDown Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),r=n(8230),o=n(4387),c=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:d,children:a,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1205],{7750:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var s=n(5893),i=n(1151),r=n(3273);const o={sidebar_position:0,title:"MouseExitEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseExitEvent"},c=void 0,d={id:"components/events/mouse-exit-event",title:"MouseExitEvent",description:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area.",source:"@site/docs/components/events/mouse-exit-event.md",sourceDirName:"components/events",slug:"/components/events/MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/mouse-exit-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"MouseExitEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseExitEvent"},sidebar:"documentationSidebar",previous:{title:"MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent"},next:{title:"RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/MouseExitEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseEnterEvent",children:"MouseEnter Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./RightMouseDownEvent",children:"RightMouseDown Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),r=n(8230),o=n(4387),c=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:d,children:a,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=i.iv` display: inline; ${d&&i.iv` diff --git a/assets/js/a9bfb29e.259e594a.js b/assets/js/a9bfb29e.ae0a24a4.js similarity index 99% rename from assets/js/a9bfb29e.259e594a.js rename to assets/js/a9bfb29e.ae0a24a4.js index 6a99b662b..225d4e632 100644 --- a/assets/js/a9bfb29e.259e594a.js +++ b/assets/js/a9bfb29e.ae0a24a4.js @@ -3,7 +3,7 @@ flex-direction: column; align-items: center; margin: 4rem 0; - width: 110%; + /* width: 110%; */ margin-left: -5%; `,r=o.iv` position: relative; @@ -102,7 +102,7 @@ transition: opacity 0.3s ease-in-out; ${Z&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:E,children:["hidden"!=w?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:F,children:[(0,p.tZ)("div",{css:J,children:(0,p.tZ)(m,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(l.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[a&&c?(0,p.tZ)(b,{collapse:k,setCollapse:L}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(r.Z,{value:A?A[0]:"Java",label:A?A[0]:S.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:k?g:f})}),(0,p.tZ)(r.Z,{value:A?A[1]:"CSS",label:A?A[1]:S.cssFile,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(r.Z,{value:A?A[0]:"Java",label:A?A[0]:S.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:k?g:f})})})]})]})}},3273:(e,t,a)=>{a.d(t,{Z:()=>h});var o=a(7294),n=a(917),s=a(8230),r=a(4387),l=a(6770);let i=null,c=null;const d={getLatestTag:async function(){return i&&c&&Date.now()-c<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,c=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=a(5944);function h(e){let{type:t,location:a,top:i,children:c,code:h,suffix:p}=e;const[b,m]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+a+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const v=n.iv` + `;return(0,p.BX)("div",{css:E,children:["hidden"!=w?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:F,children:[(0,p.tZ)("div",{css:J,children:(0,p.tZ)(m,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(l.Z,{css:N,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[a&&c?(0,p.tZ)(b,{collapse:k,setCollapse:L}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(r.Z,{value:A?A[0]:"Java",label:A?A[0]:S.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:k?g:f})}),(0,p.tZ)(r.Z,{value:A?A[1]:"CSS",label:A?A[1]:S.cssFile,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(r.Z,{value:A?A[0]:"Java",label:A?A[0]:S.javaFile,default:!0,children:(0,p.tZ)(i.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:k?g:f})})})]})]})}},3273:(e,t,a)=>{a.d(t,{Z:()=>h});var o=a(7294),n=a(917),s=a(8230),r=a(4387),l=a(6770);let i=null,c=null;const d={getLatestTag:async function(){return i&&c&&Date.now()-c<36e5?i:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return i=t[0].name,c=Date.now(),i}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=a(5944);function h(e){let{type:t,location:a,top:i,children:c,code:h,suffix:p}=e;const[b,m]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+a+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const v=n.iv` display: inline; ${i&&n.iv` diff --git a/assets/js/ac18fad6.dc2df00f.js b/assets/js/ac18fad6.ef2b7356.js similarity index 80% rename from assets/js/ac18fad6.dc2df00f.js rename to assets/js/ac18fad6.ef2b7356.js index 0befaf2ca..831733303 100644 --- a/assets/js/ac18fad6.dc2df00f.js +++ b/assets/js/ac18fad6.ef2b7356.js @@ -1,7 +1,7 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9666],{7160:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>u,frontMatter:()=>c,metadata:()=>r,toc:()=>d});var s=n(5893),i=n(1151),o=n(3273);const c={sidebar_position:0,title:"FocusEvent",sidebar_class_name:"sidebar--item__hidden",slug:"FocusEvent"},a=void 0,r={id:"components/events/focus-event",title:"FocusEvent",description:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input.",source:"@site/docs/components/events/focus-event.md",sourceDirName:"components/events",slug:"/components/events/FocusEvent",permalink:"/docs/components/events/FocusEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/focus-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"FocusEvent",sidebar_class_name:"sidebar--item__hidden",slug:"FocusEvent"},sidebar:"documentationSidebar",previous:{title:"ListClickEvent",permalink:"/docs/components/events/ListClickEvent"},next:{title:"KeypressEvent",permalink:"/docs/components/events/KeypressEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/FocusEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getText()"})}),(0,s.jsx)(t.td,{children:"Gets the text of the component."})]})})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./BlurEvent",children:"Blur Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),o=n(8230),c=n(4387),a=n(6770);let r=null,l=null;const d={getLatestTag:async function(){return r&&l&&Date.now()-l<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,l=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:r,children:l,code:u,suffix:v}=e;const[p,g]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),g("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9666],{7160:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>u,frontMatter:()=>c,metadata:()=>a,toc:()=>d});var s=n(5893),i=n(1151),o=n(3273);const c={sidebar_position:0,title:"FocusEvent",sidebar_class_name:"sidebar--item__hidden",slug:"FocusEvent"},r=void 0,a={id:"components/events/focus-event",title:"FocusEvent",description:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input.",source:"@site/docs/components/events/focus-event.md",sourceDirName:"components/events",slug:"/components/events/FocusEvent",permalink:"/docs/components/events/FocusEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/focus-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"FocusEvent",sidebar_class_name:"sidebar--item__hidden",slug:"FocusEvent"},sidebar:"documentationSidebar",previous:{title:"ListClickEvent",permalink:"/docs/components/events/ListClickEvent"},next:{title:"KeypressEvent",permalink:"/docs/components/events/KeypressEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{type:"engine",location:"org/dwcj/component/event/FocusEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getText()"})}),(0,s.jsx)(t.td,{children:"Gets the text of the component."})]})})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./BlurEvent",children:"Blur Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),o=n(8230),c=n(4387),r=n(6770);let a=null,l=null;const d={getLatestTag:async function(){return a&&l&&Date.now()-l<36e5?a:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return a=t[0].name,l=Date.now(),a}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:a,children:l,code:u,suffix:v}=e;const[p,g]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),g("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=i.iv` display: inline; - ${r&&i.iv` + ${a&&i.iv` width: 100%; display: flex; justify-content: flex-end; @@ -13,4 +13,4 @@ :hover{ color: white; } - `;return(0,h.BX)(h.HY,{children:["true"===r&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(c.Z,{css:b,label:"Java API",component:"a",href:p,icon:(0,h.tZ)(a.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==r&&!u&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)("a",{href:p,target:"_blank",children:l})}),"true"!==r&&u&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:p,target:"_blank",children:l})})})]})}}}]); \ No newline at end of file + `;return(0,h.BX)(h.HY,{children:["true"===a&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)(o.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(c.Z,{css:b,label:"Java API",component:"a",href:p,icon:(0,h.tZ)(r.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==a&&!u&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)("a",{href:p,target:"_blank",children:l})}),"true"!==a&&u&&(0,h.tZ)("div",{css:m,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:p,target:"_blank",children:l})})})]})}}}]); \ No newline at end of file diff --git a/assets/js/af08f1ee.d669eb22.js b/assets/js/af08f1ee.c3dcb2d5.js similarity index 99% rename from assets/js/af08f1ee.d669eb22.js rename to assets/js/af08f1ee.c3dcb2d5.js index e9b56d0ad..990a642be 100644 --- a/assets/js/af08f1ee.d669eb22.js +++ b/assets/js/af08f1ee.c3dcb2d5.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:E,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{F(!0)},onMouseLeave:()=>F(!1),css:M,children:[(0,m.tZ)("div",{css:N,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:L})]}):null,(0,m.BX)(l.Z,{css:T,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:Z}):null,d?(0,m.BX)(s.Z,{children:[(0,m.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?v:x})}),(0,m.tZ)(r.Z,{value:g?g[1]:"CSS",label:g?g[1]:C.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,m.tZ)(s.Z,{children:(0,m.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?v:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var a=n(7294),i=n(917),s=n(8230),r=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:o,children:c,code:h,suffix:m}=e;const[p,A]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` + `;return(0,m.BX)("div",{css:E,children:["hidden"!=b?(0,m.BX)("div",{onMouseEnter:()=>{F(!0)},onMouseLeave:()=>F(!1),css:M,children:[(0,m.tZ)("div",{css:N,children:(0,m.tZ)(A,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:L})]}):null,(0,m.BX)(l.Z,{css:T,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:Z}):null,d?(0,m.BX)(s.Z,{children:[(0,m.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?v:x})}),(0,m.tZ)(r.Z,{value:g?g[1]:"CSS",label:g?g[1]:C.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,m.tZ)(s.Z,{children:(0,m.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:C.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?v:x})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var a=n(7294),i=n(917),s=n(8230),r=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:o,children:c,code:h,suffix:m}=e;const[p,A]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` display: inline; ${o&&i.iv` diff --git a/assets/js/b6fc7147.ab457f1a.js b/assets/js/b6fc7147.b700cdb3.js similarity index 97% rename from assets/js/b6fc7147.ab457f1a.js rename to assets/js/b6fc7147.b700cdb3.js index 983ea0bf9..eaf87eebc 100644 --- a/assets/js/b6fc7147.ab457f1a.js +++ b/assets/js/b6fc7147.b700cdb3.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5289],{5943:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>h});var s=n(5893),i=n(1151),r=n(3273);const o={sidebar_position:0,title:"RightMouseDownEvent",sidebar_class_name:"sidebar--item__hidden",slug:"RightMouseDownEvent"},c=void 0,d={id:"components/events/right-mouse-down-event",title:"RightMouseDownEvent",description:"An event which is fired when the user clicks the right mouse button while in the bounds of a the component.",source:"@site/docs/components/events/right-mouse-down-event.md",sourceDirName:"components/events",slug:"/components/events/RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/right-mouse-down-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"RightMouseDownEvent",sidebar_class_name:"sidebar--item__hidden",slug:"RightMouseDownEvent"},sidebar:"documentationSidebar",previous:{title:"MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent"},next:{title:"ToggleEvent",permalink:"/docs/components/events/ToggleEvent"}},l={},h=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function a(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/RightMouseDownEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event which is fired when the user clicks the right mouse button while in the bounds of a the component."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseEnterEvent",children:"MouseEnterEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseExitEvent",children:"MouseExitEvent"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),r=n(8230),o=n(4387),c=n(6770);let d=null,l=null;const h={getLatestTag:async function(){return d&&l&&Date.now()-l<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,l=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var a=n(5944);function u(e){let{type:t,location:n,top:d,children:l,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5289],{5943:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>h});var s=n(5893),i=n(1151),r=n(3273);const o={sidebar_position:0,title:"RightMouseDownEvent",sidebar_class_name:"sidebar--item__hidden",slug:"RightMouseDownEvent"},c=void 0,d={id:"components/events/right-mouse-down-event",title:"RightMouseDownEvent",description:"An event which is fired when the user clicks the right mouse button while in the bounds of a the component.",source:"@site/docs/components/events/right-mouse-down-event.md",sourceDirName:"components/events",slug:"/components/events/RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/right-mouse-down-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"RightMouseDownEvent",sidebar_class_name:"sidebar--item__hidden",slug:"RightMouseDownEvent"},sidebar:"documentationSidebar",previous:{title:"MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent"},next:{title:"ToggleEvent",permalink:"/docs/components/events/ToggleEvent"}},l={},h=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function a(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/event/RightMouseDownEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event which is fired when the user clicks the right mouse button while in the bounds of a the component."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseEnterEvent",children:"MouseEnterEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseExitEvent",children:"MouseExitEvent"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),i=n(917),r=n(8230),o=n(4387),c=n(6770);let d=null,l=null;const h={getLatestTag:async function(){return d&&l&&Date.now()-l<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,l=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var a=n(5944);function u(e){let{type:t,location:n,top:d,children:l,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=i.iv` display: inline; ${d&&i.iv` diff --git a/assets/js/b8ef75ed.3a072f34.js b/assets/js/b8ef75ed.ae36ed84.js similarity index 58% rename from assets/js/b8ef75ed.3a072f34.js rename to assets/js/b8ef75ed.ae36ed84.js index 59847f95e..f6f3f7877 100644 --- a/assets/js/b8ef75ed.3a072f34.js +++ b/assets/js/b8ef75ed.ae36ed84.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6266],{7391:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>A});var i=n(5893),s=n(1151),r=(n(7650),n(2322),n(6957),n(7796),n(3273));const a={sidebar_position:0,title:"Lists"},o=void 0,c={id:"components/list-components/lists",title:"Lists",description:"There are three types of lists for use within your applications: ListBox, ChoiceBox and ComboBox. These three components all display a list of key value items, and support methods to add, remove, select and manage the items within the list.",source:"@site/docs/components/list-components/lists.md",sourceDirName:"components/list-components",slug:"/components/list-components/lists",permalink:"/docs/components/list-components/lists",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/list-components/lists.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"Lists"},sidebar:"documentationSidebar",previous:{title:"Label",permalink:"/docs/components/label"},next:{title:"ChoiceBox",permalink:"/docs/components/list-components/choicebox"}},l={},A=[{value:"Using ListItem",id:"using-listitem",level:2},{value:"Managing ListItem Objects with the API",id:"managing-listitem-objects-with-the-api",level:2},{value:"Shared List Properties",id:"shared-list-properties",level:2},{value:"Label",id:"label",level:3},{value:"Shared Events",id:"shared-events",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/list/DwcList"}),"\n",(0,i.jsxs)(t.p,{children:["There are three types of lists for use within your applications: ",(0,i.jsx)(t.a,{href:"docs/components/list-components/listbox",children:(0,i.jsx)(t.code,{children:"ListBox"})}),", ",(0,i.jsx)(t.a,{href:"docs/components/list-components/choicebox",children:(0,i.jsx)(t.code,{children:"ChoiceBox"})})," and ",(0,i.jsx)(t.a,{href:"docs/components/list-components/combobox",children:(0,i.jsx)(t.code,{children:"ComboBox"})}),". These three components all display a list of key value items, and support methods to add, remove, select and manage the items within the list."]}),"\n",(0,i.jsx)(t.p,{children:"This section will list the commonalities within each of the aforementioned components, with the specific behaviors belonging to each outlined in their own sections."}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsx)(t.p,{children:"This section describes common functionality amongst all of the list components, and is not itself a class that can be instantiated and used."})}),"\n",(0,i.jsxs)(t.h2,{id:"using-listitem",children:["Using ",(0,i.jsx)(t.code,{children:"ListItem"})]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"ListItem"})," class represents individual items within a list. Each ",(0,i.jsx)(t.code,{children:"ListItem"})," is associated with a key and a display text. Here are the key points regarding the ",(0,i.jsx)(t.code,{children:"ListItem"})," class:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["A ",(0,i.jsx)(t.code,{children:"ListItem"})," encapsulates a unique key ",(0,i.jsx)(t.code,{children:"Object"}),", and a text ",(0,i.jsx)(t.code,{children:"String"})," for display within the component. List components are composed of ",(0,i.jsx)(t.code,{children:"ListItem"})," objects."]}),"\n",(0,i.jsxs)(t.li,{children:["You can construct a ",(0,i.jsx)(t.code,{children:"ListItem"})," by providing a key and text, or simply by specifying the text, where a random key is generated."]}),"\n"]}),"\n",(0,i.jsxs)(t.h2,{id:"managing-listitem-objects-with-the-api",children:["Managing ",(0,i.jsx)(t.code,{children:"ListItem"})," Objects with the API"]}),"\n",(0,i.jsx)(t.p,{children:"The various List classes offer various methods for managing the list of items and maintaining a consistent state between the list and the client."}),"\n",(0,i.jsx)(t.p,{children:"By using these methods provided in the classes, you can effectively manage the items within the list component. The API allows you to interact with and manipulate the list to meet your application's requirements."}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Adding an Item"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To add an item to the list, you can use the ",(0,i.jsx)(t.code,{children:"add(ListItem item)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can also add an item by specifying the key and text using the ",(0,i.jsx)(t.code,{children:"add(Object key, String text)"})," or ",(0,i.jsx)(t.code,{children:"add(String text)"})," method."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.admonition,{type:"tip",children:(0,i.jsxs)(t.p,{children:["Using the add method triggers a roundtrip to the server each time it is used. For more efficient usage, create a list of ",(0,i.jsx)(t.code,{children:"ListItem"})," objects, and put them in the list using the ",(0,i.jsx)(t.code,{children:"insert(int index, List items)"})," method outlined below."]})}),"\n",(0,i.jsxs)(t.ol,{start:"2",children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Inserting an Item at a Specific Index:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To insert an item at a specific index, use the ",(0,i.jsx)(t.code,{children:"insert(int index, ListItem item)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can insert an item with key and text using the ",(0,i.jsx)(t.code,{children:"insert(int index, Object key, String text)"})," or ",(0,i.jsx)(t.code,{children:"insert(int index, String text)"})," method."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Inserting Multiple Items:"})," You can insert multiple items at a specified index using the ",(0,i.jsx)(t.code,{children:"insert(int index, List items)"})," method."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Removing an Item:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To remove an item from the list, use the ",(0,i.jsx)(t.code,{children:"remove(int index)"})," or ",(0,i.jsx)(t.code,{children:"remove(Object key)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can also remove all items from the list using ",(0,i.jsx)(t.code,{children:"removeAll()"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Accessing and Updating Items:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To access items by key or index, use ",(0,i.jsx)(t.code,{children:"getByKey(Object key)"})," or ",(0,i.jsx)(t.code,{children:"getByIndex(int index)"}),"."]}),"\n",(0,i.jsxs)(t.li,{children:["You can update the text of an item using the ",(0,i.jsx)(t.code,{children:"setText(String text)"})," method within the ",(0,i.jsx)(t.code,{children:"ListItem"})," class."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Selecting an Item:"})," To select an item within the list, you can use methods such as ",(0,i.jsx)(t.code,{children:"select(ListItem item)"})," or ",(0,i.jsx)(t.code,{children:"selectKey(Object key)"}),"."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Retrieving Information about the List:"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["You can get the size of the list using the ",(0,i.jsx)(t.code,{children:"size()"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["To check if the list is empty, use the ",(0,i.jsx)(t.code,{children:"isEmpty()"})," method."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"shared-list-properties",children:"Shared List Properties"}),"\n",(0,i.jsx)(t.h3,{id:"label",children:"Label"}),"\n",(0,i.jsx)(t.p,{children:"The various List components can be assigned a label, which is a descriptive text or title that is associated with the component. It provides a brief explanation or prompt to help users understand the purpose or expected selection for that particular list. List labels are not only important for usability but also play a crucial role in accessibility, as they enable screen readers and assistive technologies to provide accurate information and facilitate keyboard navigation."}),"\n",(0,i.jsx)(t.h2,{id:"shared-events",children:"Shared Events"}),"\n",(0,i.jsx)(t.admonition,{title:"Notice",type:"caution",children:(0,i.jsx)(t.p,{children:"All List components share the following methods to add and remove event listeners for the following events"})}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{style:{textAlign:"center"},children:"Events"}),(0,i.jsx)(t.th,{children:"Description"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/BlurEvent",children:(0,i.jsx)(t.code,{children:"BlurEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when a component loses focus."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/FocusEvent",children:(0,i.jsx)(t.code,{children:"FocusEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when a component gains focus, opposite of a blur event."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/MouseEnterEvent",children:(0,i.jsx)(t.code,{children:"MouseEnterEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the mouse cursor enters the boundaries of a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/MouseExitEvent",children:(0,i.jsx)(t.code,{children:"MouseExitEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the mouse cursor exits the boundaries of a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/RightMouseDownEvent",children:(0,i.jsx)(t.code,{children:"RightMouseDownEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the user presses the right mouse button while the cursor is over a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/ListSelectEvent",children:(0,i.jsx)(t.code,{children:"ListSelectEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the user presses the right mouse button while the cursor is over a component."})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>a});n(7294);var i=n(6010);const s={tabItem:"tabItem_Ymn6"};var r=n(5893);function a(e){let{children:t,hidden:n,className:a}=e;return(0,r.jsx)("div",{role:"tabpanel",className:(0,i.Z)(s.tabItem,a),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var i=n(7294),s=n(6010),r=n(2466),a=n(6550),o=n(469),c=n(1980),l=n(7392),A=n(12);function d(e){return i.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,i.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,i.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:i,default:s}}=e;return{value:t,label:n,attributes:i,default:s}}))}(n);return function(e){const t=(0,l.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function u(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function g(e){let{queryString:t=!1,groupId:n}=e;const s=(0,a.k6)(),r=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,c._X)(r),(0,i.useCallback)((e=>{if(!r)return;const t=new URLSearchParams(s.location.search);t.set(r,e),s.replace({...s.location,search:t.toString()})}),[r,s])]}function m(e){const{defaultValue:t,queryString:n=!1,groupId:s}=e,r=h(e),[a,c]=(0,i.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!u({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const i=n.find((e=>e.default))??n[0];if(!i)throw new Error("Unexpected error: 0 tabValues");return i.value}({defaultValue:t,tabValues:r}))),[l,d]=g({queryString:n,groupId:s}),[m,p]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[s,r]=(0,A.Nk)(n);return[s,(0,i.useCallback)((e=>{n&&r.set(e)}),[n,r])]}({groupId:s}),x=(()=>{const e=l??m;return u({value:e,tabValues:r})?e:null})();(0,o.Z)((()=>{x&&c(x)}),[x]);return{selectedValue:a,selectValue:(0,i.useCallback)((e=>{if(!u({value:e,tabValues:r}))throw new Error(`Can't select invalid tab value=${e}`);c(e),d(e),p(e)}),[d,p,r]),tabValues:r}}var p=n(2389);const x={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(5893);function v(e){let{className:t,block:n,selectedValue:i,selectValue:a,tabValues:o}=e;const c=[],{blockElementScrollPositionUntilNextRender:l}=(0,r.o5)(),A=e=>{const t=e.currentTarget,n=c.indexOf(t),s=o[n].value;s!==i&&(l(t),a(s))},d=e=>{let t=null;switch(e.key){case"Enter":A(e);break;case"ArrowRight":{const n=c.indexOf(e.currentTarget)+1;t=c[n]??c[0];break}case"ArrowLeft":{const n=c.indexOf(e.currentTarget)-1;t=c[n]??c[c.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,s.Z)("tabs",{"tabs--block":n},t),children:o.map((e=>{let{value:t,label:n,attributes:r}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:i===t?0:-1,"aria-selected":i===t,ref:e=>c.push(e),onKeyDown:d,onClick:A,...r,className:(0,s.Z)("tabs__item",x.tabItem,r?.className,{"tabs__item--active":i===t}),children:n??t},t)}))})}function w(e){let{lazy:t,children:n,selectedValue:s}=e;const r=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=r.find((e=>e.props.value===s));return e?(0,i.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:r.map(((e,t)=>(0,i.cloneElement)(e,{key:t,hidden:e.props.value!==s})))})}function f(e){const t=m(e);return(0,b.jsxs)("div",{className:(0,s.Z)("tabs-container",x.tabList),children:[(0,b.jsx)(v,{...e,...t}),(0,b.jsx)(w,{...e,...t})]})}function j(e){const t=(0,p.Z)();return(0,b.jsx)(f,{...e,children:d(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>p});var i=n(7294),s=n(917),r=n(4866),a=n(5162),o=n(4673),c=n(1750);const l="data:image/png;base64,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",A=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",d="data:image/png;base64,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";var h=n(2949),u=n(5944);function g(e){let{collapse:t,setCollapse:n}=e;const i=s.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6266],{7391:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>A});var i=n(5893),s=n(1151),r=(n(7650),n(2322),n(6957),n(7796),n(3273));const a={sidebar_position:0,title:"Lists"},o=void 0,c={id:"components/list-components/lists",title:"Lists",description:"There are three types of lists for use within your applications: ListBox, ChoiceBox and ComboBox. These three components all display a list of key value items, and support methods to add, remove, select and manage the items within the list.",source:"@site/docs/components/list-components/lists.md",sourceDirName:"components/list-components",slug:"/components/list-components/lists",permalink:"/docs/components/list-components/lists",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/list-components/lists.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"Lists"},sidebar:"documentationSidebar",previous:{title:"Label",permalink:"/docs/components/label"},next:{title:"ChoiceBox",permalink:"/docs/components/list-components/choicebox"}},l={},A=[{value:"Using ListItem",id:"using-listitem",level:2},{value:"Managing ListItem Objects with the API",id:"managing-listitem-objects-with-the-api",level:2},{value:"Shared List Properties",id:"shared-list-properties",level:2},{value:"Label",id:"label",level:3},{value:"Shared Events",id:"shared-events",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/list/DwcList"}),"\n",(0,i.jsxs)(t.p,{children:["There are three types of lists for use within your applications: ",(0,i.jsx)(t.a,{href:"docs/components/list-components/listbox",children:(0,i.jsx)(t.code,{children:"ListBox"})}),", ",(0,i.jsx)(t.a,{href:"docs/components/list-components/choicebox",children:(0,i.jsx)(t.code,{children:"ChoiceBox"})})," and ",(0,i.jsx)(t.a,{href:"docs/components/list-components/combobox",children:(0,i.jsx)(t.code,{children:"ComboBox"})}),". These three components all display a list of key value items, and support methods to add, remove, select and manage the items within the list."]}),"\n",(0,i.jsx)(t.p,{children:"This section will list the commonalities within each of the aforementioned components, with the specific behaviors belonging to each outlined in their own sections."}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsx)(t.p,{children:"This section describes common functionality amongst all of the list components, and is not itself a class that can be instantiated and used."})}),"\n",(0,i.jsxs)(t.h2,{id:"using-listitem",children:["Using ",(0,i.jsx)(t.code,{children:"ListItem"})]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"ListItem"})," class represents individual items within a list. Each ",(0,i.jsx)(t.code,{children:"ListItem"})," is associated with a key and a display text. Here are the key points regarding the ",(0,i.jsx)(t.code,{children:"ListItem"})," class:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["A ",(0,i.jsx)(t.code,{children:"ListItem"})," encapsulates a unique key ",(0,i.jsx)(t.code,{children:"Object"}),", and a text ",(0,i.jsx)(t.code,{children:"String"})," for display within the component. List components are composed of ",(0,i.jsx)(t.code,{children:"ListItem"})," objects."]}),"\n",(0,i.jsxs)(t.li,{children:["You can construct a ",(0,i.jsx)(t.code,{children:"ListItem"})," by providing a key and text, or simply by specifying the text, where a random key is generated."]}),"\n"]}),"\n",(0,i.jsxs)(t.h2,{id:"managing-listitem-objects-with-the-api",children:["Managing ",(0,i.jsx)(t.code,{children:"ListItem"})," Objects with the API"]}),"\n",(0,i.jsx)(t.p,{children:"The various List classes offer various methods for managing the list of items and maintaining a consistent state between the list and the client."}),"\n",(0,i.jsx)(t.p,{children:"By using these methods provided in the classes, you can effectively manage the items within the list component. The API allows you to interact with and manipulate the list to meet your application's requirements."}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Adding an Item"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To add an item to the list, you can use the ",(0,i.jsx)(t.code,{children:"add(ListItem item)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can also add an item by specifying the key and text using the ",(0,i.jsx)(t.code,{children:"add(Object key, String text)"})," or ",(0,i.jsx)(t.code,{children:"add(String text)"})," method."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.admonition,{type:"tip",children:(0,i.jsxs)(t.p,{children:["Using the add method triggers a server-to-client message each time it is used. For more efficient usage, create a list of ",(0,i.jsx)(t.code,{children:"ListItem"})," objects, and put them in the list using the ",(0,i.jsx)(t.code,{children:"insert(int index, List items)"})," method outlined below."]})}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Inserting an Item at a Specific Index:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To insert an item at a specific index, use the ",(0,i.jsx)(t.code,{children:"insert(int index, ListItem item)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can insert an item with key and text using the ",(0,i.jsx)(t.code,{children:"insert(int index, Object key, String text)"})," or ",(0,i.jsx)(t.code,{children:"insert(int index, String text)"})," method."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Inserting Multiple Items:"})," You can insert multiple items at a specified index using the ",(0,i.jsx)(t.code,{children:"insert(int index, List items)"})," method."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Removing an Item:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To remove an item from the list, use the ",(0,i.jsx)(t.code,{children:"remove(int index)"})," or ",(0,i.jsx)(t.code,{children:"remove(Object key)"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["You can also remove all items from the list using ",(0,i.jsx)(t.code,{children:"removeAll()"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Accessing and Updating Items:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["To access items by key or index, use ",(0,i.jsx)(t.code,{children:"getByKey(Object key)"})," or ",(0,i.jsx)(t.code,{children:"getByIndex(int index)"}),"."]}),"\n",(0,i.jsxs)(t.li,{children:["You can update the text of an item using the ",(0,i.jsx)(t.code,{children:"setText(String text)"})," method within the ",(0,i.jsx)(t.code,{children:"ListItem"})," class."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Selecting an Item:"})," To select an item within the list, you can use methods such as ",(0,i.jsx)(t.code,{children:"select(ListItem item)"})," or ",(0,i.jsx)(t.code,{children:"selectKey(Object key)"}),"."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.strong,{children:"Retrieving Information about the List:"})}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["You can get the size of the list using the ",(0,i.jsx)(t.code,{children:"size()"})," method."]}),"\n",(0,i.jsxs)(t.li,{children:["To check if the list is empty, use the ",(0,i.jsx)(t.code,{children:"isEmpty()"})," method."]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"shared-list-properties",children:"Shared List Properties"}),"\n",(0,i.jsx)(t.h3,{id:"label",children:"Label"}),"\n",(0,i.jsx)(t.p,{children:"The various List components can be assigned a label, which is a descriptive text or title that is associated with the component. It provides a brief explanation or prompt to help users understand the purpose or expected selection for that particular list. List labels are not only important for usability but also play a crucial role in accessibility, as they enable screen readers and assistive technologies to provide accurate information and facilitate keyboard navigation."}),"\n",(0,i.jsx)(t.h2,{id:"shared-events",children:"Shared Events"}),"\n",(0,i.jsx)(t.admonition,{title:"Notice",type:"caution",children:(0,i.jsx)(t.p,{children:"All List components share the following methods to add and remove event listeners for the following events"})}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{style:{textAlign:"center"},children:"Events"}),(0,i.jsx)(t.th,{children:"Description"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/BlurEvent",children:(0,i.jsx)(t.code,{children:"BlurEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when a component loses focus."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/FocusEvent",children:(0,i.jsx)(t.code,{children:"FocusEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when a component gains focus, opposite of a blur event."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/MouseEnterEvent",children:(0,i.jsx)(t.code,{children:"MouseEnterEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the mouse cursor enters the boundaries of a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/MouseExitEvent",children:(0,i.jsx)(t.code,{children:"MouseExitEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the mouse cursor exits the boundaries of a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/RightMouseDownEvent",children:(0,i.jsx)(t.code,{children:"RightMouseDownEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the user presses the right mouse button while the cursor is over a component."})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{style:{textAlign:"center"},children:(0,i.jsx)(t.a,{href:"../events/ListSelectEvent",children:(0,i.jsx)(t.code,{children:"ListSelectEvent"})})}),(0,i.jsx)(t.td,{children:"An event that is triggered when the user presses the right mouse button while the cursor is over a component."})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>a});n(7294);var i=n(6010);const s={tabItem:"tabItem_Ymn6"};var r=n(5893);function a(e){let{children:t,hidden:n,className:a}=e;return(0,r.jsx)("div",{role:"tabpanel",className:(0,i.Z)(s.tabItem,a),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var i=n(7294),s=n(6010),r=n(2466),a=n(6550),o=n(469),c=n(1980),l=n(7392),A=n(12);function d(e){return i.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,i.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function h(e){const{values:t,children:n}=e;return(0,i.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:i,default:s}}=e;return{value:t,label:n,attributes:i,default:s}}))}(n);return function(e){const t=(0,l.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function u(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function g(e){let{queryString:t=!1,groupId:n}=e;const s=(0,a.k6)(),r=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,c._X)(r),(0,i.useCallback)((e=>{if(!r)return;const t=new URLSearchParams(s.location.search);t.set(r,e),s.replace({...s.location,search:t.toString()})}),[r,s])]}function m(e){const{defaultValue:t,queryString:n=!1,groupId:s}=e,r=h(e),[a,c]=(0,i.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!u({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const i=n.find((e=>e.default))??n[0];if(!i)throw new Error("Unexpected error: 0 tabValues");return i.value}({defaultValue:t,tabValues:r}))),[l,d]=g({queryString:n,groupId:s}),[m,p]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[s,r]=(0,A.Nk)(n);return[s,(0,i.useCallback)((e=>{n&&r.set(e)}),[n,r])]}({groupId:s}),x=(()=>{const e=l??m;return u({value:e,tabValues:r})?e:null})();(0,o.Z)((()=>{x&&c(x)}),[x]);return{selectedValue:a,selectValue:(0,i.useCallback)((e=>{if(!u({value:e,tabValues:r}))throw new Error(`Can't select invalid tab value=${e}`);c(e),d(e),p(e)}),[d,p,r]),tabValues:r}}var p=n(2389);const x={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var b=n(5893);function v(e){let{className:t,block:n,selectedValue:i,selectValue:a,tabValues:o}=e;const c=[],{blockElementScrollPositionUntilNextRender:l}=(0,r.o5)(),A=e=>{const t=e.currentTarget,n=c.indexOf(t),s=o[n].value;s!==i&&(l(t),a(s))},d=e=>{let t=null;switch(e.key){case"Enter":A(e);break;case"ArrowRight":{const n=c.indexOf(e.currentTarget)+1;t=c[n]??c[0];break}case"ArrowLeft":{const n=c.indexOf(e.currentTarget)-1;t=c[n]??c[c.length-1];break}}t?.focus()};return(0,b.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,s.Z)("tabs",{"tabs--block":n},t),children:o.map((e=>{let{value:t,label:n,attributes:r}=e;return(0,b.jsx)("li",{role:"tab",tabIndex:i===t?0:-1,"aria-selected":i===t,ref:e=>c.push(e),onKeyDown:d,onClick:A,...r,className:(0,s.Z)("tabs__item",x.tabItem,r?.className,{"tabs__item--active":i===t}),children:n??t},t)}))})}function w(e){let{lazy:t,children:n,selectedValue:s}=e;const r=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=r.find((e=>e.props.value===s));return e?(0,i.cloneElement)(e,{className:"margin-top--md"}):null}return(0,b.jsx)("div",{className:"margin-top--md",children:r.map(((e,t)=>(0,i.cloneElement)(e,{key:t,hidden:e.props.value!==s})))})}function f(e){const t=m(e);return(0,b.jsxs)("div",{className:(0,s.Z)("tabs-container",x.tabList),children:[(0,b.jsx)(v,{...e,...t}),(0,b.jsx)(w,{...e,...t})]})}function j(e){const t=(0,p.Z)();return(0,b.jsx)(f,{...e,children:d(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>p});var i=n(7294),s=n(917),r=n(4866),a=n(5162),o=n(4673),c=n(1750);const l="data:image/png;base64,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",A=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",d="data:image/png;base64,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";var h=n(2949),u=n(5944);function g(e){let{collapse:t,setCollapse:n}=e;const i=s.iv` display: flex; justify-content: end; margin-bottom: -30px; @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${D&&"opacity: 1;"}; - `;return(0,u.BX)("div",{css:k,children:["hidden"!=x?(0,u.BX)("div",{onMouseEnter:()=>{H(!0)},onMouseLeave:()=>H(!1),css:Z,children:[(0,u.tZ)("div",{css:V,children:(0,u.tZ)(m,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:S})]}):null,(0,u.BX)(o.Z,{css:L,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,u.tZ)(g,{collapse:E,setCollapse:C}):null,A?(0,u.BX)(r.Z,{children:[(0,u.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:O.javaFile,default:!0,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:E?v:f})}),(0,u.tZ)(a.Z,{value:b?b[1]:"CSS",label:b?b[1]:O.cssFile,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,u.tZ)(r.Z,{children:(0,u.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:O.javaFile,default:!0,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:E?v:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var i=n(7294),s=n(917),r=n(8230),a=n(4387),o=n(6770);let c=null,l=null;const A={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function h(e){let{type:t,location:n,top:c,children:l,code:h,suffix:u}=e;const[g,m]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await A.getLatestTag();u||(u=""),e||(e="23.04"),m("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=s.iv` + `;return(0,u.BX)("div",{css:k,children:["hidden"!=x?(0,u.BX)("div",{onMouseEnter:()=>{H(!0)},onMouseLeave:()=>H(!1),css:Z,children:[(0,u.tZ)("div",{css:V,children:(0,u.tZ)(m,{url:t})}),(0,u.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:S})]}):null,(0,u.BX)(o.Z,{css:L,summary:(0,u.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,u.tZ)(g,{collapse:E,setCollapse:C}):null,A?(0,u.BX)(r.Z,{children:[(0,u.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:O.javaFile,default:!0,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:E?v:f})}),(0,u.tZ)(a.Z,{value:b?b[1]:"CSS",label:b?b[1]:O.cssFile,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,u.tZ)(r.Z,{children:(0,u.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:O.javaFile,default:!0,children:(0,u.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:E?v:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var i=n(7294),s=n(917),r=n(8230),a=n(4387),o=n(6770);let c=null,l=null;const A={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function h(e){let{type:t,location:n,top:c,children:l,code:h,suffix:u}=e;const[g,m]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await A.getLatestTag();u||(u=""),e||(e="23.04"),m("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+u)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=s.iv` display: inline; ${c&&s.iv` diff --git a/assets/js/ba4df261.8ae34805.js b/assets/js/ba4df261.e9916290.js similarity index 99% rename from assets/js/ba4df261.8ae34805.js rename to assets/js/ba4df261.e9916290.js index 84a9bb2e7..0a69e6bb5 100644 --- a/assets/js/ba4df261.8ae34805.js +++ b/assets/js/ba4df261.e9916290.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${k&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:E,children:["hidden"!=f?(0,p.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:N,children:[(0,p.tZ)("div",{css:V,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(s.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:B}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:F.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})}),(0,p.tZ)(a.Z,{value:b?b[1]:"CSS",label:b?b[1]:F.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:F.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var o=n(7294),r=n(917),i=n(8230),a=n(4387),s=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:l,children:c,code:h,suffix:p}=e;const[m,A]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=r.iv` + `;return(0,p.BX)("div",{css:E,children:["hidden"!=f?(0,p.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:N,children:[(0,p.tZ)("div",{css:V,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(s.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:B}):null,d?(0,p.BX)(i.Z,{children:[(0,p.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:F.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})}),(0,p.tZ)(a.Z,{value:b?b[1]:"CSS",label:b?b[1]:F.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(i.Z,{children:(0,p.tZ)(a.Z,{value:b?b[0]:"Java",label:b?b[0]:F.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:D?v:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var o=n(7294),r=n(917),i=n(8230),a=n(4387),s=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:l,children:c,code:h,suffix:p}=e;const[m,A]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=r.iv` display: inline; ${l&&r.iv` diff --git a/assets/js/c548088a.a8493ded.js b/assets/js/c548088a.b1dac98f.js similarity index 96% rename from assets/js/c548088a.a8493ded.js rename to assets/js/c548088a.b1dac98f.js index 9efffb960..31ffe8f22 100644 --- a/assets/js/c548088a.a8493ded.js +++ b/assets/js/c548088a.b1dac98f.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3021],{2610:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>g,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(5893),o=n(1151),i=n(3273);const r={sidebar_position:0,title:"ToggleEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ToggleEvent"},c=void 0,a={id:"components/events/toggle-event",title:"ToggleEvent",description:'A "toggle" event occurs when an element or control changes its state between two possible states, such as "on" and "off" or "visible" and "hidden." It can apply to various elements, such as buttons, dropdowns, menus, or modals. When a "toggle" event is triggered, the element switches its state from one option to another, reflecting the user\'s action or changing conditions. This class also inherits methods from the base Event class',source:"@site/docs/components/events/toggle-event.md",sourceDirName:"components/events",slug:"/components/events/ToggleEvent",permalink:"/docs/components/events/ToggleEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/toggle-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ToggleEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ToggleEvent"},sidebar:"documentationSidebar",previous:{title:"RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent"},next:{title:"UncheckEvent",permalink:"/docs/components/events/UncheckEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/ToggleEvent",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:['A "toggle" event occurs when an element or control changes its state between two possible states, such as "on" and "off" or "visible" and "hidden." It can apply to various elements, such as buttons, dropdowns, menus, or modals. When a "toggle" event is triggered, the element switches its state from one option to another, reflecting the user\'s action or changing conditions. This class also inherits methods from the ',(0,s.jsxs)(t.a,{href:"./event",children:["base ",(0,s.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isToggled()"})}),(0,s.jsx)(t.td,{children:"Gets the value of the component to determine whether it was toggled on or off."})]})})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./CheckEvent",children:"Check Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./UncheckEvent",children:"Uncheck Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function g(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>g});var s=n(7294),o=n(917),i=n(8230),r=n(4387),c=n(6770);let a=null,l=null;const d={getLatestTag:async function(){return a&&l&&Date.now()-l<36e5?a:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return a=t[0].name,l=Date.now(),a}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function g(e){let{type:t,location:n,top:a,children:l,code:g,suffix:v}=e;const[u,p]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=o.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3021],{2610:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>g,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(5893),o=n(1151),i=n(3273);const r={sidebar_position:0,title:"ToggleEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ToggleEvent"},c=void 0,a={id:"components/events/toggle-event",title:"ToggleEvent",description:'A "toggle" event occurs when an element or control changes its state between two possible states, such as "on" and "off" or "visible" and "hidden." It can apply to various elements, such as buttons, dropdowns, menus, or modals. When a "toggle" event is triggered, the element switches its state from one option to another, reflecting the user\'s action or changing conditions. This class also inherits methods from the base Event class',source:"@site/docs/components/events/toggle-event.md",sourceDirName:"components/events",slug:"/components/events/ToggleEvent",permalink:"/docs/components/events/ToggleEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/toggle-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ToggleEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ToggleEvent"},sidebar:"documentationSidebar",previous:{title:"RightMouseDownEvent",permalink:"/docs/components/events/RightMouseDownEvent"},next:{title:"UncheckEvent",permalink:"/docs/components/events/UncheckEvent"}},l={},d=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/ToggleEvent",top:"true"}),"\n",(0,s.jsxs)(t.p,{children:['A "toggle" event occurs when an element or control changes its state between two possible states, such as "on" and "off" or "visible" and "hidden." It can apply to various elements, such as buttons, dropdowns, menus, or modals. When a "toggle" event is triggered, the element switches its state from one option to another, reflecting the user\'s action or changing conditions. This class also inherits methods from the ',(0,s.jsxs)(t.a,{href:"./event",children:["base ",(0,s.jsx)(t.code,{children:"Event"})," class"]})]}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isToggled()"})}),(0,s.jsx)(t.td,{children:"Gets the value of the component to determine whether it was toggled on or off."})]})})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./CheckEvent",children:"Check Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./UncheckEvent",children:"Uncheck Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../checkbox",children:"CheckBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../radiobutton",children:"RadioButton"})}),"\n"]})]})}function g(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>g});var s=n(7294),o=n(917),i=n(8230),r=n(4387),c=n(6770);let a=null,l=null;const d={getLatestTag:async function(){return a&&l&&Date.now()-l<36e5?a:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return a=t[0].name,l=Date.now(),a}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function g(e){let{type:t,location:n,top:a,children:l,code:g,suffix:v}=e;const[u,p]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();v||(v=""),e||(e="23.04"),p("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+v)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=o.iv` display: inline; ${a&&o.iv` diff --git a/assets/js/c58736f6.95cf5b11.js b/assets/js/c58736f6.d941f243.js similarity index 99% rename from assets/js/c58736f6.95cf5b11.js rename to assets/js/c58736f6.d941f243.js index d12a394f4..4e69f5271 100644 --- a/assets/js/c58736f6.95cf5b11.js +++ b/assets/js/c58736f6.d941f243.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${C&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:T,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:J,children:[(0,p.tZ)("div",{css:F,children:(0,p.tZ)(m,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(l.Z,{css:O,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(g,{collapse:k,setCollapse:S}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(i.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?f:w})}),(0,p.tZ)(i.Z,{value:x?x[1]:"CSS",label:x?x[1]:Z.cssFile,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(i.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),o=n(917),s=n(8230),i=n(4387),l=n(6770);let r=null,c=null;const d={getLatestTag:async function(){return r&&c&&Date.now()-c<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,c=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:r,children:c,code:u,suffix:p}=e;const[g,m]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` + `;return(0,p.BX)("div",{css:T,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:J,children:[(0,p.tZ)("div",{css:F,children:(0,p.tZ)(m,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:L})]}):null,(0,p.BX)(l.Z,{css:O,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(g,{collapse:k,setCollapse:S}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(i.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?f:w})}),(0,p.tZ)(i.Z,{value:x?x[1]:"CSS",label:x?x[1]:Z.cssFile,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:D})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(i.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(r.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),o=n(917),s=n(8230),i=n(4387),l=n(6770);let r=null,c=null;const d={getLatestTag:async function(){return r&&c&&Date.now()-c<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,c=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:r,children:c,code:u,suffix:p}=e;const[g,m]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),m("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const b=o.iv` display: inline; ${r&&o.iv` diff --git a/assets/js/dc93842a.f1317cfe.js b/assets/js/dc93842a.c502f27c.js similarity index 97% rename from assets/js/dc93842a.f1317cfe.js rename to assets/js/dc93842a.c502f27c.js index cecaaace6..2e4dbb1a5 100644 --- a/assets/js/dc93842a.f1317cfe.js +++ b/assets/js/dc93842a.c502f27c.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4751],{2635:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var s=n(5893),r=n(1151),i=n(3273);const o={sidebar_position:0,title:"MouseEnterEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseEnterEvent"},c=void 0,d={id:"components/events/mouse-enter-event",title:"MouseEnterEvent",description:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area.",source:"@site/docs/components/events/mouse-enter-event.md",sourceDirName:"components/events",slug:"/components/events/MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/mouse-enter-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"MouseEnterEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseEnterEvent"},sidebar:"documentationSidebar",previous:{title:"ModifyEvent",permalink:"/docs/components/events/ModifyEvent"},next:{title:"MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/MouseEnterEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseExitEvent",children:"MouseExit Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./RightMouseDownEvent",children:"RightMouseDown Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),r=n(917),i=n(8230),o=n(4387),c=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:d,children:a,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=r.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4751],{2635:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var s=n(5893),r=n(1151),i=n(3273);const o={sidebar_position:0,title:"MouseEnterEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseEnterEvent"},c=void 0,d={id:"components/events/mouse-enter-event",title:"MouseEnterEvent",description:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area.",source:"@site/docs/components/events/mouse-enter-event.md",sourceDirName:"components/events",slug:"/components/events/MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/mouse-enter-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"MouseEnterEvent",sidebar_class_name:"sidebar--item__hidden",slug:"MouseEnterEvent"},sidebar:"documentationSidebar",previous:{title:"ModifyEvent",permalink:"/docs/components/events/ModifyEvent"},next:{title:"MouseExitEvent",permalink:"/docs/components/events/MouseExitEvent"}},a={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/event/MouseEnterEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getMouseButton()"})}),(0,s.jsx)(t.td,{children:"Returns whether or not a mouse button was pressed while the event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenX()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute abscissa screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getScreenY()"})}),(0,s.jsx)(t.td,{children:"Returns the absolute ordinate screen coordinate where this event happened."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getX()"})}),(0,s.jsxs)(t.td,{children:["The X coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getY()"})}),(0,s.jsxs)(t.td,{children:["The Y coordinate of the point at which this event occurred, relative to the parent ",(0,s.jsx)(i.Z,{type:"engine",location:"org/dwcj/component/window/Frame",code:"true",children:"Frame"}),"."]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isAltDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"alt"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isCmdDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"cmd"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isControlDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"ctrl"})," key was pressed at the time this event was generated"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"isShiftDown()"})}),(0,s.jsxs)(t.td,{children:["A boolean value indicating whether the ",(0,s.jsx)(t.code,{children:"shift"})," key was pressed at the time this event was generated"]})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./MouseExitEvent",children:"MouseExit Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./RightMouseDownEvent",children:"RightMouseDown Event"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var s=n(7294),r=n(917),i=n(8230),o=n(4387),c=n(6770);let d=null,a=null;const l={getLatestTag:async function(){return d&&a&&Date.now()-a<36e5?d:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return d=t[0].name,a=Date.now(),d}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:d,children:a,code:u,suffix:x}=e;const[v,j]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();x||(x=""),e||(e="23.04"),j("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+x)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const p=r.iv` display: inline; ${d&&r.iv` diff --git a/assets/js/dd91dd19.210cb4b5.js b/assets/js/dd91dd19.3ba7a294.js similarity index 99% rename from assets/js/dd91dd19.210cb4b5.js rename to assets/js/dd91dd19.3ba7a294.js index fa0ec541b..8348b1817 100644 --- a/assets/js/dd91dd19.210cb4b5.js +++ b/assets/js/dd91dd19.3ba7a294.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${C&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:Z,children:["hidden"!=y?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:z,children:[(0,p.tZ)("div",{css:I,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(s.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:L}):null,h?(0,p.BX)(a.Z,{children:[(0,p.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:k.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:D?w:b})}),(0,p.tZ)(r.Z,{value:g?g[1]:"CSS",label:g?g[1]:k.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:k.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:D?w:b})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var o=n(7294),i=n(917),a=n(8230),r=n(4387),s=n(6770);let l=null,c=null;const h={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,x]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` + `;return(0,p.BX)("div",{css:Z,children:["hidden"!=y?(0,p.BX)("div",{onMouseEnter:()=>{B(!0)},onMouseLeave:()=>B(!1),css:z,children:[(0,p.tZ)("div",{css:I,children:(0,p.tZ)(x,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(s.Z,{css:T,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,p.tZ)(m,{collapse:D,setCollapse:L}):null,h?(0,p.BX)(a.Z,{children:[(0,p.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:k.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:D?w:b})}),(0,p.tZ)(r.Z,{value:g?g[1]:"CSS",label:g?g[1]:k.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(r.Z,{value:g?g[0]:"Java",label:g?g[0]:k.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:d,children:D?w:b})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var o=n(7294),i=n(917),a=n(8230),r=n(4387),s=n(6770);let l=null,c=null;const h={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var d=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:p}=e;const[m,x]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await h.getLatestTag();p||(p=""),e||(e="23.04"),x("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const f=i.iv` display: inline; ${l&&i.iv` diff --git a/assets/js/e5a16701.9e877239.js b/assets/js/e5a16701.1f1fbf74.js similarity index 99% rename from assets/js/e5a16701.9e877239.js rename to assets/js/e5a16701.1f1fbf74.js index a6a14fd54..f1467a494 100644 --- a/assets/js/e5a16701.9e877239.js +++ b/assets/js/e5a16701.1f1fbf74.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${Z&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:S,children:["hidden"!=g?(0,m.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:L,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:T,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:F}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(s.Z,{value:v?v[0]:"Java",label:v?v[0]:N.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:w})}),(0,m.tZ)(s.Z,{value:v?v[1]:"CSS",label:v?v[1]:N.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(s.Z,{value:v?v[0]:"Java",label:v?v[0]:N.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var i=n(7294),a=n(917),r=n(8230),s=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:o,children:c,code:h,suffix:m}=e;const[p,b]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=a.iv` + `;return(0,m.BX)("div",{css:S,children:["hidden"!=g?(0,m.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:L,children:[(0,m.tZ)("div",{css:M,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,m.BX)(l.Z,{css:T,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:B,setCollapse:F}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(s.Z,{value:v?v[0]:"Java",label:v?v[0]:N.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:w})}),(0,m.tZ)(s.Z,{value:v?v[1]:"CSS",label:v?v[1]:N.cssFile,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(s.Z,{value:v?v[0]:"Java",label:v?v[0]:N.javaFile,default:!0,children:(0,m.tZ)(o.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:w})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>h});var i=n(7294),a=n(917),r=n(8230),s=n(4387),l=n(6770);let o=null,c=null;const d={getLatestTag:async function(){return o&&c&&Date.now()-c<36e5?o:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return o=t[0].name,c=Date.now(),o}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=n(5944);function h(e){let{type:t,location:n,top:o,children:c,code:h,suffix:m}=e;const[p,b]=(0,i.useState)("");(0,i.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=a.iv` display: inline; ${o&&a.iv` diff --git a/assets/js/e71a10cb.a2564af9.js b/assets/js/e71a10cb.16d4549a.js similarity index 96% rename from assets/js/e71a10cb.a2564af9.js rename to assets/js/e71a10cb.16d4549a.js index 5b44fc4a8..f2cdb0fd0 100644 --- a/assets/js/e71a10cb.a2564af9.js +++ b/assets/js/e71a10cb.16d4549a.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7711],{2530:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>v,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var o=n(5893),i=n(1151),s=n(3273);const a={sidebar_position:0,title:"ModifyEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ModifyEvent"},r=void 0,c={id:"components/events/modify-event",title:"ModifyEvent",description:"An event that is fired when a component is edited. It provides information about the modified text of the component that is sent as part of the event payload.",source:"@site/docs/components/events/modify-event.md",sourceDirName:"components/events",slug:"/components/events/ModifyEvent",permalink:"/docs/components/events/ModifyEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/modify-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ModifyEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ModifyEvent"},sidebar:"documentationSidebar",previous:{title:"ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent"},next:{title:"MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent"}},d={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/event/ModifyEvent",top:"true"}),"\n",(0,o.jsx)(t.p,{children:"An event that is fired when a component is edited. It provides information about the modified text of the component that is sent as part of the event payload."}),"\n",(0,o.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,o.jsxs)(t.table,{children:[(0,o.jsx)(t.thead,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,o.jsx)(t.th,{children:"Description"})]})}),(0,o.jsx)(t.tbody,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"getText()"})}),(0,o.jsx)(t.td,{children:"Gets the text of the component."})]})})]}),"\n",(0,o.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:(0,o.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var o=n(7294),i=n(917),s=n(8230),a=n(4387),r=n(6770);let c=null,d=null;const l={getLatestTag:async function(){return c&&d&&Date.now()-d<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,d=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:c,children:d,code:v,suffix:p}=e;const[u,f]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();p||(p=""),e||(e="23.04"),f("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7711],{2530:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>v,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var o=n(5893),i=n(1151),s=n(3273);const a={sidebar_position:0,title:"ModifyEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ModifyEvent"},r=void 0,c={id:"components/events/modify-event",title:"ModifyEvent",description:"An event that is fired when a component is edited. It provides information about the modified text of the component that is sent as part of the event payload.",source:"@site/docs/components/events/modify-event.md",sourceDirName:"components/events",slug:"/components/events/ModifyEvent",permalink:"/docs/components/events/ModifyEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/modify-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ModifyEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ModifyEvent"},sidebar:"documentationSidebar",previous:{title:"ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent"},next:{title:"MouseEnterEvent",permalink:"/docs/components/events/MouseEnterEvent"}},d={},l=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2}];function h(e){const t={a:"a",code:"code",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(s.Z,{type:"engine",location:"org/dwcj/component/event/ModifyEvent",top:"true"}),"\n",(0,o.jsx)(t.p,{children:"An event that is fired when a component is edited. It provides information about the modified text of the component that is sent as part of the event payload."}),"\n",(0,o.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,o.jsxs)(t.table,{children:[(0,o.jsx)(t.thead,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,o.jsx)(t.th,{children:"Description"})]})}),(0,o.jsx)(t.tbody,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"getText()"})}),(0,o.jsx)(t.td,{children:"Gets the text of the component."})]})})]}),"\n",(0,o.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:(0,o.jsx)(t.a,{href:"./event",children:"Event"})}),"\n"]})]})}function v(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>v});var o=n(7294),i=n(917),s=n(8230),a=n(4387),r=n(6770);let c=null,d=null;const l={getLatestTag:async function(){return c&&d&&Date.now()-d<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,d=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function v(e){let{type:t,location:n,top:c,children:d,code:v,suffix:p}=e;const[u,f]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await l.getLatestTag();p||(p=""),e||(e="23.04"),f("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const m=i.iv` display: inline; ${c&&i.iv` diff --git a/assets/js/e97f9a74.07fd7502.js b/assets/js/e97f9a74.019b145d.js similarity index 99% rename from assets/js/e97f9a74.07fd7502.js rename to assets/js/e97f9a74.019b145d.js index ff88c2512..6a052f7a6 100644 --- a/assets/js/e97f9a74.07fd7502.js +++ b/assets/js/e97f9a74.019b145d.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${C&&"opacity: 1;"}; - `;return(0,m.BX)("div",{css:E,children:["hidden"!=v?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:N,children:[(0,m.tZ)("div",{css:O,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(o.Z,{css:J,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:S,setCollapse:k}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:B.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:S?w:f})}),(0,m.tZ)(i.Z,{value:g?g[1]:"CSS",label:g?g[1]:B.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:B.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:S?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),s=n(917),r=n(8230),i=n(4387),o=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=s.iv` + `;return(0,m.BX)("div",{css:E,children:["hidden"!=v?(0,m.BX)("div",{onMouseEnter:()=>{Z(!0)},onMouseLeave:()=>Z(!1),css:N,children:[(0,m.tZ)("div",{css:O,children:(0,m.tZ)(b,{url:t})}),(0,m.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,m.BX)(o.Z,{css:J,summary:(0,m.tZ)("summary",{children:"Show Code"}),children:[n&&c?(0,m.tZ)(p,{collapse:S,setCollapse:k}):null,d?(0,m.BX)(r.Z,{children:[(0,m.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:B.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:S?w:f})}),(0,m.tZ)(i.Z,{value:g?g[1]:"CSS",label:g?g[1]:B.cssFile,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,m.tZ)(r.Z,{children:(0,m.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:B.javaFile,default:!0,children:(0,m.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:S?w:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(7294),s=n(917),r=n(8230),i=n(4387),o=n(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:l,children:c,code:u,suffix:m}=e;const[p,b]=(0,a.useState)("");(0,a.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();m||(m=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+m)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const A=s.iv` display: inline; ${l&&s.iv` diff --git a/assets/js/eca5a6fe.9dafa548.js b/assets/js/eca5a6fe.4b18219a.js similarity index 97% rename from assets/js/eca5a6fe.9dafa548.js rename to assets/js/eca5a6fe.4b18219a.js index c4b0d23ef..a454a2556 100644 --- a/assets/js/eca5a6fe.9dafa548.js +++ b/assets/js/eca5a6fe.4b18219a.js @@ -1,4 +1,4 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1385],{9256:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>o,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),l=n(3273);const o={sidebar_position:0,title:"ListSelectEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListSelectEvent"},c=void 0,r={id:"components/events/list-select-event",title:"ListSelectEvent",description:"This event is triggered when the user selects an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-select-event.md",sourceDirName:"components/events",slug:"/components/events/ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-select-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListSelectEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListSelectEvent"},sidebar:"documentationSidebar",previous:{title:"ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent"},next:{title:"ModifyEvent",permalink:"/docs/components/events/ModifyEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{type:"engine",location:"org/dwcj/component/event/ListSelectEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user selects an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ListBox",children:"ListBox"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>m});var s=n(7294),i=n(917),l=n(8230),o=n(4387),c=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function m(e){let{type:t,location:n,top:r,children:d,code:m,suffix:p}=e;const[v,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();p||(p=""),e||(e="23.04"),u("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1385],{9256:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>o,metadata:()=>r,toc:()=>a});var s=n(5893),i=n(1151),l=n(3273);const o={sidebar_position:0,title:"ListSelectEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListSelectEvent"},c=void 0,r={id:"components/events/list-select-event",title:"ListSelectEvent",description:"This event is triggered when the user selects an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen.",source:"@site/docs/components/events/list-select-event.md",sourceDirName:"components/events",slug:"/components/events/ListSelectEvent",permalink:"/docs/components/events/ListSelectEvent",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/events/list-select-event.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"ListSelectEvent",sidebar_class_name:"sidebar--item__hidden",slug:"ListSelectEvent"},sidebar:"documentationSidebar",previous:{title:"ListOpenEvent",permalink:"/docs/components/events/ListOpenEvent"},next:{title:"ModifyEvent",permalink:"/docs/components/events/ModifyEvent"}},d={},a=[{value:"Event Payload",id:"event-payload",level:2},{value:"See Also",id:"see-also",level:2},{value:"Events",id:"events",level:3},{value:"Components",id:"components",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{type:"engine",location:"org/dwcj/component/event/ListSelectEvent",top:"true"}),"\n",(0,s.jsx)(t.p,{children:"This event is triggered when the user selects an item from a List-based component. It provides essential information about the selected item and allows developers to implement custom actions or responses when an item is chosen."}),"\n",(0,s.jsx)(t.h2,{id:"event-payload",children:"Event Payload"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Method"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndex()"})}),(0,s.jsx)(t.td,{children:"Returns the selected index, or -1 if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItem()"})}),(0,s.jsx)(t.td,{children:"Returns the selected item, or null if no item is selected."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedIndices()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected indices, or an empty list if no item is selected. If the list doesn't support multiple selection, the list will contain only one item."})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{style:{textAlign:"center"},children:(0,s.jsx)(t.code,{children:"getSelectedItems()"})}),(0,s.jsx)(t.td,{children:"Returns a list of selected items. If the list doesn't support multiple selection, the list will contain only one item."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsx)(t.h3,{id:"events",children:"Events"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./event",children:"Event"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListOpenEvent",children:"ListOpenEvent"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"./ListCloseEvent",children:"ListCloseEvent"})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ChoiceBox",children:"ChoiceBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ComboBox",children:"ComboBox"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"../list-components/ListBox",children:"ListBox"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},3273:(e,t,n)=>{n.d(t,{Z:()=>m});var s=n(7294),i=n(917),l=n(8230),o=n(4387),c=n(6770);let r=null,d=null;const a={getLatestTag:async function(){return r&&d&&Date.now()-d<36e5?r:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return r=t[0].name,d=Date.now(),r}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function m(e){let{type:t,location:n,top:r,children:d,code:m,suffix:p}=e;const[v,u]=(0,s.useState)("");(0,s.useEffect)((()=>{(async()=>{try{let e=await a.getLatestTag();p||(p=""),e||(e="23.04"),u("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const x=i.iv` display: inline; ${r&&i.iv` diff --git a/assets/js/f3918844.17c6cb0b.js b/assets/js/f3918844.ba31dde3.js similarity index 99% rename from assets/js/f3918844.17c6cb0b.js rename to assets/js/f3918844.ba31dde3.js index 4c6678c0d..5d186e00f 100644 --- a/assets/js/f3918844.17c6cb0b.js +++ b/assets/js/f3918844.ba31dde3.js @@ -82,7 +82,7 @@ transition: opacity 0.3s ease-in-out; ${F&&"opacity: 1;"}; - `;return(0,p.BX)("div",{css:C,children:["hidden"!=b?(0,p.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:T,children:[(0,p.tZ)("div",{css:N,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(o.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[s&&c?(0,p.tZ)(m,{collapse:B,setCollapse:Z}):null,d?(0,p.BX)(a.Z,{children:[(0,p.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:P.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:x})}),(0,p.tZ)(i.Z,{value:g?g[1]:"CSS",label:g?g[1]:P.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:P.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:x})})})]})]})}},3273:(e,t,s)=>{s.d(t,{Z:()=>h});var n=s(7294),r=s(917),a=s(8230),i=s(4387),o=s(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=s(5944);function h(e){let{type:t,location:s,top:l,children:c,code:h,suffix:p}=e;const[m,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+s+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const w=r.iv` + `;return(0,p.BX)("div",{css:C,children:["hidden"!=b?(0,p.BX)("div",{onMouseEnter:()=>{k(!0)},onMouseLeave:()=>k(!1),css:T,children:[(0,p.tZ)("div",{css:N,children:(0,p.tZ)(A,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,h.I)().colorMode?"dark":"light"),css:E})]}):null,(0,p.BX)(o.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[s&&c?(0,p.tZ)(m,{collapse:B,setCollapse:Z}):null,d?(0,p.BX)(a.Z,{children:[(0,p.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:P.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:x})}),(0,p.tZ)(i.Z,{value:g?g[1]:"CSS",label:g?g[1]:P.cssFile,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:j})})]}):(0,p.tZ)(a.Z,{children:(0,p.tZ)(i.Z,{value:g?g[0]:"Java",label:g?g[0]:P.javaFile,default:!0,children:(0,p.tZ)(l.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:u,children:B?f:x})})})]})]})}},3273:(e,t,s)=>{s.d(t,{Z:()=>h});var n=s(7294),r=s(917),a=s(8230),i=s(4387),o=s(6770);let l=null,c=null;const d={getLatestTag:async function(){return l&&c&&Date.now()-c<36e5?l:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return l=t[0].name,c=Date.now(),l}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var u=s(5944);function h(e){let{type:t,location:s,top:l,children:c,code:h,suffix:p}=e;const[m,A]=(0,n.useState)("");(0,n.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),A("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+s+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const w=r.iv` display: inline; ${l&&r.iv` diff --git a/assets/js/ff6d8346.75c7e0b0.js b/assets/js/ff6d8346.75c7e0b0.js deleted file mode 100644 index ee6d6fe6e..000000000 --- a/assets/js/ff6d8346.75c7e0b0.js +++ /dev/null @@ -1,100 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2529],{353:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>b,frontMatter:()=>l,metadata:()=>h,toc:()=>p});var o=n(5893),i=n(1151),s=n(6957),a=n(7796),r=n(3273),c=n(2665);const l={sidebar_position:100,title:"RadioButton",slug:"radiobutton"},d=void 0,h={id:"components/radio-button",title:"RadioButton",description:"The RadioButton class creates an object that can be selected or deselected, and which displays its state to the user. By convention, only one radio button in a group can be selected at a time. Radio buttons are commonly used when mutually exclusive options are available, allowing the user to choose a single option from a set of choices.",source:"@site/docs/components/radio-button.md",sourceDirName:"components",slug:"/components/radiobutton",permalink:"/docs/components/radiobutton",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/radio-button.md",tags:[],version:"current",sidebarPosition:100,frontMatter:{sidebar_position:100,title:"RadioButton",slug:"radiobutton"},sidebar:"documentationSidebar",previous:{title:"ProgressBar",permalink:"/docs/components/progress-bar"},next:{title:"RadioButtonGroup",permalink:"/docs/components/radiobuttongroup"}},u={},p=[{value:"Usages",id:"usages",level:2},{value:"Constructors",id:"constructors",level:2},{value:"Text and Positioning",id:"text-and-positioning",level:2},{value:"Activation",id:"activation",level:2},{value:"Manual Activation",id:"manual-activation",level:3},{value:"Auto Activation",id:"auto-activation",level:3},{value:"Switches",id:"switches",level:2},{value:"Events",id:"events",level:2},{value:"Adding Events",id:"adding-events",level:3},{value:"Removing Events",id:"removing-events",level:3},{value:"Styling",id:"styling",level:2},{value:"Expanses",id:"expanses",level:3},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3},{value:"Best Practices",id:"best-practices",level:2},{value:"Dependencies",id:"dependencies-1",level:3}];function m(e){const t={a:"a",admonition:"admonition",code:"code",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-radio",href:"https://basishub.github.io/basis-next/#/dwc/BBjRadioButton",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/optioninput/RadioButton",top:"true"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class creates an object that can be selected or deselected, and which displays its state to the user. By convention, only one radio button in a group can be selected at a time. Radio buttons are commonly used when mutually exclusive options are available, allowing the user to choose a single option from a set of choices."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonGroupDemo",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonGroupDemo.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"200px"}),"\n",(0,o.jsx)(t.h2,{id:"usages",children:"Usages"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," is best used in scenarios where users need to make a single selection from a predefined set of options. Here are some examples of when to use the ",(0,o.jsx)(t.code,{children:"RadioButton"}),":"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Survey or Questionnaires"}),": Radio buttons are commonly used in surveys or questionnaires where users need to select a single response from a list of options."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Preference Settings"}),": Applications that involve preference or settings panels often use Radio buttons to allow users to choose a single option from a set of mutually exclusive choices."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Filtering or Sorting"}),": A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can be used in applications that require users to select a single filter or sorting option, such as sorting a list of items by different criteria."]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"constructors",children:"Constructors"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class has three constructors:"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton()"}),": Creates an empty ",(0,o.jsx)(t.code,{children:"RadioButton"})," in the unchecked state."]}),"\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton(String text)"}),": Creates a ",(0,o.jsx)(t.code,{children:"RadioButton"})," with an attached label in the unchecked state."]}),"\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton(String text, boolean checked)"})," Creates a ",(0,o.jsx)(t.code,{children:"RadioButton"})," with an attached label in either the checked or unchecked state, based on the boolean passed (",(0,o.jsx)(t.code,{children:"true"})," for checked, ",(0,o.jsx)(t.code,{children:"false"})," for unchecked)."]}),"\n"]}),"\n",(0,o.jsxs)(t.p,{children:["Here is an example of how to create a ",(0,o.jsx)(t.code,{children:"RadioButton"})," object:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:'RadioButton myRadioButton = new RadioButton("RadioButton Text");\n'})}),"\n",(0,o.jsx)(t.h2,{id:"text-and-positioning",children:"Text and Positioning"}),"\n",(0,o.jsxs)(t.p,{children:["Radio buttons can utilize the ",(0,o.jsx)(t.code,{children:"setText(String text)"})," method, which will be positioned near the radio button according to the built-in ",(0,o.jsx)(t.code,{children:"Position"}),".\r\nRadio buttons have built-in functionality to set text to be displayed either to the right or left of the component. By default, the text will be displayed to the right of the component. Positioning of the horizontal text is supported by use of the ",(0,o.jsx)(t.code,{children:"HorizontalAlignment"})," enum class. Show below are the two settings: ",(0,o.jsx)("br",{})]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonText",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonText.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"100px"}),"\n",(0,o.jsx)(t.h2,{id:"activation",children:"Activation"}),"\n",(0,o.jsxs)(t.p,{children:["Radio buttons can be controlled using two types of activation: manual activation and auto activation. These dictate when a ",(0,o.jsx)(t.code,{children:"RadioButton"})," will change its state."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonActivation",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonActivation.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css"}),"\n",(0,o.jsx)(t.h3,{id:"manual-activation",children:"Manual Activation"}),"\n",(0,o.jsx)(t.p,{children:"When a radio button is set to manual activation, it means that it will not be automatically checked when it gains focus.\r\nManual activation allows the user to navigate through the radio button options using the keyboard or other input methods without immediately changing the selected option."}),"\n",(0,o.jsx)(t.p,{children:"If the radio button is part of a group, selecting a different radio button within the group will automatically uncheck the previously selected radio button.\r\nManual activation provides finer control over the selection process, requiring an explicit action from the user to change the selected option."}),"\n",(0,o.jsx)(t.h3,{id:"auto-activation",children:"Auto Activation"}),"\n",(0,o.jsxs)(t.p,{children:["Automatic activation is the default state for a ",(0,o.jsx)(t.code,{children:"RadioButton"}),", and means that the button will be checked on whenever it gains focus for any reason. This means that\r\nnot only clicking, but auto-focus or tab navigation will also check the button."]}),"\n",(0,o.jsx)(t.admonition,{title:"Note",type:"tip",children:(0,o.jsxs)(t.p,{children:["The default activation value is ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:"MANUAL"})})," activation."]})}),"\n",(0,o.jsx)(t.h2,{id:"switches",children:"Switches"}),"\n",(0,o.jsxs)(t.p,{children:["A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can also be set to display as a switch provides which provides alternative visual representation for selecting options. Normally, radio buttons are circular or rounded in shape and indicate a single choice from a group of options."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonSwitch",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonSwitch.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"120px"}),"\n",(0,o.jsxs)(t.p,{children:["A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can be transformed into a switch that resembles a toggle switch or slider using one of two methods:"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.strong,{children:"The Factory Method"}),": The RadioButton can be created using the following Factory methods:"]}),"\n"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"Switch(String text, boolean checked);\r\nSwitch(String text);\r\nSwitch();\n"})}),"\n",(0,o.jsxs)(t.p,{children:["These methods mirror a ",(0,o.jsx)(t.code,{children:"RadioButton"})," constructor, and will create the component with the switch property already toggled on."]}),"\n",(0,o.jsxs)(t.ol,{start:"2",children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.strong,{children:"Setter"}),": It is also possible to change an already existing ",(0,o.jsx)(t.code,{children:"RadioButton"})," into a switch by using the appropriate setter:"]}),"\n"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.setSwitch(true);\n"})}),"\n",(0,o.jsxs)(t.p,{children:["When a ",(0,o.jsx)(t.code,{children:"RadioButton"})," is displayed as a switch, it typically appears as a oblong shape with an indicator that can be toggled on or off. This visual representation gives users a more intuitive and familiar interface, similar to physical switches commonly found in electronic devices."]}),"\n",(0,o.jsxs)(t.p,{children:["Setting a ",(0,o.jsx)(t.code,{children:"RadioButton"})," to display as a switch can improve user experience by providing a clear and straightforward way to select options. It can enhance the visual appeal and usability of forms, settings panels, or any other interface element that requires multiple choices."]}),"\n",(0,o.jsx)(t.admonition,{type:"info",children:(0,o.jsxs)(t.p,{children:["The behavior of the ",(0,o.jsx)(t.code,{children:"RadioButton"})," remains the same when being rendered as a Switch, meaning only one option can be selected at a time within a group. The switch-like appearance is a visual transformation which retains the functionality of a ",(0,o.jsx)(t.code,{children:"RadioButton"}),"."]})}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.h2,{id:"events",children:"Events"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class provides methods to add and remove event listeners for the following events:"]}),"\n",(0,o.jsxs)(t.table,{children:[(0,o.jsx)(t.thead,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.th,{style:{textAlign:"center"},children:"Events"}),(0,o.jsx)(t.th,{children:"Description"})]})}),(0,o.jsxs)(t.tbody,{children:[(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"BlurEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"FocusEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"CheckedEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the state of a component changes and becomes checked. It occurs when the user interacts with a checkbox element by clicking or tapping on it, causing the checkbox to transition from an unchecked state to a checked state."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"UncheckedEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the state of a component changes and becomes unchecked. It occurs when the user interacts with a checkbox element by clicking or tapping on it, causing the checkbox to transition from an checked state to a unchecked state."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"ToggleEvent"})}),(0,o.jsx)(t.td,{children:'A ToggleEvent fires a CheckBox or a similar UI element changes its state between "on" and "off" or "active" and "inactive." It represents the action of toggling a setting, feature, or state of an element such as a CheckBox or Radio Button.'})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"MouseEnterEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"MouseExitEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"RightMouseDownEvent"})}),(0,o.jsx)(t.td,{children:"An event refers to an event that is triggered when the user presses the right mouse button while the cursor is over an element. It allows you to capture the specific action of the user's right mouse button being pressed down within the boundaries of the element."})]})]})]}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.h3,{id:"adding-events",children:"Adding Events"}),"\n",(0,o.jsx)(t.p,{children:"To add an event listener, use the appropriate method:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.addCheckedListener( e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Additional syntactic sugar methods, or aliases, have been added to allow for alternative addition of events by using the ",(0,o.jsx)(t.code,{children:"on"})," prefix followed by the event, such as:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.onChecked( e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,o.jsx)(t.admonition,{type:"tip",children:(0,o.jsx)(t.p,{children:"Using the event payload that comes with various events to attain information reduces the number of round trips made when instead querying the component for the required information."})}),"\n",(0,o.jsx)(t.h3,{id:"removing-events",children:"Removing Events"}),"\n",(0,o.jsx)(t.p,{children:"To remove an event listener, use the appropriate method:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.removeCheckedListener(listener);\n"})}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.h3,{id:"expanses",children:"Expanses"}),"\n",(0,o.jsxs)(t.p,{children:["There are five checkbox expanses that are supported which allow for quick styling without using CSS.\r\nExpanses are supported by use of the ",(0,o.jsx)(t.code,{children:"Expanse"})," enum class. Below are the expanses supported for the checkbox component: ",(0,o.jsx)("br",{})]}),"\n",(0,o.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,o.jsx)(t.p,{children:"These are the various parts of the shadow DOM for the component, which will be required when styling via CSS is desired."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"parts"}),"\n",(0,o.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,o.jsx)(t.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"properties"}),"\n",(0,o.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(t.p,{children:"The reflected attributes of a component will be shown as attributes in the rendered HTML element for the component in the DOM. This means that styling can be applied using these attributes."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"reflects"}),"\n",(0,o.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,o.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(a.Z,{tag:"bbj-radio",table:"dependencies"}),"\n",(0,o.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,o.jsx)(t.p,{children:"To ensure an optimal user experience when using the RadioButton component, consider the following best practices:"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Clearly Label Options"}),": Provide clear and concise text for each ",(0,o.jsx)(t.code,{children:"RadioButton"})," option to accurately describe the choice. Text should be easy to understand and distinguish from one another."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Group Radio buttons"}),": Group related Radio buttons together to indicate their association. This helps users understand that only one option can be selected within a specific group. This can be done effectively using the ",(0,o.jsx)(t.a,{href:"/docs/components/radiobuttongroup",children:(0,o.jsx)(t.code,{children:"RadioButtonGroup"})})," component."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Provide Default Selection"}),": If applicable, consider providing a default selection for Radio buttons to guide users when they first encounter the options. The default selection should align with the most common or preferred choice."]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h3,{id:"dependencies-1",children:"Dependencies"}),"\n",(0,o.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(a.Z,{tag:"bbj-drawer",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(m,{...e})}):m(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>a});n(7294);var o=n(6010);const i={tabItem:"tabItem_Ymn6"};var s=n(5893);function a(e){let{children:t,hidden:n,className:a}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,o.Z)(i.tabItem,a),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var o=n(7294),i=n(6010),s=n(2466),a=n(6550),r=n(469),c=n(1980),l=n(7392),d=n(12);function h(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:i}}=e;return{value:t,label:n,attributes:o,default:i}}))}(n);return function(e){const t=(0,l.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const i=(0,a.k6)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,c._X)(s),(0,o.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(i.location.search);t.set(s,e),i.replace({...i.location,search:t.toString()})}),[s,i])]}function b(e){const{defaultValue:t,queryString:n=!1,groupId:i}=e,s=u(e),[a,c]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:s}))),[l,h]=m({queryString:n,groupId:i}),[b,g]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[i,s]=(0,d.Nk)(n);return[i,(0,o.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:i}),v=(()=>{const e=l??b;return p({value:e,tabValues:s})?e:null})();(0,r.Z)((()=>{v&&c(v)}),[v]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!p({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);c(e),h(e),g(e)}),[h,g,s]),tabValues:s}}var g=n(2389);const v={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var x=n(5893);function A(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:r}=e;const c=[],{blockElementScrollPositionUntilNextRender:l}=(0,s.o5)(),d=e=>{const t=e.currentTarget,n=c.indexOf(t),i=r[n].value;i!==o&&(l(t),a(i))},h=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=c.indexOf(e.currentTarget)+1;t=c[n]??c[0];break}case"ArrowLeft":{const n=c.indexOf(e.currentTarget)-1;t=c[n]??c[c.length-1];break}}t?.focus()};return(0,x.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.Z)("tabs",{"tabs--block":n},t),children:r.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,x.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>c.push(e),onKeyDown:h,onClick:d,...s,className:(0,i.Z)("tabs__item",v.tabItem,s?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function w(e){let{lazy:t,children:n,selectedValue:i}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===i));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,x.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==i})))})}function f(e){const t=b(e);return(0,x.jsxs)("div",{className:(0,i.Z)("tabs-container",v.tabList),children:[(0,x.jsx)(A,{...e,...t}),(0,x.jsx)(w,{...e,...t})]})}function j(e){const t=(0,g.Z)();return(0,x.jsx)(f,{...e,children:h(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>g});var o=n(7294),i=n(917),s=n(4866),a=n(5162),r=n(4673),c=n(1750);const l="data:image/png;base64,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",d=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=n(2949),p=n(5944);function m(e){let{collapse:t,setCollapse:n}=e;const o=i.iv` - display: flex; - justify-content: end; - margin-bottom: -30px; - background-color: transparent; - `,s=i.iv` - position: relative; - cursor: pointer; - z-index: 10; - height: 35px; - width: 35px; - border: none; - background-color: none; - justify-self: flex-end; - margin-right: 5px; - background-color: transparent; - `,a=i.iv` - filter: invert(var(--inversion-percentage)); - `;return(0,p.tZ)("div",{css:o,children:(0,p.tZ)("button",{css:s,onClick:()=>{n(!t)},children:t?(0,p.tZ)("img",{css:a,src:d,className:"icon-tabler-arrow-bar-up"}):(0,p.tZ)("img",{css:a,src:l,className:"icon-tabler-arrow-bar-down"})})})}function b(e){let{url:t}=e;const n=i.iv` - position: relative; - cursor: pointer; - z-index: 10; - height: 35px; - width: 35px; - border: none; - background-color: none; - justify-self: flex-end; - /* margin-right: 5px; */ - margin-top: -5px; - margin-bottom: -20px; - background-color: transparent; - - - `,o=i.iv` - filter: invert(var(--inversion-percentage)); - ::before{ - mix-blend-mode: lighten; /* The blend mode determines how the overlay interacts with the image */ - opacity: 0.5; - } - `;return(0,p.tZ)("button",{css:n,onClick:()=>{window.open(t,"_blank")},children:(0,p.tZ)("img",{css:o,src:h})})}function g(e){let{path:t,javaC:n,javaE:l,cssURL:d,javaHighlight:h,height:g,frame:v,tabs:x}=e;const[A,w]=(0,o.useState)(""),[f,j]=(0,o.useState)(""),[y,B]=(0,o.useState)(""),[k,D]=(0,o.useState)(!(!n||!l)),[S,E]=(0,o.useState)(!1),[Z,R]=(0,o.useState)({});(0,o.useEffect)((()=>{l&&fetch(l).then((e=>e.text())).then((e=>{j(e);const t=new URL(l).pathname.split("/"),n=t[t.length-1];R((e=>({...e,javaFile:n})))})),n&&fetch(n).then((e=>e.text())).then((e=>{w(e)})),d&&fetch(d).then((e=>e.text())).then((e=>{B(e);const t=new URL(d).pathname.split("/"),n=t[t.length-1];R((e=>({...e,cssFile:n})))}))}),[]);const C=i.iv` - display: flex; - flex-direction: column; - background-color: var(--code-display-color); - width: 100%; - margin-bottom: 16px; - padding: ${"hidden"==v?"0 15px 0 15px;":"7px 15px 0 15px;"}; - box-shadow: var(--ifm-global-shadow-lw); - `,T=i.iv` - min-height: 100px; - height: 100%; - width: 100%; - height: ${g}; - `,L=i.iv` - border: none; - box-shadow: none; - background-color: var(--code-display-color); - margin-bottom: 0px; - padding: 10px; - - .tabs{ - margin-top: 20px; - } - - summary{ - display: flex; - width: 100%; - justify-content: center; - margin: 0; - font-weight: bold; - ::before{ - left: auto; - margin-left: -100px; - } - } - - `,N=i.iv` - width: 100%; - `,M=i.iv` - display: flex; - justify-content: flex-end; - opacity: 0; - transition: opacity 0.3s ease-in-out; - ${S&&"opacity: 1;"}; - - `;return(0,p.BX)("div",{css:C,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{E(!0)},onMouseLeave:()=>E(!1),css:N,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(r.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:k,setCollapse:D}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(a.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?A:f})}),(0,p.tZ)(a.Z,{value:x?x[1]:"CSS",label:x?x[1]:Z.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(a.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?A:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var o=n(7294),i=n(917),s=n(8230),a=n(4387),r=n(6770);let c=null,l=null;const d={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,b]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/static/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=i.iv` - display: inline; - - ${c&&i.iv` - width: 100%; - display: flex; - justify-content: flex-end; - margin-top: -33px; - margin-bottom: 25px; - `} - `,v=i.iv` - background-color: #0063CC; - :hover{ - color: white; - } - `;return(0,h.BX)(h.HY,{children:["true"===c&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(s.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(a.Z,{css:v,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(r.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==c&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})}),"true"!==c&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})})})]})}},1415:(e,t,n)=>{n.d(t,{Z:()=>s});n(7294);var o=n(8397),i=n(5893);function s(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(o.Z,{...e})})}},5731:e=>{e.exports=JSON.parse('{"LN":"bbj-app-layout","zx":"bbj-button","Kx":"bbj-cedit","XZ":"bbj-checkbox","gN":"bbj-editbox","iR":"bbj-slider","wb":"bbj-list","Z":"bbj-list-button","Ct":"bbj-list-edit","ko":"bbj-progressbar","EU":"bbj-radio","dy":"bbj-drawer","Vq":"bbj-dialog","JO":"bbj-icon"}')}}]); \ No newline at end of file diff --git a/assets/js/ff6d8346.a2fb5735.js b/assets/js/ff6d8346.a2fb5735.js new file mode 100644 index 000000000..848127dd7 --- /dev/null +++ b/assets/js/ff6d8346.a2fb5735.js @@ -0,0 +1,100 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2529],{353:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>d,default:()=>b,frontMatter:()=>l,metadata:()=>h,toc:()=>p});var o=n(5893),i=n(1151),s=n(6957),a=n(7796),r=n(3273),c=n(2665);const l={sidebar_position:100,title:"RadioButton",slug:"radiobutton"},d=void 0,h={id:"components/radio-button",title:"RadioButton",description:"The RadioButton class creates an object that can be selected or deselected, and which displays its state to the user. By convention, only one radio button in a group can be selected at a time. Radio buttons are commonly used when mutually exclusive options are available, allowing the user to choose a single option from a set of choices.",source:"@site/docs/components/radio-button.md",sourceDirName:"components",slug:"/components/radiobutton",permalink:"/docs/components/radiobutton",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/radio-button.md",tags:[],version:"current",sidebarPosition:100,frontMatter:{sidebar_position:100,title:"RadioButton",slug:"radiobutton"},sidebar:"documentationSidebar",previous:{title:"ProgressBar",permalink:"/docs/components/progress-bar"},next:{title:"RadioButtonGroup",permalink:"/docs/components/radiobuttongroup"}},u={},p=[{value:"Usages",id:"usages",level:2},{value:"Constructors",id:"constructors",level:2},{value:"Text and Positioning",id:"text-and-positioning",level:2},{value:"Activation",id:"activation",level:2},{value:"Manual Activation",id:"manual-activation",level:3},{value:"Auto Activation",id:"auto-activation",level:3},{value:"Switches",id:"switches",level:2},{value:"Events",id:"events",level:2},{value:"Adding Events",id:"adding-events",level:3},{value:"Removing Events",id:"removing-events",level:3},{value:"Styling",id:"styling",level:2},{value:"Expanses",id:"expanses",level:3},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3},{value:"Best Practices",id:"best-practices",level:2},{value:"Dependencies",id:"dependencies-1",level:3}];function m(e){const t={a:"a",admonition:"admonition",code:"code",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",component:"a",href:"../glossary#shadow-dom",target:"_blank",clickable:!0,iconName:"shadow"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-radio",href:"https://basishub.github.io/basis-next/#/dwc/BBjRadioButton",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(r.Z,{type:"engine",location:"org/dwcj/component/optioninput/RadioButton",top:"true"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class creates an object that can be selected or deselected, and which displays its state to the user. By convention, only one radio button in a group can be selected at a time. Radio buttons are commonly used when mutually exclusive options are available, allowing the user to choose a single option from a set of choices."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonGroupDemo",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonGroupDemo.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"200px"}),"\n",(0,o.jsx)(t.h2,{id:"usages",children:"Usages"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," is best used in scenarios where users need to make a single selection from a predefined set of options. Here are some examples of when to use the ",(0,o.jsx)(t.code,{children:"RadioButton"}),":"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Survey or Questionnaires"}),": Radio buttons are commonly used in surveys or questionnaires where users need to select a single response from a list of options."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Preference Settings"}),": Applications that involve preference or settings panels often use Radio buttons to allow users to choose a single option from a set of mutually exclusive choices."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Filtering or Sorting"}),": A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can be used in applications that require users to select a single filter or sorting option, such as sorting a list of items by different criteria."]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"constructors",children:"Constructors"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class has three constructors:"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton()"}),": Creates an empty ",(0,o.jsx)(t.code,{children:"RadioButton"})," in the unchecked state."]}),"\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton(String text)"}),": Creates a ",(0,o.jsx)(t.code,{children:"RadioButton"})," with an attached label in the unchecked state."]}),"\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.code,{children:"RadioButton(String text, boolean checked)"})," Creates a ",(0,o.jsx)(t.code,{children:"RadioButton"})," with an attached label in either the checked or unchecked state, based on the boolean passed (",(0,o.jsx)(t.code,{children:"true"})," for checked, ",(0,o.jsx)(t.code,{children:"false"})," for unchecked)."]}),"\n"]}),"\n",(0,o.jsxs)(t.p,{children:["Here is an example of how to create a ",(0,o.jsx)(t.code,{children:"RadioButton"})," object:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:'RadioButton myRadioButton = new RadioButton("RadioButton Text");\n'})}),"\n",(0,o.jsx)(t.h2,{id:"text-and-positioning",children:"Text and Positioning"}),"\n",(0,o.jsxs)(t.p,{children:["Radio buttons can utilize the ",(0,o.jsx)(t.code,{children:"setText(String text)"})," method, which will be positioned near the radio button according to the built-in ",(0,o.jsx)(t.code,{children:"Position"}),".\r\nRadio buttons have built-in functionality to set text to be displayed either to the right or left of the component. By default, the text will be displayed to the right of the component. Positioning of the horizontal text is supported by use of the ",(0,o.jsx)(t.code,{children:"HorizontalAlignment"})," enum class. Show below are the two settings: ",(0,o.jsx)("br",{})]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonText",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonText.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"100px"}),"\n",(0,o.jsx)(t.h2,{id:"activation",children:"Activation"}),"\n",(0,o.jsxs)(t.p,{children:["Radio buttons can be controlled using two types of activation: manual activation and auto activation. These dictate when a ",(0,o.jsx)(t.code,{children:"RadioButton"})," will change its state."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonActivation",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonActivation.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"175px"}),"\n",(0,o.jsx)(t.h3,{id:"manual-activation",children:"Manual Activation"}),"\n",(0,o.jsx)(t.p,{children:"When a radio button is set to manual activation, it means that it will not be automatically checked when it gains focus.\r\nManual activation allows the user to navigate through the radio button options using the keyboard or other input methods without immediately changing the selected option."}),"\n",(0,o.jsx)(t.p,{children:"If the radio button is part of a group, selecting a different radio button within the group will automatically uncheck the previously selected radio button.\r\nManual activation provides finer control over the selection process, requiring an explicit action from the user to change the selected option."}),"\n",(0,o.jsx)(t.h3,{id:"auto-activation",children:"Auto Activation"}),"\n",(0,o.jsxs)(t.p,{children:["Automatic activation is the default state for a ",(0,o.jsx)(t.code,{children:"RadioButton"}),", and means that the button will be checked on whenever it gains focus for any reason. This means that\r\nnot only clicking, but auto-focus or tab navigation will also check the button."]}),"\n",(0,o.jsx)(t.admonition,{title:"Note",type:"tip",children:(0,o.jsxs)(t.p,{children:["The default activation value is ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:"MANUAL"})})," activation."]})}),"\n",(0,o.jsx)(t.h2,{id:"switches",children:"Switches"}),"\n",(0,o.jsxs)(t.p,{children:["A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can also be set to display as a switch provides which provides alternative visual representation for selecting options. Normally, radio buttons are circular or rounded in shape and indicate a single choice from a group of options."]}),"\n",(0,o.jsx)(s.Z,{path:"https://hot.bbx.kitchen/webapp/controlsamples?class=componentdemos.radiobuttondemos.RadioButtonSwitch",javaE:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/java/componentdemos/radiobuttondemos/RadioButtonSwitch.java",cssURL:"https://raw.githubusercontent.com/DwcJava/ControlSamples/main/src/main/resources/css/radiobuttonstyles/radiobutton_styles.css",height:"120px"}),"\n",(0,o.jsxs)(t.p,{children:["A ",(0,o.jsx)(t.code,{children:"RadioButton"})," can be transformed into a switch that resembles a toggle switch or slider using one of two methods:"]}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.strong,{children:"The Factory Method"}),": The RadioButton can be created using the following Factory methods:"]}),"\n"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"Switch(String text, boolean checked);\r\nSwitch(String text);\r\nSwitch();\n"})}),"\n",(0,o.jsxs)(t.p,{children:["These methods mirror a ",(0,o.jsx)(t.code,{children:"RadioButton"})," constructor, and will create the component with the switch property already toggled on."]}),"\n",(0,o.jsxs)(t.ol,{start:"2",children:["\n",(0,o.jsxs)(t.li,{children:[(0,o.jsx)(t.strong,{children:"Setter"}),": It is also possible to change an already existing ",(0,o.jsx)(t.code,{children:"RadioButton"})," into a switch by using the appropriate setter:"]}),"\n"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.setSwitch(true);\n"})}),"\n",(0,o.jsxs)(t.p,{children:["When a ",(0,o.jsx)(t.code,{children:"RadioButton"})," is displayed as a switch, it typically appears as a oblong shape with an indicator that can be toggled on or off. This visual representation gives users a more intuitive and familiar interface, similar to physical switches commonly found in electronic devices."]}),"\n",(0,o.jsxs)(t.p,{children:["Setting a ",(0,o.jsx)(t.code,{children:"RadioButton"})," to display as a switch can improve user experience by providing a clear and straightforward way to select options. It can enhance the visual appeal and usability of forms, settings panels, or any other interface element that requires multiple choices."]}),"\n",(0,o.jsx)(t.admonition,{type:"info",children:(0,o.jsxs)(t.p,{children:["The behavior of the ",(0,o.jsx)(t.code,{children:"RadioButton"})," remains the same when being rendered as a Switch, meaning only one option can be selected at a time within a group. The switch-like appearance is a visual transformation which retains the functionality of a ",(0,o.jsx)(t.code,{children:"RadioButton"}),"."]})}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.h2,{id:"events",children:"Events"}),"\n",(0,o.jsxs)(t.p,{children:["The ",(0,o.jsx)(t.code,{children:"RadioButton"})," class provides methods to add and remove event listeners for the following events:"]}),"\n",(0,o.jsxs)(t.table,{children:[(0,o.jsx)(t.thead,{children:(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.th,{style:{textAlign:"center"},children:"Events"}),(0,o.jsx)(t.th,{children:"Description"})]})}),(0,o.jsxs)(t.tbody,{children:[(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"BlurEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when an element loses focus. It occurs when the user interacts with an element, such as clicking inside an input field, and then moves the focus away from that element, typically by clicking outside of it or tabbing to another element on the page."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"FocusEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when an element gains focus, opposite of a blur event. It occurs when the user interacts with an element, typically by clicking inside an input field or navigating to it using the keyboard's tab key, causing the element to become active and ready to receive user input."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"CheckedEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the state of a component changes and becomes checked. It occurs when the user interacts with a checkbox element by clicking or tapping on it, causing the checkbox to transition from an unchecked state to a checked state."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"UncheckedEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the state of a component changes and becomes unchecked. It occurs when the user interacts with a checkbox element by clicking or tapping on it, causing the checkbox to transition from an checked state to a unchecked state."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"ToggleEvent"})}),(0,o.jsx)(t.td,{children:'A ToggleEvent fires a CheckBox or a similar UI element changes its state between "on" and "off" or "active" and "inactive." It represents the action of toggling a setting, feature, or state of an element such as a CheckBox or Radio Button.'})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"MouseEnterEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the mouse cursor enters the boundaries of an element. It occurs when the user moves the mouse pointer over the specified element, indicating that the mouse has entered its area."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"MouseExitEvent"})}),(0,o.jsx)(t.td,{children:"An event that is triggered when the mouse cursor exits the boundaries of an element. It occurs when the user moves the mouse pointer out of the boundaries of the specified element, indicating that the mouse has exited its area."})]}),(0,o.jsxs)(t.tr,{children:[(0,o.jsx)(t.td,{style:{textAlign:"center"},children:(0,o.jsx)(t.code,{children:"RightMouseDownEvent"})}),(0,o.jsx)(t.td,{children:"An event refers to an event that is triggered when the user presses the right mouse button while the cursor is over an element. It allows you to capture the specific action of the user's right mouse button being pressed down within the boundaries of the element."})]})]})]}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.h3,{id:"adding-events",children:"Adding Events"}),"\n",(0,o.jsx)(t.p,{children:"To add an event listener, use the appropriate method:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.addCheckedListener( e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,o.jsxs)(t.p,{children:["Additional syntactic sugar methods, or aliases, have been added to allow for alternative addition of events by using the ",(0,o.jsx)(t.code,{children:"on"})," prefix followed by the event, such as:"]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.onChecked( e -> {\r\n //Executed when the event fires\r\n});\n"})}),"\n",(0,o.jsx)(t.admonition,{type:"tip",children:(0,o.jsx)(t.p,{children:"Using the event payload that comes with various events to attain information reduces the number of round trips made when instead querying the component for the required information."})}),"\n",(0,o.jsx)(t.h3,{id:"removing-events",children:"Removing Events"}),"\n",(0,o.jsx)(t.p,{children:"To remove an event listener, use the appropriate method:"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-java",children:"myRadioButton.removeCheckedListener(listener);\n"})}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.h3,{id:"expanses",children:"Expanses"}),"\n",(0,o.jsxs)(t.p,{children:["There are five checkbox expanses that are supported which allow for quick styling without using CSS.\r\nExpanses are supported by use of the ",(0,o.jsx)(t.code,{children:"Expanse"})," enum class. Below are the expanses supported for the checkbox component: ",(0,o.jsx)("br",{})]}),"\n",(0,o.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,o.jsx)(t.p,{children:"These are the various parts of the shadow DOM for the component, which will be required when styling via CSS is desired."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"parts"}),"\n",(0,o.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,o.jsx)(t.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"properties"}),"\n",(0,o.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(t.p,{children:"The reflected attributes of a component will be shown as attributes in the rendered HTML element for the component in the DOM. This means that styling can be applied using these attributes."}),"\n",(0,o.jsx)(a.Z,{tag:n(5731).EU,table:"reflects"}),"\n",(0,o.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,o.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(a.Z,{tag:"bbj-radio",table:"dependencies"}),"\n",(0,o.jsx)(t.h2,{id:"best-practices",children:"Best Practices"}),"\n",(0,o.jsx)(t.p,{children:"To ensure an optimal user experience when using the RadioButton component, consider the following best practices:"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Clearly Label Options"}),": Provide clear and concise text for each ",(0,o.jsx)(t.code,{children:"RadioButton"})," option to accurately describe the choice. Text should be easy to understand and distinguish from one another."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Group Radio buttons"}),": Group related Radio buttons together to indicate their association. This helps users understand that only one option can be selected within a specific group. This can be done effectively using the ",(0,o.jsx)(t.a,{href:"/docs/components/radiobuttongroup",children:(0,o.jsx)(t.code,{children:"RadioButtonGroup"})})," component."]}),"\n"]}),"\n",(0,o.jsxs)(t.li,{children:["\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.strong,{children:"Provide Default Selection"}),": If applicable, consider providing a default selection for Radio buttons to guide users when they first encounter the options. The default selection should align with the most common or preferred choice."]}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(t.h3,{id:"dependencies-1",children:"Dependencies"}),"\n",(0,o.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(a.Z,{tag:"bbj-drawer",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(m,{...e})}):m(e)}},5162:(e,t,n)=>{n.d(t,{Z:()=>a});n(7294);var o=n(6010);const i={tabItem:"tabItem_Ymn6"};var s=n(5893);function a(e){let{children:t,hidden:n,className:a}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,o.Z)(i.tabItem,a),hidden:n,children:t})}},4866:(e,t,n)=>{n.d(t,{Z:()=>j});var o=n(7294),i=n(6010),s=n(2466),a=n(6550),r=n(469),c=n(1980),l=n(7392),d=n(12);function h(e){return o.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,o.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function u(e){const{values:t,children:n}=e;return(0,o.useMemo)((()=>{const e=t??function(e){return h(e).map((e=>{let{props:{value:t,label:n,attributes:o,default:i}}=e;return{value:t,label:n,attributes:o,default:i}}))}(n);return function(e){const t=(0,l.l)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function p(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const i=(0,a.k6)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,c._X)(s),(0,o.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(i.location.search);t.set(s,e),i.replace({...i.location,search:t.toString()})}),[s,i])]}function b(e){const{defaultValue:t,queryString:n=!1,groupId:i}=e,s=u(e),[a,c]=(0,o.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!p({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const o=n.find((e=>e.default))??n[0];if(!o)throw new Error("Unexpected error: 0 tabValues");return o.value}({defaultValue:t,tabValues:s}))),[l,h]=m({queryString:n,groupId:i}),[b,g]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[i,s]=(0,d.Nk)(n);return[i,(0,o.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:i}),v=(()=>{const e=l??b;return p({value:e,tabValues:s})?e:null})();(0,r.Z)((()=>{v&&c(v)}),[v]);return{selectedValue:a,selectValue:(0,o.useCallback)((e=>{if(!p({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);c(e),h(e),g(e)}),[h,g,s]),tabValues:s}}var g=n(2389);const v={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var x=n(5893);function A(e){let{className:t,block:n,selectedValue:o,selectValue:a,tabValues:r}=e;const c=[],{blockElementScrollPositionUntilNextRender:l}=(0,s.o5)(),d=e=>{const t=e.currentTarget,n=c.indexOf(t),i=r[n].value;i!==o&&(l(t),a(i))},h=e=>{let t=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{const n=c.indexOf(e.currentTarget)+1;t=c[n]??c[0];break}case"ArrowLeft":{const n=c.indexOf(e.currentTarget)-1;t=c[n]??c[c.length-1];break}}t?.focus()};return(0,x.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.Z)("tabs",{"tabs--block":n},t),children:r.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,x.jsx)("li",{role:"tab",tabIndex:o===t?0:-1,"aria-selected":o===t,ref:e=>c.push(e),onKeyDown:h,onClick:d,...s,className:(0,i.Z)("tabs__item",v.tabItem,s?.className,{"tabs__item--active":o===t}),children:n??t},t)}))})}function w(e){let{lazy:t,children:n,selectedValue:i}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===i));return e?(0,o.cloneElement)(e,{className:"margin-top--md"}):null}return(0,x.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==i})))})}function f(e){const t=b(e);return(0,x.jsxs)("div",{className:(0,i.Z)("tabs-container",v.tabList),children:[(0,x.jsx)(A,{...e,...t}),(0,x.jsx)(w,{...e,...t})]})}function j(e){const t=(0,g.Z)();return(0,x.jsx)(f,{...e,children:h(e.children)},String(t))}},6957:(e,t,n)=>{n.d(t,{Z:()=>g});var o=n(7294),i=n(917),s=n(4866),a=n(5162),r=n(4673),c=n(1750);const l="data:image/png;base64,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",d=n.p+"assets/images/expand-ba3f00f73da43d91e5b17663c4a7d108.png",h="data:image/png;base64,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";var u=n(2949),p=n(5944);function m(e){let{collapse:t,setCollapse:n}=e;const o=i.iv` + display: flex; + justify-content: end; + margin-bottom: -30px; + background-color: transparent; + `,s=i.iv` + position: relative; + cursor: pointer; + z-index: 10; + height: 35px; + width: 35px; + border: none; + background-color: none; + justify-self: flex-end; + margin-right: 5px; + background-color: transparent; + `,a=i.iv` + filter: invert(var(--inversion-percentage)); + `;return(0,p.tZ)("div",{css:o,children:(0,p.tZ)("button",{css:s,onClick:()=>{n(!t)},children:t?(0,p.tZ)("img",{css:a,src:d,className:"icon-tabler-arrow-bar-up"}):(0,p.tZ)("img",{css:a,src:l,className:"icon-tabler-arrow-bar-down"})})})}function b(e){let{url:t}=e;const n=i.iv` + position: relative; + cursor: pointer; + z-index: 10; + height: 35px; + width: 35px; + border: none; + background-color: none; + justify-self: flex-end; + /* margin-right: 5px; */ + margin-top: -5px; + margin-bottom: -20px; + background-color: transparent; + + + `,o=i.iv` + filter: invert(var(--inversion-percentage)); + ::before{ + mix-blend-mode: lighten; /* The blend mode determines how the overlay interacts with the image */ + opacity: 0.5; + } + `;return(0,p.tZ)("button",{css:n,onClick:()=>{window.open(t,"_blank")},children:(0,p.tZ)("img",{css:o,src:h})})}function g(e){let{path:t,javaC:n,javaE:l,cssURL:d,javaHighlight:h,height:g,frame:v,tabs:x}=e;const[A,w]=(0,o.useState)(""),[f,j]=(0,o.useState)(""),[y,B]=(0,o.useState)(""),[k,D]=(0,o.useState)(!(!n||!l)),[S,E]=(0,o.useState)(!1),[Z,R]=(0,o.useState)({});(0,o.useEffect)((()=>{l&&fetch(l).then((e=>e.text())).then((e=>{j(e);const t=new URL(l).pathname.split("/"),n=t[t.length-1];R((e=>({...e,javaFile:n})))})),n&&fetch(n).then((e=>e.text())).then((e=>{w(e)})),d&&fetch(d).then((e=>e.text())).then((e=>{B(e);const t=new URL(d).pathname.split("/"),n=t[t.length-1];R((e=>({...e,cssFile:n})))}))}),[]);const C=i.iv` + display: flex; + flex-direction: column; + background-color: var(--code-display-color); + width: 100%; + margin-bottom: 16px; + padding: ${"hidden"==v?"0 15px 0 15px;":"7px 15px 0 15px;"}; + box-shadow: var(--ifm-global-shadow-lw); + `,T=i.iv` + min-height: 100px; + height: 100%; + width: 100%; + height: ${g}; + `,L=i.iv` + border: none; + box-shadow: none; + background-color: var(--code-display-color); + margin-bottom: 0px; + padding: 10px; + + .tabs{ + margin-top: 20px; + } + + summary{ + display: flex; + width: 100%; + justify-content: center; + margin: 0; + font-weight: bold; + ::before{ + left: auto; + margin-left: -100px; + } + } + + `,N=i.iv` + width: 100%; + `,M=i.iv` + display: flex; + justify-content: flex-end; + opacity: 0; + transition: opacity 0.3s ease-in-out; + ${S&&"opacity: 1;"}; + + `;return(0,p.BX)("div",{css:C,children:["hidden"!=v?(0,p.BX)("div",{onMouseEnter:()=>{E(!0)},onMouseLeave:()=>E(!1),css:N,children:[(0,p.tZ)("div",{css:M,children:(0,p.tZ)(b,{url:t})}),(0,p.tZ)("iframe",{loading:"lazy",src:t+"&theme="+("dark"===(0,u.I)().colorMode?"dark":"light"),css:T})]}):null,(0,p.BX)(r.Z,{css:L,summary:(0,p.tZ)("summary",{children:"Show Code"}),children:[n&&l?(0,p.tZ)(m,{collapse:k,setCollapse:D}):null,d?(0,p.BX)(s.Z,{children:[(0,p.tZ)(a.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?A:f})}),(0,p.tZ)(a.Z,{value:x?x[1]:"CSS",label:x?x[1]:Z.cssFile,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"css",showLineNumbers:!0,children:y})})]}):(0,p.tZ)(s.Z,{children:(0,p.tZ)(a.Z,{value:x?x[0]:"Java",label:x?x[0]:Z.javaFile,default:!0,children:(0,p.tZ)(c.Z,{className:"codeDemoBlock",language:"java",showLineNumbers:!0,metastring:h,children:k?A:f})})})]})]})}},3273:(e,t,n)=>{n.d(t,{Z:()=>u});var o=n(7294),i=n(917),s=n(8230),a=n(4387),r=n(6770);let c=null,l=null;const d={getLatestTag:async function(){return c&&l&&Date.now()-l<36e5?c:async function(){try{const e=await fetch("https://api.github.com/repos/DwcJava/engine/tags"),t=await e.json();return c=t[0].name,l=Date.now(),c}catch(e){return console.error("Error fetching latest tag:",e),null}}()}};var h=n(5944);function u(e){let{type:t,location:n,top:c,children:l,code:u,suffix:p}=e;const[m,b]=(0,o.useState)("");(0,o.useEffect)((()=>{(async()=>{try{let e=await d.getLatestTag();p||(p=""),e||(e="23.04"),b("https://javadoc.io/doc/org.dwcj/dwcj-"+t+"/"+e+"/"+n+".html"+p)}catch(e){console.error("Error fetching latest release:",e)}})()}),[]);const g=i.iv` + display: inline; + + ${c&&i.iv` + width: 100%; + display: flex; + justify-content: flex-end; + margin-top: -33px; + margin-bottom: 25px; + `} + `,v=i.iv` + background-color: #0063CC; + :hover{ + color: white; + } + `;return(0,h.BX)(h.HY,{children:["true"===c&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)(s.Z,{title:"JavaDoc",arrow:!0,children:(0,h.tZ)(a.Z,{css:v,label:"Java API",component:"a",href:m,icon:(0,h.tZ)(r.Z,{}),clickable:!0,color:"primary",target:"_blank"})})}),"true"!==c&&!u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})}),"true"!==c&&u&&(0,h.tZ)("div",{css:g,children:(0,h.tZ)("code",{children:(0,h.tZ)("a",{href:m,target:"_blank",children:l})})})]})}},1415:(e,t,n)=>{n.d(t,{Z:()=>s});n(7294);var o=n(8397),i=n(5893);function s(e){return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(o.Z,{...e})})}},5731:e=>{e.exports=JSON.parse('{"LN":"bbj-app-layout","zx":"bbj-button","Kx":"bbj-cedit","XZ":"bbj-checkbox","gN":"bbj-editbox","iR":"bbj-slider","wb":"bbj-list","Z":"bbj-list-button","Ct":"bbj-list-edit","ko":"bbj-progressbar","EU":"bbj-radio","dy":"bbj-drawer","Vq":"bbj-dialog","JO":"bbj-icon"}')}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.96e7a527.js b/assets/js/runtime~main.f9e9d120.js similarity index 79% rename from assets/js/runtime~main.96e7a527.js rename to assets/js/runtime~main.f9e9d120.js index 660cb7e57..84f0b3ca3 100644 --- a/assets/js/runtime~main.96e7a527.js +++ b/assets/js/runtime~main.f9e9d120.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,f,c,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={exports:{}};return d[e].call(f.exports,f,f.exports,r),f.exports}r.m=d,e=[],r.O=(a,f,c,b)=>{if(!f){var d=1/0;for(i=0;i=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,c,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({18:"dd91dd19",53:"935f2afb",377:"559b7fc6",591:"bedc8a73",662:"2180a3af",815:"272fe341",994:"27a8c9d3",1030:"f3918844",1142:"3d14ec9a",1192:"48bbfb2a",1205:"a980013d",1226:"60ac4983",1303:"47f3d74a",1368:"9df0fb54",1385:"eca5a6fe",1432:"98567d22",1517:"c58736f6",1588:"79697695",1776:"8f54fd02",1869:"20f7e9b5",1878:"9807f789",1898:"b330cd6c",2048:"ff8293ff",2084:"0577d7e9",2115:"e5003ac9",2163:"85d08387",2264:"0375db59",2276:"e6d01527",2283:"a1ac9222",2291:"e747ec83",2498:"4eb8144b",2517:"4a332b92",2529:"ff6d8346",2565:"56ad8461",2616:"7f7b6a5a",2699:"175f4414",2755:"367e3965",2800:"4d281b1f",2820:"0fb4d328",2941:"f1ecfa8c",3021:"c548088a",3074:"899bab7c",3085:"1f391b9e",3150:"b914e798",3317:"a74b0825",3574:"7c7204eb",3588:"dee26f84",3779:"693028f3",3782:"abb5f9c4",3850:"3202e975",4007:"b512792d",4020:"700cec1a",4085:"3b023488",4125:"a4ec1fc0",4193:"c4f5d8e4",4195:"245d481f",4305:"add51b50",4368:"a94703ab",4373:"2abf1b13",4383:"8cb88c1d",4384:"23e38187",4418:"e89ff0bb",4718:"76eefc0f",4751:"dc93842a",4922:"567b6912",5090:"6eb7f153",5148:"9eb89d33",5289:"b6fc7147",5430:"a9bfb29e",5597:"69802c4b",5772:"1dab32d6",5800:"6a3d3763",5858:"37046ed3",5993:"7eb55c50",6020:"5510d6bc",6027:"ac555a8a",6088:"3360d290",6094:"7dbfa287",6266:"b8ef75ed",6389:"548c55b7",6405:"af08f1ee",6450:"a113490b",6558:"a2f6c742",6582:"48f5576d",6628:"c90035ea",6811:"3f60750a",6918:"ee6c8bca",6929:"017e1775",6949:"71b4e446",7100:"2df7d063",7199:"66843aff",7303:"4b46da1c",7312:"b3adb49b",7414:"393be207",7448:"e4104523",7610:"47feae6f",7637:"104c62f0",7711:"e71a10cb",7802:"7b2f26a3",7918:"17896441",7920:"1a4e3797",7956:"32daff60",7964:"977f47c1",8045:"a4de130a",8402:"33b18326",8499:"44a2ffa8",8518:"a7bd4aaa",8524:"9774bb5c",8592:"common",8608:"ae2bfb5e",8614:"1e924268",8699:"c4ecc0ec",8730:"e2c97c51",8794:"aad6d339",9047:"87878b99",9058:"7f80ed3d",9234:"e9df50f6",9243:"e5a16701",9486:"6f3f7b75",9580:"ba4df261",9583:"6da97851",9608:"14a0872a",9635:"cb648109",9661:"5e95c892",9666:"ac18fad6",9671:"0e384e19",9729:"e97f9a74",9810:"c57ca45f",9817:"14eb3368"}[e]||e)+"."+{13:"fbba57c8",18:"210cb4b5",53:"0e00b0a7",377:"2058f552",591:"f6f6d930",662:"def90570",815:"9e8707fe",994:"a30e47bb",1030:"17c6cb0b",1142:"3bc892c9",1192:"13fe832f",1205:"8b4c4fbf",1226:"4db49808",1303:"688a70e8",1368:"053c7f69",1385:"9dafa548",1426:"31d26666",1432:"f8847f28",1517:"95cf5b11",1588:"0775ef8e",1772:"9cdcc2b7",1776:"101c9eca",1869:"3cb38693",1878:"3393294f",1898:"a0a5144c",2048:"8011fa1a",2084:"f5e4fae7",2115:"4c68bf42",2163:"63cbd448",2264:"9d7a646b",2276:"8845c8c1",2283:"235fcd57",2291:"6a9ca3c9",2498:"ce82d6f2",2517:"2f86f7e1",2529:"75c7e0b0",2565:"cab30f44",2616:"01f8a047",2699:"60d7509f",2755:"ea2cc609",2800:"f2d17e47",2820:"a4077d8f",2941:"c7cf6265",3021:"a8493ded",3074:"db6f6de8",3085:"6aba5b69",3150:"fc6d8092",3317:"d8e84bbf",3574:"98371e35",3588:"8ed85500",3779:"11e7ef09",3782:"d8dec52b",3850:"fc6a5262",4007:"998ced63",4020:"5b983edd",4085:"5ad7ed32",4125:"302b7db3",4193:"03fcae25",4195:"54e9defa",4305:"c12dde5f",4368:"9ec33ef1",4373:"91b2910b",4383:"3b06c56a",4384:"00ee860b",4418:"edf07155",4718:"39f310a7",4751:"f1317cfe",4922:"43179ff4",5090:"ab6da685",5148:"5916e802",5289:"ab457f1a",5430:"259e594a",5597:"0bb46755",5772:"740e2298",5800:"0919acfa",5858:"7cdc1765",5993:"fd2b9c1a",6020:"01c34a85",6027:"23189a74",6088:"b1fb8298",6094:"81c7af93",6266:"3a072f34",6389:"b11f30c4",6405:"d669eb22",6450:"4c09ba85",6558:"a74be2d3",6582:"fb68430b",6628:"5e58840b",6811:"d81a436b",6918:"95515491",6929:"59b404d2",6945:"eae52f61",6949:"627ec556",7100:"d5b9892c",7199:"64cf0ae9",7303:"01d55b1e",7312:"d2850d5e",7414:"d64e83a4",7448:"4726b8f5",7610:"004bede9",7637:"03938523",7711:"a2564af9",7802:"94e9eee6",7918:"aaa35f54",7920:"26f05081",7956:"c52468fb",7964:"8ca73885",8045:"403a436b",8402:"b44f2e8a",8499:"2d701ae6",8518:"a7c9eaa9",8524:"8943cc0b",8537:"4b25d96f",8592:"5ab8b7db",8608:"03c8b9cc",8614:"016ce831",8660:"c1e51b6e",8699:"9d460b8d",8730:"b9bb3e5b",8794:"ec2d4610",8894:"a745351b",9047:"e6bfd769",9058:"1d5b7ec4",9234:"621286db",9243:"9e877239",9486:"b702c7ae",9580:"8ae34805",9583:"e4a05855",9608:"a5ca5ac9",9635:"b9bbad2e",9661:"9a1b48e7",9666:"dc2df00f",9671:"72267ca5",9729:"07fd7502",9810:"5a8741a6",9817:"c37f899d"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="dwcj-documentation:",r.l=(e,a,f,d)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var b=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"7918",79697695:"1588",dd91dd19:"18","935f2afb":"53","559b7fc6":"377",bedc8a73:"591","2180a3af":"662","272fe341":"815","27a8c9d3":"994",f3918844:"1030","3d14ec9a":"1142","48bbfb2a":"1192",a980013d:"1205","60ac4983":"1226","47f3d74a":"1303","9df0fb54":"1368",eca5a6fe:"1385","98567d22":"1432",c58736f6:"1517","8f54fd02":"1776","20f7e9b5":"1869","9807f789":"1878",b330cd6c:"1898",ff8293ff:"2048","0577d7e9":"2084",e5003ac9:"2115","85d08387":"2163","0375db59":"2264",e6d01527:"2276",a1ac9222:"2283",e747ec83:"2291","4eb8144b":"2498","4a332b92":"2517",ff6d8346:"2529","56ad8461":"2565","7f7b6a5a":"2616","175f4414":"2699","367e3965":"2755","4d281b1f":"2800","0fb4d328":"2820",f1ecfa8c:"2941",c548088a:"3021","899bab7c":"3074","1f391b9e":"3085",b914e798:"3150",a74b0825:"3317","7c7204eb":"3574",dee26f84:"3588","693028f3":"3779",abb5f9c4:"3782","3202e975":"3850",b512792d:"4007","700cec1a":"4020","3b023488":"4085",a4ec1fc0:"4125",c4f5d8e4:"4193","245d481f":"4195",add51b50:"4305",a94703ab:"4368","2abf1b13":"4373","8cb88c1d":"4383","23e38187":"4384",e89ff0bb:"4418","76eefc0f":"4718",dc93842a:"4751","567b6912":"4922","6eb7f153":"5090","9eb89d33":"5148",b6fc7147:"5289",a9bfb29e:"5430","69802c4b":"5597","1dab32d6":"5772","6a3d3763":"5800","37046ed3":"5858","7eb55c50":"5993","5510d6bc":"6020",ac555a8a:"6027","3360d290":"6088","7dbfa287":"6094",b8ef75ed:"6266","548c55b7":"6389",af08f1ee:"6405",a113490b:"6450",a2f6c742:"6558","48f5576d":"6582",c90035ea:"6628","3f60750a":"6811",ee6c8bca:"6918","017e1775":"6929","71b4e446":"6949","2df7d063":"7100","66843aff":"7199","4b46da1c":"7303",b3adb49b:"7312","393be207":"7414",e4104523:"7448","47feae6f":"7610","104c62f0":"7637",e71a10cb:"7711","7b2f26a3":"7802","1a4e3797":"7920","32daff60":"7956","977f47c1":"7964",a4de130a:"8045","33b18326":"8402","44a2ffa8":"8499",a7bd4aaa:"8518","9774bb5c":"8524",common:"8592",ae2bfb5e:"8608","1e924268":"8614",c4ecc0ec:"8699",e2c97c51:"8730",aad6d339:"8794","87878b99":"9047","7f80ed3d":"9058",e9df50f6:"9234",e5a16701:"9243","6f3f7b75":"9486",ba4df261:"9580","6da97851":"9583","14a0872a":"9608",cb648109:"9635","5e95c892":"9661",ac18fad6:"9666","0e384e19":"9671",e97f9a74:"9729",c57ca45f:"9810","14eb3368":"9817"}[e]||e,r.p+r.u(e)},(()=>{var e={6552:0,532:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(53|655)2$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>c=e[a]=[f,b]));f.push(c[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=f&&("load"===f.type?"missing":f.type),d=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,b,d=f[0],t=f[1],o=f[2],n=0;if(d.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n{"use strict";var e,a,f,c,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={exports:{}};return d[e].call(f.exports,f,f.exports,r),f.exports}r.m=d,e=[],r.O=(a,f,c,b)=>{if(!f){var d=1/0;for(i=0;i=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,c,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({18:"dd91dd19",53:"935f2afb",377:"559b7fc6",591:"bedc8a73",662:"2180a3af",815:"272fe341",994:"27a8c9d3",1030:"f3918844",1142:"3d14ec9a",1192:"48bbfb2a",1205:"a980013d",1226:"60ac4983",1303:"47f3d74a",1368:"9df0fb54",1385:"eca5a6fe",1432:"98567d22",1517:"c58736f6",1588:"79697695",1776:"8f54fd02",1869:"20f7e9b5",1878:"9807f789",1898:"b330cd6c",2048:"ff8293ff",2084:"0577d7e9",2115:"e5003ac9",2163:"85d08387",2264:"0375db59",2276:"e6d01527",2283:"a1ac9222",2291:"e747ec83",2498:"4eb8144b",2517:"4a332b92",2529:"ff6d8346",2565:"56ad8461",2616:"7f7b6a5a",2699:"175f4414",2755:"367e3965",2800:"4d281b1f",2820:"0fb4d328",2941:"f1ecfa8c",3021:"c548088a",3074:"899bab7c",3085:"1f391b9e",3150:"b914e798",3317:"a74b0825",3574:"7c7204eb",3588:"dee26f84",3779:"693028f3",3782:"abb5f9c4",3850:"3202e975",4007:"b512792d",4020:"700cec1a",4085:"3b023488",4125:"a4ec1fc0",4193:"c4f5d8e4",4195:"245d481f",4305:"add51b50",4368:"a94703ab",4373:"2abf1b13",4383:"8cb88c1d",4384:"23e38187",4418:"e89ff0bb",4718:"76eefc0f",4751:"dc93842a",4922:"567b6912",5090:"6eb7f153",5148:"9eb89d33",5289:"b6fc7147",5430:"a9bfb29e",5597:"69802c4b",5772:"1dab32d6",5800:"6a3d3763",5858:"37046ed3",5993:"7eb55c50",6020:"5510d6bc",6027:"ac555a8a",6088:"3360d290",6094:"7dbfa287",6266:"b8ef75ed",6389:"548c55b7",6405:"af08f1ee",6450:"a113490b",6558:"a2f6c742",6582:"48f5576d",6628:"c90035ea",6811:"3f60750a",6918:"ee6c8bca",6929:"017e1775",6949:"71b4e446",7100:"2df7d063",7199:"66843aff",7303:"4b46da1c",7312:"b3adb49b",7414:"393be207",7448:"e4104523",7610:"47feae6f",7637:"104c62f0",7711:"e71a10cb",7802:"7b2f26a3",7918:"17896441",7920:"1a4e3797",7956:"32daff60",7964:"977f47c1",8045:"a4de130a",8402:"33b18326",8499:"44a2ffa8",8518:"a7bd4aaa",8524:"9774bb5c",8592:"common",8608:"ae2bfb5e",8614:"1e924268",8699:"c4ecc0ec",8730:"e2c97c51",8794:"aad6d339",9047:"87878b99",9058:"7f80ed3d",9234:"e9df50f6",9243:"e5a16701",9486:"6f3f7b75",9580:"ba4df261",9583:"6da97851",9608:"14a0872a",9635:"cb648109",9661:"5e95c892",9666:"ac18fad6",9671:"0e384e19",9729:"e97f9a74",9810:"c57ca45f",9817:"14eb3368"}[e]||e)+"."+{13:"fbba57c8",18:"3ba7a294",53:"0e00b0a7",377:"b89ccf6c",591:"f6f6d930",662:"def90570",815:"9e8707fe",994:"a30e47bb",1030:"ba31dde3",1142:"3bc892c9",1192:"13fe832f",1205:"6f60b5f2",1226:"4db49808",1303:"2253c326",1368:"96703875",1385:"4b18219a",1426:"31d26666",1432:"f8847f28",1517:"d941f243",1588:"cbb99ff7",1772:"9cdcc2b7",1776:"101c9eca",1869:"3cb38693",1878:"3393294f",1898:"a0a5144c",2048:"8011fa1a",2084:"2c508bc5",2115:"4c68bf42",2163:"63cbd448",2264:"9d7a646b",2276:"8845c8c1",2283:"235fcd57",2291:"6a9ca3c9",2498:"5d9b80ed",2517:"2f86f7e1",2529:"a2fb5735",2565:"56b2bc8c",2616:"d0ae2b5a",2699:"60d7509f",2755:"ea2cc609",2800:"f2d17e47",2820:"a4077d8f",2941:"c7cf6265",3021:"b1dac98f",3074:"644612a0",3085:"6aba5b69",3150:"fc6d8092",3317:"d8e84bbf",3574:"1796a6c6",3588:"8ed85500",3779:"4bc9b993",3782:"d8dec52b",3850:"a30fed30",4007:"998ced63",4020:"4dd50b7b",4085:"5ad7ed32",4125:"302b7db3",4193:"03fcae25",4195:"54e9defa",4305:"c12dde5f",4368:"9ec33ef1",4373:"74f37f73",4383:"3b06c56a",4384:"18897774",4418:"edf07155",4718:"68fbc33e",4751:"c502f27c",4922:"43179ff4",5090:"ab6da685",5148:"15f89b54",5289:"b700cdb3",5430:"ae0a24a4",5597:"0bb46755",5772:"740e2298",5800:"0919acfa",5858:"7cdc1765",5993:"fd2b9c1a",6020:"83db8251",6027:"23189a74",6088:"b1fb8298",6094:"81c7af93",6266:"ae36ed84",6389:"b11f30c4",6405:"c3dcb2d5",6450:"4c09ba85",6558:"a74be2d3",6582:"fb68430b",6628:"5e58840b",6811:"d81a436b",6918:"95515491",6929:"e6908a14",6945:"eae52f61",6949:"627ec556",7100:"f34e521b",7199:"64cf0ae9",7303:"01d55b1e",7312:"d2850d5e",7414:"d64e83a4",7448:"4726b8f5",7610:"004bede9",7637:"03938523",7711:"16d4549a",7802:"94e9eee6",7918:"aaa35f54",7920:"26f05081",7956:"ee6a1378",7964:"8ca73885",8045:"403a436b",8402:"fd6a9711",8499:"813d45b6",8518:"a7c9eaa9",8524:"8943cc0b",8537:"4b25d96f",8592:"5ab8b7db",8608:"03c8b9cc",8614:"016ce831",8660:"c1e51b6e",8699:"9d460b8d",8730:"b9bb3e5b",8794:"ec2d4610",8894:"a745351b",9047:"75e49dbc",9058:"1d5b7ec4",9234:"621286db",9243:"1f1fbf74",9486:"b702c7ae",9580:"e9916290",9583:"8cf95b27",9608:"a5ca5ac9",9635:"b9bbad2e",9661:"9a1b48e7",9666:"ef2b7356",9671:"72267ca5",9729:"019b145d",9810:"5a8741a6",9817:"c37f899d"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="dwcj-documentation:",r.l=(e,a,f,d)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var b=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"7918",79697695:"1588",dd91dd19:"18","935f2afb":"53","559b7fc6":"377",bedc8a73:"591","2180a3af":"662","272fe341":"815","27a8c9d3":"994",f3918844:"1030","3d14ec9a":"1142","48bbfb2a":"1192",a980013d:"1205","60ac4983":"1226","47f3d74a":"1303","9df0fb54":"1368",eca5a6fe:"1385","98567d22":"1432",c58736f6:"1517","8f54fd02":"1776","20f7e9b5":"1869","9807f789":"1878",b330cd6c:"1898",ff8293ff:"2048","0577d7e9":"2084",e5003ac9:"2115","85d08387":"2163","0375db59":"2264",e6d01527:"2276",a1ac9222:"2283",e747ec83:"2291","4eb8144b":"2498","4a332b92":"2517",ff6d8346:"2529","56ad8461":"2565","7f7b6a5a":"2616","175f4414":"2699","367e3965":"2755","4d281b1f":"2800","0fb4d328":"2820",f1ecfa8c:"2941",c548088a:"3021","899bab7c":"3074","1f391b9e":"3085",b914e798:"3150",a74b0825:"3317","7c7204eb":"3574",dee26f84:"3588","693028f3":"3779",abb5f9c4:"3782","3202e975":"3850",b512792d:"4007","700cec1a":"4020","3b023488":"4085",a4ec1fc0:"4125",c4f5d8e4:"4193","245d481f":"4195",add51b50:"4305",a94703ab:"4368","2abf1b13":"4373","8cb88c1d":"4383","23e38187":"4384",e89ff0bb:"4418","76eefc0f":"4718",dc93842a:"4751","567b6912":"4922","6eb7f153":"5090","9eb89d33":"5148",b6fc7147:"5289",a9bfb29e:"5430","69802c4b":"5597","1dab32d6":"5772","6a3d3763":"5800","37046ed3":"5858","7eb55c50":"5993","5510d6bc":"6020",ac555a8a:"6027","3360d290":"6088","7dbfa287":"6094",b8ef75ed:"6266","548c55b7":"6389",af08f1ee:"6405",a113490b:"6450",a2f6c742:"6558","48f5576d":"6582",c90035ea:"6628","3f60750a":"6811",ee6c8bca:"6918","017e1775":"6929","71b4e446":"6949","2df7d063":"7100","66843aff":"7199","4b46da1c":"7303",b3adb49b:"7312","393be207":"7414",e4104523:"7448","47feae6f":"7610","104c62f0":"7637",e71a10cb:"7711","7b2f26a3":"7802","1a4e3797":"7920","32daff60":"7956","977f47c1":"7964",a4de130a:"8045","33b18326":"8402","44a2ffa8":"8499",a7bd4aaa:"8518","9774bb5c":"8524",common:"8592",ae2bfb5e:"8608","1e924268":"8614",c4ecc0ec:"8699",e2c97c51:"8730",aad6d339:"8794","87878b99":"9047","7f80ed3d":"9058",e9df50f6:"9234",e5a16701:"9243","6f3f7b75":"9486",ba4df261:"9580","6da97851":"9583","14a0872a":"9608",cb648109:"9635","5e95c892":"9661",ac18fad6:"9666","0e384e19":"9671",e97f9a74:"9729",c57ca45f:"9810","14eb3368":"9817"}[e]||e,r.p+r.u(e)},(()=>{var e={6552:0,532:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(53|655)2$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>c=e[a]=[f,b]));f.push(c[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=f&&("load"===f.type?"missing":f.type),d=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,b,d=f[0],t=f[1],o=f[2],n=0;if(d.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n