@j-solution/components 1.0.0

package/components/atoms/JDivider.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JDivider.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JDivider.vue2.js.map

package/components/atoms/JDivider.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JDivider.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/atoms/JGrid.vue.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JGrid.vue2.cjs");;/* empty css             */const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};,u=t(e.default,[["__scopeId","data-v-0727c68d"]]);exports.default=u;
+//# sourceMappingURL=JGrid.vue.cjs.map

package/components/atoms/JGrid.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGrid.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JGrid.vue.js

@@ -0,0 +1,13 @@
+import o from "./JGrid.vue2.js";
+/* empty css           */
+const r = (r_comp, r_opts) => {
+  const r_merged = r_comp.__vccOpts || r_comp;
+  for (const [r_key, r_val] of r_opts)
+    r_merged[r_key] = r_val;
+  return r_merged;
+};
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0727c68d"]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=JGrid.vue.js.map

package/components/atoms/JGrid.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGrid.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/atoms/JGrid.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("ag-grid-vue3"),s=require("ag-grid-community"),p=require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */const f={class:"ag-grid-container"},m=o.defineComponent({__name:"JGrid",props:{rowData:{},columnDefs:{},theme:{default:"ag-theme-balham"},pagination:{type:Boolean,default:!1},checkbox:{type:Boolean,default:!1},summaryColumn:{type:Boolean,default:!1},hiddenColumn:{type:Boolean,default:!1},enableGrouping:{type:Boolean,default:!1},enablePivot:{type:Boolean,default:!1},enableExcelExport:{type:Boolean,default:!1}},setup(a,{expose:r}){s.ModuleRegistry.registerModules([s.AllCommunityModule,p.AllEnterpriseModule]);const e=a,t=o.ref(null),u=o.ref(null),n=o.computed(()=>{if(!e.checkbox)return e.columnDefs;const l=[...e.columnDefs];return l.length>0&&(l[0]={...l[0],checkboxSelection:!0,headerCheckboxSelection:!0}),l}),i=o.computed(()=>({columnDefs:n.value,rowData:e.rowData,pagination:e.pagination,rowSelection:e.checkbox?"multiple":void 0,suppressRowClickSelection:e.checkbox,sideBar:e.enableGrouping||e.enablePivot?{toolPanels:[{id:"columns",labelDefault:"Columns",labelKey:"columns",iconKey:"columns",toolPanel:"agColumnsToolPanel",toolPanelParams:{suppressRowGroups:!e.enableGrouping,suppressValues:!e.enablePivot,suppressPivots:!e.enablePivot,suppressPivotMode:!e.enablePivot}}],defaultToolPanel:"columns",hiddenByDefault:!1}:void 0,groupDefaultExpanded:e.enableGrouping?1:void 0,suppressAggFuncInHeader:!1}));r({gridApi:t,gridColumnApi:u,exportToExcel:()=>{t.value&&e.enableExcelExport&&t.value.exportDataAsExcel({fileName:"grid-export.xlsx"})}});const c=l=>{t.value=l.api,u.value=l.columnApi};return o.watch(()=>e.columnDefs,()=>{t.value&&t.value.setGridOption("columnDefs",n.value)},{deep:!0}),o.watch(()=>e.rowData,()=>{t.value&&t.value.setGridOption("rowData",e.rowData)},{deep:!0}),(l,v)=>(o.openBlock(),o.createElementBlock("div",f,[o.createVNode(o.unref(d.AgGridVue),{"column-defs":n.value,"row-data":a.rowData,"grid-options":i.value,class:o.normalizeClass(a.theme),style:{height:"100%",width:"100%"},onGridReady:c},null,8,["column-defs","row-data","grid-options","class"])]))}});exports.default=m;
+//# sourceMappingURL=JGrid.vue2.cjs.map

package/components/atoms/JGrid.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGrid.vue2.cjs","sources":["../../../../src/components/atoms/JGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { AgGridVue } from 'ag-grid-vue3'\r\nimport type { ColDef, GridOptions } from 'ag-grid-community'\r\nimport { ModuleRegistry, AllCommunityModule } from 'ag-grid-community'\r\n// Enterprise 모듈 import (Grouping, Pivot, Excel Export 등)\r\nimport { AllEnterpriseModule } from 'ag-grid-enterprise'\r\n// ag-grid.css는 제거 - v34에서 Theming API와 충돌 방지\r\n// 테마 CSS 파일만 사용 (클래스 기반 테마)\r\n// v34에서는 dark 테마가 같은 CSS 파일 안에 포함되어 있음\r\n// 예: ag-theme-quartz.css에 .ag-theme-quartz-dark 클래스 포함\r\nimport 'ag-grid-community/styles/ag-theme-quartz.css'\r\nimport 'ag-grid-community/styles/ag-theme-alpine.css'\r\nimport 'ag-grid-community/styles/ag-theme-balham.css'\r\n\r\n// AG Grid 모듈 등록 (Community + Enterprise)\r\nModuleRegistry.registerModules([AllCommunityModule, AllEnterpriseModule])\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 그리드에 표시할 데이터 배열 */\r\n    rowData: any[]\r\n    /** 컬럼 정의 배열 */\r\n    columnDefs: ColDef[]\r\n    /** ag-Grid 테마 */\r\n    theme?: string\r\n    /** 페이지네이션 활성화 여부 */\r\n    pagination?: boolean\r\n    /** 체크박스 선택 활성화 여부 */\r\n    checkbox?: boolean\r\n    /** 요약 컬럼 표시 여부 */\r\n    summaryColumn?: boolean\r\n    /** 숨김 컬럼 관리 활성화 여부 */\r\n    hiddenColumn?: boolean\r\n    /** 그룹핑 기능 활성화 여부 (Enterprise) */\r\n    enableGrouping?: boolean\r\n    /** 피벗 기능 활성화 여부 (Enterprise) */\r\n    enablePivot?: boolean\r\n    /** Excel 내보내기 기능 활성화 여부 (Enterprise) */\r\n    enableExcelExport?: boolean\r\n  }>(),\r\n  {\r\n    theme: 'ag-theme-balham',\r\n    pagination: false,\r\n    checkbox: false,\r\n    summaryColumn: false,\r\n    hiddenColumn: false,\r\n    enableGrouping: false,\r\n    enablePivot: false,\r\n    enableExcelExport: false,\r\n  },\r\n)\r\n\r\n// ag-Grid 인스턴스 참조\r\nconst gridApi = ref<any>(null)\r\nconst gridColumnApi = ref<any>(null)\r\n\r\n// checkbox 활성화 시 첫 번째 컬럼에 checkboxSelection 추가\r\nconst processedColumnDefs = computed(() => {\r\n  if (!props.checkbox) {\r\n    return props.columnDefs\r\n  }\r\n\r\n  const columnDefs = [...props.columnDefs]\r\n  if (columnDefs.length > 0) {\r\n    // 첫 번째 컬럼에 checkboxSelection 추가\r\n    columnDefs[0] = {\r\n      ...columnDefs[0],\r\n      checkboxSelection: true,\r\n      headerCheckboxSelection: true,\r\n    }\r\n  }\r\n  return columnDefs\r\n})\r\n\r\n// Grid 옵션 설정\r\nconst gridOptions = computed<GridOptions>(() => {\r\n  const options: GridOptions = {\r\n    // theme 옵션 제거 - 클래스 기반 테마(:class=\"theme\") 사용\r\n    columnDefs: processedColumnDefs.value,\r\n    rowData: props.rowData,\r\n    pagination: props.pagination,\r\n    rowSelection: props.checkbox ? 'multiple' : undefined,\r\n    // 체크박스 모드일 때 row 클릭으로 선택이 변경되지 않도록 설정\r\n    // 체크박스만으로 선택을 제어하도록 함\r\n    suppressRowClickSelection: props.checkbox,\r\n    // suppressColumnsToolPanel은 ag-grid v34에서 더 이상 지원되지 않음\r\n    // summaryColumn은 pinnedBottomRowData 또는 다른 옵션으로 구현 가능\r\n    \r\n    // Enterprise 기능 옵션\r\n    sideBar: props.enableGrouping || props.enablePivot ? {\r\n      toolPanels: [\r\n        {\r\n          id: 'columns',\r\n          labelDefault: 'Columns',\r\n          labelKey: 'columns',\r\n          iconKey: 'columns',\r\n          toolPanel: 'agColumnsToolPanel',\r\n          toolPanelParams: {\r\n            suppressRowGroups: !props.enableGrouping,\r\n            suppressValues: !props.enablePivot,\r\n            suppressPivots: !props.enablePivot,\r\n            suppressPivotMode: !props.enablePivot,\r\n          },\r\n        },\r\n      ],\r\n      defaultToolPanel: 'columns',\r\n      hiddenByDefault: false,\r\n    } : undefined,\r\n    \r\n    // 그룹핑 기본 설정\r\n    groupDefaultExpanded: props.enableGrouping ? 1 : undefined,\r\n    suppressAggFuncInHeader: false,\r\n  }\r\n\r\n  return options\r\n})\r\n\r\n// Excel 내보내기 함수 (외부에서 사용 가능하도록 expose)\r\nconst exportToExcel = () => {\r\n  if (gridApi.value && props.enableExcelExport) {\r\n    gridApi.value.exportDataAsExcel({\r\n      fileName: 'grid-export.xlsx',\r\n    })\r\n  }\r\n}\r\n\r\n// 그리드 API를 외부에 노출\r\ndefineExpose({\r\n  gridApi,\r\n  gridColumnApi,\r\n  exportToExcel,\r\n})\r\n\r\n// Grid ready 이벤트 핸들러\r\nconst onGridReady = (params: any) => {\r\n  gridApi.value = params.api\r\n  gridColumnApi.value = params.columnApi\r\n}\r\n\r\n// columnDefs 변경 감지\r\nwatch(\r\n  () => props.columnDefs,\r\n  () => {\r\n    if (gridApi.value) {\r\n      gridApi.value.setGridOption('columnDefs', processedColumnDefs.value)\r\n    }\r\n  },\r\n  { deep: true },\r\n)\r\n\r\n// rowData 변경 감지\r\nwatch(\r\n  () => props.rowData,\r\n  () => {\r\n    if (gridApi.value) {\r\n      gridApi.value.setGridOption('rowData', props.rowData)\r\n    }\r\n  },\r\n  { deep: true },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"ag-grid-container\">\r\n    <AgGridVue\r\n      :column-defs=\"processedColumnDefs\"\r\n      :row-data=\"rowData\"\r\n      :grid-options=\"gridOptions\"\r\n      :class=\"theme\"\r\n      style=\"height: 100%; width: 100%\"\r\n      @grid-ready=\"onGridReady\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.ag-grid-container {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n</style>\r\n"],"names":["ModuleRegistry","AllCommunityModule","AllEnterpriseModule","props","__props","gridApi","ref","gridColumnApi","processedColumnDefs","computed","columnDefs","gridOptions","__expose","onGridReady","params","watch","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","AgGridVue"],"mappings":"8/BAgBAA,EAAAA,eAAe,gBAAgB,CAACC,EAAAA,mBAAoBC,EAAAA,mBAAmB,CAAC,EAExE,MAAMC,EAAQC,EAoCRC,EAAUC,EAAAA,IAAS,IAAI,EACvBC,EAAgBD,EAAAA,IAAS,IAAI,EAG7BE,EAAsBC,EAAAA,SAAS,IAAM,CACzC,GAAI,CAACN,EAAM,SACT,OAAOA,EAAM,WAGf,MAAMO,EAAa,CAAC,GAAGP,EAAM,UAAU,EACvC,OAAIO,EAAW,OAAS,IAEtBA,EAAW,CAAC,EAAI,CACd,GAAGA,EAAW,CAAC,EACf,kBAAmB,GACnB,wBAAyB,EAAA,GAGtBA,CACT,CAAC,EAGKC,EAAcF,EAAAA,SAAsB,KACX,CAE3B,WAAYD,EAAoB,MAChC,QAASL,EAAM,QACf,WAAYA,EAAM,WAClB,aAAcA,EAAM,SAAW,WAAa,OAG5C,0BAA2BA,EAAM,SAKjC,QAASA,EAAM,gBAAkBA,EAAM,YAAc,CACnD,WAAY,CACV,CACE,GAAI,UACJ,aAAc,UACd,SAAU,UACV,QAAS,UACT,UAAW,qBACX,gBAAiB,CACf,kBAAmB,CAACA,EAAM,eAC1B,eAAgB,CAACA,EAAM,YACvB,eAAgB,CAACA,EAAM,YACvB,kBAAmB,CAACA,EAAM,WAAA,CAC5B,CACF,EAEF,iBAAkB,UAClB,gBAAiB,EAAA,EACf,OAGJ,qBAAsBA,EAAM,eAAiB,EAAI,OACjD,wBAAyB,EAAA,EAI5B,EAYDS,EAAa,CACX,QAAAP,EACA,cAAAE,EACA,cAZoB,IAAM,CACtBF,EAAQ,OAASF,EAAM,mBACzBE,EAAQ,MAAM,kBAAkB,CAC9B,SAAU,kBAAA,CACX,CAEL,CAME,CACD,EAGD,MAAMQ,EAAeC,GAAgB,CACnCT,EAAQ,MAAQS,EAAO,IACvBP,EAAc,MAAQO,EAAO,SAC/B,EAGAC,OAAAA,EAAAA,MACE,IAAMZ,EAAM,WACZ,IAAM,CACAE,EAAQ,OACVA,EAAQ,MAAM,cAAc,aAAcG,EAAoB,KAAK,CAEvE,EACA,CAAE,KAAM,EAAA,CAAK,EAIfO,EAAAA,MACE,IAAMZ,EAAM,QACZ,IAAM,CACAE,EAAQ,OACVA,EAAQ,MAAM,cAAc,UAAWF,EAAM,OAAO,CAExD,EACA,CAAE,KAAM,EAAA,CAAK,UAKba,YAAA,EAAAC,qBASM,MATNC,EASM,CARJC,cAOEC,EAAAA,MAAAC,EAAAA,SAAA,EAAA,CANC,cAAab,EAAA,MACb,WAAUJ,EAAA,QACV,eAAcO,EAAA,MACd,uBAAOP,EAAA,KAAK,EACb,MAAA,CAAA,OAAA,OAAA,MAAA,MAAA,EACC,YAAAS,CAAA"}

