diff --git a/404.html b/404.html index 44f714bd..8273dd48 100644 --- a/404.html +++ b/404.html @@ -4,7 +4,7 @@ VGG Docs - + diff --git a/assets/js/39a080d1.ab055a9d.js b/assets/js/39a080d1.ab055a9d.js deleted file mode 100644 index 888876b1..00000000 --- a/assets/js/39a080d1.ab055a9d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[7377],{6377:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=t(3010),i=t(5002);const l={title:"ReferencedStyle",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/referenced-style",title:"ReferencedStyle",description:"Type",source:"@site/docs/specs/vectorgraphics/referenced-style.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/referenced-style",permalink:"/specs/vectorgraphics/referenced-style",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/referenced-style.md",tags:[],version:"current",frontMatter:{title:"ReferencedStyle",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"Rectangle",permalink:"/specs/vectorgraphics/rectangle"},next:{title:"Shadow",permalink:"/specs/vectorgraphics/shadow"}},d={},a=[{value:"class",id:"class",level:2},{value:"id",id:"id",level:2},{value:"style",id:"style",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"fontAttr",id:"fontattr",level:2}];function p(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"section-badges",children:(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]})}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#fontattr",children:"fontAttr"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/font-attr",children:(0,r.jsx)(s.code,{children:"FontAttr"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"referencedStyle"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the referenced style, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The style attributes."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"fontattr",children:"fontAttr"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Font attributes only affect for text objects."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/font-attr",children:(0,r.jsx)(s.code,{children:"FontAttr"})})})]})]})]})}function h(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(p,{...e})}):p(e)}},5002:(e,s,t)=>{t.d(s,{Z:()=>c,a:()=>n});var r=t(5170);const i={},l=r.createContext(i);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/39a080d1.fba60d4f.js b/assets/js/39a080d1.fba60d4f.js new file mode 100644 index 00000000..c0d2ca56 --- /dev/null +++ b/assets/js/39a080d1.fba60d4f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[7377],{6377:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>d,contentTitle:()=>c,default:()=>o,frontMatter:()=>l,metadata:()=>n,toc:()=>a});var r=t(3010),i=t(5002);const l={title:"ReferencedStyle",sidebar_class_name:"show"},c=void 0,n={id:"specs/vectorgraphics/referenced-style",title:"ReferencedStyle",description:"Type",source:"@site/docs/specs/vectorgraphics/referenced-style.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/referenced-style",permalink:"/specs/vectorgraphics/referenced-style",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/referenced-style.md",tags:[],version:"current",frontMatter:{title:"ReferencedStyle",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"Rectangle",permalink:"/specs/vectorgraphics/rectangle"},next:{title:"Shadow",permalink:"/specs/vectorgraphics/shadow"}},d={},a=[{value:"class",id:"class",level:2},{value:"id",id:"id",level:2},{value:"style",id:"style",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"fontAttr",id:"fontattr",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components},{Link:t}=s;return t||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"1"})]})]}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#fontattr",children:"fontAttr"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/font-attr",children:(0,r.jsx)(s.code,{children:"FontAttr"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"referencedStyle"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the referenced style, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The style attributes."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"fontattr",children:"fontAttr"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Font attributes only affect for text objects."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/font-attr",children:(0,r.jsx)(s.code,{children:"FontAttr"})})})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsx)("ul",{className:"backlinks-list",children:(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(t,{to:"/specs/vectorgraphics/overview#references",children:"Overview.references"})})})]})]})}function o(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,t)=>{t.d(s,{Z:()=>n,a:()=>c});var r=t(5170);const i={},l=r.createContext(i);function c(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function n(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/62e979cf.9161ec24.js b/assets/js/62e979cf.6d883e21.js similarity index 96% rename from assets/js/62e979cf.9161ec24.js rename to assets/js/62e979cf.6d883e21.js index 56362711..3d22f23b 100644 --- a/assets/js/62e979cf.9161ec24.js +++ b/assets/js/62e979cf.6d883e21.js @@ -1 +1 @@ -"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[4770],{4772:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=i(3010),t=i(5002);const l={title:"Frame",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/frame",title:"Frame",description:"Type",source:"@site/docs/specs/vectorgraphics/frame.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/frame",permalink:"/specs/vectorgraphics/frame",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/frame.md",tags:[],version:"current",frontMatter:{title:"Frame",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"FontVariation",permalink:"/specs/vectorgraphics/font-variation"},next:{title:"GradientAngular",permalink:"/specs/vectorgraphics/gradient-angular"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"radius",id:"radius",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,t.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"5"})]})]}),"\n",(0,r.jsx)(s.p,{children:"A frame is an object that can be rendered and a container that holds objects.\nIn contrast to a group, a group is not an object but rather a collection of objects.\nFor example:\nThe frame's fills affect itself.\nThe group's fills affect all of its children."}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#name",children:"name"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"number"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#radius",children:"radius"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"name",children:"name"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"visible",children:"visible"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"frame",children:"frame"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The mask type of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,r.jsx)(s.code,{children:"visible"})," does.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,r.jsx)(s.code,{children:"style"}),". (Default value for ",(0,r.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,r.jsx)(s.code,{children:"alpha mask"})," when its ",(0,r.jsx)(s.code,{children:"alphaType"})," equals ",(0,r.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"3"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,r.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,r.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,r.jsx)(s.code,{children:"objectId"})," in the ",(0,r.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,r.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,r.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,r.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,r.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,r.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)("p",{}),(0,r.jsxs)("div",{className:"property-images",children:[(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,r.jsx)(s.code,{children:"style"}),"."]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the ",(0,r.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,r.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["A list of all child objects.\n",(0,r.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{className:"type-merged separate",children:[(0,r.jsx)(s.p,{children:"Array<"}),(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),(0,r.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"frame"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"radius",children:"radius"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom.\nDefault value is ",(0,r.jsx)(s.code,{children:"[0, 0, 0, 0]"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]})]})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsxs)("ul",{className:"backlinks-list",children:[(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame#childobjects",children:"Frame.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/sub-shape#subgeometry",children:"SubShape.subGeometry"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/group#childobjects",children:"Group.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master#childobjects",children:"SymbolMaster.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/pattern-layer-def#childobjects",children:"PatternLayerDef.childObjects"})})]})]})]})}function o(e={}){const{wrapper:s}={...(0,t.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var r=i(5170);const t={},l=r.createContext(t);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file +"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[4770],{4772:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=i(3010),t=i(5002);const l={title:"Frame",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/frame",title:"Frame",description:"Type",source:"@site/docs/specs/vectorgraphics/frame.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/frame",permalink:"/specs/vectorgraphics/frame",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/frame.md",tags:[],version:"current",frontMatter:{title:"Frame",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"FontVariation",permalink:"/specs/vectorgraphics/font-variation"},next:{title:"GradientAngular",permalink:"/specs/vectorgraphics/gradient-angular"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"radius",id:"radius",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,t.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"6"})]})]}),"\n",(0,r.jsx)(s.p,{children:"A frame is an object that can be rendered and a container that holds objects.\nIn contrast to a group, a group is not an object but rather a collection of objects.\nFor example:\nThe frame's fills affect itself.\nThe group's fills affect all of its children."}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#name",children:"name"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"number"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#radius",children:"radius"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"name",children:"name"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"visible",children:"visible"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"frame",children:"frame"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The mask type of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,r.jsx)(s.code,{children:"visible"})," does.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,r.jsx)(s.code,{children:"style"}),". (Default value for ",(0,r.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,r.jsx)(s.code,{children:"alpha mask"})," when its ",(0,r.jsx)(s.code,{children:"alphaType"})," equals ",(0,r.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"3"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,r.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,r.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,r.jsx)(s.code,{children:"objectId"})," in the ",(0,r.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,r.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,r.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,r.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,r.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,r.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)("p",{}),(0,r.jsxs)("div",{className:"property-images",children:[(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,r.jsx)(s.code,{children:"style"}),"."]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the ",(0,r.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,r.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["A list of all child objects.\n",(0,r.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{className:"type-merged separate",children:[(0,r.jsx)(s.p,{children:"Array<"}),(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),(0,r.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"frame"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"radius",children:"radius"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom.\nDefault value is ",(0,r.jsx)(s.code,{children:"[0, 0, 0, 0]"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]})]})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsxs)("ul",{className:"backlinks-list",children:[(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/overview#frames",children:"Overview.frames"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame#childobjects",children:"Frame.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/sub-shape#subgeometry",children:"SubShape.subGeometry"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/group#childobjects",children:"Group.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master#childobjects",children:"SymbolMaster.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/pattern-layer-def#childobjects",children:"PatternLayerDef.childObjects"})})]})]})]})}function o(e={}){const{wrapper:s}={...(0,t.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var r=i(5170);const t={},l=r.createContext(t);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/7e4ca474.fd381aec.js b/assets/js/7e4ca474.def2ff85.js similarity index 96% rename from assets/js/7e4ca474.fd381aec.js rename to assets/js/7e4ca474.def2ff85.js index 30d24623..dbb13b5f 100644 --- a/assets/js/7e4ca474.fd381aec.js +++ b/assets/js/7e4ca474.def2ff85.js @@ -1 +1 @@ -"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[3456],{6305:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=i(3010),t=i(5002);const l={title:"SymbolMaster",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/symbol-master",title:"SymbolMaster",description:"Type",source:"@site/docs/specs/vectorgraphics/symbol-master.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/symbol-master",permalink:"/specs/vectorgraphics/symbol-master",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/symbol-master.md",tags:[],version:"current",frontMatter:{title:"SymbolMaster",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"SymbolInstance",permalink:"/specs/vectorgraphics/symbol-instance"},next:{title:"TextLineType",permalink:"/specs/vectorgraphics/text-line-type"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"radius",id:"radius",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,t.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"5"})]})]}),"\n",(0,r.jsx)(s.p,{children:"A symbol master is a reusable object that contains a group of objects."}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#name",children:"name"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"number"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#radius",children:"radius"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"name",children:"name"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"visible",children:"visible"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"frame",children:"frame"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The mask type of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,r.jsx)(s.code,{children:"visible"})," does.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,r.jsx)(s.code,{children:"style"}),". (Default value for ",(0,r.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,r.jsx)(s.code,{children:"alpha mask"})," when its ",(0,r.jsx)(s.code,{children:"alphaType"})," equals ",(0,r.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"3"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,r.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,r.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,r.jsx)(s.code,{children:"objectId"})," in the ",(0,r.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,r.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,r.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,r.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,r.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,r.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)("p",{}),(0,r.jsxs)("div",{className:"property-images",children:[(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,r.jsx)(s.code,{children:"style"}),"."]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the ",(0,r.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,r.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["A list of all child objects.\n",(0,r.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{className:"type-merged separate",children:[(0,r.jsx)(s.p,{children:"Array<"}),(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),(0,r.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"symbolMaster"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"radius",children:"radius"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom.\nDefault value is ",(0,r.jsx)(s.code,{children:"[0, 0, 0, 0]"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]})]})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsxs)("ul",{className:"backlinks-list",children:[(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame#childobjects",children:"Frame.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/sub-shape#subgeometry",children:"SubShape.subGeometry"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/group#childobjects",children:"Group.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master#childobjects",children:"SymbolMaster.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/pattern-layer-def#childobjects",children:"PatternLayerDef.childObjects"})})]})]})]})}function o(e={}){const{wrapper:s}={...(0,t.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var r=i(5170);const t={},l=r.createContext(t);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file +"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[3456],{6305:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=i(3010),t=i(5002);const l={title:"SymbolMaster",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/symbol-master",title:"SymbolMaster",description:"Type",source:"@site/docs/specs/vectorgraphics/symbol-master.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/symbol-master",permalink:"/specs/vectorgraphics/symbol-master",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/symbol-master.md",tags:[],version:"current",frontMatter:{title:"SymbolMaster",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"SymbolInstance",permalink:"/specs/vectorgraphics/symbol-instance"},next:{title:"TextLineType",permalink:"/specs/vectorgraphics/text-line-type"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"radius",id:"radius",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,t.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"6"})]})]}),"\n",(0,r.jsx)(s.p,{children:"A symbol master is a reusable object that contains a group of objects."}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#name",children:"name"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"number"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#radius",children:"radius"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"name",children:"name"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"visible",children:"visible"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"frame",children:"frame"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The mask type of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,r.jsx)(s.code,{children:"visible"})," does.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,r.jsx)(s.code,{children:"style"}),". (Default value for ",(0,r.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,r.jsx)(s.code,{children:"alpha mask"})," when its ",(0,r.jsx)(s.code,{children:"alphaType"})," equals ",(0,r.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"3"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,r.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,r.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,r.jsx)(s.code,{children:"objectId"})," in the ",(0,r.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,r.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,r.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,r.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,r.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,r.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)("p",{}),(0,r.jsxs)("div",{className:"property-images",children:[(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,r.jsx)(s.code,{children:"style"}),"."]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the ",(0,r.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,r.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["A list of all child objects.\n",(0,r.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{className:"type-merged separate",children:[(0,r.jsx)(s.p,{children:"Array<"}),(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),(0,r.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"symbolMaster"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"radius",children:"radius"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom.\nDefault value is ",(0,r.jsx)(s.code,{children:"[0, 0, 0, 0]"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]})]})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsxs)("ul",{className:"backlinks-list",children:[(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/overview#references",children:"Overview.references"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame#childobjects",children:"Frame.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/sub-shape#subgeometry",children:"SubShape.subGeometry"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/group#childobjects",children:"Group.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master#childobjects",children:"SymbolMaster.childObjects"})}),(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/pattern-layer-def#childobjects",children:"PatternLayerDef.childObjects"})})]})]})]})}function o(e={}){const{wrapper:s}={...(0,t.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var r=i(5170);const t={},l=r.createContext(t);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/b1e2dded.64533b78.js b/assets/js/b1e2dded.64533b78.js new file mode 100644 index 00000000..180c4340 --- /dev/null +++ b/assets/js/b1e2dded.64533b78.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[1396],{4469:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var r=i(3010),t=i(5002);const l={title:"PatternLayerDef",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/pattern-layer-def",title:"PatternLayerDef",description:"Type",source:"@site/docs/specs/vectorgraphics/pattern-layer-def.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/pattern-layer-def",permalink:"/specs/vectorgraphics/pattern-layer-def",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/pattern-layer-def.md",tags:[],version:"current",frontMatter:{title:"PatternLayerDef",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"PatternImageTile",permalink:"/specs/vectorgraphics/pattern-image-tile"},next:{title:"PatternLayerInstance",permalink:"/specs/vectorgraphics/pattern-layer-instance"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"patternBoundingBox",id:"patternboundingbox",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,t.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"section-badges",children:[(0,r.jsxs)("div",{className:"badge type",children:[(0,r.jsx)("span",{className:"label",children:"Type"}),(0,r.jsx)("span",{className:"value",children:"object"})]}),(0,r.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,r.jsx)("span",{className:"label",children:"Backlinks"}),(0,r.jsx)("span",{className:"value",children:"1"})]})]}),"\n",(0,r.jsx)(s.p,{children:"Contains objects to define a global pattern."}),"\n",(0,r.jsx)("div",{className:"property-preview",children:(0,r.jsx)("div",{className:"property-table",children:(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#id",children:"id"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#name",children:"name"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#style",children:"style"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"number"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"boolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"integer"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#class",children:"class"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"string"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.a,{href:"#patternboundingbox",children:"patternBoundingBox"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"Array"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("span",{className:"property-required",children:"Required"})})]})]})]})})}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"id",children:"id"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"name",children:"name"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"visible",children:"visible"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["If ",(0,r.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,r.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"style",children:"style"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,r.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"frame",children:"frame"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,r.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,r.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"The mask type of the object."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,r.jsx)(s.code,{children:"visible"})," does.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["The ",(0,r.jsx)(s.code,{children:"style"})," and ",(0,r.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,r.jsx)("div",{className:"enum-images",children:(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,r.jsx)(s.code,{children:"style"}),". (Default value for ",(0,r.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,r.jsx)(s.code,{children:"alpha mask"})," when its ",(0,r.jsx)(s.code,{children:"alphaType"})," equals ",(0,r.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"3"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,r.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,r.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,r.jsx)(s.code,{children:"objectId"})," in the ",(0,r.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,r.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,r.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,r.jsx)(s.code,{children:"1"}),"."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,r.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"2"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,r.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,r.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,r.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"boolean"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)("p",{}),(0,r.jsxs)("div",{className:"property-images",children:[(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,r.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{children:["Array<",(0,r.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,r.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["How the ",(0,r.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"integer"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,r.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"0"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,r.jsx)(s.code,{children:"style"}),"."]})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsx)(s.code,{children:"1"})}),(0,r.jsx)(s.td,{style:{textAlign:"left"},children:(0,r.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the ",(0,r.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,r.jsx)(s.code,{children:"borders"})," without ",(0,r.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,r.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsxs)(s.p,{children:["A list of all child objects.\n",(0,r.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsxs)("code",{className:"type-merged separate",children:[(0,r.jsx)(s.p,{children:"Array<"}),(0,r.jsxs)("span",{className:"type-merged-types separate",children:[(0,r.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,r.jsx)("code",{children:"Path"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,r.jsx)("code",{children:"Image"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,r.jsx)("code",{children:"Text"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,r.jsx)("code",{children:"Group"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,r.jsx)("code",{children:"Frame"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,r.jsx)("code",{children:"SymbolInstance"})}),(0,r.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,r.jsx)("code",{children:"SymbolMaster"})})]}),(0,r.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"class",children:"class"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"string"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-json",children:'"patternLayerDef"\n'})})]})]})]}),"\n",(0,r.jsxs)("div",{className:"property",children:[(0,r.jsxs)("div",{className:"property-heading",children:[(0,r.jsx)(s.h2,{id:"patternboundingbox",children:"patternBoundingBox"}),(0,r.jsx)("span",{className:"property-required",children:"Required"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Description"}),(0,r.jsx)(s.p,{children:"no description"})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Type"}),(0,r.jsx)(s.p,{children:(0,r.jsx)(s.code,{children:"Array"})})]}),(0,r.jsxs)("div",{className:"property-item",children:[(0,r.jsx)(s.p,{children:"Value"}),(0,r.jsxs)("div",{className:"value-description",children:[(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]}),(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,r.jsx)(s.code,{children:"4"})]})]})]})]}),"\n",(0,r.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,r.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,r.jsx)("ul",{className:"backlinks-list",children:(0,r.jsx)("li",{className:"backlink",children:(0,r.jsx)(i,{to:"/specs/vectorgraphics/overview#patternlayerdef",children:"Overview.patternLayerDef"})})})]})]})}function o(e={}){const{wrapper:s}={...(0,t.a)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var r=i(5170);const t={},l=r.createContext(t);function n(e){const s=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:n(e.components),r.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/b1e2dded.b843ab5f.js b/assets/js/b1e2dded.b843ab5f.js deleted file mode 100644 index 77e4c938..00000000 --- a/assets/js/b1e2dded.b843ab5f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[1396],{4469:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>d,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var t=i(3010),r=i(5002);const l={title:"PatternLayerDef",sidebar_class_name:"show"},n=void 0,c={id:"specs/vectorgraphics/pattern-layer-def",title:"PatternLayerDef",description:"Type",source:"@site/docs/specs/vectorgraphics/pattern-layer-def.md",sourceDirName:"specs/vectorgraphics",slug:"/specs/vectorgraphics/pattern-layer-def",permalink:"/specs/vectorgraphics/pattern-layer-def",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/vectorgraphics/pattern-layer-def.md",tags:[],version:"current",frontMatter:{title:"PatternLayerDef",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"PatternImageTile",permalink:"/specs/vectorgraphics/pattern-image-tile"},next:{title:"PatternLayerInstance",permalink:"/specs/vectorgraphics/pattern-layer-instance"}},d={},a=[{value:"id",id:"id",level:2},{value:"name",id:"name",level:2},{value:"isLocked",id:"islocked",level:2},{value:"visible",id:"visible",level:2},{value:"contextSettings",id:"contextsettings",level:2},{value:"style",id:"style",level:2},{value:"bounds",id:"bounds",level:2},{value:"frame",id:"frame",level:2},{value:"matrix",id:"matrix",level:2},{value:"alphaMaskBy",id:"alphamaskby",level:2},{value:"outlineMaskBy",id:"outlinemaskby",level:2},{value:"maskType",id:"masktype",level:2},{value:"styleEffectMaskArea",id:"styleeffectmaskarea",level:2},{value:"maskShowType",id:"maskshowtype",level:2},{value:"overflow",id:"overflow",level:2},{value:"cornerSmoothing",id:"cornersmoothing",level:2},{value:"overrideKey",id:"overridekey",level:2},{value:"horizontalConstraint",id:"horizontalconstraint",level:2},{value:"verticalConstraint",id:"verticalconstraint",level:2},{value:"resizesContent",id:"resizescontent",level:2},{value:"keepShapeWhenResize",id:"keepshapewhenresize",level:2},{value:"variableDefs",id:"variabledefs",level:2},{value:"variableRefs",id:"variablerefs",level:2},{value:"styleEffectBoolean",id:"styleeffectboolean",level:2},{value:"childObjects",id:"childobjects",level:2},{value:"class",id:"class",level:2},{value:"patternBoundingBox",id:"patternboundingbox",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"section-badges",children:(0,t.jsxs)("div",{className:"badge type",children:[(0,t.jsx)("span",{className:"label",children:"Type"}),(0,t.jsx)("span",{className:"value",children:"object"})]})}),"\n",(0,t.jsx)(s.p,{children:"Contains objects to define a global pattern."}),"\n",(0,t.jsx)("div",{className:"property-preview",children:(0,t.jsx)("div",{className:"property-table",children:(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#id",children:"id"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#name",children:"name"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#islocked",children:"isLocked"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"boolean"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#visible",children:"visible"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"boolean"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#contextsettings",children:"contextSettings"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,t.jsx)(s.code,{children:"GraphicsContextSettings"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#style",children:"style"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,t.jsx)(s.code,{children:"Style"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#bounds",children:"bounds"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,t.jsx)(s.code,{children:"Rect"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#frame",children:"frame"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,t.jsx)(s.code,{children:"Rect"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#matrix",children:"matrix"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,t.jsx)(s.code,{children:"Matrix"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#alphamaskby",children:"alphaMaskBy"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#outlinemaskby",children:"outlineMaskBy"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"Array"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#masktype",children:"maskType"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#styleeffectmaskarea",children:"styleEffectMaskArea"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#maskshowtype",children:"maskShowType"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#overflow",children:"overflow"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#cornersmoothing",children:"cornerSmoothing"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"number"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#overridekey",children:"overrideKey"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#horizontalconstraint",children:"horizontalConstraint"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,t.jsx)(s.code,{children:"Constraint"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#verticalconstraint",children:"verticalConstraint"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,t.jsx)(s.code,{children:"Constraint"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#resizescontent",children:"resizesContent"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#keepshapewhenresize",children:"keepShapeWhenResize"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"boolean"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#variabledefs",children:"variableDefs"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#variablerefs",children:"variableRefs"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#styleeffectboolean",children:"styleEffectBoolean"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"integer"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#childobjects",children:"childObjects"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{className:"type-merged separate",children:["Array<",(0,t.jsxs)("span",{className:"type-merged-types separate",children:[(0,t.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,t.jsx)("code",{children:"Path"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,t.jsx)("code",{children:"Image"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,t.jsx)("code",{children:"Text"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,t.jsx)("code",{children:"Group"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,t.jsx)("code",{children:"Frame"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,t.jsx)("code",{children:"SymbolInstance"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,t.jsx)("code",{children:"SymbolMaster"})})]}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#class",children:"class"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#patternboundingbox",children:"patternBoundingBox"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"Array"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]})]})]})})}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"id",children:"id"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"ID of the object, globally unique."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"name",children:"name"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"Name of the object, for user identification, encoded in UTF-8."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"islocked",children:"isLocked"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["If ",(0,t.jsx)(s.code,{children:"true"}),", the object will be unable to be edited."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"visible",children:"visible"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["If ",(0,t.jsx)(s.code,{children:"false"}),", the object will be invisible."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"boolean"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"contextsettings",children:"contextSettings"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"The opacity and blending-related configurations of the object."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/graphics-context-settings",children:(0,t.jsx)(s.code,{children:"GraphicsContextSettings"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"style",children:"style"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"The borders, fills, and other styles of the object."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/style",children:(0,t.jsx)(s.code,{children:"Style"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"bounds",children:"bounds"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"The bounds of the object before undergoing matrix transformations."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,t.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"frame",children:"frame"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"An enclosing rectangle for the object. This property stores information about the object after the matrix transformation."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/rect",children:(0,t.jsx)(s.code,{children:"Rect"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"matrix",children:"matrix"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"Matrix used for translating, rotating, and scaling the object."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/matrix",children:(0,t.jsx)(s.code,{children:"Matrix"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"alphamaskby",children:"alphaMaskBy"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"A list of alpha masks applied to the object."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/alpha-mask",children:"AlphaMask"}),">"]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"outlinemaskby",children:"outlineMaskBy"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"A list of outline masks applied to the object, clipped by the intersection of their outlines.\nThe items in the list are object IDs of the masks."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"Array"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"masktype",children:"maskType"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"The mask type of the object."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"0"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"not a mask"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"outline mask"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"2"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"alpha mask"})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"styleeffectmaskarea",children:"styleEffectMaskArea"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["How the ",(0,t.jsx)(s.code,{children:"style"})," and ",(0,t.jsx)(s.code,{children:"visible"})," of the mask object affect the area of the mask."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"0"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["The ",(0,t.jsx)(s.code,{children:"style"})," and ",(0,t.jsx)(s.code,{children:"visible"})," of the mask object do not affect the area of the mask, which depends on its bounds.",(0,t.jsx)("div",{className:"enum-images",children:(0,t.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_0.png",alt:""})})]})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["The ",(0,t.jsx)(s.code,{children:"style"})," of the mask object does not affect the area of the mask, while the ",(0,t.jsx)(s.code,{children:"visible"})," does.",(0,t.jsx)("div",{className:"enum-images",children:(0,t.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_1.png",alt:""})})]})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"2"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["The ",(0,t.jsx)(s.code,{children:"style"})," and ",(0,t.jsx)(s.code,{children:"visible"})," of the mask object do affect the area of the mask.",(0,t.jsx)("div",{className:"enum-images",children:(0,t.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Mask/styleEffectMaskArea_2.png",alt:""})})]})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"maskshowtype",children:"maskShowType"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"How the mask object is displayed."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"0"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["depend on its ",(0,t.jsx)(s.code,{children:"style"}),". (Default value for ",(0,t.jsx)(s.code,{children:"outline mask"}),".)"]})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["only display its bounds. (Default value for ",(0,t.jsx)(s.code,{children:"alpha mask"})," when its ",(0,t.jsx)(s.code,{children:"alphaType"})," equals ",(0,t.jsx)(s.code,{children:"0"}),".)"]})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"2"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"do not display. (Default value for other conditions.)"})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"overflow",children:"overflow"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"How to display the child element of the object when it overflows its container."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"hidden. Anything outside the scope of the container will be cropped and invisible."})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"2"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"visible. Contents outside the scope of the container will not be cropped and will be visible."})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"3"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"scrolled. Content that is outside the container's scope is cropped, and a scrollbar is displayed to view the content that is beyond the container's boundaries."})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"cornersmoothing",children:"cornerSmoothing"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["Smoothness of rounded corners. Range: ",(0,t.jsx)(s.code,{children:"[0, 1]"}),".\n",(0,t.jsx)(s.code,{children:"0"})," is the default value, indicating no smoothing for rounded corners."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"number"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"overridekey",children:"overrideKey"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["Used to be associated with the object by symbol instances for overriding its attributes. Check the ",(0,t.jsx)(s.code,{children:"objectId"})," in the ",(0,t.jsx)(s.code,{children:"OverrideValue"})," for details.\nIf ",(0,t.jsx)(s.code,{children:"overrideKey"})," exists, find a symbol master through upward traversal (which could be the object itself); ",(0,t.jsx)(s.code,{children:"overrideKey"})," is unique within the symbol master."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"horizontalconstraint",children:"horizontalConstraint"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["Horizontal layout constraints for the object.\nDefault value is ",(0,t.jsx)(s.code,{children:"1"}),"."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,t.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"verticalconstraint",children:"verticalConstraint"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["Vertical layout constraints for the object.\nDefault value is ",(0,t.jsx)(s.code,{children:"1"}),"."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/vectorgraphics/constraint",children:(0,t.jsx)(s.code,{children:"Constraint"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"resizescontent",children:"resizesContent"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"How child objects behave when the object is resized."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"0"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"If the current object contains children (suitable for paths with boolean operations), the current object serves as the starting point. For each child, if the object chain includes a frame or symbol without a layout, the constraints on the child object are applied (ignoring constraints for groups and top-level paths with boolean operations). Otherwise, scaling is applied."})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"Force child objects to have fixed positions and sizes."})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"2"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("div",{className:"enum-description",children:"Apply child object constraints. (Default value.)"})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"keepshapewhenresize",children:"keepShapeWhenResize"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"False"}),": When resizing occurs, the object scales according to the ",(0,t.jsx)(s.code,{children:"horizontalConstraint"})," and ",(0,t.jsx)(s.code,{children:"verticalConstraint"}),". (Default value.)\n",(0,t.jsx)(s.code,{children:"True"}),": When resizing occurs, the object itself maintains its angle, and the center position is scaled. The scaling occurs along both the length and width directions."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"boolean"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)("p",{}),(0,t.jsxs)("div",{className:"property-images",children:[(0,t.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_false.png",alt:""}),(0,t.jsx)("img",{src:"https://raw.githubusercontent.com/verygoodgraphics/resource/main/img/vector/Constraint/keepShapeWhenResize_true.png",alt:""})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"variabledefs",children:"variableDefs"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"A list of variables that can be used by children."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/variable-def",children:"VariableDef"}),">"]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"variablerefs",children:"variableRefs"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"A list of referenced variables."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{children:["Array<",(0,t.jsx)(i,{to:"/specs/vectorgraphics/variable-ref",children:"VariableRef"}),">"]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"styleeffectboolean",children:"styleEffectBoolean"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["How the ",(0,t.jsx)(s.code,{children:"style"})," of the object affects the region participating in a Boolean operation with another object."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"integer"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"enum"}),": the value of this property must be equal to one of the following values:"]}),(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Value"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Explanation"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"0"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:["ignore style(default value): The region in which an object participates in a Boolean operation is independent of its ",(0,t.jsx)(s.code,{children:"style"}),"."]})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"1"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("div",{className:"enum-description",children:[" If the object is a path and the path has ",(0,t.jsx)(s.code,{children:"borders"})," without ",(0,t.jsx)(s.code,{children:"fills"}),", then the ",(0,t.jsx)(s.code,{children:"borders"})," will be used as a region to participate in the Boolean operation calculation. If the object is a text and the text has ",(0,t.jsx)(s.code,{children:"borders"})," without ",(0,t.jsx)(s.code,{children:"fills"}),", then the object will be ignored during the Boolean operation. In other cases, it behaves the same as ",(0,t.jsx)(s.code,{children:"ignore style"}),". "]})})]})]})]})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"childobjects",children:"childObjects"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsxs)(s.p,{children:["A list of all child objects.\n",(0,t.jsx)(s.strong,{children:"Note:"})," The child object that appears later in the list will be displayed above the one that appears first."]})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{className:"type-merged separate",children:[(0,t.jsx)(s.p,{children:"Array<"}),(0,t.jsxs)("span",{className:"type-merged-types separate",children:[(0,t.jsx)(i,{to:"/specs/vectorgraphics/path",children:(0,t.jsx)("code",{children:"Path"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/image",children:(0,t.jsx)("code",{children:"Image"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/text",children:(0,t.jsx)("code",{children:"Text"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/group",children:(0,t.jsx)("code",{children:"Group"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/frame",children:(0,t.jsx)("code",{children:"Frame"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/symbol-instance",children:(0,t.jsx)("code",{children:"SymbolInstance"})}),(0,t.jsx)(i,{to:"/specs/vectorgraphics/symbol-master",children:(0,t.jsx)("code",{children:"SymbolMaster"})})]}),(0,t.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"class",children:"class"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-json",children:'"patternLayerDef"\n'})})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"patternboundingbox",children:"patternBoundingBox"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"Array"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"maximum number of items"}),": the maximum number of items for this array is: ",(0,t.jsx)(s.code,{children:"4"})]}),(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"minimum number of items"}),": the minimum number of items for this array is: ",(0,t.jsx)(s.code,{children:"4"})]})]})]})]})]})}function o(e={}){const{wrapper:s}={...(0,r.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>c,a:()=>n});var t=i(5170);const r={},l=t.createContext(r);function n(e){const s=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:n(e.components),t.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/b491523f.12980478.js b/assets/js/b491523f.12980478.js deleted file mode 100644 index c2424c62..00000000 --- a/assets/js/b491523f.12980478.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[4298],{9856:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>c,contentTitle:()=>n,default:()=>o,frontMatter:()=>l,metadata:()=>d,toc:()=>a});var t=i(3010),r=i(5002);const l={title:"Object",sidebar_class_name:"show"},n=void 0,d={id:"specs/layout/object",title:"Object",description:"Type",source:"@site/docs/specs/layout/object.md",sourceDirName:"specs/layout",slug:"/specs/layout/object",permalink:"/specs/layout/object",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/layout/object.md",tags:[],version:"current",frontMatter:{title:"Object",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"MinWidth",permalink:"/specs/layout/min-width"},next:{title:"Layout",permalink:"/specs/layout/overview"}},c={},a=[{value:"class",id:"class",level:2},{value:"id",id:"id",level:2},{value:"layout",id:"layout",level:2},{value:"itemInLayout",id:"iteminlayout",level:2},{value:"width",id:"width",level:2},{value:"maxWidth",id:"maxwidth",level:2},{value:"minWidth",id:"minwidth",level:2},{value:"height",id:"height",level:2},{value:"maxHeight",id:"maxheight",level:2},{value:"minHeight",id:"minheight",level:2},{value:"aspectRatio",id:"aspectratio",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"section-badges",children:(0,t.jsxs)("div",{className:"badge type",children:[(0,t.jsx)("span",{className:"label",children:"Type"}),(0,t.jsx)("span",{className:"value",children:"object"})]})}),"\n",(0,t.jsx)(s.p,{children:"This property provides control over the layout-related properties of design elements, including controlling the size, position, and layout behavior of elements to ensure their correct display and layout on the page."}),"\n",(0,t.jsx)("div",{className:"property-preview",children:(0,t.jsx)("div",{className:"property-table",children:(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#class",children:"class"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#id",children:"id"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#layout",children:"layout"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{className:"type-merged",children:["oneOf<",(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-layout",children:(0,t.jsx)("code",{children:"FlexboxLayout"})}),(0,t.jsx)(i,{to:"grid-layout",children:(0,t.jsx)("code",{children:"GridLayout"})})]}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#iteminlayout",children:"itemInLayout"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{className:"type-merged",children:["oneOf<",(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-item",children:(0,t.jsx)("code",{children:"FlexboxItem"})}),(0,t.jsx)(i,{to:"grid-item",children:(0,t.jsx)("code",{children:"GridItem"})})]}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#width",children:"width"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/width",children:(0,t.jsx)(s.code,{children:"Width"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#maxwidth",children:"maxWidth"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/max-width",children:(0,t.jsx)(s.code,{children:"MaxWidth"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#minwidth",children:"minWidth"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/min-width",children:(0,t.jsx)(s.code,{children:"MinWidth"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#height",children:"height"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/height",children:(0,t.jsx)(s.code,{children:"Height"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#maxheight",children:"maxHeight"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/max-height",children:(0,t.jsx)(s.code,{children:"MaxHeight"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#minheight",children:"minHeight"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/min-height",children:(0,t.jsx)(s.code,{children:"MinHeight"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#aspectratio",children:"aspectRatio"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"number"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"class",children:"class"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-json",children:'"object"\n'})})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"id",children:"id"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property is used in the layout to uniquely identify a specific object. Use this value to associate objects in VGG Vector Graphics Specification."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"layout",children:"layout"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property describes the layout characteristics of the current object and can be used to determine its layout type."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{className:"type-merged",children:[(0,t.jsx)(s.p,{children:"oneOf<"}),(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-layout",children:(0,t.jsx)("code",{children:"FlexboxLayout"})}),(0,t.jsx)(i,{to:"grid-layout",children:(0,t.jsx)("code",{children:"GridLayout"})})]}),(0,t.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"iteminlayout",children:"itemInLayout"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property refers to the layout information of the current object in the layout, which can be adjusted in terms of its position and style through corresponding layout properties. In Flex layout, it refers to the flex items within a flex container. In grid layout, it refers to individual grid items within a grid container."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{className:"type-merged",children:[(0,t.jsx)(s.p,{children:"oneOf<"}),(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-item",children:(0,t.jsx)("code",{children:"FlexboxItem"})}),(0,t.jsx)(i,{to:"grid-item",children:(0,t.jsx)("code",{children:"GridItem"})})]}),(0,t.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"width",children:"width"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/width",children:(0,t.jsx)(s.code,{children:"Width"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"maxwidth",children:"maxWidth"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/max-width",children:(0,t.jsx)(s.code,{children:"MaxWidth"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"minwidth",children:"minWidth"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/min-width",children:(0,t.jsx)(s.code,{children:"MinWidth"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"height",children:"height"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/height",children:(0,t.jsx)(s.code,{children:"Height"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"maxheight",children:"maxHeight"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/max-height",children:(0,t.jsx)(s.code,{children:"MaxHeight"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"minheight",children:"minHeight"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/min-height",children:(0,t.jsx)(s.code,{children:"MinHeight"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"aspectratio",children:"aspectRatio"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property refers to the proportional relationship between the width and height of an element. This property can be used to define the aspect ratio of an element, allowing you to set the desired width-to-height ratio. It ensures that the element maintains the same aspect ratio in containers of different sizes."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"number"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsx)("div",{className:"value-description",children:(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"minimum (exclusive)"}),": the value of this number must be greater than: ",(0,t.jsx)(s.code,{children:"0"})]})})]})]})]})}function o(e={}){const{wrapper:s}={...(0,r.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>d,a:()=>n});var t=i(5170);const r={},l=t.createContext(r);function n(e){const s=t.useContext(l);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function d(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:n(e.components),t.createElement(l.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/b491523f.f91507c6.js b/assets/js/b491523f.f91507c6.js new file mode 100644 index 00000000..5059d8b6 --- /dev/null +++ b/assets/js/b491523f.f91507c6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkvgg_docs=self.webpackChunkvgg_docs||[]).push([[4298],{9856:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>c,contentTitle:()=>n,default:()=>o,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var t=i(3010),l=i(5002);const r={title:"Object",sidebar_class_name:"show"},n=void 0,d={id:"specs/layout/object",title:"Object",description:"Type",source:"@site/docs/specs/layout/object.md",sourceDirName:"specs/layout",slug:"/specs/layout/object",permalink:"/specs/layout/object",draft:!1,unlisted:!1,editUrl:"https://github.com/verygoodgraphics/vgg_docs/tree/main/docs/specs/layout/object.md",tags:[],version:"current",frontMatter:{title:"Object",sidebar_class_name:"show"},sidebar:"specSidebar",previous:{title:"MinWidth",permalink:"/specs/layout/min-width"},next:{title:"Layout",permalink:"/specs/layout/overview"}},c={},a=[{value:"class",id:"class",level:2},{value:"id",id:"id",level:2},{value:"layout",id:"layout",level:2},{value:"itemInLayout",id:"iteminlayout",level:2},{value:"width",id:"width",level:2},{value:"maxWidth",id:"maxwidth",level:2},{value:"minWidth",id:"minwidth",level:2},{value:"height",id:"height",level:2},{value:"maxHeight",id:"maxheight",level:2},{value:"minHeight",id:"minheight",level:2},{value:"aspectRatio",id:"aspectratio",level:2}];function h(e){const s={a:"a",code:"code",h2:"h2",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,l.a)(),...e.components},{Link:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Link",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"section-badges",children:[(0,t.jsxs)("div",{className:"badge type",children:[(0,t.jsx)("span",{className:"label",children:"Type"}),(0,t.jsx)("span",{className:"value",children:"object"})]}),(0,t.jsxs)("a",{href:"#backlinks",className:"badge backlinks",children:[(0,t.jsx)("span",{className:"label",children:"Backlinks"}),(0,t.jsx)("span",{className:"value",children:"1"})]})]}),"\n",(0,t.jsx)(s.p,{children:"This property provides control over the layout-related properties of design elements, including controlling the size, position, and layout behavior of elements to ensure their correct display and layout on the page."}),"\n",(0,t.jsx)("div",{className:"property-preview",children:(0,t.jsx)("div",{className:"property-table",children:(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Property"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Type"}),(0,t.jsx)(s.th,{style:{textAlign:"left"},children:"Required"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#class",children:"class"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#id",children:"id"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"string"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#layout",children:"layout"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{className:"type-merged",children:["oneOf<",(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-layout",children:(0,t.jsx)("code",{children:"FlexboxLayout"})}),(0,t.jsx)(i,{to:"grid-layout",children:(0,t.jsx)("code",{children:"GridLayout"})})]}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#iteminlayout",children:"itemInLayout"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsxs)("code",{className:"type-merged",children:["oneOf<",(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-item",children:(0,t.jsx)("code",{children:"FlexboxItem"})}),(0,t.jsx)(i,{to:"grid-item",children:(0,t.jsx)("code",{children:"GridItem"})})]}),">"]})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#width",children:"width"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/width",children:(0,t.jsx)(s.code,{children:"Width"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#maxwidth",children:"maxWidth"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/max-width",children:(0,t.jsx)(s.code,{children:"MaxWidth"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#minwidth",children:"minWidth"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/min-width",children:(0,t.jsx)(s.code,{children:"MinWidth"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#height",children:"height"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/height",children:(0,t.jsx)(s.code,{children:"Height"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-required",children:"Required"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#maxheight",children:"maxHeight"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/max-height",children:(0,t.jsx)(s.code,{children:"MaxHeight"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#minheight",children:"minHeight"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"/specs/layout/min-height",children:(0,t.jsx)(s.code,{children:"MinHeight"})})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.a,{href:"#aspectratio",children:"aspectRatio"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)(s.code,{children:"number"})}),(0,t.jsx)(s.td,{style:{textAlign:"left"},children:(0,t.jsx)("span",{className:"property-optional",children:"Optional"})})]})]})]})})}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"class",children:"class"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsxs)("div",{className:"value-description",children:[(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"constant"}),": the value of this property must be equal to:"]}),(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-json",children:'"object"\n'})})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"id",children:"id"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property is used in the layout to uniquely identify a specific object. Use this value to associate objects in VGG Vector Graphics Specification."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"string"})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"layout",children:"layout"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property describes the layout characteristics of the current object and can be used to determine its layout type."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{className:"type-merged",children:[(0,t.jsx)(s.p,{children:"oneOf<"}),(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-layout",children:(0,t.jsx)("code",{children:"FlexboxLayout"})}),(0,t.jsx)(i,{to:"grid-layout",children:(0,t.jsx)("code",{children:"GridLayout"})})]}),(0,t.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"iteminlayout",children:"itemInLayout"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property refers to the layout information of the current object in the layout, which can be adjusted in terms of its position and style through corresponding layout properties. In Flex layout, it refers to the flex items within a flex container. In grid layout, it refers to individual grid items within a grid container."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsxs)("code",{className:"type-merged",children:[(0,t.jsx)(s.p,{children:"oneOf<"}),(0,t.jsxs)("span",{className:"type-merged-types",children:[(0,t.jsx)(i,{to:"flexbox-item",children:(0,t.jsx)("code",{children:"FlexboxItem"})}),(0,t.jsx)(i,{to:"grid-item",children:(0,t.jsx)("code",{children:"GridItem"})})]}),(0,t.jsx)(s.p,{children:">"})]})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"width",children:"width"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/width",children:(0,t.jsx)(s.code,{children:"Width"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"maxwidth",children:"maxWidth"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/max-width",children:(0,t.jsx)(s.code,{children:"MaxWidth"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"minwidth",children:"minWidth"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/min-width",children:(0,t.jsx)(s.code,{children:"MinWidth"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"height",children:"height"}),(0,t.jsx)("span",{className:"property-required",children:"Required"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/height",children:(0,t.jsx)(s.code,{children:"Height"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"maxheight",children:"maxHeight"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/max-height",children:(0,t.jsx)(s.code,{children:"MaxHeight"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"minheight",children:"minHeight"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"no description"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"/specs/layout/min-height",children:(0,t.jsx)(s.code,{children:"MinHeight"})})})]})]}),"\n",(0,t.jsxs)("div",{className:"property",children:[(0,t.jsxs)("div",{className:"property-heading",children:[(0,t.jsx)(s.h2,{id:"aspectratio",children:"aspectRatio"}),(0,t.jsx)("span",{className:"property-optional",children:"Optional"})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Description"}),(0,t.jsx)(s.p,{children:"This property refers to the proportional relationship between the width and height of an element. This property can be used to define the aspect ratio of an element, allowing you to set the desired width-to-height ratio. It ensures that the element maintains the same aspect ratio in containers of different sizes."})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Type"}),(0,t.jsx)(s.p,{children:(0,t.jsx)(s.code,{children:"number"})})]}),(0,t.jsxs)("div",{className:"property-item",children:[(0,t.jsx)(s.p,{children:"Value"}),(0,t.jsx)("div",{className:"value-description",children:(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.strong,{children:"minimum (exclusive)"}),": the value of this number must be greater than: ",(0,t.jsx)(s.code,{children:"0"})]})})]})]}),"\n",(0,t.jsxs)("div",{id:"backlinks",className:"section-backlinks",children:[(0,t.jsx)("div",{className:"backlinks-title",children:"Backlinks"}),(0,t.jsx)("ul",{className:"backlinks-list",children:(0,t.jsx)("li",{className:"backlink",children:(0,t.jsx)(i,{to:"/specs/layout/overview#obj",children:"Overview.obj"})})})]})]})}function o(e={}){const{wrapper:s}={...(0,l.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},5002:(e,s,i)=>{i.d(s,{Z:()=>d,a:()=>n});var t=i(5170);const l={},r=t.createContext(l);function n(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function d(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:n(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.f3d82d00.js b/assets/js/runtime~main.04e342e4.js similarity index 94% rename from assets/js/runtime~main.f3d82d00.js rename to assets/js/runtime~main.04e342e4.js index f3524135..599d9805 100644 --- a/assets/js/runtime~main.f3d82d00.js +++ b/assets/js/runtime~main.04e342e4.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,d,f,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=b,r.c=t,e=[],r.O=(a,d,f,c)=>{if(!d){var b=1/0;for(i=0;i=c)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,c0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[d,f,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({6:"11b90969",53:"935f2afb",148:"13be8a1e",183:"89d38d91",250:"a74a1827",269:"a750a3fc",630:"cbe90695",720:"9ca9c71d",844:"0990f526",853:"9ab8f7d1",879:"edaeddc8",968:"72774278",1050:"546cb4d9",1056:"29fd3f23",1116:"438e8225",1307:"d167f918",1396:"b1e2dded",1615:"cc1a5c0f",1679:"b7c49b8c",1787:"8ca40f61",2e3:"ec08bd07",2053:"da36dd90",2074:"dfb0c3d7",2140:"cb766aa0",2165:"1d6bf8c1",2204:"ff7bfaf6",2439:"d1e9b6be",2485:"dffcbc82",2517:"2d30e6f2",2528:"2eff4421",2635:"e6a17842",2826:"99a77ec3",2855:"70a62832",2865:"1b28f0da",2925:"0154257d",2952:"9dc556d5",2976:"1ba09cfb",3041:"f27806ea",3186:"2040f1de",3375:"7b1944dc",3389:"6c05f899",3423:"bb847c1f",3456:"7e4ca474",3496:"fde0b750",3744:"026870e1",4195:"c4f5d8e4",4225:"bfa335b6",4298:"b491523f",4368:"a94703ab",4412:"9919b06e",4557:"8c09611c",4618:"b106227b",4662:"95d426ea",4741:"74bf304f",4770:"62e979cf",4803:"4a5effae",4862:"c030233b",5080:"67b91eab",5131:"e8dd4c91",5144:"24235d4e",5162:"b0a97d71",5200:"624bf5a2",5243:"a40735a3",5351:"904c7534",5395:"2ecd182a",5476:"b964090f",5713:"4539ebe2",5794:"d109cac8",6188:"9683dfaf",6328:"202ba1c4",6502:"7f0dacfb",6627:"2ac7c7ed",6921:"3bf2224c",7009:"201b3e71",7302:"feecf3ec",7328:"63bd6620",7377:"39a080d1",7391:"000b16df",7393:"aa36961f",7432:"23383d69",7460:"c45c3d96",7698:"6f8e50fd",7898:"b963d311",7907:"4f3dea56",7912:"5de581de",7918:"17896441",7920:"1a4e3797",7945:"78fe8b07",7988:"42c23574",8022:"487ba6af",8266:"c5e4a08a",8306:"1a627bda",8426:"b8349752",8484:"dc508df5",8518:"a7bd4aaa",8564:"99088da8",8567:"ce0aee51",8768:"b6473784",9056:"4ef87d8d",9080:"2b5eae4e",9093:"0b4c2791",9315:"6525031d",9584:"ff938bb8",9661:"5e95c892",9669:"6b7ab60b",9866:"138b836a"}[e]||e)+"."+{6:"46fa7d52",53:"f348c424",67:"f9eb907b",148:"e5fa0436",183:"265ef1b6",250:"27b13234",269:"9e9e924f",630:"9237ca35",720:"d2c9d26a",844:"4ad89593",853:"5ec414bf",879:"8054ea8a",968:"cc927ba4",1050:"df039a13",1056:"b46e05b1",1116:"6e7ca704",1307:"5b2ae11d",1396:"b843ab5f",1615:"fb8cbb03",1679:"188aedb0",1787:"2774ee38",2e3:"028e0311",2053:"eda1953f",2074:"2bbd2913",2140:"97637136",2165:"eb4ef984",2204:"921e5b53",2439:"bed605d6",2485:"6493d0ac",2517:"84ceb656",2528:"3abef5cd",2635:"53240abf",2826:"7632f988",2855:"41b27377",2865:"47ca01d5",2925:"1cddec31",2952:"b2273ece",2976:"a81a8db0",3041:"d7843d72",3186:"97a75397",3375:"4335440a",3389:"c4ecfc04",3423:"c132fe4e",3456:"fd381aec",3496:"1362cd6a",3744:"32210ff0",4120:"d5a189e9",4195:"eddb2beb",4225:"a3a30ea9",4298:"12980478",4368:"9efa88af",4412:"34bb9dda",4557:"382f5e61",4618:"1e6be885",4662:"49a721ff",4741:"2d7ec800",4770:"9161ec24",4803:"bf4c180f",4862:"0b9332f5",5080:"528fd11f",5131:"18abdd6c",5144:"e3a6cda4",5162:"d98b5230",5200:"04729230",5243:"9c735386",5351:"5fff2b2c",5395:"75b4024a",5476:"59512d2c",5713:"466c405c",5794:"6572de75",6188:"be1a21eb",6328:"5a8f36f0",6502:"299ae77d",6627:"2a6c76ac",6706:"15ebc1ea",6921:"7949b5ae",7009:"71c6310f",7302:"49179928",7328:"58205713",7377:"ab055a9d",7391:"8cee8509",7393:"0338887e",7432:"178878bf",7460:"4c4838e3",7584:"d618ebe5",7698:"cbf59f9a",7837:"d0a9416d",7898:"8524b87c",7907:"3f2f7faf",7912:"674affd5",7918:"d441c5ac",7920:"789b5e92",7945:"277b0de8",7988:"3125ca7a",8022:"ccd7b27e",8266:"b5b21c80",8306:"cf951221",8426:"58b65f02",8484:"fe2b30a2",8518:"6f0a95cd",8564:"10a09d15",8567:"2ea55528",8768:"d8bf1e1d",9056:"76d4fc73",9080:"964dcfd8",9093:"06a7af2d",9315:"1da1c908",9584:"7f3ec437",9661:"29331eca",9669:"a62be4ea",9866:"b13095ce"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},c="vgg-docs:",r.l=(e,a,d,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var c=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(d))),a)return a(d)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"7918",72774278:"968","11b90969":"6","935f2afb":"53","13be8a1e":"148","89d38d91":"183",a74a1827:"250",a750a3fc:"269",cbe90695:"630","9ca9c71d":"720","0990f526":"844","9ab8f7d1":"853",edaeddc8:"879","546cb4d9":"1050","29fd3f23":"1056","438e8225":"1116",d167f918:"1307",b1e2dded:"1396",cc1a5c0f:"1615",b7c49b8c:"1679","8ca40f61":"1787",ec08bd07:"2000",da36dd90:"2053",dfb0c3d7:"2074",cb766aa0:"2140","1d6bf8c1":"2165",ff7bfaf6:"2204",d1e9b6be:"2439",dffcbc82:"2485","2d30e6f2":"2517","2eff4421":"2528",e6a17842:"2635","99a77ec3":"2826","70a62832":"2855","1b28f0da":"2865","0154257d":"2925","9dc556d5":"2952","1ba09cfb":"2976",f27806ea:"3041","2040f1de":"3186","7b1944dc":"3375","6c05f899":"3389",bb847c1f:"3423","7e4ca474":"3456",fde0b750:"3496","026870e1":"3744",c4f5d8e4:"4195",bfa335b6:"4225",b491523f:"4298",a94703ab:"4368","9919b06e":"4412","8c09611c":"4557",b106227b:"4618","95d426ea":"4662","74bf304f":"4741","62e979cf":"4770","4a5effae":"4803",c030233b:"4862","67b91eab":"5080",e8dd4c91:"5131","24235d4e":"5144",b0a97d71:"5162","624bf5a2":"5200",a40735a3:"5243","904c7534":"5351","2ecd182a":"5395",b964090f:"5476","4539ebe2":"5713",d109cac8:"5794","9683dfaf":"6188","202ba1c4":"6328","7f0dacfb":"6502","2ac7c7ed":"6627","3bf2224c":"6921","201b3e71":"7009",feecf3ec:"7302","63bd6620":"7328","39a080d1":"7377","000b16df":"7391",aa36961f:"7393","23383d69":"7432",c45c3d96:"7460","6f8e50fd":"7698",b963d311:"7898","4f3dea56":"7907","5de581de":"7912","1a4e3797":"7920","78fe8b07":"7945","42c23574":"7988","487ba6af":"8022",c5e4a08a:"8266","1a627bda":"8306",b8349752:"8426",dc508df5:"8484",a7bd4aaa:"8518","99088da8":"8564",ce0aee51:"8567",b6473784:"8768","4ef87d8d":"9056","2b5eae4e":"9080","0b4c2791":"9093","6525031d":"9315",ff938bb8:"9584","5e95c892":"9661","6b7ab60b":"9669","138b836a":"9866"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var c=new Promise(((d,c)=>f=e[a]=[d,c]));d.push(f[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var c=d&&("load"===d.type?"missing":d.type),b=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,c,b=d[0],t=d[1],o=d[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n{"use strict";var e,a,d,f,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=b,r.c=t,e=[],r.O=(a,d,f,c)=>{if(!d){var b=1/0;for(i=0;i=c)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,c0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[d,f,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({6:"11b90969",53:"935f2afb",148:"13be8a1e",183:"89d38d91",250:"a74a1827",269:"a750a3fc",630:"cbe90695",720:"9ca9c71d",844:"0990f526",853:"9ab8f7d1",879:"edaeddc8",968:"72774278",1050:"546cb4d9",1056:"29fd3f23",1116:"438e8225",1307:"d167f918",1396:"b1e2dded",1615:"cc1a5c0f",1679:"b7c49b8c",1787:"8ca40f61",2e3:"ec08bd07",2053:"da36dd90",2074:"dfb0c3d7",2140:"cb766aa0",2165:"1d6bf8c1",2204:"ff7bfaf6",2439:"d1e9b6be",2485:"dffcbc82",2517:"2d30e6f2",2528:"2eff4421",2635:"e6a17842",2826:"99a77ec3",2855:"70a62832",2865:"1b28f0da",2925:"0154257d",2952:"9dc556d5",2976:"1ba09cfb",3041:"f27806ea",3186:"2040f1de",3375:"7b1944dc",3389:"6c05f899",3423:"bb847c1f",3456:"7e4ca474",3496:"fde0b750",3744:"026870e1",4195:"c4f5d8e4",4225:"bfa335b6",4298:"b491523f",4368:"a94703ab",4412:"9919b06e",4557:"8c09611c",4618:"b106227b",4662:"95d426ea",4741:"74bf304f",4770:"62e979cf",4803:"4a5effae",4862:"c030233b",5080:"67b91eab",5131:"e8dd4c91",5144:"24235d4e",5162:"b0a97d71",5200:"624bf5a2",5243:"a40735a3",5351:"904c7534",5395:"2ecd182a",5476:"b964090f",5713:"4539ebe2",5794:"d109cac8",6188:"9683dfaf",6328:"202ba1c4",6502:"7f0dacfb",6627:"2ac7c7ed",6921:"3bf2224c",7009:"201b3e71",7302:"feecf3ec",7328:"63bd6620",7377:"39a080d1",7391:"000b16df",7393:"aa36961f",7432:"23383d69",7460:"c45c3d96",7698:"6f8e50fd",7898:"b963d311",7907:"4f3dea56",7912:"5de581de",7918:"17896441",7920:"1a4e3797",7945:"78fe8b07",7988:"42c23574",8022:"487ba6af",8266:"c5e4a08a",8306:"1a627bda",8426:"b8349752",8484:"dc508df5",8518:"a7bd4aaa",8564:"99088da8",8567:"ce0aee51",8768:"b6473784",9056:"4ef87d8d",9080:"2b5eae4e",9093:"0b4c2791",9315:"6525031d",9584:"ff938bb8",9661:"5e95c892",9669:"6b7ab60b",9866:"138b836a"}[e]||e)+"."+{6:"46fa7d52",53:"f348c424",67:"f9eb907b",148:"e5fa0436",183:"265ef1b6",250:"27b13234",269:"9e9e924f",630:"9237ca35",720:"d2c9d26a",844:"4ad89593",853:"5ec414bf",879:"8054ea8a",968:"cc927ba4",1050:"df039a13",1056:"b46e05b1",1116:"6e7ca704",1307:"5b2ae11d",1396:"64533b78",1615:"fb8cbb03",1679:"188aedb0",1787:"2774ee38",2e3:"028e0311",2053:"eda1953f",2074:"2bbd2913",2140:"97637136",2165:"eb4ef984",2204:"921e5b53",2439:"bed605d6",2485:"6493d0ac",2517:"84ceb656",2528:"3abef5cd",2635:"53240abf",2826:"7632f988",2855:"41b27377",2865:"47ca01d5",2925:"1cddec31",2952:"b2273ece",2976:"a81a8db0",3041:"d7843d72",3186:"97a75397",3375:"4335440a",3389:"c4ecfc04",3423:"c132fe4e",3456:"def2ff85",3496:"1362cd6a",3744:"32210ff0",4120:"d5a189e9",4195:"eddb2beb",4225:"a3a30ea9",4298:"f91507c6",4368:"9efa88af",4412:"34bb9dda",4557:"382f5e61",4618:"1e6be885",4662:"49a721ff",4741:"2d7ec800",4770:"6d883e21",4803:"bf4c180f",4862:"0b9332f5",5080:"528fd11f",5131:"18abdd6c",5144:"e3a6cda4",5162:"d98b5230",5200:"04729230",5243:"9c735386",5351:"5fff2b2c",5395:"75b4024a",5476:"59512d2c",5713:"466c405c",5794:"6572de75",6188:"be1a21eb",6328:"5a8f36f0",6502:"299ae77d",6627:"2a6c76ac",6706:"15ebc1ea",6921:"7949b5ae",7009:"71c6310f",7302:"49179928",7328:"58205713",7377:"fba60d4f",7391:"8cee8509",7393:"0338887e",7432:"178878bf",7460:"4c4838e3",7584:"d618ebe5",7698:"cbf59f9a",7837:"d0a9416d",7898:"8524b87c",7907:"3f2f7faf",7912:"674affd5",7918:"d441c5ac",7920:"789b5e92",7945:"277b0de8",7988:"3125ca7a",8022:"ccd7b27e",8266:"b5b21c80",8306:"cf951221",8426:"58b65f02",8484:"fe2b30a2",8518:"6f0a95cd",8564:"10a09d15",8567:"2ea55528",8768:"d8bf1e1d",9056:"76d4fc73",9080:"964dcfd8",9093:"06a7af2d",9315:"1da1c908",9584:"7f3ec437",9661:"29331eca",9669:"a62be4ea",9866:"b13095ce"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},c="vgg-docs:",r.l=(e,a,d,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var c=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(d))),a)return a(d)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"7918",72774278:"968","11b90969":"6","935f2afb":"53","13be8a1e":"148","89d38d91":"183",a74a1827:"250",a750a3fc:"269",cbe90695:"630","9ca9c71d":"720","0990f526":"844","9ab8f7d1":"853",edaeddc8:"879","546cb4d9":"1050","29fd3f23":"1056","438e8225":"1116",d167f918:"1307",b1e2dded:"1396",cc1a5c0f:"1615",b7c49b8c:"1679","8ca40f61":"1787",ec08bd07:"2000",da36dd90:"2053",dfb0c3d7:"2074",cb766aa0:"2140","1d6bf8c1":"2165",ff7bfaf6:"2204",d1e9b6be:"2439",dffcbc82:"2485","2d30e6f2":"2517","2eff4421":"2528",e6a17842:"2635","99a77ec3":"2826","70a62832":"2855","1b28f0da":"2865","0154257d":"2925","9dc556d5":"2952","1ba09cfb":"2976",f27806ea:"3041","2040f1de":"3186","7b1944dc":"3375","6c05f899":"3389",bb847c1f:"3423","7e4ca474":"3456",fde0b750:"3496","026870e1":"3744",c4f5d8e4:"4195",bfa335b6:"4225",b491523f:"4298",a94703ab:"4368","9919b06e":"4412","8c09611c":"4557",b106227b:"4618","95d426ea":"4662","74bf304f":"4741","62e979cf":"4770","4a5effae":"4803",c030233b:"4862","67b91eab":"5080",e8dd4c91:"5131","24235d4e":"5144",b0a97d71:"5162","624bf5a2":"5200",a40735a3:"5243","904c7534":"5351","2ecd182a":"5395",b964090f:"5476","4539ebe2":"5713",d109cac8:"5794","9683dfaf":"6188","202ba1c4":"6328","7f0dacfb":"6502","2ac7c7ed":"6627","3bf2224c":"6921","201b3e71":"7009",feecf3ec:"7302","63bd6620":"7328","39a080d1":"7377","000b16df":"7391",aa36961f:"7393","23383d69":"7432",c45c3d96:"7460","6f8e50fd":"7698",b963d311:"7898","4f3dea56":"7907","5de581de":"7912","1a4e3797":"7920","78fe8b07":"7945","42c23574":"7988","487ba6af":"8022",c5e4a08a:"8266","1a627bda":"8306",b8349752:"8426",dc508df5:"8484",a7bd4aaa:"8518","99088da8":"8564",ce0aee51:"8567",b6473784:"8768","4ef87d8d":"9056","2b5eae4e":"9080","0b4c2791":"9093","6525031d":"9315",ff938bb8:"9584","5e95c892":"9661","6b7ab60b":"9669","138b836a":"9866"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var c=new Promise(((d,c)=>f=e[a]=[d,c]));d.push(f[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var c=d&&("load"===d.type?"missing":d.type),b=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,c,b=d[0],t=d[1],o=d[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n VGG Containers | VGG Docs - + diff --git a/examples/overview.html b/examples/overview.html index e3889fff..b49d599f 100644 --- a/examples/overview.html +++ b/examples/overview.html @@ -4,7 +4,7 @@ VGG Examples | VGG Docs - + diff --git a/guides/overview.html b/guides/overview.html index 1c2f7b55..9ab735e1 100644 --- a/guides/overview.html +++ b/guides/overview.html @@ -4,7 +4,7 @@ VGG Overview | VGG Docs - + diff --git a/guides/step-1-design.html b/guides/step-1-design.html index b1a6eac3..aff776e1 100644 --- a/guides/step-1-design.html +++ b/guides/step-1-design.html @@ -4,7 +4,7 @@ Step 1: Design | VGG Docs - + diff --git a/guides/step-2-develop.html b/guides/step-2-develop.html index 9243c407..9391b407 100644 --- a/guides/step-2-develop.html +++ b/guides/step-2-develop.html @@ -4,7 +4,7 @@ Step 2: Develop | VGG Docs - + diff --git a/guides/step-3-deploy.html b/guides/step-3-deploy.html index 263f5e65..5cb00b5a 100644 --- a/guides/step-3-deploy.html +++ b/guides/step-3-deploy.html @@ -4,7 +4,7 @@ Step 3: Deploy | VGG Docs - + diff --git a/guides/z-faq.html b/guides/z-faq.html index 6ed21945..e31916b9 100644 --- a/guides/z-faq.html +++ b/guides/z-faq.html @@ -4,7 +4,7 @@ FAQ | VGG Docs - + diff --git a/index.html b/index.html index e7b2ac08..f4dd253f 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ VGG Docs - + diff --git a/search.html b/search.html index 7df5366f..85ba9fdc 100644 --- a/search.html +++ b/search.html @@ -4,7 +4,7 @@ Search the documentation | VGG Docs - + diff --git a/specs/3d.html b/specs/3d.html index c58fc5bc..b4265388 100644 --- a/specs/3d.html +++ b/specs/3d.html @@ -4,7 +4,7 @@ 3D Spec (WIP) | VGG Docs - + diff --git a/specs/animation.html b/specs/animation.html index c8535bb8..9f5dc8ba 100644 --- a/specs/animation.html +++ b/specs/animation.html @@ -4,7 +4,7 @@ Animation Spec (WIP) | VGG Docs - + diff --git a/specs/file.html b/specs/file.html index ff5e3246..70e2c21d 100644 --- a/specs/file.html +++ b/specs/file.html @@ -4,7 +4,7 @@ File Spec | VGG Docs - + diff --git a/specs/layout/alignment.html b/specs/layout/alignment.html index f37739df..a953278e 100644 --- a/specs/layout/alignment.html +++ b/specs/layout/alignment.html @@ -4,7 +4,7 @@ Alignment | VGG Docs - + diff --git a/specs/layout/column-width.html b/specs/layout/column-width.html index af7b75fd..6123afc0 100644 --- a/specs/layout/column-width.html +++ b/specs/layout/column-width.html @@ -4,7 +4,7 @@ ColumnWidth | VGG Docs - + diff --git a/specs/layout/dynamic-column.html b/specs/layout/dynamic-column.html index a6e7ee07..beb69f86 100644 --- a/specs/layout/dynamic-column.html +++ b/specs/layout/dynamic-column.html @@ -4,7 +4,7 @@ DynamicColumn | VGG Docs - + diff --git a/specs/layout/flexbox-item.html b/specs/layout/flexbox-item.html index a9cd2cbc..8370a0dc 100644 --- a/specs/layout/flexbox-item.html +++ b/specs/layout/flexbox-item.html @@ -4,7 +4,7 @@ FlexboxItem | VGG Docs - + diff --git a/specs/layout/flexbox-layout.html b/specs/layout/flexbox-layout.html index 25d15443..162cd9b4 100644 --- a/specs/layout/flexbox-layout.html +++ b/specs/layout/flexbox-layout.html @@ -4,7 +4,7 @@ FlexboxLayout | VGG Docs - + diff --git a/specs/layout/grid-item-pos.html b/specs/layout/grid-item-pos.html index 4e4aeccf..63a1554a 100644 --- a/specs/layout/grid-item-pos.html +++ b/specs/layout/grid-item-pos.html @@ -4,7 +4,7 @@ GridItemPos | VGG Docs - + diff --git a/specs/layout/grid-item.html b/specs/layout/grid-item.html index fa6e1a17..0780575f 100644 --- a/specs/layout/grid-item.html +++ b/specs/layout/grid-item.html @@ -4,7 +4,7 @@ GridItem | VGG Docs - + diff --git a/specs/layout/grid-layout.html b/specs/layout/grid-layout.html index f991c09f..2a74f671 100644 --- a/specs/layout/grid-layout.html +++ b/specs/layout/grid-layout.html @@ -4,7 +4,7 @@ GridLayout | VGG Docs - + diff --git a/specs/layout/height.html b/specs/layout/height.html index b228c6e5..066049d1 100644 --- a/specs/layout/height.html +++ b/specs/layout/height.html @@ -4,7 +4,7 @@ Height | VGG Docs - + diff --git a/specs/layout/length.html b/specs/layout/length.html index 755965e2..1025cdeb 100644 --- a/specs/layout/length.html +++ b/specs/layout/length.html @@ -4,7 +4,7 @@ Length | VGG Docs - + diff --git a/specs/layout/max-height.html b/specs/layout/max-height.html index 9a8987b0..0a97db37 100644 --- a/specs/layout/max-height.html +++ b/specs/layout/max-height.html @@ -4,7 +4,7 @@ MaxHeight | VGG Docs - + diff --git a/specs/layout/max-width.html b/specs/layout/max-width.html index 06c35213..3cc96c3b 100644 --- a/specs/layout/max-width.html +++ b/specs/layout/max-width.html @@ -4,7 +4,7 @@ MaxWidth | VGG Docs - + diff --git a/specs/layout/min-height.html b/specs/layout/min-height.html index 8da5eff2..a5894f4c 100644 --- a/specs/layout/min-height.html +++ b/specs/layout/min-height.html @@ -4,7 +4,7 @@ MinHeight | VGG Docs - + diff --git a/specs/layout/min-width.html b/specs/layout/min-width.html index 3b0489c2..5ce00eda 100644 --- a/specs/layout/min-width.html +++ b/specs/layout/min-width.html @@ -4,7 +4,7 @@ MinWidth | VGG Docs - + diff --git a/specs/layout/object.html b/specs/layout/object.html index 14184dc1..8efd40c6 100644 --- a/specs/layout/object.html +++ b/specs/layout/object.html @@ -4,11 +4,11 @@ Object | VGG Docs - + -

