@j-solution/components 1.8.0 → 1.9.0

package/components/templates/JLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JLayout.vue.js","sources":["../../../../src/components/templates/JLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/**\r\n * JLayout - 기본 레이아웃 컴포넌트 (templates)\r\n * Base Layout Component\r\n * \r\n * @description\r\n * 공통 레이아웃 구조를 제공하는 기본 컴포넌트입니다.\r\n * Header, Sidebar, Content 영역을 슬롯으로 제공하여 유연한 레이아웃 구성이 가능합니다.\r\n * \r\n * 레이아웃 구조:\r\n * - header: 상단 헤더 영역 (슬롯)\r\n * - sidebar: 사이드바 영역 (슬롯)\r\n * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯도 지원)\r\n * \r\n * @example\r\n * ```vue\r\n * <JLayout styletype=\"default\" :content-scroll=\"true\">\r\n *   <template #header>\r\n *     <JHeader logo-text=\"JWMS Portal\" />\r\n *   </template>\r\n *   <template #sidebar>\r\n *     <JSidebarSimple :menu-items=\"menuItems\" />\r\n *   </template>\r\n *   <template #content>\r\n *     <div>메인 콘텐츠</div>\r\n *   </template>\r\n * </JLayout>\r\n * ```\r\n * \r\n * @example 기본 슬롯 사용\r\n * ```vue\r\n * <JLayout>\r\n *   <div>기본 콘텐츠</div>\r\n * </JLayout>\r\n * ```\r\n */\r\n\r\ntype StyleType = 'default' | 'minimal'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 레이아웃 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n  }\r\n)\r\n\r\n// JLayout은 사이드바 상태를 직접 관리하지 않고, 슬롯으로 전달\r\n// Preset 컴포넌트(JLayoutAdvanced, JLayoutSimple)에서 상태 관리\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  contentClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'flex flex-col h-screen w-full overflow-hidden',\r\n    contentClass: 'flex flex-1 overflow-hidden',\r\n  },\r\n  minimal: {\r\n    containerClass: 'flex flex-col h-screen w-full overflow-hidden',\r\n    contentClass: 'flex flex-1 overflow-hidden',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst contentClasses = computed(() => {\r\n  return cn(\r\n    preset.value.contentClass,\r\n    !props.contentScroll && 'overflow-hidden'\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn(preset.containerClass, props.class)\">\r\n    <!-- 헤더 슬롯 -->\r\n    <slot name=\"header\" />\r\n\r\n    <!-- 메인 컨텐츠 영역 -->\n    <div :class=\"contentClasses\">\n      <!-- 사이드바 슬롯 (사이드바가 보일 때만 border 표시) -->\n      <slot name=\"sidebar\" />\n\n      <!-- 콘텐츠 슬롯 -->\n      <div class=\"flex-1 flex flex-col min-h-0\" :class=\"props.contentScroll ? 'overflow-auto' : 'overflow-hidden'\">\n        <slot name=\"content\">\n          <!-- 기본 슬롯도 지원 -->\n          <slot />\n        </slot>\n      </div>\n    </div>\n  </div>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","preset","computed","contentClasses","cn","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_createElementVNode"],"mappings":";;;;;;;;;;AA0CA,UAAMA,IAAQC,GAqBRC,IAGD;AAAA,MACH,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,MAEhB,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,IAChB,GAGIC,IAASC,EAAS,MACfF,EAAcF,EAAM,SAAS,KAAKE,EAAc,OACxD,GAEKG,IAAiBD,EAAS,MACvBE;AAAA,MACLH,EAAO,MAAM;AAAA,MACb,CAACH,EAAM,iBAAiB;AAAA,IAAA,CAE3B;2BAICO,EAiBM,OAAA;AAAA,MAjBA,OAAKC,EAAEC,KAAGN,EAAA,MAAO,gBAAgBH,EAAM,KAAK,CAAA;AAAA,IAAA;MAEhDU,EAAsBC,EAAA,QAAA,QAAA;AAAA,MAGtBC,EAWM,OAAA;AAAA,QAXA,SAAOP,EAAA,KAAc;AAAA,MAAA;QAEzBK,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAGvBC,EAKM,OAAA;AAAA,UALD,OAAKJ,EAAA,CAAC,gCAAuCR,EAAM,gBAAa,kBAAA,iBAAA,CAAA;AAAA,QAAA;UACnEU,EAGOC,yBAHP,MAGO;AAAA,YADLD,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"JLayout.vue.js","sources":["../../../../src/components/templates/JLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { cn } from '@/lib/utils'\n\n/**\n * JLayout - 기본 레이아웃 컴포넌트 (templates)\n * Base Layout Component\n * \n * @description\n * 공통 레이아웃 구조를 제공하는 기본 컴포넌트입니다.\n * Header, Sidebar, Content 영역을 슬롯으로 제공하여 유연한 레이아웃 구성이 가능합니다.\n * \n * 레이아웃 구조:\n * - header: 상단 헤더 영역 (슬롯)\n * - sidebar: 사이드바 영역 (슬롯)\n * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯도 지원)\n * \n * @example\n * ```vue\n * <JLayout styletype=\"default\" :content-scroll=\"true\">\n *   <template #header>\n *     <JHeader logo-text=\"JWMS Portal\" />\n *   </template>\n *   <template #sidebar>\n *     <JSidebarSimple :menu-items=\"menuItems\" />\n *   </template>\n *   <template #content>\n *     <div>메인 콘텐츠</div>\n *   </template>\n * </JLayout>\n * ```\n * \n * @example 기본 슬롯 사용\n * ```vue\n * <JLayout>\n *   <div>기본 콘텐츠</div>\n * </JLayout>\n * ```\n */\n\ntype StyleType = 'default' | 'minimal'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 레이아웃 스타일 타입 */\n    styletype?: StyleType\n    /** 콘텐츠 영역 스크롤 가능 여부 */\n    contentScroll?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    contentScroll: true,\n  }\n)\n\n// JLayout은 사이드바 상태를 직접 관리하지 않고, 슬롯으로 전달\n// Preset 컴포넌트(JLayoutAdvanced, JLayoutSimple)에서 상태 관리\n\n/**\n * 스타일 프리셋\n */\nconst STYLE_PRESETS: Record<StyleType, {\n  containerClass: string\n  contentClass: string\n}> = {\n  default: {\n    containerClass: 'flex flex-col h-screen w-full overflow-hidden',\n    contentClass: 'flex flex-1 overflow-hidden',\n  },\n  minimal: {\n    containerClass: 'flex flex-col h-screen w-full overflow-hidden',\n    contentClass: 'flex flex-1 overflow-hidden',\n  },\n}\n\nconst preset = computed(() => {\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\n})\n\nconst contentClasses = computed(() => {\n  return cn(\n    preset.value.contentClass,\n    !props.contentScroll && 'overflow-hidden'\n  )\n})\n</script>\n\n<template>\n  <div :class=\"cn(preset.containerClass, props.class)\">\n    <!-- 헤더 슬롯 -->\n    <slot name=\"header\" />\n\n    <!-- 메인 컨텐츠 영역 -->\n    <div :class=\"contentClasses\">\n      <!-- 사이드바 슬롯 (사이드바가 보일 때만 border 표시) -->\n      <slot name=\"sidebar\" />\n\n      <!-- 콘텐츠 슬롯 -->\n      <div class=\"flex-1 flex flex-col min-h-0\" :class=\"props.contentScroll ? 'overflow-auto' : 'overflow-hidden'\">\n        <slot name=\"content\">\n          <!-- 기본 슬롯도 지원 -->\n          <slot />\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","preset","computed","contentClasses","cn","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_createElementVNode"],"mappings":";;;;;;;;;;AA0CA,UAAMA,IAAQC,GAqBRC,IAGD;AAAA,MACH,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,MAEhB,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,IAChB,GAGIC,IAASC,EAAS,MACfF,EAAcF,EAAM,SAAS,KAAKE,EAAc,OACxD,GAEKG,IAAiBD,EAAS,MACvBE;AAAA,MACLH,EAAO,MAAM;AAAA,MACb,CAACH,EAAM,iBAAiB;AAAA,IAAA,CAE3B;2BAICO,EAiBM,OAAA;AAAA,MAjBA,OAAKC,EAAEC,KAAGN,EAAA,MAAO,gBAAgBH,EAAM,KAAK,CAAA;AAAA,IAAA;MAEhDU,EAAsBC,EAAA,QAAA,QAAA;AAAA,MAGtBC,EAWM,OAAA;AAAA,QAXA,SAAOP,EAAA,KAAc;AAAA,MAAA;QAEzBK,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAGvBC,EAKM,OAAA;AAAA,UALD,OAAKJ,EAAA,CAAC,gCAAuCR,EAAM,gBAAa,kBAAA,iBAAA,CAAA;AAAA,QAAA;UACnEU,EAGOC,yBAHP,MAGO;AAAA,YADLD,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;"}

