@j-solution/components 1.7.0 → 1.9.0

package/components/organisms/JShuttle.vue2.js

@@ -0,0 +1,216 @@
+import { defineComponent as M, ref as m, computed as C, createElementBlock as u, openBlock as c, normalizeClass as z, unref as o, createElementVNode as t, createCommentVNode as L, toDisplayString as f, createVNode as i, withCtx as g, Fragment as _, createTextVNode as w } from "vue";
+import V from "../atoms/JButton.vue.js";
+import T from "../atoms/JInput.vue.js";
+import "../shadcn/index.js";
+import "lucide-vue-next";
+import { cn as J } from "../../lib/utils.js";
+import "@internationalized/date";
+import "md-editor-v3";
+/* empty css                                                                                                               */
+/* empty css                    */
+import "../shadcn/badge-variants.js";
+import "@vueuse/core";
+import "reka-ui";
+/* empty css                      */
+import "../shadcn/avatar-variants.js";
+import j from "../atoms/JIcon.vue.js";
+import "dompurify";
+/* empty css                     */
+import S from "../atoms/JGrid.vue.js";
+/* empty css                      */
+/* empty css                          */
+import "vue-sonner";
+const E = { class: "j-shuttle-container" }, O = { class: "j-shuttle-panel" }, $ = { class: "j-shuttle-panel-card" }, F = { class: "j-shuttle-panel-header" }, q = { class: "j-shuttle-panel-title" }, A = { class: "j-shuttle-panel-count" }, H = {
+  key: 0,
+  class: "j-shuttle-search"
+}, I = { class: "j-shuttle-grid-wrapper" }, K = { class: "j-shuttle-panel-footer" }, P = { class: "text-xs text-muted-foreground" }, Q = { class: "j-shuttle-actions" }, W = { class: "j-shuttle-actions-buttons" }, X = { class: "j-shuttle-panel" }, Y = { class: "j-shuttle-panel-card" }, Z = { class: "j-shuttle-panel-header j-shuttle-panel-header--primary" }, ee = { class: "j-shuttle-panel-title" }, te = { class: "j-shuttle-panel-count j-shuttle-panel-count--primary" }, se = {
+  key: 0,
+  class: "j-shuttle-search"
+}, le = { class: "j-shuttle-grid-wrapper" }, ae = { class: "j-shuttle-panel-footer" }, oe = { class: "text-xs text-muted-foreground" }, Le = /* @__PURE__ */ M({
+  __name: "JShuttle",
+  props: {
+    leftTitle: { default: "Unmapped" },
+    rightTitle: { default: "Mapped" },
+    leftData: {},
+    rightData: {},
+    columnDefs: {},
+    searchable: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["update:leftData", "update:rightData", "move"],
+  setup(d, { expose: N, emit: U }) {
+    const a = d, h = U, n = m([]), r = m([]), p = m(""), v = m(""), b = m(), y = m(), k = C(() => {
+      if (!a.searchable || !p.value)
+        return a.leftData;
+      const l = p.value.toLowerCase();
+      return a.leftData.filter((e) => Object.values(e).some(
+        (s) => String(s).toLowerCase().includes(l)
+      ));
+    }), R = C(() => {
+      if (!a.searchable || !v.value)
+        return a.rightData;
+      const l = v.value.toLowerCase();
+      return a.rightData.filter((e) => Object.values(e).some(
+        (s) => String(s).toLowerCase().includes(l)
+      ));
+    });
+    function G() {
+      if (n.value.length === 0) return;
+      const l = [...n.value], e = a.leftData.filter(
+        (D) => !l.some((x) => x.id === D.id)
+      ), s = [...a.rightData, ...l];
+      h("update:leftData", e), h("update:rightData", s), h("move", { items: l, direction: "toRight" }), n.value = [];
+    }
+    function B() {
+      if (r.value.length === 0) return;
+      const l = [...r.value], e = a.rightData.filter(
+        (D) => !l.some((x) => x.id === D.id)
+      ), s = [...a.leftData, ...l];
+      h("update:leftData", s), h("update:rightData", e), h("move", { items: l, direction: "toLeft" }), r.value = [];
+    }
+    return N({
+      leftGridRef: b,
+      rightGridRef: y
+    }), (l, e) => (c(), u("div", {
+      class: z(o(J)("j-shuttle", a.class))
+    }, [
+      t("div", E, [
+        t("div", O, [
+          t("div", $, [
+            t("div", F, [
+              t("h4", q, f(d.leftTitle || "Unmapped"), 1),
+              t("span", A, f(k.value.length) + " items ", 1)
+            ]),
+            d.searchable ? (c(), u("div", H, [
+              i(o(T), {
+                modelValue: p.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (s) => p.value = s),
+                placeholder: "검색..."
+              }, {
+                prefix: g(() => [
+                  i(o(j), {
+                    name: "search",
+                    class: "w-4 h-4 text-muted-foreground"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])) : L("", !0),
+            t("div", I, [
+              i(o(S), {
+                ref_key: "leftGridRef",
+                ref: b,
+                "row-data": k.value,
+                "column-defs": d.columnDefs,
+                checkbox: !0,
+                "row-numbers": !1,
+                pagination: !1,
+                "selected-rows": n.value,
+                "onUpdate:selectedRows": e[1] || (e[1] = (s) => n.value = s),
+                class: "h-full"
+              }, null, 8, ["row-data", "column-defs", "selected-rows"])
+            ]),
+            t("div", K, [
+              t("span", P, [
+                n.value.length > 0 ? (c(), u(_, { key: 0 }, [
+                  t("strong", null, f(n.value.length), 1),
+                  e[4] || (e[4] = w(" selected ", -1))
+                ], 64)) : (c(), u(_, { key: 1 }, [
+                  w(" No items selected ")
+                ], 64))
+              ])
+            ])
+          ])
+        ]),
+        t("div", Q, [
+          e[5] || (e[5] = t("div", { class: "j-shuttle-actions-divider" }, null, -1)),
+          t("div", W, [
+            i(o(V), {
+              styletype: "primary",
+              size: "xs",
+              disabled: n.value.length === 0,
+              onClick: G,
+              class: "j-shuttle-action-btn",
+              title: "선택한 항목을 오른쪽으로 이동"
+            }, {
+              default: g(() => [
+                i(o(j), {
+                  name: "chevronRight",
+                  class: "w-3.5 h-3.5"
+                })
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            i(o(V), {
+              variant: "outline",
+              size: "xs",
+              disabled: r.value.length === 0,
+              onClick: B,
+              class: "j-shuttle-action-btn",
+              title: "선택한 항목을 왼쪽으로 이동"
+            }, {
+              default: g(() => [
+                i(o(j), {
+                  name: "chevronLeft",
+                  class: "w-3.5 h-3.5"
+                })
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        t("div", X, [
+          t("div", Y, [
+            t("div", Z, [
+              t("h4", ee, f(d.rightTitle || "Mapped"), 1),
+              t("span", te, f(R.value.length) + " items ", 1)
+            ]),
+            d.searchable ? (c(), u("div", se, [
+              i(o(T), {
+                modelValue: v.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (s) => v.value = s),
+                placeholder: "검색..."
+              }, {
+                prefix: g(() => [
+                  i(o(j), {
+                    name: "search",
+                    class: "w-4 h-4 text-muted-foreground"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])) : L("", !0),
+            t("div", le, [
+              i(o(S), {
+                ref_key: "rightGridRef",
+                ref: y,
+                "row-data": R.value,
+                "column-defs": d.columnDefs,
+                checkbox: !0,
+                "row-numbers": !1,
+                pagination: !1,
+                "selected-rows": r.value,
+                "onUpdate:selectedRows": e[3] || (e[3] = (s) => r.value = s),
+                class: "h-full"
+              }, null, 8, ["row-data", "column-defs", "selected-rows"])
+            ]),
+            t("div", ae, [
+              t("span", oe, [
+                r.value.length > 0 ? (c(), u(_, { key: 0 }, [
+                  t("strong", null, f(r.value.length), 1),
+                  e[6] || (e[6] = w(" selected ", -1))
+                ], 64)) : (c(), u(_, { key: 1 }, [
+                  w(" No items selected ")
+                ], 64))
+              ])
+            ])
+          ])
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  Le as default
+};
+//# sourceMappingURL=JShuttle.vue2.js.map

package/components/organisms/JShuttle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JShuttle.vue2.js","sources":["../../../../src/components/organisms/JShuttle.vue"],"sourcesContent":["<template>\n  <div :class=\"cn('j-shuttle', props.class)\">\n    <div class=\"j-shuttle-container\">\n      <!-- 왼쪽 패널 -->\n      <div class=\"j-shuttle-panel\">\n        <div class=\"j-shuttle-panel-card\">\n          <!-- 헤더 -->\n          <div class=\"j-shuttle-panel-header\">\n            <h4 class=\"j-shuttle-panel-title\">\n              {{ leftTitle || 'Unmapped' }}\n            </h4>\n            <span class=\"j-shuttle-panel-count\">\n              {{ filteredLeftData.length }} items\n            </span>\n          </div>\n\n          <!-- 검색 -->\n          <div v-if=\"searchable\" class=\"j-shuttle-search\">\n            <JInput\n              v-model=\"leftSearch\"\n              placeholder=\"검색...\"\n            >\n              <template #prefix>\n                <JIcon name=\"search\" class=\"w-4 h-4 text-muted-foreground\" />\n              </template>\n            </JInput>\n          </div>\n\n          <!-- 그리드 -->\n          <div class=\"j-shuttle-grid-wrapper\">\n            <JGrid\n              ref=\"leftGridRef\"\n              :row-data=\"filteredLeftData\"\n              :column-defs=\"columnDefs\"\n              :checkbox=\"true\"\n              :row-numbers=\"false\"\n              :pagination=\"false\"\n              v-model:selected-rows=\"leftSelectedRows\"\n              class=\"h-full\"\n            />\n          </div>\n\n          <!-- 푸터 (선택 개수) -->\n          <div class=\"j-shuttle-panel-footer\">\n            <span class=\"text-xs text-muted-foreground\">\n              <template v-if=\"leftSelectedRows.length > 0\">\n                <strong>{{ leftSelectedRows.length }}</strong> selected\n              </template>\n              <template v-else>\n                No items selected\n              </template>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <!-- 중앙 버튼 영역 -->\n      <div class=\"j-shuttle-actions\">\n        <div class=\"j-shuttle-actions-divider\" />\n        <div class=\"j-shuttle-actions-buttons\">\n          <JButton\n            styletype=\"primary\"\n            size=\"xs\"\n            :disabled=\"leftSelectedRows.length === 0\"\n            @click=\"moveToRight\"\n            class=\"j-shuttle-action-btn\"\n            title=\"선택한 항목을 오른쪽으로 이동\"\n          >\n            <JIcon name=\"chevronRight\" class=\"w-3.5 h-3.5\" />\n          </JButton>\n          <JButton\n            variant=\"outline\"\n            size=\"xs\"\n            :disabled=\"rightSelectedRows.length === 0\"\n            @click=\"moveToLeft\"\n            class=\"j-shuttle-action-btn\"\n            title=\"선택한 항목을 왼쪽으로 이동\"\n          >\n            <JIcon name=\"chevronLeft\" class=\"w-3.5 h-3.5\" />\n          </JButton>\n        </div>\n      </div>\n\n      <!-- 오른쪽 패널 -->\n      <div class=\"j-shuttle-panel\">\n        <div class=\"j-shuttle-panel-card\">\n          <!-- 헤더 -->\n          <div class=\"j-shuttle-panel-header j-shuttle-panel-header--primary\">\n            <h4 class=\"j-shuttle-panel-title\">\n              {{ rightTitle || 'Mapped' }}\n            </h4>\n            <span class=\"j-shuttle-panel-count j-shuttle-panel-count--primary\">\n              {{ filteredRightData.length }} items\n            </span>\n          </div>\n\n          <!-- 검색 -->\n          <div v-if=\"searchable\" class=\"j-shuttle-search\">\n            <JInput\n              v-model=\"rightSearch\"\n              placeholder=\"검색...\"\n            >\n              <template #prefix>\n                <JIcon name=\"search\" class=\"w-4 h-4 text-muted-foreground\" />\n              </template>\n            </JInput>\n          </div>\n\n          <!-- 그리드 -->\n          <div class=\"j-shuttle-grid-wrapper\">\n            <JGrid\n              ref=\"rightGridRef\"\n              :row-data=\"filteredRightData\"\n              :column-defs=\"columnDefs\"\n              :checkbox=\"true\"\n              :row-numbers=\"false\"\n              :pagination=\"false\"\n              v-model:selected-rows=\"rightSelectedRows\"\n              class=\"h-full\"\n            />\n          </div>\n\n          <!-- 푸터 (선택 개수) -->\n          <div class=\"j-shuttle-panel-footer\">\n            <span class=\"text-xs text-muted-foreground\">\n              <template v-if=\"rightSelectedRows.length > 0\">\n                <strong>{{ rightSelectedRows.length }}</strong> selected\n              </template>\n              <template v-else>\n                No items selected\n              </template>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { JGrid, JButton, JIcon, JInput } from '@/components/atoms'\nimport { cn } from '@/lib/utils'\nimport type { JShuttleProps, JShuttleEmits, ShuttleItem } from '@/types/shuttle.types'\n\nconst props = withDefaults(defineProps<JShuttleProps>(), {\n  searchable: false,\n  leftTitle: 'Unmapped',\n  rightTitle: 'Mapped',\n})\n\nconst emit = defineEmits<JShuttleEmits>()\n\n// 선택된 행\nconst leftSelectedRows = ref<ShuttleItem[]>([])\nconst rightSelectedRows = ref<ShuttleItem[]>([])\n\n// 검색어\nconst leftSearch = ref('')\nconst rightSearch = ref('')\n\n// 그리드 참조\nconst leftGridRef = ref()\nconst rightGridRef = ref()\n\n// 검색 필터링된 데이터\nconst filteredLeftData = computed(() => {\n  if (!props.searchable || !leftSearch.value) {\n    return props.leftData\n  }\n  const search = leftSearch.value.toLowerCase()\n  return props.leftData.filter((item) => {\n    return Object.values(item).some((val) =>\n      String(val).toLowerCase().includes(search)\n    )\n  })\n})\n\nconst filteredRightData = computed(() => {\n  if (!props.searchable || !rightSearch.value) {\n    return props.rightData\n  }\n  const search = rightSearch.value.toLowerCase()\n  return props.rightData.filter((item) => {\n    return Object.values(item).some((val) =>\n      String(val).toLowerCase().includes(search)\n    )\n  })\n})\n\n// 왼쪽 → 오른쪽 이동\nfunction moveToRight() {\n  if (leftSelectedRows.value.length === 0) return\n\n  const itemsToMove = [...leftSelectedRows.value]\n  const newLeftData = props.leftData.filter(\n    (item) => !itemsToMove.some((selected) => selected.id === item.id)\n  )\n  const newRightData = [...props.rightData, ...itemsToMove]\n\n  emit('update:leftData', newLeftData)\n  emit('update:rightData', newRightData)\n  emit('move', { items: itemsToMove, direction: 'toRight' })\n\n  leftSelectedRows.value = []\n}\n\n// 오른쪽 → 왼쪽 이동\nfunction moveToLeft() {\n  if (rightSelectedRows.value.length === 0) return\n\n  const itemsToMove = [...rightSelectedRows.value]\n  const newRightData = props.rightData.filter(\n    (item) => !itemsToMove.some((selected) => selected.id === item.id)\n  )\n  const newLeftData = [...props.leftData, ...itemsToMove]\n\n  emit('update:leftData', newLeftData)\n  emit('update:rightData', newRightData)\n  emit('move', { items: itemsToMove, direction: 'toLeft' })\n\n  rightSelectedRows.value = []\n}\n\ndefineExpose({\n  leftGridRef,\n  rightGridRef,\n})\n</script>\n\n<style scoped>\n.j-shuttle {\n  width: 100%;\n  height: 100%;\n  min-height: 500px;\n}\n\n.j-shuttle-container {\n  display: flex;\n  gap: 0.5rem;\n  height: 100%;\n  padding: 0;\n  border-radius: 0;\n  background: transparent;\n}\n\n.j-shuttle-panel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.j-shuttle-panel-card {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: hsl(var(--card));\n  border: 1px solid hsl(var(--border));\n  border-radius: 0.125rem; /* rounded-sm */\n  box-shadow: none;\n  overflow: hidden;\n}\n\n.j-shuttle-panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.4rem 1rem;\n  border-bottom: 1px solid hsl(var(--border));\n  background: hsl(var(--muted) / 0.3);\n  transition: background-color 0.2s ease;\n}\n\n.j-shuttle-panel-header--primary {\n  background: linear-gradient(135deg,\n    hsl(var(--primary) / 0.08) 0%,\n    hsl(var(--primary) / 0.02) 100%);\n}\n\n.j-shuttle-panel-title {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: hsl(var(--foreground));\n  letter-spacing: -0.01em;\n}\n\n.j-shuttle-panel-count {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: hsl(var(--muted-foreground));\n  padding: 0.25rem 0.625rem;\n  border-radius: 0.125rem; /* rounded-sm */\n  background: hsl(var(--muted));\n  border: 1px solid hsl(var(--border) / 0.5);\n}\n\n.j-shuttle-panel-count--primary {\n  color: hsl(var(--primary));\n  background: hsl(var(--primary) / 0.1);\n  border-color: hsl(var(--primary) / 0.2);\n}\n\n.j-shuttle-search {\n  padding: 0.75rem 1rem;\n  border-bottom: 1px solid hsl(var(--border) / 0.5);\n  background: hsl(var(--card));\n}\n\n.j-shuttle-grid-wrapper {\n  flex: 1;\n  overflow: hidden;\n  padding: 0;\n  background: hsl(var(--background));\n}\n\n.j-shuttle-panel-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.625rem 1rem;\n  border-top: 1px solid hsl(var(--border) / 0.5);\n  background: hsl(var(--muted) / 0.2);\n  min-height: 2.5rem;\n}\n\n.j-shuttle-actions {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  min-width: 2.5rem;\n}\n\n.j-shuttle-actions-divider {\n  position: absolute;\n  width: 1px;\n  height: 100%;\n  background: linear-gradient(to bottom,\n    transparent 0%,\n    hsl(var(--border)) 10%,\n    hsl(var(--border)) 90%,\n    transparent 100%);\n}\n\n.j-shuttle-actions-buttons {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  padding: 0.375rem;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n.j-shuttle-action-btn {\n  min-width: 2rem;\n  min-height: 2rem;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.j-shuttle-action-btn:not(:disabled):hover {\n  transform: scale(1.08);\n  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.12);\n}\n\n.j-shuttle-action-btn:not(:disabled):active {\n  transform: scale(1.02);\n}\n\n.j-shuttle-action-btn:disabled {\n  opacity: 1;\n  background: hsl(var(--muted));\n  color: hsl(var(--muted-foreground) / 0.4);\n  border-color: hsl(var(--border));\n  cursor: not-allowed;\n  transform: scale(1);\n}\n\n/* 다크모드 조정 */\n.dark .j-shuttle-container {\n  background: linear-gradient(135deg, \n    hsl(var(--muted) / 0.2) 0%, \n    hsl(var(--muted) / 0.05) 100%);\n}\n\n.dark .j-shuttle-panel-card {\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.2);\n}\n\n.dark .j-shuttle-panel-card:hover {\n  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 0.3);\n}\n</style>\n"],"names":["props","__props","emit","__emit","leftSelectedRows","ref","rightSelectedRows","leftSearch","rightSearch","leftGridRef","rightGridRef","filteredLeftData","computed","search","item","val","filteredRightData","moveToRight","itemsToMove","newLeftData","selected","newRightData","moveToLeft","__expose","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_openBlock","_hoisted_7","_createVNode","JInput","$event","JIcon","_hoisted_8","JGrid","_hoisted_9","_hoisted_10","_Fragment","_hoisted_11","_hoisted_12","JButton","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21"],"mappings":"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"}

package/components/organisms/JSidebar/JSidebar.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("../../../types/sidebar.types.cjs"),u=require("../../atoms/JIcon.vue.cjs"),S=require("../../atoms/JInput.vue.cjs"),F=require("./JSidebarGroup.vue.cjs"),h=require("./JSidebarItem.vue.cjs"),x=require("../../../lib/utils.cjs"),L={key:0,class:"p-2 flex-shrink-0"},I={class:"relative"},q={class:"flex-1 overflow-y-auto overflow-x-hidden px-1 py-1"},z={class:"text-[10px] text-yellow-500/60"},J={class:"overflow-hidden"},K={class:"flex justify-center py-1"},M={key:1,class:"text-center py-6 text-muted-foreground text-xs"},P={class:"flex-shrink-0 border-t border-border p-1"},O={key:0},T=e.defineComponent({__name:"JSidebar",props:{items:{},collapsed:{type:Boolean,default:!1},activePath:{},width:{default:"220px"},collapsedWidth:{default:"56px"},storageKey:{},showSearch:{type:Boolean,default:!0},showFavorites:{type:Boolean,default:!0}},emits:["update:collapsed","menu-click"],setup(n,{emit:_}){const r=n,k=_,a=e.ref(new Set(B()));function B(){if(!r.storageKey)return[];try{const t=localStorage.getItem(r.storageKey);return t?JSON.parse(t):[]}catch{return[]}}function w(){r.storageKey&&localStorage.setItem(r.storageKey,JSON.stringify([...a.value]))}function b(t){a.value.has(t)?a.value.delete(t):a.value.add(t),a.value=new Set(a.value),w()}const i=e.reactive({collapsed:r.collapsed,activePath:r.activePath,favorites:a.value,toggleFavorite:b});e.watch(()=>r.collapsed,t=>{i.collapsed=t}),e.watch(()=>r.activePath,t=>{i.activePath=t}),e.watch(a,t=>{i.favorites=t}),e.provide(C.SIDEBAR_INJECTION_KEY,i);const c=e.ref(""),y=e.computed(()=>{if(!r.storageKey||a.value.size===0)return[];const t=[],l=o=>{for(const s of o)s.menuType==="L"&&a.value.has(s.id)&&t.push(s),s.children&&l(s.children)};return l(r.items),t}),g=e.computed(()=>{const t=c.value.trim().toLowerCase();if(!t)return r.items;const l=o=>{const s=[];for(const p of o){const V=p.label.toLowerCase().includes(t),v=p.children?l(p.children):void 0;(V||v&&v.length>0)&&s.push({...p,children:v})}return s};return l(r.items)}),d=e.computed(()=>{const t=c.value.trim().toLowerCase();return t?y.value.filter(l=>l.label.toLowerCase().includes(t)):y.value}),m=e.ref(!0),f=(t,l)=>{k("menu-click",t,l)},E=()=>{k("update:collapsed",!r.collapsed)},N=e.computed(()=>r.collapsed?r.collapsedWidth:r.width);return(t,l)=>(e.openBlock(),e.createElementBlock("aside",{class:"h-full bg-background border-r border-border flex flex-col flex-shrink-0 overflow-hidden transition-[width] duration-200 ease-out",style:e.normalizeStyle({width:N.value})},[!n.collapsed&&n.showSearch?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",I,[e.createVNode(u.default,{name:"search",size:"sm",class:"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"}),e.createVNode(S.default,{modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=o=>c.value=o),placeholder:"메뉴 검색...",class:"pl-8 h-7 text-xs"},null,8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("nav",q,[n.showFavorites&&n.storageKey&&d.value.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.collapsed?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",K,[e.createVNode(u.default,{name:"star",size:"sm",class:"text-yellow-500"})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createBlock(h.default,{key:"fav-c-"+o.id,item:o,onMenuClick:f},null,8,["item"]))),128))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"flex items-center gap-1.5 w-full px-2 py-1.5 text-xs font-semibold text-yellow-600 cursor-pointer select-none transition-colors hover:text-yellow-700",onClick:l[1]||(l[1]=o=>m.value=!m.value)},[e.createVNode(u.default,{name:"chevronRight",size:"sm",class:e.normalizeClass(e.unref(x.cn)("flex-shrink-0 transition-transform duration-200",m.value&&"rotate-90"))},null,8,["class"]),e.createVNode(u.default,{name:"star",size:"sm",class:"flex-shrink-0 text-yellow-500"}),l[2]||(l[2]=e.createElementVNode("span",{class:"flex-1 text-left"},"즐겨찾기",-1)),e.createElementVNode("span",z,e.toDisplayString(d.value.length),1)]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(x.cn)("grid transition-[grid-template-rows] duration-200 ease-out",m.value?"grid-rows-[1fr]":"grid-rows-[0fr]"))},[e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createBlock(h.default,{key:"fav-"+o.id,item:o,onMenuClick:f},null,8,["item"]))),128))])],2)],64)),l[3]||(l[3]=e.createElementVNode("div",{class:"h-px bg-border mx-2 my-1"},null,-1))],64)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[o.menuType==="F"?(e.openBlock(),e.createBlock(F.default,{key:0,item:o,onMenuClick:f},null,8,["item"])):o.menuType==="L"?(e.openBlock(),e.createBlock(h.default,{key:1,item:o,onMenuClick:f},null,8,["item"])):e.createCommentVNode("",!0)],64))),128)),g.value.length===0&&c.value.trim()?(e.openBlock(),e.createElementBlock("div",M," 검색 결과가 없습니다. ")):e.createCommentVNode("",!0)]),e.createElementVNode("div",P,[e.createElementVNode("button",{class:"flex items-center gap-2 w-full px-2 py-1 rounded-md text-xs text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",onClick:E},[e.createVNode(u.default,{name:n.collapsed?"panelLeftOpen":"panelLeftClose",size:"sm"},null,8,["name"]),n.collapsed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",O,"접기"))])])],4))}});exports.default=T;
+//# sourceMappingURL=JSidebar.vue.cjs.map

package/components/organisms/JSidebar/JSidebar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSidebar.vue.cjs","sources":["../../../../../src/components/organisms/JSidebar/JSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, provide, watch, reactive } from 'vue'\nimport type { SidebarMenuItem, SidebarState } from '@/types/sidebar.types'\nimport { SIDEBAR_INJECTION_KEY } from '@/types/sidebar.types'\nimport JIcon from '@/components/atoms/JIcon.vue'\nimport JInput from '@/components/atoms/JInput.vue'\nimport JSidebarGroup from './JSidebarGroup.vue'\nimport JSidebarItem from './JSidebarItem.vue'\nimport { cn } from '@/lib/utils'\n\n/**\n * JSidebar - 통합 사이드바 컴포넌트\n *\n * DB 트리 데이터 기반, provide/inject로 상태 공유.\n * collapsed 모드, 검색, 즐겨찾기(localStorage) 지원.\n * 라우터를 모름 — @menu-click으로 아이템을 올려보냄.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    /** 메뉴 트리 데이터 */\n    items: SidebarMenuItem[]\n    /** 접힘 상태 (v-model:collapsed) */\n    collapsed?: boolean\n    /** 현재 활성 경로 */\n    activePath?: string\n    /** 펼침 너비 */\n    width?: string\n    /** 접힘 너비 */\n    collapsedWidth?: string\n    /** 즐겨찾기 localStorage 키 (없으면 즐겨찾기 비활성) */\n    storageKey?: string\n    /** 검색 표시 여부 */\n    showSearch?: boolean\n    /** 즐겨찾기 섹션 표시 여부 */\n    showFavorites?: boolean\n  }>(),\n  {\n    collapsed: false,\n    width: '220px',\n    collapsedWidth: '56px',\n    showSearch: true,\n    showFavorites: true,\n  },\n)\n\nconst emit = defineEmits<{\n  'update:collapsed': [value: boolean]\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\n// ── 즐겨찾기 (localStorage) ──\nconst favorites = ref<Set<string>>(new Set(loadFavorites()))\n\nfunction loadFavorites(): string[] {\n  if (!props.storageKey) return []\n  try {\n    const raw = localStorage.getItem(props.storageKey)\n    return raw ? JSON.parse(raw) : []\n  } catch {\n    return []\n  }\n}\n\nfunction saveFavorites() {\n  if (!props.storageKey) return\n  localStorage.setItem(props.storageKey, JSON.stringify([...favorites.value]))\n}\n\nfunction toggleFavorite(id: string) {\n  if (favorites.value.has(id)) {\n    favorites.value.delete(id)\n  } else {\n    favorites.value.add(id)\n  }\n  favorites.value = new Set(favorites.value) // trigger reactivity\n  saveFavorites()\n}\n\n// ── provide/inject 상태 ──\nconst sidebarState = reactive<SidebarState>({\n  collapsed: props.collapsed,\n  activePath: props.activePath,\n  favorites: favorites.value,\n  toggleFavorite,\n})\n\n// props 변경 시 state 동기화\nwatch(() => props.collapsed, (v) => { sidebarState.collapsed = v })\nwatch(() => props.activePath, (v) => { sidebarState.activePath = v })\nwatch(favorites, (v) => { sidebarState.favorites = v })\n\nprovide(SIDEBAR_INJECTION_KEY, sidebarState)\n\n// ── 검색 ──\nconst searchQuery = ref('')\n\n/** 즐겨찾기 아이템 (L 타입만, 트리 평탄화) */\nconst favoriteItems = computed(() => {\n  if (!props.storageKey || favorites.value.size === 0) return []\n  const result: SidebarMenuItem[] = []\n  const flatten = (items: SidebarMenuItem[]) => {\n    for (const item of items) {\n      if (item.menuType === 'L' && favorites.value.has(item.id)) {\n        result.push(item)\n      }\n      if (item.children) flatten(item.children)\n    }\n  }\n  flatten(props.items)\n  return result\n})\n\n/** 검색 필터링 (재귀) */\nconst filteredItems = computed(() => {\n  const q = searchQuery.value.trim().toLowerCase()\n  if (!q) return props.items\n\n  const filter = (items: SidebarMenuItem[]): SidebarMenuItem[] => {\n    const result: SidebarMenuItem[] = []\n    for (const item of items) {\n      const matchLabel = item.label.toLowerCase().includes(q)\n      const filteredChildren = item.children ? filter(item.children) : undefined\n      if (matchLabel || (filteredChildren && filteredChildren.length > 0)) {\n        result.push({ ...item, children: filteredChildren })\n      }\n    }\n    return result\n  }\n  return filter(props.items)\n})\n\n/** 즐겨찾기 검색 필터링 */\nconst filteredFavorites = computed(() => {\n  const q = searchQuery.value.trim().toLowerCase()\n  if (!q) return favoriteItems.value\n  return favoriteItems.value.filter(item => item.label.toLowerCase().includes(q))\n})\n\n// ── 즐겨찾기 그룹 펼침 ──\nconst favoritesExpanded = ref(true)\n\n// ── 이벤트 핸들러 ──\nconst handleMenuClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n\nconst toggleCollapsed = () => {\n  emit('update:collapsed', !props.collapsed)\n}\n\n// ── 사이드바 너비 ──\nconst sidebarWidth = computed(() => props.collapsed ? props.collapsedWidth : props.width)\n</script>\n\n<template>\n  <aside\n    class=\"h-full bg-background border-r border-border flex flex-col flex-shrink-0 overflow-hidden transition-[width] duration-200 ease-out\"\n    :style=\"{ width: sidebarWidth }\"\n  >\n    <!-- 검색바 (펼침 + showSearch) -->\n    <div v-if=\"!collapsed && showSearch\" class=\"p-2 flex-shrink-0\">\n      <div class=\"relative\">\n        <JIcon\n          name=\"search\"\n          size=\"sm\"\n          class=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground\"\n        />\n        <JInput\n          v-model=\"searchQuery\"\n          placeholder=\"메뉴 검색...\"\n          class=\"pl-8 h-7 text-xs\"\n        />\n      </div>\n    </div>\n\n    <!-- 메뉴 영역 -->\n    <nav class=\"flex-1 overflow-y-auto overflow-x-hidden px-1 py-1\">\n      <!-- 즐겨찾기 섹션 -->\n      <template v-if=\"showFavorites && storageKey && filteredFavorites.length > 0\">\n        <!-- 펼침: 즐겨찾기 그룹 -->\n        <template v-if=\"!collapsed\">\n          <button\n            class=\"flex items-center gap-1.5 w-full px-2 py-1.5 text-xs font-semibold text-yellow-600 cursor-pointer select-none transition-colors hover:text-yellow-700\"\n            @click=\"favoritesExpanded = !favoritesExpanded\"\n          >\n            <JIcon\n              name=\"chevronRight\"\n              size=\"sm\"\n              :class=\"cn(\n                'flex-shrink-0 transition-transform duration-200',\n                favoritesExpanded && 'rotate-90'\n              )\"\n            />\n            <JIcon name=\"star\" size=\"sm\" class=\"flex-shrink-0 text-yellow-500\" />\n            <span class=\"flex-1 text-left\">즐겨찾기</span>\n            <span class=\"text-[10px] text-yellow-500/60\">{{ filteredFavorites.length }}</span>\n          </button>\n          <div\n            :class=\"cn(\n              'grid transition-[grid-template-rows] duration-200 ease-out',\n              favoritesExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n            )\"\n          >\n            <div class=\"overflow-hidden\">\n              <JSidebarItem\n                v-for=\"fav in filteredFavorites\"\n                :key=\"'fav-' + fav.id\"\n                :item=\"fav\"\n                @menu-click=\"handleMenuClick\"\n              />\n            </div>\n          </div>\n        </template>\n        <!-- 접힘: 별 아이콘 + 구분선 -->\n        <template v-else>\n          <div class=\"flex justify-center py-1\">\n            <JIcon name=\"star\" size=\"sm\" class=\"text-yellow-500\" />\n          </div>\n          <JSidebarItem\n            v-for=\"fav in filteredFavorites\"\n            :key=\"'fav-c-' + fav.id\"\n            :item=\"fav\"\n            @menu-click=\"handleMenuClick\"\n          />\n        </template>\n        <div class=\"h-px bg-border mx-2 my-1\" />\n      </template>\n\n      <!-- 메인 메뉴 -->\n      <template v-for=\"item in filteredItems\" :key=\"item.id\">\n        <JSidebarGroup\n          v-if=\"item.menuType === 'F'\"\n          :item=\"item\"\n          @menu-click=\"handleMenuClick\"\n        />\n        <JSidebarItem\n          v-else-if=\"item.menuType === 'L'\"\n          :item=\"item\"\n          @menu-click=\"handleMenuClick\"\n        />\n      </template>\n\n      <!-- 검색 결과 없음 -->\n      <div\n        v-if=\"filteredItems.length === 0 && searchQuery.trim()\"\n        class=\"text-center py-6 text-muted-foreground text-xs\"\n      >\n        검색 결과가 없습니다.\n      </div>\n    </nav>\n\n    <!-- 하단: collapse 토글 -->\n    <div class=\"flex-shrink-0 border-t border-border p-1\">\n      <button\n        class=\"flex items-center gap-2 w-full px-2 py-1 rounded-md text-xs text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors\"\n        @click=\"toggleCollapsed\"\n      >\n        <JIcon\n          :name=\"collapsed ? 'panelLeftOpen' : 'panelLeftClose'\"\n          size=\"sm\"\n        />\n        <span v-if=\"!collapsed\">접기</span>\n      </button>\n    </div>\n  </aside>\n</template>\n"],"names":["props","__props","emit","__emit","favorites","ref","loadFavorites","raw","saveFavorites","toggleFavorite","id","sidebarState","reactive","watch","v","provide","SIDEBAR_INJECTION_KEY","searchQuery","favoriteItems","computed","result","flatten","items","item","filteredItems","q","filter","matchLabel","filteredChildren","filteredFavorites","favoritesExpanded","handleMenuClick","event","toggleCollapsed","sidebarWidth","_createElementBlock","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","JIcon","JInput","$event","_hoisted_3","_Fragment","_hoisted_6","_renderList","fav","_createBlock","JSidebarItem","_cache","_unref","cn","_hoisted_4","_toDisplayString","_hoisted_5","JSidebarGroup","_hoisted_7","_hoisted_8"],"mappings":"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"}

package/components/organisms/JSidebar/JSidebar.vue.js

@@ -0,0 +1,189 @@
+import { defineComponent as T, ref as C, reactive as W, watch as S, provide as q, computed as w, createElementBlock as r, openBlock as s, normalizeStyle as D, createCommentVNode as m, createElementVNode as a, createVNode as d, Fragment as u, normalizeClass as B, unref as I, toDisplayString as R, renderList as _, createBlock as k } from "vue";
+import { SIDEBAR_INJECTION_KEY as j } from "../../../types/sidebar.types.js";
+import v from "../../atoms/JIcon.vue.js";
+import A from "../../atoms/JInput.vue.js";
+import Q from "./JSidebarGroup.vue.js";
+import L from "./JSidebarItem.vue.js";
+import { cn as N } from "../../../lib/utils.js";
+const U = {
+  key: 0,
+  class: "p-2 flex-shrink-0"
+}, Y = { class: "relative" }, G = { class: "flex-1 overflow-y-auto overflow-x-hidden px-1 py-1" }, H = { class: "text-[10px] text-yellow-500/60" }, X = { class: "overflow-hidden" }, Z = { class: "flex justify-center py-1" }, ee = {
+  key: 1,
+  class: "text-center py-6 text-muted-foreground text-xs"
+}, te = { class: "flex-shrink-0 border-t border-border p-1" }, le = { key: 0 }, ue = /* @__PURE__ */ T({
+  __name: "JSidebar",
+  props: {
+    items: {},
+    collapsed: { type: Boolean, default: !1 },
+    activePath: {},
+    width: { default: "220px" },
+    collapsedWidth: { default: "56px" },
+    storageKey: {},
+    showSearch: { type: Boolean, default: !0 },
+    showFavorites: { type: Boolean, default: !0 }
+  },
+  emits: ["update:collapsed", "menu-click"],
+  setup(i, { emit: E }) {
+    const o = i, z = E, n = C(new Set(V()));
+    function V() {
+      if (!o.storageKey) return [];
+      try {
+        const e = localStorage.getItem(o.storageKey);
+        return e ? JSON.parse(e) : [];
+      } catch {
+        return [];
+      }
+    }
+    function M() {
+      o.storageKey && localStorage.setItem(o.storageKey, JSON.stringify([...n.value]));
+    }
+    function P(e) {
+      n.value.has(e) ? n.value.delete(e) : n.value.add(e), n.value = new Set(n.value), M();
+    }
+    const p = W({
+      collapsed: o.collapsed,
+      activePath: o.activePath,
+      favorites: n.value,
+      toggleFavorite: P
+    });
+    S(() => o.collapsed, (e) => {
+      p.collapsed = e;
+    }), S(() => o.activePath, (e) => {
+      p.activePath = e;
+    }), S(n, (e) => {
+      p.favorites = e;
+    }), q(j, p);
+    const f = C(""), F = w(() => {
+      if (!o.storageKey || n.value.size === 0) return [];
+      const e = [], t = (l) => {
+        for (const c of l)
+          c.menuType === "L" && n.value.has(c.id) && e.push(c), c.children && t(c.children);
+      };
+      return t(o.items), e;
+    }), K = w(() => {
+      const e = f.value.trim().toLowerCase();
+      if (!e) return o.items;
+      const t = (l) => {
+        const c = [];
+        for (const g of l) {
+          const O = g.label.toLowerCase().includes(e), b = g.children ? t(g.children) : void 0;
+          (O || b && b.length > 0) && c.push({ ...g, children: b });
+        }
+        return c;
+      };
+      return t(o.items);
+    }), h = w(() => {
+      const e = f.value.trim().toLowerCase();
+      return e ? F.value.filter((t) => t.label.toLowerCase().includes(e)) : F.value;
+    }), x = C(!0), y = (e, t) => {
+      z("menu-click", e, t);
+    }, $ = () => {
+      z("update:collapsed", !o.collapsed);
+    }, J = w(() => o.collapsed ? o.collapsedWidth : o.width);
+    return (e, t) => (s(), r("aside", {
+      class: "h-full bg-background border-r border-border flex flex-col flex-shrink-0 overflow-hidden transition-[width] duration-200 ease-out",
+      style: D({ width: J.value })
+    }, [
+      !i.collapsed && i.showSearch ? (s(), r("div", U, [
+        a("div", Y, [
+          d(v, {
+            name: "search",
+            size: "sm",
+            class: "absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"
+          }),
+          d(A, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => f.value = l),
+            placeholder: "메뉴 검색...",
+            class: "pl-8 h-7 text-xs"
+          }, null, 8, ["modelValue"])
+        ])
+      ])) : m("", !0),
+      a("nav", G, [
+        i.showFavorites && i.storageKey && h.value.length > 0 ? (s(), r(u, { key: 0 }, [
+          i.collapsed ? (s(), r(u, { key: 1 }, [
+            a("div", Z, [
+              d(v, {
+                name: "star",
+                size: "sm",
+                class: "text-yellow-500"
+              })
+            ]),
+            (s(!0), r(u, null, _(h.value, (l) => (s(), k(L, {
+              key: "fav-c-" + l.id,
+              item: l,
+              onMenuClick: y
+            }, null, 8, ["item"]))), 128))
+          ], 64)) : (s(), r(u, { key: 0 }, [
+            a("button", {
+              class: "flex items-center gap-1.5 w-full px-2 py-1.5 text-xs font-semibold text-yellow-600 cursor-pointer select-none transition-colors hover:text-yellow-700",
+              onClick: t[1] || (t[1] = (l) => x.value = !x.value)
+            }, [
+              d(v, {
+                name: "chevronRight",
+                size: "sm",
+                class: B(I(N)(
+                  "flex-shrink-0 transition-transform duration-200",
+                  x.value && "rotate-90"
+                ))
+              }, null, 8, ["class"]),
+              d(v, {
+                name: "star",
+                size: "sm",
+                class: "flex-shrink-0 text-yellow-500"
+              }),
+              t[2] || (t[2] = a("span", { class: "flex-1 text-left" }, "즐겨찾기", -1)),
+              a("span", H, R(h.value.length), 1)
+            ]),
+            a("div", {
+              class: B(I(N)(
+                "grid transition-[grid-template-rows] duration-200 ease-out",
+                x.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+              ))
+            }, [
+              a("div", X, [
+                (s(!0), r(u, null, _(h.value, (l) => (s(), k(L, {
+                  key: "fav-" + l.id,
+                  item: l,
+                  onMenuClick: y
+                }, null, 8, ["item"]))), 128))
+              ])
+            ], 2)
+          ], 64)),
+          t[3] || (t[3] = a("div", { class: "h-px bg-border mx-2 my-1" }, null, -1))
+        ], 64)) : m("", !0),
+        (s(!0), r(u, null, _(K.value, (l) => (s(), r(u, {
+          key: l.id
+        }, [
+          l.menuType === "F" ? (s(), k(Q, {
+            key: 0,
+            item: l,
+            onMenuClick: y
+          }, null, 8, ["item"])) : l.menuType === "L" ? (s(), k(L, {
+            key: 1,
+            item: l,
+            onMenuClick: y
+          }, null, 8, ["item"])) : m("", !0)
+        ], 64))), 128)),
+        K.value.length === 0 && f.value.trim() ? (s(), r("div", ee, " 검색 결과가 없습니다. ")) : m("", !0)
+      ]),
+      a("div", te, [
+        a("button", {
+          class: "flex items-center gap-2 w-full px-2 py-1 rounded-md text-xs text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
+          onClick: $
+        }, [
+          d(v, {
+            name: i.collapsed ? "panelLeftOpen" : "panelLeftClose",
+            size: "sm"
+          }, null, 8, ["name"]),
+          i.collapsed ? m("", !0) : (s(), r("span", le, "접기"))
+        ])
+      ])
+    ], 4));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=JSidebar.vue.js.map

package/components/organisms/JSidebar/JSidebar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSidebar.vue.js","sources":["../../../../../src/components/organisms/JSidebar/JSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, provide, watch, reactive } from 'vue'\nimport type { SidebarMenuItem, SidebarState } from '@/types/sidebar.types'\nimport { SIDEBAR_INJECTION_KEY } from '@/types/sidebar.types'\nimport JIcon from '@/components/atoms/JIcon.vue'\nimport JInput from '@/components/atoms/JInput.vue'\nimport JSidebarGroup from './JSidebarGroup.vue'\nimport JSidebarItem from './JSidebarItem.vue'\nimport { cn } from '@/lib/utils'\n\n/**\n * JSidebar - 통합 사이드바 컴포넌트\n *\n * DB 트리 데이터 기반, provide/inject로 상태 공유.\n * collapsed 모드, 검색, 즐겨찾기(localStorage) 지원.\n * 라우터를 모름 — @menu-click으로 아이템을 올려보냄.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    /** 메뉴 트리 데이터 */\n    items: SidebarMenuItem[]\n    /** 접힘 상태 (v-model:collapsed) */\n    collapsed?: boolean\n    /** 현재 활성 경로 */\n    activePath?: string\n    /** 펼침 너비 */\n    width?: string\n    /** 접힘 너비 */\n    collapsedWidth?: string\n    /** 즐겨찾기 localStorage 키 (없으면 즐겨찾기 비활성) */\n    storageKey?: string\n    /** 검색 표시 여부 */\n    showSearch?: boolean\n    /** 즐겨찾기 섹션 표시 여부 */\n    showFavorites?: boolean\n  }>(),\n  {\n    collapsed: false,\n    width: '220px',\n    collapsedWidth: '56px',\n    showSearch: true,\n    showFavorites: true,\n  },\n)\n\nconst emit = defineEmits<{\n  'update:collapsed': [value: boolean]\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\n// ── 즐겨찾기 (localStorage) ──\nconst favorites = ref<Set<string>>(new Set(loadFavorites()))\n\nfunction loadFavorites(): string[] {\n  if (!props.storageKey) return []\n  try {\n    const raw = localStorage.getItem(props.storageKey)\n    return raw ? JSON.parse(raw) : []\n  } catch {\n    return []\n  }\n}\n\nfunction saveFavorites() {\n  if (!props.storageKey) return\n  localStorage.setItem(props.storageKey, JSON.stringify([...favorites.value]))\n}\n\nfunction toggleFavorite(id: string) {\n  if (favorites.value.has(id)) {\n    favorites.value.delete(id)\n  } else {\n    favorites.value.add(id)\n  }\n  favorites.value = new Set(favorites.value) // trigger reactivity\n  saveFavorites()\n}\n\n// ── provide/inject 상태 ──\nconst sidebarState = reactive<SidebarState>({\n  collapsed: props.collapsed,\n  activePath: props.activePath,\n  favorites: favorites.value,\n  toggleFavorite,\n})\n\n// props 변경 시 state 동기화\nwatch(() => props.collapsed, (v) => { sidebarState.collapsed = v })\nwatch(() => props.activePath, (v) => { sidebarState.activePath = v })\nwatch(favorites, (v) => { sidebarState.favorites = v })\n\nprovide(SIDEBAR_INJECTION_KEY, sidebarState)\n\n// ── 검색 ──\nconst searchQuery = ref('')\n\n/** 즐겨찾기 아이템 (L 타입만, 트리 평탄화) */\nconst favoriteItems = computed(() => {\n  if (!props.storageKey || favorites.value.size === 0) return []\n  const result: SidebarMenuItem[] = []\n  const flatten = (items: SidebarMenuItem[]) => {\n    for (const item of items) {\n      if (item.menuType === 'L' && favorites.value.has(item.id)) {\n        result.push(item)\n      }\n      if (item.children) flatten(item.children)\n    }\n  }\n  flatten(props.items)\n  return result\n})\n\n/** 검색 필터링 (재귀) */\nconst filteredItems = computed(() => {\n  const q = searchQuery.value.trim().toLowerCase()\n  if (!q) return props.items\n\n  const filter = (items: SidebarMenuItem[]): SidebarMenuItem[] => {\n    const result: SidebarMenuItem[] = []\n    for (const item of items) {\n      const matchLabel = item.label.toLowerCase().includes(q)\n      const filteredChildren = item.children ? filter(item.children) : undefined\n      if (matchLabel || (filteredChildren && filteredChildren.length > 0)) {\n        result.push({ ...item, children: filteredChildren })\n      }\n    }\n    return result\n  }\n  return filter(props.items)\n})\n\n/** 즐겨찾기 검색 필터링 */\nconst filteredFavorites = computed(() => {\n  const q = searchQuery.value.trim().toLowerCase()\n  if (!q) return favoriteItems.value\n  return favoriteItems.value.filter(item => item.label.toLowerCase().includes(q))\n})\n\n// ── 즐겨찾기 그룹 펼침 ──\nconst favoritesExpanded = ref(true)\n\n// ── 이벤트 핸들러 ──\nconst handleMenuClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n\nconst toggleCollapsed = () => {\n  emit('update:collapsed', !props.collapsed)\n}\n\n// ── 사이드바 너비 ──\nconst sidebarWidth = computed(() => props.collapsed ? props.collapsedWidth : props.width)\n</script>\n\n<template>\n  <aside\n    class=\"h-full bg-background border-r border-border flex flex-col flex-shrink-0 overflow-hidden transition-[width] duration-200 ease-out\"\n    :style=\"{ width: sidebarWidth }\"\n  >\n    <!-- 검색바 (펼침 + showSearch) -->\n    <div v-if=\"!collapsed && showSearch\" class=\"p-2 flex-shrink-0\">\n      <div class=\"relative\">\n        <JIcon\n          name=\"search\"\n          size=\"sm\"\n          class=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground\"\n        />\n        <JInput\n          v-model=\"searchQuery\"\n          placeholder=\"메뉴 검색...\"\n          class=\"pl-8 h-7 text-xs\"\n        />\n      </div>\n    </div>\n\n    <!-- 메뉴 영역 -->\n    <nav class=\"flex-1 overflow-y-auto overflow-x-hidden px-1 py-1\">\n      <!-- 즐겨찾기 섹션 -->\n      <template v-if=\"showFavorites && storageKey && filteredFavorites.length > 0\">\n        <!-- 펼침: 즐겨찾기 그룹 -->\n        <template v-if=\"!collapsed\">\n          <button\n            class=\"flex items-center gap-1.5 w-full px-2 py-1.5 text-xs font-semibold text-yellow-600 cursor-pointer select-none transition-colors hover:text-yellow-700\"\n            @click=\"favoritesExpanded = !favoritesExpanded\"\n          >\n            <JIcon\n              name=\"chevronRight\"\n              size=\"sm\"\n              :class=\"cn(\n                'flex-shrink-0 transition-transform duration-200',\n                favoritesExpanded && 'rotate-90'\n              )\"\n            />\n            <JIcon name=\"star\" size=\"sm\" class=\"flex-shrink-0 text-yellow-500\" />\n            <span class=\"flex-1 text-left\">즐겨찾기</span>\n            <span class=\"text-[10px] text-yellow-500/60\">{{ filteredFavorites.length }}</span>\n          </button>\n          <div\n            :class=\"cn(\n              'grid transition-[grid-template-rows] duration-200 ease-out',\n              favoritesExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n            )\"\n          >\n            <div class=\"overflow-hidden\">\n              <JSidebarItem\n                v-for=\"fav in filteredFavorites\"\n                :key=\"'fav-' + fav.id\"\n                :item=\"fav\"\n                @menu-click=\"handleMenuClick\"\n              />\n            </div>\n          </div>\n        </template>\n        <!-- 접힘: 별 아이콘 + 구분선 -->\n        <template v-else>\n          <div class=\"flex justify-center py-1\">\n            <JIcon name=\"star\" size=\"sm\" class=\"text-yellow-500\" />\n          </div>\n          <JSidebarItem\n            v-for=\"fav in filteredFavorites\"\n            :key=\"'fav-c-' + fav.id\"\n            :item=\"fav\"\n            @menu-click=\"handleMenuClick\"\n          />\n        </template>\n        <div class=\"h-px bg-border mx-2 my-1\" />\n      </template>\n\n      <!-- 메인 메뉴 -->\n      <template v-for=\"item in filteredItems\" :key=\"item.id\">\n        <JSidebarGroup\n          v-if=\"item.menuType === 'F'\"\n          :item=\"item\"\n          @menu-click=\"handleMenuClick\"\n        />\n        <JSidebarItem\n          v-else-if=\"item.menuType === 'L'\"\n          :item=\"item\"\n          @menu-click=\"handleMenuClick\"\n        />\n      </template>\n\n      <!-- 검색 결과 없음 -->\n      <div\n        v-if=\"filteredItems.length === 0 && searchQuery.trim()\"\n        class=\"text-center py-6 text-muted-foreground text-xs\"\n      >\n        검색 결과가 없습니다.\n      </div>\n    </nav>\n\n    <!-- 하단: collapse 토글 -->\n    <div class=\"flex-shrink-0 border-t border-border p-1\">\n      <button\n        class=\"flex items-center gap-2 w-full px-2 py-1 rounded-md text-xs text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors\"\n        @click=\"toggleCollapsed\"\n      >\n        <JIcon\n          :name=\"collapsed ? 'panelLeftOpen' : 'panelLeftClose'\"\n          size=\"sm\"\n        />\n        <span v-if=\"!collapsed\">접기</span>\n      </button>\n    </div>\n  </aside>\n</template>\n"],"names":["props","__props","emit","__emit","favorites","ref","loadFavorites","raw","saveFavorites","toggleFavorite","id","sidebarState","reactive","watch","v","provide","SIDEBAR_INJECTION_KEY","searchQuery","favoriteItems","computed","result","flatten","items","item","filteredItems","q","filter","matchLabel","filteredChildren","filteredFavorites","favoritesExpanded","handleMenuClick","event","toggleCollapsed","sidebarWidth","_createElementBlock","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","JIcon","JInput","$event","_hoisted_3","_Fragment","_hoisted_6","_renderList","fav","_createBlock","JSidebarItem","_cache","_unref","cn","_hoisted_4","_toDisplayString","_hoisted_5","JSidebarGroup","_hoisted_7","_hoisted_8"],"mappings":"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"}

package/components/{molecules/JFormField.vue3.cjs → organisms/JSidebar/JSidebar.vue2.cjs}

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

package/components/organisms/JSidebar/JSidebar.vue2.cjs.map

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

package/components/organisms/JSidebar/JSidebar.vue2.js

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

package/components/organisms/JSidebar/JSidebar.vue2.js.map

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

package/components/organisms/JSidebar/JSidebarGroup.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../../../types/sidebar.types.cjs"),g=require("../../atoms/JIcon.vue.cjs"),m=require("./JSidebarItem.vue.cjs"),d=require("../../../lib/utils.cjs"),h={key:1},y={class:"flex-1 truncate text-left"},B={key:0,class:"text-[10px] text-muted-foreground/60 flex-shrink-0"},x={class:"overflow-hidden ml-3 pl-2 border-l border-border/50"},E=e.defineComponent({__name:"JSidebarGroup",props:{item:{}},emits:["menu-click"],setup(c,{emit:p}){const i=c,k=p,u=e.inject(v.SIDEBAR_INJECTION_KEY),l=e.ref(!1),s=e.computed(()=>i.item.children?i.item.children.filter(t=>t.menuType==="L").length:0),f=()=>{l.value=!l.value},a=(t,r)=>{k("menu-click",t,r)},_=e.computed(()=>{if(!u.activePath||!i.item.children)return!1;const t=r=>{for(const o of r)if(o.menuType==="L"&&o.path===u.activePath||o.children&&t(o.children))return!0;return!1};return t(i.item.children)});return e.watch(_,t=>{t&&(l.value=!0)},{immediate:!0}),(t,r)=>{const o=e.resolveComponent("JSidebarGroup",!0);return e.unref(u).collapsed?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[r[0]||(r[0]=e.createElementVNode("div",{class:"h-px bg-border mx-2 my-1"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.item.children,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[n.menuType==="L"?(e.openBlock(),e.createBlock(m.default,{key:0,item:n,onMenuClick:a},null,8,["item"])):e.createCommentVNode("",!0)],64))),128))],64)):(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("button",{class:"flex items-center gap-1.5 w-full px-2 py-1.5 mt-1 text-xs font-semibold text-muted-foreground cursor-pointer select-none transition-colors hover:text-foreground",onClick:f},[e.createVNode(g.default,{name:"chevronRight",size:"sm",class:e.normalizeClass(e.unref(d.cn)("flex-shrink-0 transition-transform duration-200",l.value&&"rotate-90"))},null,8,["class"]),e.createElementVNode("span",y,e.toDisplayString(c.item.label),1),s.value>0?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(s.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.cn)("grid transition-[grid-template-rows] duration-200 ease-out",l.value?"grid-rows-[1fr]":"grid-rows-[0fr]"))},[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.item.children,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[n.menuType==="L"?(e.openBlock(),e.createBlock(m.default,{key:0,item:n,onMenuClick:a},null,8,["item"])):n.menuType==="F"?(e.openBlock(),e.createBlock(o,{key:1,item:n,onMenuClick:a},null,8,["item"])):e.createCommentVNode("",!0)],64))),128))])],2)]))}}});exports.default=E;
+//# sourceMappingURL=JSidebarGroup.vue.cjs.map

package/components/organisms/JSidebar/JSidebarGroup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSidebarGroup.vue.cjs","sources":["../../../../../src/components/organisms/JSidebar/JSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, inject, watch } from 'vue'\nimport type { SidebarMenuItem } from '@/types/sidebar.types'\nimport { SIDEBAR_INJECTION_KEY } from '@/types/sidebar.types'\nimport JIcon from '@/components/atoms/JIcon.vue'\nimport JSidebarItem from './JSidebarItem.vue'\nimport { cn } from '@/lib/utils'\n\n/**\n * JSidebarGroup - 그룹 헤더 (menuType='F' 전용)\n * 폴더 타입 메뉴를 렌더링. 펼침/접힘 토글 + 하위 메뉴 재귀 렌더링.\n * 링크(L)는 JSidebarItem에서 처리.\n */\n\nconst props = defineProps<{\n  item: SidebarMenuItem\n}>()\n\nconst emit = defineEmits<{\n  'menu-click': [item: SidebarMenuItem, event: MouseEvent]\n}>()\n\nconst state = inject(SIDEBAR_INJECTION_KEY)!\n\nconst isExpanded = ref(false)\n\n/** 직계 자식 중 L 타입 개수 (재귀하지 않음) */\nconst childCount = computed(() => {\n  if (!props.item.children) return 0\n  return props.item.children.filter(c => c.menuType === 'L').length\n})\n\nconst toggleExpand = () => {\n  isExpanded.value = !isExpanded.value\n}\n\n/** 자식의 menu-click을 상위로 전파 */\nconst handleChildClick = (item: SidebarMenuItem, event: MouseEvent) => {\n  emit('menu-click', item, event)\n}\n\n/** 현재 경로가 이 그룹의 자식에 포함되면 자동 펼침 */\nconst hasActiveChild = computed(() => {\n  if (!state.activePath || !props.item.children) return false\n  const checkActive = (items: SidebarMenuItem[]): boolean => {\n    for (const child of items) {\n      if (child.menuType === 'L' && child.path === state.activePath) return true\n      if (child.children && checkActive(child.children)) return true\n    }\n    return false\n  }\n  return checkActive(props.item.children)\n})\n\nwatch(hasActiveChild, (active) => {\n  if (active) isExpanded.value = true\n}, { immediate: true })\n</script>\n\n<template>\n  <!-- Collapsed: 구분선만 -->\n  <template v-if=\"state.collapsed\">\n    <div class=\"h-px bg-border mx-2 my-1\" />\n    <!-- collapsed 상태에서 자식 아이템 직접 렌더링 -->\n    <template v-for=\"child in item.children\" :key=\"child.id\">\n      <JSidebarItem\n        v-if=\"child.menuType === 'L'\"\n        :item=\"child\"\n        @menu-click=\"handleChildClick\"\n      />\n      <!-- 중첩 폴더는 collapsed에서 무시 (1단계만) -->\n    </template>\n  </template>\n\n  <!-- Expanded: 그룹 헤더 + 하위 메뉴 -->\n  <div v-else>\n    <!-- 그룹 헤더 -->\n    <button\n      class=\"flex items-center gap-1.5 w-full px-2 py-1.5 mt-1 text-xs font-semibold text-muted-foreground cursor-pointer select-none transition-colors hover:text-foreground\"\n      @click=\"toggleExpand\"\n    >\n      <JIcon\n        name=\"chevronRight\"\n        size=\"sm\"\n        :class=\"cn(\n          'flex-shrink-0 transition-transform duration-200',\n          isExpanded && 'rotate-90'\n        )\"\n      />\n      <span class=\"flex-1 truncate text-left\">{{ item.label }}</span>\n      <span\n        v-if=\"childCount > 0\"\n        class=\"text-[10px] text-muted-foreground/60 flex-shrink-0\"\n      >\n        {{ childCount }}\n      </span>\n    </button>\n\n    <!-- 하위 메뉴 (grid-template-rows 애니메이션) -->\n    <div\n      :class=\"cn(\n        'grid transition-[grid-template-rows] duration-200 ease-out',\n        isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n      )\"\n    >\n      <div class=\"overflow-hidden ml-3 pl-2 border-l border-border/50\">\n        <template v-for=\"child in item.children\" :key=\"child.id\">\n          <JSidebarItem\n            v-if=\"child.menuType === 'L'\"\n            :item=\"child\"\n            @menu-click=\"handleChildClick\"\n          />\n          <!-- 중첩 폴더: 재귀 -->\n          <JSidebarGroup\n            v-else-if=\"child.menuType === 'F'\"\n            :item=\"child\"\n            @menu-click=\"handleChildClick\"\n          />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","state","inject","SIDEBAR_INJECTION_KEY","isExpanded","ref","childCount","computed","c","toggleExpand","handleChildClick","item","event","hasActiveChild","checkActive","items","child","watch","active","_unref","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_renderList","_createBlock","JSidebarItem","_hoisted_1","_createVNode","JIcon","cn","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_component_JSidebarGroup"],"mappings":"wjBAcA,MAAMA,EAAQC,EAIRC,EAAOC,EAIPC,EAAQC,EAAAA,OAAOC,uBAAqB,EAEpCC,EAAaC,EAAAA,IAAI,EAAK,EAGtBC,EAAaC,EAAAA,SAAS,IACrBV,EAAM,KAAK,SACTA,EAAM,KAAK,SAAS,UAAYW,EAAE,WAAa,GAAG,EAAE,OAD1B,CAElC,EAEKC,EAAe,IAAM,CACzBL,EAAW,MAAQ,CAACA,EAAW,KACjC,EAGMM,EAAmB,CAACC,EAAuBC,IAAsB,CACrEb,EAAK,aAAcY,EAAMC,CAAK,CAChC,EAGMC,EAAiBN,EAAAA,SAAS,IAAM,CACpC,GAAI,CAACN,EAAM,YAAc,CAACJ,EAAM,KAAK,SAAU,MAAO,GACtD,MAAMiB,EAAeC,GAAsC,CACzD,UAAWC,KAASD,EAElB,GADIC,EAAM,WAAa,KAAOA,EAAM,OAASf,EAAM,YAC/Ce,EAAM,UAAYF,EAAYE,EAAM,QAAQ,EAAG,MAAO,GAE5D,MAAO,EACT,EACA,OAAOF,EAAYjB,EAAM,KAAK,QAAQ,CACxC,CAAC,EAEDoB,OAAAA,QAAMJ,EAAiBK,GAAW,CAC5BA,MAAmB,MAAQ,GACjC,EAAG,CAAE,UAAW,GAAM,yDAKJ,OAAAC,QAAAlB,CAAA,EAAM,yBAAtBmB,EAAAA,mBAWWC,WAAA,CAAA,IAAA,GAAA,aAVTC,EAAAA,mBAAwC,MAAA,CAAnC,MAAM,0BAAA,EAA0B,KAAA,EAAA,IAErCC,EAAAA,UAAA,EAAA,EAAAH,EAAAA,mBAOWC,WAAA,KAAAG,EAAAA,WAPe1B,EAAA,KAAK,SAAdkB,mDAA8B,IAAAA,EAAM,EAAA,GAE3CA,EAAM,WAAQ,mBADtBS,EAAAA,YAIEC,EAAAA,QAAA,OAFC,KAAMV,EACN,YAAYN,CAAA,kFAOnBU,EAAAA,mBA8CM,MAAAO,EAAA,CA5CJL,EAAAA,mBAmBS,SAAA,CAlBP,MAAM,mKACL,QAAOb,CAAA,GAERmB,EAAAA,YAOEC,EAAAA,QAAA,CANA,KAAK,eACL,KAAK,KACJ,uBAAOV,EAAAA,MAAAW,IAAA,oDAA2E1B,EAAA,OAAU,WAAA,sBAK/FkB,qBAA+D,OAA/DS,EAA+DC,EAAAA,gBAApBlC,EAAA,KAAK,KAAK,EAAA,CAAA,EAE7CQ,EAAA,MAAU,iBADlBc,EAAAA,mBAKO,OALPa,EAKOD,EAAAA,gBADF1B,EAAA,KAAU,EAAA,CAAA,iCAKjBgB,EAAAA,mBAqBM,MAAA,CApBH,uBAAOH,EAAAA,MAAAW,IAAA,+DAAkF1B,EAAA,MAAU,kBAAA,iBAAA,KAKpGkB,EAAAA,mBAcM,MAdNY,EAcM,EAbJX,EAAAA,UAAA,EAAA,EAAAH,EAAAA,mBAYWC,WAAA,KAAAG,EAAAA,WAZe1B,EAAA,KAAK,SAAdkB,mDAA8B,IAAAA,EAAM,EAAA,GAE3CA,EAAM,WAAQ,mBADtBS,EAAAA,YAIEC,EAAAA,QAAA,OAFC,KAAMV,EACN,YAAYN,CAAA,oBAIFM,EAAM,WAAQ,mBAD3BS,EAAAA,YAIEU,EAAA,OAFC,KAAMnB,EACN,YAAYN,CAAA"}