<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/cm/template/design_system/design_system.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="resource" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="id" dataType="text"></w2:column>
    					<w2:column id="category" name="category" dataType="text"></w2:column>
    					<w2:column id="title" name="타이틀" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="아이콘자원" dataType="text"></w2:column>
    					<w2:column id="previewSrc" name="미리보기자원" dataType="text"></w2:column>
    					<w2:column id="xmlpath" name="xml자원" dataType="text"></w2:column>
    					<w2:column id="favMenu" name="즐겨찾기" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data>
    					<w2:row></w2:row>
    				</w2:data>
    			</w2:dataList>
    			<w2:dataList baseNode="list" repeatNode="map" id="category" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="id" name="name1" dataType="text"></w2:column>
    					<w2:column id="iconSrc" name="name2" dataType="text"></w2:column>
    					<w2:column id="path" name="name3" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" src="/cm/template/design_system/studioAPI.js"></script>
    	<script type="text/javascript" lazy="false"><![CDATA[
scwin.initUserDataTop = true;
scwin.categoryTitleGrpMargin = 30;
scwin.onpageload = function () {
    // requestJson data 생성
    var requestJson = {
        "type": "REQUEST",
        "payload": {
            "type": "READ_TEMPLETE_FILE_LIST",
            // 전체 리스트를 조회하는 경우는 wds로 날려야함.
            "req": {
                "id": "wds"
            }
        }
    }
    studioAPI.exec(scwin.jsonDataCallBack, {}, requestJson);

    // LEFT메뉴 리사이징
    $(window).resize(function () {
        var win_w = $(this).width();

        if (win_w < 400) {
            $(".designSystem_layout").removeClass("hide_menu");
            $(".designSystem_layout").addClass("hide_menu");
        }
    });

    $(window).scroll( function() {
        setUserDataTop();
    });

};

fnScrollTo = function(id) {
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (id == scwin.favCategoryMenu) {//즐겨찾기 메뉴일 경우 즐겨찾기 항목이 없을 경우 아무것도 하지 않기.

        if (favMenuJson.length == 0) return;
        window.scrollTo(0,0);
    } else {
        var top = $p.getComponentById(id).getUserData("top");
        //즐겨찾기가 있으면 +30 해준다.
        if (favMenuJson.length != 0) top = top + scwin.categoryTitleGrpMargin;
        window.scrollTo(0,top-15);
    }
}

scwin.onpageunload = function () {
};

scwin.jsonDataCallBack = function (jsonData) {
    var jsonResource = jsonData && jsonData.res ? jsonData.res.resource : [];
    //var jsonCategory = jsonData && jsonData.res ? jsonData.res.category : [];
    var jsonCategory = [
        {
            "id": "Template",
            "iconSrc": "",
            "path": "/cm/template/",
            "rowStatus": "R"
        }
    ]
    var blankResource = [
        {
            "id": "00_new_component",
            "category": "00_new_component",
            "title": "빈 페이지",
            "iconSrc": "/cm/images/base/icon.png",
            "previewSrc": "/cm/images/base/icon.png",
            "xmlpath": "",
            "favMenu": "",
            "rowStatus": "R"
        }
    ]
    resource.setJSON(blankResource);
    resource.setJSON(jsonResource, true);
    category.setJSON(jsonCategory);
    //category
    for (var i = 0; i < jsonCategory.length; i++) {
        //console.log("start[" + i + "]" + jsonCategory[i].id);
        var genCatogoryIdx = categoryGen.insertChild();

        var strCategory = jsonCategory[i].id;
        var strCategoryMenuIcon = jsonCategory[i].iconSrc;
        var objCategoryTitle = categoryGen.getChild(genCatogoryIdx, "categoryTitle");
        objCategoryTitle.setValue(strCategory);//category anchor title setting
        var tagCategoryId = objCategoryTitle.getID();//좌측메뉴 클릭시 찾아갈 객체 id 얻어오기
        var objResourceListGen = categoryGen.getChild(genCatogoryIdx, "resourceListGen");

        //category menu setting
        var genCatogoryMenuIdx = categoryMenuGen.insertChild();
        var objCategoryMenu = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenu");
        objCategoryMenu.setValue(strCategory);
        //objCategoryMenu.setHref("#" + tagCategoryId);
        objCategoryMenu.setHref("javascript:setUserDataTop();fnScrollTo('" + tagCategoryId+"')");

        //console.log(tagCategoryId);
        atc_search.addItem(strCategory, genCatogoryMenuIdx);
        var objCategoryMenuIcon = categoryMenuGen.getChild(genCatogoryMenuIdx, "categoryMenuIcon");
        objCategoryMenuIcon.setSrc(strCategoryMenuIcon);

        //resource
        /*
        var filterCon = { type: 'row', colIndex: 'category', key: "00_화면시작", condition: 'and' };
        filterCon.key = strCategory;
        resource.clearFilter();
        resource.setColumnFilter(filterCon);
        */
        var jsonResForCategory = resource.getAllFilteredJSON();

        for (var j = 0; j < jsonResForCategory.length; j++) {
            //console.log("[" + j + "]" + jsonResForCategory[j].id);
            var strRessourceTitle = jsonResForCategory[j].title;
            var strRessourceIcon = jsonResForCategory[j].iconSrc;
            //hidden
            var strResourceId = jsonResForCategory[j].id;
            var strResourceCategory = jsonResForCategory[j].category;
            var strResourcePreviewSrc = jsonResForCategory[j].previewSrc;
            var strResourceXmlpath = jsonResForCategory[j].xmlpath;

            var genResourceIdx = objResourceListGen.insertChild();

            var objResourceTitle = objResourceListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = objResourceListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = objResourceListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = objResourceListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = objResourceListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = objResourceListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = objResourceListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            if (jsonResForCategory[j].favMenu == "1") {
                objResourceListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            }
        }

    }

    //좌측 카테고리에 즐겨찾기 추가
    var i = categoryMenuGen.insertChild();
    var categoryMenuObj = categoryMenuGen.getChild(i,"categoryMenu");
    var categoryMenuIconObj = categoryMenuGen.getChild(i,"categoryMenuIcon");
    categoryMenuObj.setValue("즐겨찾기");
    categoryMenuIconObj.setSrc("/cm/images/base/ico_ds_favorit.png");

    scwin.favCategoryMenu = categoryMenuObj.id;
    categoryMenuObj.setHref("javascript:setUserDataTop();fnScrollTo('" + scwin.favCategoryMenu+"')");

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
    	designSystemZoomBox.show("");
        $(".designSystem_zoom_box").addClass("on");
        $(".designSystem_dim").addClass("on");
    });
    $(".btn_zoom_close").on("click", function () {
    	designSystemZoomBox.hide();
        $(".designSystem_zoom_box").removeClass("on");
        $(".designSystem_dim").removeClass("on");
    });

    // Snippet 즐겨찾기
    $(".btn_snp_favorit").on("click", function () {
        $(this).toggleClass("on");
    });

    scwin.load_favMenu();
};