package/components/atoms/JGrid.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as d, ref as s, computed as r, watch as u, createElementBlock as m, openBlock as f, createVNode as g, unref as v, normalizeClass as x } from "vue";
+import { AgGridVue as b } from "ag-grid-vue3";
+import { ModuleRegistry as h, AllCommunityModule as D } from "ag-grid-community";
+import { AllEnterpriseModule as y } from "ag-grid-enterprise";
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+const w = { class: "ag-grid-container" }, S = /* @__PURE__ */ d({
+  __name: "JGrid",
+  props: {
+    rowData: {},
+    columnDefs: {},
+    theme: { default: "ag-theme-balham" },
+    pagination: { type: Boolean, default: !1 },
+    checkbox: { type: Boolean, default: !1 },
+    summaryColumn: { type: Boolean, default: !1 },
+    hiddenColumn: { type: Boolean, default: !1 },
+    enableGrouping: { type: Boolean, default: !1 },
+    enablePivot: { type: Boolean, default: !1 },
+    enableExcelExport: { type: Boolean, default: !1 }
+  },
+  setup(a, { expose: i }) {
+    h.registerModules([D, y]);
+    const e = a, l = s(null), n = s(null), t = r(() => {
+      if (!e.checkbox)
+        return e.columnDefs;
+      const o = [...e.columnDefs];
+      return o.length > 0 && (o[0] = {
+        ...o[0],
+        checkboxSelection: !0,
+        headerCheckboxSelection: !0
+      }), o;
+    }), c = r(() => ({
+      // theme 옵션 제거 - 클래스 기반 테마(:class="theme") 사용
+      columnDefs: t.value,
+      rowData: e.rowData,
+      pagination: e.pagination,
+      rowSelection: e.checkbox ? "multiple" : void 0,
+      // 체크박스 모드일 때 row 클릭으로 선택이 변경되지 않도록 설정
+      // 체크박스만으로 선택을 제어하도록 함
+      suppressRowClickSelection: e.checkbox,
+      // suppressColumnsToolPanel은 ag-grid v34에서 더 이상 지원되지 않음
+      // summaryColumn은 pinnedBottomRowData 또는 다른 옵션으로 구현 가능
+      // Enterprise 기능 옵션
+      sideBar: e.enableGrouping || e.enablePivot ? {
+        toolPanels: [
+          {
+            id: "columns",
+            labelDefault: "Columns",
+            labelKey: "columns",
+            iconKey: "columns",
+            toolPanel: "agColumnsToolPanel",
+            toolPanelParams: {
+              suppressRowGroups: !e.enableGrouping,
+              suppressValues: !e.enablePivot,
+              suppressPivots: !e.enablePivot,
+              suppressPivotMode: !e.enablePivot
+            }
+          }
+        ],
+        defaultToolPanel: "columns",
+        hiddenByDefault: !1
+      } : void 0,
+      // 그룹핑 기본 설정
+      groupDefaultExpanded: e.enableGrouping ? 1 : void 0,
+      suppressAggFuncInHeader: !1
+    }));
+    i({
+      gridApi: l,
+      gridColumnApi: n,
+      exportToExcel: () => {
+        l.value && e.enableExcelExport && l.value.exportDataAsExcel({
+          fileName: "grid-export.xlsx"
+        });
+      }
+    });
+    const p = (o) => {
+      l.value = o.api, n.value = o.columnApi;
+    };
+    return u(
+      () => e.columnDefs,
+      () => {
+        l.value && l.value.setGridOption("columnDefs", t.value);
+      },
+      { deep: !0 }
+    ), u(
+      () => e.rowData,
+      () => {
+        l.value && l.value.setGridOption("rowData", e.rowData);
+      },
+      { deep: !0 }
+    ), (o, B) => (f(), m("div", w, [
+      g(v(b), {
+        "column-defs": t.value,
+        "row-data": a.rowData,
+        "grid-options": c.value,
+        class: x(a.theme),
+        style: { height: "100%", width: "100%" },
+        onGridReady: p
+      }, null, 8, ["column-defs", "row-data", "grid-options", "class"])
+    ]));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=JGrid.vue2.js.map

package/components/atoms/JGrid.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGrid.vue2.js","sources":["../../../../src/components/atoms/JGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { AgGridVue } from 'ag-grid-vue3'\r\nimport type { ColDef, GridOptions } from 'ag-grid-community'\r\nimport { ModuleRegistry, AllCommunityModule } from 'ag-grid-community'\r\n// Enterprise 모듈 import (Grouping, Pivot, Excel Export 등)\r\nimport { AllEnterpriseModule } from 'ag-grid-enterprise'\r\n// ag-grid.css는 제거 - v34에서 Theming API와 충돌 방지\r\n// 테마 CSS 파일만 사용 (클래스 기반 테마)\r\n// v34에서는 dark 테마가 같은 CSS 파일 안에 포함되어 있음\r\n// 예: ag-theme-quartz.css에 .ag-theme-quartz-dark 클래스 포함\r\nimport 'ag-grid-community/styles/ag-theme-quartz.css'\r\nimport 'ag-grid-community/styles/ag-theme-alpine.css'\r\nimport 'ag-grid-community/styles/ag-theme-balham.css'\r\n\r\n// AG Grid 모듈 등록 (Community + Enterprise)\r\nModuleRegistry.registerModules([AllCommunityModule, AllEnterpriseModule])\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 그리드에 표시할 데이터 배열 */\r\n    rowData: any[]\r\n    /** 컬럼 정의 배열 */\r\n    columnDefs: ColDef[]\r\n    /** ag-Grid 테마 */\r\n    theme?: string\r\n    /** 페이지네이션 활성화 여부 */\r\n    pagination?: boolean\r\n    /** 체크박스 선택 활성화 여부 */\r\n    checkbox?: boolean\r\n    /** 요약 컬럼 표시 여부 */\r\n    summaryColumn?: boolean\r\n    /** 숨김 컬럼 관리 활성화 여부 */\r\n    hiddenColumn?: boolean\r\n    /** 그룹핑 기능 활성화 여부 (Enterprise) */\r\n    enableGrouping?: boolean\r\n    /** 피벗 기능 활성화 여부 (Enterprise) */\r\n    enablePivot?: boolean\r\n    /** Excel 내보내기 기능 활성화 여부 (Enterprise) */\r\n    enableExcelExport?: boolean\r\n  }>(),\r\n  {\r\n    theme: 'ag-theme-balham',\r\n    pagination: false,\r\n    checkbox: false,\r\n    summaryColumn: false,\r\n    hiddenColumn: false,\r\n    enableGrouping: false,\r\n    enablePivot: false,\r\n    enableExcelExport: false,\r\n  },\r\n)\r\n\r\n// ag-Grid 인스턴스 참조\r\nconst gridApi = ref<any>(null)\r\nconst gridColumnApi = ref<any>(null)\r\n\r\n// checkbox 활성화 시 첫 번째 컬럼에 checkboxSelection 추가\r\nconst processedColumnDefs = computed(() => {\r\n  if (!props.checkbox) {\r\n    return props.columnDefs\r\n  }\r\n\r\n  const columnDefs = [...props.columnDefs]\r\n  if (columnDefs.length > 0) {\r\n    // 첫 번째 컬럼에 checkboxSelection 추가\r\n    columnDefs[0] = {\r\n      ...columnDefs[0],\r\n      checkboxSelection: true,\r\n      headerCheckboxSelection: true,\r\n    }\r\n  }\r\n  return columnDefs\r\n})\r\n\r\n// Grid 옵션 설정\r\nconst gridOptions = computed<GridOptions>(() => {\r\n  const options: GridOptions = {\r\n    // theme 옵션 제거 - 클래스 기반 테마(:class=\"theme\") 사용\r\n    columnDefs: processedColumnDefs.value,\r\n    rowData: props.rowData,\r\n    pagination: props.pagination,\r\n    rowSelection: props.checkbox ? 'multiple' : undefined,\r\n    // 체크박스 모드일 때 row 클릭으로 선택이 변경되지 않도록 설정\r\n    // 체크박스만으로 선택을 제어하도록 함\r\n    suppressRowClickSelection: props.checkbox,\r\n    // suppressColumnsToolPanel은 ag-grid v34에서 더 이상 지원되지 않음\r\n    // summaryColumn은 pinnedBottomRowData 또는 다른 옵션으로 구현 가능\r\n    \r\n    // Enterprise 기능 옵션\r\n    sideBar: props.enableGrouping || props.enablePivot ? {\r\n      toolPanels: [\r\n        {\r\n          id: 'columns',\r\n          labelDefault: 'Columns',\r\n          labelKey: 'columns',\r\n          iconKey: 'columns',\r\n          toolPanel: 'agColumnsToolPanel',\r\n          toolPanelParams: {\r\n            suppressRowGroups: !props.enableGrouping,\r\n            suppressValues: !props.enablePivot,\r\n            suppressPivots: !props.enablePivot,\r\n            suppressPivotMode: !props.enablePivot,\r\n          },\r\n        },\r\n      ],\r\n      defaultToolPanel: 'columns',\r\n      hiddenByDefault: false,\r\n    } : undefined,\r\n    \r\n    // 그룹핑 기본 설정\r\n    groupDefaultExpanded: props.enableGrouping ? 1 : undefined,\r\n    suppressAggFuncInHeader: false,\r\n  }\r\n\r\n  return options\r\n})\r\n\r\n// Excel 내보내기 함수 (외부에서 사용 가능하도록 expose)\r\nconst exportToExcel = () => {\r\n  if (gridApi.value && props.enableExcelExport) {\r\n    gridApi.value.exportDataAsExcel({\r\n      fileName: 'grid-export.xlsx',\r\n    })\r\n  }\r\n}\r\n\r\n// 그리드 API를 외부에 노출\r\ndefineExpose({\r\n  gridApi,\r\n  gridColumnApi,\r\n  exportToExcel,\r\n})\r\n\r\n// Grid ready 이벤트 핸들러\r\nconst onGridReady = (params: any) => {\r\n  gridApi.value = params.api\r\n  gridColumnApi.value = params.columnApi\r\n}\r\n\r\n// columnDefs 변경 감지\r\nwatch(\r\n  () => props.columnDefs,\r\n  () => {\r\n    if (gridApi.value) {\r\n      gridApi.value.setGridOption('columnDefs', processedColumnDefs.value)\r\n    }\r\n  },\r\n  { deep: true },\r\n)\r\n\r\n// rowData 변경 감지\r\nwatch(\r\n  () => props.rowData,\r\n  () => {\r\n    if (gridApi.value) {\r\n      gridApi.value.setGridOption('rowData', props.rowData)\r\n    }\r\n  },\r\n  { deep: true },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"ag-grid-container\">\r\n    <AgGridVue\r\n      :column-defs=\"processedColumnDefs\"\r\n      :row-data=\"rowData\"\r\n      :grid-options=\"gridOptions\"\r\n      :class=\"theme\"\r\n      style=\"height: 100%; width: 100%\"\r\n      @grid-ready=\"onGridReady\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.ag-grid-container {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n</style>\r\n"],"names":["ModuleRegistry","AllCommunityModule","AllEnterpriseModule","props","__props","gridApi","ref","gridColumnApi","processedColumnDefs","computed","columnDefs","gridOptions","__expose","onGridReady","params","watch","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","AgGridVue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAAA,EAAe,gBAAgB,CAACC,GAAoBC,CAAmB,CAAC;AAExE,UAAMC,IAAQC,GAoCRC,IAAUC,EAAS,IAAI,GACvBC,IAAgBD,EAAS,IAAI,GAG7BE,IAAsBC,EAAS,MAAM;AACzC,UAAI,CAACN,EAAM;AACT,eAAOA,EAAM;AAGf,YAAMO,IAAa,CAAC,GAAGP,EAAM,UAAU;AACvC,aAAIO,EAAW,SAAS,MAEtBA,EAAW,CAAC,IAAI;AAAA,QACd,GAAGA,EAAW,CAAC;AAAA,QACf,mBAAmB;AAAA,QACnB,yBAAyB;AAAA,MAAA,IAGtBA;AAAA,IACT,CAAC,GAGKC,IAAcF,EAAsB,OACX;AAAA;AAAA,MAE3B,YAAYD,EAAoB;AAAA,MAChC,SAASL,EAAM;AAAA,MACf,YAAYA,EAAM;AAAA,MAClB,cAAcA,EAAM,WAAW,aAAa;AAAA;AAAA;AAAA,MAG5C,2BAA2BA,EAAM;AAAA;AAAA;AAAA;AAAA,MAKjC,SAASA,EAAM,kBAAkBA,EAAM,cAAc;AAAA,QACnD,YAAY;AAAA,UACV;AAAA,YACE,IAAI;AAAA,YACJ,cAAc;AAAA,YACd,UAAU;AAAA,YACV,SAAS;AAAA,YACT,WAAW;AAAA,YACX,iBAAiB;AAAA,cACf,mBAAmB,CAACA,EAAM;AAAA,cAC1B,gBAAgB,CAACA,EAAM;AAAA,cACvB,gBAAgB,CAACA,EAAM;AAAA,cACvB,mBAAmB,CAACA,EAAM;AAAA,YAAA;AAAA,UAC5B;AAAA,QACF;AAAA,QAEF,kBAAkB;AAAA,QAClB,iBAAiB;AAAA,MAAA,IACf;AAAA;AAAA,MAGJ,sBAAsBA,EAAM,iBAAiB,IAAI;AAAA,MACjD,yBAAyB;AAAA,IAAA,EAI5B;AAYD,IAAAS,EAAa;AAAA,MACX,SAAAP;AAAA,MACA,eAAAE;AAAA,MACA,eAZoB,MAAM;AAC1B,QAAIF,EAAQ,SAASF,EAAM,qBACzBE,EAAQ,MAAM,kBAAkB;AAAA,UAC9B,UAAU;AAAA,QAAA,CACX;AAAA,MAEL;AAAA,IAME,CACD;AAGD,UAAMQ,IAAc,CAACC,MAAgB;AACnC,MAAAT,EAAQ,QAAQS,EAAO,KACvBP,EAAc,QAAQO,EAAO;AAAA,IAC/B;AAGA,WAAAC;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,MAAM;AACJ,QAAIE,EAAQ,SACVA,EAAQ,MAAM,cAAc,cAAcG,EAAoB,KAAK;AAAA,MAEvE;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAIfO;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,MAAM;AACJ,QAAIE,EAAQ,SACVA,EAAQ,MAAM,cAAc,WAAWF,EAAM,OAAO;AAAA,MAExD;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,cAKba,EAAA,GAAAC,EASM,OATNC,GASM;AAAA,MARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,QANC,eAAab,EAAA;AAAA,QACb,YAAUJ,EAAA;AAAA,QACV,gBAAcO,EAAA;AAAA,QACd,SAAOP,EAAA,KAAK;AAAA,QACb,OAAA,EAAA,QAAA,QAAA,OAAA,OAAA;AAAA,QACC,aAAAS;AAAA,MAAA;;;;"}

package/components/atoms/JIcon.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),e=require("lucide-vue-next"),h=o.defineComponent({__name:"JIcon",props:{name:{},size:{default:"md"},color:{},class:{},styletype:{default:"default"},ariaLabel:{},role:{default:"img"}},setup(n){const r=n,a={house:e.House,user:e.User,settings:e.Settings,search:e.Search,plus:e.Plus,minus:e.Minus,squarePen:e.SquarePen,trash2:e.Trash2,save:e.Save,download:e.Download,upload:e.Upload,eye:e.Eye,eyeOff:e.EyeOff,heart:e.Heart,star:e.Star,check:e.Check,x:e.X,circleAlert:e.CircleAlert,info:e.Info,chevronDown:e.ChevronDown,chevronUp:e.ChevronUp,chevronLeft:e.ChevronLeft,chevronRight:e.ChevronRight,menu:e.Menu,ellipsis:e.Ellipsis,ellipsisVertical:e.EllipsisVertical,palette:e.Palette,package:e.Package,packageCheck:e.PackageCheck,packageX:e.PackageX,truck:e.Truck,warehouse:e.Warehouse,boxes:e.Boxes,archive:e.Archive,clipboardList:e.ClipboardList,clipboardCheck:e.ClipboardCheck,fileText:e.FileText,chartBar:e.ChartBar,trendingUp:e.TrendingUp,trendingDown:e.TrendingDown,calendar:e.Calendar,clock:e.Clock,mapPin:e.MapPin,table:e.Table,list:e.List,listFilter:e.ListFilter,arrowUpWideNarrow:e.ArrowUpWideNarrow,arrowDownWideNarrow:e.ArrowDownWideNarrow,scale:e.Scale,server:e.Server,database:e.Database,link:e.Link,arrowLeftRight:e.ArrowLeftRight,circleQuestionMark:e.CircleQuestionMark,monitor:e.Monitor,users:e.Users,code:e.Code,fileKey:e.FileKey,cpu:e.Cpu,rocket:e.Rocket,fileSpreadsheet:e.FileSpreadsheet,activity:e.Activity,messageCircle:e.MessageCircle,book:e.Book,logIn:e.LogIn,logOut:e.LogOut,copy:e.Copy,clipboard:e.Clipboard,undo2:e.Undo2,redo2:e.Redo2,pencil:e.Pencil,folder:e.Folder,folderPlus:e.FolderPlus,folderOpen:e.FolderOpen,filePlus:e.FilePlus,fileSearch:e.FileSearch,filePen:e.FilePen,fileMinus:e.FileMinus,mail:e.Mail,send:e.Send,phone:e.Phone,bell:e.Bell,bellOff:e.BellOff,messageSquare:e.MessageSquare,arrowUp:e.ArrowUp,arrowDown:e.ArrowDown,arrowLeft:e.ArrowLeft,arrowRight:e.ArrowRight,rotateCw:e.RotateCw,rotateCcw:e.RotateCcw,refreshCw:e.RefreshCw,move:e.Move,circleCheckBig:e.CircleCheckBig,circleX:e.CircleX,circle:e.Circle,lock:e.Lock,lockOpen:e.LockOpen,shield:e.Shield,shieldCheck:e.ShieldCheck,shieldAlert:e.ShieldAlert,userPlus:e.UserPlus,userMinus:e.UserMinus,userCheck:e.UserCheck,userX:e.UserX,circleUser:e.CircleUser,power:e.Power,zap:e.Zap,target:e.Target,flag:e.Flag,funnel:e.Funnel,building:e.Building,briefcase:e.Briefcase,globe:e.Globe,printer:e.Printer,share2:e.Share2,externalLink:e.ExternalLink,maximize2:e.Maximize2,minimize2:e.Minimize2,moveVertical:e.MoveVertical,moveHorizontal:e.MoveHorizontal,sun:e.Sun,moon:e.Moon},c={sm:16,md:24,lg:32,xl:40},t={default:{class:""},primary:{color:"#3b82f6",class:""},success:{color:"#10b981",class:""},warning:{color:"#f59e0b",class:""},danger:{color:"#ef4444",class:""}},u=o.computed(()=>{const l=t[r.styletype],i=c[r.size],p=[l.class,r.class].filter(Boolean).join(" "),s=r.ariaLabel||r.name;return{size:i,color:r.color||l.color,class:p,"aria-label":s,"aria-hidden":!s,role:r.role}}),d=o.computed(()=>r.name in a?a[r.name]:e.House);return(l,i)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(d.value),o.normalizeProps(o.guardReactiveProps(u.value)),null,16))}});exports.default=h;
+//# sourceMappingURL=JIcon.vue.cjs.map