Object

Typeobject
+

Object

Typeobject
Backlinks1

This property provides control over the layout-related properties of design elements, including controlling the size, position, and layout behavior of elements to ensure their correct display and layout on the page.

PropertyTypeRequired
classstringRequired
idstringRequired
layoutoneOf<FlexboxLayoutGridLayout>Optional
itemInLayoutoneOf<FlexboxItemGridItem>Optional
widthWidthRequired
maxWidthMaxWidthOptional
minWidthMinWidthOptional
heightHeightRequired
maxHeightMaxHeightOptional
minHeightMinHeightOptional
aspectRationumberOptional

class

Required

Type

string

Value

constant: the value of this property must be equal to:

"object"
@@ -21,6 +21,7 @@

height

Required

Description

no description

Type

Height

maxHeight

Optional

Description

no description

minHeight

Optional

Description

no description

-

aspectRatio

Optional

Description

This property refers to the proportional relationship between the width and height of an element. This property can be used to define the aspect ratio of an element, allowing you to set the desired width-to-height ratio. It ensures that the element maintains the same aspect ratio in containers of different sizes.

Type

number

Value

minimum (exclusive): the value of this number must be greater than: 0

+

aspectRatio

Optional

Description

This property refers to the proportional relationship between the width and height of an element. This property can be used to define the aspect ratio of an element, allowing you to set the desired width-to-height ratio. It ensures that the element maintains the same aspect ratio in containers of different sizes.