setUserDataTop = function () {
	if (scwin.initUserDataTop == true) {
		//console.log("initUserDataTop");
		var categoryGen = mf_wf_main_categoryGen;
		var dsHeaderHeight = mf_dsheaderGrp.render.getBoundingClientRect().height;
        var favFullHeight = 0;

        if (scwin.favgenTitleId && scwin.favGenFavListGenId) {
            if ($p.getComponentById(scwin.favgenTitleId) && $p.getComponentById(scwin.favGenFavListGenId)) {
                favFullHeight = $p.getComponentById(scwin.favgenTitleId).render.getBoundingClientRect().height + $p.getComponentById(scwin.favGenFavListGenId).render.getBoundingClientRect().height;
            } else {
                favFullHeight = 0;//즐겨찾기 추가후 해제한 경우
            }
        }

		for(i=0;i<categoryGen.getLength();i++){

			var categoryTitleObj = categoryGen.getChild(i,"categoryTitle");
			var topVal = categoryTitleObj.render.getBoundingClientRect().top;

			//console.log(categoryTitleObj.id);

            if (categoryTitleObj.getUserData("originTop") == undefined) {
                categoryTitleObj.setUserData("originTop", topVal - dsHeaderHeight);
                categoryTitleObj.setUserData("top", topVal - dsHeaderHeight);
            } else {
                categoryTitleObj.setUserData("top", categoryTitleObj.getUserData("originTop") + favFullHeight);
            }
		}

		scwin.initUserDataTop = false;
	}
}

