import{_ as l,r as a,o as i,c as b,a as t,d as A,e as o,b as r,f as e}from"./app-6440dfe3.js";const n="/BMSCTX/assets/Other_Design-36527a12.png",p="/BMSCTX/assets/Other_BackColor-de70ef27.png",c="/BMSCTX/assets/Other_BorderColor-dd3b916d.png",d="data:image/png;base64,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",f="/BMSCTX/assets/Other_Etc-5c3f9097.png",B="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAioAAABCCAIAAAD2amr6AAAACXBIWXMAAB2HAAAdhwGP5fFlAAADW0lEQVR42u3dy2rUUBgH8C9aULG1j2J9k0HcKG694VLEjdpW3Yi4FG+bLkSfxb6C+hK2ogtlXIQOpWnCyeQyk8zvtxrCmXOSk4Hv/Mllsr29vclkEgDQl83NzbWIWDu3bi4A6NMZUwBA/9aWds/WL6Tu2+Hvv62MUrefut8ta99WP8t8Bhd1jgDpBwCGkH6q17np2Wi4rPqbz5U5BOkHAIaQfrrOBMX8lG/pf41cd8TVWcUvzzkCpB8ApJ9h5p62VuJttS8eV/Wqv3oeysZNb1k9w+n9LzYhlbUsm+FVS5Yg/QAg/Zzm/bs3EXHw8yAiHjx8FBFZlp1oM51OI+L1q5cRsXFpIyLu3L0/uBSVby9eXUi5qyq9/xQpKaf5cZWt+uebh3avyqSPVT1X6XMo94D0A4D0c5R7Pn54GxGHhwcRsb37YpaB8tyzu/04Ir58/hQRt27f6y2v0KexzrxfFEg/AEg/R/LrPXnuyfNN7unO84h4tvNktv36jZuz9kPJPavw9oShz5hzBNIPAPSVfvJrPPn1nlyedfb3v0bEj+/fZrnn+DWh5V+5Vz/X4un69NlrN504RyD9AMDi0k91Buou97jbbVh5CED6AWAs6aeYgSZXr0XE5ctb0f31nvS3k3WRmY4/V5+y3q/bPr2flOf2y8ZtPhttHVcXyuaq7hxK3iD9ACD9nJaBtrau9LCe7b/PlLeitbv/dd9F1ta7y+Y70raOq89zVHcOAekHAOlnCKxq8SsC6QcAlB8AlB8AlB8AUH4AUH4AQPkBQPkBAOUHgKFY/FsPLp4/6zQwUL/+/PMbBukHAOWnA1mWdfTHQsWeuxsLAOkHAOVn7AlGogKQfgBYpGH8308eGqbT6YnPbWm3NwCkHwCkny6zUfFzdXJKSVTF3sraVG8v7uHx9imj1G0JIP0AwNDSTzErFPNKWYJJySXVmny32E+TPWx+LADSDwDSz+oZU1aQewDpBwDGlX7G/bKAlKMr3kEn/QDSDwCMJf2k3NM1jvu+0vffnW+A9AMAys+4+P8hQPkBgPaN57mf9Lch1Eohp45SNm6TPZxvFFd9AOkHAIaffuZ7J1v1lrI+U/ppvrfNx5J1AOkHAJQfAJQfAFB+AFB+AED5AUD5AUD5AYDO/AcnawFiGcwm8gAAAABJRU5ErkJggg==",g="data:image/png;base64,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";const C={},u=r('

공통 속성

대부분 컴포넌트 우측 속성에 공통적으로 들어가는 속성입니다.

1) D.Design

① BackColor
해당 컴포넌트의 배경 색상을 설정합니다.

② BorderColor
해당 컴포넌트의 테두리 색상을 설정합니다.

',3),x={class:"custom-container tip"},h={class:"custom-container-title"},m=A("ul",null,[A("li",null,"BorderWidth default 값이 0인 경우 Color을 지정하더라도 BorderColor는 지정했지만 화면상으로 확인이 불가능합니다."),A("li",null,"테두리 넓이를 지정해야 Build 후 해당 화면에 Border Color가 적용이 되었는지 확인할 수 있습니다.")],-1),y=r('

③ BorderWidth
해당 컴포넌트의 테두리 넓이를 설정합니다.

④ Class-Com
Tool Box > User > View Common Config > Control-CSS에 해당 컴포넌트에서 지정한 Class 명을 설정합니다.

⑤ Class-TXT
해당 컴포넌트의 Class 명을 지정합니다.

⑥ Font
글자 폰트 및 사이즈를 설정합니다.

⑦ Font-Color
해당 컴포넌트의 글자 색상을 설정합니다.

⑧ Layer(1~2)-Class
Layer-Tag에서 지정한 부모 태그의 Class 명을 입력합니다.

⑨ Layer(1~2)-Tag
해당 컴포넌트의 부모 태그를 설정합니다.

',7),z={class:"custom-container tip"},P={class:"custom-container-title"},v=A("p",null,"해당 컴포넌트의 부모 태그를 설정하기 위해서는 Layer(1~2)-Class에서 Class 명을 입력해야 해당 부모 태그가 생성됩니다.",-1),D=r('

⑩ Lock
해당 컴포넌트에 Lock을 설정하여 마우스로 해당 컴포넌트가 움직이지 못하게 고정합니다.

⑪ Margin
해당 컴포넌트의 바깥쪽 공간 여백을 설정합니다.

