diff --git a/404.html b/404.html index 5bef5486e..f9f088849 100644 --- a/404.html +++ b/404.html @@ -13,8 +13,8 @@ - - + + diff --git a/assets/js/0fb4d328.2e33738f.js b/assets/js/0fb4d328.2e33738f.js deleted file mode 100644 index 79105defa..000000000 --- a/assets/js/0fb4d328.2e33738f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2820],{6083:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>d});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-inpute",sidebar_class_name:"sidebar--item__hidden",slug:"Inpute","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Inpute",title:"bbj-inpute",description:"Styling",source:"@site/docs/components/client-components/Inpute.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inpute",permalink:"/docs/components/client-components/Inpute",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inpute.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inpute",sidebar_class_name:"sidebar--item__hidden",slug:"Inpute","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inpute-spinner",permalink:"/docs/components/client-components/Inpute-spinner"},next:{title:"bbj-inputn-spinner",permalink:"/docs/components/client-components/Inputn-spinner"}},p={},d=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inpute",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-inpute"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inpute",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inpute",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inpute",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inpute",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/0fb4d328.a4077d8f.js b/assets/js/0fb4d328.a4077d8f.js new file mode 100644 index 000000000..0bc910d33 --- /dev/null +++ b/assets/js/0fb4d328.a4077d8f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2820],{6083:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>r,metadata:()=>p,toc:()=>d});var i=t(5893),s=t(1151),o=t(7796),a=t(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inpute","// pagination_prev":null,"// pagination_next":null},c=void 0,p={id:"components/client-components/Inpute",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inpute.md",sourceDirName:"components/client-components",slug:"/components/client-components/inpute",permalink:"/docs/components/client-components/inpute",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inpute.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inpute","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inpute-spinner"},next:{title:"",permalink:"/docs/components/client-components/inputn-spinner"}},l={},d=[{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}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-inpute",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inpute",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-inpute",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inpute",table:"dependencies"})]})}function u(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/104c62f0.03938523.js b/assets/js/104c62f0.03938523.js new file mode 100644 index 000000000..f059e62c3 --- /dev/null +++ b/assets/js/104c62f0.03938523.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7637],{1499:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>r,contentTitle:()=>d,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"upload","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Upload",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Upload.md",sourceDirName:"components/client-components",slug:"/components/client-components/upload",permalink:"/docs/components/client-components/upload",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Upload.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"upload","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/tree"},next:{title:"Event",permalink:"/docs/components/events/event"}},r={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-upload",table:"parts"}),"\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)(s.Z,{tag:"bbj-upload",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)(s.Z,{tag:"bbj-upload",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/104c62f0.acb89771.js b/assets/js/104c62f0.acb89771.js deleted file mode 100644 index 705c1ccae..000000000 --- a/assets/js/104c62f0.acb89771.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7637],{1499:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>r,contentTitle:()=>d,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-upload",sidebar_class_name:"sidebar--item__hidden",slug:"Upload","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Upload",title:"bbj-upload",description:"Styling",source:"@site/docs/components/client-components/Upload.md",sourceDirName:"components/client-components",slug:"/components/client-components/Upload",permalink:"/docs/components/client-components/Upload",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Upload.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-upload",sidebar_class_name:"sidebar--item__hidden",slug:"Upload","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-tree",permalink:"/docs/components/client-components/Tree"},next:{title:"Event",permalink:"/docs/components/events/event"}},r={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-upload",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-upload"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-upload",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-upload",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-upload",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/14a0872a.2a0813c1.js b/assets/js/14a0872a.2a0813c1.js deleted file mode 100644 index e94c0631d..000000000 --- a/assets/js/14a0872a.2a0813c1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9608],{2422:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-tab",sidebar_class_name:"sidebar--item__hidden",slug:"Tab","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Tab",title:"bbj-tab",description:"Styling",source:"@site/docs/components/client-components/Tab.md",sourceDirName:"components/client-components",slug:"/components/client-components/Tab",permalink:"/docs/components/client-components/Tab",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tab.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-tab",sidebar_class_name:"sidebar--item__hidden",slug:"Tab","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-tab-panel",permalink:"/docs/components/client-components/Tab-panel"},next:{title:"bbj-tabs-list",permalink:"/docs/components/client-components/Tabs-list"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function b(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-tab",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-tab"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-tab",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/14a0872a.a5ca5ac9.js b/assets/js/14a0872a.a5ca5ac9.js new file mode 100644 index 000000000..f0b5f7ccb --- /dev/null +++ b/assets/js/14a0872a.a5ca5ac9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9608],{2422:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tab","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Tab",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Tab.md",sourceDirName:"components/client-components",slug:"/components/client-components/tab",permalink:"/docs/components/client-components/tab",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tab.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tab","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/tab-panel"},next:{title:"",permalink:"/docs/components/client-components/tabs-list"}},d={},p=[{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}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-tab",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/175f4414.14248021.js b/assets/js/175f4414.14248021.js deleted file mode 100644 index a29bf8dbd..000000000 --- a/assets/js/175f4414.14248021.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2699],{4146:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>r,contentTitle:()=>d,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),l=n(2665);const a={sidebar_position:0,title:"bbj-list-edit",sidebar_class_name:"sidebar--item__hidden",slug:"List-edit","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/List-edit",title:"bbj-list-edit",description:"Styling",source:"@site/docs/components/client-components/List-edit.md",sourceDirName:"components/client-components",slug:"/components/client-components/List-edit",permalink:"/docs/components/client-components/List-edit",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List-edit.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-list-edit",sidebar_class_name:"sidebar--item__hidden",slug:"List-edit","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-list-button",permalink:"/docs/components/client-components/List-button"},next:{title:"bbj-list",permalink:"/docs/components/client-components/List"}},r={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-list-edit",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-list-edit"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/175f4414.60d7509f.js b/assets/js/175f4414.60d7509f.js new file mode 100644 index 000000000..2a58eca7f --- /dev/null +++ b/assets/js/175f4414.60d7509f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2699],{4146:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>r,contentTitle:()=>d,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list-edit","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/List-edit",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/List-edit.md",sourceDirName:"components/client-components",slug:"/components/client-components/list-edit",permalink:"/docs/components/client-components/list-edit",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List-edit.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list-edit","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/list-button"},next:{title:"",permalink:"/docs/components/client-components/list"}},r={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-edit",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/20f7e9b5.3c628319.js b/assets/js/20f7e9b5.3c628319.js deleted file mode 100644 index b200c7208..000000000 --- a/assets/js/20f7e9b5.3c628319.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1869],{1828:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-busy",sidebar_class_name:"sidebar--item__hidden",slug:"Busy","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Busy",title:"bbj-busy",description:"Styling",source:"@site/docs/components/client-components/Busy.md",sourceDirName:"components/client-components",slug:"/components/client-components/Busy",permalink:"/docs/components/client-components/Busy",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Busy.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-busy",sidebar_class_name:"sidebar--item__hidden",slug:"Busy","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-backdrop",permalink:"/docs/components/client-components/Backdrop"},next:{title:"bbj-button",permalink:"/docs/components/client-components/Button"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-busy",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-busy"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-busy",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-busy",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-busy",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-busy",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/20f7e9b5.3cb38693.js b/assets/js/20f7e9b5.3cb38693.js new file mode 100644 index 000000000..49fe4cf7b --- /dev/null +++ b/assets/js/20f7e9b5.3cb38693.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1869],{1828:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var s=n(5893),i=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"busy","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Busy",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Busy.md",sourceDirName:"components/client-components",slug:"/components/client-components/busy",permalink:"/docs/components/client-components/busy",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Busy.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"busy","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/backdrop"},next:{title:"",permalink:"/docs/components/client-components/button"}},d={},p=[{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}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,s.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:""})})," component. This component is ",(0,s.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(o.Z,{tag:"bbj-busy",table:"parts"}),"\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)(o.Z,{tag:"bbj-busy",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)(o.Z,{tag:"bbj-busy",table:"reflects"}),"\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)(o.Z,{tag:"bbj-busy",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/245d481f.3c3a7d15.js b/assets/js/245d481f.3c3a7d15.js deleted file mode 100644 index 763426ad3..000000000 --- a/assets/js/245d481f.3c3a7d15.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4195],{9743:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>p,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>d});var i=t(5893),s=t(1151),o=t(7796),r=t(2665);const a={sidebar_position:0,title:"bbj-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Spinner","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Spinner",title:"bbj-spinner",description:"Styling",source:"@site/docs/components/client-components/Spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Spinner",permalink:"/docs/components/client-components/Spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-slider",permalink:"/docs/components/client-components/Slider"},next:{title:"bbj-splitter",permalink:"/docs/components/client-components/Splitter"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-spinner",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-spinner",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-spinner",table:"reflects"})]})}function b(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/245d481f.54e9defa.js b/assets/js/245d481f.54e9defa.js new file mode 100644 index 000000000..9072fe061 --- /dev/null +++ b/assets/js/245d481f.54e9defa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4195],{9743:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>p,contentTitle:()=>c,default:()=>m,frontMatter:()=>a,metadata:()=>l,toc:()=>d});var i=t(5893),s=t(1151),o=t(7796),r=t(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"spinner","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/spinner",permalink:"/docs/components/client-components/spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/slider"},next:{title:"",permalink:"/docs/components/client-components/splitter"}},p={},d=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-spinner",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-spinner",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-spinner",table:"reflects"})]})}function m(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/27a8c9d3.28ab145a.js b/assets/js/27a8c9d3.28ab145a.js deleted file mode 100644 index 62b2bfa57..000000000 --- a/assets/js/27a8c9d3.28ab145a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[994],{5524:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-tree",sidebar_class_name:"sidebar--item__hidden",slug:"Tree","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Tree",title:"bbj-tree",description:"Styling",source:"@site/docs/components/client-components/Tree.md",sourceDirName:"components/client-components",slug:"/components/client-components/Tree",permalink:"/docs/components/client-components/Tree",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tree.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-tree",sidebar_class_name:"sidebar--item__hidden",slug:"Tree","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-tree-node",permalink:"/docs/components/client-components/Tree-node"},next:{title:"bbj-upload",permalink:"/docs/components/client-components/Upload"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-tree",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-tree"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-tree",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/27a8c9d3.a30e47bb.js b/assets/js/27a8c9d3.a30e47bb.js new file mode 100644 index 000000000..db12e45c6 --- /dev/null +++ b/assets/js/27a8c9d3.a30e47bb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[994],{5524:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tree","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Tree",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Tree.md",sourceDirName:"components/client-components",slug:"/components/client-components/tree",permalink:"/docs/components/client-components/tree",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tree.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tree","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/tree-node"},next:{title:"",permalink:"/docs/components/client-components/upload"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-tree",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/3360d290.a9b41868.js b/assets/js/3360d290.a9b41868.js deleted file mode 100644 index ff849554d..000000000 --- a/assets/js/3360d290.a9b41868.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6088],{1983:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>l,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"bbj-editbox-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Editbox-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Editbox-spinner",title:"bbj-editbox-spinner",description:"Styling",source:"@site/docs/components/client-components/Editbox-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Editbox-spinner",permalink:"/docs/components/client-components/Editbox-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Editbox-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-editbox-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Editbox-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-dropdown",permalink:"/docs/components/client-components/Dropdown"},next:{title:"bbj-editbox",permalink:"/docs/components/client-components/Editbox"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-editbox-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-editbox-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-editbox-spinner",table:"reflects"})]})}function m(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/3360d290.b1fb8298.js b/assets/js/3360d290.b1fb8298.js new file mode 100644 index 000000000..853f4d85b --- /dev/null +++ b/assets/js/3360d290.b1fb8298.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6088],{1983:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>d,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"editbox-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,d={id:"components/client-components/Editbox-spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Editbox-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/editbox-spinner",permalink:"/docs/components/client-components/editbox-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Editbox-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"editbox-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/dropdown"},next:{title:"",permalink:"/docs/components/client-components/editbox"}},l={},p=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(n){const e={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(e.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(e.p,{children:["This section outlines styling information for the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:""})})," component. This component is ",(0,i.jsx)(e.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(s.Z,{tag:"bbj-editbox-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(b,{...n})}):b(n)}}}]); \ No newline at end of file diff --git a/assets/js/367e3965.c9061753.js b/assets/js/367e3965.c9061753.js deleted file mode 100644 index cad8c0042..000000000 --- a/assets/js/367e3965.c9061753.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2755],{6940:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>c,default:()=>m,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-separator",sidebar_class_name:"sidebar--item__hidden",slug:"Separator","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Separator",title:"bbj-separator",description:"Styling",source:"@site/docs/components/client-components/Separator.md",sourceDirName:"components/client-components",slug:"/components/client-components/Separator",permalink:"/docs/components/client-components/Separator",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Separator.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-separator",sidebar_class_name:"sidebar--item__hidden",slug:"Separator","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-refresher",permalink:"/docs/components/client-components/Refresher"},next:{title:"bbj-slider",permalink:"/docs/components/client-components/Slider"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-separator",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-separator"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-separator",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)(s.Z,{tag:"bbj-separator",table:"properties"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/367e3965.ea2cc609.js b/assets/js/367e3965.ea2cc609.js new file mode 100644 index 000000000..07a6488b9 --- /dev/null +++ b/assets/js/367e3965.ea2cc609.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2755],{6940:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>m,frontMatter:()=>r,metadata:()=>p,toc:()=>d});var o=n(5893),s=n(1151),i=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"separator","// pagination_prev":null,"// pagination_next":null},c=void 0,p={id:"components/client-components/Separator",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Separator.md",sourceDirName:"components/client-components",slug:"/components/client-components/separator",permalink:"/docs/components/client-components/separator",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Separator.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"separator","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/refresher"},next:{title:"",permalink:"/docs/components/client-components/slider"}},l={},d=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(i.Z,{tag:"bbj-separator",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)(i.Z,{tag:"bbj-separator",table:"properties"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/37046ed3.008c086d.js b/assets/js/37046ed3.008c086d.js deleted file mode 100644 index 73541001c..000000000 --- a/assets/js/37046ed3.008c086d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5858],{9936:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var s=n(5893),o=n(1151),i=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-progressbar",sidebar_class_name:"sidebar--item__hidden",slug:"Progressbar","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Progressbar",title:"bbj-progressbar",description:"Styling",source:"@site/docs/components/client-components/Progressbar.md",sourceDirName:"components/client-components",slug:"/components/client-components/Progressbar",permalink:"/docs/components/client-components/Progressbar",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Progressbar.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-progressbar",sidebar_class_name:"sidebar--item__hidden",slug:"Progressbar","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-popupmenu",permalink:"/docs/components/client-components/Popupmenu"},next:{title:"bbj-radio",permalink:"/docs/components/client-components/Radio"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-progressbar",clickable:!1,iconName:"code"}),"\n",(0,s.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,s.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,s.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,s.jsxs)(t.strong,{children:[(0,s.jsx)(t.code,{children:"bbj-progressbar"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(i.Z,{tag:"bbj-progressbar",table:"parts"}),"\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)(i.Z,{tag:"bbj-progressbar",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)(i.Z,{tag:"bbj-progressbar",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/37046ed3.7cdc1765.js b/assets/js/37046ed3.7cdc1765.js new file mode 100644 index 000000000..bedfbef78 --- /dev/null +++ b/assets/js/37046ed3.7cdc1765.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5858],{9936:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>a,metadata:()=>p,toc:()=>d});var s=n(5893),o=n(1151),i=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"progressbar","// pagination_prev":null,"// pagination_next":null},c=void 0,p={id:"components/client-components/Progressbar",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Progressbar.md",sourceDirName:"components/client-components",slug:"/components/client-components/progressbar",permalink:"/docs/components/client-components/progressbar",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Progressbar.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"progressbar","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/popupmenu"},next:{title:"",permalink:"/docs/components/client-components/radio"}},l={},d=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,s.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:""})})," component. This component is ",(0,s.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(i.Z,{tag:"bbj-progressbar",table:"parts"}),"\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)(i.Z,{tag:"bbj-progressbar",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)(i.Z,{tag:"bbj-progressbar",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/3d14ec9a.3bc892c9.js b/assets/js/3d14ec9a.3bc892c9.js new file mode 100644 index 000000000..5cc8659be --- /dev/null +++ b/assets/js/3d14ec9a.3bc892c9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1142],{3180:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>d});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tab-panel","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Tab-panel",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Tab-panel.md",sourceDirName:"components/client-components",slug:"/components/client-components/tab-panel",permalink:"/docs/components/client-components/tab-panel",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tab-panel.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tab-panel","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/splitter"},next:{title:"",permalink:"/docs/components/client-components/tab"}},p={},d=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab-panel",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab-panel",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-tab-panel",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/3d14ec9a.bc465774.js b/assets/js/3d14ec9a.bc465774.js deleted file mode 100644 index e987c3eb1..000000000 --- a/assets/js/3d14ec9a.bc465774.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1142],{3180:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>d});var i=n(5893),a=n(1151),s=n(7796),o=n(2665);const l={sidebar_position:0,title:"bbj-tab-panel",sidebar_class_name:"sidebar--item__hidden",slug:"Tab-panel","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Tab-panel",title:"bbj-tab-panel",description:"Styling",source:"@site/docs/components/client-components/Tab-panel.md",sourceDirName:"components/client-components",slug:"/components/client-components/Tab-panel",permalink:"/docs/components/client-components/Tab-panel",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tab-panel.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-tab-panel",sidebar_class_name:"sidebar--item__hidden",slug:"Tab-panel","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-splitter",permalink:"/docs/components/client-components/Splitter"},next:{title:"bbj-tab",permalink:"/docs/components/client-components/Tab"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,a.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(o.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-tab-panel",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-tab-panel"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tab-panel",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tab-panel",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tab-panel",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,a.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/3f60750a.d81a436b.js b/assets/js/3f60750a.d81a436b.js new file mode 100644 index 000000000..6be947ffd --- /dev/null +++ b/assets/js/3f60750a.d81a436b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6811],{1692:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>h});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"checkbox","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Checkbox",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Checkbox.md",sourceDirName:"components/client-components",slug:"/components/client-components/checkbox",permalink:"/docs/components/client-components/checkbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Checkbox.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"checkbox","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/cedit"},next:{title:"",permalink:"/docs/components/client-components/color-chooser"}},d={},h=[{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}];function p(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/3f60750a.e3b3edb8.js b/assets/js/3f60750a.e3b3edb8.js deleted file mode 100644 index 4689b1fed..000000000 --- a/assets/js/3f60750a.e3b3edb8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6811],{1692:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>h});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"bbj-checkbox",sidebar_class_name:"sidebar--item__hidden",slug:"Checkbox","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Checkbox",title:"bbj-checkbox",description:"Styling",source:"@site/docs/components/client-components/Checkbox.md",sourceDirName:"components/client-components",slug:"/components/client-components/Checkbox",permalink:"/docs/components/client-components/Checkbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Checkbox.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-checkbox",sidebar_class_name:"sidebar--item__hidden",slug:"Checkbox","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-cedit",permalink:"/docs/components/client-components/Cedit"},next:{title:"bbj-color-chooser",permalink:"/docs/components/client-components/Color-chooser"}},d={},h=[{value:"Styling",id:"styling",level:2},{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}];function p(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-checkbox",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-checkbox"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",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)(s.Z,{tag:"bbj-checkbox",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/48f5576d.92fdfcde.js b/assets/js/48f5576d.92fdfcde.js deleted file mode 100644 index 55d8b6587..000000000 --- a/assets/js/48f5576d.92fdfcde.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6582],{5931:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>u,frontMatter:()=>l,metadata:()=>p,toc:()=>d});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-app-layout",sidebar_class_name:"sidebar--item__hidden",slug:"App-layout","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/App-layout",title:"bbj-app-layout",description:"Styling",source:"@site/docs/components/client-components/App-layout.md",sourceDirName:"components/client-components",slug:"/components/client-components/App-layout",permalink:"/docs/components/client-components/App-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/App-layout.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-app-layout",sidebar_class_name:"sidebar--item__hidden",slug:"App-layout","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-alert",permalink:"/docs/components/client-components/Alert"},next:{title:"bbj-backdrop",permalink:"/docs/components/client-components/Backdrop"}},c={},d=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-app-layout",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-app-layout"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-app-layout",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-app-layout",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-app-layout",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-app-layout",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/48f5576d.fb68430b.js b/assets/js/48f5576d.fb68430b.js new file mode 100644 index 000000000..c9a8f6043 --- /dev/null +++ b/assets/js/48f5576d.fb68430b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6582],{5931:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>p,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"app-layout","// pagination_prev":null,"// pagination_next":null},l=void 0,p={id:"components/client-components/App-layout",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/App-layout.md",sourceDirName:"components/client-components",slug:"/components/client-components/app-layout",permalink:"/docs/components/client-components/app-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/App-layout.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"app-layout","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/alert"},next:{title:"",permalink:"/docs/components/client-components/backdrop"}},c={},d=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-app-layout",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)(s.Z,{tag:"bbj-app-layout",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)(s.Z,{tag:"bbj-app-layout",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)(s.Z,{tag:"bbj-app-layout",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/4b46da1c.01d55b1e.js b/assets/js/4b46da1c.01d55b1e.js new file mode 100644 index 000000000..121a5c1de --- /dev/null +++ b/assets/js/4b46da1c.01d55b1e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7303],{2710:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>r,default:()=>m,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var o=t(5893),i=t(1151),s=t(7796),c=t(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"font-chooser","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Font-chooser",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Font-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/font-chooser",permalink:"/docs/components/client-components/font-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Font-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"font-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/file-save"},next:{title:"",permalink:"/docs/components/client-components/hotkey"}},d={},p=[{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(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:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,o.jsx)(n.strong,{children:(0,o.jsx)(n.code,{children:""})})," component. This component is ",(0,o.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,o.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-font-chooser",table:"reflects"}),"\n",(0,o.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,o.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(s.Z,{tag:"bbj-font-chooser",table:"dependencies"})]})}function m(e={}){const{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/4b46da1c.97bc16ec.js b/assets/js/4b46da1c.97bc16ec.js deleted file mode 100644 index cf60bee2f..000000000 --- a/assets/js/4b46da1c.97bc16ec.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7303],{2710:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const l={sidebar_position:0,title:"bbj-font-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"Font-chooser","// pagination_prev":null,"// pagination_next":null},a=void 0,r={id:"components/client-components/Font-chooser",title:"bbj-font-chooser",description:"Styling",source:"@site/docs/components/client-components/Font-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/Font-chooser",permalink:"/docs/components/client-components/Font-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Font-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-font-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"Font-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-file-save",permalink:"/docs/components/client-components/File-save"},next:{title:"bbj-hotkey",permalink:"/docs/components/client-components/Hotkey"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(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:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-font-chooser",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-font-chooser"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-font-chooser",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)(s.Z,{tag:"bbj-font-chooser",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/4d281b1f.eeec6e00.js b/assets/js/4d281b1f.eeec6e00.js deleted file mode 100644 index f0629d0a3..000000000 --- a/assets/js/4d281b1f.eeec6e00.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2800],{2435:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>a,default:()=>b,frontMatter:()=>d,metadata:()=>l,toc:()=>p});var o=t(5893),i=t(1151),s=t(7796),r=t(2665);const d={sidebar_position:0,title:"bbj-dropdown",sidebar_class_name:"sidebar--item__hidden",slug:"Dropdown","// pagination_prev":null,"// pagination_next":null},a=void 0,l={id:"components/client-components/Dropdown",title:"bbj-dropdown",description:"Styling",source:"@site/docs/components/client-components/Dropdown.md",sourceDirName:"components/client-components",slug:"/components/client-components/Dropdown",permalink:"/docs/components/client-components/Dropdown",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Dropdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-dropdown",sidebar_class_name:"sidebar--item__hidden",slug:"Dropdown","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-drawer",permalink:"/docs/components/client-components/Drawer"},next:{title:"bbj-editbox-spinner",permalink:"/docs/components/client-components/Editbox-spinner"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-dropdown",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(n.strong,{children:[(0,o.jsx)(n.code,{children:"bbj-dropdown"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,o.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"parts"}),"\n",(0,o.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"properties"}),"\n",(0,o.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"reflects"}),"\n",(0,o.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,o.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(s.Z,{tag:"bbj-dropdown",table:"dependencies"})]})}function b(e={}){const{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/4d281b1f.f2d17e47.js b/assets/js/4d281b1f.f2d17e47.js new file mode 100644 index 000000000..b455c7e61 --- /dev/null +++ b/assets/js/4d281b1f.f2d17e47.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2800],{2435:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>b,frontMatter:()=>d,metadata:()=>c,toc:()=>p});var o=t(5893),i=t(1151),s=t(7796),r=t(2665);const d={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"dropdown","// pagination_prev":null,"// pagination_next":null},a=void 0,c={id:"components/client-components/Dropdown",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Dropdown.md",sourceDirName:"components/client-components",slug:"/components/client-components/dropdown",permalink:"/docs/components/client-components/dropdown",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Dropdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"dropdown","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/drawer"},next:{title:"",permalink:"/docs/components/client-components/editbox-spinner"}},l={},p=[{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}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,o.jsx)(n.strong,{children:(0,o.jsx)(n.code,{children:""})})," component. This component is ",(0,o.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,o.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"parts"}),"\n",(0,o.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"properties"}),"\n",(0,o.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(n.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)(s.Z,{tag:"bbj-dropdown",table:"reflects"}),"\n",(0,o.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,o.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,o.jsx)(s.Z,{tag:"bbj-dropdown",table:"dependencies"})]})}function b(e={}){const{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/548c55b7.27a01201.js b/assets/js/548c55b7.27a01201.js deleted file mode 100644 index b16647ff6..000000000 --- a/assets/js/548c55b7.27a01201.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6389],{1952:(n,t,e)=>{e.r(t),e.d(t,{assets:()=>p,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>l,toc:()=>d});var i=e(5893),o=e(1151),s=e(7796),a=e(2665);const c={sidebar_position:0,title:"bbj-inputt-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputt-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Inputt-spinner",title:"bbj-inputt-spinner",description:"Styling",source:"@site/docs/components/client-components/Inputt-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputt-spinner",permalink:"/docs/components/client-components/Inputt-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputt-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputt-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputt-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputn",permalink:"/docs/components/client-components/Inputn"},next:{title:"bbj-inputt",permalink:"/docs/components/client-components/Inputt"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputt-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-inputt-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-inputt-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,i.jsx)(t,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/548c55b7.b11f30c4.js b/assets/js/548c55b7.b11f30c4.js new file mode 100644 index 000000000..fc612a9b6 --- /dev/null +++ b/assets/js/548c55b7.b11f30c4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6389],{1952:(n,t,e)=>{e.r(t),e.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var i=e(5893),o=e(1151),s=e(7796),a=e(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputt-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/Inputt-spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputt-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputt-spinner",permalink:"/docs/components/client-components/inputt-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputt-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputt-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputn"},next:{title:"",permalink:"/docs/components/client-components/inputt"}},l={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-inputt-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,i.jsx)(t,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/567b6912.43179ff4.js b/assets/js/567b6912.43179ff4.js new file mode 100644 index 000000000..24387f07a --- /dev/null +++ b/assets/js/567b6912.43179ff4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4922],{1330:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>p,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"popover","// pagination_prev":null,"// pagination_next":null},p=void 0,c={id:"components/client-components/Popover",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Popover.md",sourceDirName:"components/client-components",slug:"/components/client-components/popover",permalink:"/docs/components/client-components/popover",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Popover.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"popover","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/navigator"},next:{title:"",permalink:"/docs/components/client-components/popupmenu"}},l={},d=[{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function m(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-popover",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)(s.Z,{tag:"bbj-popover",table:"reflects"})]})}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)}}}]); \ No newline at end of file diff --git a/assets/js/567b6912.e1f6ed44.js b/assets/js/567b6912.e1f6ed44.js deleted file mode 100644 index bce40c72c..000000000 --- a/assets/js/567b6912.e1f6ed44.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4922],{1330:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>a,metadata:()=>p,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-popover",sidebar_class_name:"sidebar--item__hidden",slug:"Popover","// pagination_prev":null,"// pagination_next":null},c=void 0,p={id:"components/client-components/Popover",title:"bbj-popover",description:"Styling",source:"@site/docs/components/client-components/Popover.md",sourceDirName:"components/client-components",slug:"/components/client-components/Popover",permalink:"/docs/components/client-components/Popover",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Popover.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-popover",sidebar_class_name:"sidebar--item__hidden",slug:"Popover","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-navigator",permalink:"/docs/components/client-components/Navigator"},next:{title:"bbj-popupmenu",permalink:"/docs/components/client-components/Popupmenu"}},l={},d=[{value:"Styling",id:"styling",level:2},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function m(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,o.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-popover",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-popover"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-popover",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)(s.Z,{tag:"bbj-popover",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(m,{...e})}):m(e)}}}]); \ No newline at end of file diff --git a/assets/js/60ac4983.4db49808.js b/assets/js/60ac4983.4db49808.js new file mode 100644 index 000000000..dab1c1a17 --- /dev/null +++ b/assets/js/60ac4983.4db49808.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1226],{1476:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>p,toc:()=>l});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"backdrop","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/Backdrop",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Backdrop.md",sourceDirName:"components/client-components",slug:"/components/client-components/backdrop",permalink:"/docs/components/client-components/backdrop",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Backdrop.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"backdrop","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/app-layout"},next:{title:"",permalink:"/docs/components/client-components/busy"}},d={},l=[{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-backdrop",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)(s.Z,{tag:"bbj-backdrop",table:"reflects"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/60ac4983.65b466ab.js b/assets/js/60ac4983.65b466ab.js deleted file mode 100644 index 448a6c88e..000000000 --- a/assets/js/60ac4983.65b466ab.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1226],{1476:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>c,metadata:()=>l,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const c={sidebar_position:0,title:"bbj-backdrop",sidebar_class_name:"sidebar--item__hidden",slug:"Backdrop","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Backdrop",title:"bbj-backdrop",description:"Styling",source:"@site/docs/components/client-components/Backdrop.md",sourceDirName:"components/client-components",slug:"/components/client-components/Backdrop",permalink:"/docs/components/client-components/Backdrop",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Backdrop.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-backdrop",sidebar_class_name:"sidebar--item__hidden",slug:"Backdrop","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-app-layout",permalink:"/docs/components/client-components/App-layout"},next:{title:"bbj-busy",permalink:"/docs/components/client-components/Busy"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function b(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-backdrop",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-backdrop"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-backdrop",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)(s.Z,{tag:"bbj-backdrop",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/66843aff.64cf0ae9.js b/assets/js/66843aff.64cf0ae9.js new file mode 100644 index 000000000..1827a9c6f --- /dev/null +++ b/assets/js/66843aff.64cf0ae9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7199],{7449:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"file-save","// pagination_prev":null,"// pagination_next":null},c=void 0,r={id:"components/client-components/File-save",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/File-save.md",sourceDirName:"components/client-components",slug:"/components/client-components/file-save",permalink:"/docs/components/client-components/file-save",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/File-save.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"file-save","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/file-chooser"},next:{title:"",permalink:"/docs/components/client-components/font-chooser"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-file-save",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-file-save",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-file-save",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/66843aff.cbc3fa02.js b/assets/js/66843aff.cbc3fa02.js deleted file mode 100644 index b4b04a49a..000000000 --- a/assets/js/66843aff.cbc3fa02.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7199],{7449:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>b,frontMatter:()=>l,metadata:()=>r,toc:()=>h});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-file-save",sidebar_class_name:"sidebar--item__hidden",slug:"File-save","// pagination_prev":null,"// pagination_next":null},c=void 0,r={id:"components/client-components/File-save",title:"bbj-file-save",description:"Styling",source:"@site/docs/components/client-components/File-save.md",sourceDirName:"components/client-components",slug:"/components/client-components/File-save",permalink:"/docs/components/client-components/File-save",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/File-save.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-file-save",sidebar_class_name:"sidebar--item__hidden",slug:"File-save","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-file-chooser",permalink:"/docs/components/client-components/File-chooser"},next:{title:"bbj-font-chooser",permalink:"/docs/components/client-components/Font-chooser"}},d={},h=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function p(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-file-save",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-file-save"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-file-save",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-file-save",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-file-save",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/69802c4b.0bb46755.js b/assets/js/69802c4b.0bb46755.js new file mode 100644 index 000000000..0c17f253f --- /dev/null +++ b/assets/js/69802c4b.0bb46755.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5597],{6190:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>d,default:()=>m,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tree-node","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Tree-node",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Tree-node.md",sourceDirName:"components/client-components",slug:"/components/client-components/tree-node",permalink:"/docs/components/client-components/tree-node",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tree-node.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tree-node","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/toast"},next:{title:"",permalink:"/docs/components/client-components/tree"}},l={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-tree-node",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)(s.Z,{tag:"bbj-tree-node",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)(s.Z,{tag:"bbj-tree-node",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)(s.Z,{tag:"bbj-tree-node",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/69802c4b.4e6603ab.js b/assets/js/69802c4b.4e6603ab.js deleted file mode 100644 index 737420566..000000000 --- a/assets/js/69802c4b.4e6603ab.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5597],{6190:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-tree-node",sidebar_class_name:"sidebar--item__hidden",slug:"Tree-node","// pagination_prev":null,"// pagination_next":null},d=void 0,l={id:"components/client-components/Tree-node",title:"bbj-tree-node",description:"Styling",source:"@site/docs/components/client-components/Tree-node.md",sourceDirName:"components/client-components",slug:"/components/client-components/Tree-node",permalink:"/docs/components/client-components/Tree-node",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tree-node.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-tree-node",sidebar_class_name:"sidebar--item__hidden",slug:"Tree-node","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-toast",permalink:"/docs/components/client-components/Toast"},next:{title:"bbj-tree",permalink:"/docs/components/client-components/Tree"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-tree-node",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-tree-node"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree-node",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree-node",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-tree-node",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-tree-node",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/6a3d3763.0919acfa.js b/assets/js/6a3d3763.0919acfa.js new file mode 100644 index 000000000..3cd0246e8 --- /dev/null +++ b/assets/js/6a3d3763.0919acfa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5800],{6524:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>d,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"radio","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Radio",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Radio.md",sourceDirName:"components/client-components",slug:"/components/client-components/radio",permalink:"/docs/components/client-components/radio",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Radio.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"radio","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/progressbar"},next:{title:"",permalink:"/docs/components/client-components/refresher"}},l={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-radio",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/6a3d3763.49e486c7.js b/assets/js/6a3d3763.49e486c7.js deleted file mode 100644 index 2c923bf45..000000000 --- a/assets/js/6a3d3763.49e486c7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5800],{6524:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>b,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-radio",sidebar_class_name:"sidebar--item__hidden",slug:"Radio","// pagination_prev":null,"// pagination_next":null},d=void 0,l={id:"components/client-components/Radio",title:"bbj-radio",description:"Styling",source:"@site/docs/components/client-components/Radio.md",sourceDirName:"components/client-components",slug:"/components/client-components/Radio",permalink:"/docs/components/client-components/Radio",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Radio.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-radio",sidebar_class_name:"sidebar--item__hidden",slug:"Radio","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-progressbar",permalink:"/docs/components/client-components/Progressbar"},next:{title:"bbj-refresher",permalink:"/docs/components/client-components/Refresher"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-radio",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-radio"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-radio",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-radio",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/6eb7f153.ab6da685.js b/assets/js/6eb7f153.ab6da685.js new file mode 100644 index 000000000..680aad5b6 --- /dev/null +++ b/assets/js/6eb7f153.ab6da685.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5090],{3713:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>p,metadata:()=>c,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const p={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"popupmenu","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Popupmenu",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Popupmenu.md",sourceDirName:"components/client-components",slug:"/components/client-components/popupmenu",permalink:"/docs/components/client-components/popupmenu",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Popupmenu.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"popupmenu","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/popover"},next:{title:"",permalink:"/docs/components/client-components/progressbar"}},l={},d=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-popupmenu",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)(s.Z,{tag:"bbj-popupmenu",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)(s.Z,{tag:"bbj-popupmenu",table:"reflects"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(u,{...e})}):u(e)}}}]); \ No newline at end of file diff --git a/assets/js/6eb7f153.b05f77f7.js b/assets/js/6eb7f153.b05f77f7.js deleted file mode 100644 index 57bb37613..000000000 --- a/assets/js/6eb7f153.b05f77f7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5090],{3713:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>p,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-popupmenu",sidebar_class_name:"sidebar--item__hidden",slug:"Popupmenu","// pagination_prev":null,"// pagination_next":null},p=void 0,l={id:"components/client-components/Popupmenu",title:"bbj-popupmenu",description:"Styling",source:"@site/docs/components/client-components/Popupmenu.md",sourceDirName:"components/client-components",slug:"/components/client-components/Popupmenu",permalink:"/docs/components/client-components/Popupmenu",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Popupmenu.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-popupmenu",sidebar_class_name:"sidebar--item__hidden",slug:"Popupmenu","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-popover",permalink:"/docs/components/client-components/Popover"},next:{title:"bbj-progressbar",permalink:"/docs/components/client-components/Progressbar"}},c={},d=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-popupmenu",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-popupmenu"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-popupmenu",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)(s.Z,{tag:"bbj-popupmenu",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)(s.Z,{tag:"bbj-popupmenu",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(u,{...e})}):u(e)}}}]); \ No newline at end of file diff --git a/assets/js/71b4e446.627ec556.js b/assets/js/71b4e446.627ec556.js new file mode 100644 index 000000000..2728bd5a6 --- /dev/null +++ b/assets/js/71b4e446.627ec556.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6949],{8448:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"slider","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Slider",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Slider.md",sourceDirName:"components/client-components",slug:"/components/client-components/slider",permalink:"/docs/components/client-components/slider",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Slider.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"slider","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/separator"},next:{title:"",permalink:"/docs/components/client-components/spinner"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"reflects"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/71b4e446.da669ccf.js b/assets/js/71b4e446.da669ccf.js deleted file mode 100644 index a9ae11fd7..000000000 --- a/assets/js/71b4e446.da669ccf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6949],{8448:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-slider",sidebar_class_name:"sidebar--item__hidden",slug:"Slider","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Slider",title:"bbj-slider",description:"Styling",source:"@site/docs/components/client-components/Slider.md",sourceDirName:"components/client-components",slug:"/components/client-components/Slider",permalink:"/docs/components/client-components/Slider",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Slider.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-slider",sidebar_class_name:"sidebar--item__hidden",slug:"Slider","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-separator",permalink:"/docs/components/client-components/Separator"},next:{title:"bbj-spinner",permalink:"/docs/components/client-components/Spinner"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-slider",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-slider"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-slider",table:"reflects"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/7dbfa287.81c7af93.js b/assets/js/7dbfa287.81c7af93.js new file mode 100644 index 000000000..85c689300 --- /dev/null +++ b/assets/js/7dbfa287.81c7af93.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6094],{8302:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>r,metadata:()=>p,toc:()=>d});var i=t(5893),s=t(1151),o=t(7796),a=t(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputn","// pagination_prev":null,"// pagination_next":null},c=void 0,p={id:"components/client-components/Inputn",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputn.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputn",permalink:"/docs/components/client-components/inputn",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputn.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputn","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputn-spinner"},next:{title:"",permalink:"/docs/components/client-components/inputt-spinner"}},l={},d=[{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}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-inputn",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputn",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-inputn",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputn",table:"dependencies"})]})}function u(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/7dbfa287.ce14ba8a.js b/assets/js/7dbfa287.ce14ba8a.js deleted file mode 100644 index 71c892343..000000000 --- a/assets/js/7dbfa287.ce14ba8a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6094],{8302:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>c,default:()=>u,frontMatter:()=>l,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const l={sidebar_position:0,title:"bbj-inputn",sidebar_class_name:"sidebar--item__hidden",slug:"Inputn","// pagination_prev":null,"// pagination_next":null},c=void 0,r={id:"components/client-components/Inputn",title:"bbj-inputn",description:"Styling",source:"@site/docs/components/client-components/Inputn.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputn",permalink:"/docs/components/client-components/Inputn",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputn.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputn",sidebar_class_name:"sidebar--item__hidden",slug:"Inputn","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputn-spinner",permalink:"/docs/components/client-components/Inputn-spinner"},next:{title:"bbj-inputt-spinner",permalink:"/docs/components/client-components/Inputt-spinner"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputn",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-inputn"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-inputn",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-inputn",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-inputn",table:"dependencies"})]})}function u(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/7eb55c50.307292ea.js b/assets/js/7eb55c50.307292ea.js deleted file mode 100644 index e9de95f6a..000000000 --- a/assets/js/7eb55c50.307292ea.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5993],{3471:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>h});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-refresher",sidebar_class_name:"sidebar--item__hidden",slug:"Refresher","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Refresher",title:"bbj-refresher",description:"Styling",source:"@site/docs/components/client-components/Refresher.md",sourceDirName:"components/client-components",slug:"/components/client-components/Refresher",permalink:"/docs/components/client-components/Refresher",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Refresher.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-refresher",sidebar_class_name:"sidebar--item__hidden",slug:"Refresher","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-radio",permalink:"/docs/components/client-components/Radio"},next:{title:"bbj-separator",permalink:"/docs/components/client-components/Separator"}},d={},h=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function p(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-refresher",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-refresher"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-refresher",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-refresher",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-refresher",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/7eb55c50.fd2b9c1a.js b/assets/js/7eb55c50.fd2b9c1a.js new file mode 100644 index 000000000..1e7a14220 --- /dev/null +++ b/assets/js/7eb55c50.fd2b9c1a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[5993],{3471:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>a,metadata:()=>l,toc:()=>h});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"refresher","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Refresher",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Refresher.md",sourceDirName:"components/client-components",slug:"/components/client-components/refresher",permalink:"/docs/components/client-components/refresher",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Refresher.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"refresher","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/radio"},next:{title:"",permalink:"/docs/components/client-components/separator"}},d={},h=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function p(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-refresher",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-refresher",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-refresher",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/7f80ed3d.1bf502bf.js b/assets/js/7f80ed3d.1bf502bf.js deleted file mode 100644 index bc960ba74..000000000 --- a/assets/js/7f80ed3d.1bf502bf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9058],{6703:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>b,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-editbox",sidebar_class_name:"sidebar--item__hidden",slug:"Editbox","// pagination_prev":null,"// pagination_next":null},d=void 0,l={id:"components/client-components/Editbox",title:"bbj-editbox",description:"Styling",source:"@site/docs/components/client-components/Editbox.md",sourceDirName:"components/client-components",slug:"/components/client-components/Editbox",permalink:"/docs/components/client-components/Editbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Editbox.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-editbox",sidebar_class_name:"sidebar--item__hidden",slug:"Editbox","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-editbox-spinner",permalink:"/docs/components/client-components/Editbox-spinner"},next:{title:"bbj-file-chooser",permalink:"/docs/components/client-components/File-chooser"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-editbox",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-editbox"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-editbox",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/7f80ed3d.1d5b7ec4.js b/assets/js/7f80ed3d.1d5b7ec4.js new file mode 100644 index 000000000..e14d221ba --- /dev/null +++ b/assets/js/7f80ed3d.1d5b7ec4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9058],{6703:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"editbox","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Editbox",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Editbox.md",sourceDirName:"components/client-components",slug:"/components/client-components/editbox",permalink:"/docs/components/client-components/editbox",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Editbox.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"editbox","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/editbox-spinner"},next:{title:"",permalink:"/docs/components/client-components/file-chooser"}},l={},p=[{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}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-editbox",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-editbox",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/8cb88c1d.3b06c56a.js b/assets/js/8cb88c1d.3b06c56a.js new file mode 100644 index 000000000..26d4b9cee --- /dev/null +++ b/assets/js/8cb88c1d.3b06c56a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4383],{3236:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>d,default:()=>m,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"drawer","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Drawer",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Drawer.md",sourceDirName:"components/client-components",slug:"/components/client-components/drawer",permalink:"/docs/components/client-components/drawer",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Drawer.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"drawer","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/dialog"},next:{title:"",permalink:"/docs/components/client-components/dropdown"}},l={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-drawer",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/8cb88c1d.ea6d0a92.js b/assets/js/8cb88c1d.ea6d0a92.js deleted file mode 100644 index cbc2b2912..000000000 --- a/assets/js/8cb88c1d.ea6d0a92.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4383],{3236:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>d,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"bbj-drawer",sidebar_class_name:"sidebar--item__hidden",slug:"Drawer","// pagination_prev":null,"// pagination_next":null},l=void 0,d={id:"components/client-components/Drawer",title:"bbj-drawer",description:"Styling",source:"@site/docs/components/client-components/Drawer.md",sourceDirName:"components/client-components",slug:"/components/client-components/Drawer",permalink:"/docs/components/client-components/Drawer",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Drawer.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-drawer",sidebar_class_name:"sidebar--item__hidden",slug:"Drawer","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-dialog",permalink:"/docs/components/client-components/Dialog"},next:{title:"bbj-dropdown",permalink:"/docs/components/client-components/Dropdown"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-drawer",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-drawer"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-drawer",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-drawer",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/8f54fd02.101c9eca.js b/assets/js/8f54fd02.101c9eca.js new file mode 100644 index 000000000..d87e040c3 --- /dev/null +++ b/assets/js/8f54fd02.101c9eca.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1776],{4461:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"alert","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Alert",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Alert.md",sourceDirName:"components/client-components",slug:"/components/client-components/alert",permalink:"/docs/components/client-components/alert",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Alert.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"alert","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/alert-popover"},next:{title:"",permalink:"/docs/components/client-components/app-layout"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-alert",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/8f54fd02.5507452f.js b/assets/js/8f54fd02.5507452f.js deleted file mode 100644 index 11420059f..000000000 --- a/assets/js/8f54fd02.5507452f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1776],{4461:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-alert",sidebar_class_name:"sidebar--item__hidden",slug:"Alert","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Alert",title:"bbj-alert",description:"Styling",source:"@site/docs/components/client-components/Alert.md",sourceDirName:"components/client-components",slug:"/components/client-components/Alert",permalink:"/docs/components/client-components/Alert",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Alert.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-alert",sidebar_class_name:"sidebar--item__hidden",slug:"Alert","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/Alert-popover"},next:{title:"bbj-app-layout",permalink:"/docs/components/client-components/App-layout"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-alert",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-alert"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-alert",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-alert",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.0e00b0a7.js b/assets/js/935f2afb.0e00b0a7.js new file mode 100644 index 000000000..8b03f5a68 --- /dev/null +++ b/assets/js/935f2afb.0e00b0a7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"documentationSidebar":[{"type":"link","label":"Overview","href":"/docs/intro","docId":"intro","unlisted":false},{"type":"category","label":"Installation","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Docker","href":"/docs/installation/docker_user","docId":"installation/docker_user","unlisted":false},{"type":"link","label":"Github Codespaces","href":"/docs/installation/github_codespaces","docId":"installation/github_codespaces","unlisted":false},{"type":"link","label":"Local Installation","href":"/docs/installation/local_install","docId":"installation/local_install","unlisted":false},{"type":"link","label":"Contributors","href":"/docs/installation/contributors","docId":"installation/contributors","unlisted":false}],"href":"/docs/installation/"},{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Creating an Application","href":"/docs/getting_started/creating_an_application","docId":"getting_started/creating_an_application","unlisted":false},{"type":"link","label":"Configuration","href":"/docs/getting_started/configuration","docId":"getting_started/configuration","unlisted":false},{"type":"category","label":"Templates","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Hello World","href":"/docs/getting_started/Templates/hello_world","docId":"getting_started/Templates/hello_world","unlisted":false},{"type":"link","label":"App Layout","href":"/docs/getting_started/Templates/app_layout","className":"sidebar--item__hidden","docId":"getting_started/Templates/app_layout","unlisted":false}]},{"type":"link","label":"Architecture","href":"/docs/getting_started/architecture","docId":"getting_started/architecture","unlisted":false}],"href":"/docs/category/getting-started"},{"type":"category","label":"Layouts","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"AppLayout","href":"/docs/layouts/app-layout","docId":"layouts/app-layout","unlisted":false},{"type":"link","label":"FlexLayout","href":"/docs/layouts/flex_layouts","docId":"layouts/flex_layouts","unlisted":false}],"href":"/docs/category/layouts"},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/docs/components/bbj-icon","className":"sidebar--item__hidden","docId":"components/bbj-icon","unlisted":false},{"type":"link","label":"Button","href":"/docs/components/button","docId":"components/button","unlisted":false},{"type":"link","label":"CheckBox","href":"/docs/components/checkbox","docId":"components/checkbox","unlisted":false},{"type":"category","label":"Styles","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"Checkbox","href":"/docs/components/styles/checkbox","className":"sidebar--item__hidden","docId":"components/styles/checkbox","unlisted":false}],"href":"/docs/category/styles"},{"type":"link","label":"Dialog","href":"/docs/components/dialog","docId":"components/dialog","unlisted":false},{"type":"link","label":"Drawer","href":"/docs/components/drawer","docId":"components/drawer","unlisted":false},{"type":"category","label":"Fields","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ColorField","href":"/docs/components/fields/colorfield","docId":"components/fields/color-field","unlisted":false},{"type":"link","label":"DateField","href":"/docs/components/fields/datefield","docId":"components/fields/date-field","unlisted":false},{"type":"link","label":"DateTimeField","href":"/docs/components/fields/datetimefield","docId":"components/fields/date-time-field","unlisted":false},{"type":"link","label":"NumberField","href":"/docs/components/fields/numberfield","docId":"components/fields/number-field","unlisted":false},{"type":"link","label":"PasswordField","href":"/docs/components/fields/passwordfield","docId":"components/fields/password-field","unlisted":false},{"type":"link","label":"TextField","href":"/docs/components/fields/textfield","docId":"components/fields/text-field","unlisted":false},{"type":"link","label":"TimeField","href":"/docs/components/fields/timefield","docId":"components/fields/time-field","unlisted":false}],"href":"/docs/components/fields/"},{"type":"link","label":"Label","href":"/docs/components/label","docId":"components/label","unlisted":false},{"type":"category","label":"Lists","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ChoiceBox","href":"/docs/components/list-components/choicebox","docId":"components/list-components/choice-box","unlisted":false},{"type":"link","label":"ComboBox","href":"/docs/components/list-components/combobox","docId":"components/list-components/combo-box","unlisted":false},{"type":"link","label":"ListBox","href":"/docs/components/list-components/listbox","docId":"components/list-components/list-box","unlisted":false}],"href":"/docs/components/list-components/lists"},{"type":"link","label":"ProgressBar","href":"/docs/components/progress-bar","docId":"components/progress-bar","unlisted":false},{"type":"link","label":"RadioButton","href":"/docs/components/radiobutton","docId":"components/radio-button","unlisted":false},{"type":"link","label":"RadioButtonGroup","href":"/docs/components/radiobuttongroup","docId":"components/radio-group","unlisted":false},{"type":"link","label":"Slider","href":"/docs/components/slider","docId":"components/slider","unlisted":false},{"type":"link","label":"TextArea","href":"/docs/components/text-area","docId":"components/text-area","unlisted":false},{"type":"category","label":"Client Components","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"","href":"/docs/components/client-components/alert-popover","className":"sidebar--item__hidden","docId":"components/client-components/Alert-popover","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/alert","className":"sidebar--item__hidden","docId":"components/client-components/Alert","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/app-layout","className":"sidebar--item__hidden","docId":"components/client-components/App-layout","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/backdrop","className":"sidebar--item__hidden","docId":"components/client-components/Backdrop","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/busy","className":"sidebar--item__hidden","docId":"components/client-components/Busy","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/button","className":"sidebar--item__hidden","docId":"components/client-components/Button","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/cedit","className":"sidebar--item__hidden","docId":"components/client-components/Cedit","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/checkbox","className":"sidebar--item__hidden","docId":"components/client-components/Checkbox","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/color-chooser","className":"sidebar--item__hidden","docId":"components/client-components/Color-chooser","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/dialog","className":"sidebar--item__hidden","docId":"components/client-components/Dialog","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/drawer","className":"sidebar--item__hidden","docId":"components/client-components/Drawer","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/dropdown","className":"sidebar--item__hidden","docId":"components/client-components/Dropdown","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/editbox-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Editbox-spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/editbox","className":"sidebar--item__hidden","docId":"components/client-components/Editbox","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/file-chooser","className":"sidebar--item__hidden","docId":"components/client-components/File-chooser","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/file-save","className":"sidebar--item__hidden","docId":"components/client-components/File-save","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/font-chooser","className":"sidebar--item__hidden","docId":"components/client-components/Font-chooser","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/hotkey","className":"sidebar--item__hidden","docId":"components/client-components/Hotkey","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/icon-button","className":"sidebar--item__hidden","docId":"components/client-components/Icon-button","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/icon","className":"sidebar--item__hidden","docId":"components/client-components/Icon","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/infinite-scroll","className":"sidebar--item__hidden","docId":"components/client-components/Infinite-scroll","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputd-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputd-spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputd","className":"sidebar--item__hidden","docId":"components/client-components/Inputd","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inpute-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inpute-spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inpute","className":"sidebar--item__hidden","docId":"components/client-components/Inpute","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputn-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputn-spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputn","className":"sidebar--item__hidden","docId":"components/client-components/Inputn","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputt-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputt-spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/inputt","className":"sidebar--item__hidden","docId":"components/client-components/Inputt","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/list-button","className":"sidebar--item__hidden","docId":"components/client-components/List-button","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/list-edit","className":"sidebar--item__hidden","docId":"components/client-components/List-edit","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/list","className":"sidebar--item__hidden","docId":"components/client-components/List","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/login","className":"sidebar--item__hidden","docId":"components/client-components/Login","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/menu","className":"sidebar--item__hidden","docId":"components/client-components/Menu","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/menubar","className":"sidebar--item__hidden","docId":"components/client-components/Menubar","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/menuitem","className":"sidebar--item__hidden","docId":"components/client-components/Menuitem","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/navigator","className":"sidebar--item__hidden","docId":"components/client-components/Navigator","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/popover","className":"sidebar--item__hidden","docId":"components/client-components/Popover","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/popupmenu","className":"sidebar--item__hidden","docId":"components/client-components/Popupmenu","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/progressbar","className":"sidebar--item__hidden","docId":"components/client-components/Progressbar","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/radio","className":"sidebar--item__hidden","docId":"components/client-components/Radio","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/refresher","className":"sidebar--item__hidden","docId":"components/client-components/Refresher","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/separator","className":"sidebar--item__hidden","docId":"components/client-components/Separator","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/slider","className":"sidebar--item__hidden","docId":"components/client-components/Slider","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/spinner","className":"sidebar--item__hidden","docId":"components/client-components/Spinner","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/splitter","className":"sidebar--item__hidden","docId":"components/client-components/Splitter","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/tab-panel","className":"sidebar--item__hidden","docId":"components/client-components/Tab-panel","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/tab","className":"sidebar--item__hidden","docId":"components/client-components/Tab","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/tabs-list","className":"sidebar--item__hidden","docId":"components/client-components/Tabs-list","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/toast","className":"sidebar--item__hidden","docId":"components/client-components/Toast","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/tree-node","className":"sidebar--item__hidden","docId":"components/client-components/Tree-node","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/tree","className":"sidebar--item__hidden","docId":"components/client-components/Tree","unlisted":false},{"type":"link","label":"","href":"/docs/components/client-components/upload","className":"sidebar--item__hidden","docId":"components/client-components/Upload","unlisted":false}]},{"type":"category","label":"Events","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"BlurEvent","href":"/docs/components/events/BlurEvent","className":"sidebar--item__hidden","docId":"components/events/blur-event","unlisted":false},{"type":"link","label":"ButtonClickEvent","href":"/docs/components/events/ButtonClickEvent","className":"sidebar--item__hidden","docId":"components/events/button-click-event","unlisted":false},{"type":"link","label":"CheckEvent","href":"/docs/components/events/CheckEvent","className":"sidebar--item__hidden","docId":"components/events/check-event","unlisted":false},{"type":"link","label":"ListClickEvent","href":"/docs/components/events/ListClickEvent","className":"sidebar--item__hidden","docId":"components/events/click-event","unlisted":false},{"type":"link","label":"FocusEvent","href":"/docs/components/events/FocusEvent","className":"sidebar--item__hidden","docId":"components/events/focus-event","unlisted":false},{"type":"link","label":"KeypressEvent","href":"/docs/components/events/KeypressEvent","className":"sidebar--item__hidden","docId":"components/events/keypress-event","unlisted":false},{"type":"link","label":"ListCloseEvent","href":"/docs/components/events/ListCloseEvent","className":"sidebar--item__hidden","docId":"components/events/list-close-event","unlisted":false},{"type":"link","label":"ListEvent","href":"/docs/components/events/ListEvent","className":"sidebar--item__hidden","docId":"components/events/list-event","unlisted":false},{"type":"link","label":"ListOpenEvent","href":"/docs/components/events/ListOpenEvent","className":"sidebar--item__hidden","docId":"components/events/list-open-event","unlisted":false},{"type":"link","label":"ListSelectEvent","href":"/docs/components/events/ListSelectEvent","className":"sidebar--item__hidden","docId":"components/events/list-select-event","unlisted":false},{"type":"link","label":"ModifyEvent","href":"/docs/components/events/ModifyEvent","className":"sidebar--item__hidden","docId":"components/events/modify-event","unlisted":false},{"type":"link","label":"MouseEnterEvent","href":"/docs/components/events/MouseEnterEvent","className":"sidebar--item__hidden","docId":"components/events/mouse-enter-event","unlisted":false},{"type":"link","label":"MouseExitEvent","href":"/docs/components/events/MouseExitEvent","className":"sidebar--item__hidden","docId":"components/events/mouse-exit-event","unlisted":false},{"type":"link","label":"RightMouseDownEvent","href":"/docs/components/events/RightMouseDownEvent","className":"sidebar--item__hidden","docId":"components/events/right-mouse-down-event","unlisted":false},{"type":"link","label":"ToggleEvent","href":"/docs/components/events/ToggleEvent","className":"sidebar--item__hidden","docId":"components/events/toggle-event","unlisted":false},{"type":"link","label":"UncheckEvent","href":"/docs/components/events/UncheckEvent","className":"sidebar--item__hidden","docId":"components/events/uncheck-event","unlisted":false}],"href":"/docs/components/events/event"}],"href":"/docs/components/home"},{"type":"category","label":"Styling","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Themes","href":"/docs/styling/theme","docId":"styling/theme","unlisted":false}],"href":"/docs/styling/styling_intro"},{"type":"link","label":"Glossary","href":"/docs/glossary","className":"sidebar--item__hidden","docId":"glossary","unlisted":false}]},"docs":{"components/bbj-icon":{"id":"components/bbj-icon","title":"Icons","description":"The ` provides methods for displaying a UI icon. An icon is a unelectable SVG image that represents an application, a capability, or some other concept or specific entity with meaning for the user. There are several icons pools that the user can choose from, which will be loaded from a CDN on demand. The following list of pools are available to use out of the box in Button` components:","sidebar":"documentationSidebar"},"components/button":{"id":"components/button","title":"Button","description":"A Button component is a fundamental user interface element used in application development to create interactive elements that trigger actions or events when clicked or activated. It serves as a clickable element that users can interact with to perform various actions within an application or website.","sidebar":"documentationSidebar"},"components/checkbox":{"id":"components/checkbox","title":"CheckBox","description":"The CheckBox class creates a component that can be selected or deselected, and which displays its state to the user. When clicked, a check mark appears inside the box, to indicate an affirmative choice (on). When clicked again, the check mark disappears, indicating a negative choice (off).","sidebar":"documentationSidebar"},"components/client-components/Alert":{"id":"components/client-components/Alert","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Alert-popover":{"id":"components/client-components/Alert-popover","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/App-layout":{"id":"components/client-components/App-layout","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Backdrop":{"id":"components/client-components/Backdrop","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Busy":{"id":"components/client-components/Busy","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Button":{"id":"components/client-components/Button","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Cedit":{"id":"components/client-components/Cedit","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Checkbox":{"id":"components/client-components/Checkbox","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Color-chooser":{"id":"components/client-components/Color-chooser","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Dialog":{"id":"components/client-components/Dialog","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Drawer":{"id":"components/client-components/Drawer","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Dropdown":{"id":"components/client-components/Dropdown","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Editbox":{"id":"components/client-components/Editbox","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Editbox-spinner":{"id":"components/client-components/Editbox-spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/File-chooser":{"id":"components/client-components/File-chooser","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/File-save":{"id":"components/client-components/File-save","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Font-chooser":{"id":"components/client-components/Font-chooser","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Hotkey":{"id":"components/client-components/Hotkey","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Icon":{"id":"components/client-components/Icon","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Icon-button":{"id":"components/client-components/Icon-button","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Infinite-scroll":{"id":"components/client-components/Infinite-scroll","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputd":{"id":"components/client-components/Inputd","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputd-spinner":{"id":"components/client-components/Inputd-spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inpute":{"id":"components/client-components/Inpute","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inpute-spinner":{"id":"components/client-components/Inpute-spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputn":{"id":"components/client-components/Inputn","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputn-spinner":{"id":"components/client-components/Inputn-spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputt":{"id":"components/client-components/Inputt","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Inputt-spinner":{"id":"components/client-components/Inputt-spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/List":{"id":"components/client-components/List","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/List-button":{"id":"components/client-components/List-button","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/List-edit":{"id":"components/client-components/List-edit","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Login":{"id":"components/client-components/Login","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Menu":{"id":"components/client-components/Menu","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Menubar":{"id":"components/client-components/Menubar","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Menuitem":{"id":"components/client-components/Menuitem","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Navigator":{"id":"components/client-components/Navigator","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Popover":{"id":"components/client-components/Popover","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Popupmenu":{"id":"components/client-components/Popupmenu","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Progressbar":{"id":"components/client-components/Progressbar","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Radio":{"id":"components/client-components/Radio","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Refresher":{"id":"components/client-components/Refresher","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Separator":{"id":"components/client-components/Separator","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Slider":{"id":"components/client-components/Slider","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Spinner":{"id":"components/client-components/Spinner","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Splitter":{"id":"components/client-components/Splitter","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Tab":{"id":"components/client-components/Tab","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Tab-panel":{"id":"components/client-components/Tab-panel","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Tabs-list":{"id":"components/client-components/Tabs-list","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Toast":{"id":"components/client-components/Toast","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Tree":{"id":"components/client-components/Tree","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Tree-node":{"id":"components/client-components/Tree-node","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/client-components/Upload":{"id":"components/client-components/Upload","title":"","description":"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.","sidebar":"documentationSidebar"},"components/dialog":{"id":"components/dialog","title":"Dialog","description":"The DWCJ\'s dialog component is built to allow a developer to quickly and easily display a dialog on their application, for instances such as a login menu or information box.","sidebar":"documentationSidebar"},"components/drawer":{"id":"components/drawer","title":"Drawer","description":"The drawer is a container that slides into the viewport to expose additional options and information. Multiple drawers can be created in an application, and they will be stacked above each other.","sidebar":"documentationSidebar"},"components/events/blur-event":{"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.","sidebar":"documentationSidebar"},"components/events/button-click-event":{"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.","sidebar":"documentationSidebar"},"components/events/check-event":{"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.","sidebar":"documentationSidebar"},"components/events/click-event":{"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.","sidebar":"documentationSidebar"},"components/events/event":{"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.","sidebar":"documentationSidebar"},"components/events/focus-event":{"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.","sidebar":"documentationSidebar"},"components/events/keypress-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-close-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-open-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-select-event":{"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.","sidebar":"documentationSidebar"},"components/events/modify-event":{"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.","sidebar":"documentationSidebar"},"components/events/mouse-enter-event":{"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.","sidebar":"documentationSidebar"},"components/events/mouse-exit-event":{"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.","sidebar":"documentationSidebar"},"components/events/right-mouse-down-event":{"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.","sidebar":"documentationSidebar"},"components/events/toggle-event":{"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","sidebar":"documentationSidebar"},"components/events/uncheck-event":{"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","sidebar":"documentationSidebar"},"components/fields/color-field":{"id":"components/fields/color-field","title":"ColorField","description":"The ColorField 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.","sidebar":"documentationSidebar"},"components/fields/date-field":{"id":"components/fields/date-field","title":"DateField","description":"The DateField 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.","sidebar":"documentationSidebar"},"components/fields/date-time-field":{"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.","sidebar":"documentationSidebar"},"components/fields/fields":{"id":"components/fields/fields","title":"Field","description":"The DWCJ supports seven different types of field components, each with various behaviors and implementations that suit various","sidebar":"documentationSidebar"},"components/fields/number-field":{"id":"components/fields/number-field","title":"NumberField","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.","sidebar":"documentationSidebar"},"components/fields/password-field":{"id":"components/fields/password-field","title":"PasswordField","description":"The PasswordField 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.","sidebar":"documentationSidebar"},"components/fields/text-field":{"id":"components/fields/text-field","title":"TextField","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.","sidebar":"documentationSidebar"},"components/fields/time-field":{"id":"components/fields/time-field","title":"TimeField","description":"The TimeField 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.","sidebar":"documentationSidebar"},"components/home":{"id":"components/home","title":"Components","description":"","sidebar":"documentationSidebar"},"components/label":{"id":"components/label","title":"Label","description":"The Label class is used to create a label object which shows static text.","sidebar":"documentationSidebar"},"components/list-components/choice-box":{"id":"components/list-components/choice-box","title":"ChoiceBox","description":"The ChoiceBox component is a user interface element designed to present users with a list of options or choices. Users can select a single option from this list, typically by clicking the ChoiceBox, which triggers the display of a dropdown list containing available choices. Users can also interact with the ChoiceBox with the arrow keys. When a user makes a selection, the chosen option is then displayed in the ChoiceBox button.","sidebar":"documentationSidebar"},"components/list-components/combo-box":{"id":"components/list-components/combo-box","title":"ComboBox","description":"The ComboBox component is a user interface element designed to present users with a list of options or choices, as well as a field for entering their own custom values. Users can select a single option from this list, typically by clicking the ComboBox, which triggers the display of a dropdown list containing available choices, or type in a custom value. Users can also interact with the ComboBox with the arrow keys. When a user makes a selection, the chosen option is then displayed in the ComboBox.","sidebar":"documentationSidebar"},"components/list-components/list-box":{"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.","sidebar":"documentationSidebar"},"components/list-components/lists":{"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.","sidebar":"documentationSidebar"},"components/progress-bar":{"id":"components/progress-bar","title":"ProgressBar","description":"Text and String Painting","sidebar":"documentationSidebar"},"components/radio-button":{"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.","sidebar":"documentationSidebar"},"components/radio-group":{"id":"components/radio-group","title":"RadioButtonGroup","description":"The RadioButtonGroup class is used to group related radio buttons together, which helps establish the mutual exclusivity among the options within that group. Users can select only one radio button within a given radio group. When a user selects a radio button within a group, any previously selected radio button in the same group automatically becomes deselected. This ensures that only one option can be chosen at a time.","sidebar":"documentationSidebar"},"components/slider":{"id":"components/slider","title":"Slider","description":"Upper and Lower Limit","sidebar":"documentationSidebar"},"components/styles/checkbox":{"id":"components/styles/checkbox","title":"Checkbox","description":"Parts and CSS Properties","sidebar":"documentationSidebar"},"components/text-area":{"id":"components/text-area","title":"TextArea","description":"Labeling","sidebar":"documentationSidebar"},"getting_started/architecture":{"id":"getting_started/architecture","title":"Architecture","description":"The following section discussed various performance qualities and best practices for the DWCJ, as well as implementation details for the framework.","sidebar":"documentationSidebar"},"getting_started/configuration":{"id":"getting_started/configuration","title":"Configuration","description":"Options exist to configure the DWCJ in order to load a default class or enable debug mode.","sidebar":"documentationSidebar"},"getting_started/creating_an_application":{"id":"getting_started/creating_an_application","title":"Creating an Application","description":"Once the DWCJ and all applicable dependencies have been installed, it\'s time to start creating! If you followed the installation guide,","sidebar":"documentationSidebar"},"getting_started/Templates/app_layout":{"id":"getting_started/Templates/app_layout","title":"App Layout","description":"","sidebar":"documentationSidebar"},"getting_started/Templates/hello_world":{"id":"getting_started/Templates/hello_world","title":"Hello World","description":"To start a simple application, it is recommended to use the DWCJ\'s HelloWorldJava repository as a template. This can be done using any of the installation methods.","sidebar":"documentationSidebar"},"glossary":{"id":"glossary","title":"Glossary","description":"Shadow DOM","sidebar":"documentationSidebar"},"installation/contributors":{"id":"installation/contributors","title":"Contributors","description":"This installation guide is aimed at developers wishing to contribute to the engine, and thus contains more complex","sidebar":"documentationSidebar"},"installation/docker_user":{"id":"installation/docker_user","title":"Docker","description":"This section of the documentation will cover the steps required for users who wish to develop using Docker. Changes to your code","sidebar":"documentationSidebar"},"installation/github_codespaces":{"id":"installation/github_codespaces","title":"Github Codespaces","description":"The DWCJ\'s Hello World Repository has been configured to run in Github Codespaces. Codespaces is a cloud-based development environment, and allows you to develop and run DWCJ applications directly within your browser. To start developing with this tool, follow the steps below:","sidebar":"documentationSidebar"},"installation/installation":{"id":"installation/installation","title":"Installation","description":"Current BBj Version Required: 23.00 or newer","sidebar":"documentationSidebar"},"installation/local_install":{"id":"installation/local_install","title":"Local Installation","description":"This section of the documentation will cover the steps required only for","sidebar":"documentationSidebar"},"intro":{"id":"intro","title":"Overview","description":"To begin utilization of the DWCJ, it is recommended you follow one of the","sidebar":"documentationSidebar"},"layouts/app-layout":{"id":"layouts/app-layout","title":"AppLayout","description":"Features","sidebar":"documentationSidebar"},"layouts/flex_layouts":{"id":"layouts/flex_layouts","title":"FlexLayout","description":"The DWCJ provides developers with an efficient and intuitive way to layout their various applications and components - the Flex Layout. This toolset allows for items to be displayed either vertically or horizontally.","sidebar":"documentationSidebar"},"styling/styling_intro":{"id":"styling/styling_intro","title":"Styling","description":"Application Theme","sidebar":"documentationSidebar"},"styling/theme":{"id":"styling/theme","title":"Themes","description":"The DWCJ ships three themes by default, as well as with the ability to create your own, custom theme. The default themes are light theme, which is the default with a light background, dark which has a dark background tinted with the primary color and dark-pure which has a pure dark background (gray tones, not fully black).","sidebar":"documentationSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/935f2afb.6231cdca.js b/assets/js/935f2afb.6231cdca.js deleted file mode 100644 index 946a5ef1d..000000000 --- a/assets/js/935f2afb.6231cdca.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"documentationSidebar":[{"type":"link","label":"Overview","href":"/docs/intro","docId":"intro","unlisted":false},{"type":"category","label":"Installation","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Docker","href":"/docs/installation/docker_user","docId":"installation/docker_user","unlisted":false},{"type":"link","label":"Github Codespaces","href":"/docs/installation/github_codespaces","docId":"installation/github_codespaces","unlisted":false},{"type":"link","label":"Local Installation","href":"/docs/installation/local_install","docId":"installation/local_install","unlisted":false},{"type":"link","label":"Contributors","href":"/docs/installation/contributors","docId":"installation/contributors","unlisted":false}],"href":"/docs/installation/"},{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Creating an Application","href":"/docs/getting_started/creating_an_application","docId":"getting_started/creating_an_application","unlisted":false},{"type":"link","label":"Configuration","href":"/docs/getting_started/configuration","docId":"getting_started/configuration","unlisted":false},{"type":"category","label":"Templates","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Hello World","href":"/docs/getting_started/Templates/hello_world","docId":"getting_started/Templates/hello_world","unlisted":false},{"type":"link","label":"App Layout","href":"/docs/getting_started/Templates/app_layout","className":"sidebar--item__hidden","docId":"getting_started/Templates/app_layout","unlisted":false}]},{"type":"link","label":"Architecture","href":"/docs/getting_started/architecture","docId":"getting_started/architecture","unlisted":false}],"href":"/docs/category/getting-started"},{"type":"category","label":"Layouts","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"AppLayout","href":"/docs/layouts/app-layout","docId":"layouts/app-layout","unlisted":false},{"type":"link","label":"FlexLayout","href":"/docs/layouts/flex_layouts","docId":"layouts/flex_layouts","unlisted":false}],"href":"/docs/category/layouts"},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/docs/components/bbj-icon","className":"sidebar--item__hidden","docId":"components/bbj-icon","unlisted":false},{"type":"link","label":"Button","href":"/docs/components/button","docId":"components/button","unlisted":false},{"type":"link","label":"CheckBox","href":"/docs/components/checkbox","docId":"components/checkbox","unlisted":false},{"type":"category","label":"Styles","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"Checkbox","href":"/docs/components/styles/checkbox","className":"sidebar--item__hidden","docId":"components/styles/checkbox","unlisted":false}],"href":"/docs/category/styles"},{"type":"link","label":"Dialog","href":"/docs/components/dialog","docId":"components/dialog","unlisted":false},{"type":"link","label":"Drawer","href":"/docs/components/drawer","docId":"components/drawer","unlisted":false},{"type":"category","label":"Fields","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ColorField","href":"/docs/components/fields/colorfield","docId":"components/fields/color-field","unlisted":false},{"type":"link","label":"DateField","href":"/docs/components/fields/datefield","docId":"components/fields/date-field","unlisted":false},{"type":"link","label":"DateTimeField","href":"/docs/components/fields/datetimefield","docId":"components/fields/date-time-field","unlisted":false},{"type":"link","label":"NumberField","href":"/docs/components/fields/numberfield","docId":"components/fields/number-field","unlisted":false},{"type":"link","label":"PasswordField","href":"/docs/components/fields/passwordfield","docId":"components/fields/password-field","unlisted":false},{"type":"link","label":"TextField","href":"/docs/components/fields/textfield","docId":"components/fields/text-field","unlisted":false},{"type":"link","label":"TimeField","href":"/docs/components/fields/timefield","docId":"components/fields/time-field","unlisted":false}],"href":"/docs/components/fields/"},{"type":"link","label":"Label","href":"/docs/components/label","docId":"components/label","unlisted":false},{"type":"category","label":"Lists","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"ChoiceBox","href":"/docs/components/list-components/choicebox","docId":"components/list-components/choice-box","unlisted":false},{"type":"link","label":"ComboBox","href":"/docs/components/list-components/combobox","docId":"components/list-components/combo-box","unlisted":false},{"type":"link","label":"ListBox","href":"/docs/components/list-components/listbox","docId":"components/list-components/list-box","unlisted":false}],"href":"/docs/components/list-components/lists"},{"type":"link","label":"ProgressBar","href":"/docs/components/progress-bar","docId":"components/progress-bar","unlisted":false},{"type":"link","label":"RadioButton","href":"/docs/components/radiobutton","docId":"components/radio-button","unlisted":false},{"type":"link","label":"RadioButtonGroup","href":"/docs/components/radiobuttongroup","docId":"components/radio-group","unlisted":false},{"type":"link","label":"Slider","href":"/docs/components/slider","docId":"components/slider","unlisted":false},{"type":"link","label":"TextArea","href":"/docs/components/text-area","docId":"components/text-area","unlisted":false},{"type":"category","label":"Client Components","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"","href":"/docs/components/client-components/Alert-popover","className":"sidebar--item__hidden","docId":"components/client-components/Alert-popover","unlisted":false},{"type":"link","label":"bbj-alert","href":"/docs/components/client-components/Alert","className":"sidebar--item__hidden","docId":"components/client-components/Alert","unlisted":false},{"type":"link","label":"bbj-app-layout","href":"/docs/components/client-components/App-layout","className":"sidebar--item__hidden","docId":"components/client-components/App-layout","unlisted":false},{"type":"link","label":"bbj-backdrop","href":"/docs/components/client-components/Backdrop","className":"sidebar--item__hidden","docId":"components/client-components/Backdrop","unlisted":false},{"type":"link","label":"bbj-busy","href":"/docs/components/client-components/Busy","className":"sidebar--item__hidden","docId":"components/client-components/Busy","unlisted":false},{"type":"link","label":"bbj-button","href":"/docs/components/client-components/Button","className":"sidebar--item__hidden","docId":"components/client-components/Button","unlisted":false},{"type":"link","label":"bbj-cedit","href":"/docs/components/client-components/Cedit","className":"sidebar--item__hidden","docId":"components/client-components/Cedit","unlisted":false},{"type":"link","label":"bbj-checkbox","href":"/docs/components/client-components/Checkbox","className":"sidebar--item__hidden","docId":"components/client-components/Checkbox","unlisted":false},{"type":"link","label":"bbj-color-chooser","href":"/docs/components/client-components/Color-chooser","className":"sidebar--item__hidden","docId":"components/client-components/Color-chooser","unlisted":false},{"type":"link","label":"bbj-dialog","href":"/docs/components/client-components/Dialog","className":"sidebar--item__hidden","docId":"components/client-components/Dialog","unlisted":false},{"type":"link","label":"bbj-drawer","href":"/docs/components/client-components/Drawer","className":"sidebar--item__hidden","docId":"components/client-components/Drawer","unlisted":false},{"type":"link","label":"bbj-dropdown","href":"/docs/components/client-components/Dropdown","className":"sidebar--item__hidden","docId":"components/client-components/Dropdown","unlisted":false},{"type":"link","label":"bbj-editbox-spinner","href":"/docs/components/client-components/Editbox-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Editbox-spinner","unlisted":false},{"type":"link","label":"bbj-editbox","href":"/docs/components/client-components/Editbox","className":"sidebar--item__hidden","docId":"components/client-components/Editbox","unlisted":false},{"type":"link","label":"bbj-file-chooser","href":"/docs/components/client-components/File-chooser","className":"sidebar--item__hidden","docId":"components/client-components/File-chooser","unlisted":false},{"type":"link","label":"bbj-file-save","href":"/docs/components/client-components/File-save","className":"sidebar--item__hidden","docId":"components/client-components/File-save","unlisted":false},{"type":"link","label":"bbj-font-chooser","href":"/docs/components/client-components/Font-chooser","className":"sidebar--item__hidden","docId":"components/client-components/Font-chooser","unlisted":false},{"type":"link","label":"bbj-hotkey","href":"/docs/components/client-components/Hotkey","className":"sidebar--item__hidden","docId":"components/client-components/Hotkey","unlisted":false},{"type":"link","label":"bbj-icon-button","href":"/docs/components/client-components/Icon-button","className":"sidebar--item__hidden","docId":"components/client-components/Icon-button","unlisted":false},{"type":"link","label":"bbj-icon","href":"/docs/components/client-components/Icon","className":"sidebar--item__hidden","docId":"components/client-components/Icon","unlisted":false},{"type":"link","label":"bbj-infinite-scroll","href":"/docs/components/client-components/Infinite-scroll","className":"sidebar--item__hidden","docId":"components/client-components/Infinite-scroll","unlisted":false},{"type":"link","label":"bbj-inputd-spinner","href":"/docs/components/client-components/Inputd-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputd-spinner","unlisted":false},{"type":"link","label":"bbj-inputd","href":"/docs/components/client-components/Inputd","className":"sidebar--item__hidden","docId":"components/client-components/Inputd","unlisted":false},{"type":"link","label":"bbj-inpute-spinner","href":"/docs/components/client-components/Inpute-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inpute-spinner","unlisted":false},{"type":"link","label":"bbj-inpute","href":"/docs/components/client-components/Inpute","className":"sidebar--item__hidden","docId":"components/client-components/Inpute","unlisted":false},{"type":"link","label":"bbj-inputn-spinner","href":"/docs/components/client-components/Inputn-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputn-spinner","unlisted":false},{"type":"link","label":"bbj-inputn","href":"/docs/components/client-components/Inputn","className":"sidebar--item__hidden","docId":"components/client-components/Inputn","unlisted":false},{"type":"link","label":"bbj-inputt-spinner","href":"/docs/components/client-components/Inputt-spinner","className":"sidebar--item__hidden","docId":"components/client-components/Inputt-spinner","unlisted":false},{"type":"link","label":"bbj-inputt","href":"/docs/components/client-components/Inputt","className":"sidebar--item__hidden","docId":"components/client-components/Inputt","unlisted":false},{"type":"link","label":"bbj-list-button","href":"/docs/components/client-components/List-button","className":"sidebar--item__hidden","docId":"components/client-components/List-button","unlisted":false},{"type":"link","label":"bbj-list-edit","href":"/docs/components/client-components/List-edit","className":"sidebar--item__hidden","docId":"components/client-components/List-edit","unlisted":false},{"type":"link","label":"bbj-list","href":"/docs/components/client-components/List","className":"sidebar--item__hidden","docId":"components/client-components/List","unlisted":false},{"type":"link","label":"bbj-login","href":"/docs/components/client-components/Login","className":"sidebar--item__hidden","docId":"components/client-components/Login","unlisted":false},{"type":"link","label":"bbj-menu","href":"/docs/components/client-components/Menu","className":"sidebar--item__hidden","docId":"components/client-components/Menu","unlisted":false},{"type":"link","label":"bbj-menubar","href":"/docs/components/client-components/Menubar","className":"sidebar--item__hidden","docId":"components/client-components/Menubar","unlisted":false},{"type":"link","label":"bbj-menuitem","href":"/docs/components/client-components/Menuitem","className":"sidebar--item__hidden","docId":"components/client-components/Menuitem","unlisted":false},{"type":"link","label":"bbj-navigator","href":"/docs/components/client-components/Navigator","className":"sidebar--item__hidden","docId":"components/client-components/Navigator","unlisted":false},{"type":"link","label":"bbj-popover","href":"/docs/components/client-components/Popover","className":"sidebar--item__hidden","docId":"components/client-components/Popover","unlisted":false},{"type":"link","label":"bbj-popupmenu","href":"/docs/components/client-components/Popupmenu","className":"sidebar--item__hidden","docId":"components/client-components/Popupmenu","unlisted":false},{"type":"link","label":"bbj-progressbar","href":"/docs/components/client-components/Progressbar","className":"sidebar--item__hidden","docId":"components/client-components/Progressbar","unlisted":false},{"type":"link","label":"bbj-radio","href":"/docs/components/client-components/Radio","className":"sidebar--item__hidden","docId":"components/client-components/Radio","unlisted":false},{"type":"link","label":"bbj-refresher","href":"/docs/components/client-components/Refresher","className":"sidebar--item__hidden","docId":"components/client-components/Refresher","unlisted":false},{"type":"link","label":"bbj-separator","href":"/docs/components/client-components/Separator","className":"sidebar--item__hidden","docId":"components/client-components/Separator","unlisted":false},{"type":"link","label":"bbj-slider","href":"/docs/components/client-components/Slider","className":"sidebar--item__hidden","docId":"components/client-components/Slider","unlisted":false},{"type":"link","label":"bbj-spinner","href":"/docs/components/client-components/Spinner","className":"sidebar--item__hidden","docId":"components/client-components/Spinner","unlisted":false},{"type":"link","label":"bbj-splitter","href":"/docs/components/client-components/Splitter","className":"sidebar--item__hidden","docId":"components/client-components/Splitter","unlisted":false},{"type":"link","label":"bbj-tab-panel","href":"/docs/components/client-components/Tab-panel","className":"sidebar--item__hidden","docId":"components/client-components/Tab-panel","unlisted":false},{"type":"link","label":"bbj-tab","href":"/docs/components/client-components/Tab","className":"sidebar--item__hidden","docId":"components/client-components/Tab","unlisted":false},{"type":"link","label":"bbj-tabs-list","href":"/docs/components/client-components/Tabs-list","className":"sidebar--item__hidden","docId":"components/client-components/Tabs-list","unlisted":false},{"type":"link","label":"bbj-toast","href":"/docs/components/client-components/Toast","className":"sidebar--item__hidden","docId":"components/client-components/Toast","unlisted":false},{"type":"link","label":"bbj-tree-node","href":"/docs/components/client-components/Tree-node","className":"sidebar--item__hidden","docId":"components/client-components/Tree-node","unlisted":false},{"type":"link","label":"bbj-tree","href":"/docs/components/client-components/Tree","className":"sidebar--item__hidden","docId":"components/client-components/Tree","unlisted":false},{"type":"link","label":"bbj-upload","href":"/docs/components/client-components/Upload","className":"sidebar--item__hidden","docId":"components/client-components/Upload","unlisted":false}]},{"type":"category","label":"Events","collapsible":true,"collapsed":true,"className":"sidebar--item__hidden","items":[{"type":"link","label":"BlurEvent","href":"/docs/components/events/BlurEvent","className":"sidebar--item__hidden","docId":"components/events/blur-event","unlisted":false},{"type":"link","label":"ButtonClickEvent","href":"/docs/components/events/ButtonClickEvent","className":"sidebar--item__hidden","docId":"components/events/button-click-event","unlisted":false},{"type":"link","label":"CheckEvent","href":"/docs/components/events/CheckEvent","className":"sidebar--item__hidden","docId":"components/events/check-event","unlisted":false},{"type":"link","label":"ListClickEvent","href":"/docs/components/events/ListClickEvent","className":"sidebar--item__hidden","docId":"components/events/click-event","unlisted":false},{"type":"link","label":"FocusEvent","href":"/docs/components/events/FocusEvent","className":"sidebar--item__hidden","docId":"components/events/focus-event","unlisted":false},{"type":"link","label":"KeypressEvent","href":"/docs/components/events/KeypressEvent","className":"sidebar--item__hidden","docId":"components/events/keypress-event","unlisted":false},{"type":"link","label":"ListCloseEvent","href":"/docs/components/events/ListCloseEvent","className":"sidebar--item__hidden","docId":"components/events/list-close-event","unlisted":false},{"type":"link","label":"ListEvent","href":"/docs/components/events/ListEvent","className":"sidebar--item__hidden","docId":"components/events/list-event","unlisted":false},{"type":"link","label":"ListOpenEvent","href":"/docs/components/events/ListOpenEvent","className":"sidebar--item__hidden","docId":"components/events/list-open-event","unlisted":false},{"type":"link","label":"ListSelectEvent","href":"/docs/components/events/ListSelectEvent","className":"sidebar--item__hidden","docId":"components/events/list-select-event","unlisted":false},{"type":"link","label":"ModifyEvent","href":"/docs/components/events/ModifyEvent","className":"sidebar--item__hidden","docId":"components/events/modify-event","unlisted":false},{"type":"link","label":"MouseEnterEvent","href":"/docs/components/events/MouseEnterEvent","className":"sidebar--item__hidden","docId":"components/events/mouse-enter-event","unlisted":false},{"type":"link","label":"MouseExitEvent","href":"/docs/components/events/MouseExitEvent","className":"sidebar--item__hidden","docId":"components/events/mouse-exit-event","unlisted":false},{"type":"link","label":"RightMouseDownEvent","href":"/docs/components/events/RightMouseDownEvent","className":"sidebar--item__hidden","docId":"components/events/right-mouse-down-event","unlisted":false},{"type":"link","label":"ToggleEvent","href":"/docs/components/events/ToggleEvent","className":"sidebar--item__hidden","docId":"components/events/toggle-event","unlisted":false},{"type":"link","label":"UncheckEvent","href":"/docs/components/events/UncheckEvent","className":"sidebar--item__hidden","docId":"components/events/uncheck-event","unlisted":false}],"href":"/docs/components/events/event"}],"href":"/docs/components/home"},{"type":"category","label":"Styling","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Themes","href":"/docs/styling/theme","docId":"styling/theme","unlisted":false}],"href":"/docs/styling/styling_intro"},{"type":"link","label":"Glossary","href":"/docs/glossary","className":"sidebar--item__hidden","docId":"glossary","unlisted":false}]},"docs":{"components/bbj-icon":{"id":"components/bbj-icon","title":"Icons","description":"The ` provides methods for displaying a UI icon. An icon is a unelectable SVG image that represents an application, a capability, or some other concept or specific entity with meaning for the user. There are several icons pools that the user can choose from, which will be loaded from a CDN on demand. The following list of pools are available to use out of the box in Button` components:","sidebar":"documentationSidebar"},"components/button":{"id":"components/button","title":"Button","description":"A Button component is a fundamental user interface element used in application development to create interactive elements that trigger actions or events when clicked or activated. It serves as a clickable element that users can interact with to perform various actions within an application or website.","sidebar":"documentationSidebar"},"components/checkbox":{"id":"components/checkbox","title":"CheckBox","description":"The CheckBox class creates a component that can be selected or deselected, and which displays its state to the user. When clicked, a check mark appears inside the box, to indicate an affirmative choice (on). When clicked again, the check mark disappears, indicating a negative choice (off).","sidebar":"documentationSidebar"},"components/client-components/Alert":{"id":"components/client-components/Alert","title":"bbj-alert","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Alert-popover":{"id":"components/client-components/Alert-popover","title":"","description":"bbj-alert-popover --\x3e","sidebar":"documentationSidebar"},"components/client-components/App-layout":{"id":"components/client-components/App-layout","title":"bbj-app-layout","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Backdrop":{"id":"components/client-components/Backdrop","title":"bbj-backdrop","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Busy":{"id":"components/client-components/Busy","title":"bbj-busy","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Button":{"id":"components/client-components/Button","title":"bbj-button","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Cedit":{"id":"components/client-components/Cedit","title":"bbj-cedit","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Checkbox":{"id":"components/client-components/Checkbox","title":"bbj-checkbox","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Color-chooser":{"id":"components/client-components/Color-chooser","title":"bbj-color-chooser","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Dialog":{"id":"components/client-components/Dialog","title":"bbj-dialog","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Drawer":{"id":"components/client-components/Drawer","title":"bbj-drawer","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Dropdown":{"id":"components/client-components/Dropdown","title":"bbj-dropdown","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Editbox":{"id":"components/client-components/Editbox","title":"bbj-editbox","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Editbox-spinner":{"id":"components/client-components/Editbox-spinner","title":"bbj-editbox-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/File-chooser":{"id":"components/client-components/File-chooser","title":"bbj-file-chooser","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/File-save":{"id":"components/client-components/File-save","title":"bbj-file-save","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Font-chooser":{"id":"components/client-components/Font-chooser","title":"bbj-font-chooser","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Hotkey":{"id":"components/client-components/Hotkey","title":"bbj-hotkey","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Icon":{"id":"components/client-components/Icon","title":"bbj-icon","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Icon-button":{"id":"components/client-components/Icon-button","title":"bbj-icon-button","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Infinite-scroll":{"id":"components/client-components/Infinite-scroll","title":"bbj-infinite-scroll","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputd":{"id":"components/client-components/Inputd","title":"bbj-inputd","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputd-spinner":{"id":"components/client-components/Inputd-spinner","title":"bbj-inputd-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inpute":{"id":"components/client-components/Inpute","title":"bbj-inpute","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inpute-spinner":{"id":"components/client-components/Inpute-spinner","title":"bbj-inpute-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputn":{"id":"components/client-components/Inputn","title":"bbj-inputn","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputn-spinner":{"id":"components/client-components/Inputn-spinner","title":"bbj-inputn-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputt":{"id":"components/client-components/Inputt","title":"bbj-inputt","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Inputt-spinner":{"id":"components/client-components/Inputt-spinner","title":"bbj-inputt-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/List":{"id":"components/client-components/List","title":"bbj-list","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/List-button":{"id":"components/client-components/List-button","title":"bbj-list-button","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/List-edit":{"id":"components/client-components/List-edit","title":"bbj-list-edit","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Login":{"id":"components/client-components/Login","title":"bbj-login","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Menu":{"id":"components/client-components/Menu","title":"bbj-menu","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Menubar":{"id":"components/client-components/Menubar","title":"bbj-menubar","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Menuitem":{"id":"components/client-components/Menuitem","title":"bbj-menuitem","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Navigator":{"id":"components/client-components/Navigator","title":"bbj-navigator","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Popover":{"id":"components/client-components/Popover","title":"bbj-popover","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Popupmenu":{"id":"components/client-components/Popupmenu","title":"bbj-popupmenu","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Progressbar":{"id":"components/client-components/Progressbar","title":"bbj-progressbar","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Radio":{"id":"components/client-components/Radio","title":"bbj-radio","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Refresher":{"id":"components/client-components/Refresher","title":"bbj-refresher","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Separator":{"id":"components/client-components/Separator","title":"bbj-separator","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Slider":{"id":"components/client-components/Slider","title":"bbj-slider","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Spinner":{"id":"components/client-components/Spinner","title":"bbj-spinner","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Splitter":{"id":"components/client-components/Splitter","title":"bbj-splitter","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Tab":{"id":"components/client-components/Tab","title":"bbj-tab","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Tab-panel":{"id":"components/client-components/Tab-panel","title":"bbj-tab-panel","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Tabs-list":{"id":"components/client-components/Tabs-list","title":"bbj-tabs-list","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Toast":{"id":"components/client-components/Toast","title":"bbj-toast","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Tree":{"id":"components/client-components/Tree","title":"bbj-tree","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Tree-node":{"id":"components/client-components/Tree-node","title":"bbj-tree-node","description":"Styling","sidebar":"documentationSidebar"},"components/client-components/Upload":{"id":"components/client-components/Upload","title":"bbj-upload","description":"Styling","sidebar":"documentationSidebar"},"components/dialog":{"id":"components/dialog","title":"Dialog","description":"The DWCJ\'s dialog component is built to allow a developer to quickly and easily display a dialog on their application, for instances such as a login menu or information box.","sidebar":"documentationSidebar"},"components/drawer":{"id":"components/drawer","title":"Drawer","description":"The drawer is a container that slides into the viewport to expose additional options and information. Multiple drawers can be created in an application, and they will be stacked above each other.","sidebar":"documentationSidebar"},"components/events/blur-event":{"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.","sidebar":"documentationSidebar"},"components/events/button-click-event":{"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.","sidebar":"documentationSidebar"},"components/events/check-event":{"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.","sidebar":"documentationSidebar"},"components/events/click-event":{"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.","sidebar":"documentationSidebar"},"components/events/event":{"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.","sidebar":"documentationSidebar"},"components/events/focus-event":{"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.","sidebar":"documentationSidebar"},"components/events/keypress-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-close-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-open-event":{"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.","sidebar":"documentationSidebar"},"components/events/list-select-event":{"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.","sidebar":"documentationSidebar"},"components/events/modify-event":{"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.","sidebar":"documentationSidebar"},"components/events/mouse-enter-event":{"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.","sidebar":"documentationSidebar"},"components/events/mouse-exit-event":{"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.","sidebar":"documentationSidebar"},"components/events/right-mouse-down-event":{"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.","sidebar":"documentationSidebar"},"components/events/toggle-event":{"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","sidebar":"documentationSidebar"},"components/events/uncheck-event":{"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","sidebar":"documentationSidebar"},"components/fields/color-field":{"id":"components/fields/color-field","title":"ColorField","description":"The ColorField 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.","sidebar":"documentationSidebar"},"components/fields/date-field":{"id":"components/fields/date-field","title":"DateField","description":"The DateField 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.","sidebar":"documentationSidebar"},"components/fields/date-time-field":{"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.","sidebar":"documentationSidebar"},"components/fields/fields":{"id":"components/fields/fields","title":"Field","description":"The DWCJ supports seven different types of field components, each with various behaviors and implementations that suit various","sidebar":"documentationSidebar"},"components/fields/number-field":{"id":"components/fields/number-field","title":"NumberField","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.","sidebar":"documentationSidebar"},"components/fields/password-field":{"id":"components/fields/password-field","title":"PasswordField","description":"The PasswordField 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.","sidebar":"documentationSidebar"},"components/fields/text-field":{"id":"components/fields/text-field","title":"TextField","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.","sidebar":"documentationSidebar"},"components/fields/time-field":{"id":"components/fields/time-field","title":"TimeField","description":"The TimeField 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.","sidebar":"documentationSidebar"},"components/home":{"id":"components/home","title":"Components","description":"","sidebar":"documentationSidebar"},"components/label":{"id":"components/label","title":"Label","description":"The Label class is used to create a label object which shows static text.","sidebar":"documentationSidebar"},"components/list-components/choice-box":{"id":"components/list-components/choice-box","title":"ChoiceBox","description":"The ChoiceBox component is a user interface element designed to present users with a list of options or choices. Users can select a single option from this list, typically by clicking the ChoiceBox, which triggers the display of a dropdown list containing available choices. Users can also interact with the ChoiceBox with the arrow keys. When a user makes a selection, the chosen option is then displayed in the ChoiceBox button.","sidebar":"documentationSidebar"},"components/list-components/combo-box":{"id":"components/list-components/combo-box","title":"ComboBox","description":"The ComboBox component is a user interface element designed to present users with a list of options or choices, as well as a field for entering their own custom values. Users can select a single option from this list, typically by clicking the ComboBox, which triggers the display of a dropdown list containing available choices, or type in a custom value. Users can also interact with the ComboBox with the arrow keys. When a user makes a selection, the chosen option is then displayed in the ComboBox.","sidebar":"documentationSidebar"},"components/list-components/list-box":{"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.","sidebar":"documentationSidebar"},"components/list-components/lists":{"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.","sidebar":"documentationSidebar"},"components/progress-bar":{"id":"components/progress-bar","title":"ProgressBar","description":"Text and String Painting","sidebar":"documentationSidebar"},"components/radio-button":{"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.","sidebar":"documentationSidebar"},"components/radio-group":{"id":"components/radio-group","title":"RadioButtonGroup","description":"The RadioButtonGroup class is used to group related radio buttons together, which helps establish the mutual exclusivity among the options within that group. Users can select only one radio button within a given radio group. When a user selects a radio button within a group, any previously selected radio button in the same group automatically becomes deselected. This ensures that only one option can be chosen at a time.","sidebar":"documentationSidebar"},"components/slider":{"id":"components/slider","title":"Slider","description":"Upper and Lower Limit","sidebar":"documentationSidebar"},"components/styles/checkbox":{"id":"components/styles/checkbox","title":"Checkbox","description":"Parts and CSS Properties","sidebar":"documentationSidebar"},"components/text-area":{"id":"components/text-area","title":"TextArea","description":"Labeling","sidebar":"documentationSidebar"},"getting_started/architecture":{"id":"getting_started/architecture","title":"Architecture","description":"The following section discussed various performance qualities and best practices for the DWCJ, as well as implementation details for the framework.","sidebar":"documentationSidebar"},"getting_started/configuration":{"id":"getting_started/configuration","title":"Configuration","description":"Options exist to configure the DWCJ in order to load a default class or enable debug mode.","sidebar":"documentationSidebar"},"getting_started/creating_an_application":{"id":"getting_started/creating_an_application","title":"Creating an Application","description":"Once the DWCJ and all applicable dependencies have been installed, it\'s time to start creating! If you followed the installation guide,","sidebar":"documentationSidebar"},"getting_started/Templates/app_layout":{"id":"getting_started/Templates/app_layout","title":"App Layout","description":"","sidebar":"documentationSidebar"},"getting_started/Templates/hello_world":{"id":"getting_started/Templates/hello_world","title":"Hello World","description":"To start a simple application, it is recommended to use the DWCJ\'s HelloWorldJava repository as a template. This can be done using any of the installation methods.","sidebar":"documentationSidebar"},"glossary":{"id":"glossary","title":"Glossary","description":"Shadow DOM","sidebar":"documentationSidebar"},"installation/contributors":{"id":"installation/contributors","title":"Contributors","description":"This installation guide is aimed at developers wishing to contribute to the engine, and thus contains more complex","sidebar":"documentationSidebar"},"installation/docker_user":{"id":"installation/docker_user","title":"Docker","description":"This section of the documentation will cover the steps required for users who wish to develop using Docker. Changes to your code","sidebar":"documentationSidebar"},"installation/github_codespaces":{"id":"installation/github_codespaces","title":"Github Codespaces","description":"The DWCJ\'s Hello World Repository has been configured to run in Github Codespaces. Codespaces is a cloud-based development environment, and allows you to develop and run DWCJ applications directly within your browser. To start developing with this tool, follow the steps below:","sidebar":"documentationSidebar"},"installation/installation":{"id":"installation/installation","title":"Installation","description":"Current BBj Version Required: 23.00 or newer","sidebar":"documentationSidebar"},"installation/local_install":{"id":"installation/local_install","title":"Local Installation","description":"This section of the documentation will cover the steps required only for","sidebar":"documentationSidebar"},"intro":{"id":"intro","title":"Overview","description":"To begin utilization of the DWCJ, it is recommended you follow one of the","sidebar":"documentationSidebar"},"layouts/app-layout":{"id":"layouts/app-layout","title":"AppLayout","description":"Features","sidebar":"documentationSidebar"},"layouts/flex_layouts":{"id":"layouts/flex_layouts","title":"FlexLayout","description":"The DWCJ provides developers with an efficient and intuitive way to layout their various applications and components - the Flex Layout. This toolset allows for items to be displayed either vertically or horizontally.","sidebar":"documentationSidebar"},"styling/styling_intro":{"id":"styling/styling_intro","title":"Styling","description":"Application Theme","sidebar":"documentationSidebar"},"styling/theme":{"id":"styling/theme","title":"Themes","description":"The DWCJ ships three themes by default, as well as with the ability to create your own, custom theme. The default themes are light theme, which is the default with a light background, dark which has a dark background tinted with the primary color and dark-pure which has a pure dark background (gray tones, not fully black).","sidebar":"documentationSidebar"}}}')}}]); \ No newline at end of file diff --git a/assets/js/977f47c1.8ca73885.js b/assets/js/977f47c1.8ca73885.js new file mode 100644 index 000000000..962a9f0f4 --- /dev/null +++ b/assets/js/977f47c1.8ca73885.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7964],{1219:(n,t,e)=>{e.r(t),e.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var i=e(5893),o=e(1151),s=e(7796),a=e(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputd-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/Inputd-spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputd-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputd-spinner",permalink:"/docs/components/client-components/inputd-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputd-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputd-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/infinite-scroll"},next:{title:"",permalink:"/docs/components/client-components/inputd"}},l={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-inputd-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,i.jsx)(t,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/977f47c1.9b8e4a1a.js b/assets/js/977f47c1.9b8e4a1a.js deleted file mode 100644 index 7c81c1956..000000000 --- a/assets/js/977f47c1.9b8e4a1a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7964],{1219:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>c,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"bbj-inputd-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputd-spinner","// pagination_prev":null,"// pagination_next":null},l=void 0,r={id:"components/client-components/Inputd-spinner",title:"bbj-inputd-spinner",description:"Styling",source:"@site/docs/components/client-components/Inputd-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputd-spinner",permalink:"/docs/components/client-components/Inputd-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputd-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputd-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputd-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-infinite-scroll",permalink:"/docs/components/client-components/Infinite-scroll"},next:{title:"bbj-inputd",permalink:"/docs/components/client-components/Inputd"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const e={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputd-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(e.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(e.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(e.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(e.strong,{children:[(0,i.jsx)(e.code,{children:"bbj-inputd-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(s.Z,{tag:"bbj-inputd-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/9807f789.3393294f.js b/assets/js/9807f789.3393294f.js new file mode 100644 index 000000000..07b011ece --- /dev/null +++ b/assets/js/9807f789.3393294f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1878],{9888:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>c,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),l=t(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"infinite-scroll","// pagination_prev":null,"// pagination_next":null},a=void 0,r={id:"components/client-components/Infinite-scroll",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Infinite-scroll.md",sourceDirName:"components/client-components",slug:"/components/client-components/infinite-scroll",permalink:"/docs/components/client-components/infinite-scroll",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Infinite-scroll.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"infinite-scroll","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/icon"},next:{title:"",permalink:"/docs/components/client-components/inputd-spinner"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"dependencies"})]})}function m(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/9807f789.f42a84f1.js b/assets/js/9807f789.f42a84f1.js deleted file mode 100644 index 4cd35f66b..000000000 --- a/assets/js/9807f789.f42a84f1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1878],{9888:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>a,default:()=>b,frontMatter:()=>c,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),l=t(2665);const c={sidebar_position:0,title:"bbj-infinite-scroll",sidebar_class_name:"sidebar--item__hidden",slug:"Infinite-scroll","// pagination_prev":null,"// pagination_next":null},a=void 0,r={id:"components/client-components/Infinite-scroll",title:"bbj-infinite-scroll",description:"Styling",source:"@site/docs/components/client-components/Infinite-scroll.md",sourceDirName:"components/client-components",slug:"/components/client-components/Infinite-scroll",permalink:"/docs/components/client-components/Infinite-scroll",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Infinite-scroll.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-infinite-scroll",sidebar_class_name:"sidebar--item__hidden",slug:"Infinite-scroll","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-icon",permalink:"/docs/components/client-components/Icon"},next:{title:"bbj-inputd-spinner",permalink:"/docs/components/client-components/Inputd-spinner"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-infinite-scroll",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-infinite-scroll"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-infinite-scroll",table:"dependencies"})]})}function b(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/a1ac9222.1512d32b.js b/assets/js/a1ac9222.1512d32b.js deleted file mode 100644 index 46ba597ac..000000000 --- a/assets/js/a1ac9222.1512d32b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2283],{5553:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-list",sidebar_class_name:"sidebar--item__hidden",slug:"List","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/List",title:"bbj-list",description:"Styling",source:"@site/docs/components/client-components/List.md",sourceDirName:"components/client-components",slug:"/components/client-components/List",permalink:"/docs/components/client-components/List",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-list",sidebar_class_name:"sidebar--item__hidden",slug:"List","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-list-edit",permalink:"/docs/components/client-components/List-edit"},next:{title:"bbj-login",permalink:"/docs/components/client-components/Login"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-list",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-list"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/a1ac9222.235fcd57.js b/assets/js/a1ac9222.235fcd57.js new file mode 100644 index 000000000..1d9d1d441 --- /dev/null +++ b/assets/js/a1ac9222.235fcd57.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2283],{5553:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>m,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/List",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/List.md",sourceDirName:"components/client-components",slug:"/components/client-components/list",permalink:"/docs/components/client-components/list",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/list-edit"},next:{title:"",permalink:"/docs/components/client-components/login"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-list",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/a2f6c742.70315877.js b/assets/js/a2f6c742.70315877.js deleted file mode 100644 index 6fa307616..000000000 --- a/assets/js/a2f6c742.70315877.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6558],{2071:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-inputd",sidebar_class_name:"sidebar--item__hidden",slug:"Inputd","// pagination_prev":null,"// pagination_next":null},d=void 0,l={id:"components/client-components/Inputd",title:"bbj-inputd",description:"Styling",source:"@site/docs/components/client-components/Inputd.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputd",permalink:"/docs/components/client-components/Inputd",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputd.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputd",sidebar_class_name:"sidebar--item__hidden",slug:"Inputd","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputd-spinner",permalink:"/docs/components/client-components/Inputd-spinner"},next:{title:"bbj-inpute-spinner",permalink:"/docs/components/client-components/Inpute-spinner"}},c={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputd",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-inputd"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputd",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/a2f6c742.a74be2d3.js b/assets/js/a2f6c742.a74be2d3.js new file mode 100644 index 000000000..ff2146427 --- /dev/null +++ b/assets/js/a2f6c742.a74be2d3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6558],{2071:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputd","// pagination_prev":null,"// pagination_next":null},d=void 0,c={id:"components/client-components/Inputd",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputd.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputd",permalink:"/docs/components/client-components/inputd",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputd.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputd","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputd-spinner"},next:{title:"",permalink:"/docs/components/client-components/inpute-spinner"}},p={},l=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputd",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputd",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/a4de130a.403a436b.js b/assets/js/a4de130a.403a436b.js new file mode 100644 index 000000000..df058557d --- /dev/null +++ b/assets/js/a4de130a.403a436b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8045],{8229:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>h});var o=n(5893),i=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"file-chooser","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/File-chooser",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/File-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/file-chooser",permalink:"/docs/components/client-components/file-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/File-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"file-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/editbox"},next:{title:"",permalink:"/docs/components/client-components/file-save"}},d={},h=[{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}];function p(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-file-chooser",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)(s.Z,{tag:"bbj-file-chooser",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)(s.Z,{tag:"bbj-file-chooser",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)(s.Z,{tag:"bbj-file-chooser",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/a4de130a.902c7cb7.js b/assets/js/a4de130a.902c7cb7.js deleted file mode 100644 index 3a013088c..000000000 --- a/assets/js/a4de130a.902c7cb7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8045],{8229:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>h});var i=n(5893),o=n(1151),s=n(7796),l=n(2665);const r={sidebar_position:0,title:"bbj-file-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"File-chooser","// pagination_prev":null,"// pagination_next":null},a=void 0,c={id:"components/client-components/File-chooser",title:"bbj-file-chooser",description:"Styling",source:"@site/docs/components/client-components/File-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/File-chooser",permalink:"/docs/components/client-components/File-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/File-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-file-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"File-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-editbox",permalink:"/docs/components/client-components/Editbox"},next:{title:"bbj-file-save",permalink:"/docs/components/client-components/File-save"}},d={},h=[{value:"Styling",id:"styling",level:2},{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}];function p(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(l.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-file-chooser",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-file-chooser"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-file-chooser",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-file-chooser",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-file-chooser",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-file-chooser",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/a4ec1fc0.302b7db3.js b/assets/js/a4ec1fc0.302b7db3.js new file mode 100644 index 000000000..799cd64c3 --- /dev/null +++ b/assets/js/a4ec1fc0.302b7db3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4125],{144:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"hotkey","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Hotkey",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Hotkey.md",sourceDirName:"components/client-components",slug:"/components/client-components/hotkey",permalink:"/docs/components/client-components/hotkey",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Hotkey.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"hotkey","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/font-chooser"},next:{title:"",permalink:"/docs/components/client-components/icon-button"}},d={},p=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function m(t){const e={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...t.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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(e.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(e.p,{children:["This section outlines styling information for the ",(0,o.jsx)(e.strong,{children:(0,o.jsx)(e.code,{children:""})})," component. This component is ",(0,o.jsx)(e.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,o.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(e.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)(s.Z,{tag:"bbj-hotkey",table:"reflects"})]})}function h(t={}){const{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,o.jsx)(e,{...t,children:(0,o.jsx)(m,{...t})}):m(t)}}}]); \ No newline at end of file diff --git a/assets/js/a4ec1fc0.e8063e2d.js b/assets/js/a4ec1fc0.e8063e2d.js deleted file mode 100644 index 48d7cdca5..000000000 --- a/assets/js/a4ec1fc0.e8063e2d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4125],{144:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>r,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"bbj-hotkey",sidebar_class_name:"sidebar--item__hidden",slug:"Hotkey","// pagination_prev":null,"// pagination_next":null},l=void 0,r={id:"components/client-components/Hotkey",title:"bbj-hotkey",description:"Styling",source:"@site/docs/components/client-components/Hotkey.md",sourceDirName:"components/client-components",slug:"/components/client-components/Hotkey",permalink:"/docs/components/client-components/Hotkey",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Hotkey.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-hotkey",sidebar_class_name:"sidebar--item__hidden",slug:"Hotkey","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-font-chooser",permalink:"/docs/components/client-components/Font-chooser"},next:{title:"bbj-icon-button",permalink:"/docs/components/client-components/Icon-button"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(t){const e={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...t.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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-hotkey",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(e.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(e.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(e.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(e.strong,{children:[(0,o.jsx)(e.code,{children:"bbj-hotkey"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,o.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,o.jsx)(e.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)(s.Z,{tag:"bbj-hotkey",table:"reflects"})]})}function b(t={}){const{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,o.jsx)(e,{...t,children:(0,o.jsx)(h,{...t})}):h(t)}}}]); \ No newline at end of file diff --git a/assets/js/aad6d339.1f3e0f32.js b/assets/js/aad6d339.1f3e0f32.js deleted file mode 100644 index 08d456f8d..000000000 --- a/assets/js/aad6d339.1f3e0f32.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8794],{8870:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>a,toc:()=>p});var n=t(5893),i=t(1151),s=t(7796),c=t(2665);const r={sidebar_position:0,title:"bbj-color-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"Color-chooser","// pagination_prev":null,"// pagination_next":null},l=void 0,a={id:"components/client-components/Color-chooser",title:"bbj-color-chooser",description:"Styling",source:"@site/docs/components/client-components/Color-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/Color-chooser",permalink:"/docs/components/client-components/Color-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Color-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-color-chooser",sidebar_class_name:"sidebar--item__hidden",slug:"Color-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-checkbox",permalink:"/docs/components/client-components/Checkbox"},next:{title:"bbj-dialog",permalink:"/docs/components/client-components/Dialog"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const o={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,n.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-color-chooser",clickable:!1,iconName:"code"}),"\n",(0,n.jsx)(o.h2,{id:"styling",children:"Styling"}),"\n",(0,n.jsx)(o.admonition,{title:"IMPORTANT",type:"warning",children:(0,n.jsxs)(o.p,{children:["This section outlines various styling information for the ",(0,n.jsxs)(o.strong,{children:[(0,n.jsx)(o.code,{children:"bbj-color-chooser"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,n.jsx)(o.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,n.jsx)(o.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"properties"}),"\n",(0,n.jsx)(o.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,n.jsx)(o.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,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"reflects"}),"\n",(0,n.jsx)(o.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,n.jsx)(o.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"dependencies"})]})}function b(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/aad6d339.ec2d4610.js b/assets/js/aad6d339.ec2d4610.js new file mode 100644 index 000000000..db03b28b6 --- /dev/null +++ b/assets/js/aad6d339.ec2d4610.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8794],{8870:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>r,metadata:()=>a,toc:()=>p});var n=t(5893),i=t(1151),s=t(7796),c=t(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"color-chooser","// pagination_prev":null,"// pagination_next":null},l=void 0,a={id:"components/client-components/Color-chooser",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Color-chooser.md",sourceDirName:"components/client-components",slug:"/components/client-components/color-chooser",permalink:"/docs/components/client-components/color-chooser",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Color-chooser.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"color-chooser","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/checkbox"},next:{title:"",permalink:"/docs/components/client-components/dialog"}},d={},p=[{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const o={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Scoped",target:"_blank",clickable:!1,iconName:"scoped"}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)(o.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,n.jsxs)(o.p,{children:["This section outlines styling information for the ",(0,n.jsx)(o.strong,{children:(0,n.jsx)(o.code,{children:""})})," component. This component is ",(0,n.jsx)(o.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,n.jsx)(o.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,n.jsx)(o.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"properties"}),"\n",(0,n.jsx)(o.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,n.jsx)(o.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,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"reflects"}),"\n",(0,n.jsx)(o.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,n.jsx)(o.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,n.jsx)(s.Z,{tag:"bbj-color-chooser",table:"dependencies"})]})}function m(e={}){const{wrapper:o}={...(0,i.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/abb5f9c4.95ff5367.js b/assets/js/abb5f9c4.95ff5367.js deleted file mode 100644 index efda4d468..000000000 --- a/assets/js/abb5f9c4.95ff5367.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3782],{431:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-dialog",sidebar_class_name:"sidebar--item__hidden",slug:"Dialog","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Dialog",title:"bbj-dialog",description:"Styling",source:"@site/docs/components/client-components/Dialog.md",sourceDirName:"components/client-components",slug:"/components/client-components/Dialog",permalink:"/docs/components/client-components/Dialog",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Dialog.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-dialog",sidebar_class_name:"sidebar--item__hidden",slug:"Dialog","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-color-chooser",permalink:"/docs/components/client-components/Color-chooser"},next:{title:"bbj-drawer",permalink:"/docs/components/client-components/Drawer"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-dialog",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-dialog"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-dialog",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-dialog",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-dialog",table:"reflects"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/abb5f9c4.d8dec52b.js b/assets/js/abb5f9c4.d8dec52b.js new file mode 100644 index 000000000..1d8a7f306 --- /dev/null +++ b/assets/js/abb5f9c4.d8dec52b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3782],{431:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"dialog","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Dialog",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Dialog.md",sourceDirName:"components/client-components",slug:"/components/client-components/dialog",permalink:"/docs/components/client-components/dialog",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Dialog.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"dialog","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/color-chooser"},next:{title:"",permalink:"/docs/components/client-components/drawer"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-dialog",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)(s.Z,{tag:"bbj-dialog",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)(s.Z,{tag:"bbj-dialog",table:"reflects"})]})}function m(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/ac555a8a.23189a74.js b/assets/js/ac555a8a.23189a74.js new file mode 100644 index 000000000..a515a3341 --- /dev/null +++ b/assets/js/ac555a8a.23189a74.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6027],{760:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>m});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menuitem","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Menuitem",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Menuitem.md",sourceDirName:"components/client-components",slug:"/components/client-components/menuitem",permalink:"/docs/components/client-components/menuitem",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menuitem.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menuitem","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/menubar"},next:{title:"",permalink:"/docs/components/client-components/navigator"}},d={},m=[{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}];function p(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menuitem",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menuitem",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menuitem",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-menuitem",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/ac555a8a.df2f044b.js b/assets/js/ac555a8a.df2f044b.js deleted file mode 100644 index 959f4fa29..000000000 --- a/assets/js/ac555a8a.df2f044b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6027],{760:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>m});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-menuitem",sidebar_class_name:"sidebar--item__hidden",slug:"Menuitem","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Menuitem",title:"bbj-menuitem",description:"Styling",source:"@site/docs/components/client-components/Menuitem.md",sourceDirName:"components/client-components",slug:"/components/client-components/Menuitem",permalink:"/docs/components/client-components/Menuitem",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menuitem.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-menuitem",sidebar_class_name:"sidebar--item__hidden",slug:"Menuitem","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-menubar",permalink:"/docs/components/client-components/Menubar"},next:{title:"bbj-navigator",permalink:"/docs/components/client-components/Navigator"}},d={},m=[{value:"Styling",id:"styling",level:2},{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}];function p(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-menuitem",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-menuitem"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-menuitem",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-menuitem",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-menuitem",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-menuitem",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)}}}]); \ No newline at end of file diff --git a/assets/js/add51b50.6758bc28.js b/assets/js/add51b50.6758bc28.js deleted file mode 100644 index 2a59041f3..000000000 --- a/assets/js/add51b50.6758bc28.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4305],{8019:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),r=n(2665);const a={sidebar_position:0,sidebar_class_name:"sidebar--item__hidden",title:"",slug:"Alert-popover","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Alert-popover",title:"",description:"bbj-alert-popover --\x3e",source:"@site/docs/components/client-components/Alert-popover.md",sourceDirName:"components/client-components",slug:"/components/client-components/Alert-popover",permalink:"/docs/components/client-components/Alert-popover",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Alert-popover.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,sidebar_class_name:"sidebar--item__hidden",title:"",slug:"Alert-popover","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"TextArea",permalink:"/docs/components/text-area"},next:{title:"bbj-alert",permalink:"/docs/components/client-components/Alert"}},p={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function m(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-alert-popover",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)(s.Z,{tag:"bbj-alert-popover",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)}}}]); \ No newline at end of file diff --git a/assets/js/add51b50.c12dde5f.js b/assets/js/add51b50.c12dde5f.js new file mode 100644 index 000000000..f09d36423 --- /dev/null +++ b/assets/js/add51b50.c12dde5f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4305],{8019:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>d});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"alert-popover","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Alert-popover",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Alert-popover.md",sourceDirName:"components/client-components",slug:"/components/client-components/alert-popover",permalink:"/docs/components/client-components/alert-popover",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Alert-popover.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"alert-popover","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"TextArea",permalink:"/docs/components/text-area"},next:{title:"",permalink:"/docs/components/client-components/alert"}},p={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function m(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-alert-popover",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)(s.Z,{tag:"bbj-alert-popover",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)}}}]); \ No newline at end of file diff --git a/assets/js/ae2bfb5e.03c8b9cc.js b/assets/js/ae2bfb5e.03c8b9cc.js new file mode 100644 index 000000000..81f0b62b9 --- /dev/null +++ b/assets/js/ae2bfb5e.03c8b9cc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8608],{2323:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menu","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Menu",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Menu.md",sourceDirName:"components/client-components",slug:"/components/client-components/menu",permalink:"/docs/components/client-components/menu",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menu.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menu","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/login"},next:{title:"",permalink:"/docs/components/client-components/menubar"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function m(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"reflects"})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(m,{...e})}):m(e)}}}]); \ No newline at end of file diff --git a/assets/js/ae2bfb5e.56223d80.js b/assets/js/ae2bfb5e.56223d80.js deleted file mode 100644 index 33304357a..000000000 --- a/assets/js/ae2bfb5e.56223d80.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8608],{2323:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-menu",sidebar_class_name:"sidebar--item__hidden",slug:"Menu","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Menu",title:"bbj-menu",description:"Styling",source:"@site/docs/components/client-components/Menu.md",sourceDirName:"components/client-components",slug:"/components/client-components/Menu",permalink:"/docs/components/client-components/Menu",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menu.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-menu",sidebar_class_name:"sidebar--item__hidden",slug:"Menu","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-login",permalink:"/docs/components/client-components/Login"},next:{title:"bbj-menubar",permalink:"/docs/components/client-components/Menubar"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-menu",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-menu"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-menu",table:"reflects"})]})}function u(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/b330cd6c.a0a5144c.js b/assets/js/b330cd6c.a0a5144c.js new file mode 100644 index 000000000..359bfa195 --- /dev/null +++ b/assets/js/b330cd6c.a0a5144c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1898],{8020:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>b,frontMatter:()=>a,metadata:()=>c,toc:()=>d});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"splitter","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Splitter",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Splitter.md",sourceDirName:"components/client-components",slug:"/components/client-components/splitter",permalink:"/docs/components/client-components/splitter",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Splitter.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"splitter","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/spinner"},next:{title:"",permalink:"/docs/components/client-components/tab-panel"}},p={},d=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-splitter",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/b330cd6c.bbdc08cb.js b/assets/js/b330cd6c.bbdc08cb.js deleted file mode 100644 index c52337b3a..000000000 --- a/assets/js/b330cd6c.bbdc08cb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[1898],{8020:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>b,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),r=n(2665);const l={sidebar_position:0,title:"bbj-splitter",sidebar_class_name:"sidebar--item__hidden",slug:"Splitter","// pagination_prev":null,"// pagination_next":null},a=void 0,c={id:"components/client-components/Splitter",title:"bbj-splitter",description:"Styling",source:"@site/docs/components/client-components/Splitter.md",sourceDirName:"components/client-components",slug:"/components/client-components/Splitter",permalink:"/docs/components/client-components/Splitter",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Splitter.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-splitter",sidebar_class_name:"sidebar--item__hidden",slug:"Splitter","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-spinner",permalink:"/docs/components/client-components/Spinner"},next:{title:"bbj-tab-panel",permalink:"/docs/components/client-components/Tab-panel"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(r.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-splitter",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-splitter"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-splitter",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-splitter",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/b512792d.215f6dad.js b/assets/js/b512792d.215f6dad.js deleted file mode 100644 index ac98c09fa..000000000 --- a/assets/js/b512792d.215f6dad.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4007],{2084:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const l={sidebar_position:0,title:"bbj-login",sidebar_class_name:"sidebar--item__hidden",slug:"Login","// pagination_prev":null,"// pagination_next":null},c=void 0,r={id:"components/client-components/Login",title:"bbj-login",description:"Styling",source:"@site/docs/components/client-components/Login.md",sourceDirName:"components/client-components",slug:"/components/client-components/Login",permalink:"/docs/components/client-components/Login",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Login.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-login",sidebar_class_name:"sidebar--item__hidden",slug:"Login","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-list",permalink:"/docs/components/client-components/List"},next:{title:"bbj-menu",permalink:"/docs/components/client-components/Menu"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-login",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-login"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-login",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-login",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-login",table:"dependencies"})]})}function m(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/b512792d.998ced63.js b/assets/js/b512792d.998ced63.js new file mode 100644 index 000000000..6267beacc --- /dev/null +++ b/assets/js/b512792d.998ced63.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4007],{2084:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>l,metadata:()=>r,toc:()=>p});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"login","// pagination_prev":null,"// pagination_next":null},c=void 0,r={id:"components/client-components/Login",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Login.md",sourceDirName:"components/client-components",slug:"/components/client-components/login",permalink:"/docs/components/client-components/login",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Login.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"login","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/list"},next:{title:"",permalink:"/docs/components/client-components/menu"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3},{value:"Dependencies",id:"dependencies",level:3}];function h(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-login",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-login",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-login",table:"dependencies"})]})}function m(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/c4ecc0ec.9d460b8d.js b/assets/js/c4ecc0ec.9d460b8d.js new file mode 100644 index 000000000..ee4ab5e0e --- /dev/null +++ b/assets/js/c4ecc0ec.9d460b8d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8699],{8253:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var s=n(5893),i=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tabs-list","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Tabs-list",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Tabs-list.md",sourceDirName:"components/client-components",slug:"/components/client-components/tabs-list",permalink:"/docs/components/client-components/tabs-list",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tabs-list.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"tabs-list","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/tab"},next:{title:"",permalink:"/docs/components/client-components/toast"}},d={},p=[{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}];function b(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,s.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:""})})," component. This component is ",(0,s.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(o.Z,{tag:"bbj-tabs-list",table:"parts"}),"\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)(o.Z,{tag:"bbj-tabs-list",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)(o.Z,{tag:"bbj-tabs-list",table:"reflects"}),"\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)(o.Z,{tag:"bbj-tabs-list",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/c4ecc0ec.f6a51e23.js b/assets/js/c4ecc0ec.f6a51e23.js deleted file mode 100644 index 43491fa53..000000000 --- a/assets/js/c4ecc0ec.f6a51e23.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8699],{8253:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var s=n(5893),i=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-tabs-list",sidebar_class_name:"sidebar--item__hidden",slug:"Tabs-list","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/Tabs-list",title:"bbj-tabs-list",description:"Styling",source:"@site/docs/components/client-components/Tabs-list.md",sourceDirName:"components/client-components",slug:"/components/client-components/Tabs-list",permalink:"/docs/components/client-components/Tabs-list",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Tabs-list.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-tabs-list",sidebar_class_name:"sidebar--item__hidden",slug:"Tabs-list","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-tab",permalink:"/docs/components/client-components/Tab"},next:{title:"bbj-toast",permalink:"/docs/components/client-components/Toast"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function b(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-tabs-list",clickable:!1,iconName:"code"}),"\n",(0,s.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,s.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,s.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,s.jsxs)(t.strong,{children:[(0,s.jsx)(t.code,{children:"bbj-tabs-list"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(o.Z,{tag:"bbj-tabs-list",table:"parts"}),"\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)(o.Z,{tag:"bbj-tabs-list",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)(o.Z,{tag:"bbj-tabs-list",table:"reflects"}),"\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)(o.Z,{tag:"bbj-tabs-list",table:"dependencies"})]})}function h(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}}}]); \ No newline at end of file diff --git a/assets/js/c57ca45f.5a8741a6.js b/assets/js/c57ca45f.5a8741a6.js new file mode 100644 index 000000000..81af35ac6 --- /dev/null +++ b/assets/js/c57ca45f.5a8741a6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9810],{4977:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"icon-button","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Icon-button",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Icon-button.md",sourceDirName:"components/client-components",slug:"/components/client-components/icon-button",permalink:"/docs/components/client-components/icon-button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Icon-button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"icon-button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/hotkey"},next:{title:"",permalink:"/docs/components/client-components/icon"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/c57ca45f.95a55097.js b/assets/js/c57ca45f.95a55097.js deleted file mode 100644 index 2b414c42d..000000000 --- a/assets/js/c57ca45f.95a55097.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9810],{4977:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"bbj-icon-button",sidebar_class_name:"sidebar--item__hidden",slug:"Icon-button","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Icon-button",title:"bbj-icon-button",description:"Styling",source:"@site/docs/components/client-components/Icon-button.md",sourceDirName:"components/client-components",slug:"/components/client-components/Icon-button",permalink:"/docs/components/client-components/Icon-button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Icon-button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-icon-button",sidebar_class_name:"sidebar--item__hidden",slug:"Icon-button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-hotkey",permalink:"/docs/components/client-components/Hotkey"},next:{title:"bbj-icon",permalink:"/docs/components/client-components/Icon"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(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",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-icon-button",clickable:!1,iconName:"code"}),"\n",(0,o.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,o.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,o.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,o.jsxs)(t.strong,{children:[(0,o.jsx)(t.code,{children:"bbj-icon-button"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",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)(s.Z,{tag:"bbj-icon-button",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/c90035ea.5e58840b.js b/assets/js/c90035ea.5e58840b.js new file mode 100644 index 000000000..a682b0e40 --- /dev/null +++ b/assets/js/c90035ea.5e58840b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6628],{261:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"icon","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Icon",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Icon.md",sourceDirName:"components/client-components",slug:"/components/client-components/icon",permalink:"/docs/components/client-components/icon",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Icon.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"icon","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/icon-button"},next:{title:"",permalink:"/docs/components/client-components/infinite-scroll"}},d={},p=[{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"reflects"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/c90035ea.8a965c8f.js b/assets/js/c90035ea.8a965c8f.js deleted file mode 100644 index 450b4ce97..000000000 --- a/assets/js/c90035ea.8a965c8f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6628],{261:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"bbj-icon",sidebar_class_name:"sidebar--item__hidden",slug:"Icon","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Icon",title:"bbj-icon",description:"Styling",source:"@site/docs/components/client-components/Icon.md",sourceDirName:"components/client-components",slug:"/components/client-components/Icon",permalink:"/docs/components/client-components/Icon",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Icon.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-icon",sidebar_class_name:"sidebar--item__hidden",slug:"Icon","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-icon-button",permalink:"/docs/components/client-components/Icon-button"},next:{title:"bbj-infinite-scroll",permalink:"/docs/components/client-components/Infinite-scroll"}},d={},p=[{value:"Styling",id:"styling",level:2},{value:"Shadow Parts",id:"shadow-parts",level:3},{value:"CSS Properties",id:"css-properties",level:3},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(c.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-icon",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-icon"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-icon",table:"reflects"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/cb648109.964f0b28.js b/assets/js/cb648109.964f0b28.js deleted file mode 100644 index 828fcff8e..000000000 --- a/assets/js/cb648109.964f0b28.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9635],{6429:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>p,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>l,toc:()=>d});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"bbj-inputn-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputn-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Inputn-spinner",title:"bbj-inputn-spinner",description:"Styling",source:"@site/docs/components/client-components/Inputn-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputn-spinner",permalink:"/docs/components/client-components/Inputn-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputn-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputn-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inputn-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inpute",permalink:"/docs/components/client-components/Inpute"},next:{title:"bbj-inputn",permalink:"/docs/components/client-components/Inputn"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const e={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputn-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(e.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(e.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(e.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(e.strong,{children:[(0,i.jsx)(e.code,{children:"bbj-inputn-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(s.Z,{tag:"bbj-inputn-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/cb648109.b9bbad2e.js b/assets/js/cb648109.b9bbad2e.js new file mode 100644 index 000000000..4f77b25c4 --- /dev/null +++ b/assets/js/cb648109.b9bbad2e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[9635],{6429:(n,t,e)=>{e.r(t),e.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var i=e(5893),o=e(1151),s=e(7796),a=e(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputn-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/Inputn-spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputn-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputn-spinner",permalink:"/docs/components/client-components/inputn-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputn-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputn-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inpute"},next:{title:"",permalink:"/docs/components/client-components/inputn"}},l={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-inputn-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:t}={...(0,o.a)(),...n.components};return t?(0,i.jsx)(t,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/dee26f84.0ad0ea14.js b/assets/js/dee26f84.0ad0ea14.js deleted file mode 100644 index 39919ef8f..000000000 --- a/assets/js/dee26f84.0ad0ea14.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3588],{2025:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>p,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>l,toc:()=>d});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"bbj-inpute-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inpute-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,l={id:"components/client-components/Inpute-spinner",title:"bbj-inpute-spinner",description:"Styling",source:"@site/docs/components/client-components/Inpute-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inpute-spinner",permalink:"/docs/components/client-components/Inpute-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inpute-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inpute-spinner",sidebar_class_name:"sidebar--item__hidden",slug:"Inpute-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputd",permalink:"/docs/components/client-components/Inputd"},next:{title:"bbj-inpute",permalink:"/docs/components/client-components/Inpute"}},p={},d=[{value:"Styling",id:"styling",level:2},{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inpute-spinner",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-inpute-spinner"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(s.Z,{tag:"bbj-inpute-spinner",table:"reflects"})]})}function m(e={}){const{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}}}]); \ No newline at end of file diff --git a/assets/js/dee26f84.8ed85500.js b/assets/js/dee26f84.8ed85500.js new file mode 100644 index 000000000..0fc024801 --- /dev/null +++ b/assets/js/dee26f84.8ed85500.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[3588],{2025:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var i=t(5893),o=t(1151),s=t(7796),a=t(2665);const c={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inpute-spinner","// pagination_prev":null,"// pagination_next":null},r=void 0,p={id:"components/client-components/Inpute-spinner",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inpute-spinner.md",sourceDirName:"components/client-components",slug:"/components/client-components/inpute-spinner",permalink:"/docs/components/client-components/inpute-spinner",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inpute-spinner.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inpute-spinner","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputd"},next:{title:"",permalink:"/docs/components/client-components/inpute"}},l={},d=[{value:"Reflected Attributes",id:"reflected-attributes",level:3}];function u(n){const e={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(e.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(e.p,{children:["This section outlines styling information for the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:""})})," component. This component is ",(0,i.jsx)(e.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(s.Z,{tag:"bbj-inpute-spinner",table:"reflects"})]})}function m(n={}){const{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(u,{...n})}):u(n)}}}]); \ No newline at end of file diff --git a/assets/js/e2c97c51.4ba933ff.js b/assets/js/e2c97c51.4ba933ff.js deleted file mode 100644 index 3aa98da00..000000000 --- a/assets/js/e2c97c51.4ba933ff.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8730],{3401:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>d,default:()=>b,frontMatter:()=>c,metadata:()=>r,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const c={sidebar_position:0,title:"bbj-cedit",sidebar_class_name:"sidebar--item__hidden",slug:"Cedit","// pagination_prev":null,"// pagination_next":null},d=void 0,r={id:"components/client-components/Cedit",title:"bbj-cedit",description:"Styling",source:"@site/docs/components/client-components/Cedit.md",sourceDirName:"components/client-components",slug:"/components/client-components/Cedit",permalink:"/docs/components/client-components/Cedit",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Cedit.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-cedit",sidebar_class_name:"sidebar--item__hidden",slug:"Cedit","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-button",permalink:"/docs/components/client-components/Button"},next:{title:"bbj-checkbox",permalink:"/docs/components/client-components/Checkbox"}},l={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-cedit",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-cedit"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-cedit",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e2c97c51.b9bb3e5b.js b/assets/js/e2c97c51.b9bb3e5b.js new file mode 100644 index 000000000..8385445b9 --- /dev/null +++ b/assets/js/e2c97c51.b9bb3e5b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[8730],{3401:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>b,frontMatter:()=>a,metadata:()=>d,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),c=n(2665);const a={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"cedit","// pagination_prev":null,"// pagination_next":null},r=void 0,d={id:"components/client-components/Cedit",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Cedit.md",sourceDirName:"components/client-components",slug:"/components/client-components/cedit",permalink:"/docs/components/client-components/cedit",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Cedit.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"cedit","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/button"},next:{title:"",permalink:"/docs/components/client-components/checkbox"}},l={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-cedit",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-cedit",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e4104523.0b9d9e04.js b/assets/js/e4104523.0b9d9e04.js deleted file mode 100644 index 0f5b124c4..000000000 --- a/assets/js/e4104523.0b9d9e04.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7448],{4080:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>m,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-navigator",sidebar_class_name:"sidebar--item__hidden",slug:"Navigator","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Navigator",title:"bbj-navigator",description:"Styling",source:"@site/docs/components/client-components/Navigator.md",sourceDirName:"components/client-components",slug:"/components/client-components/Navigator",permalink:"/docs/components/client-components/Navigator",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Navigator.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-navigator",sidebar_class_name:"sidebar--item__hidden",slug:"Navigator","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-menuitem",permalink:"/docs/components/client-components/Menuitem"},next:{title:"bbj-popover",permalink:"/docs/components/client-components/Popover"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-navigator",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-navigator"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-navigator",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e4104523.4726b8f5.js b/assets/js/e4104523.4726b8f5.js new file mode 100644 index 000000000..0ebfb64d5 --- /dev/null +++ b/assets/js/e4104523.4726b8f5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[7448],{4080:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>m,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"navigator","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Navigator",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Navigator.md",sourceDirName:"components/client-components",slug:"/components/client-components/navigator",permalink:"/docs/components/client-components/navigator",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Navigator.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"navigator","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/menuitem"},next:{title:"",permalink:"/docs/components/client-components/popover"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-navigator",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-navigator",table:"dependencies"})]})}function m(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e5003ac9.3d112fa5.js b/assets/js/e5003ac9.3d112fa5.js deleted file mode 100644 index ed0e736fb..000000000 --- a/assets/js/e5003ac9.3d112fa5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2115],{2309:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),o=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-button",sidebar_class_name:"sidebar--item__hidden",slug:"Button","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Button",title:"bbj-button",description:"Styling",source:"@site/docs/components/client-components/Button.md",sourceDirName:"components/client-components",slug:"/components/client-components/Button",permalink:"/docs/components/client-components/Button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-button",sidebar_class_name:"sidebar--item__hidden",slug:"Button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-busy",permalink:"/docs/components/client-components/Busy"},next:{title:"bbj-cedit",permalink:"/docs/components/client-components/Cedit"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-button",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-button"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-button",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-button",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(s.Z,{tag:"bbj-button",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(s.Z,{tag:"bbj-button",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e5003ac9.4c68bf42.js b/assets/js/e5003ac9.4c68bf42.js new file mode 100644 index 000000000..998ce5183 --- /dev/null +++ b/assets/js/e5003ac9.4c68bf42.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2115],{2309:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>b,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var o=n(5893),i=n(1151),s=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"button","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Button",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Button.md",sourceDirName:"components/client-components",slug:"/components/client-components/button",permalink:"/docs/components/client-components/button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/busy"},next:{title:"",permalink:"/docs/components/client-components/cedit"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,o.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,o.jsx)(t.strong,{children:(0,o.jsx)(t.code,{children:""})})," component. This component is ",(0,o.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\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)(s.Z,{tag:"bbj-button",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)(s.Z,{tag:"bbj-button",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)(s.Z,{tag:"bbj-button",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)(s.Z,{tag:"bbj-button",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e89ff0bb.edf07155.js b/assets/js/e89ff0bb.edf07155.js new file mode 100644 index 000000000..68a0a0123 --- /dev/null +++ b/assets/js/e89ff0bb.edf07155.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4418],{6892:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>c,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputt","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Inputt",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Inputt.md",sourceDirName:"components/client-components",slug:"/components/client-components/inputt",permalink:"/docs/components/client-components/inputt",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputt.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"inputt","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputt-spinner"},next:{title:"",permalink:"/docs/components/client-components/list-button"}},p={},d=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,i.jsx)(t.strong,{children:(0,i.jsx)(t.code,{children:""})})," component. This component is ",(0,i.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputt",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/e89ff0bb.fc90afb6.js b/assets/js/e89ff0bb.fc90afb6.js deleted file mode 100644 index 65a96c31d..000000000 --- a/assets/js/e89ff0bb.fc90afb6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[4418],{6892:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-inputt",sidebar_class_name:"sidebar--item__hidden",slug:"Inputt","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Inputt",title:"bbj-inputt",description:"Styling",source:"@site/docs/components/client-components/Inputt.md",sourceDirName:"components/client-components",slug:"/components/client-components/Inputt",permalink:"/docs/components/client-components/Inputt",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Inputt.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-inputt",sidebar_class_name:"sidebar--item__hidden",slug:"Inputt","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputt-spinner",permalink:"/docs/components/client-components/Inputt-spinner"},next:{title:"bbj-list-button",permalink:"/docs/components/client-components/List-button"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-inputt",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(t.strong,{children:[(0,i.jsx)(t.code,{children:"bbj-inputt"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"parts"}),"\n",(0,i.jsx)(t.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"properties"}),"\n",(0,i.jsx)(t.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.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,i.jsx)(o.Z,{tag:"bbj-inputt",table:"reflects"}),"\n",(0,i.jsx)(t.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(t.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-inputt",table:"dependencies"})]})}function u(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/ee6c8bca.7ee981fc.js b/assets/js/ee6c8bca.7ee981fc.js deleted file mode 100644 index ca3421a88..000000000 --- a/assets/js/ee6c8bca.7ee981fc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6918],{4833:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var i=t(5893),s=t(1151),o=t(7796),a=t(2665);const r={sidebar_position:0,title:"bbj-menubar",sidebar_class_name:"sidebar--item__hidden",slug:"Menubar","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Menubar",title:"bbj-menubar",description:"Styling",source:"@site/docs/components/client-components/Menubar.md",sourceDirName:"components/client-components",slug:"/components/client-components/Menubar",permalink:"/docs/components/client-components/Menubar",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menubar.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-menubar",sidebar_class_name:"sidebar--item__hidden",slug:"Menubar","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-menu",permalink:"/docs/components/client-components/Menu"},next:{title:"bbj-menuitem",permalink:"/docs/components/client-components/Menuitem"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const n={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-menubar",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(n.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(n.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(n.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(n.strong,{children:[(0,i.jsx)(n.code,{children:"bbj-menubar"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-menubar",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-menubar",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-menubar",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-menubar",table:"dependencies"})]})}function b(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/ee6c8bca.95515491.js b/assets/js/ee6c8bca.95515491.js new file mode 100644 index 000000000..8f572aba7 --- /dev/null +++ b/assets/js/ee6c8bca.95515491.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[6918],{4833:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>c,default:()=>b,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var i=t(5893),s=t(1151),o=t(7796),a=t(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menubar","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Menubar",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Menubar.md",sourceDirName:"components/client-components",slug:"/components/client-components/menubar",permalink:"/docs/components/client-components/menubar",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Menubar.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"menubar","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/menu"},next:{title:"",permalink:"/docs/components/client-components/menuitem"}},d={},p=[{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}];function m(e){const n={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(n.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(n.p,{children:["This section outlines styling information for the ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:""})})," component. This component is ",(0,i.jsx)(n.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(n.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-menubar",table:"parts"}),"\n",(0,i.jsx)(n.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(n.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-menubar",table:"properties"}),"\n",(0,i.jsx)(n.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(n.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,i.jsx)(o.Z,{tag:"bbj-menubar",table:"reflects"}),"\n",(0,i.jsx)(n.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(n.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-menubar",table:"dependencies"})]})}function b(e={}){const{wrapper:n}={...(0,s.a)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(m,{...e})}):m(e)}}}]); \ No newline at end of file diff --git a/assets/js/f1ecfa8c.b5309466.js b/assets/js/f1ecfa8c.b5309466.js deleted file mode 100644 index 298de2339..000000000 --- a/assets/js/f1ecfa8c.b5309466.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2941],{7021:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>r,default:()=>b,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"bbj-list-button",sidebar_class_name:"sidebar--item__hidden",slug:"List-button","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/List-button",title:"bbj-list-button",description:"Styling",source:"@site/docs/components/client-components/List-button.md",sourceDirName:"components/client-components",slug:"/components/client-components/List-button",permalink:"/docs/components/client-components/List-button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List-button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-list-button",sidebar_class_name:"sidebar--item__hidden",slug:"List-button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-inputt",permalink:"/docs/components/client-components/Inputt"},next:{title:"bbj-list-edit",permalink:"/docs/components/client-components/List-edit"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(t){const e={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-list-button",clickable:!1,iconName:"code"}),"\n",(0,i.jsx)(e.h2,{id:"styling",children:"Styling"}),"\n",(0,i.jsx)(e.admonition,{title:"IMPORTANT",type:"warning",children:(0,i.jsxs)(e.p,{children:["This section outlines various styling information for the ",(0,i.jsxs)(e.strong,{children:[(0,i.jsx)(e.code,{children:"bbj-list-button"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(e.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,i.jsx)(o.Z,{tag:"bbj-list-button",table:"parts"}),"\n",(0,i.jsx)(e.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(e.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-button",table:"properties"}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(o.Z,{tag:"bbj-list-button",table:"reflects"}),"\n",(0,i.jsx)(e.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(e.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-button",table:"dependencies"})]})}function b(t={}){const{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,i.jsx)(e,{...t,children:(0,i.jsx)(h,{...t})}):h(t)}}}]); \ No newline at end of file diff --git a/assets/js/f1ecfa8c.c7cf6265.js b/assets/js/f1ecfa8c.c7cf6265.js new file mode 100644 index 000000000..460f24834 --- /dev/null +++ b/assets/js/f1ecfa8c.c7cf6265.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2941],{7021:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>p});var i=n(5893),s=n(1151),o=n(7796),a=n(2665);const l={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list-button","// pagination_prev":null,"// pagination_next":null},r=void 0,c={id:"components/client-components/List-button",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/List-button.md",sourceDirName:"components/client-components",slug:"/components/client-components/list-button",permalink:"/docs/components/client-components/list-button",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/List-button.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"list-button","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/inputt"},next:{title:"",permalink:"/docs/components/client-components/list-edit"}},d={},p=[{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}];function b(t){const e={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,s.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(e.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,i.jsxs)(e.p,{children:["This section outlines styling information for the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:""})})," component. This component is ",(0,i.jsx)(e.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,i.jsx)(e.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,i.jsx)(e.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,i.jsx)(o.Z,{tag:"bbj-list-button",table:"parts"}),"\n",(0,i.jsx)(e.h3,{id:"css-properties",children:"CSS Properties"}),"\n",(0,i.jsx)(e.p,{children:"These are the various CSS properties that are used in the component, with a short description of their use."}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-button",table:"properties"}),"\n",(0,i.jsx)(e.h3,{id:"reflected-attributes",children:"Reflected Attributes"}),"\n",(0,i.jsx)(e.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,i.jsx)(o.Z,{tag:"bbj-list-button",table:"reflects"}),"\n",(0,i.jsx)(e.h3,{id:"dependencies",children:"Dependencies"}),"\n",(0,i.jsx)(e.p,{children:"This component relies on the following components - see the related article for more detailed styling information:"}),"\n",(0,i.jsx)(o.Z,{tag:"bbj-list-button",table:"dependencies"})]})}function h(t={}){const{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,i.jsx)(e,{...t,children:(0,i.jsx)(b,{...t})}):b(t)}}}]); \ No newline at end of file diff --git a/assets/js/ff8293ff.0d1df9bd.js b/assets/js/ff8293ff.0d1df9bd.js deleted file mode 100644 index 799f6bae4..000000000 --- a/assets/js/ff8293ff.0d1df9bd.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2048],{5542:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>b,frontMatter:()=>r,metadata:()=>c,toc:()=>p});var s=n(5893),i=n(1151),o=n(7796),a=n(2665);const r={sidebar_position:0,title:"bbj-toast",sidebar_class_name:"sidebar--item__hidden",slug:"Toast","// pagination_prev":null,"// pagination_next":null},l=void 0,c={id:"components/client-components/Toast",title:"bbj-toast",description:"Styling",source:"@site/docs/components/client-components/Toast.md",sourceDirName:"components/client-components",slug:"/components/client-components/Toast",permalink:"/docs/components/client-components/Toast",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Toast.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"bbj-toast",sidebar_class_name:"sidebar--item__hidden",slug:"Toast","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"bbj-tabs-list",permalink:"/docs/components/client-components/Tabs-list"},next:{title:"bbj-tree-node",permalink:"/docs/components/client-components/Tree-node"}},d={},p=[{value:"Styling",id:"styling",level:2},{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}];function h(e){const t={admonition:"admonition",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)(a.Z,{tooltipText:"The name of the web component that will render in the DOM.",label:"bbj-toast",clickable:!1,iconName:"code"}),"\n",(0,s.jsx)(t.h2,{id:"styling",children:"Styling"}),"\n",(0,s.jsx)(t.admonition,{title:"IMPORTANT",type:"warning",children:(0,s.jsxs)(t.p,{children:["This section outlines various styling information for the ",(0,s.jsxs)(t.strong,{children:[(0,s.jsx)(t.code,{children:"bbj-toast"})," client-side"]})," component. This component cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(o.Z,{tag:"bbj-toast",table:"parts"}),"\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)(o.Z,{tag:"bbj-toast",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)(o.Z,{tag:"bbj-toast",table:"reflects"}),"\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)(o.Z,{tag:"bbj-toast",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/ff8293ff.8011fa1a.js b/assets/js/ff8293ff.8011fa1a.js new file mode 100644 index 000000000..47edb18fb --- /dev/null +++ b/assets/js/ff8293ff.8011fa1a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[2048],{5542:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>c,default:()=>b,frontMatter:()=>r,metadata:()=>l,toc:()=>p});var s=n(5893),o=n(1151),i=n(7796),a=n(2665);const r={sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"toast","// pagination_prev":null,"// pagination_next":null},c=void 0,l={id:"components/client-components/Toast",title:"",description:"This section outlines styling information for the `` component. This component is client side only - it cannot be instantiated on its own via the API, but may make up part of API components.",source:"@site/docs/components/client-components/Toast.md",sourceDirName:"components/client-components",slug:"/components/client-components/toast",permalink:"/docs/components/client-components/toast",draft:!1,unlisted:!1,editUrl:"https://github.com/DwcJava/dwcjava.github.io/tree/website/docs/components/client-components/Toast.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,title:"",sidebar_class_name:"sidebar--item__hidden",slug:"toast","// pagination_prev":null,"// pagination_next":null},sidebar:"documentationSidebar",previous:{title:"",permalink:"/docs/components/client-components/tabs-list"},next:{title:"",permalink:"/docs/components/client-components/tree-node"}},d={},p=[{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}];function h(e){const t={admonition:"admonition",code:"code",h3:"h3",p:"p",strong:"strong",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{tooltipText:"This component will render with a shadow DOM, an API built into the browser that facilitates encapsulation.",label:"Shadow",target:"_blank",clickable:!1,iconName:"shadow"}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)("br",{}),"\n",(0,s.jsx)(t.admonition,{title:"CLIENT COMPONENT",type:"info",children:(0,s.jsxs)(t.p,{children:["This section outlines styling information for the ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:""})})," component. This component is ",(0,s.jsx)(t.strong,{children:"client side only"})," - it cannot be instantiated on its own via the API, but may make up part of API components."]})}),"\n",(0,s.jsx)(t.h3,{id:"shadow-parts",children:"Shadow Parts"}),"\n",(0,s.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,s.jsx)(i.Z,{tag:"bbj-toast",table:"parts"}),"\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)(i.Z,{tag:"bbj-toast",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)(i.Z,{tag:"bbj-toast",table:"reflects"}),"\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)(i.Z,{tag:"bbj-toast",table:"dependencies"})]})}function b(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/main.f22d5ea2.js b/assets/js/main.4f5c40f3.js similarity index 93% rename from assets/js/main.f22d5ea2.js rename to assets/js/main.4f5c40f3.js index 36ce5d329..0b7741872 100644 --- a/assets/js/main.f22d5ea2.js +++ b/assets/js/main.4f5c40f3.js @@ -1,2 +1,2 @@ -/*! For license information please see main.f22d5ea2.js.LICENSE.txt */ -(self.webpackChunkdwcj_documentation=self.webpackChunkdwcj_documentation||[]).push([[179],{830:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});var o=n(7294);function r(){return o.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},o.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(7294);var o=n(8356),r=n.n(o),a=n(6887);const i={"017e1775":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(6929)]).then(n.bind(n,4826)),"@site/docs/components/drawer.md",4826],"0375db59":[()=>Promise.all([n.e(8592),n.e(2264)]).then(n.bind(n,4017)),"@site/docs/components/bbj-icon.md",4017],"0577d7e9":[()=>Promise.all([n.e(8592),n.e(2084)]).then(n.bind(n,978)),"@site/docs/components/events/click-event.md",978],"0e384e19":[()=>Promise.all([n.e(8592),n.e(9671)]).then(n.bind(n,7876)),"@site/docs/intro.md",7876],"0fb4d328":[()=>Promise.all([n.e(8592),n.e(2820)]).then(n.bind(n,6083)),"@site/docs/components/client-components/Inpute.md",6083],"104c62f0":[()=>Promise.all([n.e(8592),n.e(7637)]).then(n.bind(n,1499)),"@site/docs/components/client-components/Upload.md",1499],"14a0872a":[()=>Promise.all([n.e(8592),n.e(9608)]).then(n.bind(n,2422)),"@site/docs/components/client-components/Tab.md",2422],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,4228)),"@theme/DocCategoryGeneratedIndexPage",4228],"175f4414":[()=>Promise.all([n.e(8592),n.e(2699)]).then(n.bind(n,4146)),"@site/docs/components/client-components/List-edit.md",4146],17896441:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(13),n.e(7918)]).then(n.bind(n,230)),"@theme/DocItem",230],"1a4e3797":[()=>Promise.all([n.e(532),n.e(7920)]).then(n.bind(n,6675)),"@theme/SearchPage",6675],"1dab32d6":[()=>n.e(5772).then(n.t.bind(n,8418,19)),"~docs/default/category-docs-documentationsidebar-category-layouts-e32.json",8418],"1e924268":[()=>Promise.all([n.e(8592),n.e(8614)]).then(n.bind(n,4953)),"@site/docs/installation/installation.md",4953],"1f391b9e":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(13),n.e(3085)]).then(n.bind(n,4247)),"@theme/MDXPage",4247],"20f7e9b5":[()=>Promise.all([n.e(8592),n.e(1869)]).then(n.bind(n,1828)),"@site/docs/components/client-components/Busy.md",1828],"2180a3af":[()=>Promise.all([n.e(8592),n.e(662)]).then(n.bind(n,1745)),"@site/docs/components/home.md",1745],"23e38187":[()=>Promise.all([n.e(8592),n.e(4384)]).then(n.bind(n,3299)),"@site/docs/components/events/event.md",3299],"245d481f":[()=>Promise.all([n.e(8592),n.e(4195)]).then(n.bind(n,9743)),"@site/docs/components/client-components/Spinner.md",9743],"272fe341":[()=>Promise.all([n.e(8592),n.e(815)]).then(n.bind(n,9201)),"@site/docs/getting_started/configuration.md",9201],"27a8c9d3":[()=>Promise.all([n.e(8592),n.e(994)]).then(n.bind(n,5524)),"@site/docs/components/client-components/Tree.md",5524],"2abf1b13":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(4373)]).then(n.bind(n,6672)),"@site/docs/components/list-components/list-box.md",6672],"2df7d063":[()=>Promise.all([n.e(8592),n.e(7100)]).then(n.bind(n,3343)),"@site/docs/components/events/keypress-event.md",3343],"3202e975":[()=>Promise.all([n.e(8592),n.e(3850)]).then(n.bind(n,4583)),"@site/docs/components/events/button-click-event.md",4583],"32daff60":[()=>Promise.all([n.e(8592),n.e(7956)]).then(n.bind(n,6183)),"@site/docs/installation/contributors.md",6183],"3360d290":[()=>Promise.all([n.e(8592),n.e(6088)]).then(n.bind(n,1983)),"@site/docs/components/client-components/Editbox-spinner.md",1983],"33b18326":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(8402)]).then(n.bind(n,8105)),"@site/docs/components/fields/fields.md",8105],"367e3965":[()=>Promise.all([n.e(8592),n.e(2755)]).then(n.bind(n,6940)),"@site/docs/components/client-components/Separator.md",6940],"37046ed3":[()=>Promise.all([n.e(8592),n.e(5858)]).then(n.bind(n,9936)),"@site/docs/components/client-components/Progressbar.md",9936],"393be207":[()=>Promise.all([n.e(8592),n.e(7414)]).then(n.bind(n,1181)),"@site/src/pages/markdown-page.md",1181],"3b023488":[()=>Promise.all([n.e(8592),n.e(4085)]).then(n.bind(n,8014)),"@site/docs/getting_started/Templates/app_layout.md",8014],"3d14ec9a":[()=>Promise.all([n.e(8592),n.e(1142)]).then(n.bind(n,3180)),"@site/docs/components/client-components/Tab-panel.md",3180],"3f60750a":[()=>Promise.all([n.e(8592),n.e(6811)]).then(n.bind(n,1692)),"@site/docs/components/client-components/Checkbox.md",1692],"44a2ffa8":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(8499)]).then(n.bind(n,1955)),"@site/docs/components/fields/time-field.md",1955],"47f3d74a":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(1303)]).then(n.bind(n,1214)),"@site/docs/components/fields/date-time-field.md",1214],"47feae6f":[()=>n.e(7610).then(n.t.bind(n,7085,19)),"/home/runner/work/dwcjava.github.io/dwcjava.github.io/.docusaurus/docusaurus-theme-search-algolia/default/plugin-route-context-module-100.json",7085],"48bbfb2a":[()=>Promise.all([n.e(8592),n.e(1192)]).then(n.bind(n,6455)),"@site/docs/styling/theme.md",6455],"48f5576d":[()=>Promise.all([n.e(8592),n.e(6582)]).then(n.bind(n,5931)),"@site/docs/components/client-components/App-layout.md",5931],"4a332b92":[()=>Promise.all([n.e(8592),n.e(2517)]).then(n.bind(n,2919)),"@site/docs/getting_started/architecture.md",2919],"4b46da1c":[()=>Promise.all([n.e(8592),n.e(7303)]).then(n.bind(n,2710)),"@site/docs/components/client-components/Font-chooser.md",2710],"4d281b1f":[()=>Promise.all([n.e(8592),n.e(2800)]).then(n.bind(n,2435)),"@site/docs/components/client-components/Dropdown.md",2435],"4eb8144b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(2498)]).then(n.bind(n,8306)),"@site/docs/components/list-components/choice-box.md",8306],"548c55b7":[()=>Promise.all([n.e(8592),n.e(6389)]).then(n.bind(n,1952)),"@site/docs/components/client-components/Inputt-spinner.md",1952],"5510d6bc":[()=>Promise.all([n.e(8592),n.e(6020)]).then(n.bind(n,5006)),"@site/docs/components/events/check-event.md",5006],"559b7fc6":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(377)]).then(n.bind(n,6153)),"@site/docs/components/progress-bar.md",6153],"567b6912":[()=>Promise.all([n.e(8592),n.e(4922)]).then(n.bind(n,1330)),"@site/docs/components/client-components/Popover.md",1330],"56ad8461":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(2565)]).then(n.bind(n,61)),"@site/docs/components/label.md",61],"5e95c892":[()=>n.e(9661).then(n.bind(n,1892)),"@theme/DocsRoot",1892],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"60ac4983":[()=>Promise.all([n.e(8592),n.e(1226)]).then(n.bind(n,1476)),"@site/docs/components/client-components/Backdrop.md",1476],"66843aff":[()=>Promise.all([n.e(8592),n.e(7199)]).then(n.bind(n,7449)),"@site/docs/components/client-components/File-save.md",7449],"693028f3":[()=>Promise.all([n.e(8592),n.e(3779)]).then(n.bind(n,8727)),"@site/docs/components/events/blur-event.md",8727],"69802c4b":[()=>Promise.all([n.e(8592),n.e(5597)]).then(n.bind(n,6190)),"@site/docs/components/client-components/Tree-node.md",6190],"6a3d3763":[()=>Promise.all([n.e(8592),n.e(5800)]).then(n.bind(n,6524)),"@site/docs/components/client-components/Radio.md",6524],"6da97851":[()=>Promise.all([n.e(8592),n.e(9583)]).then(n.bind(n,4486)),"@site/docs/components/events/list-close-event.md",4486],"6eb7f153":[()=>Promise.all([n.e(8592),n.e(5090)]).then(n.bind(n,3713)),"@site/docs/components/client-components/Popupmenu.md",3713],"6f3f7b75":[()=>Promise.all([n.e(532),n.e(8592),n.e(9486)]).then(n.bind(n,9719)),"@site/docs/components/styles/checkbox.md",9719],"700cec1a":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(4020)]).then(n.bind(n,5338)),"@site/docs/components/radio-group.md",5338],"71b4e446":[()=>Promise.all([n.e(8592),n.e(6949)]).then(n.bind(n,8448)),"@site/docs/components/client-components/Slider.md",8448],"76eefc0f":[()=>Promise.all([n.e(8592),n.e(4718)]).then(n.bind(n,7335)),"@site/docs/components/events/list-open-event.md",7335],79697695:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(1588)]).then(n.bind(n,3751)),"@site/docs/components/fields/text-field.md",3751],"7b2f26a3":[()=>Promise.all([n.e(8592),n.e(7802)]).then(n.bind(n,9957)),"@site/src/pages/live_demo.js",9957],"7c7204eb":[()=>Promise.all([n.e(8592),n.e(3574)]).then(n.bind(n,8287)),"@site/docs/components/events/list-event.md",8287],"7dbfa287":[()=>Promise.all([n.e(8592),n.e(6094)]).then(n.bind(n,8302)),"@site/docs/components/client-components/Inputn.md",8302],"7eb55c50":[()=>Promise.all([n.e(8592),n.e(5993)]).then(n.bind(n,3471)),"@site/docs/components/client-components/Refresher.md",3471],"7f7b6a5a":[()=>Promise.all([n.e(8592),n.e(2616)]).then(n.bind(n,4519)),"@site/docs/components/events/uncheck-event.md",4519],"7f80ed3d":[()=>Promise.all([n.e(8592),n.e(9058)]).then(n.bind(n,6703)),"@site/docs/components/client-components/Editbox.md",6703],"85d08387":[()=>n.e(2163).then(n.t.bind(n,8638,19)),"~docs/default/category-docs-documentationsidebar-category-getting-started-dc6.json",8638],"87878b99":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(9047)]).then(n.bind(n,4679)),"@site/docs/components/checkbox.md",4679],"899bab7c":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(3074)]).then(n.bind(n,1172)),"@site/docs/components/list-components/combo-box.md",1172],"8cb88c1d":[()=>Promise.all([n.e(8592),n.e(4383)]).then(n.bind(n,3236)),"@site/docs/components/client-components/Drawer.md",3236],"8f54fd02":[()=>Promise.all([n.e(8592),n.e(1776)]).then(n.bind(n,4461)),"@site/docs/components/client-components/Alert.md",4461],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9774bb5c":[()=>Promise.all([n.e(8592),n.e(8524)]).then(n.bind(n,6822)),"@site/docs/getting_started/creating_an_application.md",6822],"977f47c1":[()=>Promise.all([n.e(8592),n.e(7964)]).then(n.bind(n,1219)),"@site/docs/components/client-components/Inputd-spinner.md",1219],"9807f789":[()=>Promise.all([n.e(8592),n.e(1878)]).then(n.bind(n,9888)),"@site/docs/components/client-components/Infinite-scroll.md",9888],"98567d22":[()=>Promise.all([n.e(8592),n.e(1432)]).then(n.bind(n,3564)),"@site/docs/installation/github_codespaces.md",3564],"9df0fb54":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(1368)]).then(n.bind(n,3284)),"@site/docs/components/text-area.md",3284],"9eb89d33":[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(5148)]).then(n.bind(n,8051)),"@site/docs/components/button.md",8051],a113490b:[()=>Promise.all([n.e(8592),n.e(6450)]).then(n.bind(n,2033)),"@site/docs/getting_started/Templates/hello_world.md",2033],a1ac9222:[()=>Promise.all([n.e(8592),n.e(2283)]).then(n.bind(n,5553)),"@site/docs/components/client-components/List.md",5553],a2f6c742:[()=>Promise.all([n.e(8592),n.e(6558)]).then(n.bind(n,2071)),"@site/docs/components/client-components/Inputd.md",2071],a4de130a:[()=>Promise.all([n.e(8592),n.e(8045)]).then(n.bind(n,8229)),"@site/docs/components/client-components/File-chooser.md",8229],a4ec1fc0:[()=>Promise.all([n.e(8592),n.e(4125)]).then(n.bind(n,144)),"@site/docs/components/client-components/Hotkey.md",144],a74b0825:[()=>Promise.all([n.e(8592),n.e(3317)]).then(n.bind(n,8650)),"@site/docs/installation/local_install.md",8650],a7bd4aaa:[()=>n.e(8518).then(n.bind(n,8564)),"@theme/DocVersionRoot",8564],a94703ab:[()=>Promise.all([n.e(532),n.e(4368)]).then(n.bind(n,2674)),"@theme/DocRoot",2674],a980013d:[()=>Promise.all([n.e(8592),n.e(1205)]).then(n.bind(n,7750)),"@site/docs/components/events/mouse-exit-event.md",7750],a9bfb29e:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(5430)]).then(n.bind(n,7722)),"@site/docs/layouts/app-layout.md",7722],aad6d339:[()=>Promise.all([n.e(8592),n.e(8794)]).then(n.bind(n,8870)),"@site/docs/components/client-components/Color-chooser.md",8870],abb5f9c4:[()=>Promise.all([n.e(8592),n.e(3782)]).then(n.bind(n,431)),"@site/docs/components/client-components/Dialog.md",431],ac18fad6:[()=>Promise.all([n.e(8592),n.e(9666)]).then(n.bind(n,7160)),"@site/docs/components/events/focus-event.md",7160],ac555a8a:[()=>Promise.all([n.e(8592),n.e(6027)]).then(n.bind(n,760)),"@site/docs/components/client-components/Menuitem.md",760],add51b50:[()=>Promise.all([n.e(8592),n.e(4305)]).then(n.bind(n,8019)),"@site/docs/components/client-components/Alert-popover.md",8019],ae2bfb5e:[()=>Promise.all([n.e(8592),n.e(8608)]).then(n.bind(n,2323)),"@site/docs/components/client-components/Menu.md",2323],af08f1ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(6405)]).then(n.bind(n,6509)),"@site/docs/components/fields/date-field.md",6509],b330cd6c:[()=>Promise.all([n.e(8592),n.e(1898)]).then(n.bind(n,8020)),"@site/docs/components/client-components/Splitter.md",8020],b3adb49b:[()=>n.e(7312).then(n.t.bind(n,3769,19)),"/home/runner/work/dwcjava.github.io/dwcjava.github.io/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",3769],b512792d:[()=>Promise.all([n.e(8592),n.e(4007)]).then(n.bind(n,2084)),"@site/docs/components/client-components/Login.md",2084],b6fc7147:[()=>Promise.all([n.e(8592),n.e(5289)]).then(n.bind(n,5943)),"@site/docs/components/events/right-mouse-down-event.md",5943],b8ef75ed:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(6266)]).then(n.bind(n,7391)),"@site/docs/components/list-components/lists.md",7391],b914e798:[()=>Promise.all([n.e(8592),n.e(3150)]).then(n.bind(n,717)),"@site/docs/styling/getting_started.md",717],ba4df261:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(9580)]).then(n.bind(n,1629)),"@site/docs/components/fields/color-field.md",1629],bedc8a73:[()=>n.e(591).then(n.t.bind(n,5745,19)),"/home/runner/work/dwcjava.github.io/dwcjava.github.io/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],c4ecc0ec:[()=>Promise.all([n.e(8592),n.e(8699)]).then(n.bind(n,8253)),"@site/docs/components/client-components/Tabs-list.md",8253],c4f5d8e4:[()=>Promise.all([n.e(532),n.e(8592),n.e(8660),n.e(4193)]).then(n.bind(n,3714)),"@site/src/pages/index.js",3714],c548088a:[()=>Promise.all([n.e(8592),n.e(3021)]).then(n.bind(n,2610)),"@site/docs/components/events/toggle-event.md",2610],c57ca45f:[()=>Promise.all([n.e(8592),n.e(9810)]).then(n.bind(n,4977)),"@site/docs/components/client-components/Icon-button.md",4977],c58736f6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(1517)]).then(n.bind(n,8309)),"@site/docs/components/dialog.md",8309],c90035ea:[()=>Promise.all([n.e(8592),n.e(6628)]).then(n.bind(n,261)),"@site/docs/components/client-components/Icon.md",261],cb648109:[()=>Promise.all([n.e(8592),n.e(9635)]).then(n.bind(n,6429)),"@site/docs/components/client-components/Inputn-spinner.md",6429],dc93842a:[()=>Promise.all([n.e(8592),n.e(4751)]).then(n.bind(n,2635)),"@site/docs/components/events/mouse-enter-event.md",2635],dd91dd19:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(18)]).then(n.bind(n,6473)),"@site/docs/layouts/flex_layouts.md",6473],dee26f84:[()=>Promise.all([n.e(8592),n.e(3588)]).then(n.bind(n,2025)),"@site/docs/components/client-components/Inpute-spinner.md",2025],e2c97c51:[()=>Promise.all([n.e(8592),n.e(8730)]).then(n.bind(n,3401)),"@site/docs/components/client-components/Cedit.md",3401],e4104523:[()=>Promise.all([n.e(8592),n.e(7448)]).then(n.bind(n,4080)),"@site/docs/components/client-components/Navigator.md",4080],e5003ac9:[()=>Promise.all([n.e(8592),n.e(2115)]).then(n.bind(n,2309)),"@site/docs/components/client-components/Button.md",2309],e5a16701:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(9243)]).then(n.bind(n,4074)),"@site/docs/components/fields/number-field.md",4074],e6d01527:[()=>Promise.all([n.e(8592),n.e(2276)]).then(n.bind(n,5839)),"@site/docs/installation/docker_user.md",5839],e71a10cb:[()=>Promise.all([n.e(8592),n.e(7711)]).then(n.bind(n,2530)),"@site/docs/components/events/modify-event.md",2530],e747ec83:[()=>Promise.all([n.e(8592),n.e(2291)]).then(n.bind(n,8172)),"@site/docs/glossary.md",8172],e89ff0bb:[()=>Promise.all([n.e(8592),n.e(4418)]).then(n.bind(n,6892)),"@site/docs/components/client-components/Inputt.md",6892],e97f9a74:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(9729)]).then(n.bind(n,6572)),"@site/docs/components/slider.md",6572],e9df50f6:[()=>n.e(9234).then(n.t.bind(n,3514,19)),"~docs/default/category-docs-documentationsidebar-category-styles-1d7.json",3514],eca5a6fe:[()=>Promise.all([n.e(8592),n.e(1385)]).then(n.bind(n,9256)),"@site/docs/components/events/list-select-event.md",9256],ee6c8bca:[()=>Promise.all([n.e(8592),n.e(6918)]).then(n.bind(n,4833)),"@site/docs/components/client-components/Menubar.md",4833],f1ecfa8c:[()=>Promise.all([n.e(8592),n.e(2941)]).then(n.bind(n,7021)),"@site/docs/components/client-components/List-button.md",7021],f3918844:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(1030)]).then(n.bind(n,8533)),"@site/docs/components/fields/password-field.md",8533],ff6d8346:[()=>Promise.all([n.e(532),n.e(8592),n.e(8537),n.e(2529)]).then(n.bind(n,353)),"@site/docs/components/radio-button.md",353],ff8293ff:[()=>Promise.all([n.e(8592),n.e(2048)]).then(n.bind(n,5542)),"@site/docs/components/client-components/Toast.md",5542]};var s=n(5893);function l(e){let{error:t,retry:n,pastDelay:o}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):o?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(9670),u=n(226);function d(e,t){if("*"===e)return r()({loading:l,loader:()=>n.e(1772).then(n.bind(n,1772)),modules:["@theme/NotFound"],webpack:()=>[1772],render(e,t){const n=e.default;return(0,s.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const o=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.Z)(o);return Object.entries(m).forEach((e=>{let[t,n]=e;const o=i[n];o&&(d[t]=o[0],p.push(o[1]),f.push(o[2]))})),r().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(o));Object.entries(t).forEach((t=>{let[n,o]=t;const a=o.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(o).filter((e=>"default"!==e)).forEach((e=>{a[e]=o[e]}));let i=r;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,s.jsx)(u.z,{value:i,children:(0,s.jsx)(a,{...r,...n})})}})}const p=[{path:"/live_demo",component:d("/live_demo","8c1"),exact:!0},{path:"/markdown-page",component:d("/markdown-page","27e"),exact:!0},{path:"/search",component:d("/search","7ab"),exact:!0},{path:"/docs",component:d("/docs","0f7"),routes:[{path:"/docs",component:d("/docs","d89"),routes:[{path:"/docs",component:d("/docs","5dd"),routes:[{path:"/docs/category/getting-started",component:d("/docs/category/getting-started","4cf"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/category/layouts",component:d("/docs/category/layouts","7a1"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/category/styles",component:d("/docs/category/styles","1c2"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/bbj-icon",component:d("/docs/components/bbj-icon","551"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/button",component:d("/docs/components/button","c2a"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/checkbox",component:d("/docs/components/checkbox","0d4"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Alert",component:d("/docs/components/client-components/Alert","093"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Alert-popover",component:d("/docs/components/client-components/Alert-popover","2c8"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/App-layout",component:d("/docs/components/client-components/App-layout","6dd"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Backdrop",component:d("/docs/components/client-components/Backdrop","0e4"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Busy",component:d("/docs/components/client-components/Busy","ee5"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Button",component:d("/docs/components/client-components/Button","147"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Cedit",component:d("/docs/components/client-components/Cedit","444"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Checkbox",component:d("/docs/components/client-components/Checkbox","0c7"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Color-chooser",component:d("/docs/components/client-components/Color-chooser","f91"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Dialog",component:d("/docs/components/client-components/Dialog","18d"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Drawer",component:d("/docs/components/client-components/Drawer","691"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Dropdown",component:d("/docs/components/client-components/Dropdown","597"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Editbox",component:d("/docs/components/client-components/Editbox","a13"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Editbox-spinner",component:d("/docs/components/client-components/Editbox-spinner","fcb"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/File-chooser",component:d("/docs/components/client-components/File-chooser","7f7"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/File-save",component:d("/docs/components/client-components/File-save","4d8"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Font-chooser",component:d("/docs/components/client-components/Font-chooser","707"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Hotkey",component:d("/docs/components/client-components/Hotkey","649"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Icon",component:d("/docs/components/client-components/Icon","191"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Icon-button",component:d("/docs/components/client-components/Icon-button","196"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Infinite-scroll",component:d("/docs/components/client-components/Infinite-scroll","ad5"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputd",component:d("/docs/components/client-components/Inputd","053"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputd-spinner",component:d("/docs/components/client-components/Inputd-spinner","ca6"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inpute",component:d("/docs/components/client-components/Inpute","6da"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inpute-spinner",component:d("/docs/components/client-components/Inpute-spinner","3a3"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputn",component:d("/docs/components/client-components/Inputn","824"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputn-spinner",component:d("/docs/components/client-components/Inputn-spinner","b1e"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputt",component:d("/docs/components/client-components/Inputt","b77"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Inputt-spinner",component:d("/docs/components/client-components/Inputt-spinner","ad4"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/List",component:d("/docs/components/client-components/List","906"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/List-button",component:d("/docs/components/client-components/List-button","c5c"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/List-edit",component:d("/docs/components/client-components/List-edit","c4b"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Login",component:d("/docs/components/client-components/Login","faf"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Menu",component:d("/docs/components/client-components/Menu","c3d"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Menubar",component:d("/docs/components/client-components/Menubar","26b"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Menuitem",component:d("/docs/components/client-components/Menuitem","1a0"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Navigator",component:d("/docs/components/client-components/Navigator","a17"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Popover",component:d("/docs/components/client-components/Popover","837"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Popupmenu",component:d("/docs/components/client-components/Popupmenu","b29"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Progressbar",component:d("/docs/components/client-components/Progressbar","8d9"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Radio",component:d("/docs/components/client-components/Radio","4b5"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Refresher",component:d("/docs/components/client-components/Refresher","556"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Separator",component:d("/docs/components/client-components/Separator","555"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Slider",component:d("/docs/components/client-components/Slider","5d5"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Spinner",component:d("/docs/components/client-components/Spinner","5d2"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Splitter",component:d("/docs/components/client-components/Splitter","3fc"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Tab",component:d("/docs/components/client-components/Tab","541"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Tab-panel",component:d("/docs/components/client-components/Tab-panel","1c8"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Tabs-list",component:d("/docs/components/client-components/Tabs-list","a56"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Toast",component:d("/docs/components/client-components/Toast","c44"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Tree",component:d("/docs/components/client-components/Tree","46c"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Tree-node",component:d("/docs/components/client-components/Tree-node","ff3"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/client-components/Upload",component:d("/docs/components/client-components/Upload","08f"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/dialog",component:d("/docs/components/dialog","2a7"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/drawer",component:d("/docs/components/drawer","aeb"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/BlurEvent",component:d("/docs/components/events/BlurEvent","cca"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ButtonClickEvent",component:d("/docs/components/events/ButtonClickEvent","b70"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/CheckEvent",component:d("/docs/components/events/CheckEvent","07a"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/event",component:d("/docs/components/events/event","f64"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/FocusEvent",component:d("/docs/components/events/FocusEvent","47f"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/KeypressEvent",component:d("/docs/components/events/KeypressEvent","577"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ListClickEvent",component:d("/docs/components/events/ListClickEvent","8af"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ListCloseEvent",component:d("/docs/components/events/ListCloseEvent","0fb"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ListEvent",component:d("/docs/components/events/ListEvent","35d"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ListOpenEvent",component:d("/docs/components/events/ListOpenEvent","afa"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ListSelectEvent",component:d("/docs/components/events/ListSelectEvent","8f4"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ModifyEvent",component:d("/docs/components/events/ModifyEvent","8f7"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/MouseEnterEvent",component:d("/docs/components/events/MouseEnterEvent","eec"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/MouseExitEvent",component:d("/docs/components/events/MouseExitEvent","228"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/RightMouseDownEvent",component:d("/docs/components/events/RightMouseDownEvent","af9"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/ToggleEvent",component:d("/docs/components/events/ToggleEvent","158"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/events/UncheckEvent",component:d("/docs/components/events/UncheckEvent","449"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields",component:d("/docs/components/fields","f0e"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/colorfield",component:d("/docs/components/fields/colorfield","a5a"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/datefield",component:d("/docs/components/fields/datefield","f47"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/datetimefield",component:d("/docs/components/fields/datetimefield","030"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/numberfield",component:d("/docs/components/fields/numberfield","990"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/passwordfield",component:d("/docs/components/fields/passwordfield","031"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/textfield",component:d("/docs/components/fields/textfield","545"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/fields/timefield",component:d("/docs/components/fields/timefield","916"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/home",component:d("/docs/components/home","130"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/label",component:d("/docs/components/label","f55"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/list-components/choicebox",component:d("/docs/components/list-components/choicebox","cc6"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/list-components/combobox",component:d("/docs/components/list-components/combobox","5cd"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/list-components/listbox",component:d("/docs/components/list-components/listbox","681"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/list-components/lists",component:d("/docs/components/list-components/lists","5fa"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/progress-bar",component:d("/docs/components/progress-bar","630"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/radiobutton",component:d("/docs/components/radiobutton","643"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/radiobuttongroup",component:d("/docs/components/radiobuttongroup","952"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/slider",component:d("/docs/components/slider","bff"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/styles/checkbox",component:d("/docs/components/styles/checkbox","ad1"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/components/text-area",component:d("/docs/components/text-area","404"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/getting_started/architecture",component:d("/docs/getting_started/architecture","04f"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/getting_started/configuration",component:d("/docs/getting_started/configuration","4b8"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/getting_started/creating_an_application",component:d("/docs/getting_started/creating_an_application","3f6"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/getting_started/Templates/app_layout",component:d("/docs/getting_started/Templates/app_layout","8c0"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/getting_started/Templates/hello_world",component:d("/docs/getting_started/Templates/hello_world","f15"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/glossary",component:d("/docs/glossary","e70"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/installation",component:d("/docs/installation","f8e"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/installation/contributors",component:d("/docs/installation/contributors","ee8"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/installation/docker_user",component:d("/docs/installation/docker_user","a1d"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/installation/github_codespaces",component:d("/docs/installation/github_codespaces","d35"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/installation/local_install",component:d("/docs/installation/local_install","c1a"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/intro",component:d("/docs/intro","229"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/layouts/app-layout",component:d("/docs/layouts/app-layout","f76"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/layouts/flex_layouts",component:d("/docs/layouts/flex_layouts","52a"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/styling/styling_intro",component:d("/docs/styling/styling_intro","d99"),exact:!0,sidebar:"documentationSidebar"},{path:"/docs/styling/theme",component:d("/docs/styling/theme","ac9"),exact:!0,sidebar:"documentationSidebar"}]}]}]},{path:"/",component:d("/","f66"),exact:!0},{path:"*",component:d("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,t:()=>i});var o=n(7294),r=n(5893);const a=o.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(a.Provider,{value:n,children:t})}},7221:(e,t,n)=>{"use strict";var o=n(7294),r=n(745),a=n(3727),i=n(405),s=n(412);const l=[n(6657),n(2497),n(3310),n(8320),n(2295)];var c=n(723),u=n(6550),d=n(8790),p=n(5893);function f(e){let{children:t}=e;return(0,p.jsx)(p.Fragment,{children:t})}var m=n(5742),h=n(2263),g=n(4996),b=n(6668),y=n(833),v=n(4711),w=n(9727),x=n(3320),k=n(8780),S=n(197);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),o=(0,v.l)(),r=n[e].htmlLang,a=e=>e.replace("-","_");return(0,p.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,p.jsx)("link",{rel:"alternate",href:o.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,p.jsx)("link",{rel:"alternate",href:o.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,p.jsx)("meta",{property:"og:locale",content:a(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,p.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function E(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:o}=(0,u.TH)();return e+(0,k.applyTrailingSlash)((0,g.Z)(o),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:o;return(0,p.jsxs)(m.Z,{children:[(0,p.jsx)("meta",{property:"og:url",content:r}),(0,p.jsx)("link",{rel:"canonical",href:r})]})}function C(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,b.L)();return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(m.Z,{children:[(0,p.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,p.jsx)("body",{className:w.h})]}),n&&(0,p.jsx)(y.d,{image:n}),(0,p.jsx)(E,{}),(0,p.jsx)(_,{}),(0,p.jsx)(S.Z,{tag:x.HX,locale:e}),(0,p.jsx)(m.Z,{children:t.map(((e,t)=>(0,p.jsx)("meta",{...e},t)))})]})}const T=new Map;function P(e){if(T.has(e.pathname))return{...e,pathname:T.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return T.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return T.set(e.pathname,t),{...e,pathname:t}}var L=n(8934),A=n(8940),j=n(469);function N(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o{const o=t.default?.[e]??t[e];return o?.(...n)}));return()=>r.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,j.Z)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const o=t.pathname===n.pathname,r=t.hash===n.hash,a=t.search===n.search;if(o&&r&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),N("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends o.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=s.Z.canUseDOM?N("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=N("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,p.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,p.jsx)(u.AW,{location:t,render:()=>e})})}}const M=O,F="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function z(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n var shouldInsert = typeof window['docusaurus'] === 'undefined';\n shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n var bannerContainer = document.createElement('div');\n bannerContainer.id = '${F}';\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{if("undefined"==typeof document)return void n();const o=document.createElement("link");o.setAttribute("rel","prefetch"),o.setAttribute("href",e),o.onload=()=>t(),o.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(o)}))}:function(e){return new Promise(((t,n)=>{const o=new XMLHttpRequest;o.open("GET",e,!0),o.withCredentials=!0,o.onload=()=>{200===o.status?t():n()},o.send(null)}))};var Y=n(9670);const Q=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!Q.has(e))(e))return!1;Q.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),R(e))},te=Object.freeze(ee),ne=Boolean(!0);if(s.Z.canUseDOM){window.docusaurus=te;const e=document.getElementById("__docusaurus"),t=(0,p.jsx)(i.B6,{children:(0,p.jsx)(a.VK,{children:(0,p.jsx)(q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},s=()=>{if(ne)o.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const a=r.createRoot(e,{onRecoverableError:n});o.startTransition((()=>{a.render(t)}))}};R(window.location.pathname).then(s)}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var o=n(7294),r=n(6809);const a=JSON.parse('{"docusaurus-plugin-google-tag-manager":{"default":{"containerId":"GTM-NB7VHG4","id":"default"}},"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-84THEWQM3G"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"components/bbj-icon","path":"/docs/components/bbj-icon","sidebar":"documentationSidebar"},{"id":"components/button","path":"/docs/components/button","sidebar":"documentationSidebar"},{"id":"components/checkbox","path":"/docs/components/checkbox","sidebar":"documentationSidebar"},{"id":"components/client-components/Alert","path":"/docs/components/client-components/Alert","sidebar":"documentationSidebar"},{"id":"components/client-components/Alert-popover","path":"/docs/components/client-components/Alert-popover","sidebar":"documentationSidebar"},{"id":"components/client-components/App-layout","path":"/docs/components/client-components/App-layout","sidebar":"documentationSidebar"},{"id":"components/client-components/Backdrop","path":"/docs/components/client-components/Backdrop","sidebar":"documentationSidebar"},{"id":"components/client-components/Busy","path":"/docs/components/client-components/Busy","sidebar":"documentationSidebar"},{"id":"components/client-components/Button","path":"/docs/components/client-components/Button","sidebar":"documentationSidebar"},{"id":"components/client-components/Cedit","path":"/docs/components/client-components/Cedit","sidebar":"documentationSidebar"},{"id":"components/client-components/Checkbox","path":"/docs/components/client-components/Checkbox","sidebar":"documentationSidebar"},{"id":"components/client-components/Color-chooser","path":"/docs/components/client-components/Color-chooser","sidebar":"documentationSidebar"},{"id":"components/client-components/Dialog","path":"/docs/components/client-components/Dialog","sidebar":"documentationSidebar"},{"id":"components/client-components/Drawer","path":"/docs/components/client-components/Drawer","sidebar":"documentationSidebar"},{"id":"components/client-components/Dropdown","path":"/docs/components/client-components/Dropdown","sidebar":"documentationSidebar"},{"id":"components/client-components/Editbox","path":"/docs/components/client-components/Editbox","sidebar":"documentationSidebar"},{"id":"components/client-components/Editbox-spinner","path":"/docs/components/client-components/Editbox-spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/File-chooser","path":"/docs/components/client-components/File-chooser","sidebar":"documentationSidebar"},{"id":"components/client-components/File-save","path":"/docs/components/client-components/File-save","sidebar":"documentationSidebar"},{"id":"components/client-components/Font-chooser","path":"/docs/components/client-components/Font-chooser","sidebar":"documentationSidebar"},{"id":"components/client-components/Hotkey","path":"/docs/components/client-components/Hotkey","sidebar":"documentationSidebar"},{"id":"components/client-components/Icon","path":"/docs/components/client-components/Icon","sidebar":"documentationSidebar"},{"id":"components/client-components/Icon-button","path":"/docs/components/client-components/Icon-button","sidebar":"documentationSidebar"},{"id":"components/client-components/Infinite-scroll","path":"/docs/components/client-components/Infinite-scroll","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputd","path":"/docs/components/client-components/Inputd","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputd-spinner","path":"/docs/components/client-components/Inputd-spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/Inpute","path":"/docs/components/client-components/Inpute","sidebar":"documentationSidebar"},{"id":"components/client-components/Inpute-spinner","path":"/docs/components/client-components/Inpute-spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputn","path":"/docs/components/client-components/Inputn","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputn-spinner","path":"/docs/components/client-components/Inputn-spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputt","path":"/docs/components/client-components/Inputt","sidebar":"documentationSidebar"},{"id":"components/client-components/Inputt-spinner","path":"/docs/components/client-components/Inputt-spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/List","path":"/docs/components/client-components/List","sidebar":"documentationSidebar"},{"id":"components/client-components/List-button","path":"/docs/components/client-components/List-button","sidebar":"documentationSidebar"},{"id":"components/client-components/List-edit","path":"/docs/components/client-components/List-edit","sidebar":"documentationSidebar"},{"id":"components/client-components/Login","path":"/docs/components/client-components/Login","sidebar":"documentationSidebar"},{"id":"components/client-components/Menu","path":"/docs/components/client-components/Menu","sidebar":"documentationSidebar"},{"id":"components/client-components/Menubar","path":"/docs/components/client-components/Menubar","sidebar":"documentationSidebar"},{"id":"components/client-components/Menuitem","path":"/docs/components/client-components/Menuitem","sidebar":"documentationSidebar"},{"id":"components/client-components/Navigator","path":"/docs/components/client-components/Navigator","sidebar":"documentationSidebar"},{"id":"components/client-components/Popover","path":"/docs/components/client-components/Popover","sidebar":"documentationSidebar"},{"id":"components/client-components/Popupmenu","path":"/docs/components/client-components/Popupmenu","sidebar":"documentationSidebar"},{"id":"components/client-components/Progressbar","path":"/docs/components/client-components/Progressbar","sidebar":"documentationSidebar"},{"id":"components/client-components/Radio","path":"/docs/components/client-components/Radio","sidebar":"documentationSidebar"},{"id":"components/client-components/Refresher","path":"/docs/components/client-components/Refresher","sidebar":"documentationSidebar"},{"id":"components/client-components/Separator","path":"/docs/components/client-components/Separator","sidebar":"documentationSidebar"},{"id":"components/client-components/Slider","path":"/docs/components/client-components/Slider","sidebar":"documentationSidebar"},{"id":"components/client-components/Spinner","path":"/docs/components/client-components/Spinner","sidebar":"documentationSidebar"},{"id":"components/client-components/Splitter","path":"/docs/components/client-components/Splitter","sidebar":"documentationSidebar"},{"id":"components/client-components/Tab","path":"/docs/components/client-components/Tab","sidebar":"documentationSidebar"},{"id":"components/client-components/Tab-panel","path":"/docs/components/client-components/Tab-panel","sidebar":"documentationSidebar"},{"id":"components/client-components/Tabs-list","path":"/docs/components/client-components/Tabs-list","sidebar":"documentationSidebar"},{"id":"components/client-components/Toast","path":"/docs/components/client-components/Toast","sidebar":"documentationSidebar"},{"id":"components/client-components/Tree","path":"/docs/components/client-components/Tree","sidebar":"documentationSidebar"},{"id":"components/client-components/Tree-node","path":"/docs/components/client-components/Tree-node","sidebar":"documentationSidebar"},{"id":"components/client-components/Upload","path":"/docs/components/client-components/Upload","sidebar":"documentationSidebar"},{"id":"components/dialog","path":"/docs/components/dialog","sidebar":"documentationSidebar"},{"id":"components/drawer","path":"/docs/components/drawer","sidebar":"documentationSidebar"},{"id":"components/events/blur-event","path":"/docs/components/events/BlurEvent","sidebar":"documentationSidebar"},{"id":"components/events/button-click-event","path":"/docs/components/events/ButtonClickEvent","sidebar":"documentationSidebar"},{"id":"components/events/check-event","path":"/docs/components/events/CheckEvent","sidebar":"documentationSidebar"},{"id":"components/events/click-event","path":"/docs/components/events/ListClickEvent","sidebar":"documentationSidebar"},{"id":"components/events/event","path":"/docs/components/events/event","sidebar":"documentationSidebar"},{"id":"components/events/focus-event","path":"/docs/components/events/FocusEvent","sidebar":"documentationSidebar"},{"id":"components/events/keypress-event","path":"/docs/components/events/KeypressEvent","sidebar":"documentationSidebar"},{"id":"components/events/list-close-event","path":"/docs/components/events/ListCloseEvent","sidebar":"documentationSidebar"},{"id":"components/events/list-event","path":"/docs/components/events/ListEvent","sidebar":"documentationSidebar"},{"id":"components/events/list-open-event","path":"/docs/components/events/ListOpenEvent","sidebar":"documentationSidebar"},{"id":"components/events/list-select-event","path":"/docs/components/events/ListSelectEvent","sidebar":"documentationSidebar"},{"id":"components/events/modify-event","path":"/docs/components/events/ModifyEvent","sidebar":"documentationSidebar"},{"id":"components/events/mouse-enter-event","path":"/docs/components/events/MouseEnterEvent","sidebar":"documentationSidebar"},{"id":"components/events/mouse-exit-event","path":"/docs/components/events/MouseExitEvent","sidebar":"documentationSidebar"},{"id":"components/events/right-mouse-down-event","path":"/docs/components/events/RightMouseDownEvent","sidebar":"documentationSidebar"},{"id":"components/events/toggle-event","path":"/docs/components/events/ToggleEvent","sidebar":"documentationSidebar"},{"id":"components/events/uncheck-event","path":"/docs/components/events/UncheckEvent","sidebar":"documentationSidebar"},{"id":"components/fields/color-field","path":"/docs/components/fields/colorfield","sidebar":"documentationSidebar"},{"id":"components/fields/date-field","path":"/docs/components/fields/datefield","sidebar":"documentationSidebar"},{"id":"components/fields/date-time-field","path":"/docs/components/fields/datetimefield","sidebar":"documentationSidebar"},{"id":"components/fields/fields","path":"/docs/components/fields/","sidebar":"documentationSidebar"},{"id":"components/fields/number-field","path":"/docs/components/fields/numberfield","sidebar":"documentationSidebar"},{"id":"components/fields/password-field","path":"/docs/components/fields/passwordfield","sidebar":"documentationSidebar"},{"id":"components/fields/text-field","path":"/docs/components/fields/textfield","sidebar":"documentationSidebar"},{"id":"components/fields/time-field","path":"/docs/components/fields/timefield","sidebar":"documentationSidebar"},{"id":"components/home","path":"/docs/components/home","sidebar":"documentationSidebar"},{"id":"components/label","path":"/docs/components/label","sidebar":"documentationSidebar"},{"id":"components/list-components/choice-box","path":"/docs/components/list-components/choicebox","sidebar":"documentationSidebar"},{"id":"components/list-components/combo-box","path":"/docs/components/list-components/combobox","sidebar":"documentationSidebar"},{"id":"components/list-components/list-box","path":"/docs/components/list-components/listbox","sidebar":"documentationSidebar"},{"id":"components/list-components/lists","path":"/docs/components/list-components/lists","sidebar":"documentationSidebar"},{"id":"components/progress-bar","path":"/docs/components/progress-bar","sidebar":"documentationSidebar"},{"id":"components/radio-button","path":"/docs/components/radiobutton","sidebar":"documentationSidebar"},{"id":"components/radio-group","path":"/docs/components/radiobuttongroup","sidebar":"documentationSidebar"},{"id":"components/slider","path":"/docs/components/slider","sidebar":"documentationSidebar"},{"id":"components/styles/checkbox","path":"/docs/components/styles/checkbox","sidebar":"documentationSidebar"},{"id":"components/text-area","path":"/docs/components/text-area","sidebar":"documentationSidebar"},{"id":"getting_started/architecture","path":"/docs/getting_started/architecture","sidebar":"documentationSidebar"},{"id":"getting_started/configuration","path":"/docs/getting_started/configuration","sidebar":"documentationSidebar"},{"id":"getting_started/creating_an_application","path":"/docs/getting_started/creating_an_application","sidebar":"documentationSidebar"},{"id":"getting_started/Templates/app_layout","path":"/docs/getting_started/Templates/app_layout","sidebar":"documentationSidebar"},{"id":"getting_started/Templates/hello_world","path":"/docs/getting_started/Templates/hello_world","sidebar":"documentationSidebar"},{"id":"glossary","path":"/docs/glossary","sidebar":"documentationSidebar"},{"id":"installation/contributors","path":"/docs/installation/contributors","sidebar":"documentationSidebar"},{"id":"installation/docker_user","path":"/docs/installation/docker_user","sidebar":"documentationSidebar"},{"id":"installation/github_codespaces","path":"/docs/installation/github_codespaces","sidebar":"documentationSidebar"},{"id":"installation/installation","path":"/docs/installation/","sidebar":"documentationSidebar"},{"id":"installation/local_install","path":"/docs/installation/local_install","sidebar":"documentationSidebar"},{"id":"intro","path":"/docs/intro","sidebar":"documentationSidebar"},{"id":"layouts/app-layout","path":"/docs/layouts/app-layout","sidebar":"documentationSidebar"},{"id":"layouts/flex_layouts","path":"/docs/layouts/flex_layouts","sidebar":"documentationSidebar"},{"id":"styling/styling_intro","path":"/docs/styling/styling_intro","sidebar":"documentationSidebar"},{"id":"styling/theme","path":"/docs/styling/theme","sidebar":"documentationSidebar"},{"id":"/category/getting-started","path":"/docs/category/getting-started","sidebar":"documentationSidebar"},{"id":"/category/layouts","path":"/docs/category/layouts","sidebar":"documentationSidebar"},{"id":"/category/styles","path":"/docs/category/styles","sidebar":"documentationSidebar"}],"draftIds":["events"],"sidebars":{"documentationSidebar":{"link":{"path":"/docs/intro","label":"intro"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(7529);const l=JSON.parse('{"docusaurusVersion":"3.0.0","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.0.0"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.0.0"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.0.0"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.0"},"docusaurus-plugin-google-tag-manager":{"type":"package","name":"@docusaurus/plugin-google-tag-manager","version":"3.0.0"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.0"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.0"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.0.0"}}}');var c=n(5893);const u={siteConfig:r.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=o.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var o=n(7294),r=n(412),a=n(5742),i=n(8780),s=n(7452),l=n(5893);function c(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,l.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,l.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,l.jsx)(u,{error:t})]})}function u(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function d(e){let{error:t,tryAgain:n}=e;return(0,l.jsxs)(f,{fallback:()=>(0,l.jsx)(c,{error:t,tryAgain:n}),children:[(0,l.jsx)(a.Z,{children:(0,l.jsx)("title",{children:"Page Error"})}),(0,l.jsx)(s.Z,{children:(0,l.jsx)(c,{error:t,tryAgain:n})})]})}const p=e=>(0,l.jsx)(d,{...e});class f extends o.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??p)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const o="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:o,canUseEventListeners:o&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:o&&"IntersectionObserver"in window,canUseViewport:o&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);var o=n(405),r=n(5893);function a(e){return(0,r.jsx)(o.ql,{...e})}},9960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var o=n(7294),r=n(3727),a=n(8780),i=n(2263),s=n(3919),l=n(412),c=n(5893);const u=o.createContext({collectLink:()=>{}});var d=n(4996);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,o.useContext)(u),S=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>S.current));const _=p||f;const E=(0,s.Z)(_),C=_?.replace("pathname://","");let T=void 0!==C?(P=C,b&&(e=>e.startsWith("/"))(P)?x(P):P):void 0;var P;T&&E&&(T=(0,a.applyTrailingSlash)(T,{trailingSlash:v,baseUrl:w}));const L=(0,o.useRef)(!1),A=n?r.OL:r.rU,j=l.Z.canUseIntersectionObserver,N=(0,o.useRef)(),I=()=>{L.current||null==T||(window.docusaurus.preload(T),L.current=!0)};(0,o.useEffect)((()=>(!j&&E&&null!=T&&window.docusaurus.prefetch(T),()=>{j&&N.current&&N.current.disconnect()})),[N,T,j,E]);const R=T?.startsWith("#")??!1,O=!T||!E||R;return O||g||k.collectLink(T),O?(0,c.jsx)("a",{ref:S,href:T,..._&&!E&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(A,{...y,onMouseEnter:I,onTouchStart:I,innerRef:e=>{S.current=e,j&&e&&E&&(N.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(N.current.unobserve(e),N.current.disconnect(),null!=T&&window.docusaurus.prefetch(T))}))})),N.current.observe(e))},to:T,...n&&{isActive:h,activeClassName:m}})}const f=o.forwardRef(p)},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c,I:()=>l});var o=n(7294),r=n(5893);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,o.isValidElement)(e)))?n.map(((e,t)=>(0,o.isValidElement)(e)?o.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(7529);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:o}=e;return a(s({message:n,id:o}),t)}function c(e){let{children:t,id:n,values:o}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");const i=s({message:t,id:n});return(0,r.jsx)(r.Fragment,{children:a(i,o)})}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>o});const o="default"},3919:(e,t,n)=>{"use strict";function o(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!o(e)}n.d(t,{Z:()=>r,b:()=>o})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>s});var o=n(7294),r=n(2263),a=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,o.useCallback)(((n,o)=>function(e,t,n,o){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===o?{}:o;if(!n||n.startsWith("#")||(0,a.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,o)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var o=n(7294),r=n(8940);function a(){return(0,o.useContext)(r._)}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var o=n(7294),r=n(8934);function a(){return(0,o.useContext)(r._)}},469:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var o=n(7294);const r=n(412).Z.canUseDOM?o.useLayoutEffect:o.useEffect},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const o=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[a,i]=n;const s=r?`${r}.${a}`:a;o(i)?e(i,s):t[s]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>a,z:()=>i});var o=n(7294),r=n(5893);const a=o.createContext(null);function i(e){let{children:t,value:n}=e;const i=o.useContext(a),s=(0,o.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const o={...t.data,...n?.data};return{plugin:t.plugin,data:o}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(a.Provider,{value:s,children:t})}},143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>b,gA:()=>f,WS:()=>m,_r:()=>d,Jo:()=>y,zh:()=>p,yW:()=>g,gB:()=>h});var o=n(6550),r=n(2263),a=n(9935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){const n=s(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,o.LX)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),r=n?.docs.find((e=>!!(0,o.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((o=>{o.id===t&&(n[e.name]=o)}))})),n}(r.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>function(e,t,n){void 0===t&&(t=a.m),void 0===n&&(n={});const o=i(e),r=o?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,o.TH)();return function(e,t,n){void 0===n&&(n={});const r=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,o.LX)(t,{path:n.path,exact:!1,strict:!1})})),a=r?{pluginId:r[0],pluginData:r[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,o.TH)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,o.TH)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,o.TH)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},6657:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});const o={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var o=n(4865),r=n.n(o);r().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var o=n(2573),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:o}=t;globalThis.Prism=e,o.forEach((e=>{"php"===e&&n(6854),n(9640)(`./prism-${e}`)})),delete globalThis.Prism}(o.p1)},7955:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(7294);var o=n(6010),r=n(5999),a=n(6668),i=n(9960);const s={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};var l=n(5893);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,a.L)();if("h1"===t||!n)return(0,l.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,l.jsxs)(t,{...c,className:(0,o.Z)("anchor",u?s.anchorWithHideOnScrollNavbar:s.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,l.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);const o={iconExternalLink:"iconExternalLink_nPIU"};var r=n(5893);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},7452:(e,t,n)=>{"use strict";n.d(t,{Z:()=>jt});var o=n(7294),r=n(6010),a=n(4763),i=n(833),s=n(6550),l=n(5999),c=n(5936),u=n(5893);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,o.useRef)(null),{action:t}=(0,s.k6)(),n=(0,o.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.S)((n=>{let{location:o}=n;e.current&&!o.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:o}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:o,children:t})})}var g=n(5281),b=n(9727);const y={skipToContent:"skipToContent_fXgn"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(6668),x=n(9689);function k(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:r=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:o,strokeWidth:r,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const S={closeButton:"closeButton_CVFx"};function _(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,r.Z)("clean-btn close",S.closeButton,e.className),children:(0,u.jsx)(k,{width:14,height:14,strokeWidth:3.1})})}const E={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,w.L)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,r.Z)(E.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const T={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function P(){const{announcementBar:e}=(0,w.L)(),{isActive:t,close:n}=(0,x.nT)();if(!t)return null;const{backgroundColor:o,textColor:r,isCloseable:a}=e;return(0,u.jsxs)("div",{className:T.announcementBar,style:{backgroundColor:o,color:r},role:"banner",children:[a&&(0,u.jsx)("div",{className:T.announcementBarPlaceholder}),(0,u.jsx)(C,{className:T.announcementBarContent}),a&&(0,u.jsx)(_,{onClick:n,className:T.announcementBarClose})]})}var L=n(3163),A=n(2466);var j=n(902),N=n(3102);const I=o.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,L.e)(),t=(0,N.HY)(),[n,r]=(0,o.useState)(!1),a=null!==t.component,i=(0,j.D9)(a);return(0,o.useEffect)((()=>{a&&!i&&r(!0)}),[a,i]),(0,o.useEffect)((()=>{a?e.shown||r(!0):r(!1)}),[e.shown,a]),(0,o.useMemo)((()=>[n,r]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function O(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function M(){const e=(0,o.useContext)(I);if(!e)throw new j.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,r=(0,o.useCallback)((()=>n(!1)),[n]),a=(0,N.HY)();return(0,o.useMemo)((()=>({shown:t,hide:r,content:O(a)})),[r,a,t])}function F(e){let{header:t,primaryMenu:n,secondaryMenu:o}=e;const{shown:a}=M();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,r.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:o})]})]})}var D=n(2949),B=n(2389);function z(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function $(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function Z(e){let{className:t,buttonClassName:n,value:o,onChange:a}=e;const i=(0,B.Z)(),s=(0,l.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===o?(0,l.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,r.Z)(U.toggle,t),children:(0,u.jsxs)("button",{className:(0,r.Z)("clean-btn",U.toggleButton,!i&&U.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===o?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(z,{className:(0,r.Z)(U.toggleIcon,U.lightToggleIcon)}),(0,u.jsx)($,{className:(0,r.Z)(U.toggleIcon,U.darkToggleIcon)})]})})}const H=o.memo(Z),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function W(e){let{className:t}=e;const n=(0,w.L)().navbar.style,o=(0,w.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:a}=(0,D.I)();return o?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:r,onChange:a})}var q=n(1327);function G(){return(0,u.jsx)(q.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,L.e)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(k,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(G,{}),(0,u.jsx)(W,{className:"margin-right--md"}),(0,u.jsx)(K,{})]})}var Q=n(9960),X=n(4996),J=n(3919),ee=n(8022),te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:r,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,X.Z)(o),p=(0,X.Z)(t),f=(0,X.Z)(r,{forcePrependBaseUrl:!0}),m=a&&r&&!(0,J.Z)(r),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.Z,{...s&&{width:12,height:12}})]})};return r?(0,u.jsx)(Q.Z,{href:l?f:r,...c,...h}):(0,u.jsx)(Q.Z,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.F)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function oe(e){let{className:t,isDropdownItem:n=!1,...o}=e;const a=(0,u.jsx)(ne,{className:(0,r.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...o});return n?(0,u.jsx)("li",{children:a}):a}function re(e){let{className:t,isDropdownItem:n,...o}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,r.Z)("menu__link",t),...o})})}function ae(e){let{mobile:t=!1,position:n,...o}=e;const r=t?re:oe;return(0,u.jsx)(r,{...o,activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(6043),se=n(8596),le=n(2263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,se.Mg)(e.to,t)||!!(0,ee.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,o.useRef)(null),[c,d]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,r.Z)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,o.createElement)(Ze,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function de(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),d=ce(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,o.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,r.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,o.createElement)(Ze,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function pe(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return(0,u.jsx)(o,{...n})}var fe=n(4711);function me(e){let{width:t=20,height:n=20,...o}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...o,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const he="iconLanguage_nlXk";function ge(){return o.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},o.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var be=n(830),ye=["translations"];function ve(){return ve=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,o=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Se="Ctrl";var _e=o.forwardRef((function(e,t){var n=e.translations,r=void 0===n?{}:n,a=ke(e,ye),i=r.buttonText,s=void 0===i?"Search":i,l=r.buttonAriaLabel,c=void 0===l?"Search":l,u=we((0,o.useState)(null),2),d=u[0],p=u[1];return(0,o.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Se))}),[]),o.createElement("button",ve({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:t}),o.createElement("span",{className:"DocSearch-Button-Container"},o.createElement(be.W,null),o.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),o.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&o.createElement(o.Fragment,null,o.createElement("kbd",{className:"DocSearch-Button-Key"},d===Se?o.createElement(ge,null):d),o.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),Ee=n(5742),Ce=n(6177),Te=n(239),Pe=n(3320);var Le=n(3935);const Ae={button:{buttonText:(0,l.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.I)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.I)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.I)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.I)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.I)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.I)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.I)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.I)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.I)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.I)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.I)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.I)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.I)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.I)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.I)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.I)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.I)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.I)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.I)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let je=null;function Ne(e){let{hit:t,children:n}=e;return(0,u.jsx)(Q.Z,{to:t.url,children:n})}function Ie(e){let{state:t,onClose:n}=e;const o=(0,Ce.M)();return(0,u.jsx)(Q.Z,{to:o(t.query),onClick:n,children:(0,u.jsx)(l.Z,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Re(e){let{contextualSearch:t,externalUrlRegex:r,...a}=e;const{siteMetadata:i}=(0,le.Z)(),l=(0,Te.l)(),c=function(){const{locale:e,tags:t}=(0,Pe._q)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.k6)(),h=(0,o.useRef)(null),g=(0,o.useRef)(null),[b,y]=(0,o.useState)(!1),[v,w]=(0,o.useState)(void 0),x=(0,o.useCallback)((()=>je?Promise.resolve():Promise.all([n.e(1426).then(n.bind(n,1426)),Promise.all([n.e(532),n.e(6945)]).then(n.bind(n,6945)),Promise.all([n.e(532),n.e(8894)]).then(n.bind(n,8894))]).then((e=>{let[{DocSearchModal:t}]=e;je=t}))),[]),k=(0,o.useCallback)((()=>{x().then((()=>{h.current=document.createElement("div"),document.body.insertBefore(h.current,document.body.firstChild),y(!0)}))}),[x,y]),S=(0,o.useCallback)((()=>{y(!1),h.current?.remove()}),[y]),_=(0,o.useCallback)((e=>{x().then((()=>{y(!0),w(e.key)}))}),[x,y,w]),E=(0,o.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.F)(r,t)?window.location.href=t:m.push(t)}}).current,C=(0,o.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,T=(0,o.useMemo)((()=>e=>(0,u.jsx)(Ie,{...e,onClose:S})),[S]),P=(0,o.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,r=e.onClose,a=e.onInput,i=e.searchButtonRef;o.useEffect((function(){function e(e){var o;(27===e.keyCode&&t||"k"===(null===(o=e.key)||void 0===o?void 0:o.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?r():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,r,a,i])}({isOpen:b,onOpen:k,onClose:S,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ee.Z,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(_e,{onTouchStart:x,onFocus:x,onMouseOver:x,onClick:k,ref:g,translations:Ae.button}),b&&je&&h.current&&(0,Le.createPortal)((0,u.jsx)(je,{onClose:S,initialScrollY:window.scrollY,initialQuery:v,navigator:E,transformItems:C,hitComponent:Ne,transformSearchClient:P,...a.searchPagePath&&{resultsFooterComponent:T},...a,searchParameters:f,placeholder:Ae.placeholder,translations:Ae.modal}),h.current)]})}function Oe(){const{siteConfig:e}=(0,le.Z)();return(0,u.jsx)(Re,{...e.themeConfig.algolia})}const Me={navbarSearchContainer:"navbarSearchContainer_Bca1"};function Fe(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,r.Z)(n,Me.navbarSearchContainer),children:t})}var De=n(143),Be=n(3438);var ze=n(373);const $e=e=>e.docs.find((t=>t.id===e.mainDocId));const Ue={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,queryString:r="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.Z)(),p=(0,fe.l)(),{search:f,hash:m}=(0,s.TH)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${r}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],g=t?(0,l.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(pe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{className:he}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Fe,{className:n,children:(0,u.jsx)(Oe,{})})},dropdown:pe,html:function(e){let{value:t,className:n,mobile:o=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,r.Z)({navbar__item:!o&&!a,"menu__list-item":o},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:a}=(0,De.Iw)(o),i=(0,Be.vY)(t,o),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...r,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:a}=(0,De.Iw)(o),i=(0,Be.oz)(t,o).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...r,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...r}=e;const a=(0,Be.lO)(o)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...r,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:r,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.TH)(),p=(0,De.Iw)(n),f=(0,De.gB)(n),{savePreferredVersionName:m}=(0,ze.J)(n),h=[...r,...f.map((e=>{const t=p.alternateDocVersions[e.name]??$e(e);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Be.lO)(n)[0],b=t&&h.length>1?(0,l.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:$e(g).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:o?()=>!1:void 0}):(0,u.jsx)(pe,{...i,mobile:t,label:b,to:y,items:h,isActive:o?()=>!1:void 0})}};function Ze(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=Ue[o];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(r,{...n})}function He(){const e=(0,L.e)(),t=(0,w.L)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,o.createElement)(Ze,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Ve(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function We(){const e=0===(0,w.L)().navbar.items.length,t=M();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Ve,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,L.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,o.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(F,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(He,{}),secondaryMenu:(0,u.jsx)(We,{})}):null}const Ge={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,r.Z)("navbar-sidebar__backdrop",e.className)})}function Ye(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.L)(),i=(0,L.e)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,o.useState)(e),r=(0,o.useRef)(!1),a=(0,o.useRef)(0),i=(0,o.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,A.RF)(((t,o)=>{let{scrollY:i}=t;if(!e)return;if(i=s?n(!1):i+c{if(!e)return;const o=t.location.hash;if(o?document.getElementById(o.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,r.Z)("navbar","navbar--fixed-top",n&&[Ge.navbarHideable,!d&&Ge.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(Ke,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Qe=n(8780);const Xe={errorBoundaryError:"errorBoundaryError_a6uf",errorBoundaryFallback:"errorBoundaryFallback_VBag"};function Je(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function et(e){let{error:t}=e;const n=(0,Qe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:Xe.errorBoundaryError,children:n})}class tt extends o.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const nt="right";function ot(e){let{width:t=30,height:n=30,className:o,...r}=e;return(0,u.jsx)("svg",{className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function rt(){const{toggle:e,shown:t}=(0,L.e)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(ot,{})})}const at={colorModeToggle:"colorModeToggle_DEke"};function it(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(tt,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Ze,{...e})},t)))})}function st(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function lt(){const e=(0,L.e)(),t=(0,w.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??nt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),r=t.find((e=>"search"===e.type));return(0,u.jsx)(st,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(rt,{}),(0,u.jsx)(G,{}),(0,u.jsx)(it,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(it,{items:o}),(0,u.jsx)(W,{className:at.colorModeToggle}),!r&&(0,u.jsx)(Fe,{children:(0,u.jsx)(Oe,{})})]})})}function ct(){return(0,u.jsx)(Ye,{children:(0,u.jsx)(lt,{})})}function ut(e){let{item:t}=e;const{to:n,href:o,label:r,prependBaseUrlToHref:a,...i}=t,s=(0,X.Z)(n),l=(0,X.Z)(o,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Q.Z,{className:"footer__link-item",...o?{href:a?l:o}:{to:s},...i,children:[r,o&&!(0,J.Z)(o)&&(0,u.jsx)(te.Z,{})]})}function dt(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(ut,{item:t})},t.href??t.to)}function pt(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(dt,{item:e},t)))})]})}function ft(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(pt,{column:e},t)))})}function mt(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ht(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(ut,{item:t})}function gt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(o.Fragment,{children:[(0,u.jsx)(ht,{item:e}),t.length!==n+1&&(0,u.jsx)(mt,{})]},n)))})})}function bt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(ft,{columns:t}):(0,u.jsx)(gt,{links:t})}var yt=n(9965);const vt={footerLogoLink:"footerLogoLink_BH7S"};function wt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),o={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(yt.Z,{className:(0,r.Z)("footer__logo",t.className),alt:t.alt,sources:o,width:t.width,height:t.height,style:t.style})}function xt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Q.Z,{href:t.href,className:vt.footerLogoLink,target:t.target,children:(0,u.jsx)(wt,{logo:t})}):(0,u.jsx)(wt,{logo:t})}function kt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function St(e){let{style:t,links:n,logo:o,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,r.Z)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(o||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[o&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:o}),a]})]})})}function _t(){const{footer:e}=(0,w.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:r}=e;return(0,u.jsx)(St,{style:r,links:n&&n.length>0&&(0,u.jsx)(bt,{links:n}),logo:o&&(0,u.jsx)(xt,{logo:o}),copyright:t&&(0,u.jsx)(kt,{copyright:t})})}const Et=o.memo(_t),Ct=(0,j.Qc)([D.S,x.pl,A.OC,ze.L5,i.VC,function(e){let{children:t}=e;return(0,u.jsx)(N.n2,{children:(0,u.jsx)(L.M,{children:(0,u.jsx)(R,{children:t})})})}]);function Tt(e){let{children:t}=e;return(0,u.jsx)(Ct,{children:t})}var Pt=n(7955);function Lt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(Pt.Z,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Je,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(et,{error:t})})]})})})}const At={mainWrapper:"mainWrapper_z2l0"};function jt(e){const{children:t,noFooter:n,wrapperClassName:o,title:s,description:l}=e;return(0,b.t)(),(0,u.jsxs)(Tt,{children:[(0,u.jsx)(i.d,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(P,{}),(0,u.jsx)(ct,{}),(0,u.jsx)("div",{id:d,className:(0,r.Z)(g.k.wrapper.main,At.mainWrapper,o),children:(0,u.jsx)(a.Z,{fallback:e=>(0,u.jsx)(Lt,{...e}),children:t})}),!n&&(0,u.jsx)(Et,{})]})}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(7294);var o=n(9960),r=n(4996),a=n(2263),i=n(6668),s=n(9965),l=n(5893);function c(e){let{logo:t,alt:n,imageClassName:o}=e;const a={light:(0,r.Z)(t.src),dark:(0,r.Z)(t.srcDark||t.src)},i=(0,l.jsx)(s.Z,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return o?(0,l.jsx)("div",{className:o,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.Z)(),{navbar:{title:n,logo:s}}=(0,i.L)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,r.Z)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(o.Z,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});n(7294);var o=n(5742),r=n(5893);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,r.jsxs)(o.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},9965:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(7294),r=n(6010),a=n(2389),i=n(2949);const s={themedComponent:"themedComponent_mlkZ","themedComponent--light":"themedComponent--light_NVdE","themedComponent--dark":"themedComponent--dark_xIcU"};var l=n(5893);function c(e){let{className:t,children:n}=e;const c=(0,a.Z)(),{colorMode:u}=(0,i.I)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,r.Z)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(o.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:o,...r}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:o,className:a,...r})}})}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>c,z:()=>b});var o=n(7294),r=n(412),a=n(469),i=n(1442),s=n(5893);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,r]=(0,o.useState)(t??!1),a=(0,o.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const a=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=r?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${r?.easing??l}`,height:`${t}px`}}function s(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function m(e){if(!r.Z.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:r,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,o.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:r})}function g(e){let{collapsed:t,...n}=e;const[r,i]=(0,o.useState)(!t),[l,c]=(0,o.useState)(t);return(0,a.Z)((()=>{t||i(!0)}),[t]),(0,a.Z)((()=>{r&&c(t)}),[r,t]),r?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const o=t?g:h;return(0,s.jsx)(o,{...n})}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>h,pl:()=>m});var o=n(7294),r=n(2389),a=n(12),i=n(902),s=n(6668),l=n(5893);const c=(0,a.WA)("docusaurus.announcement.dismiss"),u=(0,a.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=o.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.L)(),t=(0,r.Z)(),[n,a]=(0,o.useState)((()=>!!t&&d()));(0,o.useEffect)((()=>{a(d())}),[]);const i=(0,o.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,o.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const o=t!==n;u.set(t),o&&p(!1),!o&&d()||a(!1)}),[e]),(0,o.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,o.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>g});var o=n(7294),r=n(412),a=n(902),i=n(12),s=n(6668),l=n(5893);const c=o.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.L)(),[r,a]=(0,o.useState)(m(e));(0,o.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,o.useCallback)((function(t,o){void 0===o&&(o={});const{persist:r=!0}=o;t?(a(t),r&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,o.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,o.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,o.useRef)(!1);return(0,o.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(o),()=>e.removeListener(o)}),[i,t,n]),(0,o.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,o.useContext)(c);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b,Oh:()=>w});var o=n(7294),r=n(143),a=n(9935),i=n(6668),s=n(3438),l=n(902),c=n(12),u=n(5893);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const m=o.createContext(null);function h(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,o.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,o.useState)((()=>f(n)));(0,o.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:o}=e;function r(e){const t=p.read(e,n);return o[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,o.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=h();return(0,u.jsx)(m.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return s.cE?(0,u.jsx)(g,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,o.useContext)(m);if(!e)throw new l.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,o.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function w(){const e=(0,r._r)(),[t]=y();function n(n){const o=e[n],{preferredVersionName:r}=t[n];return o.versions.find((e=>e.name===r))??null}const o=Object.keys(e);return Object.fromEntries(o.map((e=>[e,n(e)])))}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>c,b:()=>l});var o=n(7294),r=n(902),a=n(5893);const i=Symbol("EmptyContext"),s=o.createContext(i);function l(e){let{children:t,name:n,items:r}=e;const i=(0,o.useMemo)((()=>n&&r?{name:n,items:r}:null),[n,r]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,o.useContext)(s);if(e===i)throw new r.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>l,q:()=>s});var o=n(7294),r=n(902),a=n(5893);const i=o.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,o.useContext)(i);if(null===e)throw new r.i6("DocsVersionProvider");return e}},3163:(e,t,n)=>{"use strict";n.d(t,{M:()=>p,e:()=>f});var o=n(7294),r=n(3102),a=n(7524),i=n(1980),s=n(6668),l=n(902),c=n(5893);const u=o.createContext(void 0);function d(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,s.L)().navbar;return 0===t.length&&!e.component}(),t=(0,a.i)(),n=!e&&"mobile"===t,[l,c]=(0,o.useState)(!1);(0,i.Rb)((()=>{if(l)return c(!1),!1}));const u=(0,o.useCallback)((()=>{c((e=>!e))}),[]);return(0,o.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,o.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=o.useContext(u);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>c,n2:()=>s});var o=n(7294),r=n(902),a=n(5893);const i=o.createContext(null);function s(e){let{children:t}=e;const n=(0,o.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,o.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,o.useContext)(i);if(!a)throw new r.i6("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,r.Ql)(n);return(0,o.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,o.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>a});var o=n(7294);const r="navigation-with-keyboard";function a(){(0,o.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},6177:(e,t,n)=>{"use strict";n.d(t,{K:()=>s,M:()=>l});var o=n(7294),r=n(2263),a=n(1980);const i="q";function s(){return(0,a.Nc)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,r.Z)(),{algolia:{searchPagePath:n}}=t;return(0,o.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>s});var o=n(7294),r=n(412);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(){const[e,t]=(0,o.useState)((()=>"ssr"));return(0,o.useEffect)((()=>{function e(){t(function(){if(!r.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>i?a.desktop:a.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>o});const o={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},1442:(e,t,n)=>{"use strict";function o(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>o})},3438:(e,t,n)=>{"use strict";n.d(t,{LM:()=>m,MN:()=>T,SN:()=>C,_F:()=>y,cE:()=>p,f:()=>w,jA:()=>h,lO:()=>S,oz:()=>_,s1:()=>k,vY:()=>E,xz:()=>f});var o=n(7294),r=n(6550),a=n(8790),i=n(143),s=n(373),l=n(4477),c=n(1116),u=n(7392),d=n(8596);const p=!!i._r;function f(e){const t=(0,l.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function m(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=m(t);if(e)return e}}(e):void 0:e.href}function h(){const{pathname:e}=(0,r.TH)(),t=(0,c.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=x({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const g=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),b=(e,t)=>e.some((e=>y(e,t)));function y(e,t){return"link"===e.type?g(e.href,t):"category"===e.type&&(g(e.href,t)||b(e.items,t))}function v(e,t){switch(e.type){case"category":return y(e,t)||e.items.some((e=>v(e,t)));case"link":return!e.unlisted||y(e,t);default:return!1}}function w(e,t){return(0,o.useMemo)((()=>e.filter((e=>v(e,t)))),[e,t])}function x(e){let{sidebarItems:t,pathname:n,onlyCategories:o=!1}=e;const r=[];return function e(t){for(const a of t)if("category"===a.type&&((0,d.Mg)(a.href,n)||e(a.items))||"link"===a.type&&(0,d.Mg)(a.href,n)){return o&&"category"!==a.type||r.unshift(a),!0}return!1}(t),r}function k(){const e=(0,c.V)(),{pathname:t}=(0,r.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?x({sidebarItems:e.items,pathname:t}):null}function S(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,s.J)(e),r=(0,i.yW)(e);return(0,o.useMemo)((()=>(0,u.j)([t,n,r].filter(Boolean))),[t,n,r])}function _(e,t){const n=S(t);return(0,o.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),o=t.find((t=>t[0]===e));if(!o)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return o[1]}),[e,n])}function E(e,t){const n=S(t);return(0,o.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),o=t.find((t=>t.id===e));if(!o){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.j)(t.map((e=>e.id))).join("\n- ")}`)}return o}),[e,n])}function C(e){let{route:t}=e;const n=(0,r.TH)(),o=(0,l.E)(),i=t.routes,s=i.find((e=>(0,r.LX)(n.pathname,e)));if(!s)return null;const c=s.sidebar,u=c?o.docsSidebars[c]:void 0;return{docElement:(0,a.H)(i),sidebarName:c,sidebarItems:u}}function T(e){return e.filter((e=>!("category"===e.type||"link"===e.type)||!!m(e)))}},2128:(e,t,n)=>{"use strict";n.d(t,{p:()=>r});var o=n(2263);function r(e){const{siteConfig:t}=(0,o.Z)(),{title:n,titleDelimiter:r}=t;return e?.trim().length?`${e.trim()} ${r} ${n}`:n}},1980:(e,t,n)=>{"use strict";n.d(t,{Nc:()=>l,Rb:()=>i,_X:()=>s});var o=n(7294),r=n(6550),a=n(902);function i(e){!function(e){const t=(0,r.k6)(),n=(0,a.zX)(e);(0,o.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){return function(e){const t=(0,r.k6)();return(0,o.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function l(e){const t=s(e)??"",n=function(){const e=(0,r.k6)();return(0,o.useCallback)(((t,n,o)=>{const r=new URLSearchParams(e.location.search);n?r.set(t,n):r.delete(t),(o?.push?e.push:e.replace)({search:r.toString()})}),[e])}();return[t,(0,o.useCallback)(((t,o)=>{n(e,t,o)}),[n,e])]}},7392:(e,t,n)=>{"use strict";function o(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,o)=>e.findIndex((e=>t(e,n)))!==o))}function r(e){return Array.from(new Set(e))}n.d(t,{j:()=>r,l:()=>o})},833:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>m});var o=n(7294),r=n(6010),a=n(5742),i=n(226);function s(){const e=o.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(4996),c=n(2128),u=n(5893);function d(e){let{title:t,description:n,keywords:o,image:r,children:i}=e;const s=(0,c.p)(t),{withBaseUrl:d}=(0,l.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(a.Z,{children:[t&&(0,u.jsx)("title",{children:s}),t&&(0,u.jsx)("meta",{property:"og:title",content:s}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),o&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=o.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=o.useContext(p),s=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:s,children:[(0,u.jsx)(a.Z,{children:(0,u.jsx)("html",{className:s})}),n]})}function m(e){let{children:t}=e;const n=s(),o=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(o,a),children:t})}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>s,Qc:()=>u,Ql:()=>c,i6:()=>l,zX:()=>i});var o=n(7294),r=n(469),a=n(5893);function i(e){const t=(0,o.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,o.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,o.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,o.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},8022:(e,t,n)=>{"use strict";function o(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>o})},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>s});var o=n(7294),r=n(723),a=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.Z)().siteConfig;return(0,o.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function o(e){return e.path===t&&!0===e.exact}function r(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(o)||e(t.filter(r).flatMap((e=>e.routes??[])))}(n)}({routes:r.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>h,OC:()=>u,RF:()=>f,o5:()=>m});var o=n(7294),r=n(412),a=n(2389),i=n(469),s=n(902),l=n(5893);const c=o.createContext(void 0);function u(e){let{children:t}=e;const n=function(){const e=(0,o.useRef)(!0);return(0,o.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function d(){const e=(0,o.useContext)(c);if(null==e)throw new s.i6("ScrollControllerProvider");return e}const p=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function f(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=d(),r=(0,o.useRef)(p()),a=(0,s.zX)(e);(0,o.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=p();a(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function m(){const e=d(),t=function(){const e=(0,o.useRef)({elem:null,top:0}),t=(0,o.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,o.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const o=t.getBoundingClientRect().top-n;return o&&window.scrollBy({left:0,top:o}),e.current={elem:null,top:0},{restored:0!==o}}),[]);return(0,o.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,o.useRef)(void 0),r=(0,o.useCallback)((o=>{t.save(o),e.disableScrollEvents(),n.current=()=>{const{restored:o}=t.restore();if(n.current=void 0,o){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,i.Z)((()=>{queueMicrotask((()=>n.current?.()))})),{blockElementScrollPositionUntilNextRender:r}}function h(){const e=(0,o.useRef)(null),t=(0,a.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function o(){const r=document.documentElement.scrollTop;(n&&r>e||!n&&rt&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>i,_q:()=>l,os:()=>s});var o=n(143),r=n(2263),a=n(373);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,r.Z)(),t=(0,o._r)(),n=(0,o.WS)(),l=(0,a.Oh)();const c=[i,...Object.keys(t).map((function(e){const o=n?.activePlugin.pluginId===e?n.activeVersion:void 0,r=l[e],a=t[e].versions.find((e=>e.isLast));return s(e,(o??r??a).name)}))];return{locale:e.currentLocale,tags:c}}},12:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>u,WA:()=>c});var o=n(7294);const r="localStorage";function a(e){let{key:t,oldValue:n,newValue:o,storage:r}=e;if(n===o)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,o,window.location.href,r),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=r),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=i(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const o=n.getItem(e);n.setItem(e,t),a({key:e,oldValue:o,newValue:t,storage:n})}catch(o){console.error(`Docusaurus storage error, can't set ${e}=${t}`,o)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),a({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const o=o=>{o.storageArea===n&&o.key===e&&t(o)};return window.addEventListener("storage",o),()=>window.removeEventListener("storage",o)}catch(o){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,o),()=>{}}}}}function u(e,t){const n=(0,o.useRef)((()=>null===e?l:c(e,t))).current(),r=(0,o.useCallback)((e=>"undefined"==typeof window?()=>{}:n.listen(e)),[n]);return[(0,o.useSyncExternalStore)(r,(()=>"undefined"==typeof window?null:n.get()),(()=>null)),n]}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var o=n(2263),r=n(6550),a=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,o.Z)(),{pathname:l}=(0,r.TH)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:o}=e;return`${o?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var o=n(7294),r=n(6550),a=n(902);function i(e){const t=(0,r.TH)(),n=(0,a.D9)(t),i=(0,a.zX)(e);(0,o.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var o=n(2263);function r(){return(0,o.Z)().siteConfig.themeConfig}},6278:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var o=n(2263);function r(){const{siteConfig:{themeConfig:e}}=(0,o.Z)();return e}},239:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var o=n(7294),r=n(8022),a=n(4996),i=n(6278);function s(){const{withBaseUrl:e}=(0,a.C)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.L)();return(0,o.useCallback)((o=>{const a=new URL(o);if((0,r.F)(t,a.href))return o;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:o}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),a="/"===r||r===o?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,a)}},4143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},8780:function(e,t,n){"use strict";var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return o(r).default}});var a=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},6010:(e,t,n)=>{"use strict";function o(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;tr});const r=function(){for(var e,t,n=0,r="";n{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>P,Ep:()=>p});var o=n(7462);function r(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,o=n+1,r=e.length;o=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(8776);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,o=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),o&&"#"!==o&&(r+="#"===o.charAt(0)?o:"#"+o),r}function f(e,t,n,r){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",o="",r=t.indexOf("#");-1!==r&&(o=t.substr(r),t=t.substr(0,r));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===o?"":o}}(e),a.state=t):(void 0===(a=(0,o.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),r?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,r.pathname)):a.pathname=r.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,o,r){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof o?o(a,r):r(!0):r(!1!==a)}else r(!0)},appendListener:function(e){var n=!0;function o(){n&&e.apply(void 0,arguments)}return t.push(o),function(){n=!1,t=t.filter((function(e){return e!==o}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),o=0;ot?n.splice(t,n.length-t,r):n.push(r),d({action:o,location:r,index:t,entries:n})}}))},replace:function(e,t){var o="REPLACE",r=f(e,t,h(),w.location);u.confirmTransitionTo(r,o,n,(function(e){e&&(w.entries[w.index]=r,d({action:o,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var o=n(9864),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return o.isMemo(e)?i:s[e.$$typeof]||r}s[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[o.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,o){if("string"!=typeof n){if(m){var r=f(n);r&&r!==m&&e(t,r,o)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g{"use strict";e.exports=function(e,t,n,o,r,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,o,r,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var o,r;o=function(){var e,t,n={version:"0.2.0"},o=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function r(e,t,n){return en?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===o.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===o.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(o[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,o.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(o.barSelector),u=o.speed,d=o.easing;return a.offsetWidth,s((function(t){""===o.positionUsing&&(o.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),o.trickleSpeed)};return o.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*o.trickleRate)},e=0,t=0,n.promise=function(o){return o&&"resolved"!==o.state()?(0===t&&n.start(),e++,t++,o.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=o.template;var r,i=t.querySelector(o.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(o.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),o.showSpinner||(r=t.querySelector(o.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(o.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function o(t){var n=document.body.style;if(t in n)return t;for(var o,r=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((o=e[r]+a)in n)return o;return t}function r(e){return e=n(e),t[e]||(t[e]=o(e))}function a(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,o,r=arguments;if(2==r.length)for(n in t)void 0!==(o=t[n])&&t.hasOwnProperty(n)&&a(e,n,o);else a(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),o=n+t;c(n,t)||(e.className=o.substring(1))}function d(e,t){var n,o=p(e);c(e,t)&&(n=o.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof o?o.call(t,n,t,e):o)||(e.exports=r)},4779:(e,t,n)=>{var o=n(5826);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,o=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(o.push(s),s="");var x=null!=h&&null!=m&&m!==h,k="+"===v||"*"===v,S="?"===v||"*"===v,_=n[2]||u,E=b||y;o.push({name:g||a++,prefix:h||"",delimiter:_,optional:S,repeat:k,partial:x,asterisk:!!w,pattern:E?c(E):w?".*":"[^"+l(_)+"]+?"})}}return i{!function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,o={pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[o,{pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:o.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+n+/[A-Z]\w*\b/.source),lookbehind:!0,inside:o.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":o,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+n+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:o.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+n+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:o.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(//g,(function(){return t.source}))),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism)},6854:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,o,r,a){if(n.language===o){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof a&&!a(e))return e;for(var r,s=i.length;-1!==n.code.indexOf(r=t(o,s));)++s;return i[s]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,o){if(n.language===o&&n.tokenStack){n.grammar=e.languages[o];var r=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(o,u),m=p.indexOf(f);if(m>-1){++r;var h=p.substring(0,m),g=new e.Token(o,e.tokenize(d,n.grammar),"language-"+o,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},9640:(e,t,n)=>{var o={"./prism-java":2503};function r(e){var t=a(e);return n(t)}function a(e){if(!n.o(o,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return o[e]}r.keys=function(){return Object.keys(o)},r.resolve=a,e.exports=r,r.id=9640},2703:(e,t,n)=>{"use strict";var o=n(414);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,a,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:r};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var o=n(7294),r=n(3840);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n