// LEFT메뉴 버튼 토클
scwin.btnDsSlide_onclick = function () {
    $(".designSystem_layout").toggleClass("hide_menu");
};

scwin.resourceIcon_onclick = function (e) {
    var genIdx = this.getGeneratedIndex();

    var resourceIdObj = this.getGeneratedComponent("resourceId");
    var resourceCategoryObj = this.getGeneratedComponent("resourceCategory");
    var resourceTitelObj = this.getGeneratedComponent("resourceTitle");
    var resourceIconSrcObj = this.getGeneratedComponent("resourceIconSrc");
    var resourcePreviewSrcObj = this.getGeneratedComponent("resourcePreviewSrc");
    var resourceXmlpathObj = this.getGeneratedComponent("resourceXmlpath");

    console.log(genIdx + "번째 , click한  값 : " + resourceIdObj.getValue() + "\n" + resourceCategoryObj.getValue() + "\n" +
        resourceTitelObj.getValue() + "\n" +
        resourceIconSrcObj.getValue() + "\n" +
        resourcePreviewSrcObj.getValue() + "\n" +
        resourceXmlpathObj.getValue()
    );

    // request json 의 스펙을 생성한다.
    var reqJson = {
        "type": "REQUEST",
        "payload": {
            "type": "INSERT_TEMPLETE_PAGE",
            "req": {
                "id": "",
                "category": "",
                "title": "",
                "iconSrc": "",
                "previewSrc": "",
                "xmlpath": ""
            },
            "res": {}
        }
    }

    reqJson.payload.req.id = resourceIdObj.getValue();
    reqJson.payload.req.category = resourceCategoryObj.getValue();
    reqJson.payload.req.title = resourceTitelObj.getValue();
    reqJson.payload.req.iconSrc = resourceIconSrcObj.getValue();
    reqJson.payload.req.previewSrc = resourcePreviewSrcObj.getValue();
    reqJson.payload.req.xmlpath = resourceXmlpathObj.getValue();

    studioAPI.exec({}, {}, reqJson);
};
scwin.btn_popup_onclick = function () {
    var preview_src = this.getGeneratedComponent("resourceXmlpath").getValue().split("WebContent")[1].replaceAll("\\", "/");
    wf_preview.setSrc(preview_src);
};
scwin.atc_search_onviewchange = function (info) {

    var idx = info.newValue;
    if (idx == '') {
        $(".li_categoryMenuGen").css("display", "list-item");
        return;
    }
    $(".li_categoryMenuGen").css("display", "none");
    var selected = categoryMenuGen.getChild(idx, "li_category");
    var menu = categoryMenuGen.getChild(idx, "categoryMenu");
    selected.setStyle("display", "list-item");
    menu.trigger("onclick");
};

