import{_ as r}from"./Calendar-f92ae1cd.js";import{_ as n}from"./Secret_Validation-e82211f9.js";import{_ as l}from"./TextBox_Event-56f7b120.js";import{_ as i,r as p,o as a,c as f,a as A,d as e,e as b,b as o,f as t}from"./app-6440dfe3.js";const c="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAA4CAIAAAAU83EFAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAEDklEQVR42u2dP0sjWxjGf7nc0kLIxsk3yAaUKNpoWFDwAwzIVT9ChFS3WNRmDIJiZ5FCO8EmZBs/gCCyxErRcIuYRra4RUaT8hZbucUJ45B/ZjfJ3mTy/AqLmTPvOWd8fXyfc2aS0OvrK0IMB3/oFgiloxBKRzHm6ZjP5/P5/O+fWCgUCoVCv7/f/2u+wbjPUkehf9ZCKB3FkBNqt+44NzcHPDw86B6JPjI7Owvc399LHcXIqqOxS9qzEX134h3ySuooZGXESOlZlyuLva9BKh3FEPGnboEwHB4eAsfHx94R13VbVn5+pqamOrQ0Z/f29oCtrS2po5CzFiOIZVnA8/Ozd6RUKgHxeBy4vb0FFhYWWl7buaVfQeWshWrHlpQvgMxVBEinkkB44B1mgFLcAexY36ICF5krIJJOAclwEFLBr4uGs7MzT8m2t7c7XNu5ZXNk1Y5C6hgcakDhJAtc1k2kBawGes5HR0fez361lDoKqWPQCAPJlAMk60r5JZDzHMRaivHsUkcxyurY+WWLWuEEyF761t8Tm4BjLKtxzbli05/G6rs+ukVk/1V1Pw6QoAgU3daRjY9uHkIiTrcjrPdVASzXBVz/HEVf8efb+vq61FEMsTqaDDVsbGy8nShfANl/ZoC0k2pQo5NCGkglbcBx7IYOTJuv5SRgN/dvIr+sAI4Ta9DLL4WPQOoDAG4FiKQdwAk3R74AcpVVIO0YvXzzwi8maKzrEbpRYMVJAVLF6+trLzf8e9Nmj3t3d9c7sri4CNzc3HQZ2Z9vqh3FaDrrcqkIWDPphvovZjsN+vFO9dYmMsUikGm6ikQVwKijNQN8bFN+1qoVwJr55BthGPgQ5U0dux+hFfG6HWfu7u48DWveWTHvuxwcHAA7Ozt96VHqKEZNHbvBVHs5NhuqwPquccdrrVVTfYbbSei7vVdfXCAaDw9ohOPJ/Py853+Xl5cbzj49PXkKap6StG0bOD09lTqKsVHHWDwB5K4egVqycZ3vKpIG/qoXXf6KqwZUKwDEO0bOfQXKSdurROsrkcZxx7sfYQH4FDMjLAOmNPX3/rMjFO1YW1sDlpaWgG/f/gU+f/5b6ijGrXaM2UC6egJkM5c+O7oJOPWabwWIZrKAv0m9YefIqyZyxl9OAulUrMva0cTZLGV8I7QAs1kaNU47+UsjFE08Pj4C5+fnwPT0NPD9+39y1iJo6F0Z8c5v3OzKGGftP2ue+jbPOHZ+Y9A80aN3ZYTUUQRLHXtH6igC7KzFGGDqv0EwMTEhZy2kjmJkMb64+bMoelfc/f19qaOQsxaiB/8udRRDhNJRKB2F+ClnPTk5SatPOxWiF0xeSR3FKDtrIVQ7CqXjINH3WQe7X32ftZA6CqF0FGPFD9MGtiO+seQfAAAAAElFTkSuQmCC",d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi4AAABqCAIAAAAUfk3bAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAFI0lEQVR42u3dS24cRRwH4L9xFkYm+CgxN0HIUhTkLS8heYMQGyAJZIMQG0uI12YWCM5CrgAcYrAtHCnWsGhkWnSqUz39nv6+RSK1+1FTU6Oq31R1z95qtQoAGM8rqgCAcd0p/ju5f6ouABjM4cF+RKzXa6kIgPHpigDQFQGwbHfmVdzXXv2vwJd/P295hqrtzgmAVASAVDRP5QxUpKXi3/bZqH16A5CKAEAqSueM8pauMkdxnm6zEQBSEQBS0W5Jrb6rzjnVp7ec8wBIRQAwpVT0w/ffRsTFXxcR8dHHn0TE3t7e//bZbDYR8c3XX0XE3dfvRsR773/YeRbpb81bV2UozznVZ6axXguAVAQAzVNRkYd++vG7iLi8vIiIh4+f3GajIg89fvhpRPz6y88R8c67H+xYNXW7Tg8AqQiAuaWiYn6oyENF7il8/ujLiPji0We32x+8fXq7fx/qnyDXt66uPu6rAJCKAKB5KirmhIr5oUKRgZ4+/S0i/vzj99s8VJ5D6jY9pGZZhll7lrMibsjzAEhFADBsKqrPRn3koeE1fZa2eSMAqQiA5aWiajZ6862TiLh373hSeSg/31QTSWr/6nO766We8930PABSEQBMLxWVs9Hx8Ru9Fi5nzqbpqrk2q+y6upZnLgBIRQDMPxVNmcwBIBUBgK4IAF0RAOiKANAVAYCuCABdEQDoigDQFQFAjUk8beHwYN87wUJcXd9o8yAVASAVZav/DaTNZvPC/avb25eh6TlTJW9Ttj5eHbvU/uvPkNo/Z5/8UqVKWD0q9fnNOXa7z1TT2mh/RaQiAKSi7tSPX6Y2QqkvlWRD+/F78dcptKXhr15NS/3Vw5RrXioCgOWlommO0aojo5yxkpEUbfJQfiuqznlMbSzfvjzFsTlJZfq1gVQEgFTUf1LJH1fmrw7qbyzcdOSbs5Kwvh6arm6S8wCpCACpaOzE0HQ8np8bhk8D+cmmvfyrpLYPU066+rz0vd5suzt+8ud4xq0N3wRIRQBIRVPiHh2Y12dzV1+d+4qkIgCkImBuxloRmp85yjljybWBVASAVDTn8abvi5lmBqqfYV1C61UbUhEASEVjKH/3bdUf7VtRzr1uc29Lqed9dJV7kIoAYFdS0TD3PDcdneXcSZ5zVP5T4LodUTKvbNR3+6//rKWu2NXvq7YpoTwkFQHArqeipuOdnGembbd9+JJ3W+b29dB3jTFWK+rjKk2P6uNXvvqoDa1dKgJAVwQAuiIAdEUAoCsCQFcEALoiAHRFAKArAmBnTOJpC1fXN94JFkWbh8ODfakIAKko0TfCEvKQNg9lUhEAUlHa2dnZC7efn59759hhTVt+df/6PX2CkIoAYD6pKDW+az+ym9rY0FiVnJZQ/Wtq/9SeIBUBwDxTUSonSRKw3acGpCIAmH8qqle/mqj815zv07tas7RdeSCnjYFUBABS0ctSRXl7ap6p6UqkrvY070U195SzslaBVAQAUlHzEeXwxxq90l9LlpCQigBAKmquzZ0TOcem7s/IX0EHbRKSbIRUBABS0csyTWrFWrfH5j8ZzxiW9m0YpCIAkIq2HTn2MW+0e88FB5CKAFi0vdVqFREn909HLMThwX6jXFKfJ6r3YWz3my45x+aUyi9sUnZ1fVPT5rdr+doY87Ver6UiAKSi2lQEy0xFIBUBwKB0RQDoigDQFQGArggAXREA6IoA0BUBgK4IgOX598ncz59djliI9TNvBMuizcPR0ZFUBMBU/APS6w6UtQzz7wAAAABJRU5ErkJggg==",g="/BMSCTX/assets/Calendar_Bind_Column-ee3f8a30.png",D="data:image/png;base64,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",z="/BMSCTX/assets/Calendar_ControlElement-1fde6a1a.png",y={},v=o('<h1 id="calendar" tabindex="-1"><a class="header-anchor" href="#calendar" aria-hidden="true">#</a> <img src="'+r+'" style="position:relative;top:5px;" width="40" height="40"> (Calendar)</h1><p>날짜 입력을 처리하는 컴포넌트입니다.</p><p><b style="font-size:20px;"> 1) 컴포넌트 이미지 </b> <br> 도구상자에서 Calendar 컴포넌트를 선택하여 화면작업 영역에 디자인합니다. <br><img src="'+c+'" style="border:1px solid #bbb;" width="150" height="40"> <br></p><p><b style="font-size:20px;"> 2) 컴포넌트 속성 </b> <br> 화면작업 창에서 Calendar 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다. <br><b style="font-size:18px;"> (1) A.Data </b> <br><img src="'+d+'" style="border:1px solid #bbb;" width="300" height="50"> <br><b style="font-size:18px;"> ① Bind:Column </b> <br> UI 화면작업 창의 Dataset 탭에서 등록한 Dataset Column을 할당하는 부분입니다. <br><img src="'+g+'" width="400" height="300"></p><p><b style="font-size:18px;"> ② Dataset </b> <br> 할당된 Dataset 명 표시합니다. <br></p>',5),m={class:"custom-container tip"},x={class:"custom-container-title"},B=e("p",null,[t("Dataset Bind 했을 경우 "),e("span",{style:{color:"#00a4ff"}},"Dataset_Column"),t("으로 해당 컴포넌트 ID가 자동으로 변환됩니다. "),e("br"),e("span",{style:{color:"#00a4ff"}},"Ex) Dataset : S01 Column : CALENDAR ⇒ 컴포넌트 ID : S01_CALENDAR ")],-1),u=o('<p><b style="font-size:18px;"> (1) B.CommonElement </b> <br><img src="'+D+'" style="border:1px solid #bbb;" width="300" height="180"> <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;"> ③ Length </b> <br> 해당 컴포넌트의 길이를 설정합니다.</p>',3),w={class:"custom-container tip"},h={class:"custom-container-title"},P=e("p",null,"빌드를 했을 때 소스 상으로 size로 설정이 되어있지만 style 부분에 width도 같이 설정되어있어서 Length를 확인하려면 해당 컴포넌트 우측 속성에 styleOff을 true로 설정하면 해당 Length만큼 길이를 보여줍니다.",-1),C=e("p",null,[e("b",{style:{"font-size":"18px"}}," ④ MaxLength "),t(),e("br"),t(" 해당 컴포넌트의 최대 길이 제한을 설정합니다. "),e("br"),e("span",{style:{color:"#00a4ff"}},"Ex) 최대 길이가 12인 경우 12자리까지 입력이 가능합니다. ")],-1),Q={class:"custom-container tip"},O={class:"custom-container-title"},N=e("p",null,"달력 버튼을 클릭 후 날짜를 지정했을 때는 최대 길이 제한 없이 나오지만 우측 속성에 ReadOnly를 False으로 설정하고 달력을 직접 입력했을 경우 컴포넌트 최대 길이가 적용이 됩니다.",-1),G=e("p",null,[e("b",{style:{"font-size":"18px"}}," ⑤ NavIndex "),t(),e("br"),t(" Index 값을 지정 후 Tab 키를 누르면 오름차순으로 이동하게 됩니다.")],-1),X=e("p",null,[e("b",{style:{"font-size":"18px"}}," ⑥ ReadOnly "),t(),e("br"),t(" 값이 True이면 포커스는 잡히지만 수정은 불가능합니다.")],-1),F={class:"custom-container tip"},M={class:"custom-container-title"},T=e("p",null,"해당 컴포넌트에 직접 값을 입력할 때는 수정이 불가능하지만 버튼 클릭 후 값을 생성했을 때는 값을 수정이 가능합니다.",-1),V=e("p",null,[e("b",{style:{"font-size":"18px"}}," ⑦ Text-Align "),t(),e("br"),t(" 입력한 텍스트 정렬을 설정합니다. "),e("br")],-1),k=e("p",null,[e("b",{style:{"font-size":"18px"}}," ⑧ Value "),t(),e("br"),t(" 해당 컴포넌트의 들어가는 값을 설정합니다.")],-1),R=e("p",null,[e("b",{style:{"font-size":"18px"}}," ⑨ Visible "),t(),e("br"),t(" 해당 컴포넌트를 화면에 보여줄지에 대한 여부를 설정합니다.")],-1),q={class:"custom-container tip"},K={class:"custom-container-title"},W=e("p",null,"달력 버튼을 히든 처리하려면 우측 속성에 ButtonShow 속성을 False로 지정해야합니다.",-1),E=o('<p><b style="font-size:18px;"> (2) C.ControlElement </b> <br><img src="'+z+'" style="border:1px solid #bbb;" width="300" height="230"> <br><b style="font-size:18px;"> ① ButtonShow </b> <br> 해당 컴포넌트 버튼을 나오게 할지 설정합니다.</p><p><b style="font-size:18px;"> ② ButtonText </b> <br> 해당 컴포넌트 버튼의 텍스트 명을 설정합니다.</p><p><b style="font-size:18px;"> ③ ChangeMonth </b> <br> 월을 변경 가능에 대한 여부를 설정합니다.</p><p><b style="font-size:18px;"> ④ ChangeYear </b> <br> 연도를 변경 가능에 대한 여부를 설정합니다.</p><p><b style="font-size:18px;"> ⑤ CloseText </b> <br> 닫기 버튼의 텍스트 명을 설정합니다.</p><p><b style="font-size:18px;"> ⑥ CurrentText </b> <br> 현재 날짜 버튼 텍스트 명을 설정합니다.</p><p><b style="font-size:18px;"> ⑦ Date-Format </b> <br> Date 데이터 포맷을 설정합니다. <br></p><p><b style="font-size:18px;"> ⑧ ImageButtonPath </b> <br> 해당 컴포넌트 버튼의 이미지 경로를 설정합니다. <span style="color:#00a4ff;">Ex) /img/test/calendar2.png </span></p><p><b style="font-size:18px;"> ⑨ Lang_Type </b> <br> 영어 또는 한국어 달력을 설정합니다.</p><p><b style="font-size:18px;"> ⑩ ShowButtonPanel </b> <br> 달력 하단 today, close 버튼 유무를 설정합니다. <br></p><p><b style="font-size:18px;"> ⑪ YearMaxRange </b> <br> 연도 최대 범위를 설정합니다.</p><p><b style="font-size:18px;"> ⑫ YearMinRange </b> <br> 연도 최소 범위를 설정합니다.</p><p><b style="font-size:18px;"> ⑬ YMD_Format </b> <br> 날짜 포맷을 설정합니다. <br></p><p><b style="font-size:18px;"> (3) E.Validation </b> <br><img src="'+n+'" 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="'+l+'" 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>',16);function Z(Y,U){const s=p("Badge");return a(),f("div",null,[v,A(" Remark "),e("div",m,[e("p",x,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),B]),A(" "),u,A(" Remark "),e("div",w,[e("p",h,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),P]),A(" "),C,A(" Remark "),e("div",Q,[e("p",O,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),N]),A(" "),G,X,A(" Remark "),e("div",F,[e("p",M,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),T]),A(" "),V,k,R,A(" Remark "),e("div",q,[e("p",K,[b(s,{type:"tip",text:"Remark",vertical:"middle"})]),W]),A(" "),E])}const J=i(y,[["render",Z],["__file","Calendar.html.vue"]]);export{J as default};