Type

number

Value

minimum (exclusive): the value of this number must be greater than: 0

+
\ No newline at end of file diff --git a/specs/layout/overview.html b/specs/layout/overview.html index ff05d57e..7384e5d0 100644 --- a/specs/layout/overview.html +++ b/specs/layout/overview.html @@ -4,7 +4,7 @@ Layout | VGG Docs - + diff --git a/specs/layout/position.html b/specs/layout/position.html index 5270db20..eb6ce8bf 100644 --- a/specs/layout/position.html +++ b/specs/layout/position.html @@ -4,7 +4,7 @@ Position | VGG Docs - + diff --git a/specs/layout/row-height.html b/specs/layout/row-height.html index 44b6cf43..1becb398 100644 --- a/specs/layout/row-height.html +++ b/specs/layout/row-height.html @@ -4,7 +4,7 @@ RowHeight | VGG Docs - + diff --git a/specs/layout/width.html b/specs/layout/width.html index 1a37b42c..a46e840a 100644 --- a/specs/layout/width.html +++ b/specs/layout/width.html @@ -4,7 +4,7 @@ Width | VGG Docs - + diff --git a/specs/overview.html b/specs/overview.html index a8a86d06..96eda88f 100644 --- a/specs/overview.html +++ b/specs/overview.html @@ -4,7 +4,7 @@ Specs Overview | VGG Docs - + diff --git a/specs/script.html b/specs/script.html index b64cf6a1..183d8790 100644 --- a/specs/script.html +++ b/specs/script.html @@ -4,7 +4,7 @@ Script Spec (WIP) | VGG Docs - + diff --git a/specs/vectorgraphics/alpha-mask.html b/specs/vectorgraphics/alpha-mask.html index 131b2450..40d7e34c 100644 --- a/specs/vectorgraphics/alpha-mask.html +++ b/specs/vectorgraphics/alpha-mask.html @@ -4,7 +4,7 @@ AlphaMask | VGG Docs - + diff --git a/specs/vectorgraphics/blend-mode.html b/specs/vectorgraphics/blend-mode.html index c3208c02..a297d7c2 100644 --- a/specs/vectorgraphics/blend-mode.html +++ b/specs/vectorgraphics/blend-mode.html @@ -4,7 +4,7 @@ BlendMode | VGG Docs - + diff --git a/specs/vectorgraphics/blur-type.html b/specs/vectorgraphics/blur-type.html index a58309f7..ee0c5f0e 100644 --- a/specs/vectorgraphics/blur-type.html +++ b/specs/vectorgraphics/blur-type.html @@ -4,7 +4,7 @@ BlurType | VGG Docs - + diff --git a/specs/vectorgraphics/blur.html b/specs/vectorgraphics/blur.html index 8a96b360..92209390 100644 --- a/specs/vectorgraphics/blur.html +++ b/specs/vectorgraphics/blur.html @@ -4,7 +4,7 @@ Blur | VGG Docs - + diff --git a/specs/vectorgraphics/border-position.html b/specs/vectorgraphics/border-position.html index dfae546f..54317754 100644 --- a/specs/vectorgraphics/border-position.html +++ b/specs/vectorgraphics/border-position.html @@ -4,7 +4,7 @@ BorderPosition | VGG Docs - + diff --git a/specs/vectorgraphics/border.html b/specs/vectorgraphics/border.html index 48cc36da..c67758e6 100644 --- a/specs/vectorgraphics/border.html +++ b/specs/vectorgraphics/border.html @@ -4,7 +4,7 @@ Border | VGG Docs - + diff --git a/specs/vectorgraphics/color-controls.html b/specs/vectorgraphics/color-controls.html index db945204..c9185e0c 100644 --- a/specs/vectorgraphics/color-controls.html +++ b/specs/vectorgraphics/color-controls.html @@ -4,7 +4,7 @@ ColorControls | VGG Docs - + diff --git a/specs/vectorgraphics/color.html b/specs/vectorgraphics/color.html index 7fd2d129..92454380 100644 --- a/specs/vectorgraphics/color.html +++ b/specs/vectorgraphics/color.html @@ -4,7 +4,7 @@ Color | VGG Docs - + diff --git a/specs/vectorgraphics/constraint.html b/specs/vectorgraphics/constraint.html index 2e61a49f..8e178b1e 100644 --- a/specs/vectorgraphics/constraint.html +++ b/specs/vectorgraphics/constraint.html @@ -4,7 +4,7 @@ Constraint | VGG Docs - + diff --git a/specs/vectorgraphics/contour.html b/specs/vectorgraphics/contour.html index 347489b5..fb2e8c27 100644 --- a/specs/vectorgraphics/contour.html +++ b/specs/vectorgraphics/contour.html @@ -4,7 +4,7 @@ Contour | VGG Docs - + diff --git a/specs/vectorgraphics/ellipse.html b/specs/vectorgraphics/ellipse.html index d8d61781..76eda683 100644 --- a/specs/vectorgraphics/ellipse.html +++ b/specs/vectorgraphics/ellipse.html @@ -4,7 +4,7 @@ Ellipse | VGG Docs - + diff --git a/specs/vectorgraphics/fill-type.html b/specs/vectorgraphics/fill-type.html index 16ac350b..8402fdea 100644 --- a/specs/vectorgraphics/fill-type.html +++ b/specs/vectorgraphics/fill-type.html @@ -4,7 +4,7 @@ FillType | VGG Docs - + diff --git a/specs/vectorgraphics/fill.html b/specs/vectorgraphics/fill.html index ad9ede42..2147e847 100644 --- a/specs/vectorgraphics/fill.html +++ b/specs/vectorgraphics/fill.html @@ -4,7 +4,7 @@ Fill | VGG Docs - + diff --git a/specs/vectorgraphics/font-attr.html b/specs/vectorgraphics/font-attr.html index 64970ade..cb1d2e5f 100644 --- a/specs/vectorgraphics/font-attr.html +++ b/specs/vectorgraphics/font-attr.html @@ -4,7 +4,7 @@ FontAttr | VGG Docs - + diff --git a/specs/vectorgraphics/font-variation.html b/specs/vectorgraphics/font-variation.html index 68a51b2d..8c41c7ec 100644 --- a/specs/vectorgraphics/font-variation.html +++ b/specs/vectorgraphics/font-variation.html @@ -4,7 +4,7 @@ FontVariation | VGG Docs - + diff --git a/specs/vectorgraphics/frame.html b/specs/vectorgraphics/frame.html index 51584b00..1a0e3a6f 100644 --- a/specs/vectorgraphics/frame.html +++ b/specs/vectorgraphics/frame.html @@ -4,11 +4,11 @@ Frame | VGG Docs - + -

