import{_ as n}from"./Secret-2191b45e.js";import{_ as o}from"./Secret_Validation-e82211f9.js";import{_ as i}from"./TextBox_Event-56f7b120.js";import{_ as f,r as d,o as l,c as p,a as t,d as e,e as r,b,f as A}from"./app-6440dfe3.js";const c="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAA4CAIAAAD/xMoGAAAACXBIWXMAAB2HAAAdhwGP5fFlAAADrElEQVR42u2du0ojYRiGn+jaioeIFtoat1iinRAWCeQC0mzIJYwwtWA1TOUNpMglhLEJaCmkWGKrYQs3FyDsoMETioqHLf44zsaNh904Mfo+RQiT4ZvM78vj982QJHZ7e0tUeJ4H5HI5oiUWiwFRnml3z7dH1zkW/V9IiL/SpyUQyqIQyqJQFj3PM2119D21aaujnyG6cr49us7yongrtJ2j5+bmgO3tba2R6CCzs7PA1taWvCh60Ivduj4s3nng2udKXhQfco4WQlkUPcAnLYEwrKysAMPDwx2seXBwACwvL8uLQl4UPcjR0dEjDjs9PQWur6+DLRcXF8Hzy8vLlul4cnIycK36RSEvik5SB8puBRizLSA1+rrHM25bW1vj7q5bOp0GpqamgPX1deDk5ATIZDLA2dkZsLm5CQwODgLz8/OBFzVHC3lR/AONKlBcBfhmpYBRGkC1WAA2fLPTOJCJ8E3t7u4CAwMDwOHhYTBfGyMajBGPj4+DLeb5zc1N8CgvCnlRdIZRIGU5QKrpyNXIjm3uFy8uLv711enpaeD8/Lxl+8LCQjBlX11dAX19L9acvCjkxYgm0BJQC21N5h0gmwg3bEWgcNeaAYxnALvZvbXZJ5kHHFOoXgbcyi9g3PcBP/Rq+/ozwM/VDcD3AQpFWo4bJSMjI7zwiuCT9Pf3y4uiB70Y/mBE9J/ufs3xtAL8ytiAYy7KNSfWKtBIpIDRehko7KUBx0m0mHK1OgNY8e9A4ccXwHaswFj1sgsUqzZgxQHwJ4C0YwHNWs+p/y0D/Phjju4OS0tLkR3r4bcJeJ4nL4o348X35MI/ZtH4BOCXCoC7cd8pWlaoo9ypAdRqgFt7UCK5D9T3asD4F7vFWImsE/Kf6QLHgDgvq8/MR4zdw9Tlcjl5UWiOfm0SWcBxsqZDA6pFF3BLSSDf3G6GWhuw2tzorZf/9408Xp/GvlKoOVrIi5Fg5tzK2L2TUlYe2HN37tX5OQmUSt+Beiob9H/NK4Jm/jX7VH4CjVSqZY5u1o+3UfNz6n9VCOVFIS9G1S7mgR33fo4Od2/ZUE9pZ4pAwXXDOwG2ZSyWAOx9s0+okLmzYrrA+mM961P1ASb8ElBw94JeNiEvCtEt9L0RItrA6XsjhP5HC6EsCmVRCGVRKItCKItCWRRCWRTvl7b3o4eGhri7Si5EpzC5khfFmyam3+x9f+fbo+ssL4oP6UUh5EWhLAqhLApl8Yn5Tr8frXWWF4W8KMTz+A2MR308Gv9TYAAAAABJRU5ErkJggg==",a="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi8AAABoCAIAAAC2dIfuAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAFIUlEQVR42u3dy47bVBzA4X8YFoOG8iod3gRVI1Wg2XIT0mwQYgO9ABuE2IyEuG0ReRb6CsBDhJmKRqIKC4tgYXx6fI3tfN+iqlI7PpNEOv7VnpPVdrtdr9cBAIfzkpcAgIN7ef+3i/uXXg4ARnN2ehIRm81GGwEwCWYjAMxGAFC+bjQXr77y75hv//yr4zNUtXtOALQRANpozsolVDRT8Wf3QurecADaCAC00Ytqo/xIX+VRPE+/hQSANgJAGy1R3f141etP6YbLeR4AbQQA02uj77/7JiJu/riJiA8/+jgiVqvVf7bZ7XYR8fVXX0bEndfuRMS7733Qe5EMdxdcX2MoX39Kl9OhfhYAbQQAbduoqKIff/g2Im5vbyLi4eMv9oVUVNHjh59ExPrnnyLi7XfeX9gr1e+dewBoIwDm2UbFtaKiior6KTx49HlEfPbo0/3jb751ud9+COlV5obW19EP+1MAaCMAaNtGxfWh4lpRoSihJ09+iYjff/t1X0Xl60n9NkTdFZdx7kbLuUduzOcB0EYAcIg2ShfSEFU0vqarbruGBKCNADjWNqoW0hv3LiLi7t3zSVVRfuVUu6Ru++oK32l1K4I3fR4AbQQAU22jciGdn78+6Phyrt80vY+uy313fR3LigwA2giApbTRlCkPAG0EAGYjAMxGAGA2AsBsBABmIwDMRgBgNgLAbAQA7VhDmmN0dnriRQBtBACzaqP0NwBV16Mrf5NQv2No+px1I+8ytiF+OspyvqNrt9s1ep709ukj1u3bdK+68TR9PH30dqNtepT8dwFtBADLaqN0T0yzFdKj0jdzUXe2XvzZ/dw8pz+qx2q31xDtWB1VznHbjbndsdBGALDENupeUeM0UE73qKJlq17tWMZZfLrJikfGqZYxj4U2AkAbzVldr+Q3SvouvqFH3rSi6mqs6euQc/Qh7hIkXQB97VXtiZyq0xxoIwC00VSLp8tZeX49jN8E+X3TXf5R6h4fZ5xz1PR+s7peybknrele03yVdBjaCABt1McZvbNylnEWX1dR6WO122sKxv8dKbQRACyrjWAKZ/Hdu6pdJ+WvbqAz0EYAoI0OwVUrqiWUXse6XC3trvR0uT6UPu4c79BDGwGANpqq8roG7gNkSdKrw43ZVRpOGwHAcbfROCuk1a3Ylt6+6fPUrW7Qbp26pmNmyrVRt033vcYZ83DHtYaeNgIAbdS8fnLWVWv3+Pgj73fM3V+HoV+x6fTKEHvlrKow9Dj7Gkm7e/nGeWXQRgBgNgLAbAQAZiMAzEYAYDYCwGwEAGYjAMxGANCd9c04Rk+fPfciwMGdnZ5oIwC0UXKGhKGryOcNpkYbAaCNXuTq6up/H7++vvbmMZFPXXX79JY+vaCNANBGbVXPJbufY07tLNVZ8/Tfheq/1m1ftyWgjQDQRsPUkp5gjp9YQBsBoI3Gkr7HqfyvOf+/39edVO3Gw9T6BtBGAGij+VRR+h6numtOTe+P6mtL18CmVj/lWvWOgDYCQBvN+dx2/H2dRy/1U6STQBsBoI3mrMtvdeTsW/e7I/n31DHfTlJIoI0A0EbzqaK6e9j63Td/9Txn03P//ADaCABtNP9z2CGuIS1vBXEAbQTAsVttt9v1eh0RF/cvDziOs9OTRnWSrorq74i0+x6anH1zRuW7Qafj6bPnic9bu0+d9xe62Gw22ggAbZTRRjB+GwHaCIBjZDYCwGwEAGYjAMxGAGA2AsBsBABmIwDMRgDwj78BXqdBpErAuXYAAAAASUVORK5CYII=",u="/BMSCTX/assets/Secret_Bind_Column-2f383ffa.png",D="data:image/png;base64,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",P={},g=b('<h1 id="secret" tabindex="-1"><a class="header-anchor" href="#secret" aria-hidden="true">#</a> <img src="'+n+'" style="position:relative;top:5px;" width="40" height="40"> (Secret)</h1><p>비밀번호 입력을 처리하는 컴포넌트입니다.</p><p><b style="font-size:20px;"> 1) 컴포넌트 이미지 </b> <br> 도구상자에서 Secret 컴포넌트를 선택하여 화면작업 영역에 디자인합니다. <br><img src="'+c+'" style="border:1px solid #bbb;" width="150" height="40"> <br></p><p><b style="font-size:20px;"> 2) 컴포넌트 속성 </b> <br> 화면작업 창에서 Secret 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다. <br><b style="font-size:18px;"> (1) A.Data </b> <br><img src="'+a+'" style="border:1px solid #bbb;" width="300" height="50"></p><p><b style="font-size:18px;"> ① Bind:Column </b> <br> UI 화면작업 창의 Dataset 탭에서 등록한 Dataset Column을 할당하는 부분입니다. <br><img src="'+u+'" width="400" height="300"></p><p><b style="font-size:18px;"> ② Dataset </b> <br> 할당된 Dataset 명 표시합니다. <br></p>',6),B={class:"custom-container tip"},x={class:"custom-container-title"},m=e("p",null,[A("Dataset Bind 했을 경우 "),e("span",{style:{color:"#00a4ff"}},"Dataset_Column"),A("으로 해당 컴포넌트 ID가 자동으로 변환됩니다. "),e("br"),e("span",{style:{color:"#00a4ff"}},"Ex) Dataset : S01 Column : PASSWORD ⇒ 컴포넌트 ID : S01_PASSWORD ")],-1),v=e("p",null,[e("b",{style:{"font-size":"18px"}}," (2) B.CommonElement "),A(),e("br"),e("img",{src:D,style:{border:"1px solid #bbb"},width:"300",height:"130"}),A(),e("br"),e("b",{style:{"font-size":"18px"}}," ① ID "),A(),e("br"),A(" 해당 컴포넌트의 ID를 설정합니다.")],-1),y=e("p",null,[e("b",{style:{"font-size":"18px"}}," ② Length "),A(),e("br"),A(" 해당 컴포넌트의 길이를 설정합니다.")],-1),H={class:"custom-container tip"},w={class:"custom-container-title"},h=e("p",null,"빌드를 했을 때 소스 상으로 size로 설정이 되어있지만 style 부분에 width도 같이 설정되어있어서 Length를 확인하려면 해당 컴포넌트 우측 속성에 styleOff을 true로 설정하면 해당 Length만큼 길이를 보여줍니다.",-1),z=b('<p><b style="font-size:18px;"> ③ MaxLength </b> <br> 해당 컴포넌트의 최대 길이 제한을 설정합니다. <span style="color:#00a4ff;">Ex) 최대 길이가 12인 경우 12자리까지 입력 가능하다.</span></p><p><b style="font-size:18px;"> ④ NavIndex </b> <br> Index 값을 지정 후 Tab 키를 누르면 오름차순으로 이동하게 됩니다.</p><p><b style="font-size:18px;"> ⑤ ReadOnly </b> <br> 값이 True이면 포커스는 잡히지만 수정은 불가능합니다.</p><p><b style="font-size:18px;"> ⑥ Visible </b> <br> 해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다. <br></p><p><b style="font-size:18px;"> (3) E.Validation </b> <br><img src="'+o+'" style="border:1px solid #bbb;" width="300" height="35"> <br><b style="font-size:18px;"> ① Required-AlertMsg </b> <br> 해당 컴포넌트의 값을 입력하지 않았을 때 발생 되는 메시지 내용을 설정합니다. (submit(debug, requiredmsg)할 때 requiredmsg를 true로 설정합니다.)</p><p><b style="font-size:20px;"> 3) 컴포넌트 이벤트 </b> <br><img src="'+i+'" style="border:1px solid #bbb;" width="300" height="250"> <br><b style="font-size:18px;"> (1) 1.MouseEvent </b> <br><b style="font-size:18px;"> ① OnClick </b> <br> 마우스를 클릭할 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ② OnMosueDown </b> <br> 마우스 버튼을 누를 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ③ OnMosueMove </b> <br> 마우스를 움직일 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ④ OnMosueOut </b> <br> 마우스가 요소를 벗어날 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑤ OnMosueOver </b> <br> 마우스가 요소 안에 들어올 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑥ OnMosueUp </b> <br> 마우스 버튼을 뗄 때 발생하는 이벤트입니다. <br></p><p><b style="font-size:18px;"> (2) 2.KeyEvent </b> <br><b style="font-size:18px;"> ① OnBlur </b> <br> 포커스를 잃었을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ② OnChange </b> <br> 입력필드의 값이 바뀐 후 포커스를 잃었을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ③ OnFocus </b> <br> 포커스가 잡혔을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ④ OnKeyDown </b> <br> 키를 눌렀을 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑤ OnKeypress </b> <br> 키를 누르고 있는 중 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑥ OnKeyUp </b> <br> 키를 눌렀다가 뗄 때 발생하는 이벤트입니다. <br><b style="font-size:18px;"> ⑦ OnSelect </b> <br> 마우스로 입력된 텍스트를 드래그했을 때 발생하는 이벤트입니다. <br></p>',7);function O(X,V){const s=d("Badge");return l(),p("div",null,[g,t(" Remark "),e("div",B,[e("p",x,[r(s,{type:"tip",text:"Remark",vertical:"middle"})]),m]),t(" "),v,y,t(" Remark "),e("div",H,[e("p",w,[r(s,{type:"tip",text:"Remark",vertical:"middle"})]),h]),t(" "),z])}const R=f(P,[["render",O],["__file","Secret.html.vue"]]);export{R as default};