@nuka9510/simple-validation 1.0.9 → 1.1.0

package/README.md

@@ -38,24 +38,38 @@
 npm i @nuka9510/simple-validation
 ```
 ## Usage
-### npm
+### js (> 1.1.0)
+#### cdn
+```
+<script src="https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.min.js"> </script>
+```
+or
+```
+<script src="https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@latest/dist/index.min.js"> </script>
+```
+or
+```
+<script src="https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@<specific-version>/dist/index.min.js"> </script>
+```
+### module
+#### npm
 ```
 <script type="importmap">
   {
     "imports": {
-      "@nuka9510/js-util": "<path>/node_modules/@nuka9510/js-util/dist/index.js",
-      "@nuka9510/simple-validation": "<path>/node_modules/@nuka9510/simple-validation/dist/index.js"
+      "@nuka9510/js-util": "<path>/node_modules/@nuka9510/js-util/dist/index.mjs",
+      "@nuka9510/simple-validation": "<path>/node_modules/@nuka9510/simple-validation/dist/index.mjs"
     }
   }
 </script>
 ```
-### cdn
+#### cdn
 ```
 <script type="importmap">
   {
     "imports": {
-      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.js",
-      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.js"
+      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.mjs",
+      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.mjs"
     }
   }
 </script>
@@ -65,8 +79,8 @@ or
 <script type="importmap">
   {
     "imports": {
-      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@latest/dist/index.js",
-      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@latest/dist/index.js"
+      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@latest/dist/index.mjs",
+      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@latest/dist/index.mjs"
     }
   }
 </script>
@@ -76,8 +90,8 @@ or
 <script type="importmap">
   {
     "imports": {
-      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@<specific-version>/dist/index.js",
-      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@<specific-version>/dist/index.js"
+      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@<specific-version>/dist/index.mjs",
+      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation@<specific-version>/dist/index.mjs"
     }
   }
 </script>
@@ -86,11 +100,11 @@ or
 ```
 example
 ├── js
-│  └── index.js
+│  └── index.mjs
 └── view
    └── index.html
 ```
-* example/js/index.js
+* example/js/index.mjs
 ```
 import { SValidation } from "@nuka9510/simple-validation";
 
@@ -139,11 +153,11 @@ new Index();
 <script type="importmap">
   {
     "imports": {
-      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.js",
-      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.js"
+      "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.mjs",
+      "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.mjs"
     }
   }
 </script>
-<script type="module" src="../js/index.js"></script>
+<script type="module" src="../js/index.mjs"></script>
 </html>
 ```

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+import Validation from "./validation.mjs";
+export { Validation as SValidation };

package/dist/index.js