package/components/templates/JLayoutSimple.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./JLayout.vue.cjs"),i=require("../organisms/JHeader.vue.cjs"),n=require("../organisms/JSidebarSimple.vue.cjs"),d=require("../organisms/JPageContainer.vue.cjs"),p=e.defineComponent({__name:"JLayoutSimple",props:{styletype:{default:"default"},contentScroll:{type:Boolean,default:!0},class:{},menuItems:{default:()=>[]},permissions:{default:()=>[]}},setup(a){const s=a,t=e.ref(!0),l=()=>{t.value=!t.value};return(r,o)=>(e.openBlock(),e.createBlock(u.default,e.normalizeProps(e.guardReactiveProps(s)),{header:e.withCtx(()=>[e.renderSlot(r.$slots,"header",{isSidebarOpen:t.value,onSidebarToggle:l},()=>[e.createVNode(i.default,{"logo-text":"JWMS Portal",styletype:s.styletype,"show-sidebar-toggle":!0,"is-sidebar-open":t.value,onSidebarToggle:l},null,8,["styletype","is-sidebar-open"])])]),sidebar:e.withCtx(()=>[e.renderSlot(r.$slots,"sidebar",{isSidebarOpen:t.value},()=>[e.createVNode(n.default,{"menu-items":s.menuItems,permissions:s.permissions,styletype:s.styletype,"is-visible":t.value},null,8,["menu-items","permissions","styletype","is-visible"])])]),content:e.withCtx(()=>[e.renderSlot(r.$slots,"content",{},()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createVNode(d.default,{title:"페이지 제목"},{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createElementVNode("div",{class:"p-6"},[e.createElementVNode("p",{class:"text-muted-foreground"},"콘텐츠를 배치해주세요.")],-1)])]),_:1})])])]),_:3},16))}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./JLayout.vue.cjs"),c=require("../organisms/JHeader.vue.cjs"),_=require("../organisms/JSidebar/JSidebar.vue.cjs"),v=require("../organisms/JPageContainer.vue.cjs"),g=e.defineComponent({__name:"JLayoutSimple",props:{styletype:{default:"default"},contentScroll:{type:Boolean,default:!0},class:{},menuItems:{default:()=>[]},activePath:{},storageKey:{}},emits:["menu-click"],setup(s,{emit:u}){const o=s,n=u,t=e.ref(!1),r=()=>{t.value=!t.value},i=(l,a)=>{n("menu-click",l,a)};return(l,a)=>(e.openBlock(),e.createBlock(p.default,e.normalizeProps(e.guardReactiveProps(o)),{header:e.withCtx(()=>[e.renderSlot(l.$slots,"header",{isSidebarCollapsed:t.value,onSidebarToggle:r},()=>[e.createVNode(c.default,{"logo-text":"JWMS Portal",styletype:o.styletype,"show-sidebar-toggle":!0,"is-sidebar-open":!t.value,onSidebarToggle:r},null,8,["styletype","is-sidebar-open"])])]),sidebar:e.withCtx(()=>[e.renderSlot(l.$slots,"sidebar",{isSidebarCollapsed:t.value},()=>[e.createVNode(_.default,{collapsed:t.value,"onUpdate:collapsed":a[0]||(a[0]=d=>t.value=d),items:o.menuItems,"active-path":o.activePath,"storage-key":o.storageKey,onMenuClick:i},null,8,["collapsed","items","active-path","storage-key"])])]),content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{},()=>[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(v.default,{title:"페이지 제목"},{default:e.withCtx(()=>[...a[1]||(a[1]=[e.createElementVNode("div",{class:"p-6"},[e.createElementVNode("p",{class:"text-muted-foreground"},"콘텐츠를 배치해주세요.")],-1)])]),_:1})])])]),_:3},16))}});exports.default=g;
 //# sourceMappingURL=JLayoutSimple.vue.cjs.map