Frame

Typeobject
Backlinks5
+

Frame

Typeobject
Backlinks6

A frame is an object that can be rendered and a container that holds objects. In contrast to a group, a group is not an object but rather a collection of objects. For example: @@ -50,6 +50,6 @@

class

Required

Type

string

Value

constant: the value of this property must be equal to:

"frame"

radius

Optional

Description

The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom. Default value is [0, 0, 0, 0].

Type

Array<number>

Value

maximum number of items: the maximum number of items for this array is: 4

minimum number of items: the minimum number of items for this array is: 4

-
+
\ No newline at end of file diff --git a/specs/vectorgraphics/gradient-angular.html b/specs/vectorgraphics/gradient-angular.html index a9a560ed..9ced4dee 100644 --- a/specs/vectorgraphics/gradient-angular.html +++ b/specs/vectorgraphics/gradient-angular.html @@ -4,7 +4,7 @@ GradientAngular | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-basic-geometry.html b/specs/vectorgraphics/gradient-basic-geometry.html index ed28ee23..4e3cc16c 100644 --- a/specs/vectorgraphics/gradient-basic-geometry.html +++ b/specs/vectorgraphics/gradient-basic-geometry.html @@ -4,7 +4,7 @@ GradientBasicGeometry | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-basic.html b/specs/vectorgraphics/gradient-basic.html index 1dc40c60..02c988ff 100644 --- a/specs/vectorgraphics/gradient-basic.html +++ b/specs/vectorgraphics/gradient-basic.html @@ -4,7 +4,7 @@ GradientBasic | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-diamond.html b/specs/vectorgraphics/gradient-diamond.html index 3a90333b..4f64a21e 100644 --- a/specs/vectorgraphics/gradient-diamond.html +++ b/specs/vectorgraphics/gradient-diamond.html @@ -4,7 +4,7 @@ GradientDiamond | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-hilight.html b/specs/vectorgraphics/gradient-hilight.html index 6b332554..4c028fce 100644 --- a/specs/vectorgraphics/gradient-hilight.html +++ b/specs/vectorgraphics/gradient-hilight.html @@ -4,7 +4,7 @@ GradientHilight | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-linear.html b/specs/vectorgraphics/gradient-linear.html index 2aa6d700..3214682c 100644 --- a/specs/vectorgraphics/gradient-linear.html +++ b/specs/vectorgraphics/gradient-linear.html @@ -4,7 +4,7 @@ GradientLinear | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-radial.html b/specs/vectorgraphics/gradient-radial.html index 4c83feb2..70d4c6d4 100644 --- a/specs/vectorgraphics/gradient-radial.html +++ b/specs/vectorgraphics/gradient-radial.html @@ -4,7 +4,7 @@ GradientRadial | VGG Docs - + diff --git a/specs/vectorgraphics/gradient-stop.html b/specs/vectorgraphics/gradient-stop.html index b3ddae3a..f0a3d3b4 100644 --- a/specs/vectorgraphics/gradient-stop.html +++ b/specs/vectorgraphics/gradient-stop.html @@ -4,7 +4,7 @@ GradientStop | VGG Docs - + diff --git a/specs/vectorgraphics/gradient.html b/specs/vectorgraphics/gradient.html index f05271f8..a2ad8e21 100644 --- a/specs/vectorgraphics/gradient.html +++ b/specs/vectorgraphics/gradient.html @@ -4,7 +4,7 @@ Gradient | VGG Docs - + diff --git a/specs/vectorgraphics/graphics-context-settings.html b/specs/vectorgraphics/graphics-context-settings.html index 1a7f6450..0d845328 100644 --- a/specs/vectorgraphics/graphics-context-settings.html +++ b/specs/vectorgraphics/graphics-context-settings.html @@ -4,7 +4,7 @@ GraphicsContextSettings | VGG Docs - + diff --git a/specs/vectorgraphics/group.html b/specs/vectorgraphics/group.html index 04d48156..610039cc 100644 --- a/specs/vectorgraphics/group.html +++ b/specs/vectorgraphics/group.html @@ -4,7 +4,7 @@ Group | VGG Docs - + diff --git a/specs/vectorgraphics/image-adjust.html b/specs/vectorgraphics/image-adjust.html index c2b8acf4..2b27537e 100644 --- a/specs/vectorgraphics/image-adjust.html +++ b/specs/vectorgraphics/image-adjust.html @@ -4,7 +4,7 @@ ImageAdjust | VGG Docs - + diff --git a/specs/vectorgraphics/image-filters.html b/specs/vectorgraphics/image-filters.html index a6bbf7f3..5ba8220e 100644 --- a/specs/vectorgraphics/image-filters.html +++ b/specs/vectorgraphics/image-filters.html @@ -4,7 +4,7 @@ ImageFilters | VGG Docs - + diff --git a/specs/vectorgraphics/image.html b/specs/vectorgraphics/image.html index 67fbf50d..6fc684ac 100644 --- a/specs/vectorgraphics/image.html +++ b/specs/vectorgraphics/image.html @@ -4,7 +4,7 @@ Image | VGG Docs - + diff --git a/specs/vectorgraphics/line-cap-style.html b/specs/vectorgraphics/line-cap-style.html index da560404..afbc0e64 100644 --- a/specs/vectorgraphics/line-cap-style.html +++ b/specs/vectorgraphics/line-cap-style.html @@ -4,7 +4,7 @@ LineCapStyle | VGG Docs - + diff --git a/specs/vectorgraphics/line-join-style.html b/specs/vectorgraphics/line-join-style.html index 42360fe2..62a2f49a 100644 --- a/specs/vectorgraphics/line-join-style.html +++ b/specs/vectorgraphics/line-join-style.html @@ -4,7 +4,7 @@ LineJoinStyle | VGG Docs - + diff --git a/specs/vectorgraphics/marker-type.html b/specs/vectorgraphics/marker-type.html index a3286daf..dd5cc339 100644 --- a/specs/vectorgraphics/marker-type.html +++ b/specs/vectorgraphics/marker-type.html @@ -4,7 +4,7 @@ MarkerType | VGG Docs - + diff --git a/specs/vectorgraphics/matrix.html b/specs/vectorgraphics/matrix.html index cf5aa1ee..f2a294be 100644 --- a/specs/vectorgraphics/matrix.html +++ b/specs/vectorgraphics/matrix.html @@ -4,7 +4,7 @@ Matrix | VGG Docs - + diff --git a/specs/vectorgraphics/override-value.html b/specs/vectorgraphics/override-value.html index 608db22b..8b5edcab 100644 --- a/specs/vectorgraphics/override-value.html +++ b/specs/vectorgraphics/override-value.html @@ -4,7 +4,7 @@ OverrideValue | VGG Docs - + diff --git a/specs/vectorgraphics/overview.html b/specs/vectorgraphics/overview.html index 3a69288c..bcafb72d 100644 --- a/specs/vectorgraphics/overview.html +++ b/specs/vectorgraphics/overview.html @@ -4,7 +4,7 @@ Vector Graphics Spec | VGG Docs - + diff --git a/specs/vectorgraphics/path.html b/specs/vectorgraphics/path.html index 7f516adf..dff85197 100644 --- a/specs/vectorgraphics/path.html +++ b/specs/vectorgraphics/path.html @@ -4,7 +4,7 @@ Path | VGG Docs - + diff --git a/specs/vectorgraphics/pattern-image-fill.html b/specs/vectorgraphics/pattern-image-fill.html index 839559aa..e739a0a6 100644 --- a/specs/vectorgraphics/pattern-image-fill.html +++ b/specs/vectorgraphics/pattern-image-fill.html @@ -4,7 +4,7 @@ PatternImageFill | VGG Docs - + diff --git a/specs/vectorgraphics/pattern-image-fit.html b/specs/vectorgraphics/pattern-image-fit.html index 3a90d929..f744bfa7 100644 --- a/specs/vectorgraphics/pattern-image-fit.html +++ b/specs/vectorgraphics/pattern-image-fit.html @@ -4,7 +4,7 @@ PatternImageFit | VGG Docs - + diff --git a/specs/vectorgraphics/pattern-image-stretch.html b/specs/vectorgraphics/pattern-image-stretch.html index f57f2b31..307161c2 100644 --- a/specs/vectorgraphics/pattern-image-stretch.html +++ b/specs/vectorgraphics/pattern-image-stretch.html @@ -4,7 +4,7 @@ PatternImageStretch | VGG Docs - + diff --git a/specs/vectorgraphics/pattern-image-tile.html b/specs/vectorgraphics/pattern-image-tile.html index 67c2f61d..900652ca 100644 --- a/specs/vectorgraphics/pattern-image-tile.html +++ b/specs/vectorgraphics/pattern-image-tile.html @@ -4,7 +4,7 @@ PatternImageTile | VGG Docs - + diff --git a/specs/vectorgraphics/pattern-layer-def.html b/specs/vectorgraphics/pattern-layer-def.html index 6242dd26..99184243 100644 --- a/specs/vectorgraphics/pattern-layer-def.html +++ b/specs/vectorgraphics/pattern-layer-def.html @@ -4,11 +4,11 @@ PatternLayerDef | VGG Docs - + -

