import{_ as n}from"./Dyn-Accordion-918c2e2e.js";import{_ as s,r as a,o as B,c,a as e,d as A,e as o,b as g,f as t}from"./app-6440dfe3.js";const d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAEkCAIAAABL2KgsAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAEDUlEQVR42u3dQWrcQBAF0F9GJzRYd1Sf0dBZCIIYZ9TZJMZT7+3GWTgR+qnSfBrVnDPQ29vNn40xxhj//+/0Xb+3qqqqz7/Xdf6rGIBpAGIAbdRxHPu+X/enJNu2Jfn8/HSBeAHn/fz+/v5wn5/2fTcNIPXHL0zPrFynBPxcy/vZNAAxoNNM0BuAaQBiADc2l4AmfFMEliIQAxADSPQGYBqAGMCK3oAu9AZgKQIxADGARG8ApgGIAazoDehCbwCWIhADEANI9AZgGoAYwIregC70BmApAjEAMYBEbwCmAYgBrGxjjK/vRYbX8+w+915kSJLtoVo7P5oJ9JkMng1ADOhEbwCmAYgB3HPegC6cNwBLEYgBiAEkegMwDUAMYEVvQBd6A7AUgRiAGECiNwDTAMQAVvQGdKE3AEsRiAGIASR6AzANQAxgRW9AF3oDsBSBGIAYQKI3ANMAxABWtqqac/7+XFVJjuNwaXgx197gvM9Pc07TAPJ2HQVnMh5+Aq9nXng2AI/IdKI3ANMAxADuOW9AF84bgKUIxADEABK9AZgGIAawojegC70BWIpADEAMINEbgGkAYgAregO60BuApQjEAMQAEr0BmAYgBrCiN6ALvQFYikAMQAwg0RuAaQBiACvbGOP6feqz5Ql+umf3+b7vpgFke6jWzo9mAn0mg2cDEAM60RuAaQBiAPecN6AL5w3AUgRiAGIAid4ATAMQA1jRG9CF3gAsRSAGIAaQ6A3ANAAxgBW9AV3oDcBSBGIAYgCJ3gBMAxADWNEb0IXeACxFIAYgBpDoDcA0ADGAFe9FpgvvRYbbaeC9yDSfDJ4NQAzoRG8ApgGIAdxz3oAunDcASxGIAYgBJHoDMA1ADGBFb0AXegOwFIEYgBhAojcA0wDEAFb0BnShNwBLEYgBiAEkegMwDUAMYEVvQBd6A7AUgRiAGECiNwDTAMQAVraqmnP+/lxVSY7jcGl4Mdfe4LzPT3NO0wDydh0FZzIefgKvZ154NgCPyHSiNwDTAMQA7jlvQBfOG4ClCMQAxAASvQGYBiAGsKI3oAu9AViKQAxADCDRG4BpAGIAK3oDutAbgKUIxADEABK9AZgGIAawojegC70BWIpADEAMINEbgGkAYgAr2xjj+n3qs+UJfrpn9/m+76YBZHuo1s6PZgJ9JoNnAxADOtEbgGkAYgD3nDegC+cNwFIEYgBiAIneAEwDEANY0RvQhd4ALEUgBiAGkOgNwDQAMYAVvQFd6A3AUgRiAGIAid4ATAMQA1jRG9CF3gAsRSAGIAaQ6A3ANAAxgJU6juPr+2KrKsmc0wXiFe7yqiQfHx8P9/nJe5EhScp/+WAawG0Mbr5n/ae+6/dW1blENvn3us6mAYgBXPwCPShtEsZMuqEAAAAASUVORK5CYII=",i="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiwAAABjCAIAAAA3hMwuAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAE5ElEQVR42u3dPY/cRBgH8Oc4ikNH+Crh64BoeRMlQjRAEqBBiBLx1iL4LKQiNfAhlruIFERHYemwsjej8YzH3vX+fkWkbDy2dzPWPP+dWfvs+p9/AwAWcXlxHhG73W7460s+EQDWYhACYDUvH8VZvvrK/+dZ9/3heA/7fCcJIAkBIAlt3Tj3DAlp+LM9D7UnNgBJCAAkobvmcuZKLeO8Mm8eAkASAkASOn6plXX7c0v5xFayHwBJCADWTkI/fP9tRFz9fRURH370cUScnZ29sM3NzU1EfPP1VxFx77V7EfHuex/Mnj/6rWeb6xzGc0v5nLTWewGQhACgLAkNGeinH7+LiOvrq4h48OjL2zw0ZKBHDz6JiF9/+Tki3n7n/Y19OvOuwQNAEgLgGJLQMA80ZKAh6ww+e/hFRHz+8NPb1994863b7XvI3/mtt7mOvu67AJCEAKAsCQ1zP8M80GDIPY8f/xYRf/35x20GGs8VzZsYUrMpy6wrK1nttuR+ACQhAOifhPJ5qEcGWt7U+16bHwKQhADYgrNJEyrDb4OePPk9Iu7ff71TBiqfExpvk2/V8mTVqW3rZoD8lgg4BZcX5xGx2+0kIQCOKgkdMk81BZCEAKDUdtZoST8AR0cSAsAgBIBBCAAMQgAYhADAIASAQQgADEIAGIQAoNqad0wY7iAE2/b02XO9HSQhACShAqlnFA1PM4LtyT+XK9Xzp14p4+1dTUhCAEhCh2q/UhvquJYKrn0PPepfNakMlO/z+/0k1apke5CEAOCwk1AqG0kP0HLtgCQEAMeWhPL2q7zUd+Il35iXr0eq2zJ/PpDvXSAJAYAklE4S49dT80klbXtsaX6LcdYZr2qTgZCEAEASmlJLLt9WxUqPPiwVIQkBgCQ0RctvIErapn5pMfW+XlCXiuQhJCEAkITuyhyp1Wjzti2/o526lakpXJ9BEgIASWhKaslXly2Vad3R288fQBICgFNNQuXr0PbXreVXsqXuXFDeNn9WdVtKSKcpdceE8p5TfqWAJAQAh52E6uq48vVpJVuWt21/F+pW5urzehqSEAAYhAAwCAGAQQgAgxAAGIQAMAgBYBACAIMQAKdjzTsmPH323H8AJ0Jvh8HlxbkkBMDJJ6EXxkPYcAbS2+FOkhAAJ5mEUsqfi5p6Hk/7HpZ5R57TSr63tD9HOL+HHm1TrUquyv22dWdY8hm2n3/+bF2bkhAAktB0qfqi5Qk9a+WG/HGlGfplpvFzV6fW7HVt861KrtB827pjlX9uLftEEgJAEjqM5HQ4VerUehDJpqQXlcw9tMyX1LUdz7D2zhN1x5r3/GUmSQgASegYMsdclekyVU/dcfNVc8nqwXElmD96j/V+gCQEAJLQoaarZX5RtMxxy4+Sev1wViFuo7/tf6pbXa917El6ydkvSQgAJCFgK+p+J4QkBACS0FLK70EHet1p5rlxhkMSAkAS2lalA8vknvx9CsyXIAkBgCS0dt1aUo2WPKlIbUtLRq+713W/tks+TafuWD3OP3WfESQhACSh4680919v309qby3HVZHJQyV9rHfbJZ9QXHestc4fSQgASai2cqn715Y9zFUT1eWnum16tC25a5wqsl/f6PdUqiXbLnkNtn+qS/4vSEIAYBACwCAEAAYhAAxCAGAQAsAgBADz+A+B/mNVR49c4QAAAABJRU5ErkJggg==",l="/BMSCTX/assets/Dyn-Accordion_Dataset-d8259463.png",I="data:image/png;base64,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";const D={},C=g('<h1 id="dyn-accordion" tabindex="-1"><a class="header-anchor" href="#dyn-accordion" aria-hidden="true">#</a> <img src="'+n+'" style="position:relative;top:5px;" width="40" height="40"> (Dyn-Accordion)</h1><p>계층 구조를 가지는 데이터를 동적으로 표시하는 컴포넌트입니다.<br></p><p><b class="font20"> 1) 컴포넌트 이미지 </b> <br> 도구상자에서 Dyn-Accordion 컴포넌트를 선택하여 화면작업 영역에 디자인합니다. <br><img src="'+d+'" class="boxBorder" width="100" height="110"> <br></p><p><b class="font20"> 2) 컴포넌트 속성 </b> <br> 화면작업 창에서 Dyn-Accordion 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다. <br><b class="font18"> (1) A.Data </b> <br><img src="'+i+'" class="boxBorder" width="300" height="50"> <br><b class="font18"> ① Dataset </b> <br> 할당된 Dataset 명 표시합니다. <br><img src="'+l+'" width="400" height="300"></p><p><b class="font18"> ② Title Column </b> <br></p>',5),b={class:"custom-container tip"},p={class:"custom-container-title"},h=A("p",null,[t("Dataset Bind 했을 경우 "),A("span",{class:"spanEx"},"Dataset_Column"),t("으로 해당 컴포넌트 ID가 자동으로 변환됩니다. "),A("br"),A("span",{class:"spanEx"},"Ex) Dataset : S01 Column : ACCORDION ⇒ 컴포넌트 ID : S01_ACCORDION ")],-1),Q=g('<p><b class="font18"> (2) B.CommonElement </b> <br><img src="'+I+'" class="boxBorder" width="300" height="65"> <br><b style="font-size:18px;"> ① Disabled </b> <br> 값이 True이면 수정 불가능(서버 전송 불가능) False 경우 해당 속성 사용하지 않습니다.</p><p><b style="font-size:18px;"> ② ID </b> <br> 해당 컴포넌트의 ID를 설정합니다.</p><p><b style="font-size:18px;"> ③ Visible </b> <br> 해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다.</p>',3);function w(E,f){const r=a("Badge");return B(),c("div",null,[C,e(" Remark "),A("div",b,[A("p",p,[o(r,{type:"tip",text:"Remark",vertical:"middle"})]),h]),e(" "),Q])}const k=s(D,[["render",w],["__file","DynAccordion.html.vue"]]);export{k as default};