package/components/templates/JLayoutSimple.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JLayoutSimple.vue.cjs","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport JLayout from './JLayout.vue'\r\nimport JHeader from '@/components/organisms/JHeader.vue'\r\nimport JSidebarSimple from '@/components/organisms/JSidebarSimple.vue'\r\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\r\nimport type { SidebarMenuItem, MenuPermission } from '@/types/sidebar-menu.types'\r\n\r\n/**\r\n * JLayoutSimple - Simple Sidebar + 일반 PageContainer 조합 템플릿 (templates)\r\n * Simple Layout Template\r\n * \r\n * @description\r\n * JLayout을 사용하는 Preset 템플릿입니다.\r\n * JHeader, JSidebarSimple, JPageContainer를 조합한 기본 레이아웃 예시를 제공합니다.\r\n * \r\n * 레이아웃 구조:\r\n * - header: 상단 헤더 영역 (슬롯)\r\n * - sidebar: 사이드바 영역 (슬롯)\r\n * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯)\r\n * \r\n * @example\r\n * ```vue\r\n * <JLayoutSimple styletype=\"default\" :content-scroll=\"true\">\r\n *   <template #header>\r\n *     <JHeader logo-text=\"JWMS Portal\" :user-name=\"userName\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #sidebar>\r\n *     <JSidebarSimple :menu-items=\"menuItems\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #content>\r\n *     <JPageContainer title=\"재고 관리\">\r\n *       <div>페이지 콘텐츠</div>\r\n *     </JPageContainer>\r\n *   </template>\r\n * </JLayoutSimple>\r\n * ```\r\n */\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 레이아웃 스타일 타입 */\r\n    styletype?: 'default' | 'minimal'\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 메뉴 아이템 목록 */\r\n    menuItems?: SidebarMenuItem[]\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n    menuItems: () => [],\r\n    permissions: () => [],\r\n  }\r\n)\r\n\r\n/**\r\n * 사이드바 열림 상태\r\n */\r\nconst isSidebarOpen = ref(true)\r\n\r\n/**\r\n * 사이드바 토글 핸들러\r\n */\r\nconst handleSidebarToggle = () => {\r\n  isSidebarOpen.value = !isSidebarOpen.value\r\n}\r\n</script>\r\n\r\n<template>\r\n  <JLayout v-bind=\"props\">\r\n    <template #header>\r\n      <slot name=\"header\" :is-sidebar-open=\"isSidebarOpen\" :on-sidebar-toggle=\"handleSidebarToggle\">\r\n        <!-- 기본 헤더 예시 -->\r\n        <JHeader \r\n          logo-text=\"JWMS Portal\" \r\n          :styletype=\"props.styletype\"\r\n          :show-sidebar-toggle=\"true\"\r\n          :is-sidebar-open=\"isSidebarOpen\"\r\n          @sidebar-toggle=\"handleSidebarToggle\"\r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #sidebar>\r\n      <slot name=\"sidebar\" :is-sidebar-open=\"isSidebarOpen\">\r\n        <!-- 기본 사이드바 예시 -->\r\n        <JSidebarSimple \r\n          :menu-items=\"props.menuItems\" \r\n          :permissions=\"props.permissions\"\r\n          :styletype=\"props.styletype\" \r\n          :is-visible=\"isSidebarOpen\" \r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #content>\r\n      <slot name=\"content\">\r\n        <slot>\r\n          <!-- 기본 콘텐츠 예시 -->\r\n          <JPageContainer title=\"페이지 제목\">\r\n            <div class=\"p-6\">\r\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\r\n            </div>\r\n          </JPageContainer>\r\n        </slot>\r\n      </slot>\r\n    </template>\r\n  </JLayout>\r\n</template>\r\n\r\n"],"names":["props","__props","isSidebarOpen","ref","handleSidebarToggle","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebarSimple","JPageContainer","_cache","_createElementVNode"],"mappings":"kfAuCA,MAAMA,EAAQC,EAwBRC,EAAgBC,EAAAA,IAAI,EAAI,EAKxBC,EAAsB,IAAM,CAChCF,EAAc,MAAQ,CAACA,EAAc,KACvC,gBAIEG,EAAAA,UAAA,EAAAC,cAoCUC,EAAAA,8CApCOP,CAAK,CAAA,EAAA,CACT,iBACT,IASO,CATPQ,aASOC,EAAA,OAAA,SAAA,CATc,cAAiBP,EAAA,MAAgB,gBAAmBE,CAAA,EAAzE,IASO,CAPLM,EAAAA,YAMEC,EAAAA,QAAA,CALA,YAAU,cACT,UAAWX,EAAM,UACjB,sBAAqB,GACrB,kBAAiBE,EAAA,MACjB,gBAAgBE,CAAA,8CAIZ,kBACT,IAQO,CARPI,aAQOC,EAAA,OAAA,UAAA,CARe,cAAiBP,EAAA,KAAA,EAAvC,IAQO,CANLQ,EAAAA,YAKEE,EAAAA,QAAA,CAJC,aAAYZ,EAAM,UAClB,YAAaA,EAAM,YACnB,UAAWA,EAAM,UACjB,aAAYE,EAAA,KAAA,oEAIR,kBACT,IASO,CATPM,EAAAA,WASOC,sBATP,IASO,CARLD,EAAAA,WAOOC,sBAPP,IAOO,CALLC,EAAAA,YAIiBG,EAAAA,QAAA,CAJD,MAAM,UAAQ,mBAC5B,IAEM,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFNC,EAAAA,mBAEM,MAAA,CAFD,MAAM,OAAK,CACdA,EAAAA,mBAAiD,IAAA,CAA9C,MAAM,uBAAA,EAAwB,cAAY,CAAA"}
+{"version":3,"file":"JLayoutSimple.vue.cjs","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport JLayout from './JLayout.vue'\nimport JHeader from '@/components/organisms/JHeader.vue'\nimport JSidebar from '@/components/organisms/JSidebar/JSidebar.vue'\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\nimport type { SidebarMenuItem } from '@/types/sidebar.types'\n\n/**\n * JLayoutSimple - JSidebar + 일반 PageContainer 조합 템플릿\n *\n * @example\n * ```vue\n * <JLayoutSimple :menu-items=\"menuItems\" storage-key=\"my-app-favorites\">\n *   <template #content>\n *     <RouterView />\n *   </template>\n * </JLayoutSimple>\n * ```\n */\n\nconst props = withDefaults(\n  defineProps<{\n    /** 레이아웃 스타일 타입 */\n    styletype?: 'default' | 'minimal'\n    /** 콘텐츠 영역 스크롤 가능 여부 */\n    contentScroll?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n    /** 메뉴 아이템 목록 */\n    menuItems?: SidebarMenuItem[]\n    /** 현재 활성 경로 */\n    activePath?: string\n    /** 즐겨찾기 localStorage 키 */\n    storageKey?: string\n  }>(),\n  {\n    styletype: 'default',\n    contentScroll: true,\n    menuItems: () => [],\n  }\n)\n\nconst emit = defineEmits<{\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\nconst isSidebarCollapsed = ref(false)\n\nconst handleSidebarToggle = () => {\n  isSidebarCollapsed.value = !isSidebarCollapsed.value\n}\n\nconst handleMenuClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n</script>\n\n<template>\n  <JLayout v-bind=\"props\">\n    <template #header>\n      <slot name=\"header\" :is-sidebar-collapsed=\"isSidebarCollapsed\" :on-sidebar-toggle=\"handleSidebarToggle\">\n        <JHeader\n          logo-text=\"JWMS Portal\"\n          :styletype=\"props.styletype\"\n          :show-sidebar-toggle=\"true\"\n          :is-sidebar-open=\"!isSidebarCollapsed\"\n          @sidebar-toggle=\"handleSidebarToggle\"\n        />\n      </slot>\n    </template>\n    <template #sidebar>\n      <slot name=\"sidebar\" :is-sidebar-collapsed=\"isSidebarCollapsed\">\n        <JSidebar\n          v-model:collapsed=\"isSidebarCollapsed\"\n          :items=\"props.menuItems\"\n          :active-path=\"props.activePath\"\n          :storage-key=\"props.storageKey\"\n          @menu-click=\"handleMenuClick\"\n        />\n      </slot>\n    </template>\n    <template #content>\n      <slot name=\"content\">\n        <slot>\n          <!-- 기본 콘텐츠 예시 -->\n          <JPageContainer title=\"페이지 제목\">\n            <div class=\"p-6\">\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\n            </div>\n          </JPageContainer>\n        </slot>\n      </slot>\n    </template>\n  </JLayout>\n</template>\n"],"names":["props","__props","emit","__emit","isSidebarCollapsed","ref","handleSidebarToggle","handleMenuClick","item","event","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebar","$event","JPageContainer","_cache","_createElementVNode"],"mappings":"khBAqBA,MAAMA,EAAQC,EAsBRC,EAAOC,EAIPC,EAAqBC,EAAAA,IAAI,EAAK,EAE9BC,EAAsB,IAAM,CAChCF,EAAmB,MAAQ,CAACA,EAAmB,KACjD,EAEMG,EAAkB,CAACC,EAAuBC,IAAsB,CACpEP,EAAK,aAAcM,EAAMC,CAAK,CAChC,gBAIEC,EAAAA,UAAA,EAAAC,cAmCUC,EAAAA,8CAnCOZ,CAAK,CAAA,EAAA,CACT,iBACT,IAQO,CARPa,aAQOC,EAAA,OAAA,SAAA,CARc,mBAAsBV,EAAA,MAAqB,gBAAmBE,CAAA,EAAnF,IAQO,CAPLS,EAAAA,YAMEC,EAAAA,QAAA,CALA,YAAU,cACT,UAAWhB,EAAM,UACjB,sBAAqB,GACrB,mBAAkBI,EAAA,MAClB,gBAAgBE,CAAA,8CAIZ,kBACT,IAQO,CARPO,aAQOC,EAAA,OAAA,UAAA,CARe,mBAAsBV,EAAA,KAAA,EAA5C,IAQO,CAPLW,EAAAA,YAMEE,EAAAA,QAAA,CALQ,UAAWb,EAAA,0CAAAA,EAAkB,MAAAc,GACpC,MAAOlB,EAAM,UACb,cAAaA,EAAM,WACnB,cAAaA,EAAM,WACnB,YAAYO,CAAA,gEAIR,kBACT,IASO,CATPM,EAAAA,WASOC,sBATP,IASO,CARLD,EAAAA,WAOOC,sBAPP,IAOO,CALLC,EAAAA,YAIiBI,EAAAA,QAAA,CAJD,MAAM,UAAQ,mBAC5B,IAEM,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAFNC,EAAAA,mBAEM,MAAA,CAFD,MAAM,OAAK,CACdA,EAAAA,mBAAiD,IAAA,CAA9C,MAAM,uBAAA,EAAwB,cAAY,CAAA"}

