1"use strict";(self.webpackChunk_synergycodes_overflow_ui_website=self.webpackChunk_synergycodes_overflow_ui_website||[]).push([[8401],{976:(e,a,t)=>{t.d(a,{A:()=>_});var n=t(4404),s=t(9025),i=t(2768),r=t(7624),c=t(2740),o=t(9220),d=t(568),l=t(6557),h=t(2784),m=t(4812),b=t(4943),u=t(851);const v={tabsContainer:"tabsContainer_SAPJ",tabItem:"tabItem_UMjy",active:"active_zsg1",radioIndicator:"radioIndicator_v53y"};var j=t(4489);function x(e){let{tabs:a,activeTabId:t}=e;return(0,j.jsx)("nav",{className:v.tabsContainer,children:a.map((e=>e.id===t?(0,j.jsxs)("div",{className:`${v.tabItem} ${v.active}`,"aria-current":"page","aria-label":e.label,children:[(0,j.jsx)("span",{className:v.radioIndicator,"aria-hidden":"true"}),(0,j.jsx)("span",{children:e.label})]},e.id):(0,j.jsxs)("a",{href:e.href,className:v.tabItem,"aria-label":e.label,children:[(0,j.jsx)("span",{className:v.radioIndicator,"aria-hidden":"true"}),(0,j.jsx)("span",{children:e.label})]},e.id)))})}function f(e){let{isOverviewActive:a}=e;return(0,j.jsx)(x,{tabs:[{id:"ui-components",label:"Diagram and UI Components Quickstart",href:"/ui-components/authored/quickstart"},{id:"interaction-components",label:"Interaction Components Quickstart",href:"/premium"}],activeTabId:a?"ui-components":void 0})}const p={docItemContainer:"docItemContainer_c0TR",docItemCol:"docItemCol_z5aJ",stickyTabsContainer:"stickyTabsContainer_fJd0","theme-doc-sidebar-container":"theme-doc-sidebar-container_9hh2"};function _(e){let{children:a}=e;const t=function(){const{frontMatter:e,toc:a}=(0,n.u)(),t=(0,s.l)(),i=e.hide_table_of_contents,r=!i&&a.length>0;return{hidden:i,mobile:r?(0,j.jsx)(h.A,{}):void 0,desktop:!r||"desktop"!==t&&"ssr"!==t?void 0:(0,j.jsx)(l.A,{})}}(),{metadata:v,frontMatter:x}=(0,n.u)(),_=x,A=!0===_.show_navigation_tabs,I=!0===_.highlight_overview_tab;return(0,j.jsxs)(j.Fragment,{children:[A&&(0,j.jsx)("div",{className:p.stickyTabsContainer,children:(0,j.jsx)(f,{isOverviewActive:I})}),(0,j.jsxs)("div",{className:"row",children:[(0,j.jsxs)("div",{className:(0,u.A)("col",!t.hidden&&p.docItemCol),children:[(0,j.jsx)(i.A,{metadata:v}),(0,j.jsx)(b.A,{}),(0,j.jsxs)("div",{className:p.docItemContainer,children:[(0,j.jsxs)("article",{children:[(0,j.jsx)(r.A,{}),(0,j.jsx)(m.A,{}),t.mobile,(0,j.jsx)(c.A,{children:a}),(0,j.jsx)(o.A,{})]}),(0,j.jsx)(d.A,{})]})]}),t.desktop&&(0,j.jsx)("div",{className:"col col--3",children:t.desktop})]})]})}},6322:(e,a,t)=>{t.d(a,{A:()=>c});var n=t(5926),s=t(7149);const i="code_farp";var r=t(4489);const c={...n.A,Code:function(e){let{codeblock:a}=e;return(0,r.jsx)(s.A,{code:a,className:i})}}},7624:(e,a,t)=>{t.d(a,{A:()=>l});var n=t(8234),s=t(8686);const i={"breadcrumb-container":"breadcrumb-container_sfM6","breadcrumb-item":"breadcrumb-item_xqqa"};var r=t(9738),c=t(4489);function o(e){let{children:a,href:t,isLast:n}=e;return n?(0,c.jsx)("span",{children:a}):t?(0,c.jsx)(s.A,{href:t,children:(0,c.jsx)("span",{children:a})}):(0,c.jsx)("span",{children:a})}function d(e){let{children:a,active:t}=e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:i["breadcrumb-item"],children:a}),!t&&(0,c.jsx)(r.K,{size:"1rem",weight:"bold"})]})}function l(){const e=(0,n.OF)();return!e||e.length<=1?null:(0,c.jsx)("nav",{className:i["breadcrumb-container"],children:e.map(((a,t)=>{const n=t===e.length-1,s="category"===a.type&&a.linkUnlisted?void 0:a.href;return(0,c.jsx)(d,{active:n,children:(0,c.jsx)(o,{href:s,isLast:n,children:a.label})},t)}))})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.