package/components/atoms/JIcon.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JIcon.vue.cjs","sources":["../../../../src/components/atoms/JIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { \r\n  House, \r\n  User, \r\n  Settings, \r\n  Search, \r\n  Plus, \r\n  Minus, \r\n  SquarePen, \r\n  Trash2, \r\n  Save, \r\n  Download,\r\n  Upload,\r\n  Eye,\r\n  EyeOff,\r\n  Heart,\r\n  Star,\r\n  Check,\r\n  X,\r\n  CircleAlert,\r\n  Info,\r\n  ChevronDown,\r\n  ChevronUp,\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  Menu,\r\n  Ellipsis,\r\n  EllipsisVertical,\r\n  Palette,\r\n  // WMS 핵심 아이콘들\r\n  Package,\r\n  PackageCheck,\r\n  PackageX,\r\n  Truck,\r\n  Warehouse,\r\n  Boxes,\r\n  Archive,\r\n  ClipboardList,\r\n  ClipboardCheck,\r\n  FileText,\r\n  ChartBar,\r\n  TrendingUp,\r\n  TrendingDown,\r\n  Calendar,\r\n  Clock,\r\n  MapPin,\r\n  Table,\r\n  List,\r\n  ListFilter,\r\n  ArrowUpWideNarrow,\r\n  ArrowDownWideNarrow,\r\n  Scale,\r\n  // 추가 아이콘들\r\n  Server,\r\n  Database,\r\n  Link,\r\n  ArrowLeftRight,\r\n  CircleQuestionMark,\r\n  Monitor,\r\n  Users,\r\n  Code,\r\n  FileKey,\r\n  Cpu,\r\n  Rocket,\r\n  FileSpreadsheet,\r\n  Activity,\r\n  MessageCircle,\r\n  Book,\r\n  LogIn,\r\n  LogOut,\r\n  // 편집 관련\r\n  Copy,\r\n  Clipboard,\r\n  Undo2,\r\n  Redo2,\r\n  Pencil,\r\n  // 파일/폴더 관련\r\n  Folder,\r\n  FolderPlus,\r\n  FolderOpen,\r\n  FilePlus,\r\n  FileSearch,\r\n  FilePen,\r\n  FileMinus,\r\n  // 통신/알림 관련\r\n  Mail,\r\n  Send,\r\n  Phone,\r\n  Bell,\r\n  BellOff,\r\n  MessageSquare,\r\n  // 화살표/방향 관련\r\n  ArrowUp,\r\n  ArrowDown,\r\n  ArrowLeft,\r\n  ArrowRight,\r\n  RotateCw,\r\n  RotateCcw,\r\n  RefreshCw,\r\n  Move,\r\n  // 상태/피드백 관련\r\n  CircleCheckBig,\r\n  CircleX,\r\n  Circle,\r\n  // 보안 관련\r\n  Lock,\r\n  LockOpen,\r\n  Shield,\r\n  ShieldCheck,\r\n  ShieldAlert,\r\n  // 사용자 관리 관련\r\n  UserPlus,\r\n  UserMinus,\r\n  UserCheck,\r\n  UserX,\r\n  CircleUser,\r\n  // 액션 관련\r\n  Power,\r\n  Zap,\r\n  Target,\r\n  Flag,\r\n  Funnel,\r\n  // 조직/팀 관련\r\n  Building,\r\n  Briefcase,\r\n  Globe,\r\n  // 기타 유용한 아이콘\r\n  Printer,\r\n  Share2,\r\n  ExternalLink,\r\n  Maximize2,\r\n  Minimize2,\r\n  MoveVertical,\r\n  MoveHorizontal,\r\n  Sun,\r\n  Moon,\r\n  type LucideIcon\r\n} from 'lucide-vue-next'\r\n\r\n// 확장 가능한 아이콘 타입\r\ntype BaseIconName = \r\n  | 'house' | 'user' | 'settings' | 'search' | 'plus' | 'minus'\r\n  | 'squarePen' | 'trash2' | 'save' | 'download' | 'upload'\r\n  | 'eye' | 'eyeOff' | 'heart' | 'star' | 'check' | 'x'\r\n  | 'circleAlert' | 'info' | 'chevronDown' | 'chevronUp'\r\n  | 'chevronLeft' | 'chevronRight' | 'menu' | 'ellipsis' | 'ellipsisVertical'\r\n  | 'palette'\r\n  // WMS 핵심 아이콘들\r\n  | 'package' | 'packageCheck' | 'packageX'\r\n  | 'truck' | 'warehouse' | 'boxes'\r\n  | 'archive' | 'clipboardList' | 'clipboardCheck'\r\n  | 'fileText' | 'chartBar'\r\n  | 'trendingUp' | 'trendingDown' | 'calendar' | 'clock'\r\n  | 'mapPin' | 'table' | 'list' | 'listFilter'\r\n  | 'arrowUpWideNarrow' | 'arrowDownWideNarrow' | 'scale'\r\n  // 추가 아이콘들\r\n  | 'server' | 'database' | 'link' | 'arrowLeftRight' | 'circleQuestionMark'\r\n  | 'monitor' | 'users' | 'code' | 'fileKey' | 'cpu'\r\n  | 'rocket' | 'fileSpreadsheet' | 'activity' | 'messageCircle' | 'book'\r\n  // 인증 관련 아이콘들\r\n  | 'logIn' | 'logOut'\r\n  // 편집 관련 아이콘들\r\n  | 'copy' | 'clipboard' | 'undo2' | 'redo2' | 'pencil'\r\n  // 파일/폴더 관련 아이콘들\r\n  | 'folder' | 'folderPlus' | 'folderOpen' | 'filePlus' | 'fileSearch' | 'filePen' | 'fileMinus'\r\n  // 통신/알림 관련 아이콘들\r\n  | 'mail' | 'send' | 'phone' | 'bell' | 'bellOff' | 'messageSquare'\r\n  // 화살표/방향 관련 아이콘들\r\n  | 'arrowUp' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'rotateCw' | 'rotateCcw' | 'refreshCw' | 'move'\r\n  // 상태/피드백 관련 아이콘들\r\n  | 'circleCheckBig' | 'circleX' | 'circle'\r\n  // 보안 관련 아이콘들\r\n  | 'lock' | 'lockOpen' | 'shield' | 'shieldCheck' | 'shieldAlert'\r\n  // 사용자 관리 관련 아이콘들\r\n  | 'userPlus' | 'userMinus' | 'userCheck' | 'userX' | 'circleUser'\r\n  // 액션 관련 아이콘들\r\n  | 'power' | 'zap' | 'target' | 'flag' | 'funnel'\r\n  // 조직/팀 관련 아이콘들\r\n  | 'building' | 'briefcase' | 'globe'\r\n  // 기타 유용한 아이콘들\r\n  | 'printer' | 'share2' | 'externalLink' | 'maximize2' | 'minimize2' | 'moveVertical' | 'moveHorizontal'\r\n  | 'sun' | 'moon'\r\n\r\n// 커스텀 아이콘 확장을 위한 타입\r\ntype CustomIconName = string // 나중에 확장 가능\r\n\r\ntype IconName = BaseIconName | CustomIconName\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    name: IconName\r\n    size?: SizeType\r\n    color?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 접근성 라벨 */\r\n    ariaLabel?: string\r\n    /** 접근성 역할 */\r\n    role?: string\r\n  }>(),\r\n  {\r\n    size: 'md',\r\n    styletype: 'default',\r\n    role: 'img',\r\n  },\r\n)\r\n\r\n/**\r\n * 기본 아이콘 매핑 (타입 안전)\r\n */\r\nconst baseIconMap: Record<BaseIconName, LucideIcon> = {\r\n  house: House,\r\n  user: User,\r\n  settings: Settings,\r\n  search: Search,\r\n  plus: Plus,\r\n  minus: Minus,\r\n  squarePen: SquarePen,\r\n  trash2: Trash2,\r\n  save: Save,\r\n  download: Download,\r\n  upload: Upload,\r\n  eye: Eye,\r\n  eyeOff: EyeOff,\r\n  heart: Heart,\r\n  star: Star,\r\n  check: Check,\r\n  x: X,\r\n  circleAlert: CircleAlert,\r\n  info: Info,\r\n  chevronDown: ChevronDown,\r\n  chevronUp: ChevronUp,\r\n  chevronLeft: ChevronLeft,\r\n  chevronRight: ChevronRight,\r\n  menu: Menu,\r\n  ellipsis: Ellipsis,\r\n  ellipsisVertical: EllipsisVertical,\r\n  palette: Palette,\r\n  // WMS 핵심 아이콘들\r\n  package: Package,\r\n  packageCheck: PackageCheck,\r\n  packageX: PackageX,\r\n  truck: Truck,\r\n  warehouse: Warehouse,\r\n  boxes: Boxes,\r\n  archive: Archive,\r\n  clipboardList: ClipboardList,\r\n  clipboardCheck: ClipboardCheck,\r\n  fileText: FileText,\r\n  chartBar: ChartBar,\r\n  trendingUp: TrendingUp,\r\n  trendingDown: TrendingDown,\r\n  calendar: Calendar,\r\n  clock: Clock,\r\n  mapPin: MapPin,\r\n  table: Table,\r\n  list: List,\r\n  listFilter: ListFilter,\r\n  arrowUpWideNarrow: ArrowUpWideNarrow,\r\n  arrowDownWideNarrow: ArrowDownWideNarrow,\r\n  scale: Scale,\r\n  // 추가 아이콘들\r\n  server: Server,\r\n  database: Database,\r\n  link: Link,\r\n  arrowLeftRight: ArrowLeftRight,\r\n  circleQuestionMark: CircleQuestionMark,\r\n  monitor: Monitor,\r\n  users: Users,\r\n  code: Code,\r\n  fileKey: FileKey,\r\n  cpu: Cpu,\r\n  rocket: Rocket,\r\n  fileSpreadsheet: FileSpreadsheet,\r\n  activity: Activity,\r\n  messageCircle: MessageCircle,\r\n  book: Book,\r\n  // 인증 관련 아이콘들\r\n  logIn: LogIn,\r\n  logOut: LogOut,\r\n  // 편집 관련 아이콘들\r\n  copy: Copy,\r\n  clipboard: Clipboard,\r\n  undo2: Undo2,\r\n  redo2: Redo2,\r\n  pencil: Pencil,\r\n  // 파일/폴더 관련 아이콘들\r\n  folder: Folder,\r\n  folderPlus: FolderPlus,\r\n  folderOpen: FolderOpen,\r\n  filePlus: FilePlus,\r\n  fileSearch: FileSearch,\r\n  filePen: FilePen,\r\n  fileMinus: FileMinus,\r\n  // 통신/알림 관련 아이콘들\r\n  mail: Mail,\r\n  send: Send,\r\n  phone: Phone,\r\n  bell: Bell,\r\n  bellOff: BellOff,\r\n  messageSquare: MessageSquare,\r\n  // 화살표/방향 관련 아이콘들\r\n  arrowUp: ArrowUp,\r\n  arrowDown: ArrowDown,\r\n  arrowLeft: ArrowLeft,\r\n  arrowRight: ArrowRight,\r\n  rotateCw: RotateCw,\r\n  rotateCcw: RotateCcw,\r\n  refreshCw: RefreshCw,\r\n  move: Move,\r\n  // 상태/피드백 관련 아이콘들\r\n  circleCheckBig: CircleCheckBig,\r\n  circleX: CircleX,\r\n  circle: Circle,\r\n  // 보안 관련 아이콘들\r\n  lock: Lock,\r\n  lockOpen: LockOpen,\r\n  shield: Shield,\r\n  shieldCheck: ShieldCheck,\r\n  shieldAlert: ShieldAlert,\r\n  // 사용자 관리 관련 아이콘들\r\n  userPlus: UserPlus,\r\n  userMinus: UserMinus,\r\n  userCheck: UserCheck,\r\n  userX: UserX,\r\n  circleUser: CircleUser,\r\n  // 액션 관련 아이콘들\r\n  power: Power,\r\n  zap: Zap,\r\n  target: Target,\r\n  flag: Flag,\r\n  funnel: Funnel,\r\n  // 조직/팀 관련 아이콘들\r\n  building: Building,\r\n  briefcase: Briefcase,\r\n  globe: Globe,\r\n  // 기타 유용한 아이콘들\r\n  printer: Printer,\r\n  share2: Share2,\r\n  externalLink: ExternalLink,\r\n  maximize2: Maximize2,\r\n  minimize2: Minimize2,\r\n  moveVertical: MoveVertical,\r\n  moveHorizontal: MoveHorizontal,\r\n  sun: Sun,\r\n  moon: Moon,\r\n}\r\n\r\n/**\r\n * 동적 아이콘 로딩을 위한 함수 (나중에 확장 가능)\r\n * 현재는 사용하지 않지만 향후 커스텀 아이콘 지원을 위해 준비\r\n */\r\n// const loadCustomIcon = async (iconName: string): Promise<LucideIcon | null> => {\r\n//   try {\r\n//     // 나중에 다른 아이콘 라이브러리나 커스텀 아이콘을 동적으로 로드할 수 있음\r\n//     // 예: const { [iconName]: IconComponent } = await import('@/assets/icons')\r\n//     return null\r\n//   } catch {\r\n//     return null\r\n//   }\r\n// }\r\n\r\n/**\r\n * size -> 실제 크기 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, number> = {\r\n  sm: 16,\r\n  md: 24,\r\n  lg: 32,\r\n  xl: 40,\r\n}\r\n\r\n/**\r\n * styletype -> color, class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { color?: string; class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    color: '#3b82f6',\r\n    class: '',\r\n  },\r\n  success: { \r\n    color: '#10b981',\r\n    class: '',\r\n  },\r\n  warning: { \r\n    color: '#f59e0b',\r\n    class: '',\r\n  },\r\n  danger: { \r\n    color: '#ef4444',\r\n    class: '',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, props.class].filter(Boolean).join(' ')\r\n  const ariaLabel = props.ariaLabel || props.name\r\n  \r\n  return {\r\n    size: sizePreset,\r\n    color: props.color || stylePreset.color, // props.color가 있으면 우선 사용, 없으면 stylePreset.color 사용\r\n    class: finalClass,\r\n    'aria-label': ariaLabel,\r\n    'aria-hidden': !ariaLabel,\r\n    role: props.role,\r\n  }\r\n})\r\n\r\n/** 현재 아이콘 컴포넌트 */\r\nconst IconComponent = computed(() => {\r\n  // 기본 아이콘 먼저 확인\r\n  if (props.name in baseIconMap) {\r\n    return baseIconMap[props.name as BaseIconName]\r\n  }\r\n  \r\n  // 커스텀 아이콘은 나중에 확장\r\n  // return loadCustomIcon(props.name)\r\n  \r\n  // 기본값으로 house 아이콘 반환\r\n  return House\r\n})\r\n</script>\r\n\r\n<template>\r\n  <component \r\n    :is=\"IconComponent\" \r\n    v-bind=\"mapped\"\r\n  />\r\n</template>"],"names":["props","__props","baseIconMap","House","User","Settings","Search","Plus","Minus","SquarePen","Trash2","Save","Download","Upload","Eye","EyeOff","Heart","Star","Check","X","CircleAlert","Info","ChevronDown","ChevronUp","ChevronLeft","ChevronRight","Menu","Ellipsis","EllipsisVertical","Palette","Package","PackageCheck","PackageX","Truck","Warehouse","Boxes","Archive","ClipboardList","ClipboardCheck","FileText","ChartBar","TrendingUp","TrendingDown","Calendar","Clock","MapPin","Table","List","ListFilter","ArrowUpWideNarrow","ArrowDownWideNarrow","Scale","Server","Database","Link","ArrowLeftRight","CircleQuestionMark","Monitor","Users","Code","FileKey","Cpu","Rocket","FileSpreadsheet","Activity","MessageCircle","Book","LogIn","LogOut","Copy","Clipboard","Undo2","Redo2","Pencil","Folder","FolderPlus","FolderOpen","FilePlus","FileSearch","FilePen","FileMinus","Mail","Send","Phone","Bell","BellOff","MessageSquare","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","RotateCw","RotateCcw","RefreshCw","Move","CircleCheckBig","CircleX","Circle","Lock","LockOpen","Shield","ShieldCheck","ShieldAlert","UserPlus","UserMinus","UserCheck","UserX","CircleUser","Power","Zap","Target","Flag","Funnel","Building","Briefcase","Globe","Printer","Share2","ExternalLink","Maximize2","Minimize2","MoveVertical","MoveHorizontal","Sun","Moon","SIZE_PRESETS","STYLE_PRESETS","mapped","computed","stylePreset","sizePreset","finalClass","ariaLabel","IconComponent","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/components/atoms/JIcon.vue.js

@@ -0,0 +1,192 @@
+import { defineComponent as h, computed as i, createBlock as f, openBlock as C, resolveDynamicComponent as g, normalizeProps as m, guardReactiveProps as k } from "vue";
+import { Moon as w, Sun as P, MoveHorizontal as b, MoveVertical as v, Minimize2 as S, Maximize2 as L, ExternalLink as M, Share2 as U, Printer as y, Globe as F, Briefcase as R, Building as A, Funnel as B, Flag as x, Target as z, Zap as D, Power as E, CircleUser as T, UserX as O, UserCheck as _, UserMinus as I, UserPlus as X, ShieldAlert as W, ShieldCheck as q, Shield as H, LockOpen as N, Lock as V, Circle as K, CircleX as Q, CircleCheckBig as Z, Move as j, RefreshCw as G, RotateCcw as J, RotateCw as Y, ArrowRight as $, ArrowLeft as ee, ArrowDown as re, ArrowUp as oe, MessageSquare as le, BellOff as ae, Bell as ie, Phone as se, Send as ne, Mail as ce, FileMinus as te, FilePen as pe, FileSearch as ue, FilePlus as de, FolderOpen as he, FolderPlus as fe, Folder as Ce, Pencil as ge, Redo2 as me, Undo2 as ke, Clipboard as we, Copy as Pe, LogOut as be, LogIn as ve, Book as Se, MessageCircle as Le, Activity as Me, FileSpreadsheet as Ue, Rocket as ye, Cpu as Fe, FileKey as Re, Code as Ae, Users as Be, Monitor as xe, CircleQuestionMark as ze, ArrowLeftRight as De, Link as Ee, Database as Te, Server as Oe, Scale as _e, ArrowDownWideNarrow as Ie, ArrowUpWideNarrow as Xe, ListFilter as We, List as qe, Table as He, MapPin as Ne, Clock as Ve, Calendar as Ke, TrendingDown as Qe, TrendingUp as Ze, ChartBar as je, FileText as Ge, ClipboardCheck as Je, ClipboardList as Ye, Archive as $e, Boxes as er, Warehouse as rr, Truck as or, PackageX as lr, PackageCheck as ar, Package as ir, Palette as sr, EllipsisVertical as nr, Ellipsis as cr, Menu as tr, ChevronRight as pr, ChevronLeft as ur, ChevronUp as dr, ChevronDown as hr, Info as fr, CircleAlert as Cr, X as gr, Check as mr, Star as kr, Heart as wr, EyeOff as Pr, Eye as br, Upload as vr, Download as Sr, Save as Lr, Trash2 as Mr, SquarePen as Ur, Minus as yr, Plus as Fr, Search as Rr, Settings as Ar, User as Br, House as s } from "lucide-vue-next";
+const Dr = /* @__PURE__ */ h({
+  __name: "JIcon",
+  props: {
+    name: {},
+    size: { default: "md" },
+    color: {},
+    class: {},
+    styletype: { default: "default" },
+    ariaLabel: {},
+    role: { default: "img" }
+  },
+  setup(n) {
+    const e = n, o = {
+      house: s,
+      user: Br,
+      settings: Ar,
+      search: Rr,
+      plus: Fr,
+      minus: yr,
+      squarePen: Ur,
+      trash2: Mr,
+      save: Lr,
+      download: Sr,
+      upload: vr,
+      eye: br,
+      eyeOff: Pr,
+      heart: wr,
+      star: kr,
+      check: mr,
+      x: gr,
+      circleAlert: Cr,
+      info: fr,
+      chevronDown: hr,
+      chevronUp: dr,
+      chevronLeft: ur,
+      chevronRight: pr,
+      menu: tr,
+      ellipsis: cr,
+      ellipsisVertical: nr,
+      palette: sr,
+      // WMS 핵심 아이콘들
+      package: ir,
+      packageCheck: ar,
+      packageX: lr,
+      truck: or,
+      warehouse: rr,
+      boxes: er,
+      archive: $e,
+      clipboardList: Ye,
+      clipboardCheck: Je,
+      fileText: Ge,
+      chartBar: je,
+      trendingUp: Ze,
+      trendingDown: Qe,
+      calendar: Ke,
+      clock: Ve,
+      mapPin: Ne,
+      table: He,
+      list: qe,
+      listFilter: We,
+      arrowUpWideNarrow: Xe,
+      arrowDownWideNarrow: Ie,
+      scale: _e,
+      // 추가 아이콘들
+      server: Oe,
+      database: Te,
+      link: Ee,
+      arrowLeftRight: De,
+      circleQuestionMark: ze,
+      monitor: xe,
+      users: Be,
+      code: Ae,
+      fileKey: Re,
+      cpu: Fe,
+      rocket: ye,
+      fileSpreadsheet: Ue,
+      activity: Me,
+      messageCircle: Le,
+      book: Se,
+      // 인증 관련 아이콘들
+      logIn: ve,
+      logOut: be,
+      // 편집 관련 아이콘들
+      copy: Pe,
+      clipboard: we,
+      undo2: ke,
+      redo2: me,
+      pencil: ge,
+      // 파일/폴더 관련 아이콘들
+      folder: Ce,
+      folderPlus: fe,
+      folderOpen: he,
+      filePlus: de,
+      fileSearch: ue,
+      filePen: pe,
+      fileMinus: te,
+      // 통신/알림 관련 아이콘들
+      mail: ce,
+      send: ne,
+      phone: se,
+      bell: ie,
+      bellOff: ae,
+      messageSquare: le,
+      // 화살표/방향 관련 아이콘들
+      arrowUp: oe,
+      arrowDown: re,
+      arrowLeft: ee,
+      arrowRight: $,
+      rotateCw: Y,
+      rotateCcw: J,
+      refreshCw: G,
+      move: j,
+      // 상태/피드백 관련 아이콘들
+      circleCheckBig: Z,
+      circleX: Q,
+      circle: K,
+      // 보안 관련 아이콘들
+      lock: V,
+      lockOpen: N,
+      shield: H,
+      shieldCheck: q,
+      shieldAlert: W,
+      // 사용자 관리 관련 아이콘들
+      userPlus: X,
+      userMinus: I,
+      userCheck: _,
+      userX: O,
+      circleUser: T,
+      // 액션 관련 아이콘들
+      power: E,
+      zap: D,
+      target: z,
+      flag: x,
+      funnel: B,
+      // 조직/팀 관련 아이콘들
+      building: A,
+      briefcase: R,
+      globe: F,
+      // 기타 유용한 아이콘들
+      printer: y,
+      share2: U,
+      externalLink: M,
+      maximize2: L,
+      minimize2: S,
+      moveVertical: v,
+      moveHorizontal: b,
+      sun: P,
+      moon: w
+    }, c = {
+      sm: 16,
+      md: 24,
+      lg: 32,
+      xl: 40
+    }, t = {
+      default: { class: "" },
+      primary: {
+        color: "#3b82f6",
+        class: ""
+      },
+      success: {
+        color: "#10b981",
+        class: ""
+      },
+      warning: {
+        color: "#f59e0b",
+        class: ""
+      },
+      danger: {
+        color: "#ef4444",
+        class: ""
+      }
+    }, p = i(() => {
+      const r = t[e.styletype], l = c[e.size], d = [r.class, e.class].filter(Boolean).join(" "), a = e.ariaLabel || e.name;
+      return {
+        size: l,
+        color: e.color || r.color,
+        // props.color가 있으면 우선 사용, 없으면 stylePreset.color 사용
+        class: d,
+        "aria-label": a,
+        "aria-hidden": !a,
+        role: e.role
+      };
+    }), u = i(() => e.name in o ? o[e.name] : s);
+    return (r, l) => (C(), f(g(u.value), m(k(p.value)), null, 16));
+  }
+});
+export {
+  Dr as default
+};
+//# sourceMappingURL=JIcon.vue.js.map

package/components/atoms/JIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JIcon.vue.js","sources":["../../../../src/components/atoms/JIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { \r\n  House, \r\n  User, \r\n  Settings, \r\n  Search, \r\n  Plus, \r\n  Minus, \r\n  SquarePen, \r\n  Trash2, \r\n  Save, \r\n  Download,\r\n  Upload,\r\n  Eye,\r\n  EyeOff,\r\n  Heart,\r\n  Star,\r\n  Check,\r\n  X,\r\n  CircleAlert,\r\n  Info,\r\n  ChevronDown,\r\n  ChevronUp,\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  Menu,\r\n  Ellipsis,\r\n  EllipsisVertical,\r\n  Palette,\r\n  // WMS 핵심 아이콘들\r\n  Package,\r\n  PackageCheck,\r\n  PackageX,\r\n  Truck,\r\n  Warehouse,\r\n  Boxes,\r\n  Archive,\r\n  ClipboardList,\r\n  ClipboardCheck,\r\n  FileText,\r\n  ChartBar,\r\n  TrendingUp,\r\n  TrendingDown,\r\n  Calendar,\r\n  Clock,\r\n  MapPin,\r\n  Table,\r\n  List,\r\n  ListFilter,\r\n  ArrowUpWideNarrow,\r\n  ArrowDownWideNarrow,\r\n  Scale,\r\n  // 추가 아이콘들\r\n  Server,\r\n  Database,\r\n  Link,\r\n  ArrowLeftRight,\r\n  CircleQuestionMark,\r\n  Monitor,\r\n  Users,\r\n  Code,\r\n  FileKey,\r\n  Cpu,\r\n  Rocket,\r\n  FileSpreadsheet,\r\n  Activity,\r\n  MessageCircle,\r\n  Book,\r\n  LogIn,\r\n  LogOut,\r\n  // 편집 관련\r\n  Copy,\r\n  Clipboard,\r\n  Undo2,\r\n  Redo2,\r\n  Pencil,\r\n  // 파일/폴더 관련\r\n  Folder,\r\n  FolderPlus,\r\n  FolderOpen,\r\n  FilePlus,\r\n  FileSearch,\r\n  FilePen,\r\n  FileMinus,\r\n  // 통신/알림 관련\r\n  Mail,\r\n  Send,\r\n  Phone,\r\n  Bell,\r\n  BellOff,\r\n  MessageSquare,\r\n  // 화살표/방향 관련\r\n  ArrowUp,\r\n  ArrowDown,\r\n  ArrowLeft,\r\n  ArrowRight,\r\n  RotateCw,\r\n  RotateCcw,\r\n  RefreshCw,\r\n  Move,\r\n  // 상태/피드백 관련\r\n  CircleCheckBig,\r\n  CircleX,\r\n  Circle,\r\n  // 보안 관련\r\n  Lock,\r\n  LockOpen,\r\n  Shield,\r\n  ShieldCheck,\r\n  ShieldAlert,\r\n  // 사용자 관리 관련\r\n  UserPlus,\r\n  UserMinus,\r\n  UserCheck,\r\n  UserX,\r\n  CircleUser,\r\n  // 액션 관련\r\n  Power,\r\n  Zap,\r\n  Target,\r\n  Flag,\r\n  Funnel,\r\n  // 조직/팀 관련\r\n  Building,\r\n  Briefcase,\r\n  Globe,\r\n  // 기타 유용한 아이콘\r\n  Printer,\r\n  Share2,\r\n  ExternalLink,\r\n  Maximize2,\r\n  Minimize2,\r\n  MoveVertical,\r\n  MoveHorizontal,\r\n  Sun,\r\n  Moon,\r\n  type LucideIcon\r\n} from 'lucide-vue-next'\r\n\r\n// 확장 가능한 아이콘 타입\r\ntype BaseIconName = \r\n  | 'house' | 'user' | 'settings' | 'search' | 'plus' | 'minus'\r\n  | 'squarePen' | 'trash2' | 'save' | 'download' | 'upload'\r\n  | 'eye' | 'eyeOff' | 'heart' | 'star' | 'check' | 'x'\r\n  | 'circleAlert' | 'info' | 'chevronDown' | 'chevronUp'\r\n  | 'chevronLeft' | 'chevronRight' | 'menu' | 'ellipsis' | 'ellipsisVertical'\r\n  | 'palette'\r\n  // WMS 핵심 아이콘들\r\n  | 'package' | 'packageCheck' | 'packageX'\r\n  | 'truck' | 'warehouse' | 'boxes'\r\n  | 'archive' | 'clipboardList' | 'clipboardCheck'\r\n  | 'fileText' | 'chartBar'\r\n  | 'trendingUp' | 'trendingDown' | 'calendar' | 'clock'\r\n  | 'mapPin' | 'table' | 'list' | 'listFilter'\r\n  | 'arrowUpWideNarrow' | 'arrowDownWideNarrow' | 'scale'\r\n  // 추가 아이콘들\r\n  | 'server' | 'database' | 'link' | 'arrowLeftRight' | 'circleQuestionMark'\r\n  | 'monitor' | 'users' | 'code' | 'fileKey' | 'cpu'\r\n  | 'rocket' | 'fileSpreadsheet' | 'activity' | 'messageCircle' | 'book'\r\n  // 인증 관련 아이콘들\r\n  | 'logIn' | 'logOut'\r\n  // 편집 관련 아이콘들\r\n  | 'copy' | 'clipboard' | 'undo2' | 'redo2' | 'pencil'\r\n  // 파일/폴더 관련 아이콘들\r\n  | 'folder' | 'folderPlus' | 'folderOpen' | 'filePlus' | 'fileSearch' | 'filePen' | 'fileMinus'\r\n  // 통신/알림 관련 아이콘들\r\n  | 'mail' | 'send' | 'phone' | 'bell' | 'bellOff' | 'messageSquare'\r\n  // 화살표/방향 관련 아이콘들\r\n  | 'arrowUp' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'rotateCw' | 'rotateCcw' | 'refreshCw' | 'move'\r\n  // 상태/피드백 관련 아이콘들\r\n  | 'circleCheckBig' | 'circleX' | 'circle'\r\n  // 보안 관련 아이콘들\r\n  | 'lock' | 'lockOpen' | 'shield' | 'shieldCheck' | 'shieldAlert'\r\n  // 사용자 관리 관련 아이콘들\r\n  | 'userPlus' | 'userMinus' | 'userCheck' | 'userX' | 'circleUser'\r\n  // 액션 관련 아이콘들\r\n  | 'power' | 'zap' | 'target' | 'flag' | 'funnel'\r\n  // 조직/팀 관련 아이콘들\r\n  | 'building' | 'briefcase' | 'globe'\r\n  // 기타 유용한 아이콘들\r\n  | 'printer' | 'share2' | 'externalLink' | 'maximize2' | 'minimize2' | 'moveVertical' | 'moveHorizontal'\r\n  | 'sun' | 'moon'\r\n\r\n// 커스텀 아이콘 확장을 위한 타입\r\ntype CustomIconName = string // 나중에 확장 가능\r\n\r\ntype IconName = BaseIconName | CustomIconName\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype SizeType = 'sm' | 'md' | 'lg' | 'xl'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    name: IconName\r\n    size?: SizeType\r\n    color?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 접근성 라벨 */\r\n    ariaLabel?: string\r\n    /** 접근성 역할 */\r\n    role?: string\r\n  }>(),\r\n  {\r\n    size: 'md',\r\n    styletype: 'default',\r\n    role: 'img',\r\n  },\r\n)\r\n\r\n/**\r\n * 기본 아이콘 매핑 (타입 안전)\r\n */\r\nconst baseIconMap: Record<BaseIconName, LucideIcon> = {\r\n  house: House,\r\n  user: User,\r\n  settings: Settings,\r\n  search: Search,\r\n  plus: Plus,\r\n  minus: Minus,\r\n  squarePen: SquarePen,\r\n  trash2: Trash2,\r\n  save: Save,\r\n  download: Download,\r\n  upload: Upload,\r\n  eye: Eye,\r\n  eyeOff: EyeOff,\r\n  heart: Heart,\r\n  star: Star,\r\n  check: Check,\r\n  x: X,\r\n  circleAlert: CircleAlert,\r\n  info: Info,\r\n  chevronDown: ChevronDown,\r\n  chevronUp: ChevronUp,\r\n  chevronLeft: ChevronLeft,\r\n  chevronRight: ChevronRight,\r\n  menu: Menu,\r\n  ellipsis: Ellipsis,\r\n  ellipsisVertical: EllipsisVertical,\r\n  palette: Palette,\r\n  // WMS 핵심 아이콘들\r\n  package: Package,\r\n  packageCheck: PackageCheck,\r\n  packageX: PackageX,\r\n  truck: Truck,\r\n  warehouse: Warehouse,\r\n  boxes: Boxes,\r\n  archive: Archive,\r\n  clipboardList: ClipboardList,\r\n  clipboardCheck: ClipboardCheck,\r\n  fileText: FileText,\r\n  chartBar: ChartBar,\r\n  trendingUp: TrendingUp,\r\n  trendingDown: TrendingDown,\r\n  calendar: Calendar,\r\n  clock: Clock,\r\n  mapPin: MapPin,\r\n  table: Table,\r\n  list: List,\r\n  listFilter: ListFilter,\r\n  arrowUpWideNarrow: ArrowUpWideNarrow,\r\n  arrowDownWideNarrow: ArrowDownWideNarrow,\r\n  scale: Scale,\r\n  // 추가 아이콘들\r\n  server: Server,\r\n  database: Database,\r\n  link: Link,\r\n  arrowLeftRight: ArrowLeftRight,\r\n  circleQuestionMark: CircleQuestionMark,\r\n  monitor: Monitor,\r\n  users: Users,\r\n  code: Code,\r\n  fileKey: FileKey,\r\n  cpu: Cpu,\r\n  rocket: Rocket,\r\n  fileSpreadsheet: FileSpreadsheet,\r\n  activity: Activity,\r\n  messageCircle: MessageCircle,\r\n  book: Book,\r\n  // 인증 관련 아이콘들\r\n  logIn: LogIn,\r\n  logOut: LogOut,\r\n  // 편집 관련 아이콘들\r\n  copy: Copy,\r\n  clipboard: Clipboard,\r\n  undo2: Undo2,\r\n  redo2: Redo2,\r\n  pencil: Pencil,\r\n  // 파일/폴더 관련 아이콘들\r\n  folder: Folder,\r\n  folderPlus: FolderPlus,\r\n  folderOpen: FolderOpen,\r\n  filePlus: FilePlus,\r\n  fileSearch: FileSearch,\r\n  filePen: FilePen,\r\n  fileMinus: FileMinus,\r\n  // 통신/알림 관련 아이콘들\r\n  mail: Mail,\r\n  send: Send,\r\n  phone: Phone,\r\n  bell: Bell,\r\n  bellOff: BellOff,\r\n  messageSquare: MessageSquare,\r\n  // 화살표/방향 관련 아이콘들\r\n  arrowUp: ArrowUp,\r\n  arrowDown: ArrowDown,\r\n  arrowLeft: ArrowLeft,\r\n  arrowRight: ArrowRight,\r\n  rotateCw: RotateCw,\r\n  rotateCcw: RotateCcw,\r\n  refreshCw: RefreshCw,\r\n  move: Move,\r\n  // 상태/피드백 관련 아이콘들\r\n  circleCheckBig: CircleCheckBig,\r\n  circleX: CircleX,\r\n  circle: Circle,\r\n  // 보안 관련 아이콘들\r\n  lock: Lock,\r\n  lockOpen: LockOpen,\r\n  shield: Shield,\r\n  shieldCheck: ShieldCheck,\r\n  shieldAlert: ShieldAlert,\r\n  // 사용자 관리 관련 아이콘들\r\n  userPlus: UserPlus,\r\n  userMinus: UserMinus,\r\n  userCheck: UserCheck,\r\n  userX: UserX,\r\n  circleUser: CircleUser,\r\n  // 액션 관련 아이콘들\r\n  power: Power,\r\n  zap: Zap,\r\n  target: Target,\r\n  flag: Flag,\r\n  funnel: Funnel,\r\n  // 조직/팀 관련 아이콘들\r\n  building: Building,\r\n  briefcase: Briefcase,\r\n  globe: Globe,\r\n  // 기타 유용한 아이콘들\r\n  printer: Printer,\r\n  share2: Share2,\r\n  externalLink: ExternalLink,\r\n  maximize2: Maximize2,\r\n  minimize2: Minimize2,\r\n  moveVertical: MoveVertical,\r\n  moveHorizontal: MoveHorizontal,\r\n  sun: Sun,\r\n  moon: Moon,\r\n}\r\n\r\n/**\r\n * 동적 아이콘 로딩을 위한 함수 (나중에 확장 가능)\r\n * 현재는 사용하지 않지만 향후 커스텀 아이콘 지원을 위해 준비\r\n */\r\n// const loadCustomIcon = async (iconName: string): Promise<LucideIcon | null> => {\r\n//   try {\r\n//     // 나중에 다른 아이콘 라이브러리나 커스텀 아이콘을 동적으로 로드할 수 있음\r\n//     // 예: const { [iconName]: IconComponent } = await import('@/assets/icons')\r\n//     return null\r\n//   } catch {\r\n//     return null\r\n//   }\r\n// }\r\n\r\n/**\r\n * size -> 실제 크기 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, number> = {\r\n  sm: 16,\r\n  md: 24,\r\n  lg: 32,\r\n  xl: 40,\r\n}\r\n\r\n/**\r\n * styletype -> color, class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { color?: string; class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    color: '#3b82f6',\r\n    class: '',\r\n  },\r\n  success: { \r\n    color: '#10b981',\r\n    class: '',\r\n  },\r\n  warning: { \r\n    color: '#f59e0b',\r\n    class: '',\r\n  },\r\n  danger: { \r\n    color: '#ef4444',\r\n    class: '',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, props.class].filter(Boolean).join(' ')\r\n  const ariaLabel = props.ariaLabel || props.name\r\n  \r\n  return {\r\n    size: sizePreset,\r\n    color: props.color || stylePreset.color, // props.color가 있으면 우선 사용, 없으면 stylePreset.color 사용\r\n    class: finalClass,\r\n    'aria-label': ariaLabel,\r\n    'aria-hidden': !ariaLabel,\r\n    role: props.role,\r\n  }\r\n})\r\n\r\n/** 현재 아이콘 컴포넌트 */\r\nconst IconComponent = computed(() => {\r\n  // 기본 아이콘 먼저 확인\r\n  if (props.name in baseIconMap) {\r\n    return baseIconMap[props.name as BaseIconName]\r\n  }\r\n  \r\n  // 커스텀 아이콘은 나중에 확장\r\n  // return loadCustomIcon(props.name)\r\n  \r\n  // 기본값으로 house 아이콘 반환\r\n  return House\r\n})\r\n</script>\r\n\r\n<template>\r\n  <component \r\n    :is=\"IconComponent\" \r\n    v-bind=\"mapped\"\r\n  />\r\n</template>"],"names":["props","__props","baseIconMap","House","User","Settings","Search","Plus","Minus","SquarePen","Trash2","Save","Download","Upload","Eye","EyeOff","Heart","Star","Check","X","CircleAlert","Info","ChevronDown","ChevronUp","ChevronLeft","ChevronRight","Menu","Ellipsis","EllipsisVertical","Palette","Package","PackageCheck","PackageX","Truck","Warehouse","Boxes","Archive","ClipboardList","ClipboardCheck","FileText","ChartBar","TrendingUp","TrendingDown","Calendar","Clock","MapPin","Table","List","ListFilter","ArrowUpWideNarrow","ArrowDownWideNarrow","Scale","Server","Database","Link","ArrowLeftRight","CircleQuestionMark","Monitor","Users","Code","FileKey","Cpu","Rocket","FileSpreadsheet","Activity","MessageCircle","Book","LogIn","LogOut","Copy","Clipboard","Undo2","Redo2","Pencil","Folder","FolderPlus","FolderOpen","FilePlus","FileSearch","FilePen","FileMinus","Mail","Send","Phone","Bell","BellOff","MessageSquare","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","RotateCw","RotateCcw","RefreshCw","Move","CircleCheckBig","CircleX","Circle","Lock","LockOpen","Shield","ShieldCheck","ShieldAlert","UserPlus","UserMinus","UserCheck","UserX","CircleUser","Power","Zap","Target","Flag","Funnel","Building","Briefcase","Globe","Printer","Share2","ExternalLink","Maximize2","Minimize2","MoveVertical","MoveHorizontal","Sun","Moon","SIZE_PRESETS","STYLE_PRESETS","mapped","computed","stylePreset","sizePreset","finalClass","ariaLabel","IconComponent","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/components/atoms/JIcon.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JIcon.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JIcon.vue2.cjs.map

package/components/atoms/JIcon.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JIcon.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JIcon.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JIcon.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JIcon.vue2.js.map

package/components/atoms/JIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JIcon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/atoms/JImage.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g={class:"inline-block"},p={class:"text-muted-foreground text-sm"},k=["src","alt"],b=e.defineComponent({__name:"JImage",props:{src:{},width:{},height:{},alt:{default:""},styletype:{default:"default"},errorText:{default:""},placeholder:{default:"이미지를 불러올 수 없습니다"},clickable:{type:Boolean,default:!1},class:{}},emits:["click","mouseover","mouseout"],setup(o,{emit:u}){const l=o,r=u,d={default:{class:""},primary:{class:"border-primary border-2"},secondary:{class:"border-secondary border-2"},muted:{class:"border-muted border-2"},sm:{class:"w-8 h-8"},lg:{class:"w-16 h-16"},rounded:{class:"rounded-full"}},a=e.ref(!1),c=e.ref(!1),n=e.computed(()=>{const t={};return l.width&&(t.width=typeof l.width=="number"?`${l.width}px`:l.width),l.height&&(t.height=typeof l.height=="number"?`${l.height}px`:l.height),t}),i=e.computed(()=>{const t=l.styletype||"default",s=d[t]??d.default;return["object-cover",t==="rounded"?"rounded-full":"rounded-md",s?.class,l.clickable?"cursor-pointer hover:opacity-80 transition-opacity":"",l.class].filter(Boolean).join(" ")}),m=t=>{l.clickable&&r("click",t)},f=t=>{r("mouseover",t)},h=t=>{r("mouseout",t)},y=()=>{c.value=!1,a.value=!1},v=()=>{c.value=!1,a.value=!0};return(t,s)=>(e.openBlock(),e.createElementBlock("div",g,[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center bg-muted rounded-md",style:e.normalizeStyle(n.value)},[...s[0]||(s[0]=[e.createElementVNode("div",{class:"text-muted-foreground text-sm"},"로딩 중...",-1)])],4)):a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center bg-muted rounded-md text-center",style:e.normalizeStyle(n.value)},[e.createElementVNode("div",p,e.toDisplayString(o.errorText||o.placeholder),1)],4)):(e.openBlock(),e.createElementBlock("img",{key:2,src:o.src,alt:o.alt,style:e.normalizeStyle(n.value),class:e.normalizeClass(i.value),onLoad:y,onError:v,onClick:m,onMouseover:f,onMouseout:h},null,46,k))]))}});exports.default=b;
+//# sourceMappingURL=JImage.vue.cjs.map