@@ -1,2 +1,884 @@
-import Validation from "./validation.js";
-export { Validation as SValidation };
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Validation)
+/* harmony export */ });
+/* harmony import */ var _nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+
+/**
+ * Validation Check를 위한 객체
+ */
+class Validation {
+    /** 결과 값 객체 */
+    result;
+    /** validation check할 Element를 담는 객체 */
+    #el;
+    /** validation check할 radio Element를 담는 객체 */
+    #radio;
+    /** validation check에 사용할 정규식을 담은 객체 */
+    #regex;
+    /**
+     * Validation Check를 위한 객체
+     *
+     * ```
+     * <form name="form">
+     *   <input type="text" name="text" data-sv-pattern="password" data-sv-input-name="비밀번호" minlength="0" maxlength="10">
+     *   <input type="text" name="text" data-sv-pattern="password" minlength="0" maxlength="10" required="비밀번호">
+     *   <input type="date" name="sdate1" data-sv-date="date1" data-sv-date-state="S" data-sv-input-name="검색일1">
+     *   <input type="date" name="edate1" data-sv-date="date1" data-sv-date-state="E" data-sv-input-name="검색일1">
+     *   <input type="date" name="sdate2" data-sv-date="date2" data-sv-date-state="S" required="검색일2">
+     *   <input type="date" name="edate2" data-sv-date="date2" data-sv-date-state="E" required="검색일2">
+     * </form>
+     * <script type="importmap">
+     *   {
+     *     "imports": {
+     *       "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.js",
+     *       "@nuka9510/simple-validation": "https://cdn.jsdelivr.net/npm/@nuka9510/simple-validation/dist/index.js"
+     *     }
+     *   }
+     * </script>
+     * <script type="module">
+     *   import { SValidation } from "@nuka9510/simple-validation";
+     *
+     *   const validation = new SValidation({regex: {password: /^[\S!?@#$%^&*():;+-=~{}<>\_\[\]\|\\\"\'\,\.\/\`]{6,10}$/}});
+     *
+     *   validation.run(form);
+     *
+     *   if (validation.result.flag) {
+     *     form.submit();
+     *   } else {
+     *     alert(validation.result.alertMsg);
+     *     validation.result.el.focus();
+     *   }
+     * </script>
+     * ```
+     */
+    constructor(config) { this.init(config); }
+    /** 객체 초기화 */
+    init(
+    /** validation 초기화를 위한 객체 */ config = null) {
+        this.#resultInit();
+        this.#elInit();
+        this.#radioInit();
+        this.#regexInit(config?.regex);
+    }
+    /** 결과 값 초기화 */
+    #resultInit() {
+        this.result = {
+            flag: true,
+            alertMsg: null,
+            el: null
+        };
+    }
+    /** validation check할 Element를 담는 객체 초기화 */
+    #elInit() { this.#el = {}; }
+    /** validation check할 radio Element를 담는 객체 초기화 */
+    #radioInit() { this.#radio = {}; }
+    /** validation check에 사용할 정규식을 담은 객체 초기화 */
+    #regexInit(regex = null) {
+        this.#regex = (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(regex) &&
+            _nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.isObject(regex))
+            ? {
+                ...this.#regex,
+                ...regex
+            }
+            : { ...this.#regex };
+    }
+    /** el에 있는 Element들을 required check한다.  */
+    #required(el) {
+        const required = el.getAttribute('required');
+        if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(required)) {
+            if (el.type == 'radio') {
+                this.#setRadio(el);
+            }
+            else if (_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(el.value)) {
+                this.result.flag = false;
+                this.result.alertMsg = `'${required}'을/를 입력해 주세요.`;
+                this.result.el = el;
+            }
+        }
+    }
+    /** radio에 있는 Element들을 required check한다.  */
+    #requiredRadio() {
+        for (const i in this.#radio) {
+            const el = this.#radio[i][0], flag = this.#radio[i].some((...arg) => arg[0].checked);
+            if (!flag) {
+                this.result.flag = false;
+                this.result.alertMsg = `'${i}'을/를 선택해주세요.`;
+                this.result.el = el;
+                break;
+            }
+        }
+    }
+    /** el에 Element를 담는다.  */
+    #setEl(el) {
+        const pattern = el.dataset['svPattern'], date = el.dataset['svDate'];
+        if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(pattern)) {
+            if (_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(this.#el.el)) {
+                this.#el.el = [];
+            }
+            this.#el.el?.push(el);
+        }
+        if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(date)) {
+            const state = el.dataset['svDateState'];
+            switch (state) {
+                case 'S':
+                case 'E':
+                    if (_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(this.#el.date)) {
+                        this.#el.date = {};
+                    }
+                    if (_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(this.#el.date[date])) {
+                        this.#el.date[date] = {};
+                    }
+                    this.#el.date[date][state] = el;
+                    break;
+            }
+        }
+    }
+    /** `#radio`에 type이 'radio'인 Element를 담는다.  */
+    #setRadio(el) {
+        const required = el.getAttribute('required');
+        if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(required)) {
+            if (_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(this.#radio[required])) {
+                this.#radio[required] = [el];
+            }
+            else {
+                this.#radio[required].push(el);
+            }
+        }
+    }
+    /**
+     * Element들을 validation check 한다.
+     * ```
+     * -----------------------
+     * date : isDate
+     * -----------------------
+     * el : isPattern
+     * ```
+     */
+    #match() {
+        for (const i in this.#el) {
+            if (this.result.flag) {
+                switch (i) {
+                    case 'date':
+                        this.#isDate(this.#el[i]);
+                        break;
+                    case 'el':
+                        this.#isPattern(this.#el[i]);
+                        break;
+                }
+            }
+            else {
+                break;
+            }
+        }
+    }
+    /** date check */
+    #isDate(el) {
+        for (const i in el) {
+            if (this.result.flag) {
+                const sdate = el[i].S.value, edate = el[i].E.value;
+                if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(sdate) &&
+                    !_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(edate)) {
+                    const inputName = el[i].S.dataset['svInputName'] ||
+                        el[i].E.dataset['svInputName'], required = el[i].S.getAttribute('required') ||
+                        el[i].E.getAttribute('required');
+                    if ((new Date(sdate)).getTime() > (new Date(edate)).getTime()) {
+                        this.result.flag = false;
+                        this.result.alertMsg = `'${inputName || required}'의 시작일이 종료일 보다 늦습니다.`;
+                        this.result.el = el[i].S;
+                    }
+                }
+            }
+            else {
+                break;
+            }
+        }
+    }
+    /** regex check */
+    #isPattern(el) {
+        if (Array.isArray(el)) {
+            for (const i of el) {
+                const pattern = i.dataset['svPattern'], inputName = i.dataset['svInputName'], required = i.getAttribute('required'), val = i.value;
+                if (Object.keys(this.#regex).includes(pattern)) {
+                    if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(val) &&
+                        !this.#regex[pattern].test(val)) {
+                        this.result.flag = false;
+                        this.result.alertMsg = `'${inputName || required}'의 형식이 올바르지 않습니다.`;
+                        this.result.el = i;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            const pattern = el.dataset['svPattern'], inputName = el.dataset['svInputName'], required = el.getAttribute('required'), val = el.value;
+            if (Object.keys(this.#regex).includes(pattern)) {
+                if (!_nuka9510_js_util__WEBPACK_IMPORTED_MODULE_0__.JUtil.empty(val) &&
+                    !this.#regex[pattern].test(val)) {
+                    this.result.flag = false;
+                    this.result.alertMsg = `'${inputName || required}'의 형식이 올바르지 않습니다.`;
+                    this.result.el = el;
+                }
+            }
+        }
+    }
+    /** Element value의 length를 check 한다.  */
+    #length() {
+        for (const i in this.#el) {
+            if (i == 'el' &&
+                this.result.flag) {
+                for (const j of this.#el[i]) {
+                    const inputName = j.dataset['svInputName'], required = j.getAttribute('required'), val = j.value.length;
+                    if (!(j instanceof HTMLSelectElement)) {
+                        if (j.minLength >= 0 &&
+                            j.maxLength >= 0) {
+                            if (val < j.minLength ||
+                                val > j.maxLength) {
+                                this.result.flag = false;
+                                this.result.alertMsg = `'${inputName || required}'은/는 ${j.minLength}~${j.maxLength}자 이내로 입력해주세요.`;
+                                this.result.el = j;
+                                break;
+                            }
+                        }
+                        else if (j.minLength >= 0 &&
+                            j.maxLength < 0) {
+                            if (val < j.minLength) {
+                                this.result.flag = false;
+                                this.result.alertMsg = `'${inputName || required}'은/는 ${j.minLength}자 이상으로 입력해주세요.`;
+                                this.result.el = j;
+                                break;
+                            }
+                        }
+                        else if (j.minLength < 0 &&
+                            j.maxLength >= 0) {
+                            if (val > j.maxLength) {
+                                this.result.flag = false;
+                                this.result.alertMsg = `'${inputName || required}'은/는 ${j.maxLength}자 이하로 입력해주세요.`;
+                                this.result.el = j;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            else if (!this.result.flag) {
+                break;
+            }
+        }
+    }
+    /** validation을 실행한다. */
+    run(form) {
+        this.init();
+        for (const el of form.elements) {
+            if (this.result.flag) {
+                if (['INPUT', 'SELECT', 'TEXTAREA'].includes(el.tagName)) {
+                    if (!el.disabled) {
+                        this.#required(el);
+                        this.#setEl(el);
+                    }
+                }
+            }
+            else {
+                break;
+            }
+        }
+        if (this.result.flag) {
+            this.#requiredRadio();
+        }
+        if (this.result.flag) {
+            this.#match();
+        }
+        if (this.result.flag) {
+            this.#length();
+        }
+    }
+}
+
+
+/***/ }),
+/* 2 */
+/***/ ((__unused_webpack_module, exports) => {
+
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ([
+/* 0 */,
+/* 1 */
+/***/ ((__unused_webpack___webpack_module__, __nested_webpack_exports__, __nested_webpack_require_184__) => {
+
+__nested_webpack_require_184__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_184__.d(__nested_webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Util)
+/* harmony export */ });
+class Util {
+    /**
+     * 값이 비어있는지 확인한다.
+     *
+     * ```
+     * // returns true
+     * empty(undefined);
+     * empty(null);
+     * empty(0);
+     * empty('');
+     * empty([]);
+     * empty({});
+     * ```
+     */
+    static empty(
+    /** 확인할 값 */ arg) {
+        let result = [undefined, null, 0, ''].includes(arg);
+        if (!result) {
+            if (arg.constructor == Object) {
+                result = Object.keys(arg).length == 0 &&
+                    Object.keys(Object.getPrototypeOf(arg)).length == 0;
+            }
+            else if (arg.constructor == NodeList) {
+                result = arg.length == 0;
+            }
+            else if (Array.isArray(arg)) {
+                result = arg.length == 0;
+            }
+        }
+        return result;
+    }
+    /**
+     * 값이 숫자인지 확인한다.
+     *
+     * ```
+     * // returns true
+     * isNumber(1);
+     * isNumber('1');
+     *
+     * // returns false
+     * isNumber('test');
+     * isNumber('1', true);
+     * ```
+     */
+    static isNumber(
+    /** 확인할 값 */ arg, 
+    /** `true`일 경우 `arg`의 `type`도 확인 #default `false` */ strict = false) {
+        let result = !Number.isNaN(Number(arg)) &&
+            ['number', 'string'].includes(typeof arg) &&
+            !/^\s*$/.test(`${arg}`);
+        if (result &&
+            strict) {
+            result = typeof arg == 'number';
+        }
+        return result;
+    }
+    /**
+     * 해당 값이 객체인지 확인
+     *
+     * ```
+     * // returns true
+     * isObject({});
+     *
+     * // returns false
+     * isObject(undefined);
+     * isObject(null);
+     * isObject(0);
+     * isObject('');
+     * isObject([]);
+     * ```
+     */
+    static isObject(
+    /** 확인할 값 */ arg) { return arg?.constructor == Object; }
+    /**
+     * 천 단위 마다 그룹화 된 숫자 형식으로 변환한 문자열을 반환 한다.
+     *
+     * ```
+     * // returns '1,000'
+     * numberFormat(1000);
+     * numberFormat(1000.01);
+     *
+     * // returns '1,000.0'
+     * numberFormat(1000.01, 1);
+     *
+     * // returns '1,000 0'
+     * numberFormat(1000.01, 1, ' ');
+     *
+     * // returns '1.000 0'
+     * numberFormat(1000.01, 1, ' ', '.');
+     * ```
+     */
+    static numberFormat(
+    /** 변환할 숫자 */ num, 
+    /** 소숫점 아래 자리 수 #default `0` */ decimals = 0, 
+    /** 소수점 구분자 #default `'.'` */ decimalSeparator = '.', 
+    /** 천 단위 구분자 #default `','` */ thousandsSeparator = ',') {
+        const result = String(num).split('.');
+        result[0] = result[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator);
+        if (!Util.empty(result[1])) {
+            result[1] = result[1].substring(0, decimals);
+        }
+        return (!Util.empty(result[1])) ? result[0].concat(decimalSeparator, result[1]) : result[0];
+    }
+    /**
+     * 주어진 포맷에 따라 `Date`객체를 문자열로 변환
+     *
+     * ```
+     * const date = new Date(2022, 9, 27);
+     *
+     * // returns '2022-10-27'
+     * strftime(date, '%Y-%m-%d');
+     *
+     * // returns '2022/10/27'
+     * strftime(date, '%Y/%m/%d');
+     * ```
+     *
+     * `%a`: 요일을 축약된 이름으로 - Sun, Mon, …, Sat  \
+     * `%A`: 요일을 전체 이름으로 - Sunday, Monday, …, Saturday  \
+     * `%d`: 월중 일(day of the month)을 0으로 채워진 10진수로 - 01, 02, …, 31  \
+     * `%b`: 월을 축약된 이름으로 - Jan, Feb, …, Dec  \
+     * `%B`: 월을 전체 이름으로 - January, February, …, December  \
+     * `%m`: 월을 0으로 채워진 10진수로 - 01, 02, …, 12  \
+     * `%y`: 세기가 없는 해(year)를 0으로 채워진 10진수로 - 00, 01, …, 99  \
+     * `%Y`: 세기가 있는 해(year)를 10진수로 - 0001, 0002, …, 2013, 2014, …, 9998, 9999  \
+     * `%H`: 시(24시간제)를 0으로 채워진 십진수로 - 00, 01, …, 23  \
+     * `%I`: 시(12시간제)를 0으로 채워진 십진수로 - 01, 02, …, 12  \
+     * `%p`: 오전이나 오후에 해당하는 것 - AM, PM  \
+     * `%M`: 분을 0으로 채워진 십진수로 - 00, 01, …, 59  \
+     * `%S`: 초를 0으로 채워진 10진수로 - 00, 01, …, 59  \
+     * `%%`: 리터럴 '%' 문자 - %
+     */
+    static strftime(
+    /** 변환할 `Date`객체 */ date, 
+    /** 변활할 포맷 문자열 */ format) {
+        const month = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], week = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+        format = format.replace(/(%{1})/g, '\\$1');
+        format = format.replace(/(\\%){2}/g, '%');
+        format = format.replace(/\\%Y/g, String(date.getFullYear()));
+        format = format.replace(/\\%y/g, String(date.getFullYear()).replace(/^\d+(\d{2})$/, '$1'));
+        format = format.replace(/\\%B/g, month[date.getMonth()]);
+        format = format.replace(/\\%b/g, month[date.getMonth()].replace(/^(\w{3})\w*$/, '$1'));
+        format = format.replace(/\\%m/g, String(date.getMonth() + 1).replace(/^(\d{1})$/, '0$1'));
+        format = format.replace(/\\%d/g, String(date.getDate()).replace(/^(\d{1})$/, '0$1'));
+        format = format.replace(/\\%A/g, week[date.getDay()]);
+        format = format.replace(/\\%a/g, week[date.getDay()].replace(/^(\w{3})\w*$/, '$1'));
+        format = format.replace(/\\%H/g, String(date.getHours()).replace(/^(\d{1})$/, '0$1'));
+        format = format.replace(/\\%I/g, String((date.getHours() > 12) ? (date.getHours() - 12) : date.getHours()).replace(/^0$/, '12').replace(/^(\d{1})$/, '0$1'));
+        format = format.replace(/\\%p/g, (date.getHours() < 12) ? 'AM' : 'PM');
+        format = format.replace(/\\%M/g, String(date.getMinutes()).replace(/^(\d{1})$/, '0$1'));
+        format = format.replace(/\\%S/g, String(date.getSeconds()).replace(/^(\d{1})$/, '0$1'));
+        return format;
+    }
+    /**
+     * 유효한 날짜인지 확인
+     *
+     * ```
+     * // returns true
+     * checkdate(2022, 10, 28);
+     *
+     * // returns false
+     * checkdate(2022, 10, 32);
+     * ```
+     */
+    static checkdate(
+    /** 년 */ year, 
+    /** 월 */ month, 
+    /** 일 */ day) {
+        const date = new Date(year, (month - 1), day);
+        return date.getFullYear() == year &&
+            (date.getMonth() + 1) == month &&
+            date.getDate() == day;
+    }
+    /**
+     * 같은 날짜인지 비교
+     *
+     * ```
+     * const date1 = new Date();
+     * const date2 = new Date();
+     *
+     * // returns true
+     * equaldate(date1);
+     * equaldate(date1, date2);
+     *
+     * // returns false
+     * date1.setDate(date1.getDate() + 1);
+     * date2.setDate(date2.getDate() + 2);
+     * equaldate(date1);
+     * equaldate(date1, date2);
+     * ```
+     */
+    static equaldate(
+    /** 기준 날짜 */ date1, 
+    /** 비교할 날짜 #default `new Date()` */ date2 = new Date()) { return Util.strftime(date1, '%Y-%m-%d') == Util.strftime(date2, '%Y-%m-%d'); }
+    /**
+     * Date객체에서 해당 하는 요일을 반환한다.
+     *
+     * ```
+     * const date = new Date(2022, 9, 27);
+     *
+     * // returns '목요일'
+     * getWeek(date);
+     *
+     * // returns '목'
+     * getWeek(date, false);
+     * ```
+     */
+    static getWeek(
+    /** 요일을 반환할 `Date` 객체 */ date, 
+    /** 해당 요일의 약어반환 대한 구분 값 `false`일 경우 약어 반환 #default `true` */ flag = true) {
+        const week = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'], result = week[date.getDay()];
+        return (flag) ? result : result.replace(/^([ㄱ-ㅎㅏ-ㅣ가-힣]{1})[ㄱ-ㅎㅏ-ㅣ가-힣]+$/, '$1');
+    }
+    /**
+     * `Date`객체에 `interval`를 더한 값을 반환한다.
+     *
+     * ```
+     * const date = new Date(2022, 8, 27);
+     *
+     * // returns '2022-10-28'
+     * strftime(util.addDate(date, {month: 1, day: 1}), '%Y-%m-%d');
+     * ```
+     */
+    static addDate(
+    /** 기준 `Date`객체 */ date, 
+    /** `Date`객체에 계산할 `interval` */ interval) {
+        return new Date(date.getFullYear() + (Util.isNumber(interval.year, true) ? interval.year : 0), date.getMonth() + (Util.isNumber(interval.month, true) ? interval.month : 0), date.getDate() + (Util.isNumber(interval.day, true) ? interval.day : 0), date.getHours() + (Util.isNumber(interval.hour, true) ? interval.hour : 0), date.getMinutes() + (Util.isNumber(interval.minute, true) ? interval.minute : 0), date.getSeconds() + (Util.isNumber(interval.second, true) ? interval.second : 0), date.getMilliseconds() + (Util.isNumber(interval.millisecond, true) ? interval.millisecond : 0));
+    }
+    /**
+     * `Date`객체에 `interval`를 뺀 값을 반환한다.
+     *
+     * ```
+     * const date = new Date(2022, 8, 27);
+     *
+     * // returns '2022-08-26'
+     * strftime(util.subDate(date, {month: 1, day: 1}), '%Y-%m-%d');
+     * ```
+     */
+    static subDate(
+    /** 기준 `Date`객체 */ date, 
+    /** `Date`객체에 계산할 `interval` */ interval) {
+        return new Date(date.getFullYear() - (Util.isNumber(interval.year, true) ? interval.year : 0), date.getMonth() - (Util.isNumber(interval.month, true) ? interval.month : 0), date.getDate() - (Util.isNumber(interval.day, true) ? interval.day : 0), date.getHours() - (Util.isNumber(interval.hour, true) ? interval.hour : 0), date.getMinutes() - (Util.isNumber(interval.minute, true) ? interval.minute : 0), date.getSeconds() - (Util.isNumber(interval.second, true) ? interval.second : 0), date.getMilliseconds() - (Util.isNumber(interval.millisecond, true) ? interval.millisecond : 0));
+    }
+    /**
+     * xor 비교
+     *
+     * ```
+     * // returns true
+     * xor(true, false);
+     * xor(false, true);
+     *
+     * // returns false
+     * xor(true, true);
+     * xor(false, false);
+     * ```
+     */
+    static xor(
+    /** 비교할 값 1 */ arg1, 
+    /** 비교할 값 2 */ arg2) {
+        return !(arg1 && arg2) &&
+            (arg1 || arg2);
+    }
+    /**
+     * `FormDate`객체에 설정된 값을 `json`문자열로 반환 한다.
+     *
+     * ```
+     * const data = new FormData();
+     *
+     * data.append('key', value);
+     *
+     * const json = formDataToJson(data);
+     * ```
+     */
+    static formDataToJson(
+    /** `json`문자열로 반환할 `FormData`객체 */ formData) {
+        return JSON.stringify(Object.fromEntries([...new Set(formData.keys())].map((...arg) => [
+            arg[0],
+            (formData.getAll(arg[0]).length > 1)
+                ? formData.getAll(arg[0])
+                : formData.get(arg[0])
+        ])));
+    }
+    /**
+     * 기준 숫자의 백분율 값을 적용했을 경우의 값을 반환한다.
+     *
+     * ```
+     * // returns 10
+     * percentage(100, 10);
+     * ```
+     */
+    static percentage(
+    /** 기준 숫자 */ num, 
+    /** 백분율 */ per) { return num * (per / 100); }
+    /**
+     * 기준 숫자의 비율 대비 값을 반환한다.
+     *
+     * ```
+     * // returns 8
+     * // 1 : 2 = 4 : x
+     * ratio([1, 2], 4);
+     *
+     * // returns 2
+     * // 1 : 2 = x : 4
+     * ratio([1, 2], 4, false);
+     * ```
+     */
+    static ratio(
+    /** 비율 */ ratio, 
+    /** 기준 숫자 */ num, 
+    /** 비율 적용 기준 #default `true` */ flag = true) {
+        const index = flag
+            ? [1, 0]
+            : [0, 1];
+        return (num * ratio[index[0]]) / ratio[index[1]];
+    }
+    /**
+     * `x` 번째의 항이 `a`이고 공차가 `d`인 등차수열의 `n` 번째 항을 반환 한다.
+     */
+    static arithmeticSequence(
+    /** 기준 항 */ a, 
+    /** 기준 위치 `x > 0`인 정수 */ x, 
+    /** 공차 */ d, 
+    /** 반환 위치 */ n) { return a + ((n - x) * d); }
+    /**
+     * `x` 번째의 항이 `a`이고 공비가 `r`인 등비수열의 `n` 번째 항을 반환 한다.
+     */
+    static geometricSequence(
+    /** 기준 항 */ a, 
+    /** 기준 위치 `x > 0`인 정수 */ x, 
+    /** 공비 */ r, 
+    /** 반환 위치 */ n) { return (a / (r ** (x - 1))) * (r ** (n - 1)); }
+    /**
+     * `value`를 반올림(round), 내림(floor), 올림(ceil) 한 값을 반환한다.
+     */
+    static decimalAdjust(
+    /** 구분 기준 `반올림(round)`, `내림(floor)`, `올림(ceil)` */ type, 
+    /** 기준 값 */ value, 
+    /** 소숫점 아래 자리 수 #default `0` */ exp = 0) {
+        const [m, n = '0'] = value.toString().split('e'), adjustValue = Math[type](Number(`${m}e${parseInt(n) + exp}`)), [nm, nn = '0'] = adjustValue.toString().split('e');
+        return Number(`${nm}e${parseInt(nn) - exp}`);
+    }
+    /**
+     * html entity를 인코딩 한다.
+     */
+    static encodeHtmlEntity(
+    /** html entity를 인코딩 할 문자열 */ arg) {
+        const textarea = document.createElement('textarea');
+        textarea.innerText = arg;
+        return textarea.innerHTML;
+    }
+    /**
+     * html entity를 디코딩 한다.
+     */
+    static decodeHtmlEntity(
+    /** html entity를 디코딩 할 문자열 */ arg) {
+        const textarea = document.createElement('textarea');
+        textarea.innerHTML = arg;
+        return textarea.innerText;
+    }
+    /**
+     * `Object`의 `deepCopy`를 반환 한다.
+     */
+    static copy(
+    /** `deepCopy`할 `object` */ arg) {
+        if (Util.isObject(arg)) {
+            const result = {};
+            for (const i in arg) {
+                result[i] = Util.copy(arg[i]);
+            }
+            return result;
+        }
+        else if (Array.isArray(arg)) {
+            const result = [];
+            for (const i of arg) {
+                result.push(Util.copy(i));
+            }
+            return result;
+        }
+        else {
+            return arg;
+        }
+    }
+    /**
+     * `sNum` <= x <= `eNum` 범위의 배열을 반환한다.
+     */
+    static numRange(
+    /** 시작 값 */ sNum, 
+    /** 종료 값 */ eNum) {
+        let range = (eNum - sNum);
+        const flag = (range > 0);
+        range = Math.abs(range) + 1;
+        return [...new Array(range)].map((...arg) => (arg[1] * ((flag) ? 1 : -1)) + sNum);
+    }
+    /**
+     * `size`를 크기로 하는 `chunk`를 담은 배열을 반환한다.
+     */
+    static arrayChunk(
+    /** 기준 배열 */ arr, 
+    /** `chunk`의 크기 (`size > 0`인 정수) */ size) {
+        if (!Util.isNumber(size, true)) {
+            throw new TypeError("size는 숫자 타입 이어야 합니다.");
+        }
+        if (size <= 0 &&
+            Number.isInteger(size)) {
+            throw new RangeError("size는 0보다 큰 정수여야 합니다.");
+        }
+        const _arr = [];
+        Util.numRange(0, Util.decimalAdjust('ceil', arr.length / size) + ((arr.length > 0) ? -1 : 0))
+            .forEach((...arg) => { _arr.push(arr.slice(arg[0] * size, (arg[0] + 1) * size)); });
+        return _arr;
+    }
+}
+
+
+/***/ })
+/******/ 	]);
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __nested_webpack_require_14055__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_14055__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__nested_webpack_require_14055__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__nested_webpack_require_14055__.o(definition, key) && !__nested_webpack_require_14055__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__nested_webpack_require_14055__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__nested_webpack_require_14055__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __nested_webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__nested_webpack_require_14055__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_14055__.d(__nested_webpack_exports__, {
+/* harmony export */   JUtil: () => (/* reexport safe */ _util_mjs__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _util_mjs__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_14055__(1);
+
+
+
+})();
+
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __nested_webpack_exports__) __webpack_export_target__[__webpack_i__] = __nested_webpack_exports__[__webpack_i__];
+if(__nested_webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });
+/******/ })()
+;
+
+/***/ })
+/******/ 	]);
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+(() => {
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SValidation: () => (/* reexport safe */ _validation_mjs__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _validation_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+
+
+
+})();
+
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__) __webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if(__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });
+/******/ })()
+;