PatternLayerDef

Typeobject
+

PatternLayerDef

Typeobject
Backlinks1

Contains objects to define a global pattern.

PropertyTypeRequired
idstringRequired
namestringOptional
isLockedbooleanRequired
visiblebooleanRequired
contextSettingsGraphicsContextSettingsRequired
styleStyleRequired
boundsRectRequired
frameRectOptional
matrixMatrixRequired
alphaMaskByArray<AlphaMask>Required
outlineMaskByArray<string>Required
maskTypeintegerRequired
styleEffectMaskAreaintegerRequired
maskShowTypeintegerOptional
overflowintegerRequired
cornerSmoothingnumberOptional
overrideKeystringOptional
horizontalConstraintConstraintOptional
verticalConstraintConstraintOptional
resizesContentintegerOptional
keepShapeWhenResizebooleanOptional
variableDefsArray<VariableDef>Optional
variableRefsArray<VariableRef>Optional
styleEffectBooleanintegerOptional
childObjectsArray<PathImageTextGroupFrameSymbolInstanceSymbolMaster>Required
classstringRequired
patternBoundingBoxArray<number>Required

id

Required

Description

ID of the object, globally unique.

Type

string

@@ -44,6 +44,7 @@

childObjects

Required

Description

A list of all child objects. Note: The child object that appears later in the list will be displayed above the one that appears first.