package/components/atoms/JImage.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JImage.vue.cjs","sources":["../../../../src/components/atoms/JImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'muted' | 'sm' | 'lg' | 'rounded'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 이미지 소스 */\n    src?: string\n    /** 이미지 너비 */\n    width?: string | number\n    /** 이미지 높이 */\n    height?: string | number\n    /** 이미지 대체 텍스트 */\n    alt?: string\n    /** 이미지 스타일 테마 */\n    styletype?: StyleType\n    /** 에러 메시지 */\n    errorText?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 클릭 가능 여부 */\n    clickable?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    alt: '',\n    errorText: '',\n    placeholder: '이미지를 불러올 수 없습니다',\n    clickable: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'click': [event: MouseEvent]\n  'mouseover': [event: MouseEvent]\n  'mouseout': [event: MouseEvent]\n}>()\n\nconst STYLE_PRESETS: Record<StyleType, { class?: string }> = {\n  default: { class: '' },\n  primary: { class: 'border-primary border-2' },\n  secondary: { class: 'border-secondary border-2' },\n  muted: { class: 'border-muted border-2' },\n  sm: { class: 'w-8 h-8' },\n  lg: { class: 'w-16 h-16' },\n  rounded: { class: 'rounded-full' },\n}\n\nconst isError = ref(false)\nconst isLoading = ref(false) // 초기 로딩 상태를 false로 변경\n\nconst imageStyle = computed(() => {\n  const style: Record<string, string> = {}\n  \n  if (props.width) {\n    style.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n  \n  if (props.height) {\n    style.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n  \n  return style\n})\n\nconst imageClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  \n  const classes = [\n    'object-cover',\n    styleKey === 'rounded' ? 'rounded-full' : 'rounded-md',\n    preset?.class,\n    props.clickable ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n    props.class\n  ].filter(Boolean).join(' ')\n\n  return classes\n})\n\nconst handleClick = (event: MouseEvent) => {\n  if (props.clickable) {\n    emit('click', event)\n  }\n}\n\nconst handleMouseOver = (event: MouseEvent) => {\n  emit('mouseover', event)\n}\n\nconst handleMouseOut = (event: MouseEvent) => {\n  emit('mouseout', event)\n}\n\nconst handleImageLoad = () => {\n  isLoading.value = false\n  isError.value = false\n}\n\nconst handleImageError = () => {\n  isLoading.value = false\n  isError.value = true\n}\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <!-- 로딩 상태 -->\n    <div v-if=\"isLoading\" class=\"flex items-center justify-center bg-muted rounded-md\" :style=\"imageStyle\">\n      <div class=\"text-muted-foreground text-sm\">로딩 중...</div>\n    </div>\n    \n    <!-- 에러 상태 -->\n    <div v-else-if=\"isError\" class=\"flex items-center justify-center bg-muted rounded-md text-center\" :style=\"imageStyle\">\n      <div class=\"text-muted-foreground text-sm\">\n        {{ errorText || placeholder }}\n      </div>\n    </div>\n    \n    <!-- 이미지 표시 -->\n    <img \n      v-else \n      :src=\"src\"\n      :alt=\"alt\"\n      :style=\"imageStyle\"\n      :class=\"imageClass\"\n      @load=\"handleImageLoad\" \n      @error=\"handleImageError\"\n      @click=\"handleClick\"\n      @mouseover=\"handleMouseOver\"\n      @mouseout=\"handleMouseOut\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","isError","ref","isLoading","imageStyle","computed","style","imageClass","styleKey","preset","handleClick","event","handleMouseOver","handleMouseOut","handleImageLoad","handleImageError","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString"],"mappings":"ifAKA,MAAMA,EAAQC,EA8BRC,EAAOC,EAMPC,EAAuD,CAC3D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CAAE,MAAO,yBAAA,EAClB,UAAW,CAAE,MAAO,2BAAA,EACpB,MAAO,CAAE,MAAO,uBAAA,EAChB,GAAI,CAAE,MAAO,SAAA,EACb,GAAI,CAAE,MAAO,WAAA,EACb,QAAS,CAAE,MAAO,cAAA,CAAe,EAG7BC,EAAUC,EAAAA,IAAI,EAAK,EACnBC,EAAYD,EAAAA,IAAI,EAAK,EAErBE,EAAaC,EAAAA,SAAS,IAAM,CAChC,MAAMC,EAAgC,CAAA,EAEtC,OAAIV,EAAM,QACRU,EAAM,MAAQ,OAAOV,EAAM,OAAU,SAAW,GAAGA,EAAM,KAAK,KAAOA,EAAM,OAGzEA,EAAM,SACRU,EAAM,OAAS,OAAOV,EAAM,QAAW,SAAW,GAAGA,EAAM,MAAM,KAAOA,EAAM,QAGzEU,CACT,CAAC,EAEKC,EAAaF,EAAAA,SAAS,IAAM,CAChC,MAAMG,EAAWZ,EAAM,WAAa,UAC9Ba,EAAST,EAAcQ,CAAQ,GAAKR,EAAc,QAUxD,MARgB,CACd,eACAQ,IAAa,UAAY,eAAiB,aAC1CC,GAAQ,MACRb,EAAM,UAAY,qDAAuD,GACzEA,EAAM,KAAA,EACN,OAAO,OAAO,EAAE,KAAK,GAAG,CAG5B,CAAC,EAEKc,EAAeC,GAAsB,CACrCf,EAAM,WACRE,EAAK,QAASa,CAAK,CAEvB,EAEMC,EAAmBD,GAAsB,CAC7Cb,EAAK,YAAaa,CAAK,CACzB,EAEME,EAAkBF,GAAsB,CAC5Cb,EAAK,WAAYa,CAAK,CACxB,EAEMG,EAAkB,IAAM,CAC5BX,EAAU,MAAQ,GAClBF,EAAQ,MAAQ,EAClB,EAEMc,EAAmB,IAAM,CAC7BZ,EAAU,MAAQ,GAClBF,EAAQ,MAAQ,EAClB,gBAIEe,YAAA,EAAAC,qBA0BM,MA1BNC,EA0BM,CAxBOf,EAAA,qBAAXc,EAAAA,mBAEM,MAAA,OAFgB,MAAM,uDAAwD,uBAAOb,EAAA,KAAU,CAAA,mBACnGe,EAAAA,mBAAwD,MAAA,CAAnD,MAAM,+BAAA,EAAgC,UAAO,EAAA,CAAA,QAIpClB,EAAA,qBAAhBgB,EAAAA,mBAIM,MAAA,OAJmB,MAAM,mEAAoE,uBAAOb,EAAA,KAAU,CAAA,GAClHe,qBAEM,MAFNC,EAEMC,EAAAA,gBADDxB,EAAA,WAAaA,EAAA,WAAW,EAAA,CAAA,CAAA,qBAK/BoB,EAAAA,mBAWE,MAAA,OATC,IAAKpB,EAAA,IACL,IAAKA,EAAA,IACL,uBAAOO,EAAA,KAAU,EACjB,uBAAOG,EAAA,KAAU,EACjB,OAAMO,EACN,QAAOC,EACP,QAAOL,EACP,YAAWE,EACX,WAAUC,CAAA"}