package/dist/index.min.js

@@ -0,0 +1 @@
+(()=>{var e={577:(e,t)=>{(()=>{"use strict";var e=[,(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});class s{static empty(e){let t=[void 0,null,0,""].includes(e);return t||(e.constructor==Object?t=0==Object.keys(e).length&&0==Object.keys(Object.getPrototypeOf(e)).length:(e.constructor==NodeList||Array.isArray(e))&&(t=0==e.length)),t}static isNumber(e,t=!1){let r=!Number.isNaN(Number(e))&&["number","string"].includes(typeof e)&&!/^\s*$/.test(`${e}`);return r&&t&&(r="number"==typeof e),r}static isObject(e){return e?.constructor==Object}static numberFormat(e,t=0,r=".",i=","){const a=String(e).split(".");return a[0]=a[0].replace(/\B(?=(\d{3})+(?!\d))/g,i),s.empty(a[1])||(a[1]=a[1].substring(0,t)),s.empty(a[1])?a[0]:a[0].concat(r,a[1])}static strftime(e,t){const r=["January","February","March","April","May","June","July","August","September","October","November","December"],s=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace(/(%{1})/g,"\\$1")).replace(/(\\%){2}/g,"%")).replace(/\\%Y/g,String(e.getFullYear()))).replace(/\\%y/g,String(e.getFullYear()).replace(/^\d+(\d{2})$/,"$1"))).replace(/\\%B/g,r[e.getMonth()])).replace(/\\%b/g,r[e.getMonth()].replace(/^(\w{3})\w*$/,"$1"))).replace(/\\%m/g,String(e.getMonth()+1).replace(/^(\d{1})$/,"0$1"))).replace(/\\%d/g,String(e.getDate()).replace(/^(\d{1})$/,"0$1"))).replace(/\\%A/g,s[e.getDay()])).replace(/\\%a/g,s[e.getDay()].replace(/^(\w{3})\w*$/,"$1"))).replace(/\\%H/g,String(e.getHours()).replace(/^(\d{1})$/,"0$1"))).replace(/\\%I/g,String(e.getHours()>12?e.getHours()-12:e.getHours()).replace(/^0$/,"12").replace(/^(\d{1})$/,"0$1"))).replace(/\\%p/g,e.getHours()<12?"AM":"PM")).replace(/\\%M/g,String(e.getMinutes()).replace(/^(\d{1})$/,"0$1"))).replace(/\\%S/g,String(e.getSeconds()).replace(/^(\d{1})$/,"0$1"))}static checkdate(e,t,r){const s=new Date(e,t-1,r);return s.getFullYear()==e&&s.getMonth()+1==t&&s.getDate()==r}static equaldate(e,t=new Date){return s.strftime(e,"%Y-%m-%d")==s.strftime(t,"%Y-%m-%d")}static getWeek(e,t=!0){const r=["일요일","월요일","화요일","수요일","목요일","금요일","토요일"][e.getDay()];return t?r:r.replace(/^([ㄱ-ㅎㅏ-ㅣ가-힣]{1})[ㄱ-ㅎㅏ-ㅣ가-힣]+$/,"$1")}static addDate(e,t){return new Date(e.getFullYear()+(s.isNumber(t.year,!0)?t.year:0),e.getMonth()+(s.isNumber(t.month,!0)?t.month:0),e.getDate()+(s.isNumber(t.day,!0)?t.day:0),e.getHours()+(s.isNumber(t.hour,!0)?t.hour:0),e.getMinutes()+(s.isNumber(t.minute,!0)?t.minute:0),e.getSeconds()+(s.isNumber(t.second,!0)?t.second:0),e.getMilliseconds()+(s.isNumber(t.millisecond,!0)?t.millisecond:0))}static subDate(e,t){return new Date(e.getFullYear()-(s.isNumber(t.year,!0)?t.year:0),e.getMonth()-(s.isNumber(t.month,!0)?t.month:0),e.getDate()-(s.isNumber(t.day,!0)?t.day:0),e.getHours()-(s.isNumber(t.hour,!0)?t.hour:0),e.getMinutes()-(s.isNumber(t.minute,!0)?t.minute:0),e.getSeconds()-(s.isNumber(t.second,!0)?t.second:0),e.getMilliseconds()-(s.isNumber(t.millisecond,!0)?t.millisecond:0))}static xor(e,t){return!(e&&t)&&(e||t)}static formDataToJson(e){return JSON.stringify(Object.fromEntries([...new Set(e.keys())].map(((...t)=>[t[0],e.getAll(t[0]).length>1?e.getAll(t[0]):e.get(t[0])]))))}static percentage(e,t){return e*(t/100)}static ratio(e,t,r=!0){const s=r?[1,0]:[0,1];return t*e[s[0]]/e[s[1]]}static arithmeticSequence(e,t,r,s){return e+(s-t)*r}static geometricSequence(e,t,r,s){return e/r**(t-1)*r**(s-1)}static decimalAdjust(e,t,r=0){const[s,i="0"]=t.toString().split("e"),a=Math[e](Number(`${s}e${parseInt(i)+r}`)),[n,l="0"]=a.toString().split("e");return Number(`${n}e${parseInt(l)-r}`)}static encodeHtmlEntity(e){const t=document.createElement("textarea");return t.innerText=e,t.innerHTML}static decodeHtmlEntity(e){const t=document.createElement("textarea");return t.innerHTML=e,t.innerText}static copy(e){if(s.isObject(e)){const t={};for(const r in e)t[r]=s.copy(e[r]);return t}if(Array.isArray(e)){const t=[];for(const r of e)t.push(s.copy(r));return t}return e}static numRange(e,t){let r=t-e;const s=r>0;return r=Math.abs(r)+1,[...new Array(r)].map(((...t)=>t[1]*(s?1:-1)+e))}static arrayChunk(e,t){if(!s.isNumber(t,!0))throw new TypeError("size는 숫자 타입 이어야 합니다.");if(t<=0&&Number.isInteger(t))throw new RangeError("size는 0보다 큰 정수여야 합니다.");const r=[];return s.numRange(0,s.decimalAdjust("ceil",e.length/t)+(e.length>0?-1:0)).forEach(((...s)=>{r.push(e.slice(s[0]*t,(s[0]+1)*t))})),r}}}],r={};function s(t){var i=r[t];if(void 0!==i)return i.exports;var a=r[t]={exports:{}};return e[t](a,a.exports,s),a.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};(()=>{s.r(i),s.d(i,{JUtil:()=>e.default});var e=s(1)})();var a=t;for(var n in i)a[n]=i[n];i.__esModule&&Object.defineProperty(a,"__esModule",{value:!0})})()}},t={};function r(s){var i=t[s];if(void 0!==i)return i.exports;var a=t[s]={exports:{}};return e[s](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var s in t)r.o(t,s)&&!r.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};(()=>{"use strict";r.r(s),r.d(s,{SValidation:()=>t});var e=r(577);class t{result;#e;#t;#r;constructor(e){this.init(e)}init(e=null){this.#s(),this.#i(),this.#a(),this.#n(e?.regex)}#s(){this.result={flag:!0,alertMsg:null,el:null}}#i(){this.#e={}}#a(){this.#t={}}#n(t=null){this.#r=!e.JUtil.empty(t)&&e.JUtil.isObject(t)?{...this.#r,...t}:{...this.#r}}#l(t){const r=t.getAttribute("required");e.JUtil.empty(r)||("radio"==t.type?this.#u(t):e.JUtil.empty(t.value)&&(this.result.flag=!1,this.result.alertMsg=`'${r}'을/를 입력해 주세요.`,this.result.el=t))}#o(){for(const e in this.#t){const t=this.#t[e][0];if(!this.#t[e].some(((...e)=>e[0].checked))){this.result.flag=!1,this.result.alertMsg=`'${e}'을/를 선택해주세요.`,this.result.el=t;break}}}#c(t){const r=t.dataset.svPattern,s=t.dataset.svDate;if(e.JUtil.empty(r)||(e.JUtil.empty(this.#e.el)&&(this.#e.el=[]),this.#e.el?.push(t)),!e.JUtil.empty(s)){const r=t.dataset.svDateState;switch(r){case"S":case"E":e.JUtil.empty(this.#e.date)&&(this.#e.date={}),e.JUtil.empty(this.#e.date[s])&&(this.#e.date[s]={}),this.#e.date[s][r]=t}}}#u(t){const r=t.getAttribute("required");e.JUtil.empty(r)||(e.JUtil.empty(this.#t[r])?this.#t[r]=[t]:this.#t[r].push(t))}#g(){for(const e in this.#e){if(!this.result.flag)break;switch(e){case"date":this.#d(this.#e[e]);break;case"el":this.#h(this.#e[e])}}}#d(t){for(const r in t){if(!this.result.flag)break;{const s=t[r].S.value,i=t[r].E.value;if(!e.JUtil.empty(s)&&!e.JUtil.empty(i)){const e=t[r].S.dataset.svInputName||t[r].E.dataset.svInputName,a=t[r].S.getAttribute("required")||t[r].E.getAttribute("required");new Date(s).getTime()>new Date(i).getTime()&&(this.result.flag=!1,this.result.alertMsg=`'${e||a}'의 시작일이 종료일 보다 늦습니다.`,this.result.el=t[r].S)}}}}#h(t){if(Array.isArray(t))for(const r of t){const t=r.dataset.svPattern,s=r.dataset.svInputName,i=r.getAttribute("required"),a=r.value;if(Object.keys(this.#r).includes(t)&&!e.JUtil.empty(a)&&!this.#r[t].test(a)){this.result.flag=!1,this.result.alertMsg=`'${s||i}'의 형식이 올바르지 않습니다.`,this.result.el=r;break}}else{const r=t.dataset.svPattern,s=t.dataset.svInputName,i=t.getAttribute("required"),a=t.value;Object.keys(this.#r).includes(r)&&(e.JUtil.empty(a)||this.#r[r].test(a)||(this.result.flag=!1,this.result.alertMsg=`'${s||i}'의 형식이 올바르지 않습니다.`,this.result.el=t))}}#m(){for(const e in this.#e)if("el"==e&&this.result.flag)for(const t of this.#e[e]){const e=t.dataset.svInputName,r=t.getAttribute("required"),s=t.value.length;if(!(t instanceof HTMLSelectElement))if(t.minLength>=0&&t.maxLength>=0){if(s<t.minLength||s>t.maxLength){this.result.flag=!1,this.result.alertMsg=`'${e||r}'은/는 ${t.minLength}~${t.maxLength}자 이내로 입력해주세요.`,this.result.el=t;break}}else if(t.minLength>=0&&t.maxLength<0){if(s<t.minLength){this.result.flag=!1,this.result.alertMsg=`'${e||r}'은/는 ${t.minLength}자 이상으로 입력해주세요.`,this.result.el=t;break}}else if(t.minLength<0&&t.maxLength>=0&&s>t.maxLength){this.result.flag=!1,this.result.alertMsg=`'${e||r}'은/는 ${t.maxLength}자 이하로 입력해주세요.`,this.result.el=t;break}}else if(!this.result.flag)break}run(e){this.init();for(const t of e.elements){if(!this.result.flag)break;["INPUT","SELECT","TEXTAREA"].includes(t.tagName)&&(t.disabled||(this.#l(t),this.#c(t)))}this.result.flag&&this.#o(),this.result.flag&&this.#g(),this.result.flag&&this.#m()}}})();var i=exports;for(var a in s)i[a]=s[a];s.__esModule&&Object.defineProperty(i,"__esModule",{value:!0})})();

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import Validation from "./validation.mjs";
+export { Validation as SValidation };

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@nuka9510/simple-validation",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "simple validation util for web front-end",
   "main": "dist/index.js",
-  "type": "module",
-  "directories": {
-    "example": "example"
-  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rm -r -f dist && tsc",
+    "build": "rm -r -f dist && tsc && webpack --config webpack.config.js",
     "postversion": "git push && git push --tag && npm publish --access=public"
   },
   "repository": {
@@ -30,6 +26,13 @@
   },
   "homepage": "https://github.com/nuka9510/simple-validation",
   "dependencies": {
-    "@nuka9510/js-util": "^1.0.25"
+    "@nuka9510/js-util": "^1.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/webpack": "^5.28.5",
+    "ts-node": "^10.9.2",
+    "webpack": "^5.99.5",
+    "webpack-cli": "^6.0.1"
   }
 }

package/src/index.mts

@@ -0,0 +1,3 @@
+import Validation from "./validation.mjs";
+
+export { Validation as SValidation };

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "checkJs": true,
+    "strictNullChecks": false,
+    "noPropertyAccessFromIndexSignature": true,
+    "noUncheckedIndexedAccess": true,
+    "moduleResolution": "node",
+    "useDefineForClassFields": true,
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "target": "ESNext",
+    "declaration": true,
+    "outDir": "dist"
+  },
+  "include": ["src/index.mts"]
+}

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-import Validation from "./validation.js";
-export { Validation as SValidation };

package/src/index.ts

@@ -1,3 +0,0 @@
-import Validation from "./validation.js";
-
-export { Validation as SValidation };