@j-solution/components 1.0.0

package/components/molecules/JFormField.vue.js

@@ -0,0 +1,259 @@
+import { defineComponent as N, ref as R, computed as c, createElementBlock as D, openBlock as o, normalizeClass as p, createVNode as u, unref as a, withCtx as i, normalizeStyle as S, createTextVNode as y, createCommentVNode as d, toDisplayString as h, createBlock as n, resolveDynamicComponent as w, mergeProps as B } from "vue";
+import "../shadcn/index.js";
+import "lucide-vue-next";
+import F from "../atoms/JInput.vue.js";
+import W from "../atoms/JTextarea.vue.js";
+import H from "../atoms/JCheckbox.vue.js";
+import I from "../atoms/JCombo.vue.js";
+import J from "../atoms/JSearchCombo.vue.js";
+import Y from "../atoms/JRadio.vue.js";
+import G from "../atoms/JSwitch.vue.js";
+import K from "../atoms/JDatepicker.vue.js";
+import "clsx";
+import "tailwind-merge";
+import "../shadcn/badge-variants.js";
+import "@vueuse/core";
+import "reka-ui";
+/* empty css                      */
+import "../shadcn/avatar-variants.js";
+import "ag-grid-vue3";
+import "ag-grid-community";
+import "ag-grid-enterprise";
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                  */
+import v from "../shadcn/FieldGroup.vue.js";
+import T from "../shadcn/Field.vue.js";
+import M from "../shadcn/FieldLabel.vue.js";
+import L from "../shadcn/FieldContent.vue.js";
+import Q from "../shadcn/FieldDescription.vue.js";
+import X from "../shadcn/FieldError.vue.js";
+const Z = {
+  key: 0,
+  class: "text-destructive ml-1"
+}, Te = /* @__PURE__ */ N({
+  __name: "JFormField",
+  props: {
+    label: {},
+    description: {},
+    errorMsg: {},
+    type: { default: "input" },
+    inlineLabel: {},
+    orientation: { default: "vertical" },
+    labelAlign: { default: "left" },
+    labelWidth: { default: "8rem" },
+    id: {},
+    modelValue: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    styleType: {},
+    inputType: {},
+    options: {},
+    multiple: { type: Boolean },
+    radioDirection: { default: "horizontal" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(l, { expose: j, emit: A }) {
+    const E = [
+      "label",
+      "description",
+      "errorMsg",
+      "type",
+      "inlineLabel",
+      "orientation",
+      "labelAlign",
+      "labelWidth",
+      "radioDirection"
+    ], t = l, f = A, s = R(""), g = c(() => t.errorMsg || s.value), b = c(() => {
+      const e = {}, r = t;
+      for (const m in r)
+        E.includes(m) || (e[m] = r[m]);
+      if (t.inputType && t.type === "input" && (e.type = t.inputType, delete e.inputType, !t.placeholder)) {
+        const m = {
+          text: "텍스트를 입력하세요",
+          email: "이메일을 입력하세요",
+          password: "비밀번호를 입력하세요",
+          tel: "전화번호를 입력하세요",
+          url: "URL을 입력하세요",
+          number: "숫자를 입력하세요",
+          search: "검색어를 입력하세요",
+          date: "날짜를 선택하세요",
+          time: "시간을 선택하세요",
+          "datetime-local": "날짜와 시간을 선택하세요",
+          month: "월을 선택하세요",
+          week: "주를 선택하세요"
+        };
+        e.placeholder = m[t.inputType] || "입력하세요";
+      }
+      return t.radioDirection && t.type === "radio" && (e.styletype = t.radioDirection, delete e.radioDirection), e;
+    }), x = (e) => {
+      if (!t.required) return;
+      s.value = "";
+      const r = e !== void 0 ? e : t.modelValue;
+      t.type === "checkbox" || t.type === "switch" ? r !== "Y" && (s.value = "필수 항목입니다.") : (r == null || r === "") && (s.value = "필수 입력 항목입니다.");
+    }, P = c(() => !(t.modelValue !== null && t.modelValue !== void 0 && t.modelValue !== "")), k = (e) => {
+      f("update:modelValue", e), x(e);
+    }, _ = (e) => {
+      f("change", e), x(e);
+    }, $ = (e) => {
+      f("focus", e);
+    }, C = (e) => {
+      P.value && x(), f("blur", e);
+    }, U = c(() => {
+      const e = {
+        left: "justify-start",
+        // 레이블 영역의 왼쪽에 레이블 위치
+        middle: "justify-center",
+        // 레이블 영역의 가운데에 레이블 위치
+        right: "justify-end"
+        // 레이블 영역의 오른쪽에 레이블 위치 (input과 가까이)
+      }, r = { left: "text-left", middle: "text-center", right: "text-right" };
+      return t.orientation === "horizontal" ? e[t.labelAlign] : r[t.labelAlign];
+    }), O = c(() => {
+      switch (t.styleType) {
+        case "sm":
+          return "form-density-sm";
+        case "lg":
+          return "form-density-lg";
+        default:
+          return "form-density-md";
+      }
+    }), z = c(() => {
+      const e = "h-[var(--ctl-h)] leading-[var(--ctl-h)]";
+      return t.type === "datepicker" ? `${e} max-w-xs` : t.type === "radio" && t.radioDirection === "vertical" ? "" : e;
+    }), q = {
+      input: F,
+      textarea: W,
+      checkbox: H,
+      switch: G,
+      combo: I,
+      radio: Y,
+      searchCombo: J,
+      datepicker: K
+    }, V = c(() => q[t.type] || F);
+    return j({
+      clearError: () => {
+        s.value = "";
+      }
+    }), (e, r) => (o(), D("div", {
+      class: p(["space-y-2", O.value])
+    }, [
+      u(a(v), null, {
+        default: i(() => [
+          u(a(T), {
+            class: p([
+              l.orientation === "horizontal" ? "grid grid-cols-[var(--label-w,8rem)_1fr] items-start space-y-0 gap-2" : "space-y-1 gap-1"
+            ]),
+            style: S(l.orientation === "horizontal" ? `--label-w:${l.labelWidth};` : "")
+          }, {
+            default: i(() => [
+              u(a(M), {
+                for: l.id,
+                class: p([
+                  l.orientation === "horizontal" ? "flex items-center h-[var(--ctl-h)] w-full" : "flex items-center",
+                  U.value
+                ])
+              }, {
+                default: i(() => [
+                  y(h(l.label) + " ", 1),
+                  l.required ? (o(), D("span", Z, "*")) : d("", !0)
+                ]),
+                _: 1
+              }, 8, ["for", "class"]),
+              u(a(L), {
+                class: p([
+                  l.orientation === "horizontal" ? "min-h-[var(--ctl-h)] flex flex-col justify-start gap-0.5 mt-0" : "space-y-2 gap-0"
+                ])
+              }, {
+                default: i(() => [
+                  l.type === "checkbox" || l.type === "switch" ? (o(), n(a(v), {
+                    key: 0,
+                    "data-slot": "checkbox-group"
+                  }, {
+                    default: i(() => [
+                      u(a(T), {
+                        orientation: "horizontal",
+                        class: "flex gap-2 space-y-0 h-[var(--ctl-h)] leading-[var(--ctl-h)] items-center"
+                      }, {
+                        default: i(() => [
+                          (o(), n(w(V.value), B(b.value, {
+                            "onUpdate:modelValue": k,
+                            onChange: _,
+                            onFocus: $,
+                            onBlur: C
+                          }), null, 16)),
+                          l.inlineLabel ? (o(), n(a(M), {
+                            key: 0,
+                            for: l.id,
+                            class: "font-normal m-0 h-[var(--ctl-h)] leading-[var(--ctl-h)]"
+                          }, {
+                            default: i(() => [
+                              y(h(l.inlineLabel), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["for"])) : d("", !0)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : l.type === "radio" ? (o(), n(a(v), { key: 1 }, {
+                    default: i(() => [
+                      (o(), n(w(V.value), B(b.value, {
+                        "onUpdate:modelValue": k,
+                        onChange: _,
+                        onFocus: $,
+                        onBlur: C,
+                        class: z.value
+                      }), null, 16, ["class"]))
+                    ]),
+                    _: 1
+                  })) : (o(), n(a(v), { key: 2 }, {
+                    default: i(() => [
+                      (o(), n(w(V.value), B(b.value, {
+                        "onUpdate:modelValue": k,
+                        onChange: _,
+                        onFocus: $,
+                        onBlur: C,
+                        class: z.value
+                      }), null, 16, ["class"]))
+                    ]),
+                    _: 1
+                  })),
+                  l.description || g.value ? (o(), n(a(L), { key: 3 }, {
+                    default: i(() => [
+                      l.description ? (o(), n(a(Q), { key: 0 }, {
+                        default: i(() => [
+                          y(h(l.description), 1)
+                        ]),
+                        _: 1
+                      })) : d("", !0),
+                      g.value ? (o(), n(a(X), { key: 1 }, {
+                        default: i(() => [
+                          y(h(g.value), 1)
+                        ]),
+                        _: 1
+                      })) : d("", !0)
+                    ]),
+                    _: 1
+                  })) : d("", !0)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["class", "style"])
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  Te as default
+};
+//# sourceMappingURL=JFormField.vue.js.map

package/components/molecules/JFormField.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JFormField.vue.js","sources":["../../../../src/components/molecules/JFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Field, FieldContent, FieldLabel, FieldDescription, FieldError, FieldGroup } from '@/components/shadcn'\nimport { JInput, JTextarea, JCheckbox, JSwitch, JCombo, JRadio, JSearchCombo, JDatepicker } from '@/components/atoms'\n\n// 컴포넌트 타입 정의\ntype ComponentType = 'input' | 'textarea' | 'checkbox' | 'switch' | 'combo' | 'radio' | 'searchCombo' | 'datepicker'\n\n// FormField 자체의 props (레이아웃 관련)\nconst FORM_FIELD_PROPS = [\n  'label',\n  'description',\n  'errorMsg',\n  'type',\n  'inlineLabel',\n  'orientation',\n  'labelAlign',\n  'labelWidth',\n  'radioDirection',\n] as const\n\nconst props = withDefaults(\n  defineProps<{\n    // ============ FormField 자체 props (레이아웃만) ============\n    /** 필드 레이블 */\n    label?: string\n    /** 필드 설명 (레이블 아래 표시) */\n    description?: string\n    /** 에러 메시지 */\n    errorMsg?: string\n    /** 컴포넌트 타입 (렌더링할 컴포넌트 지정) */\n    type?: ComponentType\n    /** 체크박스/스위치 타입일 때만 사용하는 옆 라벨 */\n    inlineLabel?: string\n    /** 레이블과 컨트롤의 배치 방향 */\n    orientation?: 'vertical' | 'horizontal' | 'responsive'\n    /** 레이블 텍스트 정렬 */\n    labelAlign?: 'left' | 'middle' | 'right'\n    /** 레이블 영역 너비 (horizontal orientation일 때만 적용) */\n    labelWidth?: string\n\n    // ============ 내부 컴포넌트로 전달할 공통 props ============\n    /** Input 요소의 id (label for와 연결) */\n    id?: string\n    /** v-model로 양방향 데이터 바인딩 */\n    modelValue?: any\n    /** 입력 전 표시되는 안내문 (Input/Textarea/Select/Combobox) */\n    placeholder?: string\n    /** 비활성화 상태 (전체) */\n    disabled?: boolean\n    /** 읽기 전용 상태 (Input/Textarea) */\n    readonly?: boolean\n    /** 필수 입력/선택 여부 (전체) */\n    required?: boolean\n    /** form 데이터 전송 시 키 이름 (전체) */\n    name?: string\n    /** 스타일 테마 지정 (J-prefixed 컴포넌트의 styleType) */\n    styleType?: string\n\n    // ============ Input 전용 props ============\n    /** Input 타입 (text, email, password 등) */\n    inputType?: string\n\n\n    // ============ Select/Combobox/Radio 전용 props ============\n    /** 선택 가능한 항목 배열 */\n    options?: Array<{ label: string; value: string | number; disabled?: boolean }>\n    \n    // ============ Select/Combobox 전용 props ============\n    /** 다중 선택 허용 여부 */\n    multiple?: boolean\n\n\n    // ============ Radio 전용 props ============\n    /** Radio 옵션 나열 방향 */\n    radioDirection?: 'horizontal' | 'vertical'\n  }>(),\n  {\n    type: 'input',\n    orientation: 'vertical',\n    labelAlign: 'left',\n    labelWidth: '8rem',\n    radioDirection: 'horizontal',\n  }\n)\n\n// 이벤트 정의\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n  'change': [value: any]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n// 내부 에러 상태 (props.error가 없을 때만 사용)\nconst internalError = ref<string>('')\n\n// 최종 에러 메시지 (외부 errorMsg가 우선)\nconst finalError = computed(() => props.errorMsg || internalError.value)\n\n// FormField 자체 props와 내부 컴포넌트 props 분리\nconst controlProps = computed(() => {\n  const result: Record<string, any> = {}\n  const propsObj = props as Record<string, any>\n  \n  for (const key in propsObj) {\n    // FormField 자체 props는 제외\n    if (!FORM_FIELD_PROPS.includes(key as any)) {\n      result[key] = propsObj[key]\n    }\n  }\n  \n  // inputType을 type으로 변환 (JInput 컴포넌트에서 사용)\n  if (props.inputType && props.type === 'input') {\n    result.type = props.inputType\n    delete result.inputType // inputType은 제거\n    \n    // placeholder가 없으면 inputType에 따라 기본값 설정\n    if (!props.placeholder) {\n      const defaultPlaceholders: Record<string, string> = {\n        'text': '텍스트를 입력하세요',\n        'email': '이메일을 입력하세요',\n        'password': '비밀번호를 입력하세요',\n        'tel': '전화번호를 입력하세요',\n        'url': 'URL을 입력하세요',\n        'number': '숫자를 입력하세요',\n        'search': '검색어를 입력하세요',\n        'date': '날짜를 선택하세요',\n        'time': '시간을 선택하세요',\n        'datetime-local': '날짜와 시간을 선택하세요',\n        'month': '월을 선택하세요',\n        'week': '주를 선택하세요',\n      }\n      \n      result.placeholder = defaultPlaceholders[props.inputType] || '입력하세요'\n    }\n  }\n  \n  // radioDirection을 styletype으로 변환 (JRadio 컴포넌트에서 사용)\n  if (props.radioDirection && props.type === 'radio') {\n    result.styletype = props.radioDirection\n    delete result.radioDirection // radioDirection은 제거\n  }\n  \n  return result\n})\n\n  // Built-in validation\n  const validateField = (currentValue?: any) => {\n    if (!props.required) return\n\n    internalError.value = ''\n\n    // 현재 값 또는 props.modelValue 사용\n    const value = currentValue !== undefined ? currentValue : props.modelValue\n\n    // Required 체크\n    if (props.type === 'checkbox' || props.type === 'switch') {\n      if (value !== 'Y') {\n        internalError.value = '필수 항목입니다.'\n      }\n    } else {\n      if (value === null || value === undefined || value === '') {\n        internalError.value = '필수 입력 항목입니다.'\n      }\n    }\n  }\n\n  // 초기 로드 시 validation 실행 (blur 이벤트에서만)\n  const shouldValidateOnMount = computed(() => {\n    // Storybook에서 초기값이 있는 경우 validation 스킵\n    if (props.modelValue !== null && props.modelValue !== undefined && props.modelValue !== '') {\n      return false\n    }\n    return true\n  })\n\n// 이벤트 핸들러\nconst handleUpdateModelValue = (value: any) => {\n  emit('update:modelValue', value)\n  \n  // 값이 변경되면 즉시 validation 실행 (현재 값 전달)\n  validateField(value)\n}\n\nconst handleChange = (value: any) => {\n  emit('change', value)\n  \n  // change 이벤트에서도 validation 실행 (현재 값 전달)\n  validateField(value)\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\n  const handleBlur = (event: FocusEvent) => {\n    // blur 시에만 validation 실행 (초기 로드 시에는 실행하지 않음)\n    if (shouldValidateOnMount.value) {\n      validateField()\n    }\n    emit('blur', event)\n  }\n\n// 레이블 정렬 클래스 (레이블 영역 내에서 레이블의 위치 제어)\nconst labelAlignClass = computed(() => {\n  // horizontal일 때는 레이블 영역 내에서 레이블의 위치를 제어\n  const mapHorizontal = { \n    left: 'justify-start',    // 레이블 영역의 왼쪽에 레이블 위치\n    middle: 'justify-center', // 레이블 영역의 가운데에 레이블 위치\n    right: 'justify-end'      // 레이블 영역의 오른쪽에 레이블 위치 (input과 가까이)\n  }\n  // vertical일 때는 텍스트 정렬만 제어\n  const mapVertical = { left: 'text-left', middle: 'text-center', right: 'text-right' }\n  return props.orientation === 'horizontal' ? mapHorizontal[props.labelAlign] : mapVertical[props.labelAlign]\n})\n\n/** 행높이 토큰 클래스 매핑 */\nconst densityClass = computed(() => {\n  switch (props.styleType) {\n    case 'sm': return 'form-density-sm'\n    case 'lg': return 'form-density-lg'\n    default:   return 'form-density-md'\n  }\n})\n\n/** 컨트롤 클래스 (datepicker는 최대 너비 제한, radio vertical은 높이 제한 없음) */\nconst controlClass = computed(() => {\n  const baseClass = 'h-[var(--ctl-h)] leading-[var(--ctl-h)]'\n  \n  if (props.type === 'datepicker') {\n    return `${baseClass} max-w-xs`\n  }\n  \n  // Radio vertical일 때는 높이 제한 없음\n  if (props.type === 'radio' && props.radioDirection === 'vertical') {\n    return ''\n  }\n  \n  return baseClass\n})\n\n// 컴포넌트 매핑\nconst componentMap: Record<ComponentType, any> = {\n  input: JInput,\n  textarea: JTextarea,\n  checkbox: JCheckbox,\n  switch: JSwitch,\n  combo: JCombo,\n  radio: JRadio,\n  searchCombo: JSearchCombo,\n  datepicker: JDatepicker,\n}\n\n// type에 따라 렌더링할 컴포넌트 결정\nconst resolvedComponent = computed(() => {\n  return componentMap[props.type!] || JInput\n})\n\n// 외부에서 수동으로 에러 클리어 가능하도록 expose\ndefineExpose({\n  clearError: () => { internalError.value = '' }\n})\n</script>\n\n<template>\n  <div :class=\"['space-y-2', densityClass]\">\n    <FieldGroup >\n      <Field :class=\"[\n          orientation === 'horizontal'\n            ? 'grid grid-cols-[var(--label-w,8rem)_1fr] items-start space-y-0 gap-2'\n            : 'space-y-1 gap-1'\n        ]\"\n        :style=\"orientation === 'horizontal' ? `--label-w:${labelWidth};` : ''\"\n      >\n        <!-- 메인 라벨 (필수표기 포함) -->\n        <FieldLabel \n          :for=\"id\" \n          :class=\"[\n            orientation === 'horizontal'\n              ? 'flex items-center h-[var(--ctl-h)] w-full'\n              : 'flex items-center',\n            labelAlignClass\n          ]\"\n        >\n          {{ label }}\n          <span v-if=\"required\" class=\"text-destructive ml-1\">*</span>\n        </FieldLabel>\n\n        <FieldContent \n          :class=\"[\n            orientation === 'horizontal'\n            ? 'min-h-[var(--ctl-h)] flex flex-col justify-start gap-0.5 mt-0'\n            : 'space-y-2 gap-0'\n          ]\"\n        >\n          <!-- 체크박스/스위치: 항상 가로 정렬로 컨트롤 + 인라인 라벨 묶기 -->\n          <FieldGroup v-if=\"type === 'checkbox' || type === 'switch'\" data-slot=\"checkbox-group\">\n            <!-- 부모 orientation과 무관하게 수평 정렬 고정 -->\n            <Field orientation=\"horizontal\" class=\"flex gap-2 space-y-0 h-[var(--ctl-h)] leading-[var(--ctl-h)] items-center\">\n              <component\n                :is=\"resolvedComponent\"\n                v-bind=\"controlProps\"\n                @update:modelValue=\"handleUpdateModelValue\"\n                @change=\"handleChange\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n              />\n              <FieldLabel\n                v-if=\"inlineLabel\"\n                :for=\"id\"\n                class=\"font-normal m-0 h-[var(--ctl-h)] leading-[var(--ctl-h)]\"\n              >\n                {{ inlineLabel }}\n              </FieldLabel>\n            </Field>\n          </FieldGroup>\n\n          <!-- Radio 버튼: radioDirection에 따라 분기 처리 -->\n          <FieldGroup v-else-if=\"type === 'radio'\">\n            <component\n              :is=\"resolvedComponent\"\n              v-bind=\"controlProps\"\n              @update:modelValue=\"handleUpdateModelValue\"\n              @change=\"handleChange\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n              :class=\"controlClass\"\n            />\n          </FieldGroup>\n\n          <!-- 그 외 컨트롤: orientation 규칙 그대로 따름 -->\n          <FieldGroup v-else>\n            <component\n              :is=\"resolvedComponent\"\n              v-bind=\"controlProps\"\n              @update:modelValue=\"handleUpdateModelValue\"\n              @change=\"handleChange\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n              :class=\"controlClass\"\n            />\n          </FieldGroup>\n          \n          <!-- 설명/에러: 항상 컨트롤 '바로 아래'에 표시 -->\n          <FieldContent v-if=\"description || finalError\">\n            <FieldDescription v-if=\"description\">\n              {{ description }}\n            </FieldDescription>\n            <FieldError v-if=\"finalError\">\n              {{ finalError }}\n            </FieldError>\n          </FieldContent>\n        </FieldContent>\n      </Field>\n    </FieldGroup>\n  </div>\n</template>\n\n\n\n<style>\n/* ⬇⬇ 높이 토큰(밀도) — 프로젝트 전역/레이아웃에 한 번 정의해두고 재사용하세요 */\n.form-density-sm { --ctl-h: 2rem;    /* 32px */ }\n.form-density-md { --ctl-h: 2.25rem; /* 36px (shadcn 기본에 근접) */ }\n.form-density-lg { --ctl-h: 2.5rem;  /* 40px */ }\n</style>"],"names":["FORM_FIELD_PROPS","props","__props","emit","__emit","internalError","ref","finalError","computed","controlProps","result","propsObj","key","defaultPlaceholders","validateField","currentValue","value","shouldValidateOnMount","handleUpdateModelValue","handleChange","handleFocus","event","handleBlur","labelAlignClass","mapHorizontal","mapVertical","densityClass","controlClass","baseClass","componentMap","JInput","JTextarea","JCheckbox","JSwitch","JCombo","JRadio","JSearchCombo","JDatepicker","resolvedComponent","__expose","_createElementBlock","_createVNode","_unref","FieldGroup","Field","_normalizeClass","_normalizeStyle","FieldLabel","_createTextVNode","_toDisplayString","_hoisted_1","FieldContent","_createBlock","_openBlock","_resolveDynamicComponent","_mergeProps","FieldDescription","FieldError"],"mappings":"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"}

package/components/molecules/JFormField.vue3.cjs

@@ -0,0 +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

package/components/molecules/JFormField.vue3.cjs.map

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

package/components/molecules/JFormField.vue3.js

@@ -0,0 +1,6 @@
+import o from "./JFormField.vue.js";
+/* empty css                */
+export {
+  o as default
+};
+//# sourceMappingURL=JFormField.vue3.js.map

package/components/molecules/JFormField.vue3.js.map

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

package/components/molecules/JGroupCombo.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const _=require("../shadcn/SelectGroup.vue.cjs"),p=require("../shadcn/SelectLabel.vue.cjs"),f=require("../shadcn/SelectItem.vue.cjs"),g=require("../shadcn/Select.vue.cjs"),m=require("../shadcn/SelectTrigger.vue.cjs"),v=require("../shadcn/SelectValue.vue.cjs"),y=require("../shadcn/SelectContent.vue.cjs"),b=e.defineComponent({__name:"JGroupCombo",props:{modelValue:{},groupedOptions:{default:()=>[]},placeholder:{default:"선택하세요"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(l,{emit:d}){const n=l,a=d,o={default:{class:""},error:{class:"border-destructive focus:ring-destructive"},success:{class:"border-green-500 focus:ring-green-500"},warning:{class:"border-amber-500 focus:ring-amber-500"},sm:{class:"h-8 text-xs px-2"},lg:{class:"h-12 text-base px-4"}},c=e.computed(()=>{const r=n.styletype||"default";return[(o[r]??o.default)?.class,n.class].filter(Boolean).join(" ")}),i=r=>{a("update:modelValue",r),a("change",r)};return(r,u)=>(e.openBlock(),e.createBlock(e.unref(g.default),{"model-value":l.modelValue,disabled:l.disabled,required:l.required,name:l.name,"onUpdate:modelValue":u[0]||(u[0]=t=>i(t)),onFocus:u[1]||(u[1]=t=>a("focus",t)),onBlur:u[2]||(u[2]=t=>a("blur",t))},{default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{id:l.id,class:e.normalizeClass(c.value)},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{placeholder:l.placeholder},null,8,["placeholder"])]),_:1},8,["id","class"]),e.createVNode(e.unref(y.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.groupedOptions,t=>(e.openBlock(),e.createBlock(_.default,{key:t.groupLabel},{default:e.withCtx(()=>[e.createVNode(p.default,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.groupLabel),1)]),_:2},1024),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,s=>(e.openBlock(),e.createBlock(f.default,{key:s.value,value:String(s.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1032,["value"]))),128))]),_:2},1024))),128))]),_:1})]),_:1},8,["model-value","disabled","required","name"]))}});exports.default=b;
+//# sourceMappingURL=JGroupCombo.vue.cjs.map

package/components/molecules/JGroupCombo.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGroupCombo.vue.cjs","sources":["../../../../src/components/molecules/JGroupCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Select, SelectContent, SelectTrigger, SelectValue } from '@/components/shadcn'\r\nimport SelectGroup from '@/components/shadcn/SelectGroup.vue'\r\nimport SelectLabel from '@/components/shadcn/SelectLabel.vue'\r\nimport SelectItem from '@/components/shadcn/SelectItem.vue'\r\n\r\nexport interface Option {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\nexport interface GroupedOption {\r\n  groupLabel: string\r\n  options: Option[]\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string | number\r\n    groupedOptions?: GroupedOption[]\r\n    placeholder?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    groupedOptions: () => [],\r\n    placeholder: '선택하세요',\r\n    disabled: false,\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | number]\r\n  'change': [value: string | number]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n * JCombo와 동일한 스타일 프리셋 사용\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  error: { \r\n    class: 'border-destructive focus:ring-destructive',\r\n  },\r\n  success: { \r\n    class: 'border-green-500 focus:ring-green-500',\r\n  },\r\n  warning: { \r\n    class: 'border-amber-500 focus:ring-amber-500',\r\n  },\r\n  sm: { \r\n    class: 'h-8 text-xs px-2',\r\n  },\r\n  lg: { \r\n    class: 'h-12 text-base px-4',\r\n  },\r\n}\r\n\r\nconst triggerClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.class, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\nconst handleChange = (value: string | number) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Select \r\n    :model-value=\"modelValue\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as string | number)\"\r\n    @focus=\"emit('focus', $event as FocusEvent)\"\r\n    @blur=\"emit('blur', $event as FocusEvent)\"\r\n  >\r\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\r\n      <SelectValue :placeholder=\"placeholder\" />\r\n    </SelectTrigger>\r\n    <SelectContent>\r\n      <SelectGroup v-for=\"group in groupedOptions\" :key=\"group.groupLabel\">\r\n        <SelectLabel>{{ group.groupLabel }}</SelectLabel>\r\n        <SelectItem \r\n          v-for=\"option in group.options\" \r\n          :key=\"option.value\" \r\n          :value=\"String(option.value)\"\r\n        >\r\n          {{ option.label }}\r\n        </SelectItem>\r\n      </SelectGroup>\r\n    </SelectContent>\r\n  </Select>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","handleChange","value","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","group","SelectGroup","SelectLabel","_createTextVNode","_toDisplayString","_openBlock","option","SelectItem"],"mappings":"kxBAyBA,MAAMA,EAAQC,EAsBRC,EAAOC,EAWPC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,MAAO,CACL,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,QAAS,CACP,MAAO,uCAAA,EAET,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,qBAAA,CACT,EAGIC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAAWP,EAAM,WAAa,UAEpC,MAAO,EADQI,EAAcG,CAAQ,GAAKH,EAAc,UACxC,MAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAC9D,CAAC,EAEKQ,EAAgBC,GAA2B,CAC/CP,EAAK,oBAAqBO,CAAK,EAC/BP,EAAK,SAAUO,CAAK,CACtB,8BAIEC,EAAAA,YAwBSC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAvBN,cAAaX,EAAA,WACb,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,sBAAkBY,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGJ,GAAUD,EAAaC,CAAK,GACjD,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEZ,EAAI,QAAUY,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEZ,EAAI,OAASY,CAAM,EAAA,qBAE1B,IAEgB,CAFhBC,cAEgBJ,EAAAA,MAAAK,EAAAA,OAAA,EAAA,CAFA,GAAIf,EAAA,GAAK,uBAAOI,EAAA,KAAY,CAAA,qBAC1C,IAA0C,CAA1CU,EAAAA,YAA0CJ,EAAAA,MAAAM,SAAA,EAAA,CAA5B,YAAahB,EAAA,aAAW,KAAA,EAAA,CAAA,aAAA,CAAA,CAAA,0BAExCc,EAAAA,YAWgBJ,EAAAA,MAAAO,SAAA,EAAA,KAAA,mBAVD,IAA+B,kBAA5CC,EAAAA,mBAScC,EAAAA,SAAA,KAAAC,EAAAA,WATepB,EAAA,eAATqB,kBAApBZ,EAAAA,YASca,UAAA,CATgC,IAAKD,EAAM,UAAA,qBACvD,IAAiD,CAAjDP,EAAAA,YAAiDS,EAAAA,QAAA,KAAA,mBAApC,IAAsB,CAAnBC,EAAAA,gBAAAC,EAAAA,gBAAAJ,EAAM,UAAU,EAAA,CAAA,CAAA,eAChCK,YAAA,EAAA,EAAAR,EAAAA,mBAMaC,EAAAA,SAAA,KAAAC,EAAAA,WALMC,EAAM,QAAhBM,kBADTlB,EAAAA,YAMamB,UAAA,CAJV,IAAKD,EAAO,MACZ,MAAO,OAAOA,EAAO,KAAK,CAAA,qBAE3B,IAAkB,CAAfH,EAAAA,gBAAAC,EAAAA,gBAAAE,EAAO,KAAK,EAAA,CAAA,CAAA"}

package/components/molecules/JGroupCombo.vue.js

@@ -0,0 +1,102 @@
+import { defineComponent as V, computed as _, createBlock as i, openBlock as s, unref as u, withCtx as a, createVNode as n, normalizeClass as $, createElementBlock as f, Fragment as p, renderList as g, createTextVNode as b, toDisplayString as y } from "vue";
+import "../shadcn/index.js";
+import h from "../shadcn/SelectGroup.vue.js";
+import C from "../shadcn/SelectLabel.vue.js";
+import k from "../shadcn/SelectItem.vue.js";
+import S from "../shadcn/Select.vue.js";
+import q from "../shadcn/SelectTrigger.vue.js";
+import E from "../shadcn/SelectValue.vue.js";
+import L from "../shadcn/SelectContent.vue.js";
+const J = /* @__PURE__ */ V({
+  __name: "JGroupCombo",
+  props: {
+    modelValue: {},
+    groupedOptions: { default: () => [] },
+    placeholder: { default: "선택하세요" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    class: {},
+    styletype: { default: "default" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(l, { emit: x }) {
+    const m = l, o = x, c = {
+      default: { class: "" },
+      error: {
+        class: "border-destructive focus:ring-destructive"
+      },
+      success: {
+        class: "border-green-500 focus:ring-green-500"
+      },
+      warning: {
+        class: "border-amber-500 focus:ring-amber-500"
+      },
+      sm: {
+        class: "h-8 text-xs px-2"
+      },
+      lg: {
+        class: "h-12 text-base px-4"
+      }
+    }, v = _(() => {
+      const r = m.styletype || "default";
+      return [(c[r] ?? c.default)?.class, m.class].filter(Boolean).join(" ");
+    }), B = (r) => {
+      o("update:modelValue", r), o("change", r);
+    };
+    return (r, t) => (s(), i(u(S), {
+      "model-value": l.modelValue,
+      disabled: l.disabled,
+      required: l.required,
+      name: l.name,
+      "onUpdate:modelValue": t[0] || (t[0] = (e) => B(e)),
+      onFocus: t[1] || (t[1] = (e) => o("focus", e)),
+      onBlur: t[2] || (t[2] = (e) => o("blur", e))
+    }, {
+      default: a(() => [
+        n(u(q), {
+          id: l.id,
+          class: $(v.value)
+        }, {
+          default: a(() => [
+            n(u(E), { placeholder: l.placeholder }, null, 8, ["placeholder"])
+          ]),
+          _: 1
+        }, 8, ["id", "class"]),
+        n(u(L), null, {
+          default: a(() => [
+            (s(!0), f(p, null, g(l.groupedOptions, (e) => (s(), i(h, {
+              key: e.groupLabel
+            }, {
+              default: a(() => [
+                n(C, null, {
+                  default: a(() => [
+                    b(y(e.groupLabel), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                (s(!0), f(p, null, g(e.options, (d) => (s(), i(k, {
+                  key: d.value,
+                  value: String(d.value)
+                }, {
+                  default: a(() => [
+                    b(y(d.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["model-value", "disabled", "required", "name"]));
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=JGroupCombo.vue.js.map

package/components/molecules/JGroupCombo.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JGroupCombo.vue.js","sources":["../../../../src/components/molecules/JGroupCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Select, SelectContent, SelectTrigger, SelectValue } from '@/components/shadcn'\r\nimport SelectGroup from '@/components/shadcn/SelectGroup.vue'\r\nimport SelectLabel from '@/components/shadcn/SelectLabel.vue'\r\nimport SelectItem from '@/components/shadcn/SelectItem.vue'\r\n\r\nexport interface Option {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\nexport interface GroupedOption {\r\n  groupLabel: string\r\n  options: Option[]\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string | number\r\n    groupedOptions?: GroupedOption[]\r\n    placeholder?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    groupedOptions: () => [],\r\n    placeholder: '선택하세요',\r\n    disabled: false,\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | number]\r\n  'change': [value: string | number]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n * JCombo와 동일한 스타일 프리셋 사용\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  error: { \r\n    class: 'border-destructive focus:ring-destructive',\r\n  },\r\n  success: { \r\n    class: 'border-green-500 focus:ring-green-500',\r\n  },\r\n  warning: { \r\n    class: 'border-amber-500 focus:ring-amber-500',\r\n  },\r\n  sm: { \r\n    class: 'h-8 text-xs px-2',\r\n  },\r\n  lg: { \r\n    class: 'h-12 text-base px-4',\r\n  },\r\n}\r\n\r\nconst triggerClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.class, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\nconst handleChange = (value: string | number) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Select \r\n    :model-value=\"modelValue\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as string | number)\"\r\n    @focus=\"emit('focus', $event as FocusEvent)\"\r\n    @blur=\"emit('blur', $event as FocusEvent)\"\r\n  >\r\n    <SelectTrigger :id=\"id\" :class=\"triggerClass\">\r\n      <SelectValue :placeholder=\"placeholder\" />\r\n    </SelectTrigger>\r\n    <SelectContent>\r\n      <SelectGroup v-for=\"group in groupedOptions\" :key=\"group.groupLabel\">\r\n        <SelectLabel>{{ group.groupLabel }}</SelectLabel>\r\n        <SelectItem \r\n          v-for=\"option in group.options\" \r\n          :key=\"option.value\" \r\n          :value=\"String(option.value)\"\r\n        >\r\n          {{ option.label }}\r\n        </SelectItem>\r\n      </SelectGroup>\r\n    </SelectContent>\r\n  </Select>\r\n</template>\r\n\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","triggerClass","computed","styleKey","handleChange","value","_createBlock","_unref","Select","_cache","$event","_createVNode","SelectTrigger","SelectValue","SelectContent","_createElementBlock","_Fragment","_renderList","group","SelectGroup","SelectLabel","_createTextVNode","_toDisplayString","_openBlock","option","SelectItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAQC,GAsBRC,IAAOC,GAWPC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAGIC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,OAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC9D,CAAC,GAEKQ,IAAe,CAACC,MAA2B;AAC/C,MAAAP,EAAK,qBAAqBO,CAAK,GAC/BP,EAAK,UAAUO,CAAK;AAAA,IACtB;2BAIEC,EAwBSC,EAAAC,CAAA,GAAA;AAAA,MAvBN,eAAaX,EAAA;AAAA,MACb,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,uBAAkBY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGJ,MAAUD,EAAaC,CAAK;AAAA,MACjD,SAAKI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAI,SAAUY,CAAM;AAAA,MAC3B,QAAID,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAI,QAASY,CAAM;AAAA,IAAA;iBAE1B,MAEgB;AAAA,QAFhBC,EAEgBJ,EAAAK,CAAA,GAAA;AAAA,UAFA,IAAIf,EAAA;AAAA,UAAK,SAAOI,EAAA,KAAY;AAAA,QAAA;qBAC1C,MAA0C;AAAA,YAA1CU,EAA0CJ,EAAAM,CAAA,GAAA,EAA5B,aAAahB,EAAA,eAAW,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,UAAA;;;QAExCc,EAWgBJ,EAAAO,CAAA,GAAA,MAAA;AAAA,qBAVD,MAA+B;AAAA,oBAA5CC,EAScC,GAAA,MAAAC,EATepB,EAAA,gBAAc,CAAvBqB,YAApBZ,EASca,GAAA;AAAA,cATgC,KAAKD,EAAM;AAAA,YAAA;yBACvD,MAAiD;AAAA,gBAAjDP,EAAiDS,GAAA,MAAA;AAAA,6BAApC,MAAsB;AAAA,oBAAnBC,EAAAC,EAAAJ,EAAM,UAAU,GAAA,CAAA;AAAA,kBAAA;;;iBAChCK,EAAA,EAAA,GAAAR,EAMaC,GAAA,MAAAC,EALMC,EAAM,UAAhBM,YADTlB,EAMamB,GAAA;AAAA,kBAJV,KAAKD,EAAO;AAAA,kBACZ,OAAO,OAAOA,EAAO,KAAK;AAAA,gBAAA;6BAE3B,MAAkB;AAAA,oBAAfH,EAAAC,EAAAE,EAAO,KAAK,GAAA,CAAA;AAAA,kBAAA;;;;;;;;;;;;;;"}

package/components/molecules/JGroupCombo.vue2.cjs

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

package/components/molecules/JGroupCombo.vue2.cjs.map

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

package/components/molecules/JGroupCombo.vue2.js

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

package/components/molecules/JGroupCombo.vue2.js.map

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

package/components/molecules/JSearchAddr.vue.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSearchAddr.vue2.cjs");;/* 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;
+};,t=r(e.default,[["__scopeId","data-v-b96d1cd3"]]);exports.default=t;
+//# sourceMappingURL=JSearchAddr.vue.cjs.map

package/components/molecules/JSearchAddr.vue.cjs.map

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

package/components/molecules/JSearchAddr.vue.js

@@ -0,0 +1,13 @@
+import o from "./JSearchAddr.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 c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b96d1cd3"]]);
+export {
+  c as default
+};
+//# sourceMappingURL=JSearchAddr.vue.js.map

package/components/molecules/JSearchAddr.vue.js.map

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

package/components/molecules/JSearchAddr.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=["aria-label"],x={class:"search-addr-header"},B={class:"search-addr-title"},T={class:"search-addr-body"},V={key:0,class:"search-addr-loading"},C=e.defineComponent({__name:"JSearchAddr",props:{isOpen:{type:Boolean,default:!1},title:{default:"주소 검색"},width:{default:"600px"},height:{default:"600px"},closeOnBackdrop:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},defaultLanguage:{default:"K"},theme:{default:"default"},autoComplete:{type:Boolean,default:!0}},emits:["close","complete","complete-raw","search","error"],setup(r,{expose:h,emit:g}){const s=r,l=g,w=e.ref(null),i=e.ref(null),u=e.ref(!1),c=e.ref(!1),m=e.ref(null),v=()=>new Promise((o,t)=>{if(window.daum&&window.daum.Postcode){u.value=!0,o();return}const n=document.getElementById("daum-postcode-script");if(n){n.addEventListener("load",()=>{u.value=!0,o()});return}const a=document.createElement("script");a.id="daum-postcode-script",a.src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js",a.async=!0,a.onload=()=>{u.value=!0,o()},a.onerror=()=>{const y=new Error("Failed to load Daum Postcode script");l("error",y),t(y)},document.head.appendChild(a)}),k=o=>{let t="",n="";return o.userLanguageType==="K"?o.userSelectedType==="R"?(t=o.roadAddress,o.bname!==""&&(n+=o.bname),o.buildingName!==""&&(n+=n!==""?", "+o.buildingName:o.buildingName)):t=o.jibunAddress:o.userSelectedType==="R"?t=o.roadAddressEnglish:t=o.jibunAddressEnglish,{zonecode:o.zonecode,address:t,addressDetail:n||void 0,addressType:o.userSelectedType,languageType:o.userLanguageType,sido:o.sido,sigungu:o.sigungu,bname:o.bname}},E=async()=>{if(!i.value){console.warn("postcodeLayerRef is not available");return}try{c.value=!0,await v(),await e.nextTick(),m.value=new window.daum.Postcode({oncomplete:o=>{const t=k(o);l("complete",t),l("complete-raw",o),d()},onclose:()=>{s.isOpen&&d()},onsearch:()=>{l("search")},width:"100%",height:"100%"}),i.value&&(m.value.embed(i.value),console.log("Daum Postcode embedded successfully")),c.value=!1}catch(o){c.value=!1,console.error("Failed to initialize Postcode:",o),l("error",o instanceof Error?o:new Error("Unknown error"))}},p=async()=>{document.body.style.overflow="hidden",await e.nextTick(),setTimeout(()=>{E()},100)},d=()=>{document.body.style.overflow="",l("close")},b=o=>{s.closeOnBackdrop&&o.target===o.currentTarget&&d()},f=o=>{s.closeOnEsc&&o.key==="Escape"&&s.isOpen&&d()};return e.watch(()=>s.isOpen,o=>{o?p():document.body.style.overflow=""}),e.onMounted(()=>{document.addEventListener("keydown",f),s.isOpen&&p()}),e.onUnmounted(()=>{document.removeEventListener("keydown",f),document.body.style.overflow=""}),h({close:d}),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"modal-fade"},{default:e.withCtx(()=>[r.isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"modalRef",ref:w,class:"search-addr-overlay",onClick:b,role:"dialog","aria-modal":"true","aria-label":r.title},[e.createElementVNode("div",{class:"search-addr-modal",style:e.normalizeStyle({width:r.width,height:r.height}),onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",x,[e.createElementVNode("h2",B,e.toDisplayString(r.title),1),e.createElementVNode("button",{type:"button",class:"search-addr-close","aria-label":"닫기",onClick:d},[...t[1]||(t[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)])])]),e.createElementVNode("div",T,[c.value?(e.openBlock(),e.createElementBlock("div",V,[...t[2]||(t[2]=[e.createElementVNode("div",{class:"loading-spinner"},null,-1),e.createElementVNode("p",null,"주소 검색을 불러오는 중...",-1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"postcodeLayerRef",ref:i,class:e.normalizeClass(["postcode-layer",{"is-loading":c.value}])},null,2)])],4)],8,N)):e.createCommentVNode("",!0)]),_:1})]))}});exports.default=C;
+//# sourceMappingURL=JSearchAddr.vue2.cjs.map

package/components/molecules/JSearchAddr.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSearchAddr.vue2.cjs","sources":["../../../../src/components/molecules/JSearchAddr.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch, onMounted, onUnmounted, nextTick } from 'vue'\r\nimport type { \r\n  JSearchAddrProps, \r\n  PostcodeData, \r\n  AddressResult \r\n} from '@/types/search-addr.types'\r\n\r\n/**\r\n * JSearchAddr 컴포넌트\r\n * \r\n * Daum Postcode API를 활용한 주소 검색 컴포넌트입니다.\r\n * 모달 형태로 동작하며, 우편번호와 주소를 검색할 수 있습니다.\r\n * \r\n * @emits close - 모달 닫힘 요청\r\n * @emits complete - 주소 선택 완료 (간소화된 데이터)\r\n * @emits complete-raw - 주소 선택 완료 (원본 데이터)\r\n * @emits search - 검색 시작\r\n * @emits error - 에러 발생\r\n */\r\n\r\nconst props = withDefaults(defineProps<JSearchAddrProps>(), {\r\n  isOpen: false,\r\n  title: '주소 검색',\r\n  width: '600px',\r\n  height: '600px',\r\n  closeOnBackdrop: true,\r\n  closeOnEsc: true,\r\n  defaultLanguage: 'K',\r\n  theme: 'default',\r\n  autoComplete: true\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  close: []\r\n  complete: [result: AddressResult]\r\n  'complete-raw': [data: PostcodeData]\r\n  search: []\r\n  error: [error: Error]\r\n}>()\r\n\r\n// Refs\r\nconst modalRef = ref<HTMLElement | null>(null)\r\nconst postcodeLayerRef = ref<HTMLElement | null>(null)\r\nconst isScriptLoaded = ref(false)\r\nconst isLoading = ref(false)\r\nconst postcodeInstance = ref<any>(null)\r\n\r\n/**\r\n * Daum Postcode 스크립트 로드\r\n */\r\nconst loadPostcodeScript = (): Promise<void> => {\r\n  return new Promise((resolve, reject) => {\r\n    if (window.daum && window.daum.Postcode) {\r\n      isScriptLoaded.value = true\r\n      resolve()\r\n      return\r\n    }\r\n\r\n    const existingScript = document.getElementById('daum-postcode-script')\r\n    if (existingScript) {\r\n      existingScript.addEventListener('load', () => {\r\n        isScriptLoaded.value = true\r\n        resolve()\r\n      })\r\n      return\r\n    }\r\n\r\n    const script = document.createElement('script')\r\n    script.id = 'daum-postcode-script'\r\n    script.src = 'https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js'\r\n    script.async = true\r\n\r\n    script.onload = () => {\r\n      isScriptLoaded.value = true\r\n      resolve()\r\n    }\r\n\r\n    script.onerror = () => {\r\n      const error = new Error('Failed to load Daum Postcode script')\r\n      emit('error', error)\r\n      reject(error)\r\n    }\r\n\r\n    document.head.appendChild(script)\r\n  })\r\n}\r\n\r\n/**\r\n * 주소 데이터 변환 (PostcodeData → AddressResult)\r\n */\r\nconst transformAddressData = (data: PostcodeData): AddressResult => {\r\n  let mainAddr = ''\r\n  let extraAddr = ''\r\n\r\n  // 언어에 따라 주소 선택\r\n  if (data.userLanguageType === 'K') {\r\n    if (data.userSelectedType === 'R') {\r\n      mainAddr = data.roadAddress\r\n      \r\n      // 건물명 등 추가 정보\r\n      if (data.bname !== '') {\r\n        extraAddr += data.bname\r\n      }\r\n      if (data.buildingName !== '') {\r\n        extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName)\r\n      }\r\n    } else {\r\n      mainAddr = data.jibunAddress\r\n    }\r\n  } else {\r\n    if (data.userSelectedType === 'R') {\r\n      mainAddr = data.roadAddressEnglish\r\n    } else {\r\n      mainAddr = data.jibunAddressEnglish\r\n    }\r\n  }\r\n\r\n  return {\r\n    zonecode: data.zonecode,\r\n    address: mainAddr,\r\n    addressDetail: extraAddr || undefined,\r\n    addressType: data.userSelectedType,\r\n    languageType: data.userLanguageType,\r\n    sido: data.sido,\r\n    sigungu: data.sigungu,\r\n    bname: data.bname\r\n  }\r\n}\r\n\r\n/**\r\n * Postcode 초기화 및 embed\r\n */\r\nconst initPostcode = async () => {\r\n  if (!postcodeLayerRef.value) {\r\n    console.warn('postcodeLayerRef is not available')\r\n    return\r\n  }\r\n\r\n  try {\r\n    isLoading.value = true\r\n\r\n    // 스크립트 로드\r\n    await loadPostcodeScript()\r\n\r\n    // DOM 준비 대기\r\n    await nextTick()\r\n\r\n    // Postcode 인스턴스 생성 및 embed\r\n    postcodeInstance.value = new window.daum.Postcode({\r\n      oncomplete: (data: PostcodeData) => {\r\n        const result = transformAddressData(data)\r\n        emit('complete', result)\r\n        emit('complete-raw', data)\r\n        closeModal()\r\n      },\r\n      onclose: () => {\r\n        // 사용자가 X 버튼으로 닫을 경우\r\n        if (props.isOpen) {\r\n          closeModal()\r\n        }\r\n      },\r\n      onsearch: () => {\r\n        emit('search')\r\n      },\r\n      width: '100%',\r\n      height: '100%'\r\n    })\r\n\r\n    // 레이어에 embed\r\n    if (postcodeLayerRef.value) {\r\n      postcodeInstance.value.embed(postcodeLayerRef.value)\r\n      console.log('Daum Postcode embedded successfully')\r\n    }\r\n    \r\n    isLoading.value = false\r\n  } catch (error) {\r\n    isLoading.value = false\r\n    console.error('Failed to initialize Postcode:', error)\r\n    emit('error', error instanceof Error ? error : new Error('Unknown error'))\r\n  }\r\n}\r\n\r\n/**\r\n * 모달 열기\r\n */\r\nconst openModal = async () => {\r\n  // body 스크롤 잠금\r\n  document.body.style.overflow = 'hidden'\r\n  \r\n  // DOM이 완전히 렌더링될 때까지 대기\r\n  await nextTick()\r\n  \r\n  // 약간의 추가 지연 (모달 애니메이션 고려)\r\n  setTimeout(() => {\r\n    initPostcode()\r\n  }, 100)\r\n}\r\n\r\n/**\r\n * 모달 닫기\r\n */\r\nconst closeModal = () => {\r\n  // body 스크롤 복원\r\n  document.body.style.overflow = ''\r\n  \r\n  emit('close')\r\n}\r\n\r\n/**\r\n * 배경 클릭 핸들러\r\n */\r\nconst handleBackdropClick = (event: MouseEvent) => {\r\n  if (props.closeOnBackdrop && event.target === event.currentTarget) {\r\n    closeModal()\r\n  }\r\n}\r\n\r\n/**\r\n * ESC 키 핸들러\r\n */\r\nconst handleEscKey = (event: KeyboardEvent) => {\r\n  if (props.closeOnEsc && event.key === 'Escape' && props.isOpen) {\r\n    closeModal()\r\n  }\r\n}\r\n\r\n// Watch isOpen\r\nwatch(\r\n  () => props.isOpen,\r\n  (newValue) => {\r\n    if (newValue) {\r\n      openModal()\r\n    } else {\r\n      document.body.style.overflow = ''\r\n    }\r\n  }\r\n)\r\n\r\n// Lifecycle\r\nonMounted(() => {\r\n  document.addEventListener('keydown', handleEscKey)\r\n  \r\n  if (props.isOpen) {\r\n    openModal()\r\n  }\r\n})\r\n\r\nonUnmounted(() => {\r\n  document.removeEventListener('keydown', handleEscKey)\r\n  document.body.style.overflow = ''\r\n})\r\n\r\n// Expose\r\ndefineExpose({\r\n  close: closeModal\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Teleport to=\"body\">\r\n    <Transition name=\"modal-fade\">\r\n      <div\r\n        v-if=\"isOpen\"\r\n        ref=\"modalRef\"\r\n        class=\"search-addr-overlay\"\r\n        @click=\"handleBackdropClick\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        :aria-label=\"title\"\r\n      >\r\n        <div\r\n          class=\"search-addr-modal\"\r\n          :style=\"{ width, height }\"\r\n          @click.stop\r\n        >\r\n          <!-- Header -->\r\n          <div class=\"search-addr-header\">\r\n            <h2 class=\"search-addr-title\">{{ title }}</h2>\r\n            <button\r\n              type=\"button\"\r\n              class=\"search-addr-close\"\r\n              aria-label=\"닫기\"\r\n              @click=\"closeModal\"\r\n            >\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              >\r\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n\r\n          <!-- Body -->\r\n          <div class=\"search-addr-body\">\r\n            <!-- 로딩 -->\r\n            <div v-if=\"isLoading\" class=\"search-addr-loading\">\r\n              <div class=\"loading-spinner\"></div>\r\n              <p>주소 검색을 불러오는 중...</p>\r\n            </div>\r\n\r\n            <!-- Postcode Layer -->\r\n            <div\r\n              ref=\"postcodeLayerRef\"\r\n              class=\"postcode-layer\"\r\n              :class=\"{ 'is-loading': isLoading }\"\r\n            ></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n\r\n<style scoped>\r\n/* Overlay */\r\n.search-addr-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 9999;\r\n  padding: 20px;\r\n}\r\n\r\n/* Modal */\r\n.search-addr-modal {\r\n  background: white;\r\n  border-radius: 12px;\r\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\r\n              0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 90vw;\r\n  max-height: 90vh;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Header */\r\n.search-addr-header {\r\n  position: relative;\r\n  padding: 20px 24px;\r\n  border-bottom: 1px solid #e5e7eb;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-addr-title {\r\n  margin: 0;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: #111827;\r\n  padding-right: 40px;\r\n}\r\n\r\n.search-addr-close {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  width: 36px;\r\n  height: 36px;\r\n  padding: 0;\r\n  background: none;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  color: #6b7280;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.search-addr-close:hover {\r\n  background-color: #f3f4f6;\r\n  color: #111827;\r\n}\r\n\r\n.search-addr-close:focus {\r\n  outline: 2px solid #3b82f6;\r\n  outline-offset: 2px;\r\n}\r\n\r\n.search-addr-close:active {\r\n  background-color: #e5e7eb;\r\n}\r\n\r\n/* Body */\r\n.search-addr-body {\r\n  flex: 1;\r\n  min-height: 0;\r\n  position: relative;\r\n}\r\n\r\n.postcode-layer {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.postcode-layer.is-loading {\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Loading */\r\n.search-addr-loading {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f9fafb;\r\n  z-index: 10;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 4px solid #e5e7eb;\r\n  border-top: 4px solid #3b82f6;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n@keyframes spin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n.search-addr-loading p {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  color: #6b7280;\r\n}\r\n\r\n/* Animation */\r\n.modal-fade-enter-active,\r\n.modal-fade-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.modal-fade-enter-active .search-addr-modal,\r\n.modal-fade-leave-active .search-addr-modal {\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.modal-fade-enter-from,\r\n.modal-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n\r\n.modal-fade-enter-from .search-addr-modal,\r\n.modal-fade-leave-to .search-addr-modal {\r\n  transform: scale(0.95);\r\n  opacity: 0;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n  .search-addr-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .search-addr-modal {\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    max-width: 100vw;\r\n    max-height: 100vh;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .search-addr-header {\r\n    padding: 16px 20px;\r\n  }\r\n\r\n  .search-addr-title {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n/* Dark mode */\r\n@media (prefers-color-scheme: dark) {\r\n  .search-addr-modal {\r\n    background: #1f2937;\r\n  }\r\n\r\n  .search-addr-header {\r\n    border-color: #374151;\r\n  }\r\n\r\n  .search-addr-title {\r\n    color: #f9fafb;\r\n  }\r\n\r\n  .search-addr-close {\r\n    color: #9ca3af;\r\n  }\r\n\r\n  .search-addr-close:hover {\r\n    background-color: #374151;\r\n    color: #f9fafb;\r\n  }\r\n\r\n  .search-addr-loading {\r\n    background: #111827;\r\n  }\r\n\r\n  .search-addr-loading p {\r\n    color: #9ca3af;\r\n  }\r\n}\r\n</style>\r\n\r\n"],"names":["props","__props","emit","__emit","modalRef","ref","postcodeLayerRef","isScriptLoaded","isLoading","postcodeInstance","loadPostcodeScript","resolve","reject","existingScript","script","error","transformAddressData","data","mainAddr","extraAddr","initPostcode","nextTick","result","closeModal","openModal","handleBackdropClick","event","handleEscKey","watch","newValue","onMounted","onUnmounted","__expose","_createBlock","_Teleport","_createVNode","_Transition","_createElementBlock","_createElementVNode","_normalizeStyle","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_openBlock","_hoisted_5","_cache","_normalizeClass"],"mappings":"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"}