class

Required

Type

string

Value

constant: the value of this property must be equal to:

"patternLayerDef"
-

patternBoundingBox

Required

Description

no description

Type

Array<number>

Value

maximum number of items: the maximum number of items for this array is: 4

minimum number of items: the minimum number of items for this array is: 4

+

patternBoundingBox

Required

Description

no description

Type

Array<number>

Value

maximum number of items: the maximum number of items for this array is: 4

minimum number of items: the minimum number of items for this array is: 4

+
\ No newline at end of file diff --git a/specs/vectorgraphics/pattern-layer-instance.html b/specs/vectorgraphics/pattern-layer-instance.html index e2ba8c67..dee8a732 100644 --- a/specs/vectorgraphics/pattern-layer-instance.html +++ b/specs/vectorgraphics/pattern-layer-instance.html @@ -4,7 +4,7 @@ PatternLayerInstance | VGG Docs - + diff --git a/specs/vectorgraphics/pattern.html b/specs/vectorgraphics/pattern.html index a1034050..3840abb1 100644 --- a/specs/vectorgraphics/pattern.html +++ b/specs/vectorgraphics/pattern.html @@ -4,7 +4,7 @@ Pattern | VGG Docs - + diff --git a/specs/vectorgraphics/point-attr.html b/specs/vectorgraphics/point-attr.html index 1bbcfd6a..0a871acd 100644 --- a/specs/vectorgraphics/point-attr.html +++ b/specs/vectorgraphics/point-attr.html @@ -4,7 +4,7 @@ PointAttr | VGG Docs - + diff --git a/specs/vectorgraphics/point.html b/specs/vectorgraphics/point.html index 6b0d9c55..190f6fba 100644 --- a/specs/vectorgraphics/point.html +++ b/specs/vectorgraphics/point.html @@ -4,7 +4,7 @@ Point | VGG Docs - + diff --git a/specs/vectorgraphics/polygon.html b/specs/vectorgraphics/polygon.html index 23fefe2c..201af5e4 100644 --- a/specs/vectorgraphics/polygon.html +++ b/specs/vectorgraphics/polygon.html @@ -4,7 +4,7 @@ Polygon | VGG Docs - + diff --git a/specs/vectorgraphics/rect.html b/specs/vectorgraphics/rect.html index 6a9ce314..b81d9cd2 100644 --- a/specs/vectorgraphics/rect.html +++ b/specs/vectorgraphics/rect.html @@ -4,7 +4,7 @@ Rect | VGG Docs - + diff --git a/specs/vectorgraphics/rectangle.html b/specs/vectorgraphics/rectangle.html index 31184646..ec02e982 100644 --- a/specs/vectorgraphics/rectangle.html +++ b/specs/vectorgraphics/rectangle.html @@ -4,7 +4,7 @@ Rectangle | VGG Docs - + diff --git a/specs/vectorgraphics/referenced-style.html b/specs/vectorgraphics/referenced-style.html index 91b605b5..d6555454 100644 --- a/specs/vectorgraphics/referenced-style.html +++ b/specs/vectorgraphics/referenced-style.html @@ -4,16 +4,17 @@ ReferencedStyle | VGG Docs - + -

