1"use strict";(globalThis.webpackChunkdockview_docs=globalThis.webpackChunkdockview_docs||[]).push([[6773],{1743(i,e,o){o.r(e),o.d(e,{assets:()=>d,contentTitle:()=>p,default:()=>m,frontMatter:()=>s,metadata:()=>r,toc:()=>l});const r=JSON.parse('{"id":"core/groups/maximizedGroups","title":"Maximized groups","description":"How to maximize a group to fill the Dockview viewport and restore it programmatically.","source":"@site/docs/core/groups/maximizedGroups.mdx","sourceDirName":"core/groups","slug":"/core/groups/maximizedGroups","permalink":"/docs/core/groups/maximizedGroups","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"Maximized groups","description":"How to maximize a group to fill the Dockview viewport and restore it programmatically."},"sidebar":"tutorialSidebar","previous":{"title":"Floating groups","permalink":"/docs/core/groups/floatingGroups"},"next":{"title":"Popout windows","permalink":"/docs/core/groups/popoutGroups"}}');var a=o(9500),n=o(8063),t=o(3198);const s={title:"Maximized groups",description:"How to maximize a group to fill the Dockview viewport and restore it programmatically."},p=void 0,d={},l=[{value:"Options",id:"options",level:2},{value:"Panel API",id:"panel-api",level:2},{value:"See also",id:"see-also",level:2}];function c(i){const e={a:"a",admonition:"admonition",code:"code",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...i.components},{CodeRunner:o}=e;return o||function(i,e){throw new Error("Expected "+(e?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}("CodeRunner",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.p,{children:"Maximizing a group temporarily expands it to fill the entire Dockview viewport, hiding the other groups until you restore it, handy for focusing on a single panel without changing the underlying layout."}),"\n",(0,a.jsx)(o,{id:"dockview/maximize-group"}),"\n",(0,a.jsx)(e.h2,{id:"options",children:"Options"}),"\n",(0,a.jsx)(t.KJ,{declaration:"DockviewApi",methods:["maximizeGroup","hasMaximizedGroup","exitMaximizedGroup","onDidMaximizedGroupChange"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:"const api: DockviewApi;\n\n// maximize a specified group\napi.maximizeGroup(group);\n\n// check whether a specific group is maximized\nconst result: boolean = api.isMaximizedGroup(group);\n\n// if there is any maximized group exit the maximized state\napi.exitMaximizedGroup();\n\n// is there a maximized group\nconst result: boolean = api.hasMaximizedGroup();\n"})}),"\n",(0,a.jsx)(e.h2,{id:"panel-api",children:"Panel API"}),"\n",(0,a.jsx)(t.KJ,{declaration:"DockviewPanelApi",methods:["maximize","isMaximized","exitMaximized"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:"const api: DockviewPanelApi;\n\n// maximize the group\napi.maximize();\n\n// is this group maximized (if another group is maximized this method will still return false)\nconst result: boolean = api.isMaximized();\n\n// exit only if this group is maximized (if another group is maximized this has no effect)\napi.exitMaximized();\n"})}),"\n",(0,a.jsx)(e.admonition,{type:"tip",children:(0,a.jsxs)(e.p,{children:[(0,a.jsx)(e.code,{children:"api.<maximize|isMaximized|exitMaximized>"})," is equivalent to ",(0,a.jsx)(e.code,{children:"api.group.api.<maximize|isMaximized|exitMaximized>"}),".\nThe methods exist on the panel ",(0,a.jsx)(e.code,{children:"api"})," object for convenience."]})}),"\n",(0,a.jsx)(e.h2,{id:"see-also",children:"See also"}),"\n",(0,a.jsxs)(e.ul,{children:["\n",(0,a.jsxs)(e.li,{children:[(0,a.jsx)(e.a,{href:"/docs/core/groups/floatingGroups",children:"Floating groups"}),": float a group above the grid"]}),"\n",(0,a.jsxs)(e.li,{children:[(0,a.jsx)(e.a,{href:"/docs/core/groups/popoutGroups",children:"Popout windows"}),": move a group into a separate browser window"]}),"\n"]})]})}function m(i={}){const{wrapper:e}={...(0,n.R)(),...i.components};return e?(0,a.jsx)(e,{...i,children:(0,a.jsx)(c,{...i})}):c(i)}}}]); 2//# sourceMappingURL=6d78e73d.442e158e.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.