⑫ Padding
해당 컴포넌트의 안쪽 공간 여백을 설정합니다.

⑬ Position
해당 컴포넌트의 위치를 설정합니다.

',5),G={class:"custom-container tip"},w={class:"custom-container-title"},E=A("p",null,"Position이 none일 경우 대부분 컴포넌트 default 값이 absolute로 처리됩니다.",-1),N=A("p",null,[A("b",{style:{"font-size":"18px"}}," ⑭ Style "),e(),A("br"),e(" 해당 컴포넌트의 CSS, Style 사용합니다. "),A("br"),e(),A("span",{class:"spanEx"},"Ex) color: red; border: 1px solid red; ...")],-1),X=A("p",null,[A("b",{style:{"font-size":"18px"}}," ⑮ Tag "),e(),A("br"),e(" 해당 컴포넌트의 태그를 설정합니다. "),A("br")],-1),I={class:"custom-container tip"},k={class:"custom-container-title"},H=A("ul",null,[A("li",null,[e("Color를 선택하는 팝업창을 사용하는 경우 색상을 클릭이 아니라 더블 클릭 후 "),A("span",{class:"spanBtn"},"OK"),e(" 버튼을 클릭하여 색상을 지정합니다.")]),A("li",null,"Class를 입력, StyleOff를 True 시 BackColor, BorderColor, Borderwidth, Font-Color 등 속성값이 적용되지 않습니다."),A("li",null,"CSS 파일로 CSS를 사용하는 경우 Tool Box > User > View Common Config > Common File > CSS FILES에 등록 후 사용해야합니다."),A("li",null,"Style에 값을 넣어서 사용하면 BackColor, BorderColor, Borderwidth, Font-Color 등 속성값이 적용되지 않습니다."),A("li",null,"우선순위 : 1순위 Style> 2순위 class> 3순위 속성")],-1),R=r('

2) D.DesignOff

① LocationOff
해당 컴포넌트의 위치 변경 여부를 설정합니다.

② SizeOff
해당 컴포넌트의 사이즈 변경 여부를 설정합니다.

③ StyleOff
해당 컴포넌트의 스타일 적용 여부를 설정합니다.

',3),L={class:"custom-container tip"},Q={class:"custom-container-title"},T=A("p",null,"변경 여부에 따라 해당 Design 목록 중 부분 속성값들이 적용되지 않습니다.",-1),K=r('

3) X.Etc

① aria-controls
다른 컴포넌트의 ID을 입력하여 해당 컴포너트와 연결시켜줍니다.

② aria-describedby
다른 컴포넌트의 ID을 입력하여 해당 컴포넌트의 추가 설명으로 사용합니다.

③ aria-expand
해당 컴포넌트가 확정(활성화)할지 설정합니다.

④ aria-haspopup
다른 컴포넌트 위에 겹쳐 나오는 하위 메뉴를 제어합니다.

⑤ aria-hidden
해당 컴포넌트를 가상 커서로 탐색할 수 없게 합니다.

⑥ aria-label
해당 컴포넌트를 설명할 텍스트가 없을 경우 사용합니다.

⑦ aria-label
aria-label이 true일 경우 해당 컴포넌트를 설명할 텍스트를 입력합니다.

⑧ aria-labelledby
해당 컴포넌트를 설명할 텍스트가 있는 경우 해당 텍스트 영역과 해당 컴포넌트를 연결할 때 사용합니다.

⑨ aria-selected
해당 컴포넌트를 현재 ‘선택됨’ 상태로 나타냅니다.

⑩ data-name
‘name‘이라는 데이터 속성명의 값을 부여합니다.

⑪ data-target
’target‘이라는 데이터 속성명의 값을 부여합니다.

⑫ data-toggle
’toggle‘이라는 데이터 속성명의 값을 부여합니다.

⑬ data-value
’value‘라는 데이터 속성명의 값을 부여합니다.

⑭ role
해당 컴포넌트의 역할을 정의한다. 사용자에게 정보를 제공하고 부여한 역할에 대해서는 동적으로 변경이 불가능합니다. banner, form, search, tab 등이 있습니다.

4) Z.Additional Attr.

① Attributes
JSP 페이지 사이에서 정보를 주고받거나 공유하기 위한 목적으로 사용합니다.

5) 레이아웃

① Location
해당 컴포넌트의 위치 정보를 보여줍니다.

② Size
해당 컴포넌트의 넓이와 높이를 설정합니다.

',17);function j(V,q){const s=a("Badge");return i(),b("div",null,[u,t(" Remark "),A("div",x,[A("p",h,[o(s,{type:"tip",text:"Remark",vertical:"middle"})]),m]),t(" "),y,t(" Remark "),A("div",z,[A("p",P,[o(s,{type:"tip",text:"Remark",vertical:"middle"})]),v]),t(" "),D,t(" Remark "),A("div",G,[A("p",w,[o(s,{type:"tip",text:"Remark",vertical:"middle"})]),E]),t(" "),N,X,t(" Remark "),A("div",I,[A("p",k,[o(s,{type:"tip",text:"Remark",vertical:"middle"})]),H]),t(" "),R,t(" Remark "),A("div",L,[A("p",Q,[o(s,{type:"tip",text:"Remark",vertical:"middle"})]),T]),t(" "),K])}const F=l(C,[["render",j],["__file","Common.html.vue"]]);export{F as default};