package/components/templates/JLayoutSimple.vue.js

@@ -1,51 +1,57 @@
-import { defineComponent as m, ref as d, createBlock as u, openBlock as f, normalizeProps as c, guardReactiveProps as y, withCtx as o, renderSlot as l, createVNode as r, createElementVNode as n } from "vue";
-import b from "./JLayout.vue.js";
-import S from "../organisms/JHeader.vue.js";
-import g from "../organisms/JSidebarSimple.vue.js";
-import v from "../organisms/JPageContainer.vue.js";
-const O = /* @__PURE__ */ m({
+import { defineComponent as f, ref as g, createBlock as y, openBlock as v, normalizeProps as b, guardReactiveProps as S, withCtx as l, renderSlot as s, createVNode as r, createElementVNode as n } from "vue";
+import k from "./JLayout.vue.js";
+import _ from "../organisms/JHeader.vue.js";
+import $ from "../organisms/JSidebar/JSidebar.vue.js";
+import h from "../organisms/JPageContainer.vue.js";
+const w = /* @__PURE__ */ f({
   __name: "JLayoutSimple",
   props: {
     styletype: { default: "default" },
     contentScroll: { type: Boolean, default: !0 },
     class: {},
     menuItems: { default: () => [] },
-    permissions: { default: () => [] }
+    activePath: {},
+    storageKey: {}
   },
-  setup(p) {
-    const t = p, e = d(!0), i = () => {
+  emits: ["menu-click"],
+  setup(d, { emit: p }) {
+    const a = d, m = p, e = g(!1), i = () => {
       e.value = !e.value;
+    }, u = (t, o) => {
+      m("menu-click", t, o);
     };
-    return (s, a) => (f(), u(b, c(y(t)), {
-      header: o(() => [
-        l(s.$slots, "header", {
-          isSidebarOpen: e.value,
+    return (t, o) => (v(), y(k, b(S(a)), {
+      header: l(() => [
+        s(t.$slots, "header", {
+          isSidebarCollapsed: e.value,
           onSidebarToggle: i
         }, () => [
-          r(S, {
+          r(_, {
             "logo-text": "JWMS Portal",
-            styletype: t.styletype,
+            styletype: a.styletype,
             "show-sidebar-toggle": !0,
-            "is-sidebar-open": e.value,
+            "is-sidebar-open": !e.value,
             onSidebarToggle: i
           }, null, 8, ["styletype", "is-sidebar-open"])
         ])
       ]),
-      sidebar: o(() => [
-        l(s.$slots, "sidebar", { isSidebarOpen: e.value }, () => [
-          r(g, {
-            "menu-items": t.menuItems,
-            permissions: t.permissions,
-            styletype: t.styletype,
-            "is-visible": e.value
-          }, null, 8, ["menu-items", "permissions", "styletype", "is-visible"])
+      sidebar: l(() => [
+        s(t.$slots, "sidebar", { isSidebarCollapsed: e.value }, () => [
+          r($, {
+            collapsed: e.value,
+            "onUpdate:collapsed": o[0] || (o[0] = (c) => e.value = c),
+            items: a.menuItems,
+            "active-path": a.activePath,
+            "storage-key": a.storageKey,
+            onMenuClick: u
+          }, null, 8, ["collapsed", "items", "active-path", "storage-key"])
         ])
       ]),
-      content: o(() => [
-        l(s.$slots, "content", {}, () => [
-          l(s.$slots, "default", {}, () => [
-            r(v, { title: "페이지 제목" }, {
-              default: o(() => [...a[0] || (a[0] = [
+      content: l(() => [
+        s(t.$slots, "content", {}, () => [
+          s(t.$slots, "default", {}, () => [
+            r(h, { title: "페이지 제목" }, {
+              default: l(() => [...o[1] || (o[1] = [
                 n("div", { class: "p-6" }, [
                   n("p", { class: "text-muted-foreground" }, "콘텐츠를 배치해주세요.")
                 ], -1)
@@ -60,6 +66,6 @@ const O = /* @__PURE__ */ m({
   }
 });
 export {
-  O as default
+  w as default
 };
 //# sourceMappingURL=JLayoutSimple.vue.js.map

package/components/templates/JLayoutSimple.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JLayoutSimple.vue.js","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport JLayout from './JLayout.vue'\r\nimport JHeader from '@/components/organisms/JHeader.vue'\r\nimport JSidebarSimple from '@/components/organisms/JSidebarSimple.vue'\r\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\r\nimport type { SidebarMenuItem, MenuPermission } from '@/types/sidebar-menu.types'\r\n\r\n/**\r\n * JLayoutSimple - Simple Sidebar + 일반 PageContainer 조합 템플릿 (templates)\r\n * Simple Layout Template\r\n * \r\n * @description\r\n * JLayout을 사용하는 Preset 템플릿입니다.\r\n * JHeader, JSidebarSimple, JPageContainer를 조합한 기본 레이아웃 예시를 제공합니다.\r\n * \r\n * 레이아웃 구조:\r\n * - header: 상단 헤더 영역 (슬롯)\r\n * - sidebar: 사이드바 영역 (슬롯)\r\n * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯)\r\n * \r\n * @example\r\n * ```vue\r\n * <JLayoutSimple styletype=\"default\" :content-scroll=\"true\">\r\n *   <template #header>\r\n *     <JHeader logo-text=\"JWMS Portal\" :user-name=\"userName\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #sidebar>\r\n *     <JSidebarSimple :menu-items=\"menuItems\" styletype=\"default\" />\r\n *   </template>\r\n *   <template #content>\r\n *     <JPageContainer title=\"재고 관리\">\r\n *       <div>페이지 콘텐츠</div>\r\n *     </JPageContainer>\r\n *   </template>\r\n * </JLayoutSimple>\r\n * ```\r\n */\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 레이아웃 스타일 타입 */\r\n    styletype?: 'default' | 'minimal'\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 메뉴 아이템 목록 */\r\n    menuItems?: SidebarMenuItem[]\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n    menuItems: () => [],\r\n    permissions: () => [],\r\n  }\r\n)\r\n\r\n/**\r\n * 사이드바 열림 상태\r\n */\r\nconst isSidebarOpen = ref(true)\r\n\r\n/**\r\n * 사이드바 토글 핸들러\r\n */\r\nconst handleSidebarToggle = () => {\r\n  isSidebarOpen.value = !isSidebarOpen.value\r\n}\r\n</script>\r\n\r\n<template>\r\n  <JLayout v-bind=\"props\">\r\n    <template #header>\r\n      <slot name=\"header\" :is-sidebar-open=\"isSidebarOpen\" :on-sidebar-toggle=\"handleSidebarToggle\">\r\n        <!-- 기본 헤더 예시 -->\r\n        <JHeader \r\n          logo-text=\"JWMS Portal\" \r\n          :styletype=\"props.styletype\"\r\n          :show-sidebar-toggle=\"true\"\r\n          :is-sidebar-open=\"isSidebarOpen\"\r\n          @sidebar-toggle=\"handleSidebarToggle\"\r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #sidebar>\r\n      <slot name=\"sidebar\" :is-sidebar-open=\"isSidebarOpen\">\r\n        <!-- 기본 사이드바 예시 -->\r\n        <JSidebarSimple \r\n          :menu-items=\"props.menuItems\" \r\n          :permissions=\"props.permissions\"\r\n          :styletype=\"props.styletype\" \r\n          :is-visible=\"isSidebarOpen\" \r\n        />\r\n      </slot>\r\n    </template>\r\n    <template #content>\r\n      <slot name=\"content\">\r\n        <slot>\r\n          <!-- 기본 콘텐츠 예시 -->\r\n          <JPageContainer title=\"페이지 제목\">\r\n            <div class=\"p-6\">\r\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\r\n            </div>\r\n          </JPageContainer>\r\n        </slot>\r\n      </slot>\r\n    </template>\r\n  </JLayout>\r\n</template>\r\n\r\n"],"names":["props","__props","isSidebarOpen","ref","handleSidebarToggle","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebarSimple","JPageContainer","_cache","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,GAwBRC,IAAgBC,EAAI,EAAI,GAKxBC,IAAsB,MAAM;AAChC,MAAAF,EAAc,QAAQ,CAACA,EAAc;AAAA,IACvC;sBAIEG,EAAA,GAAAC,EAoCUC,OApCOP,CAAK,CAAA,GAAA;AAAA,MACT,UACT,MASO;AAAA,QATPQ,EASOC,EAAA,QAAA,UAAA;AAAA,UATc,eAAiBP,EAAA;AAAA,UAAgB,iBAAmBE;AAAA,QAAA,GAAzE,MASO;AAAA,UAPLM,EAMEC,GAAA;AAAA,YALA,aAAU;AAAA,YACT,WAAWX,EAAM;AAAA,YACjB,uBAAqB;AAAA,YACrB,mBAAiBE,EAAA;AAAA,YACjB,iBAAgBE;AAAA,UAAA;;;MAIZ,WACT,MAQO;AAAA,QARPI,EAQOC,EAAA,QAAA,WAAA,EARe,eAAiBP,EAAA,MAAA,GAAvC,MAQO;AAAA,UANLQ,EAKEE,GAAA;AAAA,YAJC,cAAYZ,EAAM;AAAA,YAClB,aAAaA,EAAM;AAAA,YACnB,WAAWA,EAAM;AAAA,YACjB,cAAYE,EAAA;AAAA,UAAA;;;MAIR,WACT,MASO;AAAA,QATPM,EASOC,yBATP,MASO;AAAA,UARLD,EAOOC,yBAPP,MAOO;AAAA,YALLC,EAIiBG,GAAA,EAJD,OAAM,YAAQ;AAAA,yBAC5B,MAEM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFNC,EAEM,OAAA,EAFD,OAAM,SAAK;AAAA,kBACdA,EAAiD,KAAA,EAA9C,OAAM,wBAAA,GAAwB,cAAY;AAAA,gBAAA;;;;;;;;;;;"}
+{"version":3,"file":"JLayoutSimple.vue.js","sources":["../../../../src/components/templates/JLayoutSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport JLayout from './JLayout.vue'\nimport JHeader from '@/components/organisms/JHeader.vue'\nimport JSidebar from '@/components/organisms/JSidebar/JSidebar.vue'\nimport JPageContainer from '@/components/organisms/JPageContainer.vue'\nimport type { SidebarMenuItem } from '@/types/sidebar.types'\n\n/**\n * JLayoutSimple - JSidebar + 일반 PageContainer 조합 템플릿\n *\n * @example\n * ```vue\n * <JLayoutSimple :menu-items=\"menuItems\" storage-key=\"my-app-favorites\">\n *   <template #content>\n *     <RouterView />\n *   </template>\n * </JLayoutSimple>\n * ```\n */\n\nconst props = withDefaults(\n  defineProps<{\n    /** 레이아웃 스타일 타입 */\n    styletype?: 'default' | 'minimal'\n    /** 콘텐츠 영역 스크롤 가능 여부 */\n    contentScroll?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n    /** 메뉴 아이템 목록 */\n    menuItems?: SidebarMenuItem[]\n    /** 현재 활성 경로 */\n    activePath?: string\n    /** 즐겨찾기 localStorage 키 */\n    storageKey?: string\n  }>(),\n  {\n    styletype: 'default',\n    contentScroll: true,\n    menuItems: () => [],\n  }\n)\n\nconst emit = defineEmits<{\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\nconst isSidebarCollapsed = ref(false)\n\nconst handleSidebarToggle = () => {\n  isSidebarCollapsed.value = !isSidebarCollapsed.value\n}\n\nconst handleMenuClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n</script>\n\n<template>\n  <JLayout v-bind=\"props\">\n    <template #header>\n      <slot name=\"header\" :is-sidebar-collapsed=\"isSidebarCollapsed\" :on-sidebar-toggle=\"handleSidebarToggle\">\n        <JHeader\n          logo-text=\"JWMS Portal\"\n          :styletype=\"props.styletype\"\n          :show-sidebar-toggle=\"true\"\n          :is-sidebar-open=\"!isSidebarCollapsed\"\n          @sidebar-toggle=\"handleSidebarToggle\"\n        />\n      </slot>\n    </template>\n    <template #sidebar>\n      <slot name=\"sidebar\" :is-sidebar-collapsed=\"isSidebarCollapsed\">\n        <JSidebar\n          v-model:collapsed=\"isSidebarCollapsed\"\n          :items=\"props.menuItems\"\n          :active-path=\"props.activePath\"\n          :storage-key=\"props.storageKey\"\n          @menu-click=\"handleMenuClick\"\n        />\n      </slot>\n    </template>\n    <template #content>\n      <slot name=\"content\">\n        <slot>\n          <!-- 기본 콘텐츠 예시 -->\n          <JPageContainer title=\"페이지 제목\">\n            <div class=\"p-6\">\n              <p class=\"text-muted-foreground\">콘텐츠를 배치해주세요.</p>\n            </div>\n          </JPageContainer>\n        </slot>\n      </slot>\n    </template>\n  </JLayout>\n</template>\n"],"names":["props","__props","emit","__emit","isSidebarCollapsed","ref","handleSidebarToggle","handleMenuClick","item","event","_openBlock","_createBlock","JLayout","_renderSlot","_ctx","_createVNode","JHeader","JSidebar","$event","JPageContainer","_cache","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAsBRC,IAAOC,GAIPC,IAAqBC,EAAI,EAAK,GAE9BC,IAAsB,MAAM;AAChC,MAAAF,EAAmB,QAAQ,CAACA,EAAmB;AAAA,IACjD,GAEMG,IAAkB,CAACC,GAAuBC,MAAsB;AACpE,MAAAP,EAAK,cAAcM,GAAMC,CAAK;AAAA,IAChC;sBAIEC,EAAA,GAAAC,EAmCUC,OAnCOZ,CAAK,CAAA,GAAA;AAAA,MACT,UACT,MAQO;AAAA,QARPa,EAQOC,EAAA,QAAA,UAAA;AAAA,UARc,oBAAsBV,EAAA;AAAA,UAAqB,iBAAmBE;AAAA,QAAA,GAAnF,MAQO;AAAA,UAPLS,EAMEC,GAAA;AAAA,YALA,aAAU;AAAA,YACT,WAAWhB,EAAM;AAAA,YACjB,uBAAqB;AAAA,YACrB,oBAAkBI,EAAA;AAAA,YAClB,iBAAgBE;AAAA,UAAA;;;MAIZ,WACT,MAQO;AAAA,QARPO,EAQOC,EAAA,QAAA,WAAA,EARe,oBAAsBV,EAAA,MAAA,GAA5C,MAQO;AAAA,UAPLW,EAMEE,GAAA;AAAA,YALQ,WAAWb,EAAA;AAAA,yDAAAA,EAAkB,QAAAc;AAAA,YACpC,OAAOlB,EAAM;AAAA,YACb,eAAaA,EAAM;AAAA,YACnB,eAAaA,EAAM;AAAA,YACnB,aAAYO;AAAA,UAAA;;;MAIR,WACT,MASO;AAAA,QATPM,EASOC,yBATP,MASO;AAAA,UARLD,EAOOC,yBAPP,MAOO;AAAA,YALLC,EAIiBI,GAAA,EAJD,OAAM,YAAQ;AAAA,yBAC5B,MAEM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFNC,EAEM,OAAA,EAFD,OAAM,SAAK;AAAA,kBACdA,EAAiD,KAAA,EAA9C,OAAM,wBAAA,GAAwB,cAAY;AAAA,gBAAA;;;;;;;;;;;"}

package/index.cjs

@@ -1,4 +1,4 @@
 require('./assets/styles/j-components.css');
 require('./assets/styles/themes.css');
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                     */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),r=require("./components/atoms/JCheckbox.vue.cjs"),_=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),i=require("./components/atoms/JRadio.vue.cjs"),p=require("./components/atoms/JSwitch.vue.cjs"),s=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),l=require("./components/atoms/JEditor.vue.cjs"),o=require("./components/atoms/JLink.vue.cjs"),c=require("./components/atoms/JImage.vue.cjs"),J=require("./components/atoms/JBadge.vue.cjs"),d=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const v=require("./components/atoms/JSpinner.vue.cjs"),q=require("./components/atoms/JAvatar.vue.cjs"),f=require("./components/atoms/JKbd.vue.cjs"),g=require("./components/atoms/JTooltip.vue.cjs"),y=require("./components/atoms/JIcon.vue.cjs"),m=require("./components/atoms/JLabel.vue.cjs"),b=require("./components/atoms/JPopover.vue.cjs"),S=require("./components/atoms/JPreview.vue.cjs"),T=require("./components/atoms/JGrid.vue.cjs"),C=require("./components/atoms/JSplitter.vue.cjs"),P=require("./components/atoms/JSectionTitle.vue.cjs"),h=require("vue-sonner"),A=require("./components/atoms/JToast.vue.cjs"),x=require("./components/molecules/JFormField.vue.cjs"),B=require("./components/molecules/JGroupCombo.vue.cjs"),F=require("./components/molecules/JTabs.vue.cjs"),L=require("./components/molecules/JSearchAddr.vue.cjs"),M=require("./components/molecules/JContextMenu.vue.cjs"),D=require("./components/molecules/JCard.vue.cjs"),E=require("./components/molecules/JAlert.vue.cjs"),k=require("./components/molecules/JAccordion.vue.cjs"),G=require("./components/molecules/JTitlebar.vue.cjs"),I=require("./components/molecules/JButtonGroup.vue.cjs"),w=require("./components/molecules/JBreadcrumb.vue.cjs"),j=require("./components/molecules/JEmptyState.vue.cjs"),H=require("./components/organisms/JDynamicTabs.vue.cjs"),K=require("./components/organisms/JModal.vue.cjs"),O=require("./components/organisms/JFormModal.vue.cjs"),R=require("./components/organisms/JDynamicForm.vue.cjs"),z=require("./components/organisms/JSearchPanel.vue.cjs"),N=require("./components/organisms/JFilterBar.vue.cjs"),Q=require("./components/organisms/JHeader.vue.cjs"),U=require("./components/organisms/JSidebarSimple.vue.cjs"),V=require("./components/organisms/JSidebarAdvanced.vue.cjs"),W=require("./components/organisms/JPageContainer.vue.cjs"),X=require("./components/organisms/JTree.vue.cjs"),Y=require("./components/organisms/JShuttle.vue.cjs"),Z=require("./components/templates/JLayout.vue.cjs"),$=require("./components/templates/JLayoutSimple.vue.cjs"),ee=require("./components/templates/JLayoutAdvanced.vue.cjs"),te=require("./components/examples/ExampleCrudPage.vue.cjs"),ue=require("./components/examples/ExampleTabMappingPage.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=r.default;exports.JCombo=_.default;exports.JSearchCombo=a.default;exports.JRadio=i.default;exports.JSwitch=p.default;exports.JDatepicker=s.default;exports.JDivider=n.default;exports.JEditor=l.default;exports.JLink=o.default;exports.JImage=c.default;exports.JBadge=J.default;exports.JProgress=d.default;exports.JSpinner=v.default;exports.JAvatar=q.default;exports.JKbd=f.default;exports.JTooltip=g.default;exports.JIcon=y.default;exports.JLabel=m.default;exports.JPopover=b.default;exports.JPreview=S.default;exports.JGrid=T.default;exports.JSplitter=C.default;exports.JSectionTitle=P.default;Object.defineProperty(exports,"JToast",{enumerable:!0,get:()=>h.toast});exports.JToaster=A.default;exports.JFormField=x.default;exports.JGroupCombo=B.default;exports.JTabs=F.default;exports.JSearchAddr=L.default;exports.JContextMenu=M.default;exports.JCard=D.default;exports.JAlert=E.default;exports.JAccordion=k.default;exports.JTitlebar=G.default;exports.JButtonGroup=I.default;exports.JBreadcrumb=w.default;exports.JEmptyState=j.default;exports.JDynamicTabs=H.default;exports.JModal=K.default;exports.JFormModal=O.default;exports.JDynamicForm=R.default;exports.JSearchPanel=z.default;exports.JFilterBar=N.default;exports.JHeader=Q.default;exports.JSidebarSimple=U.default;exports.JSidebarAdvanced=V.default;exports.JPageContainer=W.default;exports.JTree=X.default;exports.JShuttle=Y.default;exports.JLayout=Z.default;exports.JLayoutSimple=$.default;exports.JLayoutAdvanced=ee.default;exports.ExampleCrudPage=te.default;exports.ExampleTabMappingPage=ue.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                     */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),r=require("./components/atoms/JCheckbox.vue.cjs"),_=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),i=require("./components/atoms/JRadio.vue.cjs"),p=require("./components/atoms/JSwitch.vue.cjs"),s=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),l=require("./components/atoms/JEditor.vue.cjs"),o=require("./components/atoms/JLink.vue.cjs"),c=require("./components/atoms/JImage.vue.cjs"),J=require("./components/atoms/JBadge.vue.cjs"),d=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const v=require("./components/atoms/JSpinner.vue.cjs"),q=require("./components/atoms/JAvatar.vue.cjs"),f=require("./components/atoms/JKbd.vue.cjs"),g=require("./components/atoms/JTooltip.vue.cjs"),y=require("./components/atoms/JIcon.vue.cjs"),b=require("./components/atoms/JLabel.vue.cjs"),m=require("./components/atoms/JPopover.vue.cjs"),S=require("./components/atoms/JPreview.vue.cjs"),T=require("./components/atoms/JGrid.vue.cjs"),C=require("./components/atoms/JSplitter.vue.cjs"),P=require("./components/atoms/JSectionTitle.vue.cjs"),h=require("vue-sonner"),A=require("./components/atoms/JToast.vue.cjs"),x=require("./components/molecules/JFormField.vue.cjs"),B=require("./components/molecules/JGroupCombo.vue.cjs"),F=require("./components/molecules/JTabs.vue.cjs"),L=require("./components/molecules/JSearchAddr.vue.cjs"),M=require("./components/molecules/JContextMenu.vue.cjs"),D=require("./components/molecules/JCard.vue.cjs"),E=require("./components/molecules/JAlert.vue.cjs"),k=require("./components/molecules/JAccordion.vue.cjs"),G=require("./components/molecules/JTitlebar.vue.cjs"),I=require("./components/molecules/JButtonGroup.vue.cjs"),w=require("./components/molecules/JBreadcrumb.vue.cjs"),j=require("./components/molecules/JEmptyState.vue.cjs"),H=require("./components/organisms/JDynamicTabs.vue.cjs"),K=require("./components/organisms/JModal.vue.cjs"),O=require("./components/organisms/JFormModal.vue.cjs"),R=require("./components/organisms/JDynamicForm.vue.cjs"),z=require("./components/organisms/JSearchPanel.vue.cjs"),N=require("./components/organisms/JFilterBar.vue.cjs"),Q=require("./components/organisms/JHeader.vue.cjs"),U=require("./components/organisms/JSidebar/JSidebar.vue.cjs"),V=require("./components/organisms/JSidebarSimple.vue.cjs"),W=require("./components/organisms/JSidebarAdvanced.vue.cjs"),X=require("./components/organisms/JPageContainer.vue.cjs"),Y=require("./components/organisms/JTree.vue.cjs"),Z=require("./components/organisms/JShuttle.vue.cjs"),$=require("./components/templates/JLayout.vue.cjs"),ee=require("./components/templates/JLayoutSimple.vue.cjs"),te=require("./components/templates/JLayoutAdvanced.vue.cjs"),ue=require("./components/examples/ExampleCrudPage.vue.cjs"),re=require("./components/examples/ExampleTabMappingPage.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=r.default;exports.JCombo=_.default;exports.JSearchCombo=a.default;exports.JRadio=i.default;exports.JSwitch=p.default;exports.JDatepicker=s.default;exports.JDivider=n.default;exports.JEditor=l.default;exports.JLink=o.default;exports.JImage=c.default;exports.JBadge=J.default;exports.JProgress=d.default;exports.JSpinner=v.default;exports.JAvatar=q.default;exports.JKbd=f.default;exports.JTooltip=g.default;exports.JIcon=y.default;exports.JLabel=b.default;exports.JPopover=m.default;exports.JPreview=S.default;exports.JGrid=T.default;exports.JSplitter=C.default;exports.JSectionTitle=P.default;Object.defineProperty(exports,"JToast",{enumerable:!0,get:()=>h.toast});exports.JToaster=A.default;exports.JFormField=x.default;exports.JGroupCombo=B.default;exports.JTabs=F.default;exports.JSearchAddr=L.default;exports.JContextMenu=M.default;exports.JCard=D.default;exports.JAlert=E.default;exports.JAccordion=k.default;exports.JTitlebar=G.default;exports.JButtonGroup=I.default;exports.JBreadcrumb=w.default;exports.JEmptyState=j.default;exports.JDynamicTabs=H.default;exports.JModal=K.default;exports.JFormModal=O.default;exports.JDynamicForm=R.default;exports.JSearchPanel=z.default;exports.JFilterBar=N.default;exports.JHeader=Q.default;exports.JSidebar=U.default;exports.JSidebarSimple=V.default;exports.JSidebarAdvanced=W.default;exports.JPageContainer=X.default;exports.JTree=Y.default;exports.JShuttle=Z.default;exports.JLayout=$.default;exports.JLayoutSimple=ee.default;exports.JLayoutAdvanced=te.default;exports.ExampleCrudPage=ue.default;exports.ExampleTabMappingPage=re.default;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -52,19 +52,20 @@ import { default as Re } from "./components/organisms/JDynamicForm.vue.js";
 import { default as qe } from "./components/organisms/JSearchPanel.vue.js";
 import { default as Ne } from "./components/organisms/JFilterBar.vue.js";
 import { default as Qe } from "./components/organisms/JHeader.vue.js";
-import { default as Ve } from "./components/organisms/JSidebarSimple.vue.js";
-import { default as Xe } from "./components/organisms/JSidebarAdvanced.vue.js";
-import { default as Ze } from "./components/organisms/JPageContainer.vue.js";
-import { default as $e } from "./components/organisms/JTree.vue.js";
-import { default as aa } from "./components/organisms/JShuttle.vue.js";
-import { default as oa } from "./components/templates/JLayout.vue.js";
-import { default as fa } from "./components/templates/JLayoutSimple.vue.js";
-import { default as ma } from "./components/templates/JLayoutAdvanced.vue.js";
-import { default as la } from "./components/examples/ExampleCrudPage.vue.js";
-import { default as sa } from "./components/examples/ExampleTabMappingPage.vue.js";
+import { default as Ve } from "./components/organisms/JSidebar/JSidebar.vue.js";
+import { default as Xe } from "./components/organisms/JSidebarSimple.vue.js";
+import { default as Ze } from "./components/organisms/JSidebarAdvanced.vue.js";
+import { default as $e } from "./components/organisms/JPageContainer.vue.js";
+import { default as aa } from "./components/organisms/JTree.vue.js";
+import { default as oa } from "./components/organisms/JShuttle.vue.js";
+import { default as fa } from "./components/templates/JLayout.vue.js";
+import { default as ma } from "./components/templates/JLayoutSimple.vue.js";
+import { default as la } from "./components/templates/JLayoutAdvanced.vue.js";
+import { default as sa } from "./components/examples/ExampleCrudPage.vue.js";
+import { default as Ja } from "./components/examples/ExampleTabMappingPage.vue.js";
 export {
-  la as ExampleCrudPage,
-  sa as ExampleTabMappingPage,
+  sa as ExampleCrudPage,
+  Ja as ExampleTabMappingPage,
   he as JAccordion,
   ge as JAlert,
   R as JAvatar,
@@ -93,12 +94,12 @@ export {
   l as JInput,
   q as JKbd,
   V as JLabel,
-  oa as JLayout,
-  ma as JLayoutAdvanced,
-  fa as JLayoutSimple,
+  fa as JLayout,
+  la as JLayoutAdvanced,
+  ma as JLayoutSimple,
   L as JLink,
   Ie as JModal,
-  Ze as JPageContainer,
+  $e as JPageContainer,
   X as JPopover,
   Z as JPreview,
   I as JProgress,
@@ -107,9 +108,10 @@ export {
   b as JSearchCombo,
   qe as JSearchPanel,
   oe as JSectionTitle,
-  aa as JShuttle,
-  Xe as JSidebarAdvanced,
-  Ve as JSidebarSimple,
+  oa as JShuttle,
+  Ve as JSidebar,
+  Ze as JSidebarAdvanced,
+  Xe as JSidebarSimple,
   H as JSpinner,
   ae as JSplitter,
   g as JSwitch,
@@ -119,6 +121,6 @@ export {
   fe as JToast,
   me as JToaster,
   N as JTooltip,
-  $e as JTree
+  aa as JTree
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@j-solution/components",
   "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",