ReferencedStyle

Typeobject
+

ReferencedStyle

Typeobject
Backlinks1
PropertyTypeRequired
classstringRequired
idstringRequired
styleStyleRequired
contextSettingsGraphicsContextSettingsOptional
fontAttrFontAttrOptional

class

Required

Type

string

Value

constant: the value of this property must be equal to:

"referencedStyle"

id

Required

Description

ID of the referenced style, globally unique.

Type

string

style

Required

Description

The style attributes.

Type

Style

contextSettings

Optional

Description

The opacity and blending-related configurations.

-

fontAttr

Optional

Description

Font attributes only affect for text objects.

+

fontAttr

Optional

Description

Font attributes only affect for text objects.

+
\ No newline at end of file diff --git a/specs/vectorgraphics/shadow.html b/specs/vectorgraphics/shadow.html index 89e1f5a5..6d647161 100644 --- a/specs/vectorgraphics/shadow.html +++ b/specs/vectorgraphics/shadow.html @@ -4,7 +4,7 @@ Shadow | VGG Docs - + diff --git a/specs/vectorgraphics/shape.html b/specs/vectorgraphics/shape.html index 17c60921..ba16852e 100644 --- a/specs/vectorgraphics/shape.html +++ b/specs/vectorgraphics/shape.html @@ -4,7 +4,7 @@ Shape | VGG Docs - + diff --git a/specs/vectorgraphics/star.html b/specs/vectorgraphics/star.html index b9c1bdca..d5fadfbc 100644 --- a/specs/vectorgraphics/star.html +++ b/specs/vectorgraphics/star.html @@ -4,7 +4,7 @@ Star | VGG Docs - + diff --git a/specs/vectorgraphics/style.html b/specs/vectorgraphics/style.html index fcdd4c7a..9be9d854 100644 --- a/specs/vectorgraphics/style.html +++ b/specs/vectorgraphics/style.html @@ -4,7 +4,7 @@ Style | VGG Docs - + diff --git a/specs/vectorgraphics/sub-shape.html b/specs/vectorgraphics/sub-shape.html index ce8a1e69..c089dbc0 100644 --- a/specs/vectorgraphics/sub-shape.html +++ b/specs/vectorgraphics/sub-shape.html @@ -4,7 +4,7 @@ SubShape | VGG Docs - + diff --git a/specs/vectorgraphics/symbol-instance.html b/specs/vectorgraphics/symbol-instance.html index c73cbdd4..0952ada5 100644 --- a/specs/vectorgraphics/symbol-instance.html +++ b/specs/vectorgraphics/symbol-instance.html @@ -4,7 +4,7 @@ SymbolInstance | VGG Docs - + diff --git a/specs/vectorgraphics/symbol-master.html b/specs/vectorgraphics/symbol-master.html index ea5fe7ed..b0ef1016 100644 --- a/specs/vectorgraphics/symbol-master.html +++ b/specs/vectorgraphics/symbol-master.html @@ -4,11 +4,11 @@ SymbolMaster | VGG Docs - + -