scwin.load_favMenu = function () {
    var insertIdx = 0;
    if (categoryGen.getChild(insertIdx, "categoryTitle") != null && categoryGen.getChild(insertIdx, "categoryTitle").getValue() == "즐겨찾기") {
        categoryGen.removeChild(insertIdx);
    }
    var filterFav = { type: 'row', colIndex: 'favMenu', key: "1", condition: 'and' };
    resource.clearFilter();
    resource.setColumnFilter(filterFav);
    var favMenuJson = resource.getAllFilteredJSON();

    if (favMenuJson.length > 0) {
        var genCatogoryFavIdx = categoryGen.insertChild(insertIdx);
        var genFavListGen = categoryGen.getChild(genCatogoryFavIdx, "resourceListGen");
        var genTitle = categoryGen.getChild(genCatogoryFavIdx, "categoryTitle");

        //즐겨찾기 타이틀, 리소스목록generator id 기억하기
        scwin.favGenFavListGenId = genFavListGen.id;
        scwin.favgenTitleId = genTitle.id;

        genTitle.setValue("즐겨찾기");
        //categoryMenuGen.getChild(categoryMenuGen.getLength() - 2, "categoryMenu").setHref("#" + genTitle.getID());
        for (var j = 0; j < favMenuJson.length; j++) {
            //console.log("[" + j + "]" + favMenuJson[j].id);
            var strRessourceTitle = favMenuJson[j].title;
            var strRessourceIcon = favMenuJson[j].iconSrc;
            //hidden
            var strResourceId = favMenuJson[j].id;
            var strResourceCategory = favMenuJson[j].category;
            var strResourcePreviewSrc = favMenuJson[j].previewSrc;
            var strResourceXmlpath = favMenuJson[j].xmlpath;

            var genResourceIdx = genFavListGen.insertChild();

            var objResourceTitle = genFavListGen.getChild(genResourceIdx, "resourceTitle");
            objResourceTitle.setValue(strRessourceTitle);//resource anchor title setting

            var objResourceIcon = genFavListGen.getChild(genResourceIdx, "resourceIcon");
            objResourceIcon.setSrc(strRessourceIcon);

            var objResourceIconSrc = genFavListGen.getChild(genResourceIdx, "resourceIconSrc");
            objResourceIconSrc.setValue(strRessourceIcon);

            var objResourceId = genFavListGen.getChild(genResourceIdx, "resourceId");
            objResourceId.setValue(strResourceId);

            var objResourceCategory = genFavListGen.getChild(genResourceIdx, "resourceCategory");
            objResourceCategory.setValue(strResourceCategory);

            var objResourcePreviewSrc = genFavListGen.getChild(genResourceIdx, "resourcePreviewSrc");
            objResourcePreviewSrc.setValue(strResourcePreviewSrc);

            var objResourceXmlpath = genFavListGen.getChild(genResourceIdx, "resourceXmlpath");
            objResourceXmlpath.setValue(strResourceXmlpath);

            genFavListGen.getChild(genResourceIdx, "btn_favorit").toggleClass("on");
            genFavListGen.getChild(genResourceIdx, "btn_favorit").addClass("inFavMenu");
        }
    }
    resource.clearFilter();
    scwin.initUserDataTop = true;//즐겨찾기 항목들이 추가로 그려짐에 따라 ogrigin위치 재계산을 위해 플래그값 수정함.

    // Snippet 미리보기
    $(".btn_snippet").on("click", function () {
        $(".designSystem_zoom_box").addClass("on");
        $(".designSystem_dim").addClass("on");
    });
}
scwin.btn_favorit_onclick = function () {
    var generatorIdx =  this.getGeneratedIndex();
    var id = this.getGenerator().getChild(generatorIdx, "resourceId").getValue();
    //getMatchedIndex는 filter된 데이타에서 찾으므로 잘못된 결과 리턴하여 하기와 같이 clear filter
    resource.clearFilter();
    var resourceIndex = resource.getMatchedIndex("id", id)[0];

    var status = resource.getRowData(resourceIndex)[6] == "1" ? "0" : "1";
    resource.setCellData(resourceIndex, "favMenu", status);

    var len = $(".btn_snp_favorit.on:not(.inFavMenu)").length;
    var title = this.getGenerator().getChild(generatorIdx, "resourceTitle").getValue();
    for (var i = 0; i < len; i++) {
        //var selector = ".btn_snp_favorit.on:eq(" + i + "):not(.inFavMenu)";
        var selector = ".btn_snp_favorit.on:not(.inFavMenu):eq(" + i + ")";
        if ($(selector).next().text() == title) {
            $(selector).toggleClass("on");
            break;
        }
    }
    setUserDataTop();
    scwin.load_favMenu();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload" style="">
      <xf:group id="layout" class="dk_layout page" style="">
        <xf:group class="dk_search" id="" style="">
        	<w2:autoComplete editType="select" id="atc_search" useKeywordHighlight="false" style="width: 178px;height: 21px;"
        		submenuSize="auto" search="contain" autoFocus="false" allowEmptySubmission="false" emptyItem="true" emptyIndex="1"
        		noResult="useData" ev:onviewchange="scwin.atc_search_onviewchange" allOption="" chooseOption="" ref="" placeholder="Search..." class="dk_menu_search">
        		<w2:choices>
        			<w2:item>
        				<w2:label><![CDATA[전체]]></w2:label>
        				<w2:value><![CDATA[]]></w2:value>
        			</w2:item>
        		</w2:choices>
        	</w2:autoComplete>
        </xf:group>
        <xf:group style="" id="" class="dk_side">
          <xf:group style="" id="" class="dk_menu">
            <w2:generator id="categoryMenuGen" style="" tagname="ul">
              <xf:group id="li_category" style="" tagname="li" class="li_categoryMenuGen">
                <xf:group id="" tagname="a">
                  <w2:attributes>
                    <w2:href>#mf_layout</w2:href>
                  </w2:attributes>
                  <xf:image id="categoryMenuIcon" src="/cm/template/snippets/00_화면시작/00_화면시작.png" style=""></xf:image>
                </xf:group>
                <w2:anchor class="designSystem_m_tit" href="#mf_layout" id="categoryMenu" outerDiv="false" style="">
                  <xf:label><![CDATA[화면시작]]></xf:label>
                </w2:anchor>
              </xf:group>
            </w2:generator>
          </xf:group>
        </xf:group>
        <w2:generator style="" id="categoryGen" class="dk_cont">
        	<xf:group class="dk_dfbox" id="categoryTitleGrp" style="">
        		<w2:textbox class="designSystem_df_tit" id="categoryTitle" label="화면시작" style=""></w2:textbox>
        	</xf:group>
        	<w2:generator class="dk_list" id="resourceListGen" style="" tagname="ul">
        		<xf:group class="item" id="" style="" tagname="li">
        			<xf:group class="img_box" id="">
        				<xf:image id="resourceIcon" src="/cm/template/snippets/00_화면시작/0_01%20페이지시작_icon.png" style="" tabIndex=""
        					ev:onclick="scwin.resourceIcon_onclick">
        				</xf:image>
        				<xf:input adjustMaxLength="false" id="resourceId" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceCategory" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourcePreviewSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceXmlpath" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:input adjustMaxLength="false" id="resourceIconSrc" style="width: 144px;height: 21px;" type="hidden"></xf:input>
        				<xf:group class="sc_area" id="" style="">
        					<w2:anchor class="btn_snippet" id="btn_popup" outerDiv="false" style="" ev:onclick="scwin.btn_popup_onclick">
        						<xf:label><![CDATA[미리보기]]></xf:label>
        					</w2:anchor>
        				</xf:group>

        			</xf:group>

        			<xf:group id="" class="title_box">
        				<w2:anchor outerDiv="false" style="" id="btn_favorit" class="btn_snp_favorit"
        					ev:onclick="scwin.btn_favorit_onclick">
        					<xf:label><![CDATA[즐겨찾기]]></xf:label>
        				</w2:anchor>
        				<w2:anchor outerDiv="false" style="" id="resourceTitle" ev:onclick="scwin.resourceIcon_onclick">
        					<xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
        				</w2:anchor>
        			</xf:group>
        		</xf:group>
        	</w2:generator>
        </w2:generator>
        <xf:group style="display: none" id="" class="dk_cont">
          <xf:group style="" id="" class="designSystem_dfbox">
            <w2:textbox style="" id="" label="화면시작" class="designSystem_df_tit"></w2:textbox>

          </xf:group>
          <w2:generator style="" id="" class="designSystem_list" tagname="ul">
            <xf:group class="item" id="" tagname="li" style="">
              <xf:group class="img_box" id="">
                <xf:image id="" src="/cm/template/snippets/00_화면시작/01_페이지시작_icon.png" style="" tabIndex=""></xf:image>
                <xf:group class="sc_area" id="" style="">
                  <w2:anchor class="btn_snippet" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[미리보기]]></xf:label>
                  </w2:anchor>
                  <w2:anchor class="btn_snp_favorit" id="" outerDiv="false" style="">
                    <xf:label><![CDATA[즐겨찾기]]></xf:label>
                  </w2:anchor>
                </xf:group>
              </xf:group>
              <w2:anchor id="" outerDiv="false" style="">
                <xf:label><![CDATA[01_페이지시작_icon]]></xf:label>
              </w2:anchor>
            </xf:group>
          </w2:generator>
        </xf:group>
        <xf:group style="" id="designSystemZoomBox" class="dk_zoom">
        <xf:group id="" class="dk_zoom_comp"><w2:wframe style="" id="wf_preview"></w2:wframe><w2:anchor ref="" outerDiv="false" style="" id="" class="btn_zoom_close">
        		<xf:label><![CDATA[Insert Text]]></xf:label>
        	</w2:anchor></xf:group></xf:group>
        <xf:group style="" id="" class="dk_dim"></xf:group>
      </xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dlt_cssFileList" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="label" name="name1" dataType="text"></w2:column>
    					<w2:column id="path" name="name2" dataType="text"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
        					<path><![CDATA[style]]></path>
        					<![CDATA[내부 internalStyle]]>
        				</w2:row>
        				<w2:row>
        					<path><![CDATA[/css/example.css]]></path>
        					<![CDATA[[예제별 예시] /css/example.css]]>
        				</w2:row>
        				<w2:row>
        					<path><![CDATA[/cm/css/base.css]]></path>
        					<![CDATA[[공통]/cm/css/base.css]]>
        				</w2:row>
        				<w2:row>
        					<path><![CDATA[/cm/css/contents.css]]></path>
        					<![CDATA[[공통]/cm/css/contents.css]]>
        				</w2:row>
        				<w2:row>
        					<path><![CDATA[/frame/css/ws5_example.css]]></path>
        					<![CDATA[[공통]/frame/css/ws5_example.css]]>
        				</w2:row>
    				</w2:data>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />

    	<xf:group class="wrap mobile" id="grp_main_wrap" style="">
    		<xf:group style="" id="" class="header">
    			<w2:anchor class="btn_toggle_menu" id="btn_toggle_menu" name="" outerDiv="false" style=""
    				ev:onclick="scwin.btn_toggle_menu_onclick" title="메뉴 확장/축소">
    				<xf:label><![CDATA[tootleMenu]]></xf:label>
    			</w2:anchor>
    			<xf:group class="" id="" style="" tagname="h1">
    				<w2:anchor class="logo" id="btn_logo" outerDiv="false" ev:onclick="scwin.btn_logo_onclick" title="브라우저 새로고침">
    					<xf:label><![CDATA[inswave systems]]></xf:label>
    				</w2:anchor>
					<w2:textbox id="" label="ver." class="ws_ver" style="" tagname="span"></w2:textbox>
    				<w2:textbox id="" label="SP5" class="ws_ver" style="" tagname="strong"></w2:textbox>
    			</xf:group>
    			<xf:group style="" id="" class="grp_r_link">
    				<xf:group id="" class="">
    					<xf:trigger ev:onclick="scwin.btn_sitemap_onclick" style="display: none;" id="btn_sitemap" type="button" class="btn_exam_tran">
    						<xf:label><![CDATA[사이트맵]]></xf:label>
    					</xf:trigger>
    					<xf:trigger class="btn_pc_mode" id="btn_pc" style="" type="button" ev:onclick="scwin.btn_pc_onclick">
    						<xf:label><![CDATA[PC 버전]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    			</xf:group>

    		</xf:group>
    		<xf:group id="grp_container" class="container">
    			<xf:group style="" id="" class="contents">
    				<w2:wframe style="min- height: 300px;" id="wfm_mainContent"></w2:wframe>
    			</xf:group>
    		</xf:group>
    		<w2:wframe class="side" id="wfm_leftContainer" style=""></w2:wframe>
    	</xf:group>
    	<xf:group style="display: none;" id="grp_hidden">

    	</xf:group>
    	<input id="hidden_clipboard_input" style="position:absolute;left:-1000px;top:-1000px;border:0px solid #fff;"></input>


<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<WebSquare>

<components>

    <component category="/frame/udc" company="" componentType="pageComponent" description="" developer="" disableIcon="" display="udc_example_viewer" displaySrc="/frame/udc/example_viewer.xml" height="200px" htmlRender="" icon="" id="udc_example_viewer" namespaceURI="http://www.inswave.com/websquare" notSupportBrowser="" project="EXAMPLE" realType="udc_example_viewer" ternId="_frame_udc_example_viewer" udc2Component="true" variableClone="true" version="" visible="true" width="200px">
            <properties>
                <property bindparent="" default="" description="desc" maincategory="Basic & ETC" maincategoryorder="01" name="style" necessary="no" type="string"/>
                <property bindparent="" default="" description="desc" maincategory="Basic & ETC" maincategoryorder="01" name="class" necessary="no" type="string"/>
                <property bindparent="" default="udc_exampleViewer" description="컴포넌트의 ID" maincategory="Basic & ETC" maincategoryorder="01" name="id" necessary="no" type="string"/>
                <property bindparent="" default="" description="[default:true,false] 실행된 예제를 확장 또는 축소한다. true: 확장 상태, false:축소 상태." maincategory="Basic & ETC" maincategoryorder="01" name="openExampleView" necessary="no" type="combobox">
                    <option name="true" value="true"/>
                    <option name="false" value="false"/>
                </property>
                <property bindparent="" default="" description="[default:true,false] 소스보기를 확장 또는 축소한다. true: 확장 상태, false:축소 상태." maincategory="Basic & ETC" maincategoryorder="01" name="openSourceView" necessary="no" type="combobox">
                    <option name="true" value="true"/>
                    <option name="false" value="false"/>
                </property>
            </properties>
        </component>
    <component category="/frame/udc" company="" componentType="pageComponent" description="" developer="na" disableIcon="" display="udc_example_refresh" displaySrc="/frame/udc/example_refresh.xml" height="200px" htmlRender="" icon="" id="udc_example_refresh" namespaceURI="http://www.inswave.com/websquare" notSupportBrowser="" project="EXAMPLE" realType="udc_example_refresh" ternId="_frame_udc_example_refresh" udc2Component="true" variableClone="true" version="" visible="true" width="200px">
            <properties>
                <property bindparent="" default="" description="desc" maincategory="Basic & ETC" maincategoryorder="01" name="style" necessary="no" type="string"/>
                <property bindparent="" default="" description="desc" maincategory="Basic & ETC" maincategoryorder="01" name="class" necessary="no" type="string"/>
                <property bindparent="" default="udc_example_refresh" description="desc" maincategory="Basic & ETC" maincategoryorder="01" name="id" necessary="no" type="string"/>
            </properties>
        </component>
    </components>
</WebSquare>