package/components/atoms/JImage.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent as w, ref as m, computed as f, createElementBlock as o, openBlock as r, normalizeStyle as u, createElementVNode as h, toDisplayString as E, normalizeClass as S } from "vue";
+const C = { class: "inline-block" }, j = { class: "text-muted-foreground text-sm" }, B = ["src", "alt"], T = /* @__PURE__ */ w({
+  __name: "JImage",
+  props: {
+    src: {},
+    width: {},
+    height: {},
+    alt: { default: "" },
+    styletype: { default: "default" },
+    errorText: { default: "" },
+    placeholder: { default: "이미지를 불러올 수 없습니다" },
+    clickable: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["click", "mouseover", "mouseout"],
+  setup(s, { emit: y }) {
+    const t = s, a = y, i = {
+      default: { class: "" },
+      primary: { class: "border-primary border-2" },
+      secondary: { class: "border-secondary border-2" },
+      muted: { class: "border-muted border-2" },
+      sm: { class: "w-8 h-8" },
+      lg: { class: "w-16 h-16" },
+      rounded: { class: "rounded-full" }
+    }, c = m(!1), n = m(!1), d = f(() => {
+      const e = {};
+      return t.width && (e.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (e.height = typeof t.height == "number" ? `${t.height}px` : t.height), e;
+    }), v = f(() => {
+      const e = t.styletype || "default", l = i[e] ?? i.default;
+      return [
+        "object-cover",
+        e === "rounded" ? "rounded-full" : "rounded-md",
+        l?.class,
+        t.clickable ? "cursor-pointer hover:opacity-80 transition-opacity" : "",
+        t.class
+      ].filter(Boolean).join(" ");
+    }), g = (e) => {
+      t.clickable && a("click", e);
+    }, p = (e) => {
+      a("mouseover", e);
+    }, b = (e) => {
+      a("mouseout", e);
+    }, k = () => {
+      n.value = !1, c.value = !1;
+    }, x = () => {
+      n.value = !1, c.value = !0;
+    };
+    return (e, l) => (r(), o("div", C, [
+      n.value ? (r(), o("div", {
+        key: 0,
+        class: "flex items-center justify-center bg-muted rounded-md",
+        style: u(d.value)
+      }, [...l[0] || (l[0] = [
+        h("div", { class: "text-muted-foreground text-sm" }, "로딩 중...", -1)
+      ])], 4)) : c.value ? (r(), o("div", {
+        key: 1,
+        class: "flex items-center justify-center bg-muted rounded-md text-center",
+        style: u(d.value)
+      }, [
+        h("div", j, E(s.errorText || s.placeholder), 1)
+      ], 4)) : (r(), o("img", {
+        key: 2,
+        src: s.src,
+        alt: s.alt,
+        style: u(d.value),
+        class: S(v.value),
+        onLoad: k,
+        onError: x,
+        onClick: g,
+        onMouseover: p,
+        onMouseout: b
+      }, null, 46, B))
+    ]));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=JImage.vue.js.map

package/components/atoms/JImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JImage.vue.js","sources":["../../../../src/components/atoms/JImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'muted' | 'sm' | 'lg' | 'rounded'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 이미지 소스 */\n    src?: string\n    /** 이미지 너비 */\n    width?: string | number\n    /** 이미지 높이 */\n    height?: string | number\n    /** 이미지 대체 텍스트 */\n    alt?: string\n    /** 이미지 스타일 테마 */\n    styletype?: StyleType\n    /** 에러 메시지 */\n    errorText?: string\n    /** 플레이스홀더 텍스트 */\n    placeholder?: string\n    /** 클릭 가능 여부 */\n    clickable?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    alt: '',\n    errorText: '',\n    placeholder: '이미지를 불러올 수 없습니다',\n    clickable: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'click': [event: MouseEvent]\n  'mouseover': [event: MouseEvent]\n  'mouseout': [event: MouseEvent]\n}>()\n\nconst STYLE_PRESETS: Record<StyleType, { class?: string }> = {\n  default: { class: '' },\n  primary: { class: 'border-primary border-2' },\n  secondary: { class: 'border-secondary border-2' },\n  muted: { class: 'border-muted border-2' },\n  sm: { class: 'w-8 h-8' },\n  lg: { class: 'w-16 h-16' },\n  rounded: { class: 'rounded-full' },\n}\n\nconst isError = ref(false)\nconst isLoading = ref(false) // 초기 로딩 상태를 false로 변경\n\nconst imageStyle = computed(() => {\n  const style: Record<string, string> = {}\n  \n  if (props.width) {\n    style.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n  \n  if (props.height) {\n    style.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n  \n  return style\n})\n\nconst imageClass = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  \n  const classes = [\n    'object-cover',\n    styleKey === 'rounded' ? 'rounded-full' : 'rounded-md',\n    preset?.class,\n    props.clickable ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n    props.class\n  ].filter(Boolean).join(' ')\n\n  return classes\n})\n\nconst handleClick = (event: MouseEvent) => {\n  if (props.clickable) {\n    emit('click', event)\n  }\n}\n\nconst handleMouseOver = (event: MouseEvent) => {\n  emit('mouseover', event)\n}\n\nconst handleMouseOut = (event: MouseEvent) => {\n  emit('mouseout', event)\n}\n\nconst handleImageLoad = () => {\n  isLoading.value = false\n  isError.value = false\n}\n\nconst handleImageError = () => {\n  isLoading.value = false\n  isError.value = true\n}\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <!-- 로딩 상태 -->\n    <div v-if=\"isLoading\" class=\"flex items-center justify-center bg-muted rounded-md\" :style=\"imageStyle\">\n      <div class=\"text-muted-foreground text-sm\">로딩 중...</div>\n    </div>\n    \n    <!-- 에러 상태 -->\n    <div v-else-if=\"isError\" class=\"flex items-center justify-center bg-muted rounded-md text-center\" :style=\"imageStyle\">\n      <div class=\"text-muted-foreground text-sm\">\n        {{ errorText || placeholder }}\n      </div>\n    </div>\n    \n    <!-- 이미지 표시 -->\n    <img \n      v-else \n      :src=\"src\"\n      :alt=\"alt\"\n      :style=\"imageStyle\"\n      :class=\"imageClass\"\n      @load=\"handleImageLoad\" \n      @error=\"handleImageError\"\n      @click=\"handleClick\"\n      @mouseover=\"handleMouseOver\"\n      @mouseout=\"handleMouseOut\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","isError","ref","isLoading","imageStyle","computed","style","imageClass","styleKey","preset","handleClick","event","handleMouseOver","handleMouseOut","handleImageLoad","handleImageError","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GA8BRC,IAAOC,GAMPC,IAAuD;AAAA,MAC3D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS,EAAE,OAAO,0BAAA;AAAA,MAClB,WAAW,EAAE,OAAO,4BAAA;AAAA,MACpB,OAAO,EAAE,OAAO,wBAAA;AAAA,MAChB,IAAI,EAAE,OAAO,UAAA;AAAA,MACb,IAAI,EAAE,OAAO,YAAA;AAAA,MACb,SAAS,EAAE,OAAO,eAAA;AAAA,IAAe,GAG7BC,IAAUC,EAAI,EAAK,GACnBC,IAAYD,EAAI,EAAK,GAErBE,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAgC,CAAA;AAEtC,aAAIV,EAAM,UACRU,EAAM,QAAQ,OAAOV,EAAM,SAAU,WAAW,GAAGA,EAAM,KAAK,OAAOA,EAAM,QAGzEA,EAAM,WACRU,EAAM,SAAS,OAAOV,EAAM,UAAW,WAAW,GAAGA,EAAM,MAAM,OAAOA,EAAM,SAGzEU;AAAA,IACT,CAAC,GAEKC,IAAaF,EAAS,MAAM;AAChC,YAAMG,IAAWZ,EAAM,aAAa,WAC9Ba,IAAST,EAAcQ,CAAQ,KAAKR,EAAc;AAUxD,aARgB;AAAA,QACd;AAAA,QACAQ,MAAa,YAAY,iBAAiB;AAAA,QAC1CC,GAAQ;AAAA,QACRb,EAAM,YAAY,uDAAuD;AAAA,QACzEA,EAAM;AAAA,MAAA,EACN,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAG5B,CAAC,GAEKc,IAAc,CAACC,MAAsB;AACzC,MAAIf,EAAM,aACRE,EAAK,SAASa,CAAK;AAAA,IAEvB,GAEMC,IAAkB,CAACD,MAAsB;AAC7C,MAAAb,EAAK,aAAaa,CAAK;AAAA,IACzB,GAEME,IAAiB,CAACF,MAAsB;AAC5C,MAAAb,EAAK,YAAYa,CAAK;AAAA,IACxB,GAEMG,IAAkB,MAAM;AAC5B,MAAAX,EAAU,QAAQ,IAClBF,EAAQ,QAAQ;AAAA,IAClB,GAEMc,IAAmB,MAAM;AAC7B,MAAAZ,EAAU,QAAQ,IAClBF,EAAQ,QAAQ;AAAA,IAClB;sBAIEe,EAAA,GAAAC,EA0BM,OA1BNC,GA0BM;AAAA,MAxBOf,EAAA,cAAXc,EAEM,OAAA;AAAA;QAFgB,OAAM;AAAA,QAAwD,SAAOb,EAAA,KAAU;AAAA,MAAA;QACnGe,EAAwD,OAAA,EAAnD,OAAM,gCAAA,GAAgC,WAAO,EAAA;AAAA,MAAA,WAIpClB,EAAA,cAAhBgB,EAIM,OAAA;AAAA;QAJmB,OAAM;AAAA,QAAoE,SAAOb,EAAA,KAAU;AAAA,MAAA;QAClHe,EAEM,OAFNC,GAEMC,EADDxB,EAAA,aAAaA,EAAA,WAAW,GAAA,CAAA;AAAA,MAAA,eAK/BoB,EAWE,OAAA;AAAA;QATC,KAAKpB,EAAA;AAAA,QACL,KAAKA,EAAA;AAAA,QACL,SAAOO,EAAA,KAAU;AAAA,QACjB,SAAOG,EAAA,KAAU;AAAA,QACjB,QAAMO;AAAA,QACN,SAAOC;AAAA,QACP,SAAOL;AAAA,QACP,aAAWE;AAAA,QACX,YAAUC;AAAA,MAAA;;;;"}