SymbolMaster

Typeobject
Backlinks5
+

SymbolMaster

Typeobject
Backlinks6

A symbol master is a reusable object that contains a group of objects.

PropertyTypeRequired
idstringRequired
namestringOptional
isLockedbooleanRequired
visiblebooleanRequired
contextSettingsGraphicsContextSettingsRequired
styleStyleRequired
boundsRectRequired
frameRectOptional
matrixMatrixRequired
alphaMaskByArray<AlphaMask>Required
outlineMaskByArray<string>Required
maskTypeintegerRequired
styleEffectMaskAreaintegerRequired
maskShowTypeintegerOptional
overflowintegerRequired
cornerSmoothingnumberOptional
overrideKeystringOptional
horizontalConstraintConstraintOptional
verticalConstraintConstraintOptional
resizesContentintegerOptional
keepShapeWhenResizebooleanOptional
variableDefsArray<VariableDef>Optional
variableRefsArray<VariableRef>Optional
styleEffectBooleanintegerOptional
childObjectsArray<PathImageTextGroupFrameSymbolInstanceSymbolMaster>Required
classstringRequired
radiusArray<number>Optional

id

Required

Description

ID of the object, globally unique.

Type

string

@@ -46,6 +46,6 @@

class

Required

Type

string

Value

constant: the value of this property must be equal to:

"symbolMaster"

radius

Optional

Description

The radius values correspond to the corners in the following order: left-top, right-top, right-bottom, left-bottom. Default value is [0, 0, 0, 0].

Type

Array<number>

Value

maximum number of items: the maximum number of items for this array is: 4

minimum number of items: the minimum number of items for this array is: 4

-
+
\ No newline at end of file diff --git a/specs/vectorgraphics/text-line-type.html b/specs/vectorgraphics/text-line-type.html index 8d88113a..c8d4b47b 100644 --- a/specs/vectorgraphics/text-line-type.html +++ b/specs/vectorgraphics/text-line-type.html @@ -4,7 +4,7 @@ TextLineType | VGG Docs - + diff --git a/specs/vectorgraphics/text-on-path.html b/specs/vectorgraphics/text-on-path.html index 7f9a2082..c53c2270 100644 --- a/specs/vectorgraphics/text-on-path.html +++ b/specs/vectorgraphics/text-on-path.html @@ -4,7 +4,7 @@ TextOnPath | VGG Docs - + diff --git a/specs/vectorgraphics/text-paragraph.html b/specs/vectorgraphics/text-paragraph.html index e7100154..45521ec8 100644 --- a/specs/vectorgraphics/text-paragraph.html +++ b/specs/vectorgraphics/text-paragraph.html @@ -4,7 +4,7 @@ TextParagraph | VGG Docs - + diff --git a/specs/vectorgraphics/text.html b/specs/vectorgraphics/text.html index 843b04cf..6cb29494 100644 --- a/specs/vectorgraphics/text.html +++ b/specs/vectorgraphics/text.html @@ -4,7 +4,7 @@ Text | VGG Docs - + diff --git a/specs/vectorgraphics/unit-interval.html b/specs/vectorgraphics/unit-interval.html index 4592d23c..e30fb35b 100644 --- a/specs/vectorgraphics/unit-interval.html +++ b/specs/vectorgraphics/unit-interval.html @@ -4,7 +4,7 @@ UnitInterval | VGG Docs - + diff --git a/specs/vectorgraphics/variable-assign.html b/specs/vectorgraphics/variable-assign.html index 3ab21297..d22ec34a 100644 --- a/specs/vectorgraphics/variable-assign.html +++ b/specs/vectorgraphics/variable-assign.html @@ -4,7 +4,7 @@ VariableAssign | VGG Docs - + diff --git a/specs/vectorgraphics/variable-def.html b/specs/vectorgraphics/variable-def.html index 1ce30ac7..5f095052 100644 --- a/specs/vectorgraphics/variable-def.html +++ b/specs/vectorgraphics/variable-def.html @@ -4,7 +4,7 @@ VariableDef | VGG Docs - + diff --git a/specs/vectorgraphics/variable-ref.html b/specs/vectorgraphics/variable-ref.html index d2274071..0388d99c 100644 --- a/specs/vectorgraphics/variable-ref.html +++ b/specs/vectorgraphics/variable-ref.html @@ -4,7 +4,7 @@ VariableRef | VGG Docs - +