amotify 0.0.4 → 0.0.6

package/public/amotify.js

@@ -0,0 +1,310 @@
+(()=>{"use strict";var __webpack_modules__={"./node_modules/jsmin-front/dist/@types.js":
+/*!*************************************************!*\
+  !*** ./node_modules/jsmin-front/dist/@types.js ***!
+  \*************************************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./node_modules/jsmin-front/dist/@types.js')},"./src/@jsminAmotifyExtension/_.tsx":
+/*!******************************************!*\
+  !*** ./src/@jsminAmotifyExtension/_.tsx ***!
+  \******************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n__webpack_require__(/*! ./variables */ "./src/@jsminAmotifyExtension/variables.tsx");\n\n__webpack_require__(/*! ./fetch */ "./src/@jsminAmotifyExtension/fetch.tsx");\n\n__webpack_require__(/*! ./formCollect */ "./src/@jsminAmotifyExtension/formCollect.tsx");\n\n__webpack_require__(/*! ./spreadSheet */ "./src/@jsminAmotifyExtension/spreadSheet.tsx");\n\n//# sourceURL=src/./src/@jsminAmotifyExtension/_.tsx')},"./src/@jsminAmotifyExtension/fetch.tsx":
+/*!**********************************************!*\
+  !*** ./src/@jsminAmotifyExtension/fetch.tsx ***!
+  \**********************************************/function(){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator["throw"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    "throw": verb(1),\n    "return": verb(2)\n  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError("Generator is already executing.");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar fetcher = function fetcher(params, callback) {\n  return __awaiter(void 0, void 0, void 0, function () {\n    var _a, method, _b, key, _c, url, _d, trafficControl, _e, // trafficControl = 1000,\n    preventMultiRequest, _f, topLoader, _g, cornerLoader, Params, result;\n\n    return __generator(this, function (_h) {\n      switch (_h.label) {\n        case 0:\n          _a = params || {}, method = _a.method, _b = _a.key, key = _b === void 0 ? $.uuidGen(16) : _b, _c = _a.url, url = _c === void 0 ? \'\' : _c, _d = _a.trafficControl, trafficControl = _d === void 0 ? 500 : _d, _e = _a.preventMultiRequest, preventMultiRequest = _e === void 0 ? true : _e, _f = _a.topLoader, topLoader = _f === void 0 ? false : _f, _g = _a.cornerLoader, cornerLoader = _g === void 0 ? true : _g, Params = __rest(_a, ["method", "key", "url", "trafficControl", "preventMultiRequest", "topLoader", "cornerLoader"]);\n          return [4\n          /*yield*/\n          , function () {\n            return __awaiter(void 0, void 0, void 0, function () {\n              var exist, result, requestTime, CoolDownTime_1;\n              return __generator(this, function (_a) {\n                switch (_a.label) {\n                  case 0:\n                    exist = $.fetch.waitList.includes(key);\n\n                    if (preventMultiRequest && exist) {\n                      return [2\n                      /*return*/\n                      , {\n                        ok: false,\n                        status: 405,\n                        statusText: \'NoAcceptedMultiRequests\',\n                        body: \'NoAcceptedMultiRequests\',\n                        requestTime: 0,\n                        rawData: null\n                      }];\n                    }\n\n                    $.fetch.waitList = __spreadArray(__spreadArray([], __read($.fetch.waitList), false), [key], false);\n\n                    if (!url.match(/https?:/)) {\n                      url = \'/\' + url.replace(/^\\//, "");\n                      Params.headers = __assign(__assign({}, $.fetch.defaultHeaders || {}), Params.headers || {});\n                    }\n\n                    amotify.fn.Loader.fn.mini.active(params.key || \'\');\n                    !topLoader || amotify.fn.Loader.fn.top.active();\n                    !cornerLoader || amotify.fn.Loader.fn.corner.active();\n                    return [4\n                    /*yield*/\n                    , $.ajax(__assign({\n                      method: method,\n                      url: url\n                    }, Params))];\n\n                  case 1:\n                    result = _a.sent();\n                    if ($.fetch.defaultResultCallback) $.fetch.defaultResultCallback(result);\n                    if (!trafficControl) return [3\n                    /*break*/\n                    , 3];\n                    requestTime = result.requestTime;\n                    if (!(requestTime <= trafficControl)) return [3\n                    /*break*/\n                    , 3];\n                    CoolDownTime_1 = Number(trafficControl - requestTime);\n                    return [4\n                    /*yield*/\n                    , function () {\n                      result.requestTime = trafficControl;\n                      return new Promise(function (resolve, reject) {\n                        setTimeout(function () {\n                          resolve(void 0);\n                        }, CoolDownTime_1);\n                      });\n                    }()];\n\n                  case 2:\n                    _a.sent();\n\n                    _a.label = 3;\n\n                  case 3:\n                    amotify.fn.Loader.fn.mini.stop(params.key || \'\');\n                    !topLoader || amotify.fn.Loader.fn.top.stop();\n                    !cornerLoader || amotify.fn.Loader.fn.corner.stop();\n                    $.fetch.waitList.splice($.fetch.waitList.findIndex(function (a) {\n                      return a == key;\n                    }), 1);\n                    return [2\n                    /*return*/\n                    , result];\n                }\n              });\n            });\n          }()];\n\n        case 1:\n          result = _h.sent();\n          if (callback) callback(result);\n          return [2\n          /*return*/\n          , result];\n      }\n    });\n  });\n};\n\n$.fetch = {\n  get: function get(params, callback) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            return [4\n            /*yield*/\n            , fetcher(__assign(__assign({}, params), {\n              method: \'get\'\n            }), callback)];\n\n          case 1:\n            return [2\n            /*return*/\n            , _a.sent()];\n        }\n      });\n    });\n  },\n  post: function post(params, callback) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            return [4\n            /*yield*/\n            , fetcher(__assign(__assign({}, params), {\n              method: \'post\'\n            }), callback)];\n\n          case 1:\n            return [2\n            /*return*/\n            , _a.sent()];\n        }\n      });\n    });\n  },\n  options: function options(params, callback) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            return [4\n            /*yield*/\n            , fetcher(__assign(__assign({}, params), {\n              method: \'options\'\n            }), callback)];\n\n          case 1:\n            return [2\n            /*return*/\n            , _a.sent()];\n        }\n      });\n    });\n  },\n  put: function put(params, callback) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            return [4\n            /*yield*/\n            , fetcher(__assign(__assign({}, params), {\n              method: \'put\'\n            }), callback)];\n\n          case 1:\n            return [2\n            /*return*/\n            , _a.sent()];\n        }\n      });\n    });\n  },\n  waitList: [],\n  defaultHeaders: {},\n  defaultResultCallback: function defaultResultCallback(result) {\n    var status = result.status,\n        statusText = result.statusText;\n\n    if (status == 500) {\n      $.NoticeHttpStatus({\n        status: status,\n        statusText: statusText,\n        label: React.createElement(React.Fragment, null, "Internal Server Error")\n      });\n    }\n  }\n};\n\n//# sourceURL=src/./src/@jsminAmotifyExtension/fetch.tsx')},"./src/@jsminAmotifyExtension/formCollect.tsx":
+/*!****************************************************!*\
+  !*** ./src/@jsminAmotifyExtension/formCollect.tsx ***!
+  \****************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar formProcess = false;\n\n$.formCollect = function (form) {\n  return __awaiter(void 0, void 0, void 0, function () {\n    var focusElement, Inputs, totalValid, Values, index, Input, _a, componentId, componentData, _b, displayValue, name_1, checked, _c, value, _d, inputType, validation, Value, files, valid;\n\n    return __generator(this, function (_e) {\n      switch (_e.label) {\n        case 0:\n          if (formProcess) return [2\n          /*return*/\n          , {\n            valid: false,\n            data: {}\n          }];\n          focusElement = document.activeElement;\n          if (focusElement) focusElement.blur();\n          formProcess = true;\n          Inputs = $(\"[data-form=\\\"\".concat(form, \"\\\"]\")), totalValid = 1, Values = {};\n          index = 0;\n          _e.label = 1;\n\n        case 1:\n          if (!(index < Inputs.length)) return [3\n          /*break*/\n          , 5];\n          Input = Inputs[index];\n          _a = Input.dataset.componentId, componentId = _a === void 0 ? '' : _a;\n          componentData = _global_1.useStore.get(componentId);\n          if (!(componentData && componentData.Refresh)) return [3\n          /*break*/\n          , 3];\n          return [4\n          /*yield*/\n          , componentData.Refresh()];\n\n        case 2:\n          _e.sent();\n\n          _e.label = 3;\n\n        case 3:\n          _b = Inputs[index], displayValue = _b.value, name_1 = _b.name, checked = _b.checked, _c = _b.dataset, value = _c.value, _d = _c.inputType, inputType = _d === void 0 ? '' : _d, validation = _c.validation;\n          Value = value;\n          validation = Number((validation !== null && validation !== void 0 ? validation : 'true') == 'true');\n\n          if (inputType == 'hidden') {\n            if (Value) Value = JSON.parse(Value);\n          } else if (['radio', 'checkbox', 'checker'].includes(inputType)) {\n            if (Value) {\n              Value = JSON.parse(Value);\n\n              if ($.is.array(Value)) {\n                Value = Value.map(function (v) {\n                  return JSON.parse(v);\n                });\n              } else {\n                Value = JSON.parse(Value);\n              }\n\n              if (inputType == 'radio') {\n                Value = Value[0];\n              }\n\n              if (inputType == 'checker') {\n                Value = Boolean(Value[0]);\n              }\n            }\n          } else if (['chips-single', 'chips-multi'].includes(inputType)) {\n            Value = JSON.parse(Value);\n\n            if (Value.length) {\n              if (inputType == 'chips-single') Value = Value[0];\n            }\n          } else if (inputType == 'time') {\n            if (Value) Value = JSON.parse(Value);\n          } else if (inputType == 'select') {\n            if (Value) Value = JSON.parse(Value);\n          } else if (inputType == 'file') {\n            if (componentData) {\n              files = componentData.Files;\n              Value = files;\n            }\n          } else if (inputType == 'slider') {\n            if (Value) Value = JSON.parse(Value);\n          } else if (inputType == 'switch') {\n            Value = checked | 0;\n          }\n\n          valid = (validation !== null && validation !== void 0 ? validation : 1) | 0;\n          totalValid &= valid;\n          if (validation) Values[name_1] = Value;\n          _e.label = 4;\n\n        case 4:\n          index++;\n          return [3\n          /*break*/\n          , 1];\n\n        case 5:\n          formProcess = false;\n          return [2\n          /*return*/\n          , {\n            valid: Boolean(totalValid),\n            data: Values\n          }];\n      }\n    });\n  });\n};\n\n//# sourceURL=src/./src/@jsminAmotifyExtension/formCollect.tsx")},"./src/@jsminAmotifyExtension/spreadSheet.tsx":
+/*!****************************************************!*\
+  !*** ./src/@jsminAmotifyExtension/spreadSheet.tsx ***!
+  \****************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator["throw"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    "throw": verb(1),\n    "return": verb(2)\n  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError("Generator is already executing.");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === "function" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === "number") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\nvar launch_1 = __webpack_require__(/*! ../launch */ "./src/launch.tsx");\n\n{\n  var D_1 = function D_1(wb, fn) {\n    return new D_1.fn.SpreadSheet(wb, fn);\n  };\n\n  D_1.fn = D_1.prototype = {};\n  $.extend({\n    SpreadSheet: function SpreadSheet(workbook, fileName) {\n      this.workbook = workbook;\n      this.fileName = fileName;\n      return this;\n    },\n    getWorkbook: function getWorkbook() {\n      return this.workbook;\n    },\n    updateFileName: function updateFileName(fileName) {\n      this.fileName = fileName;\n      return this;\n    },\n    updateMerges: function updateMerges(merges) {\n      var _this = this;\n\n      var json = this.toJson();\n      json.sheets.forEach(function (sheet, index) {\n        var e_1, _a;\n\n        var sheetMerges = merges[index];\n\n        var worksheet = _this.workbook.getWorksheet(sheet.sheetName);\n\n        try {\n          for (var sheetMerges_1 = __values(sheetMerges), sheetMerges_1_1 = sheetMerges_1.next(); !sheetMerges_1_1.done; sheetMerges_1_1 = sheetMerges_1.next()) {\n            var _b = __read(sheetMerges_1_1.value, 2),\n                from = _b[0],\n                to = _b[1];\n\n            if (from && to) worksheet.mergeCells(from + \':\' + to);\n          }\n        } catch (e_1_1) {\n          e_1 = {\n            error: e_1_1\n          };\n        } finally {\n          try {\n            if (sheetMerges_1_1 && !sheetMerges_1_1.done && (_a = sheetMerges_1["return"])) _a.call(sheetMerges_1);\n          } finally {\n            if (e_1) throw e_1.error;\n          }\n        }\n      });\n    },\n    updateStyles: function updateStyles(styles) {\n      var _this = this;\n\n      var json = this.toJson();\n      json.sheets.forEach(function (sheet, index) {\n        var e_2, _a, e_3, _b, e_4, _c;\n\n        var sheetStyles = styles[index];\n\n        var worksheet = _this.workbook.getWorksheet(sheet.sheetName);\n\n        try {\n          for (var sheetStyles_1 = __values(sheetStyles), sheetStyles_1_1 = sheetStyles_1.next(); !sheetStyles_1_1.done; sheetStyles_1_1 = sheetStyles_1.next()) {\n            var style = sheetStyles_1_1.value;\n            var type = style.type,\n                target = style.target,\n                values = style.values;\n            var Targets = $.flatArray(target);\n\n            try {\n              for (var _d = (e_3 = void 0, __values(Object.entries(values))), _e = _d.next(); !_e.done; _e = _d.next()) {\n                var _f = __read(_e.value, 2),\n                    key = _f[0],\n                    value = _f[1];\n\n                try {\n                  for (var Targets_1 = (e_4 = void 0, __values(Targets)), Targets_1_1 = Targets_1.next(); !Targets_1_1.done; Targets_1_1 = Targets_1.next()) {\n                    var Target = Targets_1_1.value;\n                    worksheet[\'get\' + type.toCapital()](Target)[key] = value;\n                  }\n                } catch (e_4_1) {\n                  e_4 = {\n                    error: e_4_1\n                  };\n                } finally {\n                  try {\n                    if (Targets_1_1 && !Targets_1_1.done && (_c = Targets_1["return"])) _c.call(Targets_1);\n                  } finally {\n                    if (e_4) throw e_4.error;\n                  }\n                }\n              }\n            } catch (e_3_1) {\n              e_3 = {\n                error: e_3_1\n              };\n            } finally {\n              try {\n                if (_e && !_e.done && (_b = _d["return"])) _b.call(_d);\n              } finally {\n                if (e_3) throw e_3.error;\n              }\n            }\n          }\n        } catch (e_2_1) {\n          e_2 = {\n            error: e_2_1\n          };\n        } finally {\n          try {\n            if (sheetStyles_1_1 && !sheetStyles_1_1.done && (_a = sheetStyles_1["return"])) _a.call(sheetStyles_1);\n          } finally {\n            if (e_2) throw e_2.error;\n          }\n        }\n      });\n    },\n    toJson: function toJson() {\n      var json = {\n        fileName: this.fileName,\n        sheets: []\n      };\n      this.workbook.eachSheet(function (sheet, id) {\n        var sheetJson = {\n          sheetName: sheet.name,\n          rows: []\n        };\n        sheet.eachRow(function (row, rowIndex) {\n          var _a = __read(row.values),\n              emp = _a[0],\n              values = _a.slice(1);\n\n          sheetJson.rows.push(values);\n        });\n        json.sheets.push(sheetJson);\n      });\n      return json;\n    },\n    "export": function _export(fileType) {\n      return __awaiter(this, void 0, void 0, function () {\n        var uint8Array, blob, dummyAnchor;\n        return __generator(this, function (_a) {\n          switch (_a.label) {\n            case 0:\n              fileType = fileType || \'xlsx\';\n              return [4\n              /*yield*/\n              , this.workbook[fileType].writeBuffer()];\n\n            case 1:\n              uint8Array = _a.sent();\n              blob = new Blob([uint8Array], {\n                type: \'application/octet-binary\'\n              });\n              dummyAnchor = document.createElement(\'a\');\n              dummyAnchor.href = (window.URL || window.webkitURL).createObjectURL(blob);\n              dummyAnchor.download = this.fileName + \'.\' + fileType;\n              dummyAnchor.click();\n              dummyAnchor.remove();\n              return [2\n              /*return*/\n              ];\n          }\n        });\n      });\n    }\n  }, D_1);\n  D_1.fn.SpreadSheet.prototype = D_1.fn;\n  D_1.fn.SpreadSheet.prototype.constructor = D_1;\n  $.spreadSheet = {\n    readFromFile: function readFromFile(file) {\n      return __awaiter(void 0, void 0, void 0, function () {\n        var workbook, readFile, buffer, fileName, _a;\n\n        return __generator(this, function (_b) {\n          switch (_b.label) {\n            case 0:\n              if (!!window.ExcelJS) return [3\n              /*break*/\n              , 2];\n              return [4\n              /*yield*/\n              , amotify.config.readExtraCDN(launch_1.publicURI + \'@env/@foreign/exceljs.min.js\')];\n\n            case 1:\n              _b.sent();\n\n              _b.label = 2;\n\n            case 2:\n              if (!window.ExcelJS) return [2\n              /*return*/\n              ];\n              workbook = new ExcelJS.Workbook();\n              return [4\n              /*yield*/\n              , file.read(\'binaryString\')];\n\n            case 3:\n              readFile = _b.sent();\n              buffer = readFile.target.result;\n              fileName = file.name.replace(/\\.[^/.]+$/, \'\');\n              _a = D_1;\n              return [4\n              /*yield*/\n              , workbook.xlsx.load(buffer)];\n\n            case 4:\n              return [2\n              /*return*/\n              , _a.apply(void 0, [_b.sent(), fileName])];\n          }\n        });\n      });\n    },\n    readFromJson: function readFromJson(params) {\n      return __awaiter(void 0, void 0, void 0, function () {\n        var sheets, _a, fileName, workbook;\n\n        return __generator(this, function (_b) {\n          switch (_b.label) {\n            case 0:\n              if (!!window.ExcelJS) return [3\n              /*break*/\n              , 2];\n              return [4\n              /*yield*/\n              , amotify.config.readExtraCDN(launch_1.publicURI + \'@env/@foreign/exceljs.min.js\')];\n\n            case 1:\n              _b.sent();\n\n              _b.label = 2;\n\n            case 2:\n              if (!window.ExcelJS) return [2\n              /*return*/\n              ];\n              sheets = params.sheets, _a = params.fileName, fileName = _a === void 0 ? \'\' : _a;\n              fileName = fileName || $.uuidGen();\n              workbook = new ExcelJS.Workbook();\n              sheets.forEach(function (sheet, index) {\n                var e_5, _a, e_6, _b, e_7, _c, e_8, _d;\n\n                var sheetName = sheet.sheetName,\n                    _e = sheet.headers,\n                    headers = _e === void 0 ? [] : _e,\n                    rows = sheet.rows,\n                    _f = sheet.merges,\n                    merges = _f === void 0 ? [] : _f,\n                    _g = sheet.styles,\n                    styles = _g === void 0 ? [] : _g;\n                sheetName = sheetName || \'シート\' + (index + 1);\n                workbook.addWorksheet(sheetName);\n                var worksheet = workbook.getWorksheet(sheetName);\n                var Headers = headers.map(function (header, index) {\n                  var key = header.key,\n                      value = header.value;\n                  return {\n                    key: key,\n                    header: value\n                  };\n                });\n                worksheet.columns = Headers;\n                worksheet.addRows(rows);\n\n                try {\n                  for (var merges_1 = __values(merges), merges_1_1 = merges_1.next(); !merges_1_1.done; merges_1_1 = merges_1.next()) {\n                    var _h = __read(merges_1_1.value, 2),\n                        from = _h[0],\n                        to = _h[1];\n\n                    if (from && to) worksheet.mergeCells(from + \':\' + to);\n                  }\n                } catch (e_5_1) {\n                  e_5 = {\n                    error: e_5_1\n                  };\n                } finally {\n                  try {\n                    if (merges_1_1 && !merges_1_1.done && (_a = merges_1["return"])) _a.call(merges_1);\n                  } finally {\n                    if (e_5) throw e_5.error;\n                  }\n                }\n\n                try {\n                  for (var styles_1 = __values(styles), styles_1_1 = styles_1.next(); !styles_1_1.done; styles_1_1 = styles_1.next()) {\n                    var style = styles_1_1.value;\n                    var type = style.type,\n                        target = style.target,\n                        values = style.values;\n                    var Targets = $.flatArray(target);\n\n                    try {\n                      for (var _j = (e_7 = void 0, __values(Object.entries(values))), _k = _j.next(); !_k.done; _k = _j.next()) {\n                        var _l = __read(_k.value, 2),\n                            key = _l[0],\n                            value = _l[1];\n\n                        try {\n                          for (var Targets_2 = (e_8 = void 0, __values(Targets)), Targets_2_1 = Targets_2.next(); !Targets_2_1.done; Targets_2_1 = Targets_2.next()) {\n                            var Target = Targets_2_1.value;\n                            worksheet[\'get\' + type.toCapital()](Target)[key] = value;\n                          }\n                        } catch (e_8_1) {\n                          e_8 = {\n                            error: e_8_1\n                          };\n                        } finally {\n                          try {\n                            if (Targets_2_1 && !Targets_2_1.done && (_d = Targets_2["return"])) _d.call(Targets_2);\n                          } finally {\n                            if (e_8) throw e_8.error;\n                          }\n                        }\n                      }\n                    } catch (e_7_1) {\n                      e_7 = {\n                        error: e_7_1\n                      };\n                    } finally {\n                      try {\n                        if (_k && !_k.done && (_c = _j["return"])) _c.call(_j);\n                      } finally {\n                        if (e_7) throw e_7.error;\n                      }\n                    }\n                  }\n                } catch (e_6_1) {\n                  e_6 = {\n                    error: e_6_1\n                  };\n                } finally {\n                  try {\n                    if (styles_1_1 && !styles_1_1.done && (_b = styles_1["return"])) _b.call(styles_1);\n                  } finally {\n                    if (e_6) throw e_6.error;\n                  }\n                }\n              });\n              return [2\n              /*return*/\n              , D_1(workbook, fileName)];\n          }\n        });\n      });\n    }\n  };\n}\n\n//# sourceURL=src/./src/@jsminAmotifyExtension/spreadSheet.tsx')},"./src/@jsminAmotifyExtension/variables.tsx":
+/*!**************************************************!*\
+  !*** ./src/@jsminAmotifyExtension/variables.tsx ***!
+  \**************************************************/function(){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n$.NoticeHttpStatus = function (params) {\n  var status = params.status,\n      statusText = params.statusText,\n      label = params.label,\n      others = __rest(params, [\"status\", \"statusText\", \"label\"]);\n\n  if (status >= 400) {\n    others = __assign({\n      backgroundColor: 'nega'\n    }, others);\n  }\n\n  amotify.fn.SnackBar.add(__assign({\n    children: React.createElement(amotify.atoms.Box, null, React.createElement(amotify.mols.Text.Paragraph, null, \"\\u901A\\u4FE1\\u30B9\\u30C6\\u30FC\\u30BF\\u30B9 : \", status, \" \", statusText), React.createElement(amotify.mols.Text.Normal, null, label))\n  }, others));\n};\n\n$.copyToClipboard = function (rawData) {\n  return __awaiter(void 0, void 0, void 0, function () {\n    var data, response;\n    return __generator(this, function (_a) {\n      switch (_a.label) {\n        case 0:\n          data = '';\n          if ($.is.string(rawData)) data = rawData;else if ($.is[\"function\"](rawData)) data = rawData();\n          response = {\n            ok: false,\n            body: 'NotSupported'\n          };\n          return [4\n          /*yield*/\n          , function () {\n            return __awaiter(void 0, void 0, void 0, function () {\n              var result, input;\n              return __generator(this, function (_a) {\n                switch (_a.label) {\n                  case 0:\n                    if (!navigator.clipboard) return [3\n                    /*break*/\n                    , 2];\n                    return [4\n                    /*yield*/\n                    , navigator.clipboard.writeText(data).then(function () {\n                      return true;\n                    }, function () {\n                      return false;\n                    })];\n\n                  case 1:\n                    result = _a.sent();\n                    if (!result) return [2\n                    /*return*/\n                    ];\n                    return [3\n                    /*break*/\n                    , 3];\n\n                  case 2:\n                    input = document.createElement('input');\n                    $(document.body).append(input);\n                    input.value = data;\n                    input.select();\n                    result = document.execCommand('copy');\n                    document.body.removeChild(input);\n                    if (!result) return [2\n                    /*return*/\n                    ];\n                    _a.label = 3;\n\n                  case 3:\n                    amotify.fn.SnackBar.add({\n                      children: 'クリップボードにコピーしました'\n                    });\n                    response = {\n                      ok: true,\n                      body: ''\n                    };\n                    return [2\n                    /*return*/\n                    ];\n                }\n              });\n            });\n          }()];\n\n        case 1:\n          _a.sent();\n\n          return [2\n          /*return*/\n          , response];\n      }\n    });\n  });\n};\n\n$.isJSXElement = function (v) {\n  return v.$$typeof === Symbol[\"for\"]('react.element');\n};\n\n$.getCurrentLocation = function () {\n  return new Promise(function (resolve, reject) {\n    navigator.geolocation.getCurrentPosition(function (position) {\n      var _a = position.coords,\n          latitude = _a.latitude,\n          longitude = _a.longitude;\n      resolve({\n        ok: true,\n        status: 200,\n        body: {\n          lat: latitude,\n          lng: longitude\n        }\n      });\n    }, function (error) {\n      resolve({\n        ok: false,\n        status: 500,\n        body: {\n          reason: error\n        }\n      });\n    });\n  });\n};\n\n$.CDNReader = function (url) {\n  return new Promise(function (resolve, reject) {\n    var tag = document.createElement('script');\n    tag.src = url;\n    tag.addEventListener('load', function () {\n      resolve('OK');\n    });\n    $(document.body).append(tag);\n  });\n};\n\n$.ImageLoader = function (dataUrl, img) {\n  return new Promise(function (resolve, reject) {\n    var Img = img ? img : new Image();\n\n    Img.onload = function () {\n      return resolve(Img);\n    };\n\n    Img.onerror = function (e) {\n      return reject(e);\n    };\n\n    Img.src = dataUrl;\n  });\n};\n\n$.extend({\n  zen2hanNumber: function zen2hanNumber() {\n    return this.replace(/[０-９]/g, function (s) {\n      return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);\n    }).replace(/[-－﹣−‐⁃‑‒–—﹘―⎯⏤ーｰ─━]/g, '-').replace(/￥/, '¥').replace(/、/, ',').replace(/（/, '(').replace(/）/, ')').replace(/＋/, '+');\n  }\n}, String);\n\n//# sourceURL=src/./src/@jsminAmotifyExtension/variables.tsx")},"./src/@types/_.tsx":
+/*!**************************!*\
+  !*** ./src/@types/_.tsx ***!
+  \**************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n__webpack_require__(/*! ./module */ "./src/@types/module.tsx");\n\n__webpack_require__(/*! ./state */ "./src/@types/state.tsx");\n\n__webpack_require__(/*! ./amot */ "./src/@types/amot.tsx");\n\n__webpack_require__(/*! ./index */ "./src/@types/index.tsx");\n\n__webpack_require__(/*! ./fn */ "./src/@types/fn.tsx");\n\n__webpack_require__(/*! ./jsminAmotifyExtension */ "./src/@types/jsminAmotifyExtension.tsx");\n\n//# sourceURL=src/./src/@types/_.tsx')},"./src/@types/amot.tsx":
+/*!*****************************!*\
+  !*** ./src/@types/amot.tsx ***!
+  \*****************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./src/@types/amot.tsx')},"./src/@types/fn.tsx":
+/*!***************************!*\
+  !*** ./src/@types/fn.tsx ***!
+  \***************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./src/@types/fn.tsx')},"./src/@types/index.tsx":
+/*!******************************!*\
+  !*** ./src/@types/index.tsx ***!
+  \******************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./src/@types/index.tsx')},"./src/@types/jsminAmotifyExtension.tsx":
+/*!**********************************************!*\
+  !*** ./src/@types/jsminAmotifyExtension.tsx ***!
+  \**********************************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./src/@types/jsminAmotifyExtension.tsx')},"./src/@types/module.tsx":
+/*!*******************************!*\
+  !*** ./src/@types/module.tsx ***!
+  \*******************************/()=>{eval("\n\n//# sourceURL=src/./src/@types/module.tsx")},"./src/@types/state.tsx":
+/*!******************************!*\
+  !*** ./src/@types/state.tsx ***!
+  \******************************/(__unused_webpack_module,exports)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\n\n//# sourceURL=src/./src/@types/state.tsx')},"./src/Atoms/@export.tsx":
+/*!*******************************!*\
+  !*** ./src/Atoms/@export.tsx ***!
+  \*******************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Img = exports.Paragraph = exports.Span = exports.Box = exports.Logo = exports.Grid = exports.Placeholder = exports.FAIcon = exports.FlexBr = exports.Flex = void 0;\n\nvar parts_1 = __webpack_require__(/*! ./Various/parts */ "./src/Atoms/Various/parts.tsx");\n\nObject.defineProperty(exports, "Box", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Box;\n  }\n}));\nObject.defineProperty(exports, "Span", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Span;\n  }\n}));\nObject.defineProperty(exports, "Img", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Img;\n  }\n}));\nObject.defineProperty(exports, "Flex", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Flex;\n  }\n}));\nObject.defineProperty(exports, "FlexBr", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.FlexBr;\n  }\n}));\nObject.defineProperty(exports, "Grid", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Grid;\n  }\n}));\nObject.defineProperty(exports, "Paragraph", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Paragraph;\n  }\n}));\nObject.defineProperty(exports, "Placeholder", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Placeholder;\n  }\n}));\n\nvar parts_2 = __webpack_require__(/*! ./FAIcon/parts */ "./src/Atoms/FAIcon/parts.tsx");\n\nObject.defineProperty(exports, "FAIcon", ({\n  enumerable: true,\n  get: function get() {\n    return parts_2.FAIcon;\n  }\n}));\n\nvar parts_3 = __webpack_require__(/*! ./Logo/parts */ "./src/Atoms/Logo/parts.tsx");\n\nObject.defineProperty(exports, "Logo", ({\n  enumerable: true,\n  get: function get() {\n    return parts_3.Logo;\n  }\n}));\n\n//# sourceURL=src/./src/Atoms/@export.tsx')},"./src/Atoms/FAIcon/parts.tsx":
+/*!************************************!*\
+  !*** ./src/Atoms/FAIcon/parts.tsx ***!
+  \************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nvar e_1, _a;\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FAIcon = void 0;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Atoms/FAIcon/style.module.scss\"));\n\nvar parts_1 = __webpack_require__(/*! ../Various/parts */ \"./src/Atoms/Various/parts.tsx\");\n\nvar FaIconComp = function FaIconComp(params) {\n  var _a = params.iconAnimation,\n      iconAnimation = _a === void 0 ? false : _a,\n      iconFamily = params.iconFamily,\n      isSolidIcon = params.isSolidIcon,\n      isRegularIcon = params.isRegularIcon,\n      isLightIcon = params.isLightIcon,\n      isThinIcon = params.isThinIcon,\n      isDuotoneIcon = params.isDuotoneIcon,\n      _b = params.isBrandIcon,\n      isBrandIcon = _b === void 0 ? false : _b,\n      _c = params.d,\n      d = _c === void 0 ? 'image-slash' : _c,\n      others = __rest(params, [\"iconAnimation\", \"iconFamily\", \"isSolidIcon\", \"isRegularIcon\", \"isLightIcon\", \"isThinIcon\", \"isDuotoneIcon\", \"isBrandIcon\", \"d\"]);\n\n  var ClassNames = [style_module_scss_1[\"default\"].FAIcon, 'fa-' + d, 'fa-fw'];\n\n  if (!isBrandIcon) {\n    var tone = amotify.config.tone;\n    if (!isSolidIcon && !isRegularIcon && !isLightIcon && !isThinIcon && !isDuotoneIcon) isRegularIcon = true;\n\n    if (tone == 'default') {} else if (tone == 'sharp') {\n      iconFamily = iconFamily || 'sharp';\n    }\n\n    var iconStyle = isSolidIcon ? 'solid' : isRegularIcon ? 'regular' : isLightIcon ? 'light' : isThinIcon ? 'thin' : isDuotoneIcon ? 'duotone' : 'regular';\n    iconFamily = iconFamily || 'classic';\n    if (iconAnimation == 'spin-reverse') iconAnimation = 'spin fa-spin-reverse';\n    ClassNames = __spreadArray(['fa-' + iconFamily, 'fa-' + iconStyle], __read(ClassNames), false);\n    if (iconAnimation) ClassNames.push('fa-' + iconAnimation);\n  } else {\n    ClassNames = __spreadArray(['fa-brands'], __read(ClassNames), false);\n  }\n\n  return React.createElement(parts_1.Box, __assign({\n    verticalAlign: 'center',\n    horizontalAlign: 'center'\n  }, others, {\n    freeCSS: __assign({\n      display: 'inline-flex'\n    }, others.freeCSS)\n  }), React.createElement(\"i\", {\n    className: ClassNames.join(' ')\n  }));\n};\n\nvar FAIcon = FaIconComp;\nexports.FAIcon = FAIcon;\nvar shortKeys = ['user', 'times', 'descktop', 'angle-right', 'angle-left', 'angle-up', 'angle-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevron-down', 'caret-left', 'caretRight', 'caret-up', 'caret-down', 'arrow-left', 'arrow-right', 'arrow-up', 'arrow-down', 'rotate', 'rotate-left', 'rotate-right', 'redo', 'play', 'pause', 'stop', 'forward-step', 'backward-step', 'check', 'check-circle', 'question', 'question-circle', 'exclamation', 'exclamation-triangle', 'home', 'share', 'volume', 'search', 'yen-sign', 'heart', 'star', 'edit', 'pen', 'copy', 'files', 'file', 'backspace', 'trash-alt', 'bars', 'download', 'link', 'link-slash', 'external-link-alt', 'gear', 'plus', 'minus', 'equals', 'calculator', 'image', 'badge-percent'];\n\nvar _loop_1 = function _loop_1(key) {\n  FAIcon[key.toCapital()] = function (params) {\n    return React.createElement(FaIconComp, __assign({\n      d: key\n    }, params));\n  };\n};\n\ntry {\n  for (var shortKeys_1 = __values(shortKeys), shortKeys_1_1 = shortKeys_1.next(); !shortKeys_1_1.done; shortKeys_1_1 = shortKeys_1.next()) {\n    var key = shortKeys_1_1.value;\n\n    _loop_1(key);\n  }\n} catch (e_1_1) {\n  e_1 = {\n    error: e_1_1\n  };\n} finally {\n  try {\n    if (shortKeys_1_1 && !shortKeys_1_1.done && (_a = shortKeys_1[\"return\"])) _a.call(shortKeys_1);\n  } finally {\n    if (e_1) throw e_1.error;\n  }\n}\n\n//# sourceURL=src/./src/Atoms/FAIcon/parts.tsx")},"./src/Atoms/Logo/parts.tsx":
+/*!**********************************!*\
+  !*** ./src/Atoms/Logo/parts.tsx ***!
+  \**********************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Logo = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Atoms/Logo/style.module.scss"));\n\nvar launch_1 = __webpack_require__(/*! ../../launch */ "./src/launch.tsx");\n\nvar SVG = {\n  ComunIcon: function ComunIcon() {\n    return React.createElement("svg", {\n      viewBox: "0,0,1200,1200",\n      className: style_module_scss_1["default"].ComunIcon\n    }, React.createElement("g", null, React.createElement("path", {\n      d: \'\\n        M\\n        100,600\\n        A 500,500 0 0,0 600,1100\\n        A 100,100 0 0,0 600,900\\n        A 300,300 0 0,1 300,600\\n        A 100,100 0 0,0 100,600\\n        Z\\n        \',\n      className: style_module_scss_1["default"].P1,\n      style: {\n        opacity: .9,\n        fill: \'#16a3ec\'\n      }\n    }), React.createElement("path", {\n      d: \'\\n        M\\n        600,1100\\n        A 500,500 0 0,0 1100,600\\n        A 100,100 0 0,0 900,600\\n        A 300,300 0 0,1 600,900\\n        A 100,100 0 1,0 600,1100\\n        Z\\n        \',\n      className: style_module_scss_1["default"].P2,\n      style: {\n        opacity: .9,\n        fill: \'#ea6093\'\n      }\n    }), React.createElement("path", {\n      d: \'\\n        M\\n        600,100\\n        A 500,500 0 0,0 100,600\\n        A 100,100 0 0,0 300,600\\n        A 300,300 0 0,1 600,300\\n        A 100,100 0 0,0 600,100\\n        Z\\n        \',\n      className: style_module_scss_1["default"].P3,\n      style: {\n        opacity: .9,\n        fill: \'#387cfe\'\n      }\n    }), React.createElement("path", {\n      d: \'\\n        M\\n        600,100\\n        A 100,100 0 0,1 700,200\\n        A 300,300 0 0,0 1000,500\\n        A 100,100 0 0,1 1100,600\\n        A 100,100 0 0,1 1000,700\\n        A 500,500 0 0,1 500,200\\n        A 100,100 0 0,1 600,100\\n        Z\\n        \',\n      className: style_module_scss_1["default"].P4,\n      style: {\n        opacity: .9,\n        fill: \'#9a66ff\'\n      }\n    })));\n  },\n  MingooIcon: function MingooIcon() {\n    var CircleSet = function CircleSet(p) {\n      return React.createElement(React.Fragment, null, React.createElement("path", {\n        d: \'\\n            M\\n            600,100\\n            A 80,80 0 0,1 600,260\\n            A 80,80 0 0,1 600,100\\n            L600,600\\n            L600,300\\n            Z\\n            \',\n        className: [style_module_scss_1["default"].OuterCircle, style_module_scss_1["default"].P, style_module_scss_1["default"][\'P_\' + p]].join(\' \'),\n        style: {\n          fill: \'#c56ff0\' // fill: \'#9a66ff\'\n\n        }\n      }), React.createElement("path", {\n        d: \'\\n            M\\n            600,300\\n            A 45,45 0 0,1 600,390\\n            A 45,45 0 0,1 600,300\\n            L600,600\\n            L600,300\\n            Z\\n            \',\n        className: [style_module_scss_1["default"].InnerCircle, style_module_scss_1["default"].P, style_module_scss_1["default"][\'P_\' + p]].join(\' \'),\n        style: {\n          fill: \'#ea6093\' // fill: \'#ffa500\'\n\n        }\n      }));\n    };\n\n    return React.createElement("svg", {\n      viewBox: "0,0,1200,1200",\n      className: style_module_scss_1["default"].MingooIcon\n    }, CircleSet(0), CircleSet(1), CircleSet(2), CircleSet(3), CircleSet(4), CircleSet(5), CircleSet(6), CircleSet(7), CircleSet(8));\n  }\n};\nvar Mingoos = {\n  Icon: function Icon(params) {\n    return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(SVG.MingooIcon, null));\n  },\n  Title: function Title(params) {\n    return React.createElement(exports.Logo.Title, __assign({\n      height: \'auto\',\n      className: style_module_scss_1["default"].ComunTitle\n    }, params, {\n      freeCSS: __assign({\n        letterSpacing: \'3px\'\n      }, params.freeCSS)\n    }), "mingoo");\n  },\n  LogoH: function LogoH(params) {\n    var size = params.size,\n        color = params.color,\n        others = __rest(params, ["size", "color"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      gap: \'1/2\',\n      flexCenter: true\n    }, others), React.createElement(Mingoos.Icon, {\n      size: size,\n      color: color\n    }), React.createElement(Mingoos.Title, {\n      size: size,\n      color: color\n    }));\n  },\n  LogoV: function LogoV(params) {\n    var size = params.size,\n        color = params.color,\n        others = __rest(params, ["size", "color"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      flexType: "col",\n      gap: \'1/2\'\n    }, others), React.createElement(Mingoos.Icon, {\n      margin: \'auto\',\n      size: size,\n      color: color\n    }), React.createElement(Mingoos.Title, {\n      size: size,\n      color: color\n    }));\n  }\n};\nvar Comuns = {\n  Icon: function Icon(params) {\n    return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(SVG.ComunIcon, null));\n  },\n  Title: function Title(params) {\n    return React.createElement(exports.Logo.Title, __assign({\n      height: \'auto\',\n      className: style_module_scss_1["default"].ComunTitle\n    }, params, {\n      freeCSS: __assign({\n        letterSpacing: \'3px\'\n      }, params.freeCSS)\n    }), "comun");\n  },\n  LogoH: function LogoH(params) {\n    var size = params.size,\n        color = params.color,\n        others = __rest(params, ["size", "color"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      gap: \'1/2\',\n      flexCenter: true\n    }, others), React.createElement(Comuns.Icon, {\n      size: size,\n      color: color\n    }), React.createElement(Comuns.Title, {\n      size: size,\n      color: color\n    }));\n  },\n  LogoV: function LogoV(params) {\n    var size = params.size,\n        color = params.color,\n        others = __rest(params, ["size", "color"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      flexType: "col",\n      gap: \'1/2\'\n    }, others), React.createElement(Comuns.Icon, {\n      margin: \'auto\',\n      size: size,\n      color: color\n    }), React.createElement(Comuns.Title, {\n      size: size,\n      color: color\n    }));\n  }\n};\nexports.Logo = {\n  Icon: function Icon(props) {\n    var _a = props.size,\n        size = _a === void 0 ? \'R\' : _a,\n        _b = props.color,\n        color = _b === void 0 ? \'normal\' : _b,\n        _c = props.className,\n        className = _c === void 0 ? \'\' : _c,\n        Children = props.children,\n        others = __rest(props, ["size", "color", "className", "children"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      verticalAlign: \'center\',\n      className: [className, style_module_scss_1["default"].Icon, style_module_scss_1["default"][\'Size_\' + size]].join(\' \')\n    }, others), $.is["function"](Children) ? React.createElement(Children, null) : Children);\n  },\n  Title: function Title(props) {\n    var _a = props.size,\n        size = _a === void 0 ? \'R\' : _a,\n        _b = props.color,\n        color = _b === void 0 ? \'normal\' : _b,\n        _c = props.className,\n        className = _c === void 0 ? \'\' : _c,\n        Children = props.children,\n        others = __rest(props, ["size", "color", "className", "children"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({\n      verticalAlign: \'center\',\n      fontColor: color == \'white\' ? \'white\' : \'logo\',\n      className: [className, style_module_scss_1["default"].Title, style_module_scss_1["default"][\'Size_\' + size]].join(\' \')\n    }, others, {\n      freeCSS: __assign({\n        lineHeight: \'1.25\'\n      }, others.freeCSS)\n    }), $.is["function"](Children) ? React.createElement(Children, null) : Children);\n  },\n  Brands: {\n    MingooIcon: Mingoos.Icon,\n    MingooTitle: Mingoos.Title,\n    MingooLogoH: Mingoos.LogoH,\n    MingooLogoV: Mingoos.LogoV,\n    ComunIcon: Comuns.Icon,\n    ComunTitle: Comuns.Title,\n    ComunLogoH: Comuns.LogoH,\n    ComunLogoV: Comuns.LogoV,\n    Google: function Google(params) {\n      return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(_atoms_1.Img, {\n        src: launch_1.publicURI + \'@env/@logos/brands/Google_Icon.svg\',\n        alt: \'\'\n      }));\n    },\n    Facebook: function Facebook(params) {\n      return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(_atoms_1.Img, {\n        src: launch_1.publicURI + \'@env/@logos/brands/FaceBook_Icon.svg\',\n        alt: \'\'\n      }));\n    },\n    Twitter: function Twitter(params) {\n      return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(_atoms_1.Img, {\n        src: launch_1.publicURI + \'@env/@logos/brands/Twitter_Icon.svg\',\n        alt: \'\'\n      }));\n    },\n    LINE: function LINE(params) {\n      return React.createElement(exports.Logo.Icon, __assign({}, params), React.createElement(_atoms_1.Img, {\n        src: launch_1.publicURI + \'@env/@logos/brands/Line_Icon.svg\',\n        alt: \'\'\n      }));\n    }\n  }\n};\n\n//# sourceURL=src/./src/Atoms/Logo/parts.tsx')},"./src/Atoms/Various/parts.tsx":
+/*!*************************************!*\
+  !*** ./src/Atoms/Various/parts.tsx ***!
+  \*************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Paragraph = exports.Grid = exports.FlexBr = exports.Flex = exports.Img = exports.Placeholder = exports.Span = exports.Box = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar launch_1 = __webpack_require__(/*! ../../launch */ \"./src/launch.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Atoms/Various/style.module.scss\"));\n\nvar Box = function Box(params) {\n  var _a = _global_1.StyleConverter.ToClassName(params),\n      freeCSS = _a.freeCSS,\n      Params = __rest(_a, [\"freeCSS\"]);\n\n  return React.createElement(\"div\", __assign({}, Params));\n};\n\nexports.Box = Box;\n\nvar Span = function Span(params) {\n  var _a = _global_1.StyleConverter.ToClassName(params),\n      freeCSS = _a.freeCSS,\n      Params = __rest(_a, [\"freeCSS\"]);\n\n  return React.createElement(\"span\", __assign({}, Params));\n};\n\nexports.Span = Span;\n\nvar Placeholder = function Placeholder(params) {\n  var _a = params.color,\n      color = _a === void 0 ? 'cloud' : _a,\n      others = __rest(params, [\"color\"]);\n\n  var DefStyles = {\n    flexCenter: true,\n    position: 'relative',\n    ssCardBox: true,\n    border: 'unset',\n    overflow: 'hidden',\n    backgroundColor: '3.layer.canvas'\n  };\n  return React.createElement(exports.Box, __assign({\n    className: [style_module_scss_1[\"default\"].Placeholder, params.className].join(' ')\n  }, DefStyles, others), React.createElement(exports.Box, {\n    className: [style_module_scss_1[\"default\"].Body, style_module_scss_1[\"default\"]['Color_' + color]].join(' ')\n  }));\n};\n\nexports.Placeholder = Placeholder;\nvar Img = {};\nexports.Img = Img;\n{\n  var ImageComp = function ImageComp(params) {\n    var _a = params.src,\n        src = _a === void 0 ? '' : _a,\n        _b = params.alt,\n        alt = _b === void 0 ? '' : _b,\n        showExpand = params.showExpand,\n        others = __rest(params, [\"src\", \"alt\", \"showExpand\"]);\n\n    others.freeCSS = __assign({\n      cursor: showExpand ? 'zoom-in' : 'inherit'\n    }, others.freeCSS);\n\n    var _c = _global_1.StyleConverter.ToClassName(others),\n        _d = _c.className,\n        className = _d === void 0 ? '' : _d,\n        Others = __rest(_c, [\"className\"]);\n\n    var ClassName = [style_module_scss_1[\"default\"].Img, style_module_scss_1[\"default\"]['ShowExpand_' + showExpand], className].join(' ');\n    return React.createElement(\"img\", __assign({\n      src: src,\n      alt: alt,\n      className: ClassName,\n      onMouseDown: function onMouseDown(event) {\n        if (showExpand) event.stopPropagation();\n      },\n      onTouchStart: function onTouchStart(event) {\n        if (showExpand) event.stopPropagation();\n      },\n      onClick: function onClick(event) {\n        if (showExpand) {\n          event.stopPropagation();\n          amotify.fn.Sheet.open({\n            type: 'image',\n            src: showExpand != true ? showExpand : src\n          });\n        }\n      }\n    }, Others));\n  };\n\n  exports.Img = Img = ImageComp;\n  Img.uri = {\n    comunIcon: launch_1.publicURI + 'app/admin/@logo/icon.png',\n    comunIconClear: launch_1.publicURI + 'app/admin/@logo/iconClear.png',\n    mingooIcon: '',\n    defaultIcon: function defaultIcon(type) {\n      return launch_1.publicURI + '@env/@icon/' + (type || 'image') + '.png';\n    }\n  };\n}\n\nvar Flex = function Flex(props) {\n  var children = props.children,\n      freeCSS = props.freeCSS,\n      others = __rest(props, [\"children\", \"freeCSS\"]);\n\n  return React.createElement(exports.Box, __assign({\n    flexType: 'row',\n    flexWrap: true,\n    display: 'flex',\n    freeCSS: __assign({\n      wordBreak: 'break-word'\n    }, freeCSS)\n  }, others, {\n    children: children\n  }));\n};\n\nexports.Flex = Flex;\n\nvar FlexBr = function FlexBr(params) {\n  return React.createElement(exports.Box, __assign({\n    width: 1,\n    flexSizing: 'none'\n  }, params));\n};\n\nexports.FlexBr = FlexBr;\n\nvar Grid = function Grid(props) {\n  var children = props.children,\n      freeCSS = props.freeCSS,\n      others = __rest(props, [\"children\", \"freeCSS\"]);\n\n  return React.createElement(exports.Box, __assign({\n    freeCSS: __assign({\n      display: 'grid'\n    }, freeCSS)\n  }, others, {\n    children: children\n  }));\n};\n\nexports.Grid = Grid;\n\nvar Paragraph = function Paragraph(props) {\n  return React.createElement(\"p\", __assign({}, _global_1.StyleConverter.ToClassName(props)));\n};\n\nexports.Paragraph = Paragraph;\n\n//# sourceURL=src/./src/Atoms/Various/parts.tsx")},"./src/Functions/@export.tsx":
+/*!***********************************!*\
+  !*** ./src/Functions/@export.tsx ***!
+  \***********************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Cropper = exports.Effects = exports.Tooltips = exports.Loader = exports.SnackBar = exports.Sheet = exports.Layout = exports.Table = exports.Inputs = exports.Input = exports.Buttons = void 0;\n\nvar _1 = __webpack_require__(/*! ./Effects/_ */ "./src/Functions/Effects/_.tsx");\n\nObject.defineProperty(exports, "Effects", ({\n  enumerable: true,\n  get: function get() {\n    return _1.Effects;\n  }\n}));\n\nvar _2 = __webpack_require__(/*! ./Button/_ */ "./src/Functions/Button/_.tsx");\n\nObject.defineProperty(exports, "Buttons", ({\n  enumerable: true,\n  get: function get() {\n    return _2.Buttons;\n  }\n}));\n\nvar _3 = __webpack_require__(/*! ./Input/_ */ "./src/Functions/Input/_.tsx");\n\nObject.defineProperty(exports, "Input", ({\n  enumerable: true,\n  get: function get() {\n    return _3.Input;\n  }\n}));\n\nvar _4 = __webpack_require__(/*! ./Inputs/_ */ "./src/Functions/Inputs/_.tsx");\n\nObject.defineProperty(exports, "Inputs", ({\n  enumerable: true,\n  get: function get() {\n    return _4.Inputs;\n  }\n}));\n\nvar _5 = __webpack_require__(/*! ./Layout/_ */ "./src/Functions/Layout/_.tsx");\n\nObject.defineProperty(exports, "Layout", ({\n  enumerable: true,\n  get: function get() {\n    return _5.Layout;\n  }\n}));\n\nvar _6 = __webpack_require__(/*! ./Table/_ */ "./src/Functions/Table/_.tsx");\n\nObject.defineProperty(exports, "Table", ({\n  enumerable: true,\n  get: function get() {\n    return _6.Table;\n  }\n}));\n\nvar parts_1 = __webpack_require__(/*! ./Sheet/parts */ "./src/Functions/Sheet/parts.tsx");\n\nObject.defineProperty(exports, "Sheet", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Sheet;\n  }\n}));\n\nvar parts_2 = __webpack_require__(/*! ./SnackBar/parts */ "./src/Functions/SnackBar/parts.tsx");\n\nObject.defineProperty(exports, "SnackBar", ({\n  enumerable: true,\n  get: function get() {\n    return parts_2.SnackBar;\n  }\n}));\n\nvar parts_3 = __webpack_require__(/*! ./Loader/parts */ "./src/Functions/Loader/parts.tsx");\n\nObject.defineProperty(exports, "Loader", ({\n  enumerable: true,\n  get: function get() {\n    return parts_3.Loader;\n  }\n}));\n\nvar parts_4 = __webpack_require__(/*! ./Tooltips/parts */ "./src/Functions/Tooltips/parts.tsx");\n\nObject.defineProperty(exports, "Tooltips", ({\n  enumerable: true,\n  get: function get() {\n    return parts_4.Tooltips;\n  }\n}));\n\nvar parts_5 = __webpack_require__(/*! ./Cropper/parts */ "./src/Functions/Cropper/parts.tsx");\n\nObject.defineProperty(exports, "Cropper", ({\n  enumerable: true,\n  get: function get() {\n    return parts_5.Cropper;\n  }\n}));\n\n//# sourceURL=src/./src/Functions/@export.tsx')},"./src/Functions/Button/_.tsx":
+/*!************************************!*\
+  !*** ./src/Functions/Button/_.tsx ***!
+  \************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Buttons = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Button/style.module.scss\"));\n\nvar Styles = {\n  Size: function Size(seed, tone, size, color) {\n    var styles = {};\n    size = size || 'R';\n    if (['Plain', 'Link'].includes(tone)) return {};\n\n    if (size == 'XS') {\n      styles = __assign(__assign({}, styles), {\n        padding: ['1/3', '2/3'],\n        fontSize: '0.xs',\n        borderRadius: '3.tone.tertiary'\n      });\n    } else if (size == 'S') {\n      styles = __assign(__assign({}, styles), {\n        padding: ['1/2', 1],\n        fontSize: '1.mini',\n        borderRadius: '3.tone.tertiary'\n      });\n    } else if (size == 'R') {\n      styles.padding = ['3/4', 1];\n\n      if (tone == 'Prime') {\n        styles.padding = ['3/4', 2];\n      }\n    } else if (size == 'L') {\n      styles.padding = [1, 3];\n      styles.fontSize = '3.paragraph';\n      styles.isBoldFont = true;\n    }\n\n    styles = __assign({\n      borderRadius: '2.tone.secondary',\n      transition: 'middle',\n      position: 'relative',\n      textAlign: 'center'\n    }, styles);\n    return styles;\n  },\n  Tone: function Tone(seed, tone, size, color) {\n    var styles = {};\n    if (tone == 'Plain') return styles;\n\n    if (tone == 'Link') {\n      styles.fontColor = 'theme';\n      styles.textAlign = 'left';\n    } else if (tone == 'Normal') {\n      styles = {\n        backgroundColor: 'trans'\n      };\n    } else if (tone == 'Border') {\n      styles = {\n        backgroundColor: '1.layer.base',\n        border: '2.normal',\n        boxShadow: 0\n      };\n    } else if (tone == 'Prime') {\n      styles = {\n        isBoldFont: true,\n        fontColor: 'white',\n        backgroundColor: color,\n        boxShadow: 1,\n        ssEffectsOnActive: ['shrink', 'ripple.white']\n      };\n\n      if (color == 'white') {\n        styles = __assign(__assign({}, styles), {\n          fontColor: 'theme',\n          ssEffectsOnActive: ['shrink', 'ripple.cloud']\n        });\n      }\n    } else if (tone == 'Sub') {\n      styles = {\n        fontColor: color,\n        ssEffectsOnActive: 'shrink'\n      };\n    } else if (tone == 'Clear') {\n      styles = {\n        fontColor: color,\n        backgroundColor: 'trans'\n      };\n    } else if (tone == 'FillToBorder') {\n      styles = {\n        fontColor: 'white',\n        boxShadow: 1,\n        borderWidth: 2,\n        borderStyle: 'solid',\n        borderColor: color,\n        backgroundColor: color\n      };\n    } else if (tone == 'BorderToFill') {\n      styles = {\n        fontColor: color,\n        boxShadow: 1,\n        borderWidth: 2,\n        borderStyle: 'solid',\n        borderColor: color,\n        backgroundColor: 'trans'\n      };\n    }\n\n    if (tone != 'Link') {\n      styles = __assign({\n        position: 'relative',\n        ssEffectsOnActive: 'shrink'\n      }, styles);\n    }\n\n    return styles;\n  }\n};\n\nvar SeedWrapper = function SeedWrapper(params) {\n  var Params = _global_1.StyleConverter.ReadStyleSet(__assign({\n    isLocked: false,\n    isActive: false,\n    isActiveStyles: {},\n    isActiveClassName: '',\n    tabIndex: 0,\n    className: '',\n    color: 'theme',\n    componentID: $.uuidGen(),\n    'aria-label': $.uuidGen()\n  }, params));\n\n  var seed = Params.seed;\n  {\n    var _a = Params.isLocked,\n        isLocked = _a === void 0 ? false : _a,\n        _b = Params.isActive,\n        isActive = _b === void 0 ? false : _b,\n        _c = Params.isActiveStyles,\n        isActiveStyles = _c === void 0 ? {} : _c,\n        _d = Params.isActiveClassName,\n        isActiveClassName = _d === void 0 ? '' : _d,\n        _e = Params.tone,\n        tone = _e === void 0 ? 'border' : _e,\n        _f = Params.color,\n        color = _f === void 0 ? 'theme' : _f,\n        _g = Params.className,\n        className = _g === void 0 ? '' : _g;\n    Params = __assign(__assign(__assign({}, Styles.Size(params.seed, params.tone, params.size, color)), Styles.Tone(params.seed, params.tone, params.size, color)), Params);\n    Params.className = [className, style_module_scss_1[\"default\"].Wrap, style_module_scss_1[\"default\"]['isActive_' + !!isActive], style_module_scss_1[\"default\"]['isLocked_' + isLocked], style_module_scss_1[\"default\"]['Tone_' + tone], style_module_scss_1[\"default\"]['Color_' + color]].join(' ');\n\n    if (['Link', 'Plain'].includes(Params.tone)) {\n      Params.className = [Params.className, style_module_scss_1[\"default\"].uae_blur].join(' ');\n    } else {\n      Params.className = [Params.className, style_module_scss_1[\"default\"].uae_remark].join(' ');\n    }\n\n    if (isActive) {\n      Params = __assign(__assign({\n        className: [Params.className, isActiveClassName].join(' ')\n      }, Params), isActiveStyles);\n    }\n\n    Params = _global_1.StyleConverter.ToClassName(Params);\n  }\n\n  if (seed == 'Button') {\n    var _h = Params,\n        componentID = _h.componentID,\n        submitOption_1 = _h.submitOption,\n        onClick_1 = _h.onClick,\n        Props = __rest(_h, [\"componentID\", \"submitOption\", \"onClick\"]);\n\n    if (submitOption_1) {\n      submitOption_1 = __assign({\n        acceptInvalidForm: false,\n        submitDelegationKey: 'auxEnter'\n      }, submitOption_1);\n      Props = __assign(__assign({}, Props), {\n        'data-form-submit-button': submitOption_1.formName,\n        'data-sdfike': $.flatArray(submitOption_1.submitDelegationKey).join(',')\n      });\n    }\n\n    return React.createElement(\"button\", __assign({\n      \"data-component-id\": componentID,\n      onClick: function onClick(args) {\n        return __awaiter(void 0, void 0, void 0, function () {\n          var form;\n          return __generator(this, function (_a) {\n            switch (_a.label) {\n              case 0:\n                if (onClick_1) onClick_1(args);\n                if (!submitOption_1) return [2\n                /*return*/\n                ];\n                return [4\n                /*yield*/\n                , $.formCollect(submitOption_1.formName)];\n\n              case 1:\n                form = _a.sent();\n                if (!submitOption_1.acceptInvalidForm && !form.valid) return [2\n                /*return*/\n                ];\n                submitOption_1.callback(form.data, form.valid);\n                return [2\n                /*return*/\n                ];\n            }\n          });\n        });\n      }\n    }, Props));\n  } else if (seed == 'Label') {\n    var _j = Params,\n        componentID = _j.componentID,\n        Props = __rest(_j, [\"componentID\"]);\n\n    return React.createElement(\"label\", __assign({}, Props));\n  } else if (seed == 'Anchor') {\n    var _k = Params,\n        componentID = _k.componentID,\n        _l = _k.href,\n        href_1 = _l === void 0 ? '' : _l,\n        newTab_1 = _k.newTab,\n        sync_1 = _k.sync,\n        shiftQueryParams_1 = _k.shiftQueryParams,\n        Props = __rest(_k, [\"componentID\", \"href\", \"newTab\", \"sync\", \"shiftQueryParams\"]);\n\n    return React.createElement(\"button\", __assign({}, Props, {\n      onClick: function onClick(event) {\n        var aux = event.ctrlKey || event.metaKey;\n        var openNew = newTab_1 || !!aux;\n        var URL = href_1;\n        if (shiftQueryParams_1) URL += location.search;\n\n        if (sync_1) {\n          _global_1.pageTransit.pushSync(URL);\n        } else {\n          _global_1.pageTransit.push(URL, !!openNew);\n        }\n      }\n    }));\n  }\n\n  return null;\n};\n\nvar SizeBalancer = function SizeBalancer(seed, tone) {\n  return {\n    XS: function XS(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: tone,\n        size: 'S'\n      }));\n    },\n    S: function S(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: tone,\n        size: 'S'\n      }));\n    },\n    R: function R(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: tone,\n        size: 'R'\n      }));\n    },\n    L: function L(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: tone,\n        size: 'L'\n      }));\n    }\n  };\n};\n\nvar ToneBalancer = function ToneBalancer(seed) {\n  return {\n    Plain: function Plain(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: 'Plain',\n        size: 'R'\n      }));\n    },\n    Link: function Link(params) {\n      return React.createElement(SeedWrapper, __assign({}, params, {\n        seed: seed,\n        tone: 'Link',\n        size: 'R'\n      }));\n    },\n    Normal: SizeBalancer(seed, 'Normal'),\n    Border: SizeBalancer(seed, 'Border'),\n    Prime: SizeBalancer(seed, 'Prime'),\n    Sub: SizeBalancer(seed, 'Sub'),\n    Clear: SizeBalancer(seed, 'Clear'),\n    FillToBorder: SizeBalancer(seed, 'FillToBorder'),\n    BorderToFill: SizeBalancer(seed, 'BorderToFill')\n  };\n};\n\nexports.Buttons = {\n  Button: ToneBalancer('Button'),\n  Label: ToneBalancer('Label'),\n  Anchor: ToneBalancer('Anchor')\n};\n\n//# sourceURL=src/./src/Functions/Button/_.tsx")},"./src/Functions/Cropper/parts.tsx":
+/*!*****************************************!*\
+  !*** ./src/Functions/Cropper/parts.tsx ***!
+  \*****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Cropper = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useState = React.useState,\n    useEffect = React.useEffect;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Cropper/style.module.scss\"));\n\nvar CroppImage =\n/** @class */\nfunction () {\n  function CroppImage(params) {\n    this.set_scale = params.set_scale;\n    this.val_file = params.val_file;\n    this.develops = params.develops;\n    this.use = params.use;\n    this.componentID = params.componentID;\n    this.scale = {\n      current: params.scale[\"default\"],\n      \"default\": params.scale[\"default\"],\n      min: params.scale.min,\n      max: params.scale.max\n    };\n    var Canvas = params.canvas;\n    var cvsW = Canvas.width,\n        cvsH = Canvas.height;\n    var Picture = params.picture.image;\n    var pictW = Picture.width,\n        pictH = Picture.height;\n    var pictAsp = pictW / pictH;\n    this.Canvas = {\n      elm: Canvas,\n      ctx: Canvas.getContext('2d')\n    };\n    var frameW = 0,\n        frameH = 0;\n\n    if (this.use == 'profile') {\n      frameW = Canvas.width / 3 * 2;\n      frameH = Canvas.height / 3 * 2;\n    } else if (this.use == 'header') {\n      frameW = Canvas.width * (7 / 9);\n      frameH = frameW / 3;\n    }\n\n    var frameX = (Canvas.width - frameW) / 2;\n    var frameY = (Canvas.height - frameH) / 2;\n    var frameAsp = frameW / frameH;\n    this.Picture = {\n      elm: Picture,\n      originDataUrl: Picture.src,\n      aspect: pictAsp,\n      revisedAspect: frameAsp > pictAsp ? frameW / pictW : frameH / pictH,\n      rotate: params.picture.rotate,\n      grayScale: params.picture.grayScale,\n      tone: params.picture.tone\n    };\n    this.pst = {\n      frame: {\n        x: frameX,\n        y: frameY,\n        w: frameW,\n        h: frameH,\n        aspect: frameAsp\n      },\n      outImage: {\n        x: 0,\n        y: 0,\n        w: 0,\n        h: 0\n      },\n      imageX: pictW / 2,\n      imageY: pictH / 2,\n      centerX: cvsW / 2,\n      centerY: cvsH / 2\n    };\n    this.dragEffectInfo = {\n      origin: {\n        x: 0,\n        y: 0\n      },\n      frameExpandRate: {\n        x: 0,\n        y: 0\n      }\n    };\n    this.pinchEffectInfo = {\n      origin: {\n        x: 0,\n        y: 0,\n        scale: this.scale.current\n      }\n    };\n    this.modifyImage();\n  }\n\n  CroppImage.prototype.dragEffect = function (params) {\n    var eventType = params.eventType,\n        x = params.x,\n        y = params.y;\n\n    if (eventType == 'start') {\n      var CanvasRect = this.Canvas.elm.position();\n      this.dragEffectInfo = {\n        origin: {\n          x: x,\n          y: y\n        },\n        frameExpandRate: {\n          x: this.Canvas.elm.width / CanvasRect.width,\n          y: this.Canvas.elm.height / CanvasRect.height\n        }\n      };\n    } else {\n      var _a = this.dragEffectInfo,\n          origin_1 = _a.origin,\n          frameExpandRate = _a.frameExpandRate;\n      var dragX = origin_1.x - x;\n      var dragY = origin_1.y - y;\n      var scale = this.scale.current * this.Picture.revisedAspect / 100;\n      var shiftX = dragX / scale * frameExpandRate.x;\n      var shiftY = dragY / scale * frameExpandRate.y;\n\n      if (eventType == 'move') {\n        this.drawImage(this.pst.imageX + shiftX, this.pst.imageY + shiftY);\n      } else if (eventType == 'end') {\n        this.drawImage(this.pst.imageX += shiftX, this.pst.imageY += shiftY);\n      }\n    }\n  };\n\n  CroppImage.prototype.pinchEffect = function (params) {\n    var eventType = params.eventType,\n        event = params.event;\n\n    var _a = $.getCursor(event.touches[0]),\n        x1 = _a.x,\n        y1 = _a.y;\n\n    var _b = $.getCursor(event.touches[1]),\n        x2 = _b.x,\n        y2 = _b.y;\n\n    var marginX = x2 - x1;\n    var marginY = y2 - y1;\n\n    if (eventType == 'start') {\n      this.pinchEffectInfo.origin = {\n        x: marginX,\n        y: marginY,\n        scale: this.scale.current\n      };\n    } else if (eventType == 'move') {\n      var origin_2 = this.pinchEffectInfo.origin;\n      var originDist = Math.sqrt(Math.pow(origin_2.x, 2) + Math.pow(origin_2.y, 2));\n      var dist = Math.sqrt(Math.pow(marginX, 2) + Math.pow(marginY, 2));\n      var margin = dist / originDist;\n      var scale = Number(origin_2.scale * margin);\n      this.set_scale(scale);\n    }\n  };\n\n  CroppImage.prototype.updateScale = function (scale) {\n    var nextValue = scale;\n    nextValue = Math.max(nextValue, this.scale.min);\n    nextValue = Math.min(nextValue, this.scale.max);\n    this.scale.current = nextValue;\n    this.drawImage();\n  };\n\n  CroppImage.prototype.updateFilter = function (params) {\n    this.Picture.grayScale = params.grayScale;\n    this.Picture.tone = params.tone;\n    this.Picture.rotate = params.rotate;\n    this.modifyImage();\n  };\n\n  CroppImage.prototype.modifyImage = function () {\n    return __awaiter(this, void 0, void 0, function () {\n      var _a, grayScale, tone, rotate, canvas, ctx, image, ImageW, ImageH, newImage, imgData, ColorDir, rCorrect, gCorrect, bCorrect, iH, iW, Index, terminal, k, current, newDataUrl, Picture, pictW, pictH, pictAsp;\n\n      return __generator(this, function (_b) {\n        switch (_b.label) {\n          case 0:\n            _a = this.Picture, grayScale = _a.grayScale, tone = _a.tone, rotate = _a.rotate;\n            canvas = document.createElement('canvas');\n            ctx = canvas.getContext('2d');\n            image = new Image();\n            image.src = this.Picture.originDataUrl;\n            ImageW = image.width;\n            ImageH = image.height;\n\n            if (rotate == 90 || rotate == 270) {\n              ImageW = image.height;\n              ImageH = image.width;\n            }\n\n            canvas.width = ImageW;\n            canvas.height = ImageH;\n            if (grayScale) ctx.filter = 'grayscale(' + grayScale + '%)';\n\n            if (rotate) {\n              ctx.translate(ImageW / 2, ImageH / 2);\n              ctx.rotate(rotate * Math.PI / 180);\n\n              if ([90, 270].includes(rotate)) {\n                ctx.translate(-ImageH / 2, -ImageW / 2);\n              } else {\n                ctx.translate(-ImageW / 2, -ImageH / 2);\n              }\n            }\n\n            ctx.drawImage(image, 0, 0, image.width, image.height);\n            newImage = ctx.getImageData(0, 0, canvas.width, canvas.height);\n            imgData = newImage.data;\n            {\n              grayScale /= 100;\n              ColorDir = [[255, 255, 255], [255, 200, 100], [170, 170, 255], [240, 200, 145], [128, 255, 255], [255, 128, 255], [255, 255, 128], [128, 158, 169], [128, 112, 162], [50, 192, 87], [246, 100, 140] // Origin4\n              ][tone];\n              rCorrect = ColorDir[0] / 255;\n              gCorrect = ColorDir[1] / 255;\n              bCorrect = ColorDir[2] / 255;\n\n              for (iH = 0; iH < ImageH; iH++) {\n                for (iW = 0; iW < ImageW; iW++) {\n                  Index = (iH * ImageW + iW) * 4;\n\n                  if (grayScale) {\n                    terminal = 0.3 * imgData[Index] + 0.59 * imgData[Index + 1] + 0.11 * imgData[Index + 2];\n\n                    for (k = 0; k < 3; k++) {\n                      current = imgData[Index + k];\n                      imgData[Index + k] = current + (terminal - current) * grayScale;\n                    }\n                  }\n\n                  imgData[Index] *= rCorrect;\n                  imgData[Index + 1] *= gCorrect;\n                  imgData[Index + 2] *= bCorrect;\n                }\n              }\n            }\n            ctx.putImageData(newImage, 0, 0);\n            newDataUrl = canvas.toDataURL('image/jpeg');\n            return [4\n            /*yield*/\n            , $.ImageLoader(newDataUrl)];\n\n          case 1:\n            Picture = _b.sent();\n            pictW = Picture.width, pictH = Picture.height;\n            pictAsp = pictW / pictH;\n            this.Picture = __assign(__assign({}, this.Picture), {\n              elm: Picture,\n              aspect: pictAsp,\n              revisedAspect: this.pst.frame.aspect > pictAsp ? this.pst.frame.w / pictW : this.pst.frame.h / pictH\n            });\n            this.drawImage();\n            return [2\n            /*return*/\n            ];\n        }\n      });\n    });\n  };\n\n  CroppImage.prototype.drawImage = function (_imageX, _imageY) {\n    var _a = this,\n        use = _a.use,\n        ctx = _a.Canvas.ctx,\n        frame = _a.pst.frame;\n\n    var ImageX = _imageX || this.pst.imageX;\n    var ImageY = _imageY || this.pst.imageY;\n    {\n      var scale = this.scale.current / 100;\n      var totalScale = this.Picture.revisedAspect * scale;\n      var imgX = this.pst.centerX - ImageX * totalScale;\n      var imgY = this.pst.centerY - ImageY * totalScale;\n      var imgW = this.Picture.elm.width * totalScale;\n      var imgH = this.Picture.elm.height * totalScale;\n      {\n        var minX = this.pst.frame.x + this.pst.frame.w - imgW;\n        var maxX = this.pst.frame.x;\n        var minY = this.pst.frame.y + this.pst.frame.h - imgH;\n        var maxY = this.pst.frame.y;\n        var extraX = 0;\n        if (imgX < minX) extraX = imgX - minX;\n        if (imgX > maxX) extraX = imgX - maxX;\n        var extraY = 0;\n        if (imgY < minY) extraY = imgY - minY;\n        if (imgY > maxY) extraY = imgY - maxY;\n        this.dragEffectInfo.origin.x += extraX / 2 / this.dragEffectInfo.frameExpandRate.x;\n        this.dragEffectInfo.origin.y += extraY / 2 / this.dragEffectInfo.frameExpandRate.y;\n        imgX = Math.min(Math.max(imgX, minX), maxX);\n        imgY = Math.min(Math.max(imgY, minY), maxY);\n      }\n      this.pst.outImage = {\n        x: imgX,\n        y: imgY,\n        w: imgW,\n        h: imgH\n      };\n      ctx.clearRect(0, 0, this.Canvas.elm.width, this.Canvas.elm.height);\n      ctx.drawImage(this.Picture.elm, 0, 0, this.Picture.elm.width, this.Picture.elm.height, imgX, imgY, imgW, imgH);\n    }\n    {\n      if (use == 'profile') {\n        ctx.fillStyle = 'rgba( 20,24,20,.3 )';\n        ctx.beginPath();\n        ctx.arc(this.Canvas.elm.width / 2, this.Canvas.elm.height / 2, this.Canvas.elm.width, 0, Math.PI * 2, true);\n        ctx.arc(this.Canvas.elm.width / 2, this.Canvas.elm.height / 2, this.Canvas.elm.width / 3 * 2 / 2, 0, Math.PI * 2, false);\n        ctx.closePath();\n        ctx.fill();\n      } else if (use == 'header') {\n        ctx.fillStyle = 'rgba( 20,24,20,.3 )';\n      }\n\n      ctx.beginPath();\n      ctx.moveTo(0, 0);\n      ctx.lineTo(this.Canvas.elm.width, 0);\n      ctx.lineTo(this.Canvas.elm.width, this.Canvas.elm.height);\n      ctx.lineTo(0, this.Canvas.elm.height);\n      ctx.lineTo(0, 0);\n      ctx.closePath();\n      ctx.lineTo(frame.x, frame.y);\n      ctx.lineTo(frame.x, frame.y + frame.h);\n      ctx.lineTo(frame.x + frame.w, frame.y + frame.h);\n      ctx.lineTo(frame.x + frame.w, frame.y);\n      ctx.lineTo(frame.x, frame.y);\n      ctx.fill();\n      var body = $(document.body);\n      var themeColorHSL = body.getStyleProperty('--color-theme-hsl');\n      ctx.lineWidth = this.Canvas.elm.width / 200;\n      ctx.strokeStyle = \"hsla( \".concat(themeColorHSL, \",1 )\");\n      ctx.strokeRect(frame.x, frame.y, frame.w, frame.h);\n    }\n  };\n\n  CroppImage.prototype[\"export\"] = function () {\n    return __awaiter(this, void 0, void 0, function () {\n      var _a, develops, Picture, _b, outImage, frame, ratioX, ratioY, Left, Right, Top, Bottom, Files, MimeType, index, _c, size, maxSize, width, height, Preview, previewCtx, dataUrl, blob, Ratio, file;\n\n      return __generator(this, function (_d) {\n        switch (_d.label) {\n          case 0:\n            _a = this, develops = _a.develops, Picture = _a.Picture, _b = _a.pst, outImage = _b.outImage, frame = _b.frame;\n            ratioX = outImage.w / Picture.elm.width;\n            ratioY = outImage.h / Picture.elm.height;\n            Left = (frame.x - outImage.x) / ratioX;\n            Right = (frame.x - outImage.x + frame.w) / ratioX;\n            Top = (frame.y - outImage.y) / ratioY;\n            Bottom = (frame.y - outImage.y + frame.h) / ratioY;\n            Files = Array.from({\n              length: develops.length\n            });\n            MimeType = 'image/jpeg';\n            index = 0;\n            _d.label = 1;\n\n          case 1:\n            if (!(index < develops.length)) return [3\n            /*break*/\n            , 6];\n            _c = develops[index], size = _c.size, maxSize = _c.maxSize;\n            maxSize = maxSize || {\n              S: 1024 * 20,\n              R: 1024 * 100,\n              L: 1024 * 350\n            }[size];\n            width = {\n              S: 144,\n              R: 576,\n              L: 1152\n            }[size];\n            height = this.use == 'profile' ? width : width / 3;\n            Preview = document.createElement('canvas');\n            Preview.width = width;\n            Preview.height = height;\n            previewCtx = Preview.getContext('2d');\n            if (!previewCtx) return [2\n            /*return*/\n            ];\n            previewCtx.clearRect(0, 0, width, height);\n            previewCtx.drawImage(this.Picture.elm, Left, Top, Right - Left, Bottom - Top, 0, 0, width, height);\n            dataUrl = Preview.toDataURL(MimeType);\n            return [4\n            /*yield*/\n            , dataUrl.toBlob(MimeType)];\n\n          case 2:\n            blob = _d.sent();\n            if (!blob) return [2\n            /*return*/\n            ];\n            if (!(blob.size >= maxSize)) return [3\n            /*break*/\n            , 4];\n            Ratio = maxSize / blob.size;\n            dataUrl = Preview.toDataURL(MimeType, Ratio * 0.92);\n            return [4\n            /*yield*/\n            , dataUrl.toBlob(MimeType)];\n\n          case 3:\n            blob = _d.sent();\n            if (!blob) return [2\n            /*return*/\n            ];\n            _d.label = 4;\n\n          case 4:\n            file = new File([blob], this.val_file.name, {\n              type: MimeType\n            });\n            Files[index] = file;\n            _d.label = 5;\n\n          case 5:\n            index++;\n            return [3\n            /*break*/\n            , 1];\n\n          case 6:\n            return [2\n            /*return*/\n            , Files];\n        }\n      });\n    });\n  };\n\n  return CroppImage;\n}();\n\nvar Comps = {\n  Core: function Core(params) {\n    var val_file = params.val_file,\n        options = params.options,\n        finishedCallback = params.finishedCallback,\n        abortCallback = params.abortCallback;\n    var use = options.use,\n        _a = options.develops,\n        develops = _a === void 0 ? [] : _a;\n\n    var _b = __read(useState($.uuidGen(32)), 1),\n        val_componentID = _b[0];\n\n    var DefaultOptions = {\n      scale: {\n        \"default\": 125,\n        min: 100,\n        max: 300\n      },\n      rotate: 0,\n      grayScale: 0,\n      tone: 0\n    };\n\n    var _c = __read(useState(DefaultOptions.scale[\"default\"]), 2),\n        val_scale = _c[0],\n        set_scale = _c[1];\n\n    var _d = __read(useState(DefaultOptions.rotate), 2),\n        val_rotate = _d[0],\n        set_rotate = _d[1];\n\n    var _e = __read(useState(DefaultOptions.grayScale), 2),\n        val_grayScale = _e[0],\n        set_grayScale = _e[1];\n\n    var _f = __read(useState(DefaultOptions.tone), 2),\n        val_tone = _f[0],\n        set_tone = _f[1];\n\n    useEffect(function () {\n      _global_1.useStore.set({\n        key: val_componentID,\n        value: {}\n      });\n\n      (function () {\n        return __awaiter(void 0, void 0, void 0, function () {\n          var target, dataUrl, Canvas, __Cropper, _a, UserEffectStart, DragEffect, EventEnd;\n\n          var _b, _c;\n\n          return __generator(this, function (_d) {\n            switch (_d.label) {\n              case 0:\n                amotify.fn.Loader.fn.corner.active();\n                return [4\n                /*yield*/\n                , val_file.read()];\n\n              case 1:\n                target = _d.sent().target;\n                if (!target) return [2\n                /*return*/\n                ];\n                dataUrl = target.result;\n                Canvas = $('#Canvas-' + val_componentID)[0];\n                if (!Canvas) return [2\n                /*return*/\n                ];\n                _a = CroppImage.bind;\n                _b = {\n                  set_scale: set_scale,\n                  val_file: val_file,\n                  develops: develops,\n                  use: use,\n                  scale: DefaultOptions.scale,\n                  componentID: val_componentID,\n                  canvas: Canvas\n                };\n                _c = {};\n                return [4\n                /*yield*/\n                , $.ImageLoader(dataUrl)];\n\n              case 2:\n                __Cropper = new (_a.apply(CroppImage, [void 0, (_b.picture = (_c.image = _d.sent(), _c.grayScale = DefaultOptions.grayScale, _c.tone = DefaultOptions.tone, _c.rotate = DefaultOptions.rotate, _c), _b)]))();\n\n                _global_1.useStore.set({\n                  key: val_componentID,\n                  value: {\n                    Instance: __Cropper\n                  }\n                });\n\n                UserEffectStart = function UserEffectStart(event) {\n                  event.preventDefault();\n\n                  if (event.touches && event.touches.length > 1) {\n                    __Cropper.pinchEffect({\n                      eventType: 'start',\n                      event: event\n                    });\n\n                    $(document).addEvent({\n                      eventType: 'touchmove',\n                      eventID: 'CropperEffectMove',\n                      option: {\n                        passive: false\n                      },\n                      callback: function callback(event) {\n                        event.preventDefault();\n\n                        __Cropper.pinchEffect({\n                          eventType: 'move',\n                          event: event\n                        });\n                      }\n                    }).addEvent({\n                      eventType: 'touchend',\n                      eventID: 'CropperEffectEnd',\n                      option: {\n                        passive: false\n                      },\n                      callback: EventEnd\n                    });\n                  } else {\n                    __Cropper.dragEffect(__assign({\n                      eventType: 'start'\n                    }, $.getCursor(event)));\n\n                    var type = event.type;\n                    $(document).addEvent({\n                      eventType: type == 'touchstart' ? 'touchmove' : 'mousemove',\n                      eventID: 'CropperEffectMove',\n                      option: {\n                        passive: false\n                      },\n                      callback: function callback(event) {\n                        DragEffect('move', event);\n                      }\n                    }).addEvent({\n                      eventType: type == 'touchstart' ? 'touchend' : 'mouseup',\n                      eventID: 'CropperEffectEnd',\n                      option: {\n                        passive: false\n                      },\n                      callback: function callback(event) {\n                        DragEffect('end', event);\n                        EventEnd(event);\n                      }\n                    });\n                  }\n                };\n\n                DragEffect = function DragEffect(eventType, event) {\n                  event.preventDefault();\n\n                  __Cropper.dragEffect(__assign({\n                    eventType: eventType\n                  }, $.getCursor(event)));\n                };\n\n                EventEnd = function EventEnd(event) {\n                  event.preventDefault();\n                  $(document).removeEvent(['CropperEffectMove', 'CropperEffectEnd']);\n                };\n\n                $(Canvas).removeEvent(['CropperMouseWheel', 'CropperTouchStart', 'CropperMouseDown']).addEvent({\n                  eventID: 'CropperMouseWheel',\n                  eventType: 'wheel',\n                  callback: function callback(event) {\n                    event.preventDefault();\n                    var bitScale = Number(event.wheelDelta * 0.04);\n                    var nextScale = __Cropper.scale.current + bitScale;\n                    nextScale = Math.max(nextScale, __Cropper.scale.min);\n                    nextScale = Math.min(nextScale, __Cropper.scale.max);\n                    set_scale(nextScale);\n                  },\n                  option: {\n                    passive: false\n                  }\n                }).addEvent({\n                  eventType: 'touchstart',\n                  eventID: 'CropperTouchStart',\n                  callback: UserEffectStart,\n                  option: {\n                    passive: false\n                  }\n                }).addEvent({\n                  eventType: 'mousedown',\n                  eventID: 'CropperMouseDown',\n                  callback: UserEffectStart,\n                  option: {\n                    passive: false\n                  }\n                });\n                setTimeout(function () {\n                  amotify.fn.Loader.fn.corner.stop();\n                }, 1000);\n                return [2\n                /*return*/\n                ];\n            }\n          });\n        });\n      })();\n    }, [val_file.id]);\n    useEffect(function () {\n      var _a;\n\n      var Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;\n\n      if (Instance) {\n        Instance.updateScale(val_scale);\n      }\n    }, [val_scale]);\n    useEffect(function () {\n      var _a;\n\n      var Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;\n\n      if (Instance) {\n        Instance.updateFilter({\n          grayScale: val_grayScale,\n          tone: val_tone,\n          rotate: val_rotate\n        });\n      }\n    }, [val_grayScale, val_tone, val_rotate]);\n    return React.createElement(_functions_1.Sheet.Comps.Body, null, React.createElement(_atoms_1.Flex, {\n      className: [style_module_scss_1[\"default\"].Wrap, 'Use_' + use].join(' '),\n      flexWrap: false,\n      position: 'relative',\n      overflow: 'hidden',\n      borderRadius: 'inherit',\n      boxShadow: 3,\n      UnderBreakPointStyles: {\n        flexType: 'col'\n      }\n    }, React.createElement(_atoms_1.Box, {\n      flexGrid: 3,\n      UnderBreakPointStyles: {\n        width: 1,\n        padding: 2\n      }\n    }, React.createElement(_atoms_1.Box, {\n      overflow: 'hidden',\n      position: 'relative',\n      backgroundColor: '4.layer.darken',\n      freeCSS: {\n        zIndex: 1\n      },\n      UnderBreakPointStyles: {\n        borderRadius: '1.tone.primary'\n      }\n    }, React.createElement(\"canvas\", {\n      width: '2400',\n      height: use == 'profile' ? '2400' : '1800',\n      className: style_module_scss_1[\"default\"].Canvas,\n      id: 'Canvas-' + val_componentID\n    }))), React.createElement(_mols_1.Column, {\n      gap: 0,\n      flexGrid: 2,\n      boxShadow: 3,\n      UnderBreakPointStyles: {\n        width: 1,\n        maxWidth: 'unset'\n      },\n      freeCSS: {\n        maxWidth: 12 * 28\n      }\n    }, React.createElement(_mols_1.Column, {\n      gap: 1,\n      flexSizing: 0,\n      overflow: 'auto',\n      padding: 1.5,\n      UnderBreakPointStyles: {\n        flexSizing: 'none'\n      }\n    }, React.createElement(_atoms_1.Box, {\n      flexSizing: 'none',\n      fontSize: '4.thirdTitle',\n      isBoldFont: true\n    }, \"\\u30D5\\u30A3\\u30EB\\u30BF\\u30FC\"), React.createElement(Comps.SettingRegion, {\n      DefaultOptions: DefaultOptions,\n      val_scale: val_scale,\n      set_scale: set_scale,\n      val_tone: val_tone,\n      set_tone: set_tone,\n      val_grayScale: val_grayScale,\n      set_grayScale: set_grayScale,\n      val_rotate: val_rotate,\n      set_rotate: set_rotate\n    })), React.createElement(_atoms_1.Flex, {\n      padding: 1.5,\n      flexSizing: 'none',\n      gap: 1,\n      borderTop: true\n    }, React.createElement(_functions_1.Buttons.Button.Border.R, {\n      flexGrid: 1,\n      onClick: function onClick() {\n        abortCallback();\n      }\n    }, \"\\u30AD\\u30E3\\u30F3\\u30BB\\u30EB\"), React.createElement(_functions_1.Buttons.Button.Prime.R, {\n      flexGrid: 2,\n      onClick: function onClick() {\n        return __awaiter(void 0, void 0, void 0, function () {\n          var Instance, Files;\n\n          var _a;\n\n          return __generator(this, function (_b) {\n            switch (_b.label) {\n              case 0:\n                Instance = (_a = _global_1.useStore.get(val_componentID)) === null || _a === void 0 ? void 0 : _a.Instance;\n                if (!Instance) return [2\n                /*return*/\n                ];\n                amotify.fn.Loader.fn.mini.active('CropperExportation');\n                return [4\n                /*yield*/\n                , Instance[\"export\"]()];\n\n              case 1:\n                Files = _b.sent();\n                setTimeout(function () {\n                  amotify.fn.Loader.fn.mini.stop('CropperExportation');\n                  finishedCallback(Files);\n                }, 3000);\n                return [2\n                /*return*/\n                ];\n            }\n          });\n        });\n      }\n    }, React.createElement(_mols_1.Row.Center, {\n      gap: '1/2'\n    }, React.createElement(_functions_1.Loader.White.R, {\n      loaderID: 'CropperExportation'\n    }), \"\\u6C7A\\u5B9A\"))))));\n  },\n  SettingRegion: function SettingRegion(params) {\n    var ToneList = [];\n\n    for (var index = 1; index <= 10; index++) {\n      ToneList.push({\n        value: index,\n        label: React.createElement(React.Fragment, null, React.createElement(_atoms_1.Box, {\n          className: [style_module_scss_1[\"default\"].ToneBall, style_module_scss_1[\"default\"]['ToneBall_' + index]].join(' ')\n        }), React.createElement(_atoms_1.Box, {\n          textAlign: 'center',\n          flexSizing: 'auto'\n        }, ['', '暖色', '寒色', 'セピア', 'シアン', 'マゼンタ', 'イエロー', 'オリジナル1', 'オリジナル2', 'オリジナル3', 'オリジナル4'][index]))\n      });\n    }\n\n    return React.createElement(React.Fragment, null, React.createElement(_mols_1.Column, {\n      gap: '1/3'\n    }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.FAIcon.Rotate, {\n      fontSize: '3.paragraph'\n    }), \" Rotate\"), React.createElement(_mols_1.Row.Separate, {\n      flexChilds: 'even',\n      paddingLeft: 2\n    }, React.createElement(_functions_1.Buttons.Button.Border.R, {\n      onClick: function onClick() {\n        var next = params.val_rotate - 90;\n        if (next < 0) next += 360;\n        params.set_rotate(next);\n      }\n    }, React.createElement(_atoms_1.FAIcon.RotateLeft, null), \" \\u5DE6\\u306B\\u56DE\\u8EE2\"), React.createElement(_functions_1.Buttons.Button.Border.R, {\n      onClick: function onClick() {\n        params.set_rotate((params.val_rotate + 90) % 360);\n      }\n    }, \"\\u53F3\\u306B\\u56DE\\u8EE2 \", React.createElement(_atoms_1.FAIcon.RotateRight, null)))), React.createElement(_mols_1.Column, {\n      gap: '1/3'\n    }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.FAIcon, {\n      fontSize: '3.paragraph',\n      d: 'magnifying-glass-plus'\n    }), \" Zoom\"), React.createElement(_atoms_1.Box, {\n      paddingLeft: 2\n    }, React.createElement(_functions_1.Input.Slider, {\n      override: 'force',\n      value: params.val_scale - 100,\n      min: params.DefaultOptions.scale.min - 100,\n      max: params.DefaultOptions.scale.max - 100,\n      step: 25,\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var eventType = _a.eventType,\n            value = _a.value;\n        params.set_scale(value + 100);\n      },\n      legends: {\n        enable: true,\n        custom: function custom(value) {\n          var scale = Math.round(100 + value);\n          return 'x' + scale / 100;\n        }\n      }\n    }))), React.createElement(_mols_1.Column, {\n      gap: '1/3'\n    }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.FAIcon, {\n      fontSize: '3.paragraph',\n      d: 'palette'\n    }), \" Gray Scale\"), React.createElement(_atoms_1.Box, {\n      paddingLeft: 2\n    }, React.createElement(_functions_1.Input.Slider, {\n      value: params.val_grayScale,\n      min: 0,\n      max: 100,\n      step: 25,\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var value = _a.value;\n        params.set_grayScale(value);\n      },\n      legends: {\n        enable: true,\n        custom: function custom(value) {\n          return value + '%';\n        }\n      }\n    }))), React.createElement(_mols_1.Column, {\n      gap: '1/3'\n    }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.FAIcon, {\n      fontSize: '3.paragraph',\n      d: 'bars-staggered'\n    }), \" Tone\"), React.createElement(_atoms_1.Box, {\n      paddingLeft: 2\n    }, React.createElement(_functions_1.Input.Radio, {\n      value: params.val_tone,\n      gap: '1/2',\n      cellStyles: {\n        isRounded: true,\n        borderWidth: 2,\n        borderColor: '1.thin',\n        padding: '1/2',\n        paddingRight: 1,\n        fontSize: '1.mini',\n        gap: '1/3',\n        flexSizing: 'auto'\n      },\n      options: __spreadArray([{\n        value: 0,\n        label: 'なし',\n        padding: ['1/2', 1],\n        flexCenter: true\n      }], __read(ToneList), false),\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var value = _a.value;\n        params.set_tone(value[0]);\n      }\n    }))));\n  }\n};\nexports.Cropper = {\n  open: function open(params) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      var Image, sheetID;\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            return [4\n            /*yield*/\n            , _functions_1.Input.File.fn.openDialog({\n              // accept: 'image/jpeg,image/jpg,image/png,image/gif',\n              accept: 'image',\n              multiple: false\n            })];\n\n          case 1:\n            Image = _a.sent();\n            sheetID = 'CropperImage';\n            amotify.fn.Sheet.open({\n              sheetID: sheetID,\n              type: 'normal.middleCenter',\n              size: '3L',\n              freeCSS: {\n                width: params.use == 'header' ? 12 * 100 : 12 * 80\n              },\n              content: React.createElement(Comps.Core, {\n                val_file: Image[0],\n                options: params,\n                finishedCallback: function finishedCallback(files) {\n                  amotify.fn.Sheet.close(sheetID);\n                  params.onProcessFinished(files);\n                },\n                abortCallback: function abortCallback() {\n                  amotify.fn.Sheet.close(sheetID);\n                }\n              }),\n              closeOption: {\n                escapeKeyDown: false\n              }\n            });\n            return [2\n            /*return*/\n            ];\n        }\n      });\n    });\n  }\n};\n\n//# sourceURL=src/./src/Functions/Cropper/parts.tsx")},"./src/Functions/Effects/Fade.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Effects/Fade.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.FadeEffects = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar useState = _global_1.React.useState,\n    useEffect = _global_1.React.useEffect;\nexports.FadeEffects = __assign(__assign({}, {}), {\n  FadeIn: function FadeIn(params) {\n    var _a = params.animationDelay,\n        animationDelay = _a === void 0 ? 100 : _a,\n        _b = params.animationTime,\n        animationTime = _b === void 0 ? 300 : _b,\n        _c = params.componentID,\n        componentID = _c === void 0 ? $.uuidGen() : _c,\n        others = __rest(params, ["animationDelay", "animationTime", "componentID"]);\n\n    var _d = __read(useState(componentID), 1),\n        val_componentID = _d[0];\n\n    useEffect(function () {\n      setTimeout(function () {\n        var Element = $(\'[data-component-id="\' + val_componentID + \'"]\');\n        if (!Element[0]) return;\n        Element.css({\n          transition: animationTime + \'ms\'\n        })["await"](1).css({\n          opacity: 1\n        });\n      }, animationDelay);\n    }, []);\n    return _global_1.React.createElement(_atoms_1.Box, __assign({}, others, {\n      freeCSS: __assign(__assign({}, others.freeCSS), {\n        opacity: 0\n      }),\n      componentID: val_componentID\n    }));\n  },\n  FadeUp: function FadeUp(params) {\n    var _a = params.animationDelay,\n        animationDelay = _a === void 0 ? 100 : _a,\n        _b = params.animationTime,\n        animationTime = _b === void 0 ? 300 : _b,\n        _c = params.componentID,\n        componentID = _c === void 0 ? $.uuidGen() : _c,\n        others = __rest(params, ["animationDelay", "animationTime", "componentID"]);\n\n    var _d = __read(useState(componentID), 1),\n        val_componentID = _d[0];\n\n    useEffect(function () {\n      setTimeout(function () {\n        var Element = $(\'[data-component-id="\' + val_componentID + \'"]\');\n        if (!Element[0]) return;\n        Element.css({\n          transition: animationTime + \'ms\'\n        })["await"](1).css({\n          opacity: 1,\n          paddingTop: 0\n        });\n      }, animationDelay);\n    }, []);\n    return _global_1.React.createElement(_atoms_1.Box, __assign({\n      paddingTop: 2\n    }, others, {\n      freeCSS: __assign(__assign({}, others.freeCSS), {\n        opacity: 0\n      }),\n      componentID: val_componentID\n    }));\n  }\n});\n\n//# sourceURL=src/./src/Functions/Effects/Fade.tsx')},"./src/Functions/Effects/Ripple.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Effects/Ripple.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Effects/style.module.scss\"));\n\nnew (\n/** @class */\nfunction () {\n  function class_1() {\n    this.UserEvent();\n  }\n\n  class_1.prototype.UserEvent = function () {\n    var RippleElementClassName = 'eff_ripple';\n\n    var EffectStart = function EffectStart(event) {\n      var startedAt = $.Time().time;\n      var target = event.target;\n      var RippleElement = $(target.closest('.' + RippleElementClassName));\n      var Color = RippleElement.findClass(/^eff_ripple-/)[0].split('-')[1];\n\n      var ID = 'RippleWrap-' + $.uuidGen(),\n          _a = RippleElement.position(),\n          left = _a.left,\n          top = _a.top,\n          height = _a.height,\n          width = _a.width,\n          _b = $.getScreenSize(),\n          pageXOffset = _b.pageXOffset,\n          pageYOffset = _b.pageYOffset,\n          _c = $.getCursor(event),\n          cursorX = _c.x,\n          cursorY = _c.y,\n          size = Math.min(width * 1.5, 300),\n          x = Math.max(cursorX - (left + pageXOffset), 0),\n          y = Math.max(cursorY - (top + pageYOffset), 0);\n\n      var effectInfo = {\n        RippleElement: RippleElement,\n        startedAt: startedAt,\n        size: size\n      };\n      $(document).addEvent({\n        eventID: 'RippleMouseUp',\n        eventType: 'mouseup',\n        callback: function callback() {\n          EffectEnd(effectInfo);\n        }\n      }).addEvent({\n        eventID: 'RippleTouchEnd',\n        eventType: 'touchend',\n        callback: function callback() {\n          setTimeout(function () {\n            EffectEnd(effectInfo);\n          }, 20);\n        }\n      });\n      $(RippleElement).addClass([style_module_scss_1[\"default\"].RippleElement, style_module_scss_1[\"default\"]['Color_' + Color]]).append(\"<div class=\\\"\".concat(style_module_scss_1[\"default\"].RippleWrap, \"\\\" id=\\\"\").concat(ID, \"\\\">\\n            <div class=\\\"\").concat(style_module_scss_1[\"default\"].Wave, \"\\\" />\\n          </div>\")).addEvent({\n        eventID: 'RippleMouseOut',\n        eventType: 'mouseout',\n        callback: function callback(event) {\n          EffectEnd(effectInfo);\n        }\n      }).find('#' + ID).find('.' + style_module_scss_1[\"default\"].Wave).css({\n        left: x,\n        top: y\n      })[\"await\"](10).css({\n        height: size,\n        width: size,\n        opacity: '.3',\n        transition: '.25s'\n      });\n    };\n\n    var EffectEnd = function EffectEnd(effectInfo) {\n      var RippleElement = effectInfo.RippleElement,\n          startedAt = effectInfo.startedAt,\n          size = effectInfo.size;\n      var processTime = $.Time().time - startedAt;\n      var transition = processTime <= 400 ? '.75s' : '.55s';\n      var diameter = size * 2.5;\n      $(document).removeEvent(['RippleMouseUp', 'RippleTouchMove', 'RippleTouchEnd']);\n      RippleElement.removeEvent(['RippleMouseOut']).find('.' + style_module_scss_1[\"default\"].Wave).css({\n        height: diameter,\n        width: diameter,\n        opacity: '0',\n        transition: transition\n      })[\"await\"](750).parent().callback(function (Parent) {\n        Parent.remove();\n      });\n    };\n\n    $(document).addEvent({\n      eventType: 'touchstart',\n      target: '.' + RippleElementClassName,\n      callback: function callback(event) {\n        EffectStart(event);\n      }\n    }).addEvent({\n      eventType: 'mousedown',\n      target: '.' + RippleElementClassName,\n      callback: function callback(event) {\n        if (amotify.config.device.isTouchDevice) return;\n        EffectStart(event);\n      }\n    });\n  };\n\n  return class_1;\n}())();\n\n//# sourceURL=src/./src/Functions/Effects/Ripple.tsx")},"./src/Functions/Effects/_.tsx":
+/*!*************************************!*\
+  !*** ./src/Functions/Effects/_.tsx ***!
+  \*************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Effects = void 0;\n\n__webpack_require__(/*! ./Ripple */ "./src/Functions/Effects/Ripple.tsx");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Effects/style.module.scss"));\n\nvar Fade_1 = __webpack_require__(/*! ./Fade */ "./src/Functions/Effects/Fade.tsx");\n\nvar Effects = __assign({}, Fade_1.FadeEffects);\n\nexports.Effects = Effects;\n/** PuddingEffect */\n\nnew (\n/** @class */\nfunction () {\n  function class_1() {\n    this.UserEvent();\n  }\n\n  class_1.prototype.UserEvent = function () {\n    $(document).addEvent({\n      eventType: \'click\',\n      target: \'.eff_pudding\',\n      callback: function callback() {\n        $(this).removeClass(style_module_scss_1["default"].PuddingEffect)["await"](1).addClass(style_module_scss_1["default"].PuddingEffect)["await"](510).removeClass(style_module_scss_1["default"].PuddingEffect);\n      }\n    });\n  };\n\n  return class_1;\n}())();\n\n//# sourceURL=src/./src/Functions/Effects/_.tsx')},"./src/Functions/Input/Chips/Selector.tsx":
+/*!************************************************!*\
+  !*** ./src/Functions/Input/Chips/Selector.tsx ***!
+  \************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.ChipsInputFNs = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/Chips/style.module.scss\"));\n\nvar Selector = function Selector(params) {\n  var _a = __read(useState('show'), 2),\n      val_status = _a[0],\n      set_status = _a[1];\n\n  var _b = __read(useState(''), 2),\n      val_keyword = _b[0],\n      set_keyword = _b[1];\n\n  var _c = __read(useState($.uuidGen()), 1),\n      val_componentID = _c[0];\n\n  var _d = __read(useState(params.options), 2),\n      val_options = _d[0],\n      set_options = _d[1];\n\n  var _e = __read(useState(val_options[0] || null), 2),\n      val_focus = _e[0],\n      set_focus = _e[1];\n\n  var _f = __read(useState(params.selected), 2),\n      val_selected = _f[0],\n      set_selected = _f[1];\n\n  var _g = __read(useState('init'), 2),\n      val_keyEvent = _g[0],\n      set_keyEvent = _g[1];\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: params.selectorID,\n      value: {\n        updateOptions: function updateOptions(options) {\n          set_options(options);\n        },\n        updateSelected: function updateSelected(selected) {\n          set_selected(selected);\n        }\n      }\n    });\n  }, []);\n  var mountedOptions = React.useRef(false);\n  useEffect(function () {\n    if (mountedOptions.current) {\n      _functions_1.Sheet.reposition(params.selectorID);\n    } else {\n      mountedOptions.current = true;\n    }\n  }, [val_options]);\n  var mountedKeyword = React.useRef(false);\n  useEffect(function () {\n    if (mountedKeyword.current) {\n      set_status('interlude');\n      set_focus(val_options[0] || null);\n\n      if (params.onDynamicSearch) {\n        $.interval.clear(val_componentID + '-dynamicSearch');\n        $.interval.standBy(val_componentID + '-dynamicSearch', 400, function () {\n          return __awaiter(void 0, void 0, void 0, function () {\n            var options;\n            return __generator(this, function (_a) {\n              switch (_a.label) {\n                case 0:\n                  return [4\n                  /*yield*/\n                  , params.onDynamicSearch(val_keyword)];\n\n                case 1:\n                  options = _a.sent().options;\n                  set_options(options);\n                  set_status('show');\n                  return [2\n                  /*return*/\n                  ];\n              }\n            });\n          });\n        });\n      } else {\n        $.interval.clear(val_componentID + '-staticSearch');\n        $.interval.standBy(val_componentID + '-staticSearch', 400, function () {\n          return __awaiter(void 0, void 0, void 0, function () {\n            var regExp, newSelection;\n            return __generator(this, function (_a) {\n              regExp = new RegExp(val_keyword, 'ig');\n              newSelection = [];\n\n              __spreadArray([], __read(params.options), false).forEach(function (o) {\n                var _a;\n\n                var match = Boolean(!val_keyword || ((_a = String(o.label)) !== null && _a !== void 0 ? _a : String(o.value)).match(regExp));\n                if (match) newSelection.push(o);\n              });\n\n              set_options(newSelection);\n              set_status('show');\n              return [2\n              /*return*/\n              ];\n            });\n          });\n        });\n      }\n    } else {\n      mountedKeyword.current = true;\n    }\n  }, [val_keyword]);\n  var mountedSelected = React.useRef(false);\n  useEffect(function () {\n    if (mountedSelected.current) {\n      params.onUpdated({\n        values: val_selected\n      });\n    } else {\n      mountedSelected.current = true;\n    }\n  }, [val_selected]);\n  useEffect(function () {\n    $.fnScope(function () {\n      if ($.is.nullish(val_focus)) return;\n      if (val_keyEvent == 'MouseEvent') return;\n      var Wrapper = $('#' + val_componentID + '-Selector-Cell-Wrap');\n      if (!Wrapper[0]) return;\n      var focusCell = $('[data-chips-selector-cell=\"' + val_componentID + '-' + JSON.stringify((val_focus === null || val_focus === void 0 ? void 0 : val_focus.value) || '').replace(/\\\"/ig, '') + '\"]');\n      if (!focusCell[0]) return;\n\n      var _a = Wrapper.position(),\n          pTop = _a.top,\n          pHeight = _a.height;\n\n      var _b = focusCell.position(),\n          cTop = _b.top,\n          cHeight = _b.height;\n\n      if (pTop <= cTop && cTop + cHeight <= pTop + pHeight) return;\n      var scroll = Wrapper[0].scrollTop + (cTop - pTop);\n\n      if (val_keyEvent == 'ArrowDown') {\n        scroll -= pHeight - cHeight - 20;\n      } else if (val_keyEvent == 'ArrowUp') {\n        scroll -= 20;\n      }\n\n      Wrapper[0].scrollTop = scroll;\n    });\n  }, [val_focus]);\n  var List = [];\n\n  if (val_status == 'interlude') {\n    List = [React.createElement(_mols_1.Row.Center, {\n      padding: 2,\n      gap: 0\n    }, React.createElement(_functions_1.Loader.Theme.R, {\n      showInitial: true\n    }), React.createElement(_atoms_1.Box, {\n      padding: [0, 1],\n      fontSize: '1.mini',\n      fontColor: '4.thin'\n    }, \"\\u691C\\u7D22\\u4E2D...\"))];\n  } else {\n    List = [val_options.map(function (option, index) {\n      var value = option.value,\n          label = option.label;\n      var safeValue = String(JSON.stringify(value));\n      var findIndex = val_selected.findIndex(function (v) {\n        return JSON.stringify(v.value) == safeValue;\n      });\n      var isSelected = findIndex != -1;\n      var isFocused = JSON.stringify((val_focus === null || val_focus === void 0 ? void 0 : val_focus.value) || '') == safeValue;\n      var styles = {};\n\n      if (isSelected || isFocused) {\n        styles = {\n          fontColor: 'theme',\n          isBoldFont: true\n        };\n      }\n\n      if (isFocused) {\n        styles = __assign(__assign({}, styles), {\n          backgroundColor: 'cloud',\n          paddingLeft: '2/3'\n        });\n      }\n\n      if (isSelected) {\n        styles = __assign(__assign({}, styles), {\n          backgroundColor: 'tcOpFew'\n        });\n      }\n\n      return React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({\n        color: 'cloud',\n        padding: '1/3',\n        tabIndex: -1,\n        textAlign: 'left',\n        \"data-chips-selector-cell\": val_componentID + '-' + safeValue.replace(/\\\"/ig, ''),\n        isActive: isSelected || isFocused,\n        isActiveStyles: styles\n      }, styles, {\n        onMouseOver: function onMouseOver() {\n          set_keyEvent('MouseEvent');\n          set_focus(option);\n        },\n        onClick: function onClick() {\n          var newSelected = __spreadArray([], __read(val_selected), false);\n\n          if (isSelected) {\n            newSelected.splice(findIndex, 1);\n          } else {\n            newSelected = __spreadArray(__spreadArray([], __read(newSelected), false), [option], false);\n\n            if (params.limit && newSelected.length > params.limit) {\n              newSelected.shift();\n            }\n          }\n\n          set_selected(newSelected);\n        }\n      }), React.createElement(params.SelectorCellComponent, {\n        isSelected: isSelected,\n        isFocused: isFocused,\n        value: value,\n        label: label\n      }));\n    })];\n  }\n\n  return React.createElement(React.Fragment, null, React.createElement(_mols_1.Column, {\n    padding: '2/3',\n    gap: '2/3',\n    borderBottom: true\n  }, React.createElement(_mols_1.Row.Separate, null, React.createElement(_functions_1.Input.Text.Normal, {\n    value: val_keyword,\n    onUpdateValidValue: function onUpdateValidValue(_a) {\n      var value = _a.value;\n      set_keyword(value);\n    },\n    id: params.selectorID + '-KeywordInput',\n    padding: '2/3',\n    placeholder: \"\\u691C\\u7D22...\",\n    leftIcon: React.createElement(_functions_1.Input.Comps.LeftIcon, {\n      right: '2/3',\n      fontSize: '1.mini',\n      fontColor: '3.blur'\n    }, React.createElement(_atoms_1.FAIcon.Search, null)),\n    onKeyDown: function onKeyDown(event) {\n      var key = event.key,\n          metaKey = event.metaKey,\n          ctrlKey = event.ctrlKey;\n      var auxKey = metaKey || ctrlKey;\n\n      if (['ArrowDown', 'ArrowUp'].includes(key)) {\n        var dir = Number(key == 'ArrowDown') * 2 - 1;\n\n        if (auxKey) {\n          var next = val_options[dir == 1 ? val_options.length - 1 : 0];\n          set_focus(next);\n        } else {\n          var nextIndex = val_options.findIndex(function (v) {\n            return JSON.stringify(v.value) == JSON.stringify((val_focus === null || val_focus === void 0 ? void 0 : val_focus.value) || '');\n          }) + dir;\n\n          if (val_options[nextIndex]) {\n            set_focus(val_options[nextIndex]);\n          } else {\n            set_focus(val_options[dir == 1 ? 0 : val_options.length - 1] || null);\n          }\n        }\n      } else if (key == 'Enter') {\n        var selectedIndex = val_selected.findIndex(function (v) {\n          return JSON.stringify(v.value) == JSON.stringify((val_focus === null || val_focus === void 0 ? void 0 : val_focus.value) || '');\n        });\n        var isSelected = selectedIndex != -1;\n\n        var newSelected = __spreadArray([], __read(val_selected), false);\n\n        if (isSelected) {\n          newSelected.splice(selectedIndex, 1);\n        } else {\n          var optionsIndex = val_options.findIndex(function (v) {\n            return JSON.stringify(v.value) == JSON.stringify((val_focus === null || val_focus === void 0 ? void 0 : val_focus.value) || '');\n          });\n          if (optionsIndex == -1) return;\n          newSelected = __spreadArray(__spreadArray([], __read(newSelected), false), [val_options[optionsIndex]], false);\n\n          if (params.limit && newSelected.length > params.limit) {\n            newSelected.shift();\n          }\n        }\n\n        set_selected(newSelected);\n      }\n\n      set_keyEvent(key);\n    }\n  }), React.createElement(_functions_1.Buttons.Button.Border.S, {\n    marginRight: '1/3',\n    ssSphere: 2,\n    backgroundColor: 'cloud',\n    borderRadius: '2.tone.secondary',\n    onClick: function onClick() {\n      _functions_1.Sheet.close(params.selectorID);\n    }\n  }, React.createElement(_atoms_1.FAIcon, {\n    d: 'window-minimize'\n  }))), React.createElement(_mols_1.Row.Separate, null, React.createElement(_mols_1.Row.Left, {\n    gap: '1/2',\n    verticalAlign: 'baseline'\n  }, React.createElement(_atoms_1.Span, {\n    fontColor: 'theme'\n  }, val_options.length), React.createElement(_atoms_1.Box, {\n    fontSize: '1.mini',\n    fontColor: '3.blur'\n  }, \"\\u4EF6\\u306E\\u30D2\\u30C3\\u30C8\")), React.createElement(_mols_1.Row.Right, null, params.limit ? React.createElement(_atoms_1.Span, {\n    fontColor: '3.blur',\n    fontSize: '1.mini'\n  }, React.createElement(_atoms_1.Span, {\n    fontSize: '3.paragraph',\n    fontColor: 'theme',\n    isBoldFont: true\n  }, val_selected.length), \" / \", params.limit, \" \\u4EF6\") : null))), React.createElement(_mols_1.Column, {\n    gap: '1/4',\n    padding: '1/2',\n    overflow: 'auto',\n    freeCSS: {\n      maxHeight: 12 * 26,\n      maxWidth: 12 * 26\n    },\n    id: val_componentID + '-Selector-Cell-Wrap',\n    className: style_module_scss_1[\"default\"].SelectorWrapper\n  }, List), params.bottomContent);\n};\n\nexports.ChipsInputFNs = {\n  openSelector: function openSelector(params) {\n    var selectorID = params.selectorID,\n        options = params.options,\n        selected = params.selected,\n        limit = params.limit,\n        bottomContent = params.bottomContent,\n        onDynamicSearch = params.onDynamicSearch,\n        SelectorCellComponent = params.SelectorCellComponent,\n        onUpdated = params.onUpdated,\n        onClosed = params.onClosed,\n        parent = params.parent,\n        sheetarams = __rest(params, [\"selectorID\", \"options\", \"selected\", \"limit\", \"bottomContent\", \"onDynamicSearch\", \"SelectorCellComponent\", \"onUpdated\", \"onClosed\", \"parent\"]);\n\n    var sheetID = selectorID;\n\n    SelectorCellComponent = SelectorCellComponent || function (params) {\n      return React.createElement(_mols_1.Row.Left, null, React.createElement(_atoms_1.FAIcon.CheckCircle, {\n        isSolidIcon: params.isSelected,\n        isRegularIcon: !params.isSelected,\n        fontColor: params.isSelected ? 'theme' : '6.clear'\n      }), params.label);\n    };\n\n    _functions_1.Sheet.open(__assign(__assign({\n      parent: parent,\n      sheetID: sheetID,\n      type: 'custom',\n      gravityPoint: 22,\n      padding: [1, 0],\n      holdState: true,\n      closeOption: {\n        aroundClick: true,\n        escapeKeyDown: true\n      }\n    }, sheetarams), {\n      content: React.createElement(_atoms_1.Box, {\n        borderRadius: '2.tone.secondary',\n        backgroundColor: '1.layer.base',\n        border: true,\n        boxShadow: 'borderBox',\n        overflow: 'hidden'\n      }, React.createElement(Selector, {\n        selectorID: selectorID,\n        options: options,\n        limit: limit,\n        selected: selected,\n        onUpdated: onUpdated,\n        SelectorCellComponent: SelectorCellComponent,\n        bottomContent: bottomContent,\n        onDynamicSearch: onDynamicSearch\n      })),\n      openAfter: function openAfter() {\n        $('#' + params.selectorID + '-KeywordInput').focus();\n      },\n      closeAfter: function closeAfter() {\n        onClosed();\n      }\n    }));\n  },\n  closeSelector: function closeSelector(selectorID) {\n    _functions_1.Sheet.close(selectorID);\n  },\n  updateOptions: function updateOptions(selectorID, options) {\n    var C = _global_1.useStore.get(selectorID);\n\n    if (C && C.updateOptions) C.updateOptions(options);\n  },\n  updateSelected: function updateSelected(selectorID, selected) {\n    var C = _global_1.useStore.get(selectorID);\n\n    if (C && C.updateSelected) C.updateSelected(selected);\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/Chips/Selector.tsx")},"./src/Functions/Input/Chips/_.tsx":
+/*!*****************************************!*\
+  !*** ./src/Functions/Input/Chips/_.tsx ***!
+  \*****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.ChipsInput = void 0;\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ "./src/Molecules/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar core_1 = __webpack_require__(/*! ../core */ "./src/Functions/Input/core.tsx");\n\nvar Selector_1 = __webpack_require__(/*! ./Selector */ "./src/Functions/Input/Chips/Selector.tsx");\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var required = params.required;\n  var notice = [];\n\n  if (required && !value.length) {\n    notice.push({\n      type: \'invalid\',\n      label: \'一つ以上選択してください\'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == \'invalid\';\n    }).length,\n    notice: notice\n  };\n}\n\nvar DataWrapping = function DataWrapping(params) {\n  var DefaultValues = __spreadArray([], __read(params.value || []), false);\n\n  var Values = DefaultValues.splice(0, params.limit || 65535);\n  return React.createElement(Core, __assign({\n    SelectedCellComponent: function SelectedCellComponent(params) {\n      var value = params.value,\n          label = params.label,\n          removeCallback = params.removeCallback;\n      return React.createElement(_mols_1.Row.Left, {\n        ssCardBox: true,\n        padding: \'1/2\',\n        gap: \'1/2\',\n        isRounded: true,\n        textAlign: \'left\'\n      }, label, params.defaultRemoveButton);\n    },\n    AddButtonComponent: function AddButtonComponent(props) {\n      if (params.limit && params.limit <= props.selected.length) return null;\n      return React.createElement(_functions_1.Buttons.Button.Sub.R, {\n        color: \'cloud\',\n        padding: \'1/2\',\n        onClick: function onClick() {\n          props.openCallback();\n        }\n      }, React.createElement(_atoms_1.FAIcon.Plus, null), "\\u8FFD\\u52A0\\u3059\\u308B");\n    }\n  }, params, {\n    value: Values\n  }));\n};\n\nvar Core = function Core(params) {\n  var required = params.required,\n      form = params.form,\n      name = params.name,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _a = params.value,\n      value = _a === void 0 ? [] : _a,\n      limit = params.limit,\n      SelectedCellComponent = params.SelectedCellComponent,\n      AddButtonComponent = params.AddButtonComponent,\n      others = __rest(params, ["required", "form", "name", "checkValidationAtFirst", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "limit", "SelectedCellComponent", "AddButtonComponent"]);\n\n  AddButtonComponent = AddButtonComponent;\n\n  var _b = __read(useState($.uuidGen()), 1),\n      val_selectorID = _b[0];\n\n  var _c = __read(useState({\n    componentID: params.componentID || \'\',\n    dataValue: value.map(function (val) {\n      return val;\n    }),\n    eventID: $.uuidGen(),\n    eventType: \'init\'\n  }), 2),\n      val_status = _c[0],\n      set_status = _c[1];\n\n  var _d = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _d[0],\n      set_validate = _d[1];\n\n  var _e = __read(useState(__spreadArray([], __read(value), false)), 2),\n      val_selected = _e[0],\n      set_selected = _e[1];\n\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    ExtraOverrideParams: {\n      formatValue: val_selected,\n      dataValue: val_selected.map(function (val) {\n        return val;\n      })\n    },\n    ExtraStoreParams: {\n      searchTimer: null\n    }\n  });\n\n  var UpdateValue = function UpdateValue(values) {\n    set_selected(values);\n    set_status(__assign(__assign({}, val_status), {\n      dataValue: values.map(function (val) {\n        return val;\n      }),\n      eventID: $.uuidGen(),\n      eventType: \'update\'\n    }));\n  };\n\n  var OpenSelector = function OpenSelector() {\n    Selector_1.ChipsInputFNs.openSelector({\n      parent: DefaultParentQuerySelector,\n      gravityPoint: params.selectorGravityPoint,\n      SelectorCellComponent: params.SelectorCellComponent,\n      selectorID: val_selectorID,\n      options: params.defaultOptions || [],\n      selected: val_selected,\n      limit: params.limit,\n      onDynamicSearch: params.onDynamicSearch,\n      onUpdated: function onUpdated(args) {\n        UpdateValue(args.values);\n      },\n      onClosed: function onClosed() {\n        $(DefaultParentQuerySelector).focus();\n      }\n    });\n  };\n\n  var DefaultParentQuerySelector = "[data-chips-input-wrapper=\\"".concat(val_selectorID, "\\"]");\n  var isFully = limit && limit <= val_selected.length;\n  var mounted = React.useRef(false);\n  useEffect(function () {\n    if (mounted.current) {\n      if (isFully) {\n        _functions_1.Sheet.close(val_selectorID);\n\n        $(DefaultParentQuerySelector).focus();\n      }\n    } else {\n      mounted.current = true;\n    }\n  }, [val_selected]);\n  var Selected = val_selected.map(function (s) {\n    var value = s.value,\n        label = s.label;\n    SelectedCellComponent = SelectedCellComponent;\n\n    var removeCallback = function removeCallback() {\n      var findIndex = val_selected.findIndex(function (v) {\n        return v.value == value;\n      });\n      if (findIndex == -1) return;\n\n      var newSelected = __spreadArray([], __read(val_selected), false);\n\n      newSelected.splice(findIndex, 1);\n      UpdateValue(newSelected);\n\n      if (!newSelected.length) {\n        setTimeout(function () {\n          $(DefaultParentQuerySelector).focus();\n        }, 200);\n      }\n    };\n\n    return React.createElement(SelectedCellComponent, {\n      value: value,\n      label: label,\n      removeCallback: removeCallback,\n      defaultRemoveButton: React.createElement(_functions_1.Buttons.Button.Sub.S, {\n        flexSizing: \'none\',\n        color: \'cloud\',\n        backgroundColor: \'cloud\',\n        isRounded: true,\n        onClick: function onClick() {\n          removeCallback();\n        }\n      }, React.createElement(_atoms_1.FAIcon.Times, null)),\n      openCallback: function openCallback() {\n        OpenSelector();\n      }\n    });\n  });\n  return React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, React.createElement(_functions_1.Input.Hidden, {\n    "data-value": JSON.stringify(val_status.dataValue.map(function (v) {\n      return v.value;\n    })),\n    name: name,\n    form: form,\n    "data-input-type": \'chips-\' + [\'single\', \'multi\'][Number(params.limit != 1)],\n    "data-validation": val_validate.ok,\n    componentID: val_status.componentID,\n    "data-focusor": val_selectorID\n  }), React.createElement("button", __assign({\n    "data-chips-input-wrapper": val_selectorID,\n    onKeyDown: function onKeyDown(e) {\n      var key = e.key,\n          ctrlKey = e.ctrlKey,\n          metaKey = e.metaKey,\n          keyCode = e.keyCode;\n      var auxKey = ctrlKey || metaKey;\n      var isString = keyCode >= 48 && keyCode <= 57 || keyCode >= 65 && keyCode <= 90 || keyCode >= 96 && keyCode <= 105;\n\n      if (isString) {\n        if (isFully) return;\n        OpenSelector();\n      } else if (key == \'Tab\') {} else if (key == \'Backspace\') {\n        if (!val_selected.length) return;\n\n        if (auxKey) {\n          UpdateValue([]);\n        } else {\n          var newSelected = __spreadArray([], __read(val_selected), false);\n\n          newSelected.pop();\n          UpdateValue(newSelected);\n        }\n      }\n    },\n    onClick: function onClick() {\n      if (isFully) return;\n      if (val_selected.length) return;\n      OpenSelector();\n    }\n  }, others), !isFully ? React.createElement(AddButtonComponent, {\n    selected: val_selected,\n    openCallback: OpenSelector\n  }) : null, Selected));\n};\n\nvar ChipsInput = DataWrapping;\nexports.ChipsInput = ChipsInput;\nChipsInput.fn = Selector_1.ChipsInputFNs;\n\n//# sourceURL=src/./src/Functions/Input/Chips/_.tsx')},"./src/Functions/Input/DigitCharacters.tsx":
+/*!*************************************************!*\
+  !*** ./src/Functions/Input/DigitCharacters.tsx ***!
+  \*************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.DigitCharactersInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useState = _global_1.React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar core_1 = __webpack_require__(/*! ./core */ \"./src/Functions/Input/core.tsx\");\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var _a = params,\n      required = _a.required,\n      _b = _a.numericOnly,\n      numericOnly = _b === void 0 ? false : _b,\n      digits = _a.digits;\n  var notice = [];\n\n  if (required && !value) {\n    notice.push({\n      type: 'invalid',\n      label: '必須項目です'\n    });\n  }\n\n  if (value) {\n    if (numericOnly && value.match(/\\D/)) {\n      notice.push({\n        type: 'invalid',\n        label: '数字のみで入力してください'\n      });\n    }\n\n    if (value.length != digits) {\n      notice.push({\n        type: 'warn',\n        label: '最後まで入力してください'\n      });\n    }\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == 'invalid' || type == 'warn';\n    }).length,\n    notice: notice\n  };\n}\n\nvar dataToFormat = function dataToFormat(digits, value) {\n  if (value === void 0) {\n    value = '';\n  }\n\n  var dataValue = String(value);\n  var formatValue = [];\n\n  for (var index = 0; index < digits; index++) {\n    formatValue[index] = dataValue[index] || '';\n  }\n\n  return {\n    formatValue: formatValue,\n    dataValue: dataValue\n  };\n};\n\nvar formatToData = function formatToData(value) {\n  if (value === void 0) {\n    value = '';\n  }\n\n  var formatValue = value;\n  var dataValue = formatValue.join('');\n  return {\n    formatValue: formatValue,\n    dataValue: dataValue\n  };\n};\n\nvar DigitCharactersInput = function DigitCharactersInput(params) {\n  var tone = params.tone,\n      required = params.required,\n      form = params.form,\n      name = params.name,\n      _a = params.className,\n      className = _a === void 0 ? '' : _a,\n      digits = params.digits,\n      _b = params.numericOnly,\n      numericOnly = _b === void 0 ? false : _b,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      onChange = params.onChange,\n      onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _c = params.value,\n      value = _c === void 0 ? '' : _c,\n      override = params.override,\n      statusID = params.statusID,\n      componentID = params.componentID,\n      listStyles = params.listStyles,\n      others = __rest(params, [\"tone\", \"required\", \"form\", \"name\", \"className\", \"digits\", \"numericOnly\", \"enableFormSubmit\", \"checkValidationAtFirst\", \"onChange\", \"onKeyDown\", \"onValidate\", \"onUpdateValue\", \"onUpdateValidValue\", \"value\", \"override\", \"statusID\", \"componentID\", \"listStyles\"]);\n\n  if (numericOnly) {\n    params.inputMode = params.inputMode || 'numeric';\n  }\n\n  var Default_Status = __assign(__assign({\n    componentID: params.componentID || ''\n  }, dataToFormat(digits, value)), {\n    eventType: 'init',\n    eventID: $.uuidGen()\n  });\n\n  var _d = __read(useState(Default_Status), 2),\n      val_status = _d[0],\n      set_status = _d[1];\n\n  var _e = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _e[0],\n      set_validate = _e[1];\n\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    DefaultValidation: DefaultValidation\n  });\n  var Digits = [];\n\n  var _loop_1 = function _loop_1(index) {\n    var Character = val_status.formatValue[index];\n    var Styles = {};\n\n    if (params.combineInput) {\n      if (index == 0) {\n        Styles = {\n          borderTopLeftRadius: 'inherit',\n          borderBottomLeftRadius: 'inherit'\n        };\n      } else if (index == digits - 1) {\n        Styles = {\n          borderTopRightRadius: 'inherit',\n          borderBottomRightRadius: 'inherit'\n        };\n      }\n    }\n\n    Digits.push(_global_1.React.createElement(\"input\", {\n      type: 'text',\n      inputMode: params.inputMode || 'text',\n      value: Character,\n      \"data-form-name\": form,\n      id: 'Digit-' + index + '-' + val_status.componentID,\n      className: className,\n      style: __assign(__assign({}, params.style), Styles),\n      onKeyDown: function onKeyDown(event) {\n        var key = event.key,\n            code = event.code;\n        if (key == 'Tab') return;\n        event.preventDefault();\n        var nextFocusIndex = null;\n\n        if (key == 'Backspace') {\n          var newFormatValue = val_status.formatValue;\n          newFormatValue[index] = '';\n          set_status(__assign(__assign(__assign({}, val_status), formatToData(newFormatValue)), {\n            eventType: 'update',\n            eventID: $.uuidGen()\n          }));\n          nextFocusIndex = index - 1;\n        } else if (['ArrowLeft', 'ArrowRight'].includes(key)) {\n          var dir = Number(key == 'ArrowRight') * 2 - 1;\n          nextFocusIndex = index + dir;\n        } else {\n          if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n\n          (function () {\n            var regExp = code.match(/^(Key(.)|Digit(\\d)|Numpad(\\d))/);\n            if (!regExp) return;\n            var newCharacter = regExp[2] || regExp[3] || regExp[4];\n\n            if (numericOnly) {\n              if (!newCharacter.match(/\\d/)) return;\n            }\n\n            if (!newCharacter) return;\n            var newFormatValue = val_status.formatValue;\n            newFormatValue[index] = newCharacter;\n            set_status(__assign(__assign(__assign({}, val_status), formatToData(newFormatValue)), {\n              eventType: 'update',\n              eventID: $.uuidGen()\n            }));\n            nextFocusIndex = index + 1;\n          })();\n        }\n\n        if ($.is.exist(nextFocusIndex)) {\n          $('#Digit-' + nextFocusIndex + '-' + val_status.componentID).focus();\n        }\n      }\n    }));\n  };\n\n  for (var index = 0; index < digits; index++) {\n    _loop_1(index);\n  }\n\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement(_functions_1.Input.Hidden, __assign({\n    name: name,\n    \"data-input-type\": 'digitCharacters',\n    \"data-form\": form,\n    \"data-validation\": val_validate.ok,\n    componentID: val_status.componentID,\n    \"data-value\": val_status.dataValue\n  }, others)), _global_1.React.createElement(_atoms_1.Flex, __assign({\n    gap: '1/2',\n    flexChilds: 'even',\n    flexWrap: false,\n    flexSizing: 'auto'\n  }, listStyles), Digits));\n};\n\nexports.DigitCharactersInput = DigitCharactersInput;\n\n//# sourceURL=src/./src/Functions/Input/DigitCharacters.tsx")},"./src/Functions/Input/File/_.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Input/File/_.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FileInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar core_1 = __webpack_require__(/*! ../core */ \"./src/Functions/Input/core.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/File/style.module.scss\"));\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var required = params.required;\n  var notice = [];\n\n  if (required && !value.length) {\n    notice.push({\n      type: 'invalid',\n      label: '必須項目です'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == 'invalid';\n    }).length,\n    notice: notice\n  };\n}\n\nvar FileComponent = function FileComponent(params) {\n  var tone = params.tone,\n      required = params.required,\n      form = params.form,\n      _a = params.fileNameEdit,\n      fileNameEdit = _a === void 0 ? true : _a,\n      _b = params.systemOnly,\n      systemOnly = _b === void 0 ? false : _b,\n      _c = params.accept,\n      accept = _c === void 0 ? '*' : _c,\n      _d = params.limit,\n      limit = _d === void 0 ? 1 : _d,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      onChange = params.onChange,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _e = params.value,\n      value = _e === void 0 ? [] : _e,\n      className = params.className,\n      cellStyles = params.cellStyles,\n      cellClassName = params.cellClassName,\n      others = __rest(params, [\"tone\", \"required\", \"form\", \"fileNameEdit\", \"systemOnly\", \"accept\", \"limit\", \"checkValidationAtFirst\", \"onChange\", \"onValidate\", \"onUpdateValue\", \"onUpdateValidValue\", \"value\", \"className\", \"cellStyles\", \"cellClassName\"]);\n\n  var Default_Status = {\n    componentID: params.componentID || '',\n    dataValue: value,\n    eventType: 'init',\n    eventID: $.uuidGen()\n  };\n\n  var _f = __read(useState(Default_Status), 2),\n      val_status = _f[0],\n      set_status = _f[1];\n\n  var _g = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _g[0],\n      set_validate = _g[1];\n\n  (0, core_1.CommonEffects)({\n    type: 'file',\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    ExtraOverrideParams: {\n      dataValue: value,\n      formatValue: value\n    },\n    ExtraStoreParams: {\n      AddFiles: function AddFiles(files) {\n        return __awaiter(void 0, void 0, void 0, function () {\n          var currentFiles, newFiles, i, file, type, name_1;\n          return __generator(this, function (_a) {\n            currentFiles = _global_1.useStore.get(val_status.componentID).Files;\n            newFiles = [];\n\n            for (i = 0; i < (files === null || files === void 0 ? void 0 : files.length); i++) {\n              file = files[i];\n              type = file.type, name_1 = file.name;\n\n              if (i + 1 + currentFiles.length > limit) {\n                _functions_1.SnackBar.add({\n                  componentID: name_1,\n                  secondsToClose: 12000,\n                  children: \"\\u30D5\\u30A1\\u30A4\\u30EB\\u9078\\u629E\\u4E0A\\u9650\\u3092\\u8D85\\u3048\\u305F\\u305F\\u3081\\u3001\".concat(name_1, \"}\\u306F\\u8FFD\\u52A0\\u3067\\u304D\\u307E\\u305B\\u3093\\u3002\"),\n                  backgroundColor: 'nega'\n                });\n\n                continue;\n              }\n\n              if (accept) {\n                if (accept == 'image') {\n                  if (!type.match(/image/)) {\n                    _functions_1.SnackBar.add({\n                      componentID: name_1,\n                      secondsToClose: 12000,\n                      children: \"\\u30D5\\u30A1\\u30A4\\u30EB\\u5F62\\u5F0F\\u304C\\u7570\\u306A\\u308B\\u305F\\u3081\\u3001\".concat(name_1, \" \\u306F\\u8FFD\\u52A0\\u3067\\u304D\\u307E\\u305B\\u3093\\u3002\"),\n                      backgroundColor: 'nega'\n                    });\n\n                    continue;\n                  }\n                }\n              }\n\n              newFiles.push(file);\n            }\n\n            set_status(__assign(__assign({}, val_status), {\n              dataValue: __spreadArray(__spreadArray([], __read(currentFiles), false), __read(newFiles), false),\n              eventType: 'update',\n              eventID: $.uuidGen()\n            }));\n            return [2\n            /*return*/\n            ];\n          });\n        });\n      }\n    }\n  });\n  var Accept = '';\n\n  if (accept) {\n    if (accept == 'image') Accept = 'image/png,image/jpeg';else Accept = accept;\n  }\n\n  return React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, React.createElement(\"input\", __assign({\n    type: 'file',\n    className: style_module_scss_1[\"default\"].Input,\n    \"data-form\": form,\n    \"data-input-type\": 'file',\n    \"data-component-id\": val_status.componentID,\n    \"data-validation\": val_validate.ok,\n    accept: Accept,\n    multiple: limit == 1 ? false : true,\n    onChange: function onChange(event) {\n      return __awaiter(void 0, void 0, void 0, function () {\n        var Input, files, newFiles, i, file, fileName;\n        return __generator(this, function (_a) {\n          Input = event.target;\n          files = Input.files;\n          newFiles = [];\n\n          for (i = 0; i < (files === null || files === void 0 ? void 0 : files.length); i++) {\n            file = files[i];\n            fileName = file.name;\n            file.id = $.uuidGen();\n\n            if (i + 1 + val_status.dataValue.length > limit) {\n              _functions_1.SnackBar.add({\n                componentID: fileName,\n                secondsToClose: 12000,\n                children: \"\\u30D5\\u30A1\\u30A4\\u30EB\\u767B\\u9332\\u6570\\u3092\\u8D85\\u3048\\u305F\\u305F\\u3081\\u3001\".concat(fileName, \"}\\u306F\\u8FFD\\u52A0\\u3067\\u304D\\u307E\\u305B\\u3093\\u3067\\u3057\\u305F\\u3002\"),\n                backgroundColor: 'nega'\n              });\n\n              continue;\n            }\n\n            newFiles.push(file);\n          }\n\n          set_status(__assign(__assign({}, val_status), {\n            dataValue: __spreadArray(__spreadArray([], __read(val_status.dataValue), false), __read(newFiles), false),\n            eventType: 'update',\n            eventID: $.uuidGen()\n          }));\n          Input.value = '';\n          return [2\n          /*return*/\n          ];\n        });\n      });\n    }\n  }, others, {\n    tabIndex: -1,\n    value: ''\n  })), !systemOnly ? React.createElement(FileList, {\n    files: val_status.dataValue,\n    params: params,\n    val_status: val_status,\n    set_status: set_status\n  }) : null);\n};\n\nvar FileList = function FileList(props) {\n  var files = props.files,\n      params = props.params,\n      val_status = props.val_status,\n      set_status = props.set_status;\n  var Left = (params.limit || 1) - val_status.dataValue.length;\n  var Files = files.map(function (file, index) {\n    return React.createElement(FileCell, {\n      key: file.name,\n      index: index,\n      file: file,\n      className: params.cellClassName,\n      val_status: val_status,\n      set_status: set_status,\n      fileNameEdit: params.fileNameEdit\n    });\n  });\n\n  if (Left > 0) {\n    Files.push(React.createElement(_functions_1.Buttons.Label.Plain, {\n      key: 'AddButton',\n      className: [params.cellClassName, style_module_scss_1[\"default\"].AddButton].join(' '),\n      htmlFor: params.id,\n      tabIndex: params.tabIndex,\n      onKeyDown: function onKeyDown(event) {\n        var key = event.key;\n\n        if (params.tabIndex != -1) {\n          if ([' ', 'Enter'].includes(key)) {\n            $('#' + params.id).click();\n          }\n        }\n      }\n    }, React.createElement(_mols_1.Row.Center, {\n      padding: ['1/3', 0]\n    }, React.createElement(_atoms_1.Box, {\n      isRounded: true,\n      className: style_module_scss_1[\"default\"].AddIcon\n    }, React.createElement(_atoms_1.FAIcon, {\n      d: 'cloud-arrow-up',\n      className: style_module_scss_1[\"default\"].Icon,\n      fontColor: 'theme',\n      backgroundColor: 'tcOpLow',\n      padding: 0,\n      unitWidth: 4,\n      unitHeight: 4,\n      isRounded: true\n    })), React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.Box, {\n      children: 'ファイルを選択' + \"\\uFF08\".concat(Left, \"\\uFF09\"),\n      fontColor: 'theme',\n      fontSize: '2.normal',\n      isBoldFont: true\n    }), React.createElement(_atoms_1.Box, {\n      children: 'または、ファイルをドロップ',\n      fontColor: '4.thin',\n      fontSize: '0.xs'\n    })))));\n  }\n\n  return React.createElement(_mols_1.Column, {\n    flexSizing: 'auto',\n    className: params.className,\n    children: Files\n  });\n};\n\nvar FileCell = function FileCell(props) {\n  var index = props.index,\n      file = props.file,\n      className = props.className,\n      val_status = props.val_status,\n      set_status = props.set_status,\n      _a = props.fileNameEdit,\n      fileNameEdit = _a === void 0 ? true : _a;\n  var fileName = file.name,\n      size = file.size,\n      type = file.type;\n\n  var _b = __read(useState(false), 2),\n      val_edit = _b[0],\n      set_edit = _b[1];\n\n  var FileID = $.uuidGen();\n  var Size = size.rank();\n\n  var _c = __read(fileName.replace(/\\s/, '').replace(/(.*)\\.(.*)$/, '$1 $2').split(' '), 2),\n      name = _c[0],\n      extension = _c[1];\n\n  var FileType = {\n    name: '不明',\n    icon: 'fal file'\n  };\n\n  if (type.match(/image/)) {\n    FileType = {\n      name: type.replace(/image\\//, ''),\n      icon: 'image'\n    };\n  } else if (type.match(/pdf/)) {\n    FileType = {\n      name: 'PDF',\n      icon: 'file-pdf'\n    };\n  } else if (type.match(/csv/)) {\n    FileType = {\n      name: 'CSV',\n      icon: 'file-csv'\n    };\n  } else if (type.match(/spreadsheet/)) {\n    FileType = {\n      name: 'SpreadSheet',\n      icon: 'file-excel'\n    };\n  } else if (type.match(/presentation/)) {\n    FileType = {\n      name: 'PowerPoint',\n      icon: 'file-powerpoint'\n    };\n  } else if (type.match(/word/)) {\n    FileType = {\n      name: 'Word',\n      icon: 'file-word'\n    };\n  } else if (type.match(/zip/)) {\n    FileType = {\n      name: 'Zip',\n      icon: 'file-zipper'\n    };\n  } else if (type.match(/powerpoint/)) {\n    FileType = {\n      name: 'PowerPoint',\n      icon: 'file-powerpoint'\n    };\n  } else if (type.match(/html/)) {\n    FileType = {\n      name: 'HTML',\n      icon: 'fab html5'\n    };\n  } else if (type.match(/js/)) {\n    FileType = {\n      name: 'JS',\n      icon: 'fab js-square'\n    };\n  } else if (type.match(/css/)) {\n    FileType = {\n      name: 'CSS',\n      icon: 'fab css3-alt'\n    };\n  } else if (type.match(/text\\/plain/)) {\n    FileType = {\n      name: 'テキスト',\n      icon: 'file-lines'\n    };\n  }\n\n  useEffect(function () {\n    if (val_edit) {\n      setTimeout(function () {\n        $('#' + FileID)[0].focus();\n      }, 100);\n    }\n  }, [val_edit]);\n  return React.createElement(_atoms_1.Flex, {\n    verticalAlign: 'center',\n    flexWrap: false,\n    gap: 1,\n    className: className\n  }, React.createElement(_atoms_1.FAIcon, {\n    fontSize: '4.thirdTitle',\n    fontColor: 'theme',\n    d: FileType.icon\n  }), React.createElement(_atoms_1.Box, {\n    flexSizing: 0\n  }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.Flex, {\n    verticalAlign: 'center',\n    gap: '2/3',\n    flexWrap: false,\n    className: style_module_scss_1[\"default\"].FileName,\n    children: !val_edit ? React.createElement(React.Fragment, null, fileName, fileNameEdit ? React.createElement(_functions_1.Buttons.Button.Clear.R, {\n      padding: '1/3',\n      ssEffectsOnActive: 'expand',\n      children: React.createElement(_atoms_1.FAIcon, {\n        d: 'pen'\n      }),\n      onClick: function onClick() {\n        set_edit(true);\n      }\n    }) : null) : React.createElement(React.Fragment, null, React.createElement(_mols_1.Column, {\n      gap: '1/2',\n      flexSizing: 0\n    }, React.createElement(_atoms_1.Flex, {\n      gap: '2/3',\n      verticalAlign: 'center'\n    }, React.createElement(_functions_1.Input.Text.Normal, {\n      tone: 'border',\n      wrapStyles: {\n        flexSizing: 'auto'\n      },\n      restrict: 'fileName',\n      name: 'name',\n      required: true,\n      id: FileID,\n      form: 'form-' + FileID,\n      enableFormSubmit: true,\n      value: name,\n      onKeyDown: function onKeyDown(event) {\n        var key = event.key;\n        if (key == 'Escape') set_edit(false);\n      }\n    }), React.createElement(_atoms_1.Box, null, \". \", extension)), React.createElement(_atoms_1.Flex, {\n      gap: '2/3',\n      horizontalAlign: 'right',\n      flexWrap: false\n    }, React.createElement(_functions_1.Buttons.Button.Sub.R, {\n      padding: ['2/3', 1],\n      children: '閉じる',\n      onClick: function onClick() {\n        set_edit(false);\n      }\n    }), React.createElement(_functions_1.Buttons.Button.Prime.R, {\n      padding: ['2/3', 1],\n      submitOption: {\n        formName: 'form-' + FileID,\n        submitDelegationKey: 'auxEnter',\n        callback: function callback(form) {\n          return __awaiter(void 0, void 0, void 0, function () {\n            var name, nextFiles, prevFile, id, target, dataUrl, newBlob, newFile;\n            return __generator(this, function (_a) {\n              switch (_a.label) {\n                case 0:\n                  name = form.name;\n                  nextFiles = __spreadArray([], __read(val_status.dataValue), false);\n                  prevFile = nextFiles[index];\n                  id = prevFile.id;\n                  if (!prevFile) return [2\n                  /*return*/\n                  ];\n                  return [4\n                  /*yield*/\n                  , prevFile.read()];\n\n                case 1:\n                  target = _a.sent().target;\n                  if (!target) return [2\n                  /*return*/\n                  ];\n                  dataUrl = String(target.result);\n                  return [4\n                  /*yield*/\n                  , dataUrl.toBlob(file.type)];\n\n                case 2:\n                  newBlob = _a.sent();\n                  if (!newBlob) return [2\n                  /*return*/\n                  ];\n                  newFile = new File([newBlob], name + '.' + extension, {\n                    type: prevFile.type\n                  });\n                  newFile.id = id;\n                  nextFiles[index] = newFile;\n                  set_status(__assign(__assign({}, val_status), {\n                    dataValue: nextFiles,\n                    eventType: 'update',\n                    eventID: $.uuidGen()\n                  }));\n                  set_edit(false);\n                  return [2\n                  /*return*/\n                  ];\n              }\n            });\n          });\n        }\n      }\n    }, \"\\u6C7A\\u5B9A\"))))\n  })), !val_edit ? React.createElement(React.Fragment, null, React.createElement(_atoms_1.Box, {\n    fontSize: '1.mini',\n    fontColor: '4.thin',\n    flexSizing: 0,\n    children: FileType.name + 'ファイル / ' + Size + 'B'\n  })) : null), React.createElement(_functions_1.Buttons.Button.Sub.R, {\n    ssSphere: 3,\n    onClick: function onClick() {\n      var nextFiles = __spreadArray([], __read(val_status.dataValue), false);\n\n      var prevFile = nextFiles[index];\n      if (!prevFile) return;\n      nextFiles.splice(index, 1);\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: nextFiles,\n        eventType: 'update',\n        eventID: $.uuidGen()\n      }));\n    }\n  }, React.createElement(_atoms_1.FAIcon.Times, null)));\n};\n\n(function () {\n  return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n      $(document).addEvent({\n        eventType: 'dragover',\n        callback: function callback(event) {\n          event.preventDefault();\n          $('.' + style_module_scss_1[\"default\"].AddButton).addClass(style_module_scss_1[\"default\"].Draggable);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventType: 'drop',\n        callback: function callback(event) {\n          event.preventDefault();\n          $('.' + style_module_scss_1[\"default\"].AddButton).removeClass(style_module_scss_1[\"default\"].Draggable);\n          var Files = event.dataTransfer.files;\n\n          if (Files.length) {\n            var Target = event.target;\n\n            if ($(Target).hasClass(style_module_scss_1[\"default\"].AddButton)) {\n              var inputComponentId = Target.dataset.inputComponentId;\n\n              var component = _global_1.useStore.get(inputComponentId);\n\n              if (component && component.AddFiles) component.AddFiles(Files);\n            }\n          }\n        },\n        option: {\n          passive: false\n        }\n      });\n      return [2\n      /*return*/\n      ];\n    });\n  });\n})();\n\nvar FileInput = FileComponent;\nexports.FileInput = FileInput;\nFileInput.fn = {\n  openDialog: function openDialog(params) {\n    var multiple = params.multiple,\n        accept = params.accept;\n    return new Promise(function (resolve) {\n      var input = document.createElement('input');\n      input.type = 'file';\n      input.multiple = multiple !== null && multiple !== void 0 ? multiple : true;\n\n      if (accept) {\n        if (accept == 'image') input.accept = 'image/png,image/jpeg';else input.accept = accept;\n      }\n\n      input.onchange = function (event) {\n        resolve(event.target.files);\n      };\n\n      input.click();\n    });\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/File/_.tsx")},"./src/Functions/Input/Hidden.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Input/Hidden.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.HiddenInput = void 0;\n\nvar HiddenInput = function HiddenInput(params) {\n  var _a = params.componentID,\n      componentID = _a === void 0 ? \'\' : _a,\n      form = params.form,\n      _b = params.value,\n      value = _b === void 0 ? \'\' : _b,\n      others = __rest(params, ["componentID", "form", "value"]);\n\n  return React.createElement("input", __assign({\n    value: JSON.stringify(value),\n    "data-input-type": \'hidden\',\n    "data-form": form,\n    "data-component-id": componentID,\n    "data-value": JSON.stringify(value)\n  }, others, {\n    type: \'hidden\'\n  }));\n};\n\nexports.HiddenInput = HiddenInput;\n\n//# sourceURL=src/./src/Functions/Input/Hidden.tsx')},"./src/Functions/Input/List/_.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Input/List/_.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.ListInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar useState = _global_1.React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar core_1 = __webpack_require__(/*! ../core */ "./src/Functions/Input/core.tsx");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Input/List/style.module.scss"));\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var _a = params,\n      type = _a.type,\n      required = _a.required,\n      _b = _a.minSelect,\n      minSelect = _b === void 0 ? 0 : _b;\n  var notice = [];\n\n  if (required) {\n    if (!value.length) {\n      if (type == \'radio\') {\n        notice.push({\n          type: \'invalid\',\n          label: \'選択されていません\'\n        });\n      }\n    }\n  }\n\n  if (minSelect) {\n    if (value.length < minSelect) {\n      notice.push({\n        type: \'invalid\',\n        label: "".concat(minSelect, "\\u500B\\u4EE5\\u4E0A\\u9078\\u629E\\u3057\\u3066\\u304F\\u3060\\u3055\\u3044")\n      });\n    }\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == \'invalid\';\n    }).length,\n    notice: notice\n  };\n}\n\nvar ListInput = function ListInput(props) {\n  var value = props.value,\n      _a = props.options,\n      options = _a === void 0 ? [] : _a;\n  var Values = $.is.exist(value) ? $.flatArray(value) : [];\n  var DefaultOptions = options.map(function (option) {\n    var value = option.value,\n        label = option.label;\n    return __assign(__assign({}, option), {\n      value: JSON.stringify(value),\n      label: label\n    });\n  });\n  var DefaultValues = [];\n  Values.forEach(function (value) {\n    var Val = JSON.stringify(value);\n    var Index = DefaultOptions.findIndex(function (option) {\n      return option.value == Val;\n    });\n    if (Index == -1) return;\n    DefaultValues.push(Val);\n  });\n  return _global_1.React.createElement(Core, __assign({}, props, {\n    value: DefaultValues,\n    options: DefaultOptions\n  }));\n};\n\nexports.ListInput = ListInput;\n\nvar Core = function Core(params) {\n  var type = params.type,\n      tone = params.tone,\n      required = params.required,\n      _a = params.componentID,\n      componentID = _a === void 0 ? \'\' : _a,\n      form = params.form,\n      override = params.override,\n      statusID = params.statusID,\n      freeCSS = params.freeCSS,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      value = params.value,\n      options = params.options,\n      leftIndicator = params.leftIndicator,\n      rightIndicator = params.rightIndicator,\n      className = params.className,\n      cellStyles = params.cellStyles,\n      cellClassName = params.cellClassName,\n      cellCheckedStyles = params.cellCheckedStyles,\n      cellCheckedClassName = params.cellCheckedClassName,\n      others = __rest(params, ["type", "tone", "required", "componentID", "form", "override", "statusID", "freeCSS", "enableFormSubmit", "checkValidationAtFirst", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "options", "leftIndicator", "rightIndicator", "className", "cellStyles", "cellClassName", "cellCheckedStyles", "cellCheckedClassName"]);\n\n  var Default_Status = {\n    componentID: componentID,\n    dataValue: value,\n    eventType: \'init\',\n    eventID: $.uuidGen()\n  };\n\n  var _b = __read(useState(Default_Status), 2),\n      val_status = _b[0],\n      set_status = _b[1];\n\n  var _c = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _c[0],\n      set_validate = _c[1];\n\n  (0, core_1.CommonEffects)({\n    type: \'list\',\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    DefaultValidation: DefaultValidation\n  });\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement(_functions_1.Input.Hidden, __assign({\n    "data-value": JSON.stringify(val_status.dataValue),\n    form: form,\n    "data-input-type": type,\n    "data-validation": val_validate.ok\n  }, others, {\n    componentID: val_status.componentID\n  })), _global_1.React.createElement(CellList, {\n    params: params,\n    val_status: val_status,\n    set_status: set_status\n  }));\n};\n\nvar CellList = function CellList(props) {\n  var params = props.params,\n      val_status = props.val_status,\n      set_status = props.set_status;\n  var componentID = params.componentID,\n      type = params.type,\n      tone = params.tone,\n      _a = params.icon,\n      icon = _a === void 0 ? true : _a,\n      options = params.options,\n      name = params.name,\n      form = params.form,\n      tabIndex = params.tabIndex,\n      hideInput = params.hideInput,\n      DefaultDisabled = params.disabled,\n      ListClassName = params.className,\n      DefaultCellStyles = params.cellStyles,\n      _b = params.cellClassName,\n      DefaultCellClassName = _b === void 0 ? \'\' : _b,\n      DefaultCellCheckedStyles = params.cellCheckedStyles,\n      _c = params.cellCheckedClassName,\n      DefaultCellCheckedClassName = _c === void 0 ? \'\' : _c,\n      enableFormSubmit = params.enableFormSubmit,\n      _d = params.defaultActiveStyling,\n      defaultActiveStyling = _d === void 0 ? true : _d;\n  var dataValue = val_status.dataValue;\n  var IconBox = icon ? _global_1.React.createElement(_atoms_1.Box, {\n    flexSizing: \'none\',\n    children: params.iconType == \'radio\' ? _global_1.React.createElement(Comps.RadioIcon, null) : params.iconType == \'checkbox\' ? _global_1.React.createElement(Comps.CheckboxIcon, null) : null\n  }) : null;\n  var Cells = options.map(function (option, index) {\n    var value = option.value,\n        label = option.label,\n        _a = option.disabled,\n        disabled = _a === void 0 ? DefaultDisabled : _a,\n        _b = option.className,\n        className = _b === void 0 ? \'\' : _b,\n        checkedStyles = option.checkedStyles,\n        _c = option.checkedClassName,\n        checkedClassName = _c === void 0 ? \'\' : _c,\n        styles = __rest(option, ["value", "label", "disabled", "className", "checkedStyles", "checkedClassName"]);\n\n    var CellID = $.uuidGen();\n    var Checked = dataValue.findIndex(function (v) {\n      return v === value;\n    }) != -1;\n\n    var Styles = __assign(__assign({}, DefaultCellStyles), styles);\n\n    var ClassName = [style_module_scss_1["default"].Label, style_module_scss_1["default"][\'defaultActiveStyling_\' + !!defaultActiveStyling], DefaultCellClassName, className];\n\n    if (Checked) {\n      Styles = __assign(__assign(__assign(__assign({}, Styles), DefaultCellCheckedStyles), checkedStyles), {\n        activeStyles: checkedStyles,\n        freeCSS: __assign(__assign(__assign({}, Styles.freeCSS), DefaultCellCheckedStyles === null || DefaultCellCheckedStyles === void 0 ? void 0 : DefaultCellCheckedStyles.freeCSS), checkedStyles === null || checkedStyles === void 0 ? void 0 : checkedStyles.freeCSS)\n      });\n      ClassName = __spreadArray(__spreadArray([], __read(ClassName), false), [DefaultCellCheckedClassName, checkedClassName], false);\n    }\n\n    return [_global_1.React.createElement("input", {\n      type: type == \'radio\' ? \'radio\' : \'checkbox\',\n      className: [style_module_scss_1["default"].Input, style_module_scss_1["default"][\'defaultActiveStyling_\' + !!defaultActiveStyling]].join(\' \'),\n      name: \'RadioCheckbox-\' + name,\n      "data-list-index": componentID + \'-\' + index,\n      id: CellID,\n      value: String(value),\n      "data-form-name": form,\n      disabled: disabled,\n      checked: Checked,\n      onFocus: function onFocus(event) {\n        if (disabled) return;\n        if (type != \'radio\') return;\n        if (val_status.dataValue.length) return;\n        var _a = event.target,\n            value = _a.value,\n            checked = _a.checked;\n        var nextValue = [value];\n        set_status(__assign(__assign({}, val_status), {\n          dataValue: nextValue,\n          eventType: \'update\',\n          eventID: $.uuidGen()\n        }));\n      },\n      onChange: function onChange(event) {\n        if (disabled) return;\n        var _a = event.target,\n            value = _a.value,\n            checked = _a.checked;\n        var nextValue = [];\n\n        if (type == \'radio\') {\n          nextValue = [value];\n        } else if (type == \'checkbox\' || type == \'checker\') {\n          if (checked) {\n            nextValue = __spreadArray(__spreadArray([], __read(val_status.dataValue), false), [value], false);\n          } else {\n            var prevValue = __spreadArray([], __read(val_status.dataValue), false);\n\n            prevValue.splice(val_status.dataValue.findIndex(function (v) {\n              return v == value;\n            }), 1);\n            nextValue = prevValue;\n          }\n        }\n\n        set_status(__assign(__assign({}, val_status), {\n          dataValue: nextValue,\n          eventType: \'update\',\n          eventID: $.uuidGen()\n        }));\n      },\n      onKeyDown: function onKeyDown(event) {\n        var key = event.key,\n            shiftKey = event.shiftKey;\n\n        if (type == \'checkbox\' || type == \'checker\') {\n          if (key == \'Tab\') {\n            if (shiftKey) {} else {}\n          } else if (key.match(/Arrow/)) {\n            event.preventDefault();\n            var dir = [\'ArrowLeft\', \'ArrowUp\'].includes(key) ? -1 : 1;\n            var nextIndex = index + dir;\n\n            if (nextIndex < 0) {\n              nextIndex = options.length - 1;\n            } else if (nextIndex >= options.length) {\n              nextIndex = 0;\n            }\n\n            $("input[data-list-index=\\"".concat(componentID, "-").concat(nextIndex, "\\"]")).focus();\n          }\n        }\n\n        if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n      },\n      tabIndex: tabIndex\n    }), _global_1.React.createElement(_functions_1.Buttons.Label.Plain, __assign({\n      htmlFor: CellID,\n      className: ClassName.join(\' \'),\n      tabIndex: -1,\n      display: \'flex\',\n      ssEffectsOnActive: false,\n      verticalAlign: \'center\',\n      gap: \'1/3\',\n      flexWrap: false\n    }, Styles), IconBox, $.is.string(label) ? _global_1.React.createElement(_atoms_1.Box, {\n      children: label\n    }) : label)];\n  });\n  return _global_1.React.createElement(_atoms_1.Flex, {\n    flexSizing: \'auto\',\n    freeCSS: __assign({}, params.freeCSS),\n    className: [ListClassName, style_module_scss_1["default"].CellBase, style_module_scss_1["default"][\'HideInput_\' + hideInput], style_module_scss_1["default"][\'IconIndicator_\' + !!icon], style_module_scss_1["default"][\'Tone_\' + tone]].join(\' \'),\n    children: Cells\n  });\n};\n\nvar Comps = {\n  RadioIcon: function RadioIcon() {\n    return _global_1.React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1["default"].Icon,\n      backgroundColor: \'1.layer.base\',\n      border: true,\n      transition: \'middle\',\n      position: \'relative\',\n      borderRadius: \'sphere\',\n      flexCenter: true\n    });\n  },\n  CheckboxIcon: function CheckboxIcon() {\n    return _global_1.React.createElement(_atoms_1.Box, {\n      className: [style_module_scss_1["default"].Icon, style_module_scss_1["default"].CheckboxIcon].join(\' \'),\n      borderRadius: \'3.tone.tertiary\',\n      backgroundColor: \'1.layer.base\',\n      border: true,\n      transition: \'middle\',\n      fontColor: \'white\',\n      position: \'relative\',\n      flexCenter: true\n    }, _global_1.React.createElement(_atoms_1.FAIcon.Check, {\n      className: style_module_scss_1["default"].I,\n      transition: \'middle\',\n      opacity: \'trans\',\n      freeCSS: {\n        zIndex: 8\n      }\n    }));\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/List/_.tsx')},"./src/Functions/Input/Segmented/_.tsx":
+/*!*********************************************!*\
+  !*** ./src/Functions/Input/Segmented/_.tsx ***!
+  \*********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Segmented = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _1 = __webpack_require__(/*! ../_ */ \"./src/Functions/Input/_.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/Segmented/style.module.scss\"));\n\nexports.Segmented = {\n  Auto: function Auto(params) {\n    params = __assign(__assign({\n      padding: '1/3',\n      gap: '1/3',\n      ssCardBox: true\n    }, params), {\n      cellStyles: __assign({\n        borderRadius: 'inherit',\n        position: 'relative'\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        backgroundColor: 'theme',\n        fontColor: 'white'\n      }, params.cellCheckedStyles)\n    });\n    return _global_1.React.createElement(Core, __assign({\n      appearance: params.tone || 'Auto'\n    }, params));\n  },\n  Normal: function Normal(params) {\n    params = __assign(__assign({\n      border: true,\n      borderColor: 'theme',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      fontColor: '3.blur'\n    }, params), {\n      cellStyles: __assign({\n        borderRadius: 0,\n        borderRight: true,\n        borderColor: 'theme'\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        backgroundColor: 'theme',\n        fontColor: 'white'\n      }, params.cellCheckedStyles)\n    });\n    params.tone = 'ThemeBorder';\n    return _global_1.React.createElement(Core, __assign({\n      appearance: 'Border'\n    }, params));\n  },\n  Cloud: function Cloud(params) {\n    params = __assign(__assign({\n      padding: '1/3',\n      gap: '1/3',\n      backgroundColor: 'cloud'\n    }, params), {\n      cellStyles: __assign({\n        borderRadius: 'inherit',\n        position: 'relative'\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        backgroundColor: 'theme',\n        fontColor: 'white'\n      }, params.cellCheckedStyles)\n    });\n    return _global_1.React.createElement(Core, __assign({\n      appearance: params.tone || 'Cloud'\n    }, params));\n  },\n  Cloud2: function Cloud2(params) {\n    params.tone = 'WhiteCloud';\n    return _global_1.React.createElement(exports.Segmented.Cloud, __assign({\n      fontColor: '3.blur'\n    }, params, {\n      cellCheckedStyles: __assign({\n        fontColor: '1.clear'\n      }, params.cellCheckedStyles)\n    }));\n  },\n  Cloud3: function Cloud3(params) {\n    params.tone = 'ThemeCloud';\n    return _global_1.React.createElement(exports.Segmented.Cloud, __assign({\n      backgroundColor: 'tcOpFew',\n      fontColor: 'theme'\n    }, params, {\n      cellStyles: __assign({}, params.cellStyles)\n    }));\n  },\n  Border: function Border(params) {\n    params = __assign(__assign({\n      backgroundColor: '1.layer.base',\n      border: '2.normal',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      boxShadow: 0\n    }, params), {\n      cellStyles: __assign({\n        borderRadius: 0,\n        borderRight: '2.normal'\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        backgroundColor: 'tcOpFew',\n        fontColor: 'theme'\n      }, params.cellCheckedStyles)\n    });\n    return _global_1.React.createElement(Core, __assign({\n      appearance: params.tone || 'Border'\n    }, params));\n  },\n  Border2: function Border2(params) {\n    params = __assign(__assign({\n      border: true,\n      borderColor: 'theme',\n      overflow: 'hidden',\n      gap: 0,\n      ssLastChildLossBorder: 'right',\n      boxShadow: 0,\n      fontColor: '3.blur'\n    }, params), {\n      cellStyles: __assign({\n        borderRadius: 0,\n        borderRight: true,\n        borderColor: 'theme'\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        backgroundColor: 'theme',\n        fontColor: 'white'\n      }, params.cellCheckedStyles)\n    });\n    params.tone = 'ThemeBorder';\n    return _global_1.React.createElement(Core, __assign({\n      appearance: 'Border'\n    }, params));\n  },\n  BottomLine: function BottomLine(params) {\n    params = __assign(__assign({\n      gap: 0,\n      fontColor: '3.blur'\n    }, params), {\n      cellStyles: __assign({\n        ssEffectsOnActive: 'ripple.theme',\n        borderRadius: 0,\n        padding: 1\n      }, params.cellStyles),\n      cellCheckedStyles: __assign({\n        fontColor: 'theme'\n      }, params.cellCheckedStyles)\n    });\n    return _global_1.React.createElement(Core, __assign({\n      appearance: 'BottomLine'\n    }, params));\n  }\n};\n\nvar Core = function Core(params) {\n  var tone = params.tone,\n      appearance = params.appearance,\n      value = params.value,\n      options = params.options,\n      onUpdateValue = params.onUpdateValue,\n      _onUpdateValidValue = params.onUpdateValidValue,\n      freeCSS = params.freeCSS,\n      cellStyles = params.cellStyles,\n      cellClassName = params.cellClassName,\n      cellCheckedClassName = params.cellCheckedClassName,\n      cellCheckedStyles = params.cellCheckedStyles,\n      others = __rest(params, [\"tone\", \"appearance\", \"value\", \"options\", \"onUpdateValue\", \"onUpdateValidValue\", \"freeCSS\", \"cellStyles\", \"cellClassName\", \"cellCheckedClassName\", \"cellCheckedStyles\"]);\n\n  var _a = __read(_global_1.React.useState($.uuidGen()), 1),\n      val_componentID = _a[0];\n\n  var _b = __read(_global_1.React.useState(value), 2),\n      val_defValue = _b[0],\n      set_defValue = _b[1];\n\n  var _c = __read(_global_1.React.useState(val_defValue), 2),\n      val_value = _c[0],\n      set_value = _c[1];\n\n  if (val_defValue != value) {\n    set_defValue(value);\n    set_value(value);\n  }\n\n  return _global_1.React.createElement(_1.ListInputs.Radio // hideInput\n  , __assign({\n    // hideInput\n    defaultActiveStyling: false,\n    flexWrap: false,\n    borderRadius: '2.tone.secondary',\n    position: 'relative',\n    options: options,\n    value: val_value,\n    componentID: val_componentID,\n    icon: false\n  }, others, {\n    freeCSS: __assign({\n      whiteSpace: 'nowrap'\n    }, freeCSS),\n    cellStyles: __assign({\n      flexCenter: true,\n      ssPushable: true,\n      boxShadow: 'none'\n    }, cellStyles),\n    cellClassName: [cellClassName, style_module_scss_1[\"default\"].Label, style_module_scss_1[\"default\"]['Tone_' + appearance]].join(' '),\n    cellCheckedStyles: __assign({\n      isBoldFont: true\n    }, cellCheckedStyles),\n    cellCheckedClassName: [cellCheckedClassName, style_module_scss_1[\"default\"].Checked].join(' '),\n    tone: 'custom',\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: function onUpdateValidValue(args) {\n      if (_onUpdateValidValue) _onUpdateValidValue(args);\n\n      if (appearance == 'BottomLine') {\n        set_value(args.value[0]);\n      }\n    }\n  }));\n};\n\n//# sourceURL=src/./src/Functions/Input/Segmented/_.tsx")},"./src/Functions/Input/Select/_.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Input/Select/_.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.SelectInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar useState = _global_1.React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar core_1 = __webpack_require__(/*! ../core */ "./src/Functions/Input/core.tsx");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Input/Select/style.module.scss"));\n\nvar style_module_scss_2 = __importDefault(__webpack_require__(/*! ../style.module.scss */ "./src/Functions/Input/style.module.scss"));\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var _a = params,\n      required = _a.required,\n      options = _a.options;\n  var notice = [];\n\n  if (required) {\n    if (!options.length || options.length && $.is.nullish(JSON.parse(value))) {\n      notice.push({\n        type: \'invalid\',\n        label: \'必須項目です\'\n      });\n    }\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == \'invalid\';\n    }).length,\n    notice: notice\n  };\n}\n\nvar SelectInput = function SelectInput(params) {\n  var _a = params.value,\n      value = _a === void 0 ? null : _a,\n      placeholder = params.placeholder,\n      _b = params.options,\n      options = _b === void 0 ? [] : _b;\n  var SelectedExist = 0;\n  var SelectedValue = JSON.stringify(value);\n  var DefaultOptions = options.map(function (option) {\n    var value = option.value,\n        label = option.label;\n    var Value = JSON.stringify(value);\n    var Selected = Value == SelectedValue;\n    SelectedExist |= Number(Selected);\n    return __assign(__assign({}, option), {\n      value: Value,\n      label: label\n    });\n  });\n  if (!SelectedExist) value = null;\n  var DefaultValue = JSON.stringify(value);\n  return _global_1.React.createElement(Core, __assign({}, params, {\n    value: DefaultValue,\n    options: DefaultOptions\n  }));\n};\n\nexports.SelectInput = SelectInput;\n\nvar Core = function Core(params) {\n  var _a;\n\n  var tone = params.tone,\n      required = params.required,\n      form = params.form,\n      className = params.className,\n      enableFormSubmit = params.enableFormSubmit,\n      enableUnSelected = params.enableUnSelected,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      _onChange = params.onChange,\n      _onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _b = params.value,\n      value = _b === void 0 ? \'\' : _b,\n      options = params.options,\n      placeholder = params.placeholder,\n      leftIndicator = params.leftIndicator,\n      rightIndicator = params.rightIndicator,\n      rightIcon = params.rightIcon,\n      others = __rest(params, ["tone", "required", "form", "className", "enableFormSubmit", "enableUnSelected", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "options", "placeholder", "leftIndicator", "rightIndicator", "rightIcon"]);\n\n  var Default_Status = {\n    componentID: params.componentID || \'\',\n    dataValue: value,\n    eventType: \'init\',\n    eventID: $.uuidGen()\n  };\n\n  var _c = __read(useState(Default_Status), 2),\n      val_status = _c[0],\n      set_status = _c[1];\n\n  var _d = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _d[0],\n      set_validate = _d[1];\n\n  (0, core_1.CommonEffects)({\n    type: \'select\',\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    ExtraOverrideParams: {\n      dataValue: value,\n      formatValue: value\n    },\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue\n  });\n\n  var SelectedElement = _global_1.React.createElement(_atoms_1.Box, {\n    fontColor: \'4.thin\'\n  }, placeholder || \'選択\');\n\n  if (val_status.dataValue) {\n    var Selected = options.find(function (option) {\n      return option.value == val_status.dataValue;\n    });\n    if (Selected) SelectedElement = (_a = Selected.displayLabel) !== null && _a !== void 0 ? _a : Selected.label;\n  }\n\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement(_atoms_1.Box, {\n    className: [className, style_module_scss_1["default"].SelectLegend, style_module_scss_2["default"].InputCover].join(\' \')\n  }, SelectedElement, _global_1.React.createElement("select", __assign({\n    "data-form": form,\n    "data-input-type": \'select\',\n    "data-validation": val_validate.ok,\n    "data-component-id": val_status.componentID,\n    "data-value": val_status.dataValue,\n    value: val_status.dataValue,\n    onKeyDown: function onKeyDown(event) {\n      if (_onKeyDown) _onKeyDown(event);\n      if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n    },\n    onChange: function onChange(event) {\n      var rawValue = event.target.value;\n      if (val_validate.ok) set_validate({\n        ok: false,\n        notice: []\n      });\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: rawValue,\n        eventType: \'update\',\n        eventID: $.uuidGen()\n      }));\n      if (_onChange) _onChange(event);\n    }\n  }, others, {\n    className: style_module_scss_1["default"].Select\n  }), _global_1.React.createElement(Options, {\n    params: params\n  }))));\n};\n\nvar Options = function Options(props) {\n  var _a = props.params,\n      value = _a.value,\n      _b = _a.options,\n      options = _b === void 0 ? [] : _b,\n      _c = _a.placeholder,\n      placeholder = _c === void 0 ? \'選択してください\' : _c,\n      _d = _a.enableUnSelected,\n      enableUnSelected = _d === void 0 ? true : _d;\n  var SelectedValue = String(value);\n  var Options = options.map(function (option) {\n    var value = option.value,\n        label = option.label;\n    var Value = String(value);\n    return _global_1.React.createElement("option", {\n      value: Value,\n      key: Value,\n      selected: Value == SelectedValue,\n      children: label\n    });\n  });\n\n  if (enableUnSelected) {\n    Options.unshift(_global_1.React.createElement("option", {\n      key: 0,\n      value: JSON.stringify(null),\n      selected: SelectedValue == \'null\',\n      children: placeholder\n    }));\n  }\n\n  return _global_1.React.createElement(_global_1.React.Fragment, null, Options);\n};\n\n//# sourceURL=src/./src/Functions/Input/Select/_.tsx')},"./src/Functions/Input/Slider/_.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Input/Slider/_.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.SliderInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar core_1 = __webpack_require__(/*! ../core */ \"./src/Functions/Input/core.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/Slider/style.module.scss\"));\n\nvar useState = React.useState,\n    useEffect = React.useEffect;\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var required = params.required;\n  var notice = [];\n\n  if (required && !value) {\n    notice.push({\n      type: 'invalid',\n      label: '必須項目です'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == 'invalid';\n    }).length,\n    notice: notice\n  };\n}\n\nvar DataLeveling = function DataLeveling(props) {\n  var value = props.value,\n      val_status = props.val_status;\n  var min = val_status.min,\n      max = val_status.max,\n      step = val_status.step;\n  value = Math.max(value, min);\n  value = Math.min(value, max);\n  var rawValue = value / max;\n  var stepValue = rawValue * max;\n  stepValue = Math.round(stepValue / step);\n  return {\n    stepValue: stepValue * step,\n    stepIndex: stepValue,\n    positionLeft: stepValue * step / max * 100 + '%'\n  };\n};\n\nvar SliderInput = function SliderInput(params) {\n  var _a = params.color,\n      color = _a === void 0 ? 'theme' : _a,\n      required = params.required,\n      _b = params.form,\n      form = _b === void 0 ? '' : _b,\n      _c = params.legends,\n      _d = _c === void 0 ? {} : _c,\n      _e = _d.enable,\n      showLegends = _e === void 0 ? true : _e,\n      customLegends = _d.custom,\n      _f = _d.showAlways,\n      showLegendsAlways = _f === void 0 ? false : _f,\n      min = params.min,\n      max = params.max,\n      step = params.step,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      onChange = params.onChange,\n      onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _g = params.value,\n      value = _g === void 0 ? '' : _g,\n      className = params.className,\n      others = __rest(params, [\"color\", \"required\", \"form\", \"legends\", \"min\", \"max\", \"step\", \"enableFormSubmit\", \"checkValidationAtFirst\", \"onChange\", \"onKeyDown\", \"onValidate\", \"onUpdateValue\", \"onUpdateValidValue\", \"value\", \"className\"]);\n\n  var Default_Status = {\n    componentID: params.componentID || '',\n    dataValue: value,\n    min: min,\n    max: max,\n    step: step,\n    eventType: 'init',\n    eventID: $.uuidGen()\n  };\n\n  var _h = __read(useState(Default_Status), 2),\n      val_status = _h[0],\n      set_status = _h[1];\n\n  var _j = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _j[0],\n      set_validate = _j[1];\n\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    DefaultValidation: DefaultValidation,\n    ExtraOverrideParams: {\n      dataValue: value\n    },\n    ExtraStoreParams: {\n      prevValue: val_status.dataValue,\n      setValueByForeign: function setValueByForeign(value) {\n        set_status(__assign(__assign({}, val_status), {\n          dataValue: value,\n          eventType: 'update',\n          eventID: $.uuidGen()\n        }));\n      }\n    }\n  });\n  var DotData = DataLeveling({\n    value: val_status.dataValue,\n    val_status: val_status\n  });\n  return React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, React.createElement(_functions_1.Input.Hidden, __assign({\n    value: DotData.stepValue,\n    form: form,\n    \"data-value\": DotData.stepValue,\n    \"data-validation\": val_validate.ok,\n    \"data-input-type\": 'slider'\n  }, others)), React.createElement(_atoms_1.Box, {\n    flexSizing: 'auto',\n    className: [style_module_scss_1[\"default\"].Wrap, className, style_module_scss_1[\"default\"]['ShowLegendsAlways_' + showLegendsAlways]].join(' ')\n  }, React.createElement(Comps.Rail, {\n    color: color,\n    val_status: val_status,\n    set_status: set_status,\n    DotData: DotData,\n    form: form,\n    enableFormSubmit: enableFormSubmit\n  }), showLegends ? React.createElement(Comps.IndicatorLabels, {\n    componentID: val_status.componentID,\n    min: min,\n    max: max,\n    step: step,\n    customLegends: customLegends\n  }) : null));\n};\n\nexports.SliderInput = SliderInput;\nvar Comps = {\n  IndicatorLabels: function IndicatorLabels(props) {\n    var componentID = props.componentID,\n        min = props.min,\n        max = props.max,\n        step = props.step,\n        customLegends = props.customLegends;\n    var Labels = [];\n    var minStep = Math.round(min / step);\n    var maxStep = Math.round(max / step);\n    var steps = maxStep - minStep + 1;\n\n    for (var index = minStep; index <= maxStep; index++) {\n      var value = index * step;\n      value = Math.max(value, min);\n      value = Math.min(value, max);\n      var left = value / max * 100 + '%';\n      Labels.push(React.createElement(_atoms_1.Box, {\n        key: value,\n        className: style_module_scss_1[\"default\"].Label,\n        id: 'Legend-' + componentID + '-' + index,\n        display: index == minStep || index == maxStep ? 'flex' : 'none',\n        position: 'absolute',\n        top: 0,\n        height: 1,\n        unitWidth: 2,\n        transition: 'middle',\n        fontColor: '1.clear',\n        freeCSS: {\n          left: left,\n          whiteSpace: 'nowrap',\n          textAlign: 'center'\n        },\n        verticalAlign: 'center',\n        horizontalAlign: 'center',\n        children: customLegends ? customLegends(value) : value.rank()\n      }));\n    }\n\n    useEffect(function () {\n      var LabelLeveling = function LabelLeveling() {\n        var Labels = $('#Labels-' + componentID);\n        var width = Labels.position().width;\n        var maxLabelCount = Math.round(width / 50) - 1;\n        var labelStep = Math.round(steps / maxLabelCount);\n\n        for (var index_1 = minStep + 1; index_1 < maxStep; index_1++) {\n          $('#Legend-' + componentID + '-' + index_1).css({\n            display: index_1 % labelStep == 0 ? 'flex' : 'none'\n          });\n        }\n      };\n\n      $(window).addEvent({\n        eventID: 'SliderResizeCallback-' + componentID,\n        eventType: 'resize',\n        callback: function callback() {\n          LabelLeveling();\n        }\n      });\n      LabelLeveling();\n      return function () {\n        $(window).removeEvent('SliderResizeCallback-' + componentID);\n      };\n    }, []);\n    return React.createElement(_atoms_1.Flex, {\n      className: style_module_scss_1[\"default\"].Labels,\n      verticalAlign: 'center',\n      horizontalAlign: 'between',\n      unitHeight: 2,\n      fontSize: '0.xs',\n      position: 'relative',\n      id: 'Labels-' + componentID\n    }, React.createElement(_atoms_1.Box, {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 2,\n      bottom: 0,\n      children: Labels\n    }));\n  },\n  Rail: function Rail(props) {\n    var val_status = props.val_status,\n        set_status = props.set_status,\n        DotData = props.DotData,\n        form = props.form,\n        enableFormSubmit = props.enableFormSubmit;\n    var componentID = val_status.componentID;\n    return React.createElement(_atoms_1.Flex, {\n      className: style_module_scss_1[\"default\"].Rail,\n      position: 'relative',\n      paddingLeft: '1/2',\n      unitHeight: 2,\n      verticalAlign: 'center',\n      freeCSS: {\n        minWidth: '10rem',\n        zIndex: 1,\n        cursor: 'pointer'\n      },\n      onMouseDown: function onMouseDown(event) {\n        event.stopPropagation();\n        EffectStart(event, {\n          val_status: val_status,\n          set_status: set_status,\n          DotData: DotData\n        });\n      },\n      onTouchStart: function onTouchStart(event) {\n        event.stopPropagation();\n        EffectStart(event, {\n          val_status: val_status,\n          set_status: set_status,\n          DotData: DotData\n        });\n      }\n    }, React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].Bar,\n      backgroundColor: '4.layer.darken',\n      position: 'relative',\n      borderRadius: 'sphere',\n      transition: 'middle',\n      flexSizing: 'none',\n      unitHeight: '2/3',\n      width: 1,\n      id: componentID + '_Bar'\n    }, React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].BarColor,\n      position: 'relative',\n      height: 1,\n      width: 0,\n      left: 0,\n      transition: 'long',\n      borderRadius: 'inherit',\n      backgroundColor: props.color,\n      opacity: 'middle',\n      overflow: 'hidden',\n      freeCSS: {\n        width: DotData.positionLeft\n      },\n      id: componentID + '_BarColor'\n    })), React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].BallWrap,\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 2,\n      bottom: 0\n    }, React.createElement(_functions_1.Buttons.Button.Plain, {\n      className: style_module_scss_1[\"default\"].Ball,\n      position: 'absolute',\n      backgroundColor: props.color,\n      top: 0,\n      left: 0,\n      ssSphere: 2,\n      freeCSS: {\n        zIndex: 2,\n        left: DotData.positionLeft\n      },\n      \"data-form-name\": form,\n      id: componentID + '_Ball',\n      onKeyDown: function onKeyDown(event) {\n        KeyDownEvent({\n          event: event,\n          val_status: val_status,\n          set_status: set_status,\n          DotData: DotData\n        });\n        if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n      }\n    })));\n  }\n};\n\nvar EffectStart = function EffectStart(event, info) {\n  $(document).addEvent({\n    eventID: 'SliderMouseMove',\n    eventType: 'mousemove',\n    callback: function callback(event) {\n      EffectMove(event, info);\n    },\n    option: {\n      passive: false\n    }\n  }).addEvent({\n    eventID: 'SliderTouchMove',\n    eventType: 'touchmove',\n    callback: function callback(event) {\n      EffectMove(event, info);\n    },\n    option: {\n      passive: false\n    }\n  }).addEvent({\n    eventID: 'SliderMouseUp',\n    eventType: 'mouseup',\n    callback: function callback() {\n      EffectEnd();\n    }\n  }).addEvent({\n    eventID: 'SliderTouchEnd',\n    eventType: 'touchend',\n    callback: function callback() {\n      EffectEnd();\n    }\n  });\n};\n\nvar EffectMove = function EffectMove(event, info) {\n  var mouseX = $.getCursor(event).x;\n  var val_status = info.val_status,\n      set_status = info.set_status;\n  var componentID = val_status.componentID,\n      min = val_status.min,\n      max = val_status.max;\n  var Ball = $('#' + componentID + '_Ball');\n  var Bar = $('#' + componentID + '_Bar');\n  var BarColor = $('#' + componentID + '_BarColor');\n\n  var _a = Bar.position(),\n      barWidth = _a.width,\n      barLeft = _a.left;\n\n  var Left = (mouseX - barLeft) / barWidth;\n  Left = Math.max(Left, 0);\n  Left = Math.min(Left, 1);\n  var LeftRawValue = Left * max;\n  var resultValues = DataLeveling({\n    value: LeftRawValue,\n    val_status: val_status\n  });\n  var left = resultValues.positionLeft;\n  var stepValue = resultValues.stepValue;\n  Ball.css({\n    left: left\n  });\n  BarColor.css({\n    width: left\n  });\n\n  var prevValue = _global_1.useStore.get(componentID).prevValue;\n\n  if (stepValue != prevValue) {\n    _global_1.useStore.update({\n      key: componentID,\n      value: {\n        prevValue: stepValue\n      }\n    });\n\n    set_status(__assign(__assign({}, val_status), {\n      dataValue: stepValue,\n      eventType: 'update',\n      eventID: $.uuidGen()\n    }));\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n  return false;\n};\n\nvar EffectEnd = function EffectEnd() {\n  $(document).removeEvent(['SliderMouseMove', 'SliderTouchMove', 'SliderMouseUp', 'SliderTouchEnd']);\n};\n\nvar KeyDownEvent = function KeyDownEvent(props) {\n  var event = props.event,\n      val_status = props.val_status,\n      set_status = props.set_status;\n  var min = val_status.min,\n      max = val_status.max,\n      step = val_status.step;\n  var key = event.key,\n      metaKey = event.metaKey,\n      ctrlKey = event.ctrlKey;\n  var auxKey = ctrlKey || metaKey;\n  var nextValue = val_status.dataValue;\n  if (!key.match(/Arrow/)) return;\n  event.preventDefault();\n\n  if (key.match(/Left|Up/)) {\n    if (auxKey) nextValue = min;else nextValue -= step;\n  } else if (key.match(/Right|Down/)) {\n    if (auxKey) nextValue = max;else nextValue += step;\n  }\n\n  nextValue = Math.max(Math.min(nextValue, max), min);\n\n  _global_1.useStore.update({\n    key: val_status.componentID,\n    value: {\n      prevValue: nextValue\n    }\n  });\n\n  set_status(__assign(__assign({}, val_status), {\n    dataValue: nextValue,\n    eventType: 'update',\n    eventID: $.uuidGen()\n  }));\n};\n\n//# sourceURL=src/./src/Functions/Input/Slider/_.tsx")},"./src/Functions/Input/Switch/_.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Input/Switch/_.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.SwitchInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ "./src/Molecules/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar core_1 = __webpack_require__(/*! ../core */ "./src/Functions/Input/core.tsx");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Input/Switch/style.module.scss"));\n\nvar useState = _global_1.React.useState;\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var required = params.required;\n  var notice = [];\n\n  if (required && !value) {\n    notice.push({\n      type: \'invalid\',\n      label: \'ONになっていません\'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == \'invalid\';\n    }).length,\n    notice: notice\n  };\n}\n\nvar SwitchInput = function SwitchInput(params) {\n  var componentID = params.componentID,\n      _a = params.color,\n      color = _a === void 0 ? \'posi\' : _a,\n      required = params.required,\n      form = params.form,\n      id = params.id,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      _onChange = params.onChange,\n      _onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _b = params.value,\n      value = _b === void 0 ? \'\' : _b,\n      _c = params.icon,\n      icon = _c === void 0 ? \'\' : _c,\n      _d = params.appearance,\n      appearance = _d === void 0 ? \'material\' : _d,\n      others = __rest(params, ["componentID", "color", "required", "form", "id", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "icon", "appearance"]);\n\n  var Default_Status = {\n    componentID: params.componentID || \'\',\n    dataValue: value,\n    eventType: \'init\',\n    eventID: $.uuidGen()\n  };\n\n  var _e = __read(useState(Default_Status), 2),\n      val_status = _e[0],\n      set_status = _e[1];\n\n  var _f = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _f[0],\n      set_validate = _f[1];\n\n  var isChecked = !!val_status.dataValue;\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    ExtraOverrideParams: {\n      dataValue: value,\n      formatValue: value\n    }\n  });\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement("input", __assign({\n    type: \'checkbox\',\n    "data-form": form,\n    "data-input-type": \'switch\',\n    "data-validation": val_validate.ok,\n    "data-component-id": val_status.componentID,\n    "data-value": val_status.dataValue,\n    checked: val_status.dataValue,\n    className: style_module_scss_1["default"].Input,\n    id: id,\n    onKeyDown: function onKeyDown(event) {\n      if (_onKeyDown) _onKeyDown(event);\n      if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n    },\n    onChange: function onChange(event) {\n      if (val_validate.ok) set_validate({\n        ok: false,\n        notice: []\n      });\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: event.target.checked,\n        eventType: \'update\',\n        eventID: $.uuidGen()\n      }));\n      if (_onChange) _onChange(event);\n    }\n  }, others)), _global_1.React.createElement(_functions_1.Buttons.Label.Plain, {\n    tabIndex: -1,\n    htmlFor: id,\n    padding: \'1/3\',\n    transition: \'middle\',\n    borderRadius: \'1.tone.primary\',\n    className: style_module_scss_1["default"].Label\n  }, _global_1.React.createElement(_atoms_1.Box, __assign({}, appearance == \'applely\' ? {\n    padding: \'1/4\',\n    isRounded: true,\n    backgroundColor: isChecked ? color : \'5.layer.darker\'\n  } : {}), _global_1.React.createElement(_mols_1.Row.Center, {\n    unitHeight: 2.5,\n    position: \'relative\',\n    freeCSS: {\n      width: 12 * 4.5\n    }\n  }, appearance == \'material\' ? _global_1.React.createElement(_atoms_1.Box, {\n    position: \'absolute\',\n    backgroundColor: isChecked ? color : \'5.layer.darker\',\n    borderRadius: \'sphere\',\n    unitHeight: 1,\n    transition: \'middle\',\n    width: 1,\n    className: style_module_scss_1["default"].Bar,\n    opacity: \'middle\'\n  }) : null, _global_1.React.createElement(_atoms_1.Box, {\n    position: \'absolute\',\n    top: 0,\n    left: 0,\n    backgroundColor: appearance == \'material\' && isChecked ? color : \'white\',\n    transition: \'middle\',\n    ssSphere: 2.5,\n    boxShadow: 2,\n    className: style_module_scss_1["default"].Dot\n  }, icon ? _global_1.React.createElement(_atoms_1.FAIcon, {\n    transition: \'middle\',\n    fontColor: appearance == \'applely\' && isChecked ? color : \'white\',\n    d: icon\n  }) : null)))));\n};\n\nexports.SwitchInput = SwitchInput;\n\n//# sourceURL=src/./src/Functions/Input/Switch/_.tsx')},"./src/Functions/Input/Text.tsx":
+/*!**************************************!*\
+  !*** ./src/Functions/Input/Text.tsx ***!
+  \**************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.TextInput = exports.TextValidate = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useEffect = _global_1.React.useEffect,\n    useState = _global_1.React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar core_1 = __webpack_require__(/*! ./core */ \"./src/Functions/Input/core.tsx\");\n\nvar ValidateTypes = {\n  number: {\n    reg: /^-?[0-9\\.]+$/g,\n    exist: true,\n    reason: '半角数字で入力してください'\n  },\n  digitNumber: {\n    reg: /^-?[0-9\\.]+$/g,\n    exist: true,\n    reason: '半角数字で入力してください'\n  },\n  fileName: {\n    reg: /[¥\\/;:*\\?\\\"\\'\\|\\.\\s\\n\\r\\<\\>]/g,\n    exist: false,\n    reason: '空白または一部の特殊文字は使用できません'\n  },\n  creditCard: {\n    reg: /^\\d{16}$/g,\n    exist: true,\n    reason: '16桁の数字で入力してください'\n  },\n  email: {\n    reg: /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\\.[A-Za-z0-9]+$/,\n    exist: true,\n    reason: _global_1.React.createElement(_global_1.React.Fragment, null, _global_1.React.createElement(_atoms_1.Box, null, \"\\u25CB\\u25CB\\u25CB\\u25CB@\\u25CB\\u25CB\\u25CB\\u25CB.\\u25CB\\u25CB\\u25CB\\u306E\\u5F62\\u5F0F\\u3067\\u5165\\u529B\\u3057\\u3066\\u304F\\u3060\\u3055\\u3044\"), _global_1.React.createElement(_atoms_1.Box, null, \"\\u6700\\u5F8C\\u306E\\u6587\\u5B57\\u306B.(\\u30C9\\u30C3\\u30C8)\\u3092\\u5165\\u308C\\u308B\\u3053\\u3068\\u306F\\u3067\\u304D\\u307E\\u305B\\u3093\"))\n  },\n  password: {\n    reg: /^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,\n    exist: true,\n    reason: '8文字以上、半角英数大小文字で入力してください'\n  },\n  tel: {\n    reg: /^(0|\\(?\\+\\d{1,3}\\)?\\s)[-0-9]{9,12}$/g,\n    exist: true,\n    reason: _global_1.React.createElement(_global_1.React.Fragment, null, _global_1.React.createElement(_atoms_1.Box, null, \"0\\u304B\\u3089\\u59CB\\u307E\\u308B\\u756A\\u53F7\\u306E\\u307F\\u5165\\u529B\\u53EF\\u80FD\\u3067\\u3059\"), _global_1.React.createElement(_atoms_1.Box, null, \"9~12\\u6841\\u306E\\u6570\\u5B57\\u3067\\u5165\\u529B\\u3057\\u3066\\u304F\\u3060\\u3055\\u3044\"), _global_1.React.createElement(_atoms_1.Box, null, \"\\u6570\\u5B57\\u306E\\u307F\\u5165\\u529B\\u53EF\\u80FD\\u3067\\u3059\"))\n  },\n  url: {\n    reg: /^https?:\\/\\/[^\\n\\s]+(\\.|\\:)[^\\n\\s\\.\\:]+$/,\n    exist: true,\n    reason: 'URL形式 : http(s)://◯◯◯◯'\n  },\n  postal: {\n    reg: /^\\d{7}$/g,\n    exist: true,\n    reason: '7桁の数字で入力してください'\n  }\n};\n\nvar DataLeveling = function DataLeveling(params) {\n  var restrict = params.restrict,\n      _a = params.value,\n      value = _a === void 0 ? '' : _a;\n  var dataValue = String(value);\n  var minus = false;\n\n  if (['tel', 'number', 'digitNumber', 'test', 'postal', 'creditCard'].includes(restrict)) {\n    dataValue = dataValue.zen2hanNumber();\n  }\n\n  if (['postal', 'creditCard'].includes(restrict)) {\n    dataValue = dataValue.removeLetters();\n  }\n\n  if (['number', 'digitNumber'].includes(restrict)) {\n    if (dataValue) {\n      if (dataValue == '-') {} else if (dataValue == '0-') {\n        dataValue = '-';\n      } else {\n        if (dataValue[0] == '-') minus = true;\n        dataValue = dataValue.replace(/[^0-9\\.]/ig, '');\n        var Amount = Number(dataValue);\n        if (Amount === 0) minus = false;\n        if (minus) Amount = -1 * Amount;\n\n        if ($.is.exist(params.min)) {\n          Amount = Math.max(Amount, Number(params.min));\n        }\n\n        if ($.is.exist(params.max)) {\n          Amount = Math.min(Amount, Number(params.max));\n        }\n\n        dataValue = String(Math.abs(Amount));\n      }\n    }\n  }\n\n  var formatValue = dataValue;\n\n  if (restrict == 'digitNumber') {\n    if (dataValue && dataValue != '-') {\n      var arrary = [];\n\n      for (var index = dataValue.length - 1; index >= 0; index--) {\n        arrary.unshift(dataValue[index]);\n        var Index = dataValue.length - 1 - index + 1;\n\n        if (index != 0 && Index % 3 == 0) {\n          arrary.unshift(',');\n        }\n      }\n\n      formatValue = arrary.join('');\n    }\n  } else if (restrict == 'postal') {\n    if (dataValue.length >= 4) {\n      formatValue = dataValue.clip(0, 3) + '-' + dataValue.clip(3);\n    }\n  } else if (restrict == 'creditCard') {\n    formatValue = dataValue.replace(/.{4}(?=.)/g, \"$& \");\n  }\n\n  if (['number', 'digitNumber'].includes(restrict)) {\n    if (minus) {\n      dataValue = '-' + dataValue;\n      formatValue = '-' + formatValue;\n    }\n  }\n\n  return {\n    formatValue: formatValue,\n    dataValue: dataValue\n  };\n};\n\nvar setSelection = function setSelection(props) {\n  var id = props.id,\n      restrict = props.restrict,\n      val_status = props.val_status;\n  var input = $('#' + id)[0];\n\n  if (input) {\n    if (val_status.prevValue && val_status.formatValue) {\n      var currentValue = val_status.formatValue,\n          prevValue = val_status.prevValue,\n          caretFrom = val_status.caretFrom,\n          caretTo = val_status.caretTo;\n\n      if (restrict == 'creditCard') {\n        if (currentValue.length >= prevValue.length) {\n          if (caretFrom % 5 == 0) {\n            caretFrom++;\n            caretTo++;\n          }\n        }\n\n        input.setSelectionRange(caretFrom, caretTo);\n      } else if (restrict == 'postal') {\n        if (currentValue.length == 5 && prevValue.length == 3) {\n          caretFrom++;\n          caretTo++;\n        }\n\n        input.setSelectionRange(caretFrom, caretTo);\n      } else if (restrict == 'digitNumber') {\n        var margin = currentValue.length - prevValue.length;\n\n        if (margin == 2) {\n          caretFrom++;\n          caretTo++;\n        }\n\n        if (margin == -2) {\n          caretFrom--;\n          caretTo--;\n        }\n\n        input.setSelectionRange(caretFrom, caretTo);\n      }\n    }\n  }\n};\n\nvar TextValidate = function TextValidate(value, restrict) {\n  var response = {\n    ok: true,\n    body: ''\n  };\n\n  (function () {\n    var kit = ValidateTypes[restrict];\n    if (!kit) return;\n    var reason = kit.reason;\n\n    if (kit) {\n      var valid = Boolean(Number(!!value.match(kit.reg)) ^ Number(!kit.exist));\n      response = {\n        ok: valid,\n        body: valid ? '' : reason\n      };\n    }\n  })();\n\n  return response;\n};\n\nexports.TextValidate = TextValidate;\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var _a = params,\n      _b = _a.restrict,\n      restrict = _b === void 0 ? 'text' : _b,\n      _c = _a.maxLength,\n      maxLength = _c === void 0 ? 255 : _c,\n      required = _a.required;\n  var notice = [];\n\n  if ($.is.exist(maxLength)) {\n    if (value.length >= Number(maxLength)) {\n      notice.push({\n        type: 'invalid',\n        label: maxLength + '字以内で入力してください'\n      });\n    }\n  }\n\n  if (value) {\n    var Valid = (0, exports.TextValidate)(value, restrict);\n    if (!Valid.ok) notice.push({\n      type: 'invalid',\n      label: Valid.body\n    });\n  } else if (required) {\n    notice.push({\n      type: 'invalid',\n      label: '必須項目です'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == 'invalid';\n    }).length,\n    notice: notice\n  };\n}\n\nvar TextInput = function TextInput(params) {\n  var componentID = params.componentID,\n      tone = params.tone,\n      required = params.required,\n      _a = params.restrict,\n      restrict = _a === void 0 ? 'text' : _a,\n      form = params.form,\n      _b = params.autoComplete,\n      autoComplete = _b === void 0 ? 'off' : _b,\n      _c = params.autoCapitalize,\n      autoCapitalize = _c === void 0 ? 'off' : _c,\n      enableFormSubmit = params.enableFormSubmit,\n      _d = params.clearButton,\n      clearButton = _d === void 0 ? false : _d,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      _onChange = params.onChange,\n      _onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _e = params.value,\n      value = _e === void 0 ? '' : _e,\n      leftIndicator = params.leftIndicator,\n      rightIndicator = params.rightIndicator,\n      rightIcon = params.rightIcon,\n      maxLength = params.maxLength,\n      min = params.min,\n      max = params.max,\n      others = __rest(params, [\"componentID\", \"tone\", \"required\", \"restrict\", \"form\", \"autoComplete\", \"autoCapitalize\", \"enableFormSubmit\", \"clearButton\", \"checkValidationAtFirst\", \"onChange\", \"onKeyDown\", \"onValidate\", \"onUpdateValue\", \"onUpdateValidValue\", \"value\", \"leftIndicator\", \"rightIndicator\", \"rightIcon\", \"maxLength\", \"min\", \"max\"]);\n\n  var inputType = restrict == 'password' ? 'password' : 'text';\n  var inputMode = ['number', 'digitNumber', 'tel', 'creditCard'].includes(restrict) ? 'numeric' : restrict == 'email' ? 'email' : 'text';\n\n  var Default_Status = __assign(__assign({\n    componentID: componentID\n  }, DataLeveling({\n    min: min,\n    max: max,\n    restrict: restrict,\n    value: value\n  })), {\n    prevValue: '',\n    eventType: 'init',\n    eventID: $.uuidGen(),\n    caretFrom: null,\n    caretTo: null\n  });\n\n  var _f = __read(useState(Default_Status), 2),\n      val_status = _f[0],\n      set_status = _f[1];\n\n  var _g = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _g[0],\n      set_validate = _g[1];\n\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    ExtraOverrideParams: __assign({}, DataLeveling({\n      min: min,\n      max: max,\n      restrict: restrict,\n      value: value\n    }))\n  });\n  useEffect(function () {\n    setSelection({\n      id: params.id,\n      restrict: restrict,\n      val_status: val_status\n    });\n  }, [val_status]);\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement(\"input\", __assign({\n    type: inputType,\n    inputMode: inputMode,\n    \"data-form\": form,\n    \"data-input-type\": 'text',\n    \"data-validation\": val_validate.ok,\n    \"data-value\": val_status.dataValue,\n    \"data-component-id\": val_status.componentID,\n    value: val_status.formatValue,\n    autoComplete: autoComplete,\n    autoCapitalize: autoCapitalize,\n    onKeyDown: function onKeyDown(event) {\n      var key = event.key,\n          target = event.target;\n      {\n        var input = target;\n        var selectionStart = input.selectionStart,\n            selectionEnd = input.selectionEnd;\n        var caretFrom = Number(selectionStart);\n        var caretTo = Number(selectionEnd);\n        var _v = val_status.formatValue[Number(caretFrom)];\n        var v_ = val_status.formatValue[Number(caretFrom) - 1];\n\n        if (key == 'Delete' && (restrict == 'creditCard' && _v == ' ' || restrict == 'postal' && _v == '-' || restrict == 'digitNumber' && _v == ',')) {\n          input.setSelectionRange(caretFrom + 1, caretTo + 1);\n          event.preventDefault();\n        }\n\n        if (key == 'Backspace' && (restrict == 'creditCard' && v_ == ' ' || restrict == 'postal' && v_ == '-' || restrict == 'digitNumber' && v_ == ',')) {\n          input.setSelectionRange(caretFrom - 1, caretTo - 1);\n          event.preventDefault();\n        }\n      }\n\n      if (['number', 'digitNumber', 'creditCard'].includes(restrict)) {\n        if (key == 'Clear') {\n          set_status(__assign(__assign({}, val_status), {\n            dataValue: '',\n            formatValue: '',\n            eventType: 'update',\n            eventID: $.uuidGen()\n          }));\n        }\n      }\n\n      if (['number', 'digitNumber'].includes(restrict)) {\n        if (['ArrowUp', 'ArrowDown'].includes(key)) {\n          var direction = Number(key == 'ArrowUp') * 2 - 1;\n          var Value = String(Number(val_status.dataValue) + direction);\n\n          if (val_validate.ok) {\n            set_validate({\n              ok: false,\n              notice: []\n            });\n          }\n\n          set_status(__assign(__assign(__assign({}, val_status), DataLeveling({\n            min: min,\n            max: max,\n            restrict: restrict,\n            value: Value\n          })), {\n            eventType: 'update',\n            eventID: $.uuidGen()\n          }));\n          event.preventDefault();\n        }\n      }\n\n      if (_onKeyDown) _onKeyDown(event);\n      if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n    },\n    onChange: function onChange(event) {\n      var _a = event.target,\n          rawValue = _a.value,\n          selectionStart = _a.selectionStart,\n          selectionEnd = _a.selectionEnd;\n      var value = DataLeveling({\n        min: min,\n        max: max,\n        restrict: restrict,\n        value: rawValue\n      });\n      if (value.formatValue == val_status.formatValue) return;\n      if (val_validate.ok) set_validate({\n        ok: false,\n        notice: []\n      });\n      set_status(__assign(__assign(__assign({}, val_status), value), {\n        prevValue: val_status.formatValue,\n        eventType: 'update',\n        eventID: $.uuidGen(),\n        caretFrom: Number(selectionStart),\n        caretTo: Number(selectionEnd)\n      }));\n      if (_onChange) _onChange(event);\n    }\n  }, others)));\n};\n\nexports.TextInput = TextInput;\n\n//# sourceURL=src/./src/Functions/Input/Text.tsx")},"./src/Functions/Input/TextArea.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Input/TextArea.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.TextAreaInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar useState = _global_1.React.useState;\n\nvar core_1 = __webpack_require__(/*! ./core */ "./src/Functions/Input/core.tsx");\n\nfunction DefaultValidation(props) {\n  var value = props.value,\n      params = props.params;\n  var required = params.required;\n  var notice = [];\n\n  if (required && !value) {\n    notice.push({\n      type: \'invalid\',\n      label: \'必須項目です\'\n    });\n  }\n\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == \'invalid\';\n    }).length,\n    notice: notice\n  };\n}\n\nvar TextAreaInput = function TextAreaInput(params) {\n  var componentID = params.componentID,\n      tone = params.tone,\n      required = params.required,\n      form = params.form,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      _onChange = params.onChange,\n      _onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _a = params.value,\n      value = _a === void 0 ? \'\' : _a,\n      leftIndicator = params.leftIndicator,\n      rightIndicator = params.rightIndicator,\n      others = __rest(params, ["componentID", "tone", "required", "form", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "leftIndicator", "rightIndicator"]);\n\n  var Default_Status = {\n    componentID: componentID,\n    dataValue: value,\n    eventType: \'init\',\n    eventID: $.uuidGen()\n  };\n\n  var _b = __read(useState(Default_Status), 2),\n      val_status = _b[0],\n      set_status = _b[1];\n\n  var _c = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _c[0],\n      set_validate = _c[1];\n\n  (0, core_1.CommonEffects)({\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    DefaultValidation: DefaultValidation\n  });\n  return _global_1.React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, _global_1.React.createElement("textarea", __assign({\n    "data-form": form,\n    "data-input-type": \'textarea\',\n    "data-validation": val_validate.ok,\n    "data-value": val_status.dataValue,\n    "data-component-id": val_status.componentID,\n    value: val_status.dataValue,\n    onKeyDown: function onKeyDown(event) {\n      if (_onKeyDown) _onKeyDown(event);\n      if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n    },\n    onChange: function onChange(event) {\n      var value = event.target.value;\n      if (val_validate.ok) set_validate({\n        ok: false,\n        notice: []\n      });\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: value,\n        eventType: \'update\',\n        eventID: $.uuidGen()\n      }));\n      if (_onChange) _onChange(event);\n    }\n  }, others)));\n};\n\nexports.TextAreaInput = TextAreaInput;\n\n//# sourceURL=src/./src/Functions/Input/TextArea.tsx')},"./src/Functions/Input/Time/Picker.tsx":
+/*!*********************************************!*\
+  !*** ./src/Functions/Input/Time/Picker.tsx ***!
+  \*********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Picker = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useEffect = _global_1.React.useEffect,\n    useRef = _global_1.React.useRef,\n    useState = _global_1.React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/Time/style.module.scss\"));\n\nvar YearOptions = function YearOptions(params) {\n  var _a, _b;\n\n  var Years = [];\n  var minYear = Number((_a = params === null || params === void 0 ? void 0 : params.min) !== null && _a !== void 0 ? _a : 1900);\n  var maxYear = Number((_b = params === null || params === void 0 ? void 0 : params.max) !== null && _b !== void 0 ? _b : $.Time().addYear(10).year);\n\n  for (var year = minYear; year <= maxYear; year++) {\n    Years.push({\n      value: year,\n      label: __spreadArray([year], __read($.transformer.wareki(year).value), false).join(' - ') // displayLabel: year + '年'\n\n    });\n  }\n\n  return Years;\n};\n\nvar Picker = function Picker(params) {\n  var restrict = params.restrict,\n      _a = params.defaultValue,\n      defaultValue = _a === void 0 ? '' : _a;\n  params.tipsID = params.tipsID || $.uuidGen();\n  var mounted = useRef(false);\n\n  var _b = __read(useState(function () {\n    var _a, _b, _c;\n\n    var _d;\n\n    if (restrict == 'clock') {\n      var partValues = String(defaultValue).split(/[^\\d]/);\n      if (!partValues[0]) partValues = [0, 0];\n      var hour = Number(partValues[0]);\n      var minutes = Number(partValues[1]);\n      return {\n        modifiedType: 'init',\n        hour: hour,\n        minutes: minutes\n      };\n    } else if (restrict == 'date') {\n      var _e = __read((_d = String(defaultValue)) === null || _d === void 0 ? void 0 : _d.split(/\\D/), 3),\n          year = _e[0],\n          month = _e[1],\n          date = _e[2];\n\n      if ($.is.nullish(year) || $.is.nullish(month) || $.is.nullish(date)) {\n        _a = __read($.Time().toFormat('%Y-%M-%D').split('-'), 3), year = _a[0], month = _a[1], date = _a[2];\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number(year),\n        month: Number(month),\n        date: Number(date)\n      };\n    } else if (restrict == 'week') {} else if (restrict == 'month') {\n      var _f = __read(String(defaultValue).split(/\\D/), 2),\n          year = _f[0],\n          month = _f[1];\n\n      if ($.is.nullish(year) || $.is.nullish(month)) {\n        _b = __read($.Time().toFormat('%Y-%M').split('-'), 2), year = _b[0], month = _b[1];\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number(year),\n        month: Number(month)\n      };\n    } else if (restrict == 'year') {\n      var _g = __read(String(defaultValue).split(/\\D/), 1),\n          year = _g[0];\n\n      if ($.is.nullish(year)) {\n        _c = __read($.Time().toFormat('%Y').split('-'), 1), year = _c[0];\n      }\n\n      return {\n        modifiedType: 'init',\n        year: Number(year)\n      };\n    }\n\n    return {};\n  }()), 2),\n      val_value = _b[0],\n      set_value = _b[1];\n\n  useEffect(function () {\n    if (mounted.current) {\n      if (val_value.modifiedType == 'update') {\n        var sendValue = '';\n\n        if (restrict == 'clock') {\n          var _a = val_value,\n              hour = _a.hour,\n              minutes = _a.minutes;\n          sendValue = [hour.zeroEmbed(2), minutes.zeroEmbed(2)].join('/');\n        } else if (restrict == 'date') {\n          var _b = val_value,\n              year = _b.year,\n              month = _b.month,\n              date = _b.date;\n          sendValue = [year, month.zeroEmbed(2), date.zeroEmbed(2)].join('/');\n        } else if (restrict == 'week') {} else if (restrict == 'month') {\n          var _c = val_value,\n              year = _c.year,\n              month = _c.month;\n          sendValue = [year, month.zeroEmbed(2)].join('/');\n        } else if (restrict == 'year') {\n          var year = val_value.year;\n          sendValue = String(year);\n        }\n\n        params.onValueUpdate(sendValue);\n      }\n    } else {\n      mounted.current = true;\n    }\n  }, [val_value]);\n\n  var Params = __assign(__assign({}, params), {\n    val_value: val_value,\n    set_value: set_value\n  });\n\n  return _global_1.React.createElement(_atoms_1.Box, {\n    backgroundColor: '1.layer.base',\n    borderRadius: '2.tone.secondary',\n    boxShadow: 3,\n    border: true,\n    overflow: 'hidden'\n  }, _global_1.React.createElement(_atoms_1.Box, {\n    overflow: 'auto',\n    className: style_module_scss_1[\"default\"][restrict.toCapital() + 'Base'],\n    children: restrict == 'clock' ? _global_1.React.createElement(Comps.Clock._, __assign({}, Params)) : restrict == 'date' ? _global_1.React.createElement(Comps.Date._, __assign({}, Params)) : restrict == 'week' ? '' : restrict == 'month' ? _global_1.React.createElement(Comps.Month._, __assign({}, Params)) : restrict == 'year' ? _global_1.React.createElement(Comps.Year._, __assign({}, Params)) : restrict == 'dates' ? '' : restrict == 'months' ? '' : restrict == 'dateWareki' ? '' : _global_1.React.createElement(_global_1.React.Fragment, null)\n  }));\n};\n\nexports.Picker = Picker;\nvar Comps = {\n  Clock: {\n    _: function _(params) {\n      var min = params.min,\n          max = params.max,\n          onValueUpdate = params.onValueUpdate,\n          tipsID = params.tipsID,\n          val_value = params.val_value,\n          set_value = params.set_value;\n\n      var _a = __read(useState(val_value.hour > 12 ? 2 : 1), 2),\n          val_ampm = _a[0],\n          set_ampm = _a[1];\n\n      var _b = __read(useState(Number(localStorage.getItem('timePickerUnit') || 5)), 2),\n          val_unit = _b[0],\n          set_unit = _b[1];\n\n      useEffect(function () {\n        localStorage.setItem('timePickerUnit', String(val_unit));\n      }, [val_unit]);\n      var hour = val_value.hour,\n          minutes = val_value.minutes;\n      return _global_1.React.createElement(_mols_1.Column, {\n        padding: 1\n      }, _global_1.React.createElement(_atoms_1.Flex, {\n        flexType: 'row',\n        flexWrap: false,\n        gap: 1,\n        className: style_module_scss_1[\"default\"].Body\n      }, _global_1.React.createElement(_mols_1.Column, {\n        className: style_module_scss_1[\"default\"].DesignSide,\n        flexSizing: 0\n      }, _global_1.React.createElement(_atoms_1.Box, {\n        className: style_module_scss_1[\"default\"].ClockUiBase,\n        padding: [1, '2/3'],\n        flexCenter: true\n      }, _global_1.React.createElement(_atoms_1.Box, {\n        className: style_module_scss_1[\"default\"].ClockUi,\n        backgroundColor: 'tcOpLow',\n        isRounded: true,\n        position: 'relative'\n      }, _global_1.React.createElement(_atoms_1.Box, {\n        position: 'absolute',\n        backgroundColor: 'theme',\n        unitWidth: '1/12',\n        className: [style_module_scss_1[\"default\"].Needle, style_module_scss_1[\"default\"].hour].join(' '),\n        freeCSS: {\n          transform: \"rotate(\".concat(hour * 30 + minutes / 2, \"deg)\")\n        }\n      }), _global_1.React.createElement(_atoms_1.Box, {\n        position: 'absolute',\n        backgroundColor: 'theme',\n        unitWidth: '1/12',\n        className: [style_module_scss_1[\"default\"].Needle, style_module_scss_1[\"default\"].minute].join(' '),\n        freeCSS: {\n          transform: \"rotate(\".concat(minutes * 6, \"deg)\")\n        }\n      }))), _global_1.React.createElement(_functions_1.Input.Radio, {\n        tone: 'plain',\n        icon: true,\n        value: [val_ampm],\n        options: [{\n          value: 1,\n          label: 'AM'\n        }, {\n          value: 2,\n          label: 'PM'\n        }],\n        flexType: 'col',\n        gap: 0,\n        cellStyles: {\n          padding: '1/2',\n          horizontalAlign: 'between',\n          gap: '1/3'\n        },\n        tabIndex: -1,\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          var prevHour = val_value.hour % 12;\n          var Hour = prevHour + (value == 2 ? 12 : 0);\n          set_ampm(value);\n          set_value({\n            modifiedType: 'update',\n            hour: Hour,\n            minutes: val_value.minutes\n          });\n        }\n      }), _global_1.React.createElement(_atoms_1.Box, {\n        borderTop: true,\n        margin: [0, 1]\n      }), _global_1.React.createElement(_functions_1.Input.Radio, {\n        tone: 'plain',\n        icon: true,\n        value: [val_unit],\n        options: [{\n          value: 1,\n          label: '/ 1分'\n        }, {\n          value: 2,\n          label: '/ 2分'\n        }, {\n          value: 5,\n          label: '/ 5分'\n        }],\n        flexType: 'col',\n        gap: 0,\n        cellStyles: {\n          padding: '1/2',\n          horizontalAlign: 'between',\n          gap: '1/3'\n        },\n        tabIndex: -1,\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_unit(value);\n        }\n      })), _global_1.React.createElement(_mols_1.Column, null, _global_1.React.createElement(_atoms_1.Box, {\n        flexCenter: true,\n        fontSize: '3.paragraph',\n        isBoldFont: true\n      }, val_value.hour.zeroEmbed(2), \" : \", val_value.minutes.zeroEmbed(2)), _global_1.React.createElement(_atoms_1.Flex, {\n        flexWrap: false,\n        borderRadius: '1.tone.primary',\n        boxShadow: -1,\n        flexChilds: 'even',\n        freeCSS: {\n          minWidth: 12 * 12\n        },\n        padding: ['1/3', 0]\n      }, _global_1.React.createElement(_mols_1.Column, {\n        gap: 0,\n        overflow: 'auto',\n        padding: '2/3',\n        borderRight: true,\n        freeCSS: {\n          maxHeight: 12 * 22\n        },\n        children: Comps.Clock.Hours({\n          onClick: function onClick(index) {\n            var Hour = index + (val_ampm == 2 ? 12 : 0);\n            set_value({\n              modifiedType: 'update',\n              hour: Hour,\n              minutes: val_value.minutes\n            });\n          },\n          min: min,\n          max: max,\n          ampm: val_ampm\n        })\n      }), _global_1.React.createElement(_mols_1.Column, {\n        gap: 0,\n        overflow: 'auto',\n        padding: '2/3',\n        freeCSS: {\n          maxHeight: 12 * 22\n        },\n        children: Comps.Clock.Minutes({\n          onClick: function onClick(index) {\n            set_value({\n              modifiedType: 'update',\n              hour: val_value.hour,\n              minutes: index\n            });\n          },\n          min: min,\n          max: max,\n          unit: val_unit\n        })\n      })))), _global_1.React.createElement(Comps.Variables.Footer, {\n        tipsID: tipsID,\n        onValueUpdate: onValueUpdate\n      }));\n    },\n    Hours: function Hours(params) {\n      var list = [];\n\n      var _loop_1 = function _loop_1(index) {\n        var labelIndex = params.ampm == 2 ? index + 12 : index;\n        var Disabled = false;\n        {\n          var VAL = Number(String(labelIndex * 100).replace(/\\D/ig, ''));\n\n          if (params.min) {\n            var MIN = Number(String(params.min).replace(/\\D/ig, ''));\n            if (MIN > VAL) Disabled = true;\n          }\n\n          if (params.max) {\n            var MAX = Number(String(params.max).replace(/\\D/ig, ''));\n            if (VAL > MAX) Disabled = true;\n          }\n        }\n        list.push(_global_1.React.createElement(_functions_1.Buttons.Button.Normal.R, {\n          key: index,\n          isLocked: Disabled,\n          borderBottom: true,\n          borderRadius: 0,\n          padding: ['1/2', 1],\n          freeCSS: {\n            whiteSpace: 'nowrap'\n          },\n          tabIndex: -1,\n          onClick: function onClick() {\n            params.onClick(index);\n          },\n          children: labelIndex.zeroEmbed(2)\n        }));\n      };\n\n      for (var index = 0; index < 12; index++) {\n        _loop_1(index);\n      }\n\n      return list;\n    },\n    Minutes: function Minutes(params) {\n      var list = [];\n\n      var _loop_2 = function _loop_2(index) {\n        var Value = index * params.unit;\n        list.push(_global_1.React.createElement(_functions_1.Buttons.Button.Normal.R, {\n          key: Value,\n          borderBottom: true,\n          borderRadius: 0,\n          padding: ['1/2', 1],\n          freeCSS: {\n            whiteSpace: 'nowrap'\n          },\n          tabIndex: -1,\n          onClick: function onClick() {\n            params.onClick(Value);\n          },\n          children: Value.zeroEmbed(2)\n        }));\n      };\n\n      for (var index = 0; index < 60 / params.unit; index++) {\n        _loop_2(index);\n      }\n\n      return list;\n    }\n  },\n  Date: {\n    _: function _(params) {\n      var min = params.min,\n          max = params.max,\n          onValueUpdate = params.onValueUpdate,\n          tipsID = params.tipsID,\n          val_value = params.val_value,\n          set_value = params.set_value;\n      var year = val_value.year,\n          month = val_value.month,\n          date = val_value.date;\n      return _global_1.React.createElement(_mols_1.Column, {\n        padding: 1\n      }, _global_1.React.createElement(_atoms_1.Flex, {\n        horizontalAlign: 'between',\n        verticalAlign: 'center',\n        flexWrap: false\n      }, _global_1.React.createElement(_atoms_1.Flex, {\n        verticalAlign: 'bottom',\n        horizontalAlign: 'left',\n        gap: '2/3',\n        flexWrap: false\n      }, _global_1.React.createElement(_functions_1.Input.Select, {\n        override: 'force',\n        enableUnSelected: false,\n        value: year,\n        options: YearOptions(),\n        border: '1.thin',\n        padding: ['1/3', '2/3'],\n        paddingRight: 2,\n        rightIconStyles: {\n          right: '1/3'\n        },\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_value({\n            modifiedType: 'update',\n            year: Number(value),\n            month: month,\n            date: date\n          });\n        }\n      }), _global_1.React.createElement(_functions_1.Input.Select, {\n        override: 'force',\n        enableUnSelected: false,\n        value: month,\n        options: function () {\n          var options = [];\n\n          for (var i = 1; i <= 12; i++) {\n            options.push({\n              value: i,\n              label: String(i),\n              displayLabel: String(i) + '月'\n            });\n          }\n\n          return options;\n        }(),\n        placeholder: '',\n        border: '1.thin',\n        padding: ['1/3', '2/3'],\n        paddingRight: 2,\n        rightIconStyles: {\n          right: '1/3'\n        },\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_value({\n            modifiedType: 'update',\n            year: year,\n            month: Number(value),\n            date: date\n          });\n        }\n      })), _global_1.React.createElement(Comps.Variables.ShiftButtons, {\n        callback: function callback(dir) {\n          var newMonth = month + dir;\n          var newYear = year;\n\n          if (dir == -1) {\n            if (newMonth <= 0) newYear--;\n            newMonth = newMonth || 12;\n          } else {\n            if (month == 12) newYear++;\n          }\n\n          set_value({\n            modifiedType: 'update',\n            year: newYear,\n            month: newMonth,\n            date: val_value.date\n          });\n        }\n      })), _global_1.React.createElement(_atoms_1.Box, {\n        borderTop: true\n      }), _global_1.React.createElement(_atoms_1.Box, {\n        children: Comps.Date.MonthCalendar({\n          min: min,\n          max: max,\n          year: val_value.year,\n          month: val_value.month,\n          current: [val_value.year, val_value.month, val_value.date],\n          callback: function callback(val) {\n            var _a = __read(val, 3),\n                year = _a[0],\n                month = _a[1],\n                date = _a[2];\n\n            set_value({\n              modifiedType: 'update',\n              year: year,\n              month: month,\n              date: date\n            });\n          }\n        })\n      }), _global_1.React.createElement(Comps.Variables.Footer, {\n        tipsID: tipsID,\n        onValueUpdate: onValueUpdate\n      }));\n    },\n    MonthCalendar: function MonthCalendar(params) {\n      var min = params.min,\n          max = params.max,\n          year = params.year,\n          month = params.month,\n          current = params.current,\n          callback = params.callback;\n      var today = $.Time();\n      var firstDate = $.Time([year, month.zeroEmbed(2), '01'].join('/'));\n      var lastDate = firstDate.getLastDayOfTheMonth();\n      var lastMonthLastDay = $.Time(firstDate).addMonth(-1).getLastDayOfTheMonth().date;\n      var legends = [],\n          lastMonthLastishDates = [],\n          thisMonthDates = [],\n          nextMonthFirstishDates = [];\n      var commonStyle = {\n        padding: 0,\n        unitWidth: 3,\n        unitHeight: 3,\n        flexCenter: true,\n        borderRadius: '3.tone.tertiary'\n      };\n\n      for (var i = 0; i < 7; i++) {\n        legends.push(_global_1.React.createElement(_atoms_1.Box, __assign({\n          className: [style_module_scss_1[\"default\"].CalendarDay, style_module_scss_1[\"default\"].Legend].join(' ')\n        }, commonStyle, {\n          key: i\n        }), ['日', '月', '火', '水', '木', '金', '土'][i]));\n      }\n\n      for (var i = 0; i < firstDate.weekday; i++) {\n        lastMonthLastishDates.unshift(_global_1.React.createElement(_atoms_1.Box, __assign({\n          className: [style_module_scss_1[\"default\"].CalendarDay, style_module_scss_1[\"default\"].Dummy].join(' '),\n          fontColor: '4.thin'\n        }, commonStyle, {\n          key: i\n        }), lastMonthLastDay - i));\n      }\n\n      var _loop_3 = function _loop_3() {\n        var idx = i;\n        var isToday = year == today.year && month == today.month && i == today.date;\n        var isLocked = false;\n        {\n          var VAL = Number(String([year, month.zeroEmbed(2), i.zeroEmbed(2)].join('/')).replace(/\\D/ig, ''));\n\n          if (params.min) {\n            var MIN = Number(String(params.min).replace(/\\D/ig, ''));\n            if (MIN > VAL) isLocked = true;\n          }\n\n          if (params.max) {\n            var MAX = Number(String(params.max).replace(/\\D/ig, ''));\n            if (VAL > MAX) isLocked = true;\n          }\n        }\n        thisMonthDates.push(_global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({\n          className: [style_module_scss_1[\"default\"].CalendarDay].join(' ')\n        }, commonStyle, {\n          onClick: function onClick() {\n            callback([year, month, idx]);\n          },\n          tabIndex: -1,\n          key: idx,\n          isLocked: isLocked,\n          fontColor: '1.clear',\n          ssEffectsOnActive: 'shrink',\n          padding: 0,\n          flexCenter: true,\n          borderRadius: 'sphere'\n        }, isToday ? {\n          backgroundColor: 'warn',\n          fontColor: 'white'\n        } : null, {\n          children: i\n        })));\n      };\n\n      for (var i = 1; i <= lastDate.date; i++) {\n        _loop_3();\n      }\n\n      for (var i = 1; i < 7 - lastDate.weekday; i++) {\n        nextMonthFirstishDates.push(_global_1.React.createElement(_atoms_1.Box, __assign({\n          className: [style_module_scss_1[\"default\"].CalendarDay, style_module_scss_1[\"default\"].Dummy].join(' '),\n          fontColor: '4.thin'\n        }, commonStyle, {\n          key: i\n        }), i));\n      }\n\n      return _global_1.React.createElement(_atoms_1.Grid, {\n        gridCols: 7,\n        gap: '1/3'\n      }, legends, lastMonthLastishDates, thisMonthDates, nextMonthFirstishDates);\n    }\n  },\n  Month: {\n    _: function _(params) {\n      var min = params.min,\n          max = params.max,\n          onValueUpdate = params.onValueUpdate,\n          tipsID = params.tipsID,\n          val_value = params.val_value,\n          set_value = params.set_value;\n      var year = val_value.year,\n          month = val_value.month;\n      return _global_1.React.createElement(_mols_1.Column, {\n        padding: 1\n      }, _global_1.React.createElement(_mols_1.Row.Separate, {\n        gap: 0\n      }, _global_1.React.createElement(_mols_1.Row.Center, {\n        verticalAlign: 'bottom',\n        gap: '2/3'\n      }, _global_1.React.createElement(_functions_1.Input.Select, {\n        enableUnSelected: false,\n        value: year,\n        options: YearOptions(),\n        override: 'force',\n        border: '1.thin',\n        padding: ['1/3', '2/3'],\n        paddingRight: 2,\n        rightIconStyles: {\n          right: '1/3'\n        },\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_value({\n            modifiedType: 'update',\n            year: Number(value),\n            month: month\n          });\n        }\n      })), _global_1.React.createElement(Comps.Variables.ShiftButtons, {\n        callback: function callback(dir) {\n          var newYear = Math.min(Math.max(year + dir, 1900), 2100);\n          set_value({\n            modifiedType: 'update',\n            year: newYear,\n            month: month\n          });\n        }\n      })), _global_1.React.createElement(_atoms_1.Box, {\n        borderTop: true\n      }), Comps.Month.Months({\n        min: min,\n        max: max,\n        year: val_value.year,\n        current: [val_value.year, val_value.month],\n        callback: function callback(val) {\n          var _a = __read(val, 2),\n              year = _a[0],\n              month = _a[1];\n\n          set_value({\n            modifiedType: 'update',\n            year: year,\n            month: month\n          });\n        }\n      }), _global_1.React.createElement(Comps.Variables.Footer, {\n        tipsID: tipsID,\n        onValueUpdate: onValueUpdate\n      }));\n    },\n    Months: function Months(params) {\n      var year = params.year,\n          current = params.current,\n          callback = params.callback;\n\n      var _a = __read(current, 2),\n          currentYear = _a[0],\n          currentMonth = _a[1];\n\n      var Months = [];\n\n      var _loop_4 = function _loop_4(index) {\n        var Checked = year == currentYear && index == currentMonth;\n        var isLocked = false;\n        {\n          var VAL = Number(String([year, index.zeroEmbed(2)].join('/')).replace(/\\D/ig, ''));\n\n          if (params.min) {\n            var MIN = Number(String(params.min).replace(/\\D/ig, ''));\n            if (MIN > VAL) isLocked = true;\n          }\n\n          if (params.max) {\n            var MAX = Number(String(params.max).replace(/\\D/ig, ''));\n            if (VAL > MAX) isLocked = true;\n          }\n        }\n        var ClassName = [style_module_scss_1[\"default\"].Cell, Checked ? style_module_scss_1[\"default\"].Checked : ''].join(' ');\n        Months.push(_global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, {\n          key: year + '-' + index,\n          className: ClassName,\n          isLocked: isLocked,\n          fontColor: '2.normal',\n          padding: ['2/3', 1],\n          ssEffectsOnActive: 'shrink',\n          onClick: function onClick() {\n            callback([year, index]);\n          }\n        }, index, \" \\u6708\"));\n      };\n\n      for (var index = 1; index <= 12; index++) {\n        _loop_4(index);\n      }\n\n      return _global_1.React.createElement(_atoms_1.Grid, {\n        gridCols: 4,\n        gap: '2/3',\n        children: Months\n      });\n    }\n  },\n  Year: {\n    _: function _(params) {\n      var min = params.min,\n          max = params.max,\n          onValueUpdate = params.onValueUpdate,\n          tipsID = params.tipsID,\n          val_value = params.val_value,\n          set_value = params.set_value;\n      var year = val_value.year;\n      return _global_1.React.createElement(_mols_1.Column, {\n        padding: 1\n      }, _global_1.React.createElement(_functions_1.Input.Select, {\n        enableUnSelected: false,\n        value: year,\n        override: 'force',\n        options: YearOptions({\n          min: min,\n          max: max\n        }),\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_value({\n            modifiedType: 'update',\n            year: Number(value)\n          });\n        }\n      }), _global_1.React.createElement(Comps.Variables.Footer, {\n        tipsID: tipsID,\n        onValueUpdate: onValueUpdate\n      }));\n    }\n  },\n  Variables: {\n    Footer: function Footer(params) {\n      return _global_1.React.createElement(_atoms_1.Flex, {\n        flexWrap: false,\n        gap: 1,\n        flexChilds: 'even',\n        freeCSS: {\n          whiteSpace: 'nowrap'\n        }\n      }, _global_1.React.createElement(_functions_1.Buttons.Button.Border.R, {\n        onClick: function onClick() {\n          params.onValueUpdate('');\n        },\n        tabIndex: -1,\n        flexSizing: 'none',\n        padding: ['2/3', 1]\n      }, _global_1.React.createElement(_atoms_1.FAIcon.Times, null), \" \\u524A\\u9664\"), _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, {\n        flexSizing: 'auto',\n        onClick: function onClick() {\n          _functions_1.Tooltips.close(params.tipsID);\n        },\n        tabIndex: -1,\n        children: '決定',\n        padding: ['2/3', 1]\n      }));\n    },\n    ShiftButtons: function ShiftButtons(params) {\n      return _global_1.React.createElement(_atoms_1.Flex, {\n        flexWrap: false,\n        gap: '1/3'\n      }, _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({\n        className: style_module_scss_1[\"default\"].LeftButton,\n        tabIndex: -1,\n        right: 0\n      }, Comps.Variables.ShiftButtonStyles, {\n        onClick: function onClick() {\n          params.callback(-1);\n        }\n      }), _global_1.React.createElement(_atoms_1.FAIcon.ChevronLeft, null)), _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({\n        className: style_module_scss_1[\"default\"].RightButton,\n        tabIndex: -1,\n        left: 0\n      }, Comps.Variables.ShiftButtonStyles, {\n        onClick: function onClick() {\n          params.callback(1);\n        }\n      }), _global_1.React.createElement(_atoms_1.FAIcon.ChevronRight, null)));\n    },\n    ShiftButtonStyles: {\n      flexCenter: true,\n      padding: 0,\n      unitWidth: 3,\n      unitHeight: 3,\n      borderRadius: 'sphere',\n      position: 'relative'\n    }\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/Time/Picker.tsx")},"./src/Functions/Input/Time/_.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Input/Time/_.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.TimeFNs = exports.TimeInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar core_1 = __webpack_require__(/*! ../core */ \"./src/Functions/Input/core.tsx\");\n\nvar Picker_1 = __webpack_require__(/*! ./Picker */ \"./src/Functions/Input/Time/Picker.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState,\n    useRef = React.useRef;\nvar PeriodMargin = ' ~ ';\nvar TimeFormatDatas = {\n  clock: {\n    defaultValue: '--:--',\n    format: /^\\d{2}\\D\\d{2}$/,\n    ranges: [{\n      type: 'hour',\n      from: 0,\n      length: 2\n    }, {\n      type: 'minute',\n      from: 3,\n      length: 2\n    }],\n    sets: 1\n  },\n  date: {\n    defaultValue: '----/--/--',\n    format: /^\\d{4}\\D\\d{2}\\D\\d{2}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4\n    }, {\n      type: 'month',\n      from: 5,\n      length: 2\n    }, {\n      type: 'date',\n      from: 8,\n      length: 2\n    }],\n    sets: 1\n  },\n  week: {\n    defaultValue: '----年第--週',\n    format: /^\\d{4}\\D\\d{2}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4,\n      region: 6\n    }, {\n      type: 'week',\n      from: 6,\n      length: 2,\n      region: 3\n    }],\n    sets: 1\n  },\n  month: {\n    defaultValue: '----年--月',\n    format: /^\\d{4}\\D\\d{2}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4\n    }, {\n      type: 'month',\n      from: 5,\n      length: 2,\n      region: 3\n    }],\n    sets: 1\n  },\n  year: {\n    defaultValue: '----年',\n    format: /^\\d{4}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4,\n      region: 5\n    }],\n    sets: 1\n  },\n  dates: {\n    defaultValue: '----/--/--',\n    format: /^\\d{4}\\D\\d{2}\\D\\d{2}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4\n    }, {\n      type: 'month',\n      from: 5,\n      length: 2\n    }, {\n      type: 'date',\n      from: 8,\n      length: 2,\n      region: 5\n    }, {\n      type: 'year',\n      from: 10 + PeriodMargin.length,\n      length: 4\n    }, {\n      type: 'month',\n      from: 15 + PeriodMargin.length,\n      length: 2\n    }, {\n      type: 'date',\n      from: 18 + PeriodMargin.length,\n      length: 2\n    }],\n    sets: 2\n  },\n  months: {\n    defaultValue: '----年--月',\n    format: /^\\d{4}\\D\\d{2}$/,\n    ranges: [{\n      type: 'year',\n      from: 0,\n      length: 4\n    }, {\n      type: 'month',\n      from: 5,\n      length: 2,\n      region: 6\n    }, {\n      type: 'year',\n      from: 8 + PeriodMargin.length,\n      length: 4\n    }, {\n      type: 'month',\n      from: 13 + PeriodMargin.length,\n      length: 2,\n      region: 3\n    }],\n    sets: 2\n  },\n  dateWareki: {\n    defaultValue: '----年--月--日',\n    format: /^\\d{4}\\D\\d{2}\\D\\d{2}$/,\n    ranges: [{\n      type: 'dateWareki',\n      from: 0,\n      length: 4,\n      region: 5\n    }, {\n      type: 'month',\n      from: 5,\n      length: 2,\n      region: 3\n    }, {\n      type: 'date',\n      from: 8,\n      length: 2,\n      region: 3\n    }],\n    sets: 1\n  }\n};\n\nvar DataLeveling = function DataLeveling(params) {\n  var restrict = params.restrict,\n      value = params.value,\n      era = params.era;\n  var dataValue = $.flatArray(value || '');\n  var _a = TimeFormatDatas[restrict],\n      defaultValue = _a.defaultValue,\n      format = _a.format,\n      ranges = _a.ranges,\n      sets = _a.sets;\n  var formatValues = [];\n  var separateStr = restrict == 'clock' ? ':' : '/';\n\n  for (var index = 0; index < dataValue.length; index++) {\n    dataValue[index] = String(dataValue[index]).replace(/\\D/ig, separateStr);\n  }\n\n  var _loop_1 = function _loop_1(index) {\n    var val = dataValue[index] || '';\n\n    if (!val.match(format)) {\n      dataValue[index] = '';\n      formatValues.push(defaultValue);\n    } else {\n      var _value_1 = defaultValue;\n      val.split(/\\D/).forEach(function (v, i) {\n        if (i == 0 && restrict == 'dateWareki') {\n          var Year = Number(v);\n\n          if (era != 'year') {\n            if (Year >= 2019) Year -= 2019;else if (Year >= 1989) Year -= 1989;else if (Year >= 1926) Year -= 1926;else if (Year >= 1912) Year -= 1912;else if (Year >= 1868) Year -= 1868;\n            Year += 1;\n          }\n\n          v = Year.zeroEmbed(4);\n        }\n\n        _value_1 = _value_1.replace(new RegExp('------------------'.slice(0, v.length)), v);\n      });\n      formatValues.push(_value_1);\n    }\n  };\n\n  for (var index = 0; index < sets; index++) {\n    _loop_1(index);\n  }\n\n  return {\n    formatValue: formatValues.join(PeriodMargin),\n    dataValue: ['dates', 'months'].includes(restrict) ? dataValue : dataValue[0],\n    ranges: ranges\n  };\n};\n\nfunction DefaultValidation(props) {\n  var params = props.params;\n  var _a = params,\n      restrict = _a.restrict,\n      min = _a.min,\n      max = _a.max,\n      required = _a.required;\n  var notice = [];\n  var values = $.flatArray(props.value);\n  var validate = {\n    empty: false,\n    escalated: 1,\n    filled: true,\n    correct: true,\n    prohibited: false\n  };\n\n  (function () {\n    var separateStr = restrict == 'clock' ? ':' : '/';\n\n    for (var index = 0; index < values.length; index++) {\n      values[index] = String(values[index]).replace(/\\D/ig, separateStr);\n    }\n\n    for (var index = 0; index < values.length; index++) {\n      var value = values[index];\n      var prevValue = values[index - 1];\n      if (!value.removeLetters()) validate.empty = true;\n      if (index > 0) validate.escalated &= Number(value >= prevValue);\n    }\n\n    if (!validate.escalated) return;\n    if (validate.empty) return;\n\n    if (restrict.match(/clock/)) {\n      values.forEach(function (value) {\n        var _a = __read(value.split(/\\D+/), 2),\n            hour = _a[0],\n            minute = _a[1];\n\n        if (!hour || !minute) {\n          validate.filled = false;\n        } else if (Number(hour) > 23 || Number(minute) > 59) {\n          validate.correct = false;\n        }\n      });\n    } else if (restrict.match(/date/)) {\n      values.forEach(function (value) {\n        var _a = __read(value.split(/\\D+/), 3),\n            year = _a[0],\n            month = _a[1],\n            day = _a[2];\n\n        if (!year || !month || !day) {\n          validate.filled = false;\n        } else {\n          var Time = $.Time(value);\n\n          if (!Time.validate || value != Time.toFormatYMD()) {\n            validate.correct = false;\n          }\n        }\n      });\n    } else if (restrict.match(/week/)) {\n      values.forEach(function (value) {\n        var _a = __read(value.split(/\\D+/), 2),\n            year = _a[0],\n            week = _a[1];\n\n        if (!year || !week) {\n          validate.filled = false;\n        } else {\n          var yearFirstDay = $.Time(year + '/01/01').weekday;\n          var yearFirstWeek0Day = $.Time(year + '/01/0' + (7 - yearFirstDay + 1));\n          var yearValueWeek0Day = yearFirstWeek0Day.addWeek(Number(week) - 1);\n\n          if (year != String(yearValueWeek0Day.year)) {\n            validate.correct = false;\n          }\n        }\n      });\n    } else if (restrict.match(/month/)) {\n      values.forEach(function (value) {\n        var _a = __read(value.split(/\\D+/), 2),\n            year = _a[0],\n            month = _a[1];\n\n        if (!year || !month) {\n          validate.filled = false;\n        } else {\n          var date = $.Time([year, month, '01'].join('/'));\n          if (!date.validate) validate.correct = false;\n        }\n      });\n    } else if (restrict.match(/year/)) {}\n\n    if (validate.filled && validate.correct) {\n      values.forEach(function (value) {\n        {\n          var VAL = Number(String(value).replace(/\\D/ig, ''));\n\n          if (min) {\n            var MIN = Number(String(min).replace(/\\D/ig, ''));\n            if (MIN > VAL) validate.prohibited = true;\n          }\n\n          if (max) {\n            var MAX = Number(String(max).replace(/\\D/ig, ''));\n            if (VAL > MAX) validate.prohibited = true;\n          }\n        }\n      });\n    }\n  })();\n\n  {\n    var empty = validate.empty,\n        escalated = validate.escalated,\n        filled = validate.filled,\n        correct = validate.correct,\n        prohibited = validate.prohibited;\n\n    if (empty && required) {\n      notice = [{\n        type: 'invalid',\n        label: '必須項目です'\n      }];\n    }\n\n    if (!escalated) {\n      notice.push({\n        type: 'invalid',\n        label: '時系列を正しく入力してください'\n      });\n    }\n\n    if (!correct) {\n      notice.push({\n        type: 'invalid',\n        label: '無効な値が入力されています'\n      });\n    }\n\n    if (!filled) {\n      notice.push({\n        type: 'invalid',\n        label: '最後まで値を埋めてください'\n      });\n    }\n\n    if (prohibited) {\n      notice.push({\n        type: 'invalid',\n        label: React.createElement(React.Fragment, null, React.createElement(_atoms_1.Box, null, \"\\u5165\\u529B\\u7BC4\\u56F2\\u304C\\u5236\\u9650\\u3055\\u308C\\u3066\\u3044\\u307E\\u3059\"), \"[\", min || '下限無し', \"] ~ [\", max || '上限無し', \"]\")\n      });\n    }\n  }\n  return {\n    ok: !notice.filter(function (_a) {\n      var type = _a.type;\n      return type == 'invalid';\n    }).length,\n    notice: notice\n  };\n}\n\nvar TimeInput = function TimeInput(params) {\n  var tone = params.tone,\n      required = params.required,\n      _a = params.restrict,\n      restrict = _a === void 0 ? 'clock' : _a,\n      componentID = params.componentID,\n      era = params.era,\n      form = params.form,\n      name = params.name,\n      min = params.min,\n      max = params.max,\n      className = params.className,\n      enableFormSubmit = params.enableFormSubmit,\n      checkValidationAtFirst = params.checkValidationAtFirst,\n      _onKeyDown = params.onKeyDown,\n      onValidate = params.onValidate,\n      onUpdateValue = params.onUpdateValue,\n      onUpdateValidValue = params.onUpdateValidValue,\n      _b = params.value,\n      value = _b === void 0 ? '' : _b,\n      leftIndicator = params.leftIndicator,\n      rightIndicator = params.rightIndicator,\n      others = __rest(params, [\"tone\", \"required\", \"restrict\", \"componentID\", \"era\", \"form\", \"name\", \"min\", \"max\", \"className\", \"enableFormSubmit\", \"checkValidationAtFirst\", \"onKeyDown\", \"onValidate\", \"onUpdateValue\", \"onUpdateValidValue\", \"value\", \"leftIndicator\", \"rightIndicator\"]);\n\n  var _c = __read(useState(era), 2),\n      val_era = _c[0],\n      set_era = _c[1];\n\n  var _d = __read(useState(__assign(__assign({\n    componentID: params.componentID || ''\n  }, DataLeveling({\n    restrict: restrict,\n    value: value,\n    era: val_era\n  })), {\n    eventType: 'init',\n    eventID: $.uuidGen()\n  })), 2),\n      val_status = _d[0],\n      set_status = _d[1];\n\n  var _e = __read(useState({\n    ok: false,\n    notice: []\n  }), 2),\n      val_validate = _e[0],\n      set_validate = _e[1];\n\n  var _f = __read(useState({\n    active: false,\n    index: 0,\n    prevIndex: -1\n  }), 2),\n      val_focus = _f[0],\n      set_focus = _f[1];\n\n  (0, core_1.CommonEffects)({\n    type: 'time',\n    params: params,\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    set_validate: set_validate,\n    DefaultValidation: DefaultValidation,\n    onUpdateValue: onUpdateValue,\n    onUpdateValidValue: onUpdateValidValue,\n    ExtraOverrideParams: __assign({}, DataLeveling({\n      restrict: restrict,\n      value: value,\n      era: val_era\n    }))\n  });\n  var mounted = useRef(false);\n  useEffect(function () {\n    if (mounted.current) {\n      set_status(__assign(__assign({}, val_status), DataLeveling({\n        restrict: restrict,\n        value: val_status.dataValue,\n        era: val_era\n      })));\n    } else {\n      mounted.current = true;\n    }\n  }, [val_era]);\n\n  _global_1.useStore.update({\n    key: val_status.componentID,\n    value: {\n      openPicker: function openPicker() {\n        if (params.disabled) return;\n        exports.TimeFNs.picker.launch({\n          parent: '#Picker-' + val_status.componentID,\n          tipsID: 'PickerTips-' + val_status.componentID,\n          restrict: restrict,\n          min: min,\n          max: max,\n          defaultValue: val_status.dataValue,\n          onValueUpdate: function onValueUpdate(value) {\n            set_status(__assign(__assign(__assign({}, val_status), DataLeveling({\n              restrict: restrict,\n              value: value,\n              era: val_era\n            })), {\n              eventType: 'update',\n              eventID: $.uuidGen()\n            }));\n          }\n        });\n      },\n      resetEra: function resetEra(era) {\n        set_era(era);\n        set_status(__assign(__assign(__assign({}, val_status), DataLeveling({\n          restrict: restrict,\n          value: '',\n          era: val_era\n        })), {\n          eventType: 'update',\n          eventID: $.uuidGen()\n        }));\n      }\n    }\n  });\n\n  useEffect(function () {\n    var index = val_focus.index,\n        active = val_focus.active;\n\n    if (active) {\n      index = Math.max(index, 0);\n      index = Math.min(index, val_status.ranges.length - 1);\n      var _a = val_status.ranges[index],\n          from = _a.from,\n          length_1 = _a.length;\n      var input = $('#' + params.id)[0];\n      if (input) input.setSelectionRange(from, from + length_1);\n    }\n  }, [val_focus]);\n  return React.createElement(core_1.BoxWrapper, {\n    val_status: val_status,\n    set_status: set_status,\n    val_validate: val_validate,\n    params: params\n  }, React.createElement(_functions_1.Input.Hidden, {\n    name: name,\n    \"data-input-type\": 'time',\n    \"data-form\": form,\n    \"data-validation\": val_validate.ok,\n    componentID: val_status.componentID,\n    \"data-value\": JSON.stringify(['dates', 'months'].includes(restrict) ? !val_status.dataValue[0] || !val_status.dataValue[1] ? null : val_status.dataValue : val_status.dataValue || null)\n  }), amotify.config.device.isTouchDevice ? React.createElement(_functions_1.Buttons.Button.Plain, {\n    className: className,\n    freeCSS: {\n      textAlign: 'left'\n    },\n    children: val_status.formatValue,\n    onClick: function onClick(event) {\n      var component = _global_1.useStore.get(val_status.componentID);\n\n      if (component) component.openPicker();\n      event.stopPropagation();\n    }\n  }) : React.createElement(\"input\", __assign({\n    type: 'text',\n    inputMode: 'numeric',\n    \"data-input-type\": 'time',\n    \"data-form-name\": form,\n    value: val_status.formatValue,\n    className: className,\n    tabIndex: amotify.config.device.isTouchDevice ? -1 : 0,\n    onKeyDown: function onKeyDown(event) {\n      KeyDownEvent({\n        restrict: restrict,\n        event: event,\n        val_era: val_era,\n        val_status: val_status,\n        set_status: set_status,\n        val_focus: val_focus,\n        set_focus: set_focus\n      });\n      if (_onKeyDown) _onKeyDown(event);\n      if (enableFormSubmit) (0, core_1.SubmitForm)(event);\n    },\n    onKeyUp: function onKeyUp(event) {\n      if (event.key == 'Tab') set_focus(__assign(__assign({}, val_focus), {\n        active: true\n      }));\n    },\n    onClick: function onClick(event) {\n      var caretTo = event.target.selectionEnd;\n      var Index = 0;\n      val_status.ranges.forEach(function (range, index) {\n        var from = range.from,\n            length = range.length,\n            region = range.region;\n\n        if (from <= caretTo && caretTo <= from + (region || length)) {\n          Index = index;\n        }\n      });\n      set_focus(__assign(__assign({}, val_focus), {\n        active: true,\n        index: Index\n      }));\n      event.preventDefault();\n    }\n  }, others)));\n};\n\nexports.TimeInput = TimeInput;\n\nvar KeyDownEvent = function KeyDownEvent(props) {\n  var val_era = props.val_era,\n      restrict = props.restrict,\n      event = props.event,\n      val_status = props.val_status,\n      set_status = props.set_status,\n      val_focus = props.val_focus,\n      set_focus = props.set_focus;\n  var key = event.key,\n      shiftKey = event.shiftKey,\n      ctrlKey = event.ctrlKey,\n      metaKey = event.metaKey;\n  var auxKey = ctrlKey || metaKey;\n  var _a = event.target,\n      caretFrom = _a.selectionStart,\n      caretTo = _a.selectionEnd;\n  var currentFocusIndex = val_focus.index,\n      prevFocusIndex = val_focus.prevIndex;\n  var ranges = val_status.ranges,\n      formatValue = val_status.formatValue;\n  var maxFocusIndex = ranges.length - 1;\n\n  if (['Tab', 'ArrowLeft', 'ArrowRight'].includes(key)) {\n    var nextFocusIndex = 0;\n\n    if (key == 'Tab') {\n      var direction = Number(!shiftKey) * 2 - 1;\n      nextFocusIndex = val_focus.index + direction;\n      if (nextFocusIndex < 0 || nextFocusIndex > maxFocusIndex) return;\n    } else {\n      var direction = key == 'ArrowLeft' ? -1 : key == 'ArrowRight' ? 1 : 0;\n\n      if (auxKey) {\n        nextFocusIndex = direction == 1 ? maxFocusIndex : 0;\n      } else {\n        if (caretFrom == 0 && caretTo == String(val_status.formatValue).length) {\n          nextFocusIndex = direction == 1 ? maxFocusIndex : 0;\n        } else {\n          nextFocusIndex = Math.max(0, Math.min(currentFocusIndex + direction, maxFocusIndex));\n        }\n      }\n    }\n\n    set_focus(__assign(__assign({}, val_focus), {\n      index: nextFocusIndex,\n      prevIndex: currentFocusIndex\n    }));\n    event.preventDefault();\n  }\n\n  if (['Backspace', 'ArrowUp', 'ArrowDown', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(key)) {\n    event.preventDefault();\n    var nextFocusIndex = currentFocusIndex;\n    nextFocusIndex = Math.max(nextFocusIndex, 0);\n    nextFocusIndex = Math.min(nextFocusIndex, maxFocusIndex);\n    var _b = ranges[nextFocusIndex],\n        type = _b.type,\n        from = _b.from,\n        length_2 = _b.length;\n    var prevValue = formatValue.slice(from, from + length_2);\n    var partsValue = void 0;\n\n    if (key == 'Backspace') {\n      partsValue = '------'.slice(0, length_2);\n    } else if (['ArrowUp', 'ArrowDown'].includes(key)) {\n      var direction = key == 'ArrowUp' ? 1 : -1;\n      prevValue = prevValue | 0;\n      partsValue = prevValue + direction;\n\n      var _c = __read(type == 'dateWareki' ? val_era == 'year' ? [0, 2999, 4] : val_era == 'reiwa' ? [1, 2999, 4] : val_era == 'heisei' ? [1, 31, 4] : val_era == 'shouwa' ? [1, 64, 4] : val_era == 'taisho' ? [1, 15, 4] : val_era == 'meiji' ? [1, 45, 4] : [0, 0, 0] : type == 'minute' ? [0, 59, 2] : type == 'hour' ? [0, 23, 2] : type == 'date' ? [1, 31, 2] : type == 'week' ? [1, 53, 2] : type == 'month' ? [1, 12, 2] : type == 'year' ? [0, 2999, 4] : [0, 0, 0], 3),\n          min = _c[0],\n          max = _c[1],\n          range = _c[2];\n\n      if (partsValue > max) partsValue = min;else if (partsValue < min) partsValue = max;\n      partsValue = Number(partsValue).zeroEmbed(range);\n    } else if (['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(key)) {\n      var prev = prevValue | 0;\n      var add = key;\n      var compound = \"\".concat(prev).concat(add);\n\n      if (prevFocusIndex != currentFocusIndex && prevFocusIndex >= 0) {\n        prev = 0, compound = '0' + add;\n      }\n\n      if (type == 'year' || type == 'dateWareki' && val_era == 'year') {\n        if (Number(compound) > 10000) partsValue = add;else partsValue = compound;\n        if ((partsValue | 0) > 1000) nextFocusIndex++;\n      } else if (['hour', 'minute', 'date', 'week', 'month'].includes(type) || type == 'dateWareki' && val_era != 'year') {\n        var base = type == 'dateWareki' ? val_era == 'reiwa' ? 100 : val_era == 'heisei' ? 31 : val_era == 'shouwa' ? 64 : val_era == 'taisho' ? 15 : val_era == 'meiji' ? 45 : 0 : type == 'minute' ? 59 : type == 'hour' ? 23 : type == 'date' ? 31 : type == 'week' ? 53 : type == 'month' ? 12 : 0;\n        partsValue = (compound | 0) > base ? add : compound;\n        if (Number(add) > Number(String(base)[0]) || prevValue == '0000'.slice(0, String(base).length) && (compound != '0000'.slice(0, String(base).length) || ['minute', 'hour'].includes(type) && prevFocusIndex == currentFocusIndex) || (compound | 0) >= Math.pow(10, String(base).length - 1)) nextFocusIndex++;\n      }\n\n      if (type == 'year' || type == 'dateWareki') partsValue = (partsValue | 0).zeroEmbed(4);else partsValue = (partsValue | 0).zeroEmbed(2);\n    }\n\n    {\n      var nextFormatValue = String(formatValue).partReplace(from, String(partsValue));\n      var nextDataValue = nextFormatValue.split(PeriodMargin).map(function (value) {\n        return value.replace(/(^\\D|\\D$)/, '').split(/\\D+/).join(restrict == 'clock' ? ':' : '/');\n      });\n\n      if (restrict == 'dateWareki') {\n        var v = nextDataValue[0].split(/\\D/);\n\n        var _d = __read(v, 3),\n            year = _d[0],\n            month = _d[1],\n            day = _d[2];\n\n        if (v.length == 3 && year) {\n          var yearYear = Number(year) - 1 + Number({\n            year: 1,\n            reiwa: 2019,\n            heisei: 1989,\n            shouwa: 1926,\n            taisho: 1912,\n            meiji: 1868\n          }[val_era]);\n          nextDataValue = [[yearYear, month, day].join('/')];\n        }\n      }\n\n      nextFocusIndex = Math.max(nextFocusIndex, 0);\n      nextFocusIndex = Math.min(nextFocusIndex, maxFocusIndex);\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: ['dates', 'months'].includes(restrict) ? nextDataValue : nextDataValue[0],\n        formatValue: nextFormatValue,\n        eventType: 'update',\n        eventID: $.uuidGen()\n      }));\n      set_focus(__assign(__assign({}, val_focus), {\n        index: nextFocusIndex,\n        prevIndex: val_focus.index\n      }));\n    }\n  }\n};\n\nexports.TimeFNs = {\n  picker: {\n    launch: function launch(params) {\n      var tipsID = params.tipsID || $.uuidGen();\n\n      _functions_1.Tooltips.open(__assign(__assign({\n        gravityPoint: params.gravityPoint || 24,\n        padding: [1, 0],\n        tipsID: tipsID\n      }, params), {\n        closeOption: __assign({\n          aroundClick: true,\n          elementBlur: false\n        }, params.closeOption),\n        content: React.createElement(Picker_1.Picker, {\n          restrict: params.restrict,\n          min: params.min,\n          max: params.max,\n          defaultValue: params.defaultValue,\n          tipsID: tipsID,\n          onValueUpdate: function onValueUpdate(value) {\n            params.onValueUpdate(value);\n          }\n        })\n      }));\n    },\n    remove: function remove(tipsID) {\n      _functions_1.Tooltips.close(tipsID);\n    }\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/Time/_.tsx")},"./src/Functions/Input/_.tsx":
+/*!***********************************!*\
+  !*** ./src/Functions/Input/_.tsx ***!
+  \***********************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Input = exports.ListInputs = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useState = React.useState,\n    useEffect = React.useEffect,\n    useRef = React.useRef;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/style.module.scss\"));\n\nvar Hidden_1 = __webpack_require__(/*! ./Hidden */ \"./src/Functions/Input/Hidden.tsx\");\n\nvar Text_1 = __webpack_require__(/*! ./Text */ \"./src/Functions/Input/Text.tsx\");\n\nvar TextArea_1 = __webpack_require__(/*! ./TextArea */ \"./src/Functions/Input/TextArea.tsx\");\n\nvar DigitCharacters_1 = __webpack_require__(/*! ./DigitCharacters */ \"./src/Functions/Input/DigitCharacters.tsx\");\n\nvar _1 = __webpack_require__(/*! ./Time/_ */ \"./src/Functions/Input/Time/_.tsx\");\n\nvar _2 = __webpack_require__(/*! ./Select/_ */ \"./src/Functions/Input/Select/_.tsx\");\n\nvar _3 = __webpack_require__(/*! ./List/_ */ \"./src/Functions/Input/List/_.tsx\");\n\nvar _4 = __webpack_require__(/*! ./Chips/_ */ \"./src/Functions/Input/Chips/_.tsx\");\n\nvar _5 = __webpack_require__(/*! ./Switch/_ */ \"./src/Functions/Input/Switch/_.tsx\");\n\nvar _6 = __webpack_require__(/*! ./File/_ */ \"./src/Functions/Input/File/_.tsx\");\n\nvar _7 = __webpack_require__(/*! ./Slider/_ */ \"./src/Functions/Input/Slider/_.tsx\");\n\nvar _8 = __webpack_require__(/*! ./Segmented/_ */ \"./src/Functions/Input/Segmented/_.tsx\");\n\nvar UniComponent = function UniComponent(props) {\n  var _a = __read(useState(props.componentID || $.uuidGen()), 1),\n      val_componentID = _a[0];\n\n  props.params = __assign(__assign({\n    enableFormSubmit: true,\n    // override: 'beforeModified',\n    override: 'never',\n    name: $.uuidGen(),\n    id: $.uuidGen(),\n    statusID: $.uuidGen(),\n    'aria-label': 'Input-' + val_componentID\n  }, props.params), {\n    componentID: val_componentID\n  });\n  var Children = props.children;\n  return React.createElement(Children, __assign({}, props.params));\n};\n\nvar TextInputs = {\n  Validate: Text_1.TextValidate,\n  Normal: function Normal(rawParams) {\n    var _a, _b;\n\n    if (rawParams.rightIcon) rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;\n    if (rawParams.leftIcon) rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: Text_1.TextInput,\n      params: DefaultStyles.Boxish(rawParams)\n    });\n  },\n  CreditCard: function CreditCard(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'creditCard'\n    }, props));\n  },\n  Tel: function Tel(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'tel',\n      placeholder: 'xxx-xxxx-xxxx'\n    }, props));\n  },\n  Number: function Number(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'number'\n    }, props));\n  },\n  DigitNumber: function DigitNumber(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'digitNumber'\n    }, props));\n  },\n  Email: function Email(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'email'\n    }, props));\n  },\n  Url: function Url(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'url',\n      placeholder: 'https://example.com'\n    }, props));\n  },\n  Postal: function Postal(params) {\n    var _a = __read(useState($.uuidGen()), 1),\n        val_postalEventID = _a[0];\n\n    useEffect(function () {\n      return function () {\n        _global_1.useStore[\"delete\"](val_postalEventID);\n      };\n    }, []);\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'postal',\n      placeholder: \"\\u90F5\\u4FBF\\u756A\\u53F7\",\n      leftIndicator: React.createElement(exports.Input.Comps.LeftIndicator, {\n        children: '〒'\n      })\n    }, params));\n  },\n  Password: function Password(props) {\n    return React.createElement(TextInputs.Normal, __assign({\n      restrict: 'password',\n      placeholder: \"\\u30D1\\u30B9\\u30EF\\u30FC\\u30C9\\u3092\\u5165\\u529B\",\n      rightIndicator: React.createElement(exports.Input.Comps.RightIndicator, {\n        padding: 0\n      }, React.createElement(_functions_1.Buttons.Button.Normal.R, {\n        padding: '3/4',\n        fontColor: 'theme',\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n        backgroundColor: 'inherit',\n        height: 1,\n        ssEffectsOnActive: ['expand'],\n        onMouseOver: function onMouseOver(event) {\n          _functions_1.Tooltips.open({\n            parent: event.currentTarget,\n            gravityPoint: 24,\n            padding: [1, 0],\n            content: React.createElement(_functions_1.Tooltips.Comps.Body, null, \"\\u30D1\\u30B9\\u30EF\\u30FC\\u30C9\\u3092\\u8868\\u793A\")\n          });\n        },\n        tabIndex: -1,\n        onClick: function onClick(event) {\n          $(event.target).parent().parent().parent().find('input').callback(function (input) {\n            var Input = input[0];\n            Input.type = Input.type === 'password' ? 'text' : 'password';\n          });\n        }\n      }, React.createElement(_atoms_1.FAIcon, {\n        d: 'eye',\n        freeCSS: {\n          pointerEvents: 'none'\n        }\n      })))\n    }, props));\n  },\n  Money: {\n    JPY: function JPY(props) {\n      return React.createElement(TextInputs.DigitNumber, __assign({\n        placeholder: \"\\u91D1\\u984D\\u3092\\u5165\\u529B\",\n        rightIndicator: React.createElement(exports.Input.Comps.RightIndicator, {\n          children: '円'\n        })\n      }, props));\n    }\n  }\n};\nvar TimeInputs = {\n  Origin: function Origin(rawParams) {\n    var _a = __read(useState(rawParams.componentID || $.uuidGen()), 1),\n        val_componentID = _a[0];\n\n    rawParams.componentID = val_componentID;\n\n    if ($.is.nullish(rawParams.rightIndicator)) {\n      var icon = (rawParams.restrict || '').match(/clock/) ? 'clock' : 'calendar-lines';\n      rawParams.rightIndicator = React.createElement(exports.Input.Comps.RightIndicator, {\n        padding: 0\n      }, React.createElement(_functions_1.Buttons.Button.Sub.R, {\n        color: 'cloud',\n        border: 'unset',\n        padding: '3/4',\n        fontColor: 'theme',\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n        backgroundColor: 'inherit',\n        height: 1,\n        ssEffectsOnActive: ['ripple.theme'],\n        tabIndex: -1,\n        id: 'Picker-' + rawParams.componentID,\n        onClick: function onClick() {\n          var component = _global_1.useStore.get(rawParams.componentID);\n\n          if (component) component.openPicker();\n        }\n      }, React.createElement(_atoms_1.FAIcon, {\n        d: icon\n      })));\n    }\n\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: _1.TimeInput,\n      params: DefaultStyles.Boxish(rawParams)\n    });\n  },\n  Clock: function Clock(props) {\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'clock',\n      era: 'clock'\n    }, props));\n  },\n  Date: function Date(props) {\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'date'\n    }, props));\n  },\n  Week: function Week(props) {\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'week'\n    }, props));\n  },\n  Month: function Month(props) {\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'month'\n    }, props));\n  },\n  Year: function Year(props) {\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'year'\n    }, props));\n  },\n  DateWareki: function DateWareki(params) {\n    var _a = __read(useState(params.componentID || $.uuidGen()), 1),\n        val_componentID = _a[0];\n\n    params.componentID = val_componentID;\n    var _b = params.defaultEra,\n        defaultEra = _b === void 0 ? 'wareki' : _b;\n    var era = 'year';\n\n    if (defaultEra == 'wareki') {\n      era = 'reiwa';\n\n      if (params.value) {\n        var _c = __read(params.value.split(/\\D/), 3),\n            year = _c[0],\n            month = _c[1],\n            date = _c[2];\n\n        if (year && month && date) {\n          var Year = Number(year);\n\n          if (Year >= 2019) {\n            Year -= 2019, era = 'reiwa';\n          } else if (Year >= 1989) {\n            Year -= 1989, era = 'heisei';\n          } else if (Year >= 1926) {\n            Year -= 1926, era = 'shouwa';\n          } else if (Year >= 1912) {\n            Year -= 1912, era = 'taisho';\n          } else if (Year >= 1868) {\n            Year -= 1868, era = 'meiji';\n          }\n\n          Year += 1;\n        }\n      }\n    }\n\n    return React.createElement(TimeInputs.Origin, __assign({\n      restrict: 'dateWareki',\n      leftIndicator: React.createElement(exports.Input.Select, {\n        enableUnSelected: false,\n        value: era,\n        tone: params.tone,\n        flexCenter: true,\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        freeCSS: {\n          whiteSpace: 'nowrap',\n          marginRight: -1\n        },\n        options: [{\n          value: 'year',\n          label: '西暦'\n        }, {\n          value: 'reiwa',\n          label: '令和'\n        }, {\n          value: 'heisei',\n          label: '平成'\n        }, {\n          value: 'shouwa',\n          label: '昭和'\n        }, {\n          value: 'taisho',\n          label: '大正'\n        }, {\n          value: 'meiji',\n          label: '明治'\n        }],\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value,\n              eventType = _a.eventType;\n\n          var component = _global_1.useStore.get(params.componentID);\n\n          if (component && component.resetEra) component.resetEra(value);\n        },\n        rightIcon: false\n      })\n    }, params, {\n      era: era\n    }));\n  },\n  Periods: {\n    Date: function Date(props) {\n      return React.createElement(TimeInputs.Origin, __assign({\n        restrict: 'dates'\n      }, props));\n    },\n    Month: function Month(props) {\n      return React.createElement(TimeInputs.Origin, __assign({\n        restrict: 'months'\n      }, props));\n    }\n  },\n  fn: _1.TimeFNs\n};\n\nvar ChipsInputs = function ChipsInputs(rawParams) {\n  rawParams = __assign({\n    gap: 1,\n    display: 'flex',\n    horizontalAlign: 'left',\n    verticalAlign: 'center',\n    flexWrap: true\n  }, rawParams);\n  var params = DefaultStyles.Boxish(rawParams);\n  return React.createElement(UniComponent, {\n    componentID: rawParams.componentID,\n    children: _4.ChipsInput,\n    params: params\n  });\n};\n\nChipsInputs.fn = _4.ChipsInput.fn;\n\nvar FileInputs = function FileInputs(rawParams) {\n  rawParams.override = 'force';\n\n  var params = _global_1.StyleConverter.ToClassName(rawParams);\n\n  params.cellClassName = [params.cellClassName, DefaultStyles.Boxish(__assign(__assign({}, params.cellStyles), {\n    tone: params.tone\n  })).className].join(' ');\n  return React.createElement(UniComponent, {\n    componentID: rawParams.componentID,\n    children: _6.FileInput,\n    params: params\n  });\n};\n\nFileInputs.fn = _6.FileInput.fn;\nexports.ListInputs = {\n  Origin: function Origin(rawParams) {\n    var params = DefaultStyles.ListCell(rawParams);\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: _3.ListInput,\n      params: params\n    });\n  },\n  Radio: function Radio(params) {\n    return React.createElement(exports.ListInputs.Origin, __assign({\n      iconType: 'radio',\n      tone: params.tone\n    }, params, {\n      type: 'radio'\n    }));\n  },\n  Checkbox: function Checkbox(params) {\n    return React.createElement(exports.ListInputs.Origin, __assign({\n      iconType: 'checkbox',\n      tone: params.tone\n    }, params, {\n      type: 'checkbox'\n    }));\n  }\n};\nexports.Input = {\n  Plain: function Plain(params) {\n    return React.createElement(\"input\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  Hidden: function Hidden(rawParams) {\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: Hidden_1.HiddenInput,\n      params: rawParams\n    });\n  },\n  Text: TextInputs,\n  TextArea: function TextArea(rawParams) {\n    var _a, _b;\n\n    if (rawParams.rightIcon) rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;\n    if (rawParams.leftIcon) rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;\n    var params = DefaultStyles.Boxish(rawParams);\n    params.rows = params.rows || 5;\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: TextArea_1.TextAreaInput,\n      params: params\n    });\n  },\n  DigitCharacters: function DigitCharacters(rawParams) {\n    rawParams = __assign({\n      textAlign: 'center',\n      width: 0\n    }, rawParams);\n\n    if (rawParams.combineInput) {\n      rawParams = $.deepMerge(rawParams, {\n        digits: rawParams.digits,\n        textAlign: 'center',\n        width: 0,\n        borderRadius: 0,\n        freeCSS: {\n          minWidth: 12 * 2,\n          marginRight: -1\n        },\n        listStyles: {\n          borderRadius: '2.tone.secondary',\n          border: 'unset',\n          gap: 0\n        }\n      });\n    }\n\n    var params = DefaultStyles.Boxish(rawParams);\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: DigitCharacters_1.DigitCharactersInput,\n      params: params\n    });\n  },\n  Time: TimeInputs,\n  Select: function Select(rawParams) {\n    var _a, _b;\n\n    if ($.is.nullish(rawParams.rightIcon)) {\n      rawParams.rightIcon = React.createElement(exports.Input.Comps.RightIcon, __assign({\n        flexType: 'col',\n        className: style_module_scss_1[\"default\"].IndicatorIcon\n      }, rawParams.rightIconStyles), React.createElement(_atoms_1.FAIcon.AngleDown, null));\n    }\n\n    if (rawParams.rightIcon) rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;\n    if (rawParams.leftIcon) rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;\n    var params = DefaultStyles.Boxish(rawParams);\n    delete params.rightIconStyles;\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: _2.SelectInput,\n      params: params\n    });\n  },\n  Radio: exports.ListInputs.Radio,\n  Checkbox: exports.ListInputs.Checkbox,\n  Chips: ChipsInputs,\n  Search: function Search(params) {\n    return React.createElement(ChipsInputs, __assign({\n      AddButtonComponent: function AddButtonComponent(props) {\n        if (props.selected.length) return null;\n        return React.createElement(_atoms_1.Box, null, \"\\u9078\\u629E\\u3057\\u3066\\u304F\\u3060\\u3055\\u3044\");\n      },\n      SelectedCellComponent: function SelectedCellComponent(props) {\n        return React.createElement(_atoms_1.Box, {\n          width: 1,\n          textAlign: 'left'\n        }, React.createElement(_mols_1.Row.Separate, null, props.label, props.defaultRemoveButton));\n      },\n      paddingLeft: 3,\n      rightIcon: React.createElement(exports.Input.Comps.LeftIcon, null, React.createElement(_mols_1.Column, {\n        gap: 0\n      }, React.createElement(_atoms_1.FAIcon.AngleUp, null), React.createElement(_atoms_1.FAIcon.AngleDown, null))),\n      limit: 1\n    }, params));\n  },\n  File: FileInputs,\n  Switch: function Switch(rawParams) {\n    rawParams.color = rawParams.color || 'theme';\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: _5.SwitchInput,\n      params: rawParams\n    });\n  },\n  Slider: function Slider(rawParams) {\n    return React.createElement(UniComponent, {\n      componentID: rawParams.componentID,\n      children: _7.SliderInput,\n      params: _global_1.StyleConverter.ToClassName(rawParams)\n    });\n  },\n  Checker: function Checker(rawParams) {\n    return React.createElement(exports.ListInputs.Origin, __assign({}, rawParams, {\n      tone: 'plain',\n      icon: true,\n      type: 'checker',\n      iconType: 'checkbox',\n      value: rawParams.value ? true : null,\n      cellStyles: __assign({\n        padding: 0\n      }, rawParams.cellStyles),\n      options: [{\n        value: true,\n        label: rawParams.label\n      }],\n      onUpdateValidValue: function onUpdateValidValue(args) {\n        var Value = !!args.value[0];\n        if (rawParams.onUpdateValidValue) rawParams.onUpdateValidValue(__assign(__assign({}, args), {\n          value: Value\n        }));\n      }\n    }));\n  },\n  Segmented: _8.Segmented,\n  Comps: {\n    RequiredSign: function RequiredSign(params) {\n      return React.createElement(_atoms_1.Span, __assign({\n        fontColor: 'white',\n        fontSize: '0.xs',\n        padding: ['1/4', '1/3'],\n        backgroundColor: 'nega',\n        borderRadius: '3.tone.tertiary',\n        children: '必須'\n      }, params));\n    },\n    OmitSign: function OmitSign(params) {\n      return React.createElement(_atoms_1.Span, __assign({\n        fontColor: 'white',\n        fontSize: '0.xs',\n        padding: ['1/4', '1/3'],\n        borderRadius: '3.tone.tertiary',\n        backgroundColor: '6.layer.darkest',\n        children: '省略可'\n      }, params));\n    },\n    LeftIndicator: function LeftIndicator(params) {\n      var tone = params.tone,\n          others = __rest(params, [\"tone\"]);\n\n      return React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.Indicator(tone), {\n        borderRight: 'unset',\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0\n      }, others));\n    },\n    RightIndicator: function RightIndicator(params) {\n      var tone = params.tone,\n          others = __rest(params, [\"tone\"]);\n\n      return React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.Indicator(tone), {\n        borderLeft: 'unset',\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0\n      }, others));\n    },\n    RightIcon: function RightIcon(params) {\n      var _a = params.tone,\n          tone = _a === void 0 ? 'border' : _a,\n          others = __rest(params, [\"tone\"]);\n\n      return React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.IndicatorIcon, {\n        right: '3/4',\n        className: style_module_scss_1[\"default\"].IndicatorIcon\n      }, others, {\n        freeCSS: __assign({\n          zIndex: 6,\n          pointerEvents: 'none'\n        }, others.freeCSS)\n      }));\n    },\n    LeftIcon: function LeftIcon(params) {\n      var _a = params.tone,\n          tone = _a === void 0 ? 'border' : _a,\n          others = __rest(params, [\"tone\"]);\n\n      return React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.IndicatorIcon, {\n        left: '3/4',\n        className: style_module_scss_1[\"default\"].IndicatorIcon\n      }, others, {\n        freeCSS: __assign({\n          zIndex: 6,\n          pointerEvents: 'none'\n        }, others.freeCSS)\n      }));\n    }\n  }\n};\nvar DefaultStyles = {\n  Input: function Input(type) {\n    if (type == 'plain') return {};\n    var Styles = {\n      padding: '3/4',\n      transition: 'middle',\n      flexSizing: 'auto',\n      boxShadow: 0\n    };\n\n    if (type == 'border') {\n      Styles = __assign(__assign({}, Styles), {\n        border: true,\n        borderRadius: '2.tone.secondary',\n        backgroundColor: '1.layer.base'\n      });\n    } else if (type == 'cloud') {\n      Styles = __assign(__assign({}, Styles), {\n        border: '1.thin',\n        borderRadius: '2.tone.secondary',\n        backgroundColor: 'cloud'\n      });\n    } else if (type == 'bottomBorder') {\n      Styles = __assign(__assign({}, Styles), {\n        borderRadius: 0,\n        borderBottom: true,\n        backgroundColor: 'cloud'\n      });\n    }\n\n    return Styles;\n  },\n  ListCell: function ListCell(params) {\n    if (!params.tone) {\n      params.tone = 'border';\n      if (amotify.config.tone == 'flat') params.tone = 'cloud';\n    }\n\n    var tone = params.tone;\n\n    if (tone == 'plain') {} else {\n      params = __assign(__assign({}, params), {\n        cellStyles: __assign({\n          position: 'relative',\n          padding: ['3/4', 1],\n          borderRadius: '2.tone.secondary',\n          transition: 'middle'\n        }, params.cellStyles)\n      });\n\n      if (tone == 'normal') {\n        params = __assign(__assign({\n          gap: '1/2'\n        }, params), {\n          cellStyles: __assign({\n            isBoldFont: true\n          }, params.cellStyles),\n          cellCheckedStyles: {\n            backgroundColor: 'cloud'\n          }\n        });\n      } else {\n        params = __assign(__assign({\n          gap: '3/4'\n        }, params), {\n          cellStyles: __assign({\n            boxShadow: 0\n          }, params.cellStyles)\n        });\n\n        if (tone == 'cloud' || tone == 'vivid') {\n          params.cellStyles = __assign({\n            border: '1.thin',\n            backgroundColor: '2.layer.cloud'\n          }, params.cellStyles);\n        }\n\n        if (tone == 'border') {\n          params.cellStyles = __assign({\n            border: true,\n            backgroundColor: '1.layer.base'\n          }, params.cellStyles);\n          params.cellCheckedStyles = __assign({\n            borderColor: 'theme',\n            fontColor: 'theme'\n          }, params.cellCheckedStyles);\n        } else if (tone == 'cloud') {\n          params.cellCheckedStyles = __assign({\n            backgroundColor: 'tcOpFew',\n            fontColor: 'theme',\n            borderColor: 'theme'\n          }, params.cellCheckedStyles);\n        } else if (tone == 'vivid') {\n          params.cellCheckedStyles = __assign({\n            backgroundColor: 'theme',\n            fontColor: 'white',\n            borderColor: 'theme'\n          }, params.cellCheckedStyles);\n        }\n      }\n    }\n\n    return _global_1.StyleConverter.ToClassName(params);\n  },\n  Boxish: function Boxish(params) {\n    if (!params.tone) {\n      params.tone = 'border';\n      if (amotify.config.tone == 'sharp') params.tone = 'bottomBorder';else if (amotify.config.tone == 'flat') params.tone = 'cloud';\n    }\n\n    var Styles = __assign(__assign(__assign(__assign(__assign({}, DefaultStyles.Input(params.tone)), params), params.leftIndicator ? {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0\n    } : null), params.rightIndicator ? {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } : null), {\n      className: [style_module_scss_1[\"default\"].Input, params.className].join(' ')\n    });\n\n    return _global_1.StyleConverter.ToClassName(Styles);\n  },\n  Indicator: function Indicator(type) {\n    if (!type) {\n      type = 'border';\n      if (amotify.config.tone == 'sharp') type = 'bottomBorder';\n    }\n\n    if (type == 'plain') return {};\n    var styles = {\n      flexSizing: 'none',\n      flexCenter: true,\n      padding: [0, 1],\n      borderRadius: '2.tone.secondary',\n      backgroundColor: 'cloud'\n    };\n\n    if (type == 'border') {\n      styles = __assign(__assign({}, styles), {\n        border: true\n      });\n    } else if (type == 'cloud') {\n      styles = __assign(__assign({}, styles), {\n        border: '1.thin'\n      });\n    } else if (type == 'bottomBorder') {\n      styles = __assign(__assign({}, styles), {\n        borderRadius: 0,\n        borderBottom: true\n      });\n    }\n\n    return styles;\n  },\n  IndicatorIcon: {\n    position: 'absolute',\n    unitWidth: 2,\n    unitHeight: 2,\n    top: '50%',\n    flexCenter: true,\n    fontColor: 'theme',\n    fontSize: '1.mini',\n    backgroundColor: 'inherit'\n  }\n};\n\n//# sourceURL=src/./src/Functions/Input/_.tsx")},"./src/Functions/Input/core.tsx":
+/*!**************************************!*\
+  !*** ./src/Functions/Input/core.tsx ***!
+  \**************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.SubmitForm = exports.ValidationCheck = exports.CommonEffects = exports.BoxWrapper = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState,\n    useRef = React.useRef;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Input/style.module.scss\"));\n\nvar BoxWrapper = function BoxWrapper(props) {\n  var children = props.children,\n      val_status = props.val_status,\n      set_status = props.set_status,\n      val_validate = props.val_validate,\n      params = props.params;\n  var clearButton = params.clearButton,\n      rightIcon = params.rightIcon,\n      leftIcon = params.leftIcon,\n      wrapStyles = params.wrapStyles;\n  if (val_status.eventType == 'init' && !params.checkValidationAtFirst) val_validate.notice = [];\n  return React.createElement(_atoms_1.Box, __assign({\n    position: 'relative'\n  }, wrapStyles, {\n    id: 'BoxWrapper-' + val_status.componentID\n  }), React.createElement(_atoms_1.Flex, {\n    flexWrap: false\n  }, params.leftIndicator, React.createElement(_atoms_1.Flex, {\n    position: 'relative',\n    flexSizing: 'auto'\n  }, leftIcon, children, clearButton && !!val_status.dataValue ? React.createElement(_functions_1.Buttons.Button.Normal.R, {\n    ssSphere: 2,\n    flexCenter: true,\n    fontColor: '5.translucent',\n    ssEffectsOnActive: ['ripple.theme'],\n    position: 'absolute',\n    right: 1,\n    top: '50%',\n    freeCSS: {\n      zIndex: 3\n    },\n    className: style_module_scss_1[\"default\"].IndicatorIcon,\n    onClick: function onClick() {\n      set_status(__assign(__assign({}, val_status), {\n        dataValue: '',\n        formatValue: '',\n        eventType: 'update',\n        eventID: $.uuidGen()\n      }));\n    }\n  }, React.createElement(_atoms_1.FAIcon.Times, null)) : rightIcon), params.rightIndicator), React.createElement(GenNotices, {\n    notice: val_validate.notice,\n    val_status: val_status\n  }));\n};\n\nexports.BoxWrapper = BoxWrapper;\n\nvar GenNotices = function GenNotices(params) {\n  var notice = params.notice,\n      val_status = params.val_status;\n  var componentID = val_status.componentID,\n      eventType = val_status.eventType;\n  $.interval.clear('NoticeTimer-' + componentID);\n  $.interval.clear('NoticeTimerClose-' + componentID);\n  var parentID = 'notice-' + params.val_status.componentID;\n  var tipsID = 'notice-tips-' + params.val_status.componentID;\n\n  if (!notice.length) {\n    _functions_1.Tooltips.close(tipsID);\n\n    return null;\n  }\n\n  var Notices = notice.map(function (cell) {\n    var type = cell.type,\n        label = cell.label;\n    return React.createElement(_mols_1.Row.Left, {\n      gap: 0,\n      borderRadius: '2.tone.secondary'\n    }, React.createElement(_atoms_1.FAIcon, {\n      flexCenter: true,\n      fontSize: '3.paragraph',\n      fontColor: {\n        'invalid': 'nega',\n        'warn': 'warn',\n        'valid': 'posi'\n      }[type],\n      d: {\n        'invalid': 'times',\n        'warn': 'exclamation',\n        'valid': 'check'\n      }[type]\n    }), React.createElement(_atoms_1.Box, {\n      fontColor: 'white'\n    }, label));\n  });\n  $.interval.standBy('NoticeTimer-' + componentID, 350, function () {\n    _functions_1.Tooltips.open({\n      tipsID: tipsID,\n      parent: '#' + parentID,\n      padding: ['1/2', 0],\n      content: React.createElement(_functions_1.Tooltips.Comps.Body, {\n        padding: ['1/2', '2/3'],\n        fontSize: '1.mini',\n        position: 'relative'\n      }, React.createElement(_atoms_1.Box, {\n        position: 'absolute',\n        unitHeight: 1,\n        unitWidth: 1,\n        left: 1,\n        backgroundColor: 'dark',\n        freeCSS: {\n          zIndex: 1,\n          transform: 'rotate(45deg)',\n          top: -6\n        }\n      }), React.createElement(_mols_1.Column, {\n        gap: '1/3',\n        position: 'relative',\n        freeCSS: {\n          zIndex: 2\n        },\n        backgroundColor: 'inherit'\n      }, Notices))\n    });\n\n    $.interval.standBy('NoticeTimerClose-' + componentID, 7500, function () {\n      _functions_1.Tooltips.close(tipsID);\n    });\n  });\n  return React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1[\"default\"].Notices,\n    id: parentID\n  });\n};\n\nvar CommonEffects = function CommonEffects(props) {\n  var type = props.type,\n      params = props.params,\n      val_status = props.val_status,\n      set_status = props.set_status,\n      ExtraOverrideParams = props.ExtraOverrideParams,\n      ExtraStoreParams = props.ExtraStoreParams,\n      val_validate = props.val_validate,\n      set_validate = props.set_validate,\n      DefaultValidation = props.DefaultValidation,\n      onUpdateValue = props.onUpdateValue,\n      onUpdateValidValue = props.onUpdateValidValue;\n  var componentID = val_status.componentID;\n\n  var _a = __read(useState($.uuidGen()), 2),\n      val_refresh = _a[0],\n      set_refresh = _a[1];\n\n  useEffect(function () {\n    _global_1.useStore.update({\n      key: componentID,\n      value: __assign({\n        ResolveRefresh: null,\n        Refresh: function Refresh() {\n          return new Promise(function (res, rej) {\n            _global_1.useStore.get(componentID).ResolveRefresh = res;\n            set_refresh($.uuidGen());\n          });\n        },\n        GenNotice: function GenNotice(props) {\n          var ok = props.ok,\n              notice = props.notice;\n          set_validate({\n            ok: ok,\n            notice: notice\n          });\n        }\n      }, ExtraStoreParams)\n    });\n\n    return function () {\n      _global_1.useStore[\"delete\"](componentID);\n    };\n  }, []);\n  var mounted = useRef(false);\n  useEffect(function () {\n    if (mounted.current) {\n      set_status(__assign(__assign({}, val_status), {\n        eventType: 'refresh',\n        eventID: $.uuidGen()\n      }));\n    } else {\n      mounted.current = true;\n    }\n  }, [val_refresh]);\n  useEffect(function () {\n    params.value = val_status.dataValue;\n    $.interval.clear('ValidationTimer-' + componentID);\n    (0, exports.ValidationCheck)({\n      val_status: val_status,\n      set_validate: set_validate,\n      DefaultValidation: DefaultValidation,\n      params: params\n    });\n  }, [val_status.eventID]);\n\n  (function () {\n    var override = params.override;\n    if (override == 'never') return;\n\n    if (override == 'beforeModified') {\n      if (!['init', 'override'].includes(val_status.eventType)) return;\n    }\n\n    var component = _global_1.useStore.get(val_status.componentID);\n\n    if (!component) return;\n\n    if (params.value != val_status.dataValue && params.statusID != component.statusID) {\n      set_status(__assign(__assign(__assign(__assign({}, val_status), {\n        dataValue: params.value\n      }), ExtraOverrideParams), {\n        eventType: 'override',\n        eventID: $.uuidGen()\n      }));\n    }\n\n    component.statusID = params.statusID;\n  })();\n\n  useEffect(function () {\n    var componentID = val_status.componentID,\n        eventType = val_status.eventType,\n        dataValue = val_status.dataValue;\n    var Value = dataValue;\n\n    if (type == 'list') {\n      Value = dataValue.map(function (value) {\n        return JSON.parse(value);\n      });\n    } else if (type == 'select') {\n      Value = JSON.parse(dataValue);\n    } else if (type == 'file') {\n      _global_1.useStore.update({\n        key: componentID,\n        value: {\n          Files: val_status.dataValue\n        }\n      });\n    }\n\n    if (eventType == 'refresh') {\n      _global_1.useStore.get(componentID).ResolveRefresh(null);\n    }\n\n    if (eventType == 'update') {\n      if (onUpdateValue) onUpdateValue({\n        componentID: componentID,\n        value: Value,\n        storeData: _global_1.useStore.get(componentID),\n        eventType: eventType\n      });\n\n      if (val_validate.ok && $.is.exist(Value)) {\n        if (onUpdateValidValue) onUpdateValidValue({\n          componentID: componentID,\n          value: Value,\n          storeData: _global_1.useStore.get(componentID),\n          eventType: eventType\n        });\n      }\n    }\n  }, [val_validate]);\n};\n\nexports.CommonEffects = CommonEffects;\n\nvar ValidationCheck = function ValidationCheck(props) {\n  var val_status = props.val_status,\n      params = props.params,\n      set_validate = props.set_validate,\n      DefaultValidation = props.DefaultValidation;\n  var result = DefaultValidation({\n    value: val_status.dataValue,\n    params: params\n  });\n\n  if (!result.ok) {\n    set_validate(result);\n    return;\n  }\n\n  var sysDefaultNotice = result.notice;\n\n  var FN = function FN() {\n    return __awaiter(void 0, void 0, void 0, function () {\n      var result;\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            if (!params.onValidate) return [2\n            /*return*/\n            ];\n            return [4\n            /*yield*/\n            , params.onValidate({\n              value: val_status.dataValue,\n              eventType: val_status.eventType,\n              props: props\n            })];\n\n          case 1:\n            result = _a.sent();\n\n            if (!result.ok) {\n              set_validate({\n                ok: false,\n                notice: __spreadArray(__spreadArray([], __read(sysDefaultNotice), false), __read(result.notice), false)\n              });\n              return [2\n              /*return*/\n              ];\n            }\n\n            set_validate({\n              ok: true,\n              notice: __spreadArray(__spreadArray([], __read(sysDefaultNotice), false), __read(result.notice), false)\n            });\n            return [2\n            /*return*/\n            ];\n        }\n      });\n    });\n  };\n\n  if (params.onValidate) {\n    if (val_status.eventType == 'refresh') {\n      FN();\n    } else {\n      $.interval.standBy('ValidationTimer-' + val_status.componentID, 450, FN);\n    }\n  } else {\n    set_validate({\n      ok: true,\n      notice: sysDefaultNotice\n    });\n  }\n};\n\nexports.ValidationCheck = ValidationCheck;\n\nvar SubmitForm = function SubmitForm(event) {\n  var input = event.target;\n  var _a = input.dataset,\n      form = _a.form,\n      formName = _a.formName;\n  form = formName || form;\n  var complete = false;\n  var Button = $(\"[data-form-submit-button=\\\"\".concat(form, \"\\\"]\"))[0];\n  if (!Button) return complete;\n  var gestures = Button.dataset.sdfike || '';\n  var key = event.key;\n  var auxKey = event.ctrlKey || event.metaKey;\n\n  if (key == 'Enter' && (gestures.includes('enter') || gestures.includes('auxEnter') && auxKey) || key == ' ' && gestures.includes('space')) {\n    Button.click();\n    event.preventDefault();\n    complete = true;\n  }\n\n  return complete;\n};\n\nexports.SubmitForm = SubmitForm;\n\n//# sourceURL=src/./src/Functions/Input/core.tsx")},"./src/Functions/Inputs/_.tsx":
+/*!************************************!*\
+  !*** ./src/Functions/Inputs/_.tsx ***!
+  \************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Inputs = void 0;\n\nvar text_1 = __webpack_require__(/*! ./text */ "./src/Functions/Inputs/text.tsx");\n\nexports.Inputs = {\n  TextInput: text_1.TextInput\n};\n\n//# sourceURL=src/./src/Functions/Inputs/_.tsx')},"./src/Functions/Inputs/text.tsx":
+/*!***************************************!*\
+  !*** ./src/Functions/Inputs/text.tsx ***!
+  \***************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.TextInput = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Inputs/style.module.scss\"));\n\nvar ToneStyles = {\n  common: {\n    padding: '3/4',\n    borderRadius: '1.tone.primary',\n    transition: 'middle',\n    boxShadow: 0,\n    className: style_module_scss_1[\"default\"].Focus\n  },\n  border: {\n    border: true\n  },\n  cloud: {\n    border: '1.thin',\n    backgroundColor: 'cloud'\n  },\n  bottomBorder: {\n    borderRadius: 0,\n    backgroundColor: 'cloud',\n    borderBottom: true\n  },\n  plain: {}\n};\n\nvar TextInput = function TextInput(params) {\n  params = __assign(__assign(__assign({}, ToneStyles.common), ToneStyles.bottomBorder), params);\n  return React.createElement(\"input\", __assign({\n    type: \"text\",\n    placeholder: 'fvdgsbsfgdvs'\n  }, _global_1.StyleConverter.ToClassName(params)));\n};\n\nexports.TextInput = TextInput;\n\n//# sourceURL=src/./src/Functions/Inputs/text.tsx")},"./src/Functions/Layout/PageNotFound.tsx":
+/*!***********************************************!*\
+  !*** ./src/Functions/Layout/PageNotFound.tsx ***!
+  \***********************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.PageNotFound = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar PageNotFound = function PageNotFound() {\n  var href = location.href;\n  return React.createElement(_mols_1.Row.Center, {\n    padding: [4, 1]\n  }, React.createElement(_mols_1.Column, {\n    ssCardBox: true,\n    gap: 2,\n    padding: [3, 2],\n    textAlign: 'center',\n    width: 1,\n    freeCSS: {\n      maxWidth: 12 * 30\n    }\n  }, React.createElement(_atoms_1.FAIcon.LinkSlash, {\n    fontColor: 'theme',\n    iconFamily: 'classic',\n    isDuotoneIcon: true,\n    freeCSS: {\n      fontSize: '3rem'\n    }\n  }), React.createElement(_atoms_1.Box, null, React.createElement(_mols_1.Text.Paragraph, null, \"\\u3053\\u306E\\u30DA\\u30FC\\u30B8\\u306F\\u3054\\u5229\\u7528\\u3044\\u305F\\u3060\\u3051\\u307E\\u305B\\u3093\\u3002\"), React.createElement(_mols_1.Text.Supplement, {\n    fontColor: '3.blur'\n  }, \"\\u5165\\u529B\\u3055\\u308C\\u305F\\u30EA\\u30F3\\u30AF\\u306E\\u30DA\\u30FC\\u30B8\\u306F\\u5B58\\u5728\\u3057\\u307E\\u305B\\u3093\\u3067\\u3057\\u305F\\u3002\")), React.createElement(_mols_1.Column, null, React.createElement(_mols_1.Text.Normal, {\n    textAlign: 'left',\n    ssCardBox: 'cloud',\n    isBoldFont: true,\n    padding: 1\n  }, \"\\u30FB\\u30EA\\u30F3\\u30AF\\u304C\\u6B63\\u3057\\u3044\\u304B\", React.createElement(_atoms_1.Box, {\n    margin: ['1/2', 0],\n    borderBottom: true\n  }), \"\\u30FB\\u30EA\\u30F3\\u30AF\\u306E\\u6709\\u52B9\\u671F\\u9650\", React.createElement(_atoms_1.Box, {\n    margin: ['1/2', 0],\n    borderBottom: true\n  }), \"\\u30FB\\u30A2\\u30AF\\u30BB\\u30B9\\u6A29\\u9650\\u7B49\\u304C\\u6B63\\u3057\\u3044\\u304B\"), \"\\u306A\\u3069\\u3092\\u3082\\u3046\\u4E00\\u5EA6\\u78BA\\u8A8D\\u3057\\u3066\\u304F\\u3060\\u3055\\u3044\\u3002\"), React.createElement(_functions_1.Buttons.Anchor.Link, {\n    newTab: true,\n    href: href\n  }, href), React.createElement(_functions_1.Buttons.Anchor.BorderToFill.R, {\n    href: '/',\n    width: 1,\n    children: 'ホームに戻る'\n  })));\n};\n\nexports.PageNotFound = PageNotFound;\n\n//# sourceURL=src/./src/Functions/Layout/PageNotFound.tsx")},"./src/Functions/Layout/PageRouter.tsx":
+/*!*********************************************!*\
+  !*** ./src/Functions/Layout/PageRouter.tsx ***!
+  \*********************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.PageRouter = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useRef = React.useRef;\nvar useHistory = _global_1.ReactRouterDom.useHistory,\n    useLocation = _global_1.ReactRouterDom.useLocation,\n    BrowserRouter = _global_1.ReactRouterDom.BrowserRouter,\n    Switch = _global_1.ReactRouterDom.Switch,\n    Route = _global_1.ReactRouterDom.Route;\n\nvar userEffect = function userEffect(beforeCallback, afterCallback, afterFirstCallback) {\n  var mounted = useRef(false);\n  var location = useLocation();\n  var history = useHistory();\n\n  _global_1.useStore.set({\n    key: 'history',\n    value: history\n  });\n\n  amotify.fn.Sheet.closeAll(true);\n  useEffect(function () {\n    if (mounted.current) {\n      $('#TopNavigation').callback(function (topHeader) {\n        var Body = $(document.body);\n\n        if (topHeader[0]) {\n          Body.setStyleProperty('--topNavHeight', topHeader.position().height + 'px');\n        } else {\n          Body.setStyleProperty('--topNavHeight', '0px');\n        }\n      });\n    } else {\n      mounted.current = true;\n    }\n  }, [location]);\n  if (beforeCallback) beforeCallback(location);\n  useEffect(function () {\n    if (afterFirstCallback) afterFirstCallback(location);\n  }, []);\n  useEffect(function () {\n    setTimeout(function () {\n      window.dispatchEvent(new Event('resize'));\n    }, 200);\n    if (afterCallback) afterCallback(location);\n  }, [location]);\n};\n\nvar Switcher = function Switcher(props) {\n  var routes = props.routes,\n      beforeCallBack = props.beforeCallBack,\n      afterCallBack = props.afterCallBack,\n      afterFirstCallBack = props.afterFirstCallBack;\n  userEffect(beforeCallBack, afterCallBack, afterFirstCallBack);\n  var Routes = routes.map(function (page) {\n    var path = page.path,\n        content = page.content;\n    path = '/' + path.replace(/^\\//, '');\n    return React.createElement(Route, {\n      key: path,\n      exact: true,\n      path: path,\n      render: function render() {\n        return React.createElement(React.Fragment, null, content);\n      }\n    });\n  });\n  return React.createElement(Switch, null, Routes, React.createElement(Route, {\n    path: '*',\n    render: function render() {\n      return React.createElement(React.Fragment, null, React.createElement(_functions_1.Layout.PageNotFound, null));\n    }\n  }));\n};\n\nvar PageRouter = function PageRouter(props) {\n  var pages = props.pages,\n      beforeCallBack = props.beforeCallBack,\n      afterCallBack = props.afterCallBack,\n      afterFirstCallBack = props.afterFirstCallBack;\n  return React.createElement(Switcher, {\n    routes: pages,\n    beforeCallBack: beforeCallBack,\n    afterCallBack: afterCallBack,\n    afterFirstCallBack: afterFirstCallBack\n  });\n};\n\nexports.PageRouter = PageRouter;\n\n//# sourceURL=src/./src/Functions/Layout/PageRouter.tsx")},"./src/Functions/Layout/PageViewController/parts.tsx":
+/*!***********************************************************!*\
+  !*** ./src/Functions/Layout/PageViewController/parts.tsx ***!
+  \***********************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.PageViewController = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar useState = _global_1.React.useState,\n    useEffect = _global_1.React.useEffect;\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar PageViewController = function PageViewController(params) {\n  var _a = params.viewIndex,\n      viewIndex = _a === void 0 ? 0 : _a,\n      views = params.views,\n      _b = params.wrapper,\n      wrapper = _b === void 0 ? function (body) {\n    return _global_1.React.createElement(_functions_1.Effects.FadeIn, {\n      key: viewIndex,\n      animationTime: 400,\n      children: body\n    });\n  } : _b;\n  viewIndex = Math.min(Math.max(viewIndex, 0), views.length);\n\n  var _c = __read(useState(viewIndex), 2),\n      val_index = _c[0],\n      set_index = _c[1];\n\n  if (val_index != viewIndex) set_index(viewIndex);\n  return _global_1.React.createElement(_global_1.React.Fragment, null, wrapper(views[viewIndex]));\n};\n\nexports.PageViewController = PageViewController;\n\n//# sourceURL=src/./src/Functions/Layout/PageViewController/parts.tsx')},"./src/Functions/Layout/Plate.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Layout/Plate.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Plate = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar Plate = function Plate(props) {\n  var _a = props.size,\n      size = _a === void 0 ? 'R' : _a,\n      others = __rest(props, [\"size\"]);\n\n  var Size = {\n    'XS': 48,\n    'S': 60,\n    'R': 72,\n    'L': 84,\n    'XL': 100,\n    'MAX': 120\n  }[size];\n  return React.createElement(_atoms_1.Box, __assign({\n    margin: [0, 'auto'],\n    width: 1\n  }, others, {\n    freeCSS: __assign({\n      maxWidth: 12 * Size\n    }, others.freeCSS)\n  }));\n};\n\nexports.Plate = Plate;\n\n//# sourceURL=src/./src/Functions/Layout/Plate.tsx")},"./src/Functions/Layout/RootViewController/parts.tsx":
+/*!***********************************************************!*\
+  !*** ./src/Functions/Layout/RootViewController/parts.tsx ***!
+  \***********************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.RootViewController = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Layout/RootViewController/style.module.scss\"));\n\nexports.RootViewController = {\n  Base: function Base(params) {\n    var topNavigation = params.topNavigation,\n        sideNavigation = params.sideNavigation,\n        footerNavigation = params.footerNavigation,\n        children = params.children,\n        className = params.className,\n        others = __rest(params, [\"topNavigation\", \"sideNavigation\", \"footerNavigation\", \"children\", \"className\"]);\n\n    var Key = _global_1.useRecycle.set('RootViewController');\n\n    _global_1.React.useEffect(function () {\n      calcHeights();\n      setTimeout(function () {\n        calcHeights();\n      }, 100);\n      var getSideNavigationHeight = 'ResizeCB';\n      var beforeunload = 'RemovePageEventCB';\n      $(window).addEvent({\n        eventType: 'resize',\n        eventID: getSideNavigationHeight,\n        callback: function callback() {\n          if (!amotify.config.device.isPhonepoint()) calcHeights();\n        }\n      });\n      return function () {\n        $(window).removeEvent(beforeunload);\n        $(window).removeEvent(getSideNavigationHeight);\n      };\n    }, []);\n\n    var Chilren = children;\n    return _global_1.React.createElement(_mols_1.Column, __assign({\n      key: Key,\n      className: [className, style_module_scss_1[\"default\"].Root].join(' '),\n      backgroundColor: '1.layer.base'\n    }, others, {\n      gap: 0,\n      minHeight: 'viewHeight'\n    }), topNavigation, _global_1.React.createElement(_atoms_1.Flex, {\n      className: style_module_scss_1[\"default\"].Body,\n      flexWrap: false,\n      position: 'relative',\n      flexSizing: 0\n    }, sideNavigation, _global_1.React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].Content,\n      position: 'relative',\n      flexSizing: 0,\n      width: 0,\n      UnderBreakPointStyles: {\n        width: 1\n      }\n    }, Chilren)), footerNavigation);\n  },\n  TopNavigation: function TopNavigation(params) {\n    var className = params.className,\n        children = params.children,\n        others = __rest(params, [\"className\", \"children\"]);\n\n    var _a = __read(_global_1.React.useState($.uuidGen()), 1),\n        val_componentID = _a[0];\n\n    _global_1.React.useEffect(function () {\n      var height = $(\"[data-id=\\\"\".concat(val_componentID, \"\\\"]\")).position().height;\n      height = height | 0;\n      var topBase = height;\n\n      if ($('#TopNavigation').getStyleProperty('position') != 'sticky') {\n        topBase = 0;\n      }\n\n      $(document.body).setStyleProperty('--topNavHeight', height + 'px').setStyleProperty('--topBase', topBase + 'px');\n    }, []);\n\n    return _global_1.React.createElement(_atoms_1.Flex, __assign({\n      key: val_componentID,\n      \"data-id\": val_componentID,\n      flexSizing: 'none',\n      flexType: 'col',\n      position: 'sticky',\n      top: 0,\n      backgroundColor: '1.layer.base'\n    }, others, {\n      id: 'TopNavigation',\n      className: [className, style_module_scss_1[\"default\"].TopNav].join(' ')\n    }), _global_1.React.createElement(_atoms_1.Box, {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      backgroundColor: 'inherit',\n      className: style_module_scss_1[\"default\"].TopCover,\n      freeCSS: {\n        top: '-1rem',\n        height: '2rem',\n        zIndex: -1\n      }\n    }), children);\n  },\n  SideNavigation: function SideNavigation(params) {\n    var _a = params.className,\n        className = _a === void 0 ? '' : _a,\n        baseStyles = params.baseStyles,\n        others = __rest(params, [\"className\", \"baseStyles\"]);\n\n    return _global_1.React.createElement(_atoms_1.Box, __assign({\n      flexSizing: 'none',\n      className: [className, style_module_scss_1[\"default\"].SideNav].join(' '),\n      minHeight: 'sideNavigationHeight'\n    }, others));\n  },\n  FooterNavigation: function FooterNavigation(params) {\n    var _a = params.className,\n        className = _a === void 0 ? '' : _a,\n        baseStyles = params.baseStyles,\n        others = __rest(params, [\"className\", \"baseStyles\"]);\n\n    var _b = __read(_global_1.React.useState($.uuidGen()), 1),\n        val_componentID = _b[0];\n\n    _global_1.React.useEffect(function () {\n      var height = $(\"[data-id=\\\"\".concat(val_componentID, \"\\\"]\")).position().height;\n      height = height | 0;\n      $(document.body).setStyleProperty('--footerNavHeight', height + 'px');\n    }, []);\n\n    return _global_1.React.createElement(_atoms_1.Flex, __assign({\n      \"data-id\": val_componentID,\n      borderTop: true,\n      position: 'sticky',\n      bottom: 0,\n      overflow: 'auto',\n      backgroundColor: '1.layer.base',\n      paddingBottom: 'safeAreaBottom',\n      display: 'none'\n    }, baseStyles, {\n      UnderBreakPointStyles: __assign({\n        display: 'flex'\n      }, baseStyles === null || baseStyles === void 0 ? void 0 : baseStyles.UnderBreakPointStyles),\n      className: [style_module_scss_1[\"default\"].FooterNav, className].join(' ')\n    }), _global_1.React.createElement(_atoms_1.Flex, __assign({\n      gap: 1,\n      flexWrap: false,\n      padding: '2/3',\n      margin: 'auto'\n    }, others)));\n  },\n  Comps: {\n    Button: function Button(params) {\n      var e_1, _a;\n\n      var isActive = params.isActive,\n          uri = params.uri,\n          uriGroup = params.uriGroup,\n          _b = params.activeClassName,\n          activeClassName = _b === void 0 ? '' : _b,\n          others = __rest(params, [\"isActive\", \"uri\", \"uriGroup\", \"activeClassName\"]);\n\n      var groups = $.flatArray(uriGroup);\n      var currentURL = location.pathname + location.search;\n      {\n        var isCurrentURL = false;\n\n        if ($.is.exist(uri) && $.is.string(uri)) {\n          var url = [location.origin, uri.replace(/\\//, '')].join('/');\n          isCurrentURL = currentURL == new URL(url).pathname;\n        }\n\n        if (!isCurrentURL) {\n          if (groups.length) {\n            try {\n              for (var groups_1 = __values(groups), groups_1_1 = groups_1.next(); !groups_1_1.done; groups_1_1 = groups_1.next()) {\n                var group = groups_1_1.value;\n                if ($.is.nullish(group)) continue;\n                if (!!currentURL.match(new RegExp(group))) isCurrentURL = true;\n              }\n            } catch (e_1_1) {\n              e_1 = {\n                error: e_1_1\n              };\n            } finally {\n              try {\n                if (groups_1_1 && !groups_1_1.done && (_a = groups_1[\"return\"])) _a.call(groups_1);\n              } finally {\n                if (e_1) throw e_1.error;\n              }\n            }\n          }\n        }\n\n        isActive = isActive !== null && isActive !== void 0 ? isActive : isCurrentURL;\n      }\n      return _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({\n        padding: ['3/4', 1],\n        display: 'flex',\n        gap: '1/2',\n        fontColor: 'inherit',\n        width: 1,\n        flexSizing: 'none',\n        flexWrap: false,\n        ssEffectsOnActive: 'ripple.cloud',\n        verticalAlign: 'center',\n        textAlign: 'left',\n        isBoldFont: true,\n        isActive: isActive,\n        isActiveStyles: {\n          fontColor: 'theme',\n          backgroundColor: 'cloud'\n        },\n        onClick: function onClick(event) {\n          if ($.is.exist(uri) && $.is.string(uri)) _global_1.pageTransit.push(uri, event.ctrlKey || event.metaKey);\n        },\n        color: 'cloud'\n      }, others));\n    },\n    Bar: function Bar(params) {\n      return _global_1.React.createElement(_atoms_1.Box, __assign({\n        backgroundColor: 'lcOpMiddle',\n        unitHeight: '1/3',\n        margin: ['2/3', 1],\n        borderRadius: 'sphere'\n      }, params));\n    },\n    Title: function Title(params) {\n      return _global_1.React.createElement(_atoms_1.Box, __assign({\n        fontSize: '3.paragraph',\n        isBoldFont: true,\n        padding: [0, 1]\n      }, params));\n    }\n  }\n};\n\nvar calcHeights = function calcHeights() {\n  var Body = $(document.body);\n  var viewHeight = window.innerHeight;\n  var topNavHeight = Number(Body.getStyleProperty('--topNavHeight').removeLetters());\n  var footerNavHeight = Number(Body.getStyleProperty('--footerNavHeight').removeLetters());\n  var contentHeight = viewHeight - topNavHeight - footerNavHeight;\n  Body.setStyleProperty('--viewHeight', viewHeight + 'px').setStyleProperty('--sideNavHeight', contentHeight + 'px').setStyleProperty('--contentHeight', contentHeight + 'px');\n};\n\n//# sourceURL=src/./src/Functions/Layout/RootViewController/parts.tsx")},"./src/Functions/Layout/SwipeView/parts.tsx":
+/*!**************************************************!*\
+  !*** ./src/Functions/Layout/SwipeView/parts.tsx ***!
+  \**************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Core = exports.SwipeView = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar useState = React.useState,\n    useEffect = React.useEffect,\n    useRef = React.useRef;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Layout/SwipeView/style.module.scss\"));\n\nvar SwipeView = function SwipeView(params) {\n  return React.createElement(exports.Core, __assign({}, params, {\n    slideIndex: Math.max(Math.min(params.slideIndex, params.slides.length - 1), 0)\n  }));\n};\n\nexports.SwipeView = SwipeView;\n\nvar Core = function Core(params) {\n  var _a = params.options,\n      _b = _a === void 0 ? {} : _a,\n      onSlideCallback = _b.onSlideCallback,\n      _c = _b.visibilitySurroundSlide,\n      visibilitySurroundSlide = _c === void 0 ? true : _c,\n      _d = _b.autoSwipeSeconds,\n      autoSwipeSeconds = _d === void 0 ? 0 : _d,\n      _e = _b.loop,\n      loop = _e === void 0 ? false : _e,\n      _f = _b.disableMousedrag,\n      disableMousedrag = _f === void 0 ? false : _f,\n      _g = _b.disableTouch,\n      disableTouch = _g === void 0 ? false : _g,\n      _h = params.wrapper,\n      wrapper = _h === void 0 ? function (slide) {\n    return slide;\n  } : _h,\n      _j = params.slides,\n      slides = _j === void 0 ? [] : _j,\n      others = __rest(params, [\"options\", \"wrapper\", \"slides\"]);\n\n  var _k = __read(useState($.uuidGen()), 1),\n      val_swipeID = _k[0];\n\n  var _l = __read(useState({\n    eventType: 'init',\n    index: params.slideIndex\n  }), 2),\n      val_event = _l[0],\n      set_event = _l[1];\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: 'SwipeTimer-' + val_swipeID,\n      value: null\n    });\n  }, []);\n  var mounted = useRef(false);\n  useEffect(function () {\n    set_event({\n      eventType: 'usr',\n      index: params.slideIndex\n    });\n    if (!mounted.current) mounted.current = true;\n  }, [params.slideIndex]);\n  useEffect(function () {\n    var Index = val_event.index + (loop ? 1 : 0);\n    var CopyIndex = [-1, slides.length].includes(val_event.index);\n    if (!CopyIndex) if (onSlideCallback) setTimeout(function () {\n      onSlideCallback(val_event.index);\n    }, 300);\n    var Base = $('#Swiper-' + val_swipeID);\n\n    if (val_event.eventType == 'adjustLoop') {\n      Base[\"await\"](250).css({\n        transition: '0s',\n        transform: FNs.TrasformString(Index)\n      }).children().removeClass(style_module_scss_1[\"default\"].Display).parent().children(Index).addClass([style_module_scss_1[\"default\"].Display, style_module_scss_1[\"default\"].LoopAdjusting])[\"await\"](100).removeClass(style_module_scss_1[\"default\"].LoopAdjusting);\n    } else if (val_event.eventType == 'sys') {\n      Base[\"await\"](250).css({\n        transform: FNs.TrasformString(Index)\n      }).children().removeClass(style_module_scss_1[\"default\"].Display).parent().children(Index).addClass(style_module_scss_1[\"default\"].Display);\n    } else {\n      Base.children().removeClass(style_module_scss_1[\"default\"].Display).parent().children(Index).addClass(style_module_scss_1[\"default\"].Display).parent().css({\n        transition: '0.3s',\n        transform: FNs.TrasformString(Index)\n      })[\"await\"](250).css({\n        transition: '0s'\n      });\n\n      if (CopyIndex) {\n        var ajastIndex = val_event.index == -1 ? slides.length - 1 : 0;\n        set_event({\n          eventType: 'adjustLoop',\n          index: ajastIndex\n        });\n      }\n    }\n\n    if (autoSwipeSeconds && !CopyIndex) {\n      $.interval.clear('SwipeTimer-' + val_swipeID);\n      $.interval.standBy('SwipeTimer-' + val_swipeID, autoSwipeSeconds - (val_event.eventType == 'sys' ? 310 : 0), function () {\n        var newIndex = val_event.index + 1;\n        if (!loop && newIndex > slides.length - 1) newIndex = 0;\n        set_event({\n          eventType: 'usr',\n          index: newIndex\n        });\n      });\n    }\n  }, [val_event]);\n  var Slides = slides.map(function (slide, index) {\n    return React.createElement(_atoms_1.Box, {\n      key: index,\n      flexSizing: 'none',\n      width: 1,\n      height: 0,\n      className: style_module_scss_1[\"default\"].Child,\n      children: wrapper(slide)\n    });\n  });\n\n  if (loop) {\n    Slides.push(Slides[0]);\n    Slides.unshift(Slides[Slides.length - 2]);\n  }\n\n  var info = {\n    x: 0,\n    y: 0,\n    process: false,\n    effectStartAt: 0,\n    id: val_swipeID,\n    loop: loop,\n    index: val_event.index,\n    minIndex: loop ? -1 : 0,\n    maxIndex: slides.length + (loop ? 1 : -1),\n    width: 0,\n    set_event: set_event\n  };\n  var Index = val_event.index + (loop ? 1 : 0);\n  return React.createElement(_atoms_1.Box, __assign({\n    overflow: 'hidden',\n    position: 'relative'\n  }, others, {\n    freeCSS: __assign({\n      zIndex: 1\n    }, others.freeCSS),\n    \"data-swipe-id\": val_swipeID,\n    onMouseDown: function onMouseDown(event) {\n      if (disableMousedrag) return;\n      if (event.buttons != 1) return;\n      FNs.EffectStart(event, info);\n    },\n    onTouchStart: function onTouchStart(event) {\n      var _a;\n\n      if (disableTouch) return;\n      if (((_a = event.touches) === null || _a === void 0 ? void 0 : _a.length) != 1) return;\n      FNs.EffectStart(event, info);\n    }\n  }), React.createElement(_atoms_1.Flex, {\n    flexWrap: false,\n    gap: 1,\n    transition: 'long',\n    className: [style_module_scss_1[\"default\"].Rail, style_module_scss_1[\"default\"]['ShowOther_' + visibilitySurroundSlide]].join(' '),\n    id: 'Swiper-' + val_swipeID,\n    freeCSS: __assign({}, !mounted.current ? {\n      transform: FNs.TrasformString(Index)\n    } : {}),\n    children: Slides\n  }));\n};\n\nexports.Core = Core;\nvar FNs = {\n  TrasformString: function TrasformString(Index) {\n    return \"translateX( calc( \".concat(-100 * Index, \"%  - \").concat(12 * Index, \"px ) )\");\n  },\n  EffectStart: function EffectStart(event, info) {\n    var _a = $.getCursor(event),\n        x = _a.x,\n        y = _a.y;\n\n    var eventTarget = event.currentTarget;\n    var target = event.target;\n    if (['SELECT', 'BUTTON', 'LABEL', 'INPUT'].includes(target.tagName)) return;\n    info = __assign(__assign({}, info), {\n      x: x - info.x + window.scrollX,\n      y: y - info.y + window.scrollY,\n      effectStartAt: new Date().getTime(),\n      width: $('#Swiper-' + info.id).position().width\n    });\n    var swipeId = eventTarget.dataset.swipeId;\n\n    if (swipeId == info.id) {\n      $(document).addEvent({\n        eventID: 'SwipeMouseMove',\n        eventType: 'mousemove',\n        callback: function callback(event) {\n          FNs.EffectCheck(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'SwipeTouchMove',\n        eventType: 'touchmove',\n        callback: function callback(event) {\n          FNs.EffectCheck(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'SwipeMouseUp',\n        eventType: 'mouseup',\n        callback: function callback(event) {\n          FNs.EffectEnd(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'SwipeTouchEnd',\n        eventType: 'touchend',\n        callback: function callback(event) {\n          FNs.EffectEnd(event, info);\n        },\n        option: {\n          passive: false\n        }\n      });\n    }\n  },\n  EffectCheck: function EffectCheck(event, info) {\n    if (info.process) return;\n\n    var _a = $.getCursor(event),\n        x = _a.x,\n        y = _a.y;\n\n    var X = Math.abs(x - info.x + window.scrollX);\n    var Y = Math.abs(y - info.y + window.scrollY);\n    if (event.touches && event.touches.length > 1) return;\n    if (Y + X < 15) return;\n\n    if (Y > X / 2) {\n      $(document).removeEvent(['SwipeMouseMove', 'SwipeTouchMove']);\n    } else {\n      info.process = true;\n      var Index = info.index + (info.loop ? 1 : 0);\n      $('#Swiper-' + info.id).children(Index - 1).addClass(style_module_scss_1[\"default\"].Display);\n      $('#Swiper-' + info.id).children(Index + 1).addClass(style_module_scss_1[\"default\"].Display);\n      $(document).addEvent({\n        eventID: 'SwipeCheckMouseMove',\n        eventType: 'mousemove',\n        callback: function callback(event) {\n          FNs.EffectMove(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'SwipeCheckTouchMove',\n        eventType: 'touchmove',\n        callback: function callback(event) {\n          FNs.EffectMove(event, info);\n        },\n        option: {\n          passive: false\n        }\n      });\n      event.preventDefault();\n      return;\n    }\n  },\n  EffectMove: function EffectMove(event, info) {\n    if (event.touches && event.touches.length > 1) return;\n    var x = $.getCursor(event).x;\n    var X = x - info.x + window.scrollX;\n    var Index = info.index + (info.loop ? 1 : 0);\n    var rate = Index - X / info.width;\n\n    if (rate < 0) {\n      rate /= 2;\n    } else if (rate > info.maxIndex) {\n      var excess = rate - info.maxIndex;\n      rate = info.maxIndex + excess / 2;\n    }\n\n    $('#Swiper-' + info.id).css({\n      transition: '0s',\n      transform: FNs.TrasformString(rate)\n    });\n    event.preventDefault();\n    return;\n  },\n  EffectEnd: function EffectEnd(event, info) {\n    if (info.process) {\n      var cursor = $.getCursor(event);\n      var X = cursor.x - info.x + window.scrollX;\n      var current = new Date().getTime();\n      var totalTime = current - info.effectStartAt;\n      var Index = info.index + (info.loop ? 1 : 0);\n      var newIndex = 0;\n\n      if (totalTime < 400) {\n        newIndex = Index - (Number(X > 0) * 2 - 1);\n      } else {\n        newIndex = Math.round(Index - X / info.width);\n      }\n\n      newIndex = Math.max(Math.min(newIndex, info.maxIndex), info.minIndex);\n      info.process = false;\n\n      if (Index === newIndex) {\n        info.effectStartAt = current;\n        $('#Swiper-' + info.id).css({\n          transition: '.2s',\n          transform: FNs.TrasformString(newIndex)\n        })[\"await\"](310).css({\n          transition: '0s'\n        }).children().removeClass(style_module_scss_1[\"default\"].Display).parent().children(Index).addClass(style_module_scss_1[\"default\"].Display);\n      } else {\n        info.set_event({\n          eventType: 'usr',\n          index: newIndex + info.minIndex\n        });\n      }\n    }\n\n    $(document).removeEvent(['SwipeMouseMove', 'SwipeTouchMove', 'SwipeCheckMouseMove', 'SwipeCheckTouchMove', 'SwipeMouseUp', 'SwipeTouchEnd']);\n  }\n};\n\n//# sourceURL=src/./src/Functions/Layout/SwipeView/parts.tsx")},"./src/Functions/Layout/TabBar.tsx":
+/*!*****************************************!*\
+  !*** ./src/Functions/Layout/TabBar.tsx ***!
+  \*****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.TabBar = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar useEffect = _global_1.React.useEffect,\n    useState = _global_1.React.useState;\n\nvar TabBar = function TabBar(params) {\n  var tabIndex = params.tabIndex,\n      tabs = params.tabs,\n      onTabChange = params.onTabChange,\n      componentDidMount = params.componentDidMount,\n      others = __rest(params, ["tabIndex", "tabs", "onTabChange", "componentDidMount"]);\n\n  useEffect(function () {\n    if (componentDidMount) componentDidMount();\n  }, []);\n  return _global_1.React.createElement(_atoms_1.Flex, __assign({\n    position: \'relative\',\n    overflow: \'auto\',\n    flexWrap: false\n  }, others, {\n    freeCSS: __assign({\n      zIndex: 3,\n      whiteSpace: \'nowrap\'\n    }, others.freeCSS)\n  }), _global_1.React.createElement(_atoms_1.Box, {\n    margin: [0, \'auto\']\n  }, _global_1.React.createElement(_functions_1.Input.Segmented.BottomLine, {\n    value: tabIndex,\n    fontColor: \'inherit\',\n    override: \'force\',\n    gap: 0,\n    options: tabs.map(function (tab, index) {\n      return {\n        value: index,\n        label: tab\n      };\n    }),\n    onUpdateValidValue: function onUpdateValidValue(args) {\n      var value = args.value[0];\n      if (onTabChange) onTabChange(value);\n    }\n  })));\n};\n\nexports.TabBar = TabBar;\n\n//# sourceURL=src/./src/Functions/Layout/TabBar.tsx')},"./src/Functions/Layout/_.tsx":
+/*!************************************!*\
+  !*** ./src/Functions/Layout/_.tsx ***!
+  \************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Layout = void 0;\n\nvar parts_1 = __webpack_require__(/*! ./SwipeView/parts */ "./src/Functions/Layout/SwipeView/parts.tsx");\n\nvar parts_2 = __webpack_require__(/*! ./PageViewController/parts */ "./src/Functions/Layout/PageViewController/parts.tsx");\n\nvar TabBar_1 = __webpack_require__(/*! ./TabBar */ "./src/Functions/Layout/TabBar.tsx");\n\nvar Plate_1 = __webpack_require__(/*! ./Plate */ "./src/Functions/Layout/Plate.tsx");\n\nvar PageNotFound_1 = __webpack_require__(/*! ./PageNotFound */ "./src/Functions/Layout/PageNotFound.tsx");\n\nvar PageRouter_1 = __webpack_require__(/*! ./PageRouter */ "./src/Functions/Layout/PageRouter.tsx");\n\nvar parts_3 = __webpack_require__(/*! ./RootViewController/parts */ "./src/Functions/Layout/RootViewController/parts.tsx");\n\nvar Layout = {\n  PageViewController: parts_2.PageViewController,\n  TabBar: TabBar_1.TabBar,\n  Plate: Plate_1.Plate,\n  SwipeView: parts_1.SwipeView,\n  PageRouter: PageRouter_1.PageRouter,\n  PageNotFound: PageNotFound_1.PageNotFound,\n  RootViewController: parts_3.RootViewController\n};\nexports.Layout = Layout;\n\n//# sourceURL=src/./src/Functions/Layout/_.tsx')},"./src/Functions/Loader/corner.tsx":
+/*!*****************************************!*\
+  !*** ./src/Functions/Loader/corner.tsx ***!
+  \*****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Corner = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Loader/style.module.scss"));\n\nvar parts_1 = __webpack_require__(/*! ./parts */ "./src/Functions/Loader/parts.tsx");\n\nvar Corner = function Corner() {\n  var _a = __read(useState(false), 2),\n      val_active = _a[0],\n      set_active = _a[1];\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: parts_1.memoryID + \'-corner\',\n      value: {\n        active: function active() {\n          set_active(true);\n        },\n        stop: function stop() {\n          set_active(false);\n        }\n      }\n    });\n  }, []);\n  return React.createElement(_atoms_1.Flex, {\n    className: [style_module_scss_1["default"].CornerLoader, style_module_scss_1["default"][\'Active_\' + val_active]].join(\' \'),\n    gap: \'1/2\',\n    padding: [\'1/2\', \'3/4\'],\n    borderRadius: \'2/3\',\n    backgroundColor: \'theme\',\n    position: \'fixed\',\n    boxShadow: 2,\n    right: 1,\n    bottom: 1,\n    opacity: \'trans\',\n    transition: \'short\',\n    freeCSS: {\n      pointerEvents: \'none\'\n    }\n  }, React.createElement(_atoms_1.Flex, {\n    className: style_module_scss_1["default"].Wrap,\n    flexWrap: false,\n    verticalAlign: \'center\',\n    horizontalAlign: \'center\'\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld4\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld3\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld2\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld1\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld2\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld3\n  }), React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Ld4\n  })), React.createElement(_atoms_1.Box, {\n    fontColor: \'white\',\n    fontSize: \'0.xs\',\n    isBoldFont: true\n  }, "Loading"));\n};\n\nexports.Corner = Corner;\n\n//# sourceURL=src/./src/Functions/Loader/corner.tsx')},"./src/Functions/Loader/mini.tsx":
+/*!***************************************!*\
+  !*** ./src/Functions/Loader/mini.tsx ***!
+  \***************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Mini = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ "./src/Molecules/@export.tsx");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Loader/style.module.scss"));\n\nvar Mini = function Mini(params) {\n  var _a = params.color,\n      color = _a === void 0 ? \'theme\' : _a,\n      _b = params.size,\n      size = _b === void 0 ? \'R\' : _b,\n      _c = params.showInitial,\n      showInitial = _c === void 0 ? false : _c,\n      _d = params.loaderID,\n      loaderID = _d === void 0 ? \'\' : _d,\n      props = __rest(params, ["color", "size", "showInitial", "loaderID"]);\n\n  var _e = __read(useState(loaderID), 1),\n      val_key = _e[0];\n\n  var _f = __read(useState($.uuidGen()), 1),\n      val_componentID = _f[0];\n\n  var _g = __read(useState(showInitial), 2),\n      val_active = _g[0],\n      set_active = _g[1];\n\n  var Size = 0;\n\n  if (size == \'S\') {\n    Size = 1;\n  } else if (size == \'R\') {\n    Size = 1.5;\n  } else if (size == \'L\') {\n    Size = 3;\n  } else if (size == \'XL\') {\n    Size = 4;\n  } else if (size == \'MAX\') {\n    Size = 6;\n  }\n\n  var BorderColor = {\n    \'theme\': \'hsl( var( --color-theme-hsl ) )\',\n    \'posi\': \'var( --color-positive )\',\n    \'nega\': \'var( --color-negative )\',\n    \'warn\': \'var( --color-warning )\',\n    \'cloud\': \'hsl( var( --color-layer5-hsl ) )\',\n    \'white\': \'white\'\n  }[color];\n  var QuerySelector = \'[data-component-id="\' + val_componentID + \'"]\';\n  useEffect(function () {\n    if (val_active) {\n      $(QuerySelector).removeClass(style_module_scss_1["default"].Hide)["await"](10).addClass(style_module_scss_1["default"].Active);\n    } else {\n      $(QuerySelector).removeClass(style_module_scss_1["default"].Active)["await"](210).addClass(style_module_scss_1["default"].Hide);\n    }\n  }, [val_active]);\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: val_componentID,\n      value: {\n        active: function active(keyCode) {\n          if (val_key != keyCode) return;\n          set_active(true);\n        },\n        stop: function stop(keyCode) {\n          if (val_key != keyCode) return;\n          set_active(false);\n        },\n        stopForce: function stopForce() {\n          set_active(false);\n        }\n      }\n    });\n  }, []);\n  return React.createElement(_mols_1.Row.Center, __assign({\n    ssSphere: Size,\n    className: [style_module_scss_1["default"].MiniLoader, showInitial ? \'\' : style_module_scss_1["default"].Hide].join(\' \'),\n    componentID: val_componentID,\n    position: \'relative\'\n  }, props), React.createElement("svg", {\n    className: style_module_scss_1["default"].SVG1,\n    width: "100",\n    height: "100",\n    viewBox: "0 0 100 100",\n    style: {\n      stroke: BorderColor\n    }\n  }, React.createElement("circle", {\n    cx: "50",\n    cy: "50",\n    r: "40"\n  })), React.createElement("svg", {\n    className: style_module_scss_1["default"].SVG2,\n    width: "100",\n    height: "100",\n    viewBox: "0 0 100 100",\n    style: {\n      stroke: BorderColor\n    }\n  }, React.createElement("circle", {\n    cx: "50",\n    cy: "50",\n    r: "40"\n  })));\n};\n\nexports.Mini = Mini;\n\n//# sourceURL=src/./src/Functions/Loader/mini.tsx')},"./src/Functions/Loader/parts.tsx":
+/*!****************************************!*\
+  !*** ./src/Functions/Loader/parts.tsx ***!
+  \****************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Loader = exports.memoryID = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Loader/style.module.scss\"));\n\nexports.memoryID = $.uuidGen();\n\nvar mini_1 = __webpack_require__(/*! ./mini */ \"./src/Functions/Loader/mini.tsx\");\n\nvar top_1 = __webpack_require__(/*! ./top */ \"./src/Functions/Loader/top.tsx\");\n\nvar corner_1 = __webpack_require__(/*! ./corner */ \"./src/Functions/Loader/corner.tsx\");\n\nvar SizeWrapper = function SizeWrapper(params) {\n  var color = params.color;\n  return {\n    S: function S(params) {\n      return React.createElement(mini_1.Mini, __assign({\n        size: 'S',\n        color: color\n      }, params));\n    },\n    R: function R(params) {\n      return React.createElement(mini_1.Mini, __assign({\n        size: 'R',\n        color: color\n      }, params));\n    },\n    L: function L(params) {\n      return React.createElement(mini_1.Mini, __assign({\n        size: 'L',\n        color: color\n      }, params));\n    },\n    XL: function XL(params) {\n      return React.createElement(mini_1.Mini, __assign({\n        size: 'XL',\n        color: color\n      }, params));\n    },\n    MAX: function MAX(params) {\n      return React.createElement(mini_1.Mini, __assign({\n        size: 'MAX',\n        color: color\n      }, params));\n    }\n  };\n};\n\nvar Loader = {\n  __memoryID: exports.memoryID,\n  Theme: SizeWrapper({\n    color: 'theme'\n  }),\n  Posi: SizeWrapper({\n    color: 'posi'\n  }),\n  Nega: SizeWrapper({\n    color: 'nega'\n  }),\n  Warn: SizeWrapper({\n    color: 'warn'\n  }),\n  White: SizeWrapper({\n    color: 'white'\n  }),\n  Cloud: SizeWrapper({\n    color: 'cloud'\n  }),\n  fn: {\n    top: {\n      active: function active() {\n        _global_1.useStore.get(exports.memoryID + '-top').active();\n      },\n      stop: function stop() {\n        _global_1.useStore.get(exports.memoryID + '-top').stop();\n      }\n    },\n    corner: {\n      active: function active() {\n        _global_1.useStore.get(exports.memoryID + '-corner').active();\n      },\n      stop: function stop() {\n        _global_1.useStore.get(exports.memoryID + '-corner').stop();\n      }\n    },\n    mini: {\n      active: function active(keyCode) {\n        if (keyCode === void 0) {\n          keyCode = '';\n        }\n\n        $('.' + style_module_scss_1[\"default\"].MiniLoader)[\"for\"](function (elm) {\n          var _a = elm.dataset,\n              _b = _a === void 0 ? {} : _a,\n              componentId = _b.componentId;\n\n          if (!componentId) return;\n\n          var fn = _global_1.useStore.get(componentId);\n\n          if (fn && fn.active) fn.active(keyCode);\n        });\n      },\n      stop: function stop(keyCode) {\n        if (keyCode === void 0) {\n          keyCode = '';\n        }\n\n        $('.' + style_module_scss_1[\"default\"].MiniLoader)[\"for\"](function (elm) {\n          var _a = elm.dataset,\n              _b = _a === void 0 ? {} : _a,\n              componentId = _b.componentId;\n\n          if (!componentId) return;\n\n          var fn = _global_1.useStore.get(componentId);\n\n          if (fn && fn.stop) fn.stop(keyCode);\n        });\n      },\n      stopALL: function stopALL() {\n        $('.' + style_module_scss_1[\"default\"].MiniLoader)[\"for\"](function (elm) {\n          var _a = elm.dataset,\n              _b = _a === void 0 ? {} : _a,\n              componentId = _b.componentId;\n\n          if (!componentId) return;\n\n          var fn = _global_1.useStore.get(componentId);\n\n          if (fn && fn.stopForce) fn.stopForce();\n        });\n      }\n    },\n    stopALL: function stopALL() {\n      Loader.fn.top.stop();\n      Loader.fn.corner.stop();\n      Loader.fn.mini.stopALL();\n    }\n  }\n};\nexports.Loader = Loader;\n(0, _global_1.LaunchReactApplication)({\n  baseElement: '#LOADER',\n  reactElement: React.createElement(React.Fragment, null, React.createElement(top_1.Top, null), React.createElement(corner_1.Corner, null)),\n  nonRouter: true\n});\n\n//# sourceURL=src/./src/Functions/Loader/parts.tsx")},"./src/Functions/Loader/top.tsx":
+/*!**************************************!*\
+  !*** ./src/Functions/Loader/top.tsx ***!
+  \**************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.Top = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ "./src/Functions/Loader/style.module.scss"));\n\nvar parts_1 = __webpack_require__(/*! ./parts */ "./src/Functions/Loader/parts.tsx");\n\nvar Top = function Top() {\n  var _a = __read(useState(false), 2),\n      val_active = _a[0],\n      set_active = _a[1];\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: parts_1.memoryID + \'-top\',\n      value: {\n        active: function active() {\n          set_active(true);\n        },\n        stop: function stop() {\n          set_active(false);\n        }\n      }\n    });\n  }, []);\n  return React.createElement(_atoms_1.Flex, {\n    className: [style_module_scss_1["default"].TopLoader, style_module_scss_1["default"][\'Active_\' + val_active]].join(\' \'),\n    position: \'fixed\',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    horizontalAlign: \'center\',\n    transition: \'long\',\n    opacity: \'trans\',\n    backgroundColor: \'lcOpHigh\',\n    freeCSS: {\n      paddingTop: 12 * 8,\n      pointerEvents: \'none\'\n    }\n  }, React.createElement(_atoms_1.Flex, {\n    flexType: \'col\',\n    position: \'relative\'\n  }, React.createElement(_atoms_1.Flex, {\n    className: style_module_scss_1["default"].Center,\n    flexCenter: true\n  }, React.createElement(_atoms_1.Box, null, React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child1].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcDarken\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child2].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcDarker\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child3].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcDarkest\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child4].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcLighten\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child5].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcLighter\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child6].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'tcLightest\'\n  })), React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1["default"].Child, style_module_scss_1["default"].Child7].join(\' \')\n  }, React.createElement(_atoms_1.Box, {\n    className: style_module_scss_1["default"].Circle,\n    backgroundColor: \'theme\'\n  })))), React.createElement(_atoms_1.Box, {\n    flexCenter: true,\n    fontSize: \'2.normal\'\n  }, "Loading...")));\n};\n\nexports.Top = Top;\n\n//# sourceURL=src/./src/Functions/Loader/top.tsx')},"./src/Functions/Sheet/parts.tsx":
+/*!***************************************!*\
+  !*** ./src/Functions/Sheet/parts.tsx ***!
+  \***************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Sheet = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Sheet/style.module.scss\"));\n\nvar Comps = {\n  contents: {},\n  Launch: function Launch(params) {\n    params = __assign(__assign({\n      sheetID: $.uuidGen(),\n      sheetGroups: params.sheetGroups || [],\n      overwrap: params.type == 'custom' ? true : false,\n      holdState: false\n    }, params), {\n      closeOption: __assign({\n        pageTransit: true,\n        escapeKeyDown: true,\n        aroundClick: false\n      }, params.closeOption)\n    });\n\n    if (this.contents[params.sheetID]) {\n      /** open Exist Sheet */\n      var component = _global_1.useStore.get(params.sheetID);\n\n      if (component && component.refresh) component.refresh(params, true);\n      return;\n    }\n    /** create Sheet */\n\n\n    var Content = React.createElement(Comps.Core, __assign({}, params));\n    this.contents[params.sheetID] = {\n      open: true,\n      holdState: !!params.holdState,\n      params: params,\n      created_at: $.Time()\n    };\n    $('#SHEET').append(\"<div id=\\\"Sheet-\".concat(params.sheetID, \"\\\"></div>\")).callback(function () {\n      (0, _global_1.LaunchReactApplication)({\n        baseElement: '#Sheet-' + params.sheetID,\n        reactElement: Content\n      });\n    });\n  },\n  mainSheetScrolls: 0,\n  subSheetLength: 0,\n  Core: function Core(params) {\n    var _a;\n\n    var _b = __read(useState($.uuidGen()), 1),\n        val_componentID = _b[0];\n\n    var _c = __read(useState(params), 2),\n        val_params = _c[0],\n        set_params = _c[1];\n\n    var _d = __read(useState(true), 2),\n        val_open = _d[0],\n        set_open = _d[1];\n\n    var type = val_params.type,\n        sheetID = val_params.sheetID,\n        openAfter = val_params.openAfter,\n        closeAfter = val_params.closeAfter;\n    var isNewSheet = !params.overwrap;\n    var ContentFC = Comps.Types[{\n      'normal.topLeft': 'Normal',\n      'normal.topCenter': 'Normal',\n      'normal.topRight': 'Normal',\n      'normal.middleLeft': 'Normal',\n      'normal.middleCenter': 'Normal',\n      'normal.middleRight': 'Normal',\n      'normal.bottomLeft': 'Normal',\n      'normal.bottomCenter': 'Normal',\n      'normal.bottomRight': 'Normal',\n      'image': 'Normal',\n      'drawer.left': 'Edge',\n      'drawer.right': 'Edge',\n      'drawer.bottom': 'Bottom',\n      'custom': 'Custom'\n    }[type]];\n    useEffect(function () {\n      _global_1.useStore.set({\n        key: sheetID,\n        value: {\n          refresh: function refresh(params, open) {\n            set_params(params);\n            set_open(open !== null && open !== void 0 ? open : false);\n          },\n          resize: function resize(size) {\n            if (type == 'drawer.bottom') {\n              var component = _global_1.useStore.get(val_componentID);\n\n              if (component && component.resize) component.resize(size);\n            } else if (val_params.type.includes('normal') || val_params.type.includes('drawer')) {\n              set_params(__assign(__assign({}, val_params), {\n                size: size\n              }));\n            }\n          },\n          close: function close() {\n            Comps.contents[sheetID].open = false;\n            set_open(false);\n          },\n          open: function open() {\n            Comps.contents[sheetID].open = true;\n            set_open(true);\n          }\n        }\n      });\n    });\n    useEffect(function () {\n      var closeOption = params.closeOption;\n      $.fnScope(function () {\n        if (!(closeOption === null || closeOption === void 0 ? void 0 : closeOption.elementBlur)) return;\n        var element = $(closeOption.elementBlur);\n        if (!element[0]) return;\n        $(element).addEvent({\n          eventID: 'SheetClosation-' + sheetID,\n          eventType: 'mouseout',\n          callback: function callback() {\n            Sheet.close(sheetID);\n            $().removeEvent('SheetClosation-' + sheetID);\n          }\n        });\n      });\n    }, []);\n    useEffect(function () {\n      $.fnScope(function () {\n        // #ROOT\n        if (!isNewSheet) return;\n        Comps.subSheetLength = Comps.subSheetLength + (val_open ? 1 : -1);\n\n        if (val_open) {\n          var html = $('html');\n\n          if (Comps.subSheetLength == 1) {\n            var scroll_1 = html[0].scrollTop;\n            Comps.mainSheetScrolls = scroll_1;\n          }\n\n          if (!amotify.config.device.isBreakpoint()) {\n            html.abort().addClass(style_module_scss_1[\"default\"].FixHeight).callback(function () {\n              $('#ROOT')[0].scrollTop = Comps.mainSheetScrolls;\n            }).addClass([style_module_scss_1[\"default\"].FloatMainSheet, style_module_scss_1[\"default\"]['Type_' + type]])[0].scrollTop = 0;\n          }\n        } else {\n          if (Comps.subSheetLength != 0) return;\n          if (amotify.config.device.isBreakpoint()) return;\n          var html = $('html');\n          html.abort().removeClass(style_module_scss_1[\"default\"].FloatMainSheet)[\"await\"](251).removeClass(style_module_scss_1[\"default\"].FixHeight).callback(function (html) {\n            html[0].scrollTop = Comps.mainSheetScrolls | 0;\n            $('#ROOT')[0].scrollTop = 0;\n          });\n        }\n      });\n      $.fnScope(function () {\n        if (val_open) {\n          $('#' + val_componentID).abort()[\"await\"](10).removeClass(style_module_scss_1[\"default\"].Hide)[\"await\"](10).addClass(style_module_scss_1[\"default\"].Open).callback(function () {\n            if (openAfter) openAfter();\n          });\n        } else {\n          $('#' + val_componentID).abort()[\"await\"](10).removeClass(style_module_scss_1[\"default\"].Open)[\"await\"](251).addClass(style_module_scss_1[\"default\"].Hide).callback(function () {\n            !closeAfter || closeAfter();\n            params.holdState || $.fnScope(function () {\n              delete Comps.contents[sheetID];\n              $('#Sheet-' + sheetID).remove();\n              $().removeEvent('SheetClosation-' + sheetID);\n            });\n          });\n        }\n      });\n    }, [val_open]);\n\n    var _e = __read(type.split('.'), 2),\n        Tcate = _e[0],\n        Tpos = _e[1];\n\n    return React.createElement(_atoms_1.Box, {\n      className: [style_module_scss_1[\"default\"].Wrap, style_module_scss_1[\"default\"]['Tcate_' + Tcate], style_module_scss_1[\"default\"]['Tpos_' + Tpos], style_module_scss_1[\"default\"]['isNewSheet_' + isNewSheet]].join(' '),\n      width: 1,\n      height: 0,\n      ssAbsoluteCovered: true,\n      freeCSS: {\n        zIndex: Object.keys(Comps.contents).length + 1\n      },\n      id: val_componentID\n    }, React.createElement(_mols_1.Column, {\n      className: style_module_scss_1[\"default\"].Content,\n      gap: 0,\n      height: 'viewHeight',\n      overflow: 'auto',\n      transition: 'middle'\n    }, isNewSheet ? React.createElement(Comps.TapSensor, {\n      sheetID: sheetID,\n      delegateAroundClick: (_a = params.closeOption) === null || _a === void 0 ? void 0 : _a.aroundClick\n    }) : null, React.createElement(ContentFC, __assign({\n      componentID: val_componentID\n    }, val_params))));\n  },\n  Types: {\n    Normal: function Normal(params) {\n      var sheetID = params.sheetID,\n          Content = params.content,\n          _a = params.className,\n          className = _a === void 0 ? '' : _a,\n          type = params.type,\n          _b = params.size,\n          size = _b === void 0 ? 'R' : _b,\n          freeCSS = params.freeCSS,\n          styles = __rest(params, [\"sheetID\", \"content\", \"className\", \"type\", \"size\", \"freeCSS\"]);\n\n      var _c = __read(type.split('.'), 2),\n          Tcate = _c[0],\n          Tpos = _c[1];\n\n      var SysStyles = {};\n      var transformOrigins = [];\n\n      if (Tpos.match(/top/)) {\n        transformOrigins.push('top');\n        SysStyles.marginBottom = 'auto';\n      } else if (Tpos.match(/middle/)) {\n        transformOrigins.push('center');\n        SysStyles.marginTop = 'auto';\n        SysStyles.marginBottom = 'auto';\n      } else if (Tpos.match(/bottom/)) {\n        transformOrigins.push('bottom');\n        SysStyles.marginTop = 'auto';\n      }\n\n      if (Tpos.match(/left/i)) {\n        transformOrigins.push('left');\n        SysStyles.marginRight = 'auto';\n      } else if (Tpos.match(/center/i)) {\n        transformOrigins.push('center');\n        SysStyles.marginLeft = 'auto';\n        SysStyles.marginRight = 'auto';\n      } else if (Tpos.match(/right/i)) {\n        transformOrigins.push('right');\n        SysStyles.marginLeft = 'auto';\n      }\n\n      return React.createElement(_atoms_1.Box, __assign({\n        className: [style_module_scss_1[\"default\"].BB, className].join(' '),\n        transition: 'long',\n        opacity: 'trans'\n      }, SysStyles, styles, {\n        freeCSS: __assign({\n          width: {\n            'S': '26rem',\n            'R': '36rem',\n            'L': '44rem',\n            '2L': '60rem',\n            '3L': '72rem',\n            'MAX': '95vw'\n          }[size],\n          maxWidth: '96vw',\n          transformOrigin: transformOrigins.join(' ')\n        }, freeCSS),\n        children: $.is[\"function\"](Content) ? React.createElement(Content, null) : Content\n      }));\n    },\n    Edge: function Edge(params) {\n      var sheetID = params.sheetID,\n          type = params.type,\n          Content = params.content,\n          _a = params.className,\n          className = _a === void 0 ? '' : _a,\n          _b = params.size,\n          size = _b === void 0 ? 'R' : _b,\n          freeCSS = params.freeCSS,\n          styles = __rest(params, [\"sheetID\", \"type\", \"content\", \"className\", \"size\", \"freeCSS\"]);\n\n      return React.createElement(_atoms_1.Box, __assign({\n        opacity: 'trans',\n        transition: 'long',\n        position: 'relative',\n        backgroundColor: '1.layer.base',\n        flexSizing: 'none',\n        minHeight: 'viewHeight',\n        boxShadow: 3,\n        className: [style_module_scss_1[\"default\"].BB, className].join(' ')\n      }, type == 'drawer.right' ? {\n        marginLeft: 'auto'\n      } : type == 'drawer.left' ? {\n        marginRight: 'auto'\n      } : {}, styles, {\n        freeCSS: __assign({\n          width: {\n            'S': '20rem',\n            'R': '27rem',\n            'L': '32rem',\n            '2L': '40rem',\n            '3L': '58rem',\n            'MAX': '95vw'\n          }[size]\n        }, freeCSS),\n        children: $.is[\"function\"](Content) ? React.createElement(Content, null) : Content\n      }));\n    },\n    Bottom: function Bottom(params) {\n      var componentID = params.componentID,\n          sheetID = params.sheetID,\n          Content = params.content,\n          _a = params.size,\n          size = _a === void 0 ? 'R' : _a,\n          sizeChanged = params.sizeChanged,\n          baseStyles = params.baseStyles,\n          _b = params.closeOption,\n          _c = _b === void 0 ? {} : _b,\n          _d = _c.swipeDown,\n          swipeDown = _d === void 0 ? true : _d,\n          styles = __rest(params, [\"componentID\", \"sheetID\", \"content\", \"size\", \"sizeChanged\", \"baseStyles\", \"closeOption\"]);\n\n      var screen = $.getScreenSize();\n      var sizeArray = [0, .2, .6, .95];\n      var SizeSets = {\n        'ZERO': 0,\n        'S': 1,\n        'R': 2,\n        'L': 3\n      };\n\n      var _e = __read(useState(size), 2),\n          val_stableSize = _e[0],\n          set_stableSize = _e[1];\n\n      var _f = __read(useState({\n        process: false,\n        processStart: 0,\n        originY: 0,\n        originValue: 0,\n        viewHeight: 0,\n        value: sizeArray[SizeSets[size]]\n      }), 2),\n          val_edit = _f[0],\n          set_edit = _f[1];\n\n      _global_1.useStore.update({\n        key: componentID,\n        value: {\n          val_edit: val_edit,\n          resize: function resize(size) {\n            var Size = sizeArray[SizeSets[size]];\n            set_edit(__assign(__assign({}, val_edit), {\n              value: Size\n            }));\n            set_stableSize(size);\n          }\n        }\n      });\n\n      var Effects = {\n        Start: function Start(event) {\n          $(document).addEvent({\n            eventID: 'BottomSheetMouseMove',\n            eventType: 'mousemove',\n            callback: Effects.Move\n          }).addEvent({\n            eventID: 'BottomSheetTouchMove',\n            eventType: 'touchmove',\n            callback: Effects.Move\n          }).addEvent({\n            eventID: 'BottomSheetMouseUp',\n            eventType: 'mouseup',\n            callback: Effects.End\n          }).addEvent({\n            eventID: 'BottomSheetTouchEnd',\n            eventType: 'touchend',\n            callback: Effects.End\n          });\n          var cursor = $.getCursor(event);\n\n          var newEditInfo = __assign(__assign({}, val_edit), {\n            process: true,\n            processStart: new Date().getTime(),\n            originY: cursor.y,\n            originValue: val_edit.value,\n            viewHeight: $.getScreenSize().height\n          });\n\n          _global_1.useStore.update({\n            key: componentID,\n            value: {\n              val_edit: newEditInfo\n            }\n          });\n\n          set_edit(newEditInfo);\n        },\n        Move: function Move(event) {\n          var _a;\n\n          var editInfo = (_a = _global_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;\n          if (!editInfo.process) return;\n          var margin = $.getCursor(event).y - editInfo.originY;\n          var marginRate = margin / editInfo.viewHeight;\n          var newRate = editInfo.originValue - marginRate;\n\n          if (newRate > .95) {\n            var margin_1 = newRate - .95;\n            newRate = .95 + margin_1 * .5;\n          } else if (newRate < .2) {\n            var margin_2 = .2 - newRate;\n            margin_2 -= .1;\n            newRate = .1 + (.1 - margin_2) * .5;\n          }\n\n          set_edit(__assign(__assign({}, editInfo), {\n            value: newRate\n          }));\n        },\n        End: function End(event) {\n          var _a;\n\n          var editInfo = (_a = _global_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;\n          if (!editInfo.process) return;\n          $(document).removeEvent(['BottomSheetMouseMove', 'BottomSheetTouchMove', 'BottomSheetMouseUp', 'BottomSheetTouchEnd']);\n          var sizeIndex = 0;\n\n          if (editInfo.value < .1) {} else if (editInfo.value < .5) {\n            sizeIndex = 1;\n          } else if (editInfo.value > .75) {\n            sizeIndex = 3;\n          } else {\n            sizeIndex = 2;\n          }\n\n          var ms = new Date().getTime() - editInfo.processStart;\n\n          if (ms < 300) {\n            var margin = $.getCursor(event).y - editInfo.originY;\n\n            if (Math.abs(margin) >= 20) {\n              var dir = Number(margin < 0) * 2 - 1;\n              sizeIndex += dir;\n              sizeIndex = Math.min(Math.max(sizeIndex, 0), sizeArray.length - 1);\n            }\n          }\n\n          if (sizeIndex == 0) {\n            if (!swipeDown) sizeIndex = 1;\n          }\n\n          set_stableSize(['ZERO', 'S', 'R', 'L'][sizeIndex]);\n          set_edit(__assign(__assign({}, editInfo), {\n            value: sizeArray[sizeIndex],\n            process: false\n          }));\n        }\n      };\n      var mounted = React.useRef(false);\n      useEffect(function () {\n        if (mounted.current) {\n          if (val_stableSize == 'ZERO') {\n            if (swipeDown) Sheet.close(sheetID);\n          } else {\n            setTimeout(function () {\n              if (params.sizeChanged) params.sizeChanged(val_stableSize);\n            }, 250);\n          }\n        } else {\n          mounted.current = true;\n        }\n      }, [val_stableSize]);\n      return React.createElement(_atoms_1.Box, {\n        className: style_module_scss_1[\"default\"].BB,\n        margin: [0, 'auto'],\n        marginTop: 'auto',\n        opacity: 'trans',\n        width: 1,\n        transition: 'long',\n        freeCSS: __assign({\n          maxWidth: 12 * 60,\n          height: screen.height * val_edit.value\n        }, val_edit.process ? {\n          transition: '0s'\n        } : {})\n      }, React.createElement(_mols_1.Column, __assign({\n        gap: 0,\n        flexSizing: 'none',\n        borderTopLeftRadius: '1.tone.primary',\n        borderTopRightRadius: '1.tone.primary',\n        border: true,\n        borderBottom: 'unset',\n        boxShadow: 3,\n        position: 'relative',\n        overflow: 'hidden',\n        height: 1\n      }, baseStyles), React.createElement(_atoms_1.Flex, {\n        verticalAlign: 'center',\n        flexChilds: 'even',\n        padding: '1/2',\n        backgroundColor: '1.layer.base',\n        position: 'relative',\n        freeCSS: {\n          userSelect: 'none'\n        }\n      }, React.createElement(_mols_1.Row.Center, null, React.createElement(_atoms_1.Box, {\n        padding: '2/3',\n        onMouseDown: Effects.Start,\n        onTouchStart: Effects.Start,\n        ssPushable: true,\n        isRounded: true,\n        freeCSS: {\n          cursor: 'grab',\n          userSelect: 'none'\n        }\n      }, React.createElement(_atoms_1.Box, {\n        unitWidth: 6,\n        unitHeight: '1/2',\n        backgroundColor: '5.layer.darker',\n        isRounded: true,\n        className: style_module_scss_1[\"default\"].DragBar\n      }))), React.createElement(_mols_1.Row.Right, null, React.createElement(_functions_1.Buttons.Button.Sub.R, {\n        color: 'cloud',\n        ssSphere: 2,\n        onClick: function onClick() {\n          Sheet.close(sheetID);\n        }\n      }, React.createElement(_atoms_1.FAIcon.Times, null)))), React.createElement(_atoms_1.Box, __assign({\n        backgroundColor: '1.layer.base',\n        flexSizing: 0,\n        overflow: 'auto'\n      }, styles, {\n        children: $.is[\"function\"](Content) ? React.createElement(Content, null) : Content\n      }))));\n    },\n    Custom: function Custom(params) {\n      var sheetID = params.sheetID,\n          parent = params.parent,\n          _a = params.gravityPoint,\n          GPT = _a === void 0 ? 22 : _a,\n          Content = params.content,\n          others = __rest(params, [\"sheetID\", \"parent\", \"gravityPoint\", \"content\"]);\n\n      var _b = __read(React.useState($.uuidGen()), 1),\n          val_componentID = _b[0];\n\n      var Parent = $(parent);\n      var Query = '[data-sheet-id=\"' + val_componentID + '\"]';\n      var ContentQuery = '[data-sheet-content=\"' + val_componentID + '\"]';\n      GPT = GPT;\n      var column = GPT % 5 || 5;\n      var row = Math.ceil(GPT / 5);\n\n      var getWrapperCSS = function getWrapperCSS() {\n        var WrapperCSS = {};\n\n        var _a = Parent.position(),\n            top = _a.top,\n            right = _a.right,\n            bottom = _a.bottom,\n            left = _a.left,\n            height = _a.height,\n            width = _a.width;\n\n        if ([1, 2].includes(column)) {\n          WrapperCSS.left = left;\n        } else if (column == 3) {\n          WrapperCSS.left = left + width / 2;\n        } else if ([4, 5].includes(column)) {\n          WrapperCSS.left = right;\n        }\n\n        if (GPT <= 10) {\n          WrapperCSS.top = top;\n        } else if (GPT <= 15) {\n          WrapperCSS.top = top + height / 2;\n        } else if (GPT <= 25) {\n          WrapperCSS.top = bottom;\n        }\n\n        return WrapperCSS;\n      };\n\n      var _c = __read(React.useState(getWrapperCSS()), 2),\n          val_Styles = _c[0],\n          set_Styles = _c[1];\n\n      var AdjustExtrusion = function AdjustExtrusion() {\n        var ContentRect = $(ContentQuery).position();\n        var screen = $.getScreenSize();\n\n        var newStyles = __assign({}, val_Styles);\n\n        if (ContentRect.top < 0) {\n          if (ContentRect.height < screen.height) {\n            newStyles.top = ContentRect.top - ContentRect.top;\n          }\n        }\n\n        if (ContentRect.left < 0) {\n          if (ContentRect.width < screen.width) {\n            newStyles.left = ContentRect.left - ContentRect.left;\n          }\n        }\n\n        if (ContentRect.right > screen.width) {\n          if (ContentRect.width < screen.width) {\n            var shift = ContentRect.right - screen.width;\n            newStyles.left = ContentRect.left - shift;\n          }\n        }\n\n        if (ContentRect.bottom > screen.height) {\n          if (ContentRect.height < screen.height) {\n            var shift = ContentRect.bottom - screen.height;\n            newStyles.top = ContentRect.top - shift;\n          }\n        }\n\n        return newStyles;\n      };\n\n      React.useEffect(function () {\n        $(Query)[\"await\"](10).addClass(style_module_scss_1[\"default\"].Open)[\"await\"](250).callback(function () {\n          set_Styles(AdjustExtrusion());\n        });\n\n        _global_1.useStore.update({\n          key: 'customSheet-' + params.sheetID,\n          value: {\n            reposition: function reposition() {\n              setTimeout(function () {\n                set_Styles(AdjustExtrusion());\n              }, 200);\n            }\n          }\n        });\n      }, []);\n      if (!Parent[0]) return null;\n      return React.createElement(_atoms_1.Box, {\n        className: [style_module_scss_1[\"default\"].BB, style_module_scss_1[\"default\"].CustomSheet].join(' '),\n        \"data-sheet-id\": val_componentID,\n        transition: 'long',\n        opacity: 'trans',\n        position: 'absolute',\n        width: 0,\n        height: 0,\n        flexCenter: true,\n        freeCSS: val_Styles\n      }, React.createElement(_atoms_1.Flex, {\n        className: [style_module_scss_1[\"default\"].GPT, style_module_scss_1[\"default\"]['GPT_' + GPT], style_module_scss_1[\"default\"]['Col_' + column], style_module_scss_1[\"default\"]['Row_' + row]].join(' '),\n        position: 'absolute'\n      }, React.createElement(_atoms_1.Box, __assign({\n        flexSizing: 'none',\n        \"data-sheet-content\": val_componentID\n      }, others, {\n        children: $.is[\"function\"](Content) ? React.createElement(Content, null) : Content\n      }))));\n    }\n  },\n  TapSensor: function TapSensor(params) {\n    return React.createElement(_functions_1.Buttons.Button.Plain, {\n      className: style_module_scss_1[\"default\"].TapSensor,\n      onClick: function onClick() {\n        var _a;\n\n        if ((_a = params.delegateAroundClick) !== null && _a !== void 0 ? _a : false) Sheet.close(params.sheetID);\n      },\n      freeCSS: {\n        cursor: 'default'\n      }\n    }, React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].TapContent\n    }));\n  }\n};\n$(document).addEvent({\n  eventType: 'keyup',\n  callback: function callback(event) {\n    var _a = event,\n        key = _a.key,\n        metaKey = _a.metaKey;\n\n    if (key == 'Escape' || key == ',' && metaKey) {\n      var OpenSheets = Object.values(Comps.contents).filter(function (elm) {\n        return elm.open;\n      });\n      if (!OpenSheets.length) return;\n      var latestSheet = OpenSheets.reduce(function (a, b) {\n        return a.created_at.value > b.created_at.value ? a : b;\n      });\n      Sheet.close(latestSheet.params.sheetID);\n    }\n  }\n}).addEvent({\n  eventType: 'click',\n  callback: function callback(event) {\n    var _a;\n\n    var customSheets = Object.values(Comps.contents).filter(function (elm) {\n      return elm.params.type == 'custom';\n    });\n    if (!customSheets.length) return;\n    var isParent = !!customSheets.find(function (customSheet) {\n      var params = customSheet.params;\n      var Parent = $(params.parent);\n      var Target = $(event.target);\n      return Parent[0] == Target[0] || !!Parent.find(Target).length;\n    });\n    if (isParent) return;\n    if ((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('.' + style_module_scss_1[\"default\"].CustomSheet)) return;\n    customSheets.forEach(function (customSheets) {\n      var _a;\n\n      if (!!((_a = customSheets.params.closeOption) === null || _a === void 0 ? void 0 : _a.aroundClick)) {\n        Sheet.close(customSheets.params.sheetID);\n      }\n    });\n  }\n});\nvar Sheet = {\n  open: function open(params) {\n    params.sheetID = (params.sheetID || '').replace(/\\./g, '-');\n\n    if (params.type == 'image') {\n      var _a = params,\n          type = _a.type,\n          _b = _a.sheetID,\n          sheetID_1 = _b === void 0 ? $.uuidGen() : _b,\n          src_1 = _a.src,\n          others = __rest(_a, [\"type\", \"sheetID\", \"src\"]);\n\n      Sheet.open(__assign(__assign({\n        type: 'normal.topCenter',\n        sheetID: sheetID_1,\n        backgroundColor: 'trans',\n        boxShadow: 'none'\n      }, others), {\n        closeOption: __assign({}, params.closeOption),\n        freeCSS: {\n          maxWidth: '96vw',\n          transformOrigin: 'top'\n        },\n        content: function content() {\n          var _a = __read(useState($.flatArray(src_1)), 1),\n              val_image = _a[0];\n\n          var _b = __read(useState(0), 2),\n              val_viewIndex = _b[0],\n              set_viewIndex = _b[1];\n\n          var Radio = [];\n          var Slides = [];\n          val_image.forEach(function (src, index) {\n            Radio.push({\n              value: index,\n              label: React.createElement(_atoms_1.Img, {\n                src: $.flatArray(src)[0],\n                width: 'auto',\n                height: 1,\n                freeCSS: {\n                  maxHeight: 12 * 3\n                }\n              })\n            });\n            Slides.push(React.createElement(_atoms_1.Img, {\n              width: 1,\n              height: 'auto',\n              src: $.flatArray(src)[0]\n            }));\n          });\n          return React.createElement(_mols_1.Column, {\n            gap: 0\n          }, React.createElement(_mols_1.Row.Separate, {\n            gap: 2,\n            padding: 1,\n            backgroundColor: '1.layer.base',\n            borderTopLeftRadius: '1.tone.primary',\n            borderTopRightRadius: '1.tone.primary'\n          }, React.createElement(_functions_1.Input.Radio, {\n            tone: 'border',\n            icon: false,\n            value: val_viewIndex,\n            override: 'force',\n            horizontalAlign: 'center',\n            onUpdateValidValue: function onUpdateValidValue(_a) {\n              var value = _a.value;\n              set_viewIndex(value[0]);\n            },\n            cellStyles: {\n              borderWidth: 2,\n              padding: '1/3'\n            },\n            options: Radio\n          }), React.createElement(_functions_1.Buttons.Button.Sub.R, {\n            color: 'cloud',\n            ssSphere: 3,\n            fontSize: '4.thirdTitle',\n            onClick: function onClick() {\n              Sheet.close(sheetID_1);\n            }\n          }, React.createElement(_atoms_1.FAIcon.Times, null))), React.createElement(_functions_1.Layout.SwipeView, {\n            slideIndex: val_viewIndex,\n            options: {\n              loop: val_image.length > 1,\n              onSlideCallback: function onSlideCallback(index) {\n                set_viewIndex(index);\n              }\n            },\n            slides: Slides,\n            wrapper: function wrapper(View) {\n              return React.createElement(_atoms_1.Box, {\n                borderBottomLeftRadius: '1.tone.primary',\n                borderBottomRightRadius: '1.tone.primary'\n              }, View);\n            }\n          }));\n        }\n      }));\n      return;\n    }\n\n    Comps.Launch(params);\n  },\n  refresh: function refresh(params, open) {\n    params.sheetID = (params.sheetID || '').replace(/\\./g, '-');\n\n    var component = _global_1.useStore.get(params.sheetID);\n\n    if (component && component.refresh) component.refresh(params, open);\n  },\n  resize: function resize(params) {\n    params.sheetID = (params.sheetID || '').replace(/\\./g, '-');\n\n    var component = _global_1.useStore.get(params.sheetID);\n\n    if (component && component.resize) component.resize(params.size);\n  },\n  reposition: function reposition(sheetID) {\n    var Comps = _global_1.useStore.get('customSheet-' + sheetID);\n\n    if (Comps && Comps.reposition) Comps.reposition();\n  },\n  close: function close(sheetID, et) {\n    var _a;\n\n    var Content;\n    sheetID = sheetID === null || sheetID === void 0 ? void 0 : sheetID.replace(/\\./g, '-');\n    Content = Comps.contents[sheetID];\n    if (!Content) return;\n    if (et == 'escape' && !((_a = Content.params.closeOption) === null || _a === void 0 ? void 0 : _a.escapeKeyDown)) return;\n    {\n      var params = Content.params;\n      var sheetID_2 = params.sheetID;\n\n      var component = _global_1.useStore.get(sheetID_2);\n\n      if (component && component.close) component.close();\n    }\n  },\n  closeGroup: function closeGroup(sheetGroup) {\n    var e_1, _a;\n\n    var _b;\n\n    sheetGroup = (sheetGroup || '').replace(/\\./g, '-');\n\n    try {\n      for (var _c = __values(Object.entries(Comps.contents)), _d = _c.next(); !_d.done; _d = _c.next()) {\n        var _e = __read(_d.value, 2),\n            key = _e[0],\n            value = _e[1];\n\n        if ((_b = value.params.sheetGroups) === null || _b === void 0 ? void 0 : _b.includes(sheetGroup)) Sheet.close(key);\n      }\n    } catch (e_1_1) {\n      e_1 = {\n        error: e_1_1\n      };\n    } finally {\n      try {\n        if (_d && !_d.done && (_a = _c[\"return\"])) _a.call(_c);\n      } finally {\n        if (e_1) throw e_1.error;\n      }\n    }\n  },\n  closeAll: function closeAll(pageTransit) {\n    var e_2, _a;\n\n    var _b;\n\n    try {\n      for (var _c = __values(Object.entries(Comps.contents)), _d = _c.next(); !_d.done; _d = _c.next()) {\n        var _e = __read(_d.value, 2),\n            key = _e[0],\n            value = _e[1];\n\n        if (pageTransit) {\n          if (((_b = value.params.closeOption) === null || _b === void 0 ? void 0 : _b.pageTransit) == false) continue;\n        }\n\n        Sheet.close(key, 'pageTransit');\n      }\n    } catch (e_2_1) {\n      e_2 = {\n        error: e_2_1\n      };\n    } finally {\n      try {\n        if (_d && !_d.done && (_a = _c[\"return\"])) _a.call(_c);\n      } finally {\n        if (e_2) throw e_2.error;\n      }\n    }\n  },\n  Comps: {\n    Body: function Body(params) {\n      return React.createElement(_atoms_1.Box, __assign({\n        className: style_module_scss_1[\"default\"].BaseBody,\n        backgroundColor: '1.layer.base',\n        borderRadius: '1.tone.primary',\n        position: 'relative',\n        boxShadow: 3,\n        transition: 'long'\n      }, params));\n    }\n  }\n};\nexports.Sheet = Sheet;\n\n//# sourceURL=src/./src/Functions/Sheet/parts.tsx")},"./src/Functions/SnackBar/parts.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/SnackBar/parts.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.SnackBar = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useEffect = React.useEffect,\n    useState = React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/SnackBar/style.module.scss\"));\n\nvar SnackBar = {\n  __memoryID: $.uuidGen(),\n  add: function add(params) {\n    _global_1.useStore.get('SnackBar', this.__memoryID).add(params);\n\n    return this;\n  },\n  remove: function remove(val_componentID) {\n    _global_1.useStore.get('SnackBar', this.__memoryID).remove(val_componentID);\n\n    return this;\n  }\n};\nexports.SnackBar = SnackBar;\n\nvar Cell = function Cell(props) {\n  var snackID = props.snackID,\n      _a = props.secondsToClose,\n      secondsToClose = _a === void 0 ? 10 : _a,\n      _b = props.componentID,\n      componentID = _b === void 0 ? $.uuidGen() : _b,\n      Children = props.children,\n      CustomChildren = props.customChildren,\n      others = __rest(props, [\"snackID\", \"secondsToClose\", \"componentID\", \"children\", \"customChildren\"]);\n\n  var _c = __read(useState(componentID), 1),\n      val_componentID = _c[0];\n\n  var _d = __read(useState(false), 2),\n      val_mouseOn = _d[0],\n      set_mouseOn = _d[1];\n\n  useEffect(function () {\n    var Query = '[data-component-id=\"' + val_componentID + '\"]';\n    setTimeout(function () {\n      $(Query).addClass(style_module_scss_1[\"default\"].FadeIn);\n    }, 10);\n\n    _global_1.useStore.set({\n      key: 'SnackBar-' + snackID,\n      value: {\n        remove: function remove() {\n          $(Query).addClass(style_module_scss_1[\"default\"].FadeOut);\n        }\n      }\n    });\n  }, []);\n  useEffect(function () {\n    $.interval.clear('SnackBar-' + val_componentID);\n\n    if (!val_mouseOn) {\n      setTimeout(function () {\n        $.interval.standBy('SnackBar-' + val_componentID, secondsToClose * 1000, function () {\n          if (!val_mouseOn) SnackBar.remove(snackID);\n        });\n      }, 100);\n    }\n  }, [val_mouseOn]);\n  var Content = React.createElement(React.Fragment, null);\n\n  if (CustomChildren) {\n    Content = React.createElement(CustomChildren, {\n      close: function close() {\n        SnackBar.remove(snackID);\n      }\n    });\n  } else {\n    Content = React.createElement(_mols_1.Row.Separate, {\n      verticalAlign: 'top'\n    }, React.createElement(_atoms_1.Box, {\n      padding: ['1/4', 0],\n      flexSizing: 0\n    }, $.is[\"function\"](Children) ? React.createElement(Children, null) : Children), React.createElement(_functions_1.Buttons.Button.Clear.R, {\n      color: 'layer',\n      backgroundColor: 'lcOpLow',\n      ssSphere: 2.5,\n      onClick: function onClick() {\n        SnackBar.remove(snackID);\n      }\n    }, React.createElement(_atoms_1.FAIcon.Times, null)));\n  }\n\n  return React.createElement(_atoms_1.Box, __assign({\n    className: style_module_scss_1[\"default\"].Cell,\n    opacity: 'trans',\n    width: 1,\n    padding: '2/3',\n    marginBottom: 1,\n    borderRadius: '1.tone.primary',\n    fontColor: 'white',\n    boxShadow: 2,\n    backgroundColor: 'dark',\n    transition: 'middle',\n    componentID: val_componentID,\n    onMouseOver: function onMouseOver() {\n      set_mouseOn(true);\n    },\n    onMouseOut: function onMouseOut() {\n      set_mouseOn(false);\n    }\n  }, others), Content);\n};\n\nvar SnackBarElements = [];\n\nvar SnackBarsWrap = function SnackBarsWrap() {\n  var _a = __read(useState($.uuidGen()), 2),\n      val_refresh = _a[0],\n      set_refresh = _a[1];\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: 'SnackBar',\n      privateKey: SnackBar.__memoryID,\n      value: {\n        add: function add(params) {\n          params.snackID = params.snackID || $.uuidGen();\n          var findIndex = SnackBarElements.findIndex(function (el) {\n            return el.snackID == params.snackID;\n          });\n\n          if (findIndex == -1) {\n            SnackBarElements.unshift(__assign(__assign({}, params), {\n              snackID: params.snackID\n            }));\n          } else {\n            var newList = __spreadArray([], __read(SnackBarElements), false);\n\n            newList[findIndex] = __assign(__assign({}, params), {\n              snackID: params.snackID\n            });\n            SnackBarElements = newList;\n          }\n\n          set_refresh($.uuidGen());\n        },\n        remove: function remove(snackID) {\n          var component = _global_1.useStore.get('SnackBar-' + snackID);\n\n          if (component && component.remove) {\n            component.remove();\n            setTimeout(function () {\n              var findIndex = SnackBarElements.findIndex(function (cell) {\n                return cell.snackID == snackID;\n              });\n\n              if (findIndex != -1) {\n                var newList = __spreadArray([], __read(SnackBarElements), false);\n\n                newList.splice(findIndex, 1);\n                SnackBarElements = newList;\n                set_refresh($.uuidGen());\n              }\n            }, 210);\n          }\n        }\n      }\n    });\n  }, []);\n  var SnackBars = SnackBarElements.map(function (el) {\n    return React.createElement(Cell, __assign({}, el, {\n      key: el.snackID\n    }));\n  });\n  return React.createElement(_atoms_1.Flex, {\n    className: style_module_scss_1[\"default\"].SnackBarsWrap,\n    position: 'fixed',\n    right: 0,\n    bottom: 0,\n    paddingLeft: 0,\n    paddingRight: 1,\n    paddingBottom: 'safeAreaBottom',\n    verticalAlign: 'bottom',\n    children: SnackBars,\n    overflow: 'auto',\n    UnderBreakPointStyles: {\n      left: 0,\n      paddingLeft: 1,\n      width: 'auto'\n    }\n  });\n};\n\n(0, _global_1.LaunchReactApplication)({\n  baseElement: '#SNACKBARS',\n  reactElement: React.createElement(SnackBarsWrap, null),\n  nonRouter: true\n});\n\n//# sourceURL=src/./src/Functions/SnackBar/parts.tsx")},"./src/Functions/Table/Data/parts.tsx":
+/*!********************************************!*\
+  !*** ./src/Functions/Table/Data/parts.tsx ***!
+  \********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.DataTable = exports.DataComps = exports.DataFNs = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ../style.module.scss */ \"./src/Functions/Table/style.module.scss\"));\n\nvar _1 = __webpack_require__(/*! ../_ */ \"./src/Functions/Table/_.tsx\");\n\nvar Components = {\n  __memoryID: $.uuidGen(),\n  Header: function Header(params) {\n    var _a = __assign({}, params),\n        val_status = _a.val_status,\n        set_status = _a.set_status,\n        KeywordFilterRows = _a.KeywordFilterRows;\n\n    var order = val_status.order,\n        filter = val_status.filter;\n\n    var _b = __read(order.current, 2),\n        orderIndex = _b[0],\n        orderDirection = _b[1];\n\n    var Cols = [];\n\n    var HEAD = __spreadArray([], __read(val_status.head), false);\n\n    if (val_status.checker) {\n      Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({}, val_status.cellStyles, {\n        fontWeight: '2.normal',\n        position: 'sticky',\n        top: 0,\n        unitWidth: 4,\n        padding: 0\n      }, (0, _1.DefaultCellSystemStyles)({\n        top: true,\n        bottom: !val_status.rows.length,\n        left: true,\n        right: !val_status.colLength\n      }), val_status.cellStylesCallback ? val_status.cellStylesCallback({\n        top: true,\n        bottom: !val_status.rows.length,\n        left: true,\n        right: !val_status.colLength,\n        rowIndex: 0,\n        colIndex: 0,\n        isBody: false,\n        isHeader: true\n      }) : {}, {\n        className: [style_module_scss_1[\"default\"].Cell, val_status.cellClassName].join(' '),\n        freeCSS: {\n          zIndex: 2\n        }\n      }), _global_1.React.createElement(_atoms_1.Box, {\n        flexCenter: true\n      }, _global_1.React.createElement(_functions_1.Input.Checker, {\n        label: null,\n        value: false,\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          var newRows = val_status.rows;\n          newRows.forEach(function (rows) {\n            rows.checked = value;\n          });\n          set_status(__assign(__assign({}, val_status), {\n            rows: newRows\n          }));\n        }\n      }))));\n    }\n\n    var _loop_1 = function _loop_1(colIndex) {\n      var col = HEAD[colIndex];\n      if (!col) return \"continue\";\n      var DisplayLabel = col.children || col.data;\n      var orderable = order.enabled && order.column[colIndex];\n      var filterable = filter.enabled && filter.column[colIndex];\n      var OrderButton = orderable ? _global_1.React.createElement(_atoms_1.FAIcon, {\n        fontSize: '1.mini',\n        fontColor: colIndex == orderIndex ? '1.clear' : '5.translucent',\n        d: colIndex == orderIndex ? 'arrow-' + ['up', 'down'][Number(orderDirection == 'DESC')] : 'arrow-down-arrow-up'\n      }) : null;\n\n      var FilterButton = _global_1.React.createElement(_global_1.React.Fragment, null);\n\n      if (filterable) {\n        var ColumnDatas_1 = KeywordFilterRows.map(function (row) {\n          var _a;\n\n          return (_a = row[colIndex]) === null || _a === void 0 ? void 0 : _a.data;\n        });\n        ColumnDatas_1 = __spreadArray([], __read(new Set(ColumnDatas_1)), false).order({\n          direction: 'ASC'\n        });\n        var filterList_1 = filter.current[colIndex];\n\n        if (filterList_1) {\n          var ValueList = ColumnDatas_1.filter(function (data) {\n            return !filterList_1.includes(data);\n          });\n          var SelectList_1 = [];\n          ColumnDatas_1.forEach(function (data) {\n            if (!data) return;\n            SelectList_1.push({\n              value: data,\n              label: _global_1.React.createElement(_atoms_1.Box, {\n                flexSizing: 'auto'\n              }, data)\n            });\n          });\n          var FilterModaButtonID = 'BUTTON-' + val_status.componentID + '-' + colIndex;\n          var FilterSheetID_1 = val_status.componentID + '-' + colIndex;\n          var SheetParams_1 = {\n            sheetID: FilterSheetID_1,\n            parent: '#' + FilterModaButtonID,\n            gravityPoint: 23,\n            type: 'custom',\n            content: _global_1.React.createElement(_atoms_1.Flex, {\n              flexType: 'col',\n              border: true,\n              boxShadow: 3,\n              backgroundColor: '1.layer.base',\n              borderRadius: 1,\n              freeCSS: {\n                minWidth: 12 * 20,\n                maxWidth: 12 * 30\n              }\n            }, _global_1.React.createElement(_mols_1.Column, {\n              gap: '1/3',\n              overflow: 'auto',\n              padding: '2/3',\n              freeCSS: {\n                maxHeight: 12 * 30\n              }\n            }, _global_1.React.createElement(_functions_1.Input.Checkbox, {\n              tone: 'cloud',\n              icon: true,\n              value: ValueList,\n              display: 'flex',\n              gap: '1/2',\n              override: 'force',\n              options: SelectList_1,\n              hideInput: true,\n              name: 'DTFilter-col-' + colIndex + '-table-' + val_status.componentID,\n              cellStyles: {\n                flexSizing: 'auto',\n                padding: '2/3'\n              },\n              onUpdateValidValue: function onUpdateValidValue(_a) {\n                var value = _a.value;\n                var DropValues = ColumnDatas_1.filter(function (data) {\n                  return !value.includes(data);\n                });\n\n                var newOptions = __assign({}, val_status);\n\n                newOptions.filter.current[colIndex] = DropValues;\n                set_status(newOptions);\n              }\n            })), _global_1.React.createElement(_mols_1.Row.Separate, {\n              gap: '2/3',\n              padding: '2/3',\n              horizontalAlign: 'right'\n            }, _global_1.React.createElement(_functions_1.Buttons.Button.Border.S, {\n              isRounded: true,\n              onClick: function onClick() {\n                _functions_1.Sheet.close(FilterSheetID_1);\n              }\n            }, \"\\u9589\\u3058\\u308B\"), _global_1.React.createElement(_functions_1.Buttons.Button.Prime.S, {\n              color: 'theme',\n              isRounded: true,\n              ssEffectsOnActive: 'shrink',\n              onClick: function onClick() {\n                var newFilterList = [];\n                if (!filterList_1.length) newFilterList = ColumnDatas_1;\n\n                var newOptions = __assign({}, val_status);\n\n                newOptions.filter.current[colIndex] = newFilterList;\n                set_status(newOptions);\n              }\n            }, \"\\u5168\\u9078\\u629E\")))\n          };\n\n          _functions_1.Sheet.refresh(SheetParams_1, true);\n\n          FilterButton = _global_1.React.createElement(_atoms_1.Box, {\n            className: style_module_scss_1[\"default\"].FilterRegion\n          }, _global_1.React.createElement(_functions_1.Buttons.Button.Sub.S, {\n            ssSphere: 2.5,\n            fontSize: '1.mini',\n            className: style_module_scss_1[\"default\"]['Filtering_' + !!filterList_1.length],\n            id: FilterModaButtonID,\n            children: _global_1.React.createElement(_atoms_1.FAIcon, {\n              d: 'bars-filter'\n            }),\n            onClick: function onClick(event) {\n              event.stopPropagation();\n\n              _functions_1.Sheet.open(SheetParams_1);\n            }\n          }));\n        }\n      }\n\n      col = __assign(__assign(__assign(__assign(__assign({}, val_status.cellStyles), col), (0, _1.DefaultCellSystemStyles)({\n        top: true,\n        bottom: !val_status.rows.length,\n        left: colIndex == Number(val_status.checker),\n        right: colIndex == val_status.colLength - 1\n      })), val_status.cellStylesCallback ? val_status.cellStylesCallback({\n        top: true,\n        bottom: !val_status.rows.length,\n        left: colIndex == Number(val_status.checker),\n        right: colIndex == val_status.colLength - 1,\n        rowIndex: 0,\n        colIndex: colIndex,\n        isBody: false,\n        isHeader: true\n      }) : {}), {\n        ssPushable: orderable,\n        className: [style_module_scss_1[\"default\"].Cell, val_status.cellClassName, col.className].join(' ')\n      });\n      Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({\n        fontWeight: '2.normal',\n        position: 'sticky',\n        top: 0\n      }, col, {\n        freeCSS: __assign({\n          zIndex: 2\n        }, col.freeCSS),\n        onClick: function onClick(event) {\n          if (orderable) {\n            var newOptions = __assign({}, val_status);\n\n            newOptions.order.current = [colIndex, orderIndex === colIndex && orderDirection == 'ASC' ? 'DESC' : 'ASC'];\n            set_status(newOptions);\n          }\n        }\n      }), _global_1.React.createElement(_atoms_1.Flex, {\n        flexType: 'row-r',\n        flexWrap: false,\n        height: 1,\n        borderRadius: 'inherit',\n        flexCenter: true\n      }, FilterButton, _global_1.React.createElement(_atoms_1.Flex, {\n        flexSizing: 0,\n        position: 'relative',\n        borderRadius: 'inherit',\n        gap: '1/3',\n        flexWrap: false,\n        horizontalAlign: 'center'\n      }, DisplayLabel, OrderButton))));\n    };\n\n    for (var colIndex = 0; colIndex < val_status.colLength; colIndex++) {\n      _loop_1(colIndex);\n    }\n\n    return _global_1.React.createElement(_1.Comps.Row, {\n      className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].HeadRow].join(' '),\n      children: Cols\n    });\n  },\n  Body: function Body(params) {\n    var val_status = params.val_status,\n        PageRows = params.PageRows;\n    var BodyRows = [];\n    PageRows.forEach(function (row, rowIndex) {\n      var ROW = __spreadArray([], __read(row), false);\n\n      var Cols = [];\n\n      if (val_status.checker) {\n        Cols.push(_global_1.React.createElement(_1.Comps.TH, __assign({\n          unitWidth: 4,\n          padding: 0,\n          borderRight: true\n        }, val_status.cellStyles, (0, _1.DefaultCellSystemStyles)({\n          top: rowIndex == 0 && !val_status.head,\n          bottom: rowIndex == PageRows.length - 1,\n          left: true,\n          right: !val_status.colLength\n        }), val_status.cellStylesCallback ? val_status.cellStylesCallback({\n          top: rowIndex == 0 && !val_status.head,\n          bottom: rowIndex == PageRows.length - 1,\n          left: true,\n          right: !val_status.colLength,\n          rowIndex: rowIndex,\n          colIndex: 0,\n          isBody: true,\n          isHeader: false\n        }) : {}, {\n          className: [style_module_scss_1[\"default\"].Cell, val_status.cellClassName].join(' ')\n        }), _global_1.React.createElement(_atoms_1.Box, {\n          flexCenter: true\n        }, _global_1.React.createElement(_functions_1.Input.Checker, {\n          label: null,\n          value: row.checked,\n          override: 'force',\n          onUpdateValidValue: function onUpdateValidValue(_a) {\n            var value = _a.value;\n            var newRows = val_status.rows;\n            newRows[rowIndex].checked = value;\n            params.set_status(__assign(__assign({}, val_status), {\n              rows: newRows\n            }));\n          }\n        }))));\n      }\n\n      ROW.forEach(function (col, colIndex) {\n        if (!col) return;\n\n        var _a = col.type,\n            type = _a === void 0 ? 'td' : _a,\n            Params = __rest(col, [\"type\"]);\n\n        Params = __assign(__assign(__assign(__assign(__assign({}, val_status.cellStyles), Params), (0, _1.DefaultCellSystemStyles)({\n          top: rowIndex == 0 && !val_status.head,\n          bottom: rowIndex == PageRows.length - 1,\n          left: val_status.checker ? false : colIndex == 0,\n          right: colIndex == val_status.colLength - 1\n        })), val_status.cellStylesCallback ? val_status.cellStylesCallback({\n          top: rowIndex == 0 && !val_status.head,\n          bottom: rowIndex == PageRows.length - 1,\n          left: val_status.checker ? false : colIndex == 0,\n          right: colIndex == val_status.colLength - 1,\n          rowIndex: rowIndex,\n          colIndex: colIndex,\n          isBody: true,\n          isHeader: false\n        }) : {}), {\n          className: [style_module_scss_1[\"default\"].Cell, val_status.cellClassName, Params.className].join(' ')\n        });\n        var Cell = _1.Comps[type == 'td' ? 'TD' : 'TH'];\n        Cols.push(_global_1.React.createElement(Cell, __assign({\n          key: colIndex\n        }, Params)));\n      });\n      BodyRows.push(_global_1.React.createElement(_1.Comps.Row, {\n        key: rowIndex,\n        className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].BodyRow].join(' '),\n        children: Cols,\n        onClick: function onClick(event) {\n          if (!val_status.onRowClick) return;\n          val_status.onRowClick(JSON.parse(row.rowID), event);\n        }\n      }));\n    });\n\n    if (!PageRows.length) {\n      var Content = _global_1.React.createElement(_atoms_1.Box, {\n        padding: 2,\n        fontColor: '4.thin',\n        freeCSS: {\n          textAlign: 'center'\n        },\n        borderTop: '1.thin',\n        children: 'テーブルがありません'\n      });\n\n      if (val_status.noRecords) {\n        Content = _global_1.React.createElement(_global_1.React.Fragment, null, val_status.noRecords);\n      }\n\n      BodyRows.push(_global_1.React.createElement(_1.Comps.Row, {\n        key: 'dataNotFound',\n        className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].BodyRow, style_module_scss_1[\"default\"].DataNotFound].join(' ')\n      }, _global_1.React.createElement(_1.Comps.TD, {\n        colSpan: val_status.colLength,\n        className: style_module_scss_1[\"default\"].Cell\n      }, Content)));\n    }\n\n    return _global_1.React.createElement(_global_1.React.Fragment, null, BodyRows);\n  },\n  Core: function Core(params) {\n    var val_status = params.val_status,\n        set_status = params.set_status;\n    var searchKeyword = val_status.searchKeyword,\n        filter = val_status.filter,\n        order = val_status.order,\n        paging = val_status.paging;\n\n    var MotherRows = __spreadArray([], __read(val_status.rows), false);\n\n    var KeywordFilterRows = __spreadArray([], __read(val_status.rows), false);\n\n    var FilterRows = __spreadArray([], __read(val_status.rows), false);\n\n    var PageRows = __spreadArray([], __read(val_status.rows), false);\n\n    if (searchKeyword) {\n      KeywordFilterRows = MotherRows.filter(function (row) {\n        if ((row.__sys4SearchKey || '').match(new RegExp(searchKeyword, 'i'))) return 1;\n        return 0;\n      });\n      FilterRows = __spreadArray([], __read(KeywordFilterRows), false);\n      PageRows = __spreadArray([], __read(KeywordFilterRows), false);\n    }\n\n    if (filter.enabled) {\n      var _loop_2 = function _loop_2(i) {\n        var enabled = filter.column[i];\n        var current = filter.current[i];\n\n        if (enabled && current && current.length) {\n          FilterRows = FilterRows.filter(function (row) {\n            return !current.includes(row[i].data);\n          });\n          PageRows = __spreadArray([], __read(FilterRows), false);\n        }\n      };\n\n      for (var i = 0; i < val_status.colLength; i++) {\n        _loop_2(i);\n      }\n    }\n\n    if (order.enabled) {\n      FilterRows = FilterRows.order({\n        direction: order.current[1],\n        keys: [order.current[0], 'orderIndex']\n      });\n      PageRows = __spreadArray([], __read(FilterRows), false);\n    }\n\n    {\n      var currentPageIndex = paging.currentPageIndex,\n          rowLength = paging.rowLength;\n      PageRows = __spreadArray([], __read(PageRows), false).splice((currentPageIndex - 1) * rowLength, rowLength);\n    }\n    var tableObjectID = Components.__memoryID + '_' + val_status.tableID;\n    var useStatusOutput = {\n      tableComponentDidMount: true,\n      totalRows: MotherRows.length,\n      pageRows: PageRows.length,\n      filteredRows: FilterRows.length,\n      filter: val_status.filter,\n      order: val_status.order,\n      paging: val_status.paging,\n      searchKeyword: val_status.searchKeyword\n    };\n\n    _global_1.useStore.update({\n      key: tableObjectID,\n      value: {\n        status: useStatusOutput,\n        updatePageIndex: function updatePageIndex(index) {\n          var Index = Math.min(Math.max(1, index), val_status.paging.pageLength);\n\n          var newOptions = __assign({}, val_status);\n\n          newOptions.paging.currentPageIndex = Index;\n          set_status(newOptions);\n        },\n        updateRowLength: function updateRowLength(index) {\n          var newOptions = __assign({}, val_status);\n\n          newOptions.paging = {\n            rowLength: index,\n            currentPageIndex: 1,\n            pageLength: Math.ceil(FilterRows.length / index)\n          };\n          set_status(newOptions);\n        },\n        updateKeyword: function updateKeyword(keyword) {\n          $.interval.clear('InputSearchTime');\n          $.interval.standBy('InputSearchTime', 200, function () {\n            var newOptions = __assign({}, val_status);\n\n            newOptions.searchKeyword = keyword;\n            newOptions.paging.currentPageIndex = 1;\n            newOptions.filter.current = newOptions.filter.current.map(function () {\n              return [];\n            });\n            set_status(newOptions);\n          });\n        },\n        getRowData: function getRowData() {\n          var ReturnRows = __spreadArray([], __read(MotherRows), false);\n\n          if (order.enabled) {\n            ReturnRows = ReturnRows.order({\n              direction: order.current[1],\n              keys: [order.current[0], 'orderIndex']\n            });\n          }\n\n          ReturnRows.forEach(function (row) {\n            row.currentPage = false;\n            row.filtered = false; // row.checked = val_checked[ row.rowID! ];\n          });\n          PageRows.forEach(function (row) {\n            var rowID = row.rowID;\n            ReturnRows.find(function (row) {\n              return row.rowID == rowID;\n            }).currentPage = true;\n          });\n          FilterRows.forEach(function (row) {\n            var rowID = row.rowID;\n            ReturnRows.find(function (row) {\n              return row.rowID == rowID;\n            }).filtered = true;\n          });\n          return ReturnRows;\n        }\n      }\n    });\n\n    _global_1.React.useEffect(function () {\n      var Propagations = Components.Propagations[val_status.tableID] || [];\n      Object.keys(Propagations).forEach(function (key) {\n        var propagationObject = _global_1.useStore.get(key);\n\n        if (!(propagationObject === null || propagationObject === void 0 ? void 0 : propagationObject.refresh)) return;\n        propagationObject.refresh();\n      });\n    });\n\n    return _global_1.React.createElement(_global_1.React.Fragment, null, _global_1.React.createElement(_atoms_1.Box, {\n      className: style_module_scss_1[\"default\"].TableBase\n    }, _global_1.React.createElement(_1.Comps.Table, {\n      className: style_module_scss_1[\"default\"].Table\n    }, _global_1.React.createElement(Components.Header, {\n      val_status: val_status,\n      set_status: set_status,\n      KeywordFilterRows: KeywordFilterRows\n    }), _global_1.React.createElement(Components.Body, {\n      val_status: val_status,\n      set_status: set_status,\n      PageRows: PageRows\n    }))));\n  },\n  Propagations: {},\n  DataLeveler: function DataLeveler(params) {\n    var _a, _b;\n\n    params.filter = (_a = params.filter) !== null && _a !== void 0 ? _a : false;\n    params.filter = Array.from({\n      length: params.colLength\n    }).map(function (a, index) {\n      var _a;\n\n      if ($.is[\"boolean\"](params.filter)) {\n        return params.filter;\n      }\n\n      return (_a = params.filter[index]) !== null && _a !== void 0 ? _a : false;\n    });\n    params.order = (_b = params.order) !== null && _b !== void 0 ? _b : true;\n    params.order = Array.from({\n      length: params.colLength\n    }).map(function (a, index) {\n      var _a;\n\n      if ($.is[\"boolean\"](params.order)) {\n        return params.order;\n      }\n\n      return (_a = params.order[index]) !== null && _a !== void 0 ? _a : true;\n    });\n    params = __assign({\n      checker: false,\n      searchKeyword: '',\n      filter: false,\n      order: true,\n      defaultOrder: [0, 'ASC']\n    }, params);\n    params.rows.forEach(function (row, rowIndex) {\n      row.rowID = JSON.stringify(row.rowID || rowIndex);\n      var __sys4SearchKey = [];\n      row.forEach(function (col, colIndex) {\n        var data = col.data,\n            children = col.children,\n            orderIndex = col.orderIndex;\n        col.orderIndex = $.is.exist(orderIndex) ? String(orderIndex) : String(data);\n        col.children = children || String(data);\n\n        __sys4SearchKey.push(String(col.data));\n      });\n      row.__sys4SearchKey = __sys4SearchKey.join('/;');\n    });\n    return _global_1.React.createElement(Components.StateManager, __assign({\n      eventID: $.uuidGen()\n    }, params));\n  },\n  StateManager: function StateManager(params) {\n    var colLength = params.colLength,\n        eventID = params.eventID,\n        _a = params.checker,\n        checker = _a === void 0 ? false : _a,\n        _b = params.searchKeyword,\n        searchKeyword = _b === void 0 ? '' : _b,\n        filter = params.filter,\n        order = params.order,\n        _c = params.defaultOrder,\n        defaultOrder = _c === void 0 ? [0, 'ASC'] : _c,\n        _d = params.pageRowLength,\n        pageRowLength = _d === void 0 ? 30 : _d;\n\n    var _e = __read(_global_1.React.useState($.uuidGen()), 1),\n        val_componentID = _e[0];\n\n    var DefStatus = {\n      tableID: params.tableID || val_componentID,\n      componentID: val_componentID,\n      colLength: colLength,\n      checker: checker,\n      searchKeyword: searchKeyword,\n      filter: {\n        enabled: filter !== false,\n        column: filter,\n        current: Array.from({\n          length: colLength\n        }, function () {\n          return [];\n        })\n      },\n      order: {\n        enabled: order !== false,\n        column: order,\n        current: defaultOrder\n      },\n      paging: {\n        rowLength: pageRowLength,\n        pageLength: Math.ceil(params.rows.length / pageRowLength),\n        currentPageIndex: 1\n      },\n      head: params.head,\n      rows: params.rows,\n      noRecords: params.noRecords,\n      cellStyles: params.cellStyles || {},\n      cellClassName: params.cellClassName || '',\n      cellStylesCallback: params.cellStylesCallback,\n      onRowClick: params.onRowClick\n    };\n\n    var _f = __read(_global_1.React.useState(DefStatus), 2),\n        val_status = _f[0],\n        set_status = _f[1];\n\n    var _g = __read(_global_1.React.useState(params.eventID), 2),\n        val_eventID = _g[0],\n        set_eventID = _g[1];\n\n    if (val_eventID != params.eventID) {\n      set_eventID(params.eventID);\n      set_status(DefStatus);\n    }\n\n    return _global_1.React.createElement(Components.Core, {\n      val_status: val_status,\n      set_status: set_status\n    });\n  }\n};\nexports.DataFNs = {\n  __memoryID: Components.__memoryID,\n  useStatus: function useStatus(tableID) {\n    var _a;\n\n    var _b = __read(_global_1.React.useState($.uuidGen()), 1),\n        val_statusID = _b[0];\n\n    var _c = __read(_global_1.React.useState($.uuidGen()), 2),\n        val_refresh = _c[0],\n        set_refresh = _c[1];\n\n    var tableObjectID = Components.__memoryID + '_' + tableID;\n\n    _global_1.React.useEffect(function () {\n      var _a;\n\n      Components.Propagations[tableID] = __assign(__assign({}, Components.Propagations[tableID]), (_a = {}, _a[val_statusID] = 1, _a));\n\n      _global_1.useStore.set({\n        key: val_statusID,\n        value: {\n          refresh: function refresh() {\n            set_refresh($.uuidGen());\n          }\n        }\n      });\n\n      return function () {\n        delete Components.Propagations[tableID][val_statusID];\n      };\n    }, []);\n\n    return ((_a = _global_1.useStore.get(tableObjectID)) === null || _a === void 0 ? void 0 : _a.status) || {\n      tableComponentDidMount: false\n    };\n  },\n  getRowData: function getRowData(tableID) {\n    var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);\n\n    if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.getRowData)) return;\n    return tableObject.getRowData();\n  },\n  setPageIndex: function setPageIndex(tableID, pageIndex) {\n    var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);\n\n    if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updatePageIndex)) return;\n    tableObject.updatePageIndex(pageIndex);\n  },\n  setRowLength: function setRowLength(tableID, rowLength) {\n    var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);\n\n    if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updateRowLength)) return;\n    tableObject.updateRowLength(rowLength);\n  },\n  setSearchKeyword: function setSearchKeyword(tableID, keyword) {\n    var tableObject = _global_1.useStore.get(Components.__memoryID + '_' + tableID);\n\n    if (!(tableObject === null || tableObject === void 0 ? void 0 : tableObject.updateKeyword)) return;\n    tableObject.updateKeyword(keyword);\n  }\n};\nexports.DataComps = {\n  SearchInput: function SearchInput(params) {\n    var status = exports.DataFNs.useStatus(params.tableID);\n    if (!status.tableComponentDidMount) return null;\n    return _global_1.React.createElement(_functions_1.Input.Text.Normal, {\n      placeholder: \"\\u691C\\u7D22...\",\n      clearButton: true,\n      padding: '2/3',\n      paddingRight: 3,\n      rightIcon: _global_1.React.createElement(_functions_1.Input.Comps.RightIcon, {\n        fontColor: '5.translucent',\n        right: '2/3'\n      }, _global_1.React.createElement(_atoms_1.FAIcon.Search, null)),\n      override: 'force',\n      value: status.searchKeyword,\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var value = _a.value;\n        exports.DataFNs.setSearchKeyword(params.tableID, value);\n      }\n    });\n  },\n  Info: function Info(params) {\n    var status = exports.DataFNs.useStatus(params.tableID);\n    if (!status.tableComponentDidMount) return null;\n    var Ratio = status.filteredRows.ratio(status.totalRows) || 0;\n    return _global_1.React.createElement(_atoms_1.Flex, {\n      verticalAlign: 'baseline',\n      gap: '1/2',\n      fontSize: '1.mini',\n      fontColor: '3.blur'\n    }, _global_1.React.createElement(_atoms_1.Span, {\n      fontSize: '4.thirdTitle',\n      fontColor: 'theme'\n    }, status.filteredRows.toLocaleString()), \"/ \", status.totalRows.toLocaleString(), \"\\u4EF6 (\", Ratio, \"%)\");\n  },\n  Paging: function Paging(params) {\n    var status = exports.DataFNs.useStatus(params.tableID);\n    if (!status.tableComponentDidMount) return null;\n    var PageSelect = [];\n\n    for (var index = 0; index < status.paging.pageLength; index++) {\n      PageSelect.push({\n        value: index + 1,\n        label: (index + 1).toString()\n      });\n    }\n\n    return _global_1.React.createElement(_mols_1.Row.Center, null, _global_1.React.createElement(_mols_1.Row.Center, {\n      gap: '1/2'\n    }, \"\\u30DA\\u30FC\\u30B8 :\", _global_1.React.createElement(_functions_1.Input.Select, {\n      enableUnSelected: false,\n      padding: ['1/3', '2/3'],\n      rightIcon: false,\n      placeholder: '',\n      override: 'force',\n      value: status.paging.currentPageIndex,\n      options: PageSelect,\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var value = _a.value;\n        exports.DataFNs.setPageIndex(params.tableID, value);\n      }\n    }), \"/ \", status.paging.pageLength), _global_1.React.createElement(_mols_1.Row.Right, {\n      gap: '1/2'\n    }, _global_1.React.createElement(_functions_1.Buttons.Button.Sub.R, {\n      ssSphere: 3,\n      onClick: function onClick() {\n        if (status.paging.currentPageIndex == 1) {\n          exports.DataFNs.setPageIndex(params.tableID, status.paging.pageLength);\n          return;\n        }\n\n        exports.DataFNs.setPageIndex(params.tableID, status.paging.currentPageIndex - 1);\n      }\n    }, _global_1.React.createElement(_atoms_1.FAIcon.ChevronLeft, null)), _global_1.React.createElement(_functions_1.Buttons.Button.Sub.R, {\n      ssSphere: 3,\n      onClick: function onClick() {\n        if (status.paging.currentPageIndex == status.paging.pageLength) {\n          exports.DataFNs.setPageIndex(params.tableID, 1);\n          return;\n        }\n\n        exports.DataFNs.setPageIndex(params.tableID, status.paging.currentPageIndex + 1);\n      }\n    }, _global_1.React.createElement(_atoms_1.FAIcon.ChevronRight, null))));\n  },\n  RowLength: function RowLength(params) {\n    var status = exports.DataFNs.useStatus(params.tableID);\n    if (!status.tableComponentDidMount) return null;\n    var currentLength = status.paging.rowLength;\n    var ExistCurrentLength = 0;\n    var LengthList = params.lengthSelect.map(function (l) {\n      ExistCurrentLength |= Number(l == currentLength);\n      return {\n        value: l,\n        label: l.toString()\n      };\n    });\n\n    if (!ExistCurrentLength) {\n      LengthList.push({\n        value: currentLength,\n        label: currentLength.toString()\n      });\n    }\n\n    LengthList = LengthList.order({\n      direction: 'ASC',\n      keys: ['value']\n    });\n    return _global_1.React.createElement(_mols_1.Row.Center, {\n      gap: '1/2'\n    }, \"\\u4EF6\\u6570 :\", _global_1.React.createElement(_functions_1.Input.Select, {\n      enableUnSelected: false,\n      rightIcon: false,\n      placeholder: \"\\u9078\\u629E\",\n      override: 'force',\n      padding: ['1/3', '2/3'],\n      value: status.paging.rowLength,\n      options: LengthList,\n      onUpdateValidValue: function onUpdateValidValue(_a) {\n        var value = _a.value;\n        exports.DataFNs.setRowLength(params.tableID, value);\n      }\n    }));\n  }\n};\n\nvar DataTable = function DataTable(params) {\n  return _global_1.React.createElement(Components.DataLeveler, __assign({}, params));\n};\n\nexports.DataTable = DataTable;\n\n//# sourceURL=src/./src/Functions/Table/Data/parts.tsx")},"./src/Functions/Table/Drag/parts.tsx":
+/*!********************************************!*\
+  !*** ./src/Functions/Table/Drag/parts.tsx ***!
+  \********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.DragTable = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useState = React.useState,\n    useEffect = React.useEffect;\n\nvar _1 = __webpack_require__(/*! ../_ */ \"./src/Functions/Table/_.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ../style.module.scss */ \"./src/Functions/Table/style.module.scss\"));\n\nvar HeadRow = function HeadRow(props) {\n  var _a = props.cellStyles,\n      cellStyles = _a === void 0 ? {} : _a,\n      _b = props.cellClassName,\n      cellClassName = _b === void 0 ? '' : _b,\n      cellStylesCallback = props.cellStylesCallback,\n      colLength = props.colLength,\n      head = props.head,\n      rows = props.rows;\n  if (!head) return null;\n  var Cols = [];\n\n  for (var colIndex = 0; colIndex < colLength; colIndex++) {\n    var col = head[colIndex];\n    var Cell = _1.Comps[col.type == 'th' ? 'TH' : 'TD'];\n    Cols.push(React.createElement(Cell, __assign({}, cellStyles, (0, _1.DefaultCellSystemStyles)({\n      top: true,\n      bottom: !rows.length,\n      left: colIndex == 0,\n      right: colIndex == colLength - 1\n    }), cellStylesCallback ? cellStylesCallback({\n      top: true,\n      bottom: !rows.length,\n      left: colIndex == 0,\n      right: colIndex == colLength - 1,\n      rowIndex: 0,\n      colIndex: colIndex,\n      isBody: false,\n      isHeader: true\n    }) : {}, {\n      className: [style_module_scss_1[\"default\"].Cell, cellClassName, col.className].join(' ')\n    }, col)));\n  }\n\n  return React.createElement(_1.Comps.Row, {\n    className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].HeadRow].join(' '),\n    children: Cols\n  });\n};\n\nvar BodyRows = function BodyRows(props) {\n  var _a = props.cellStyles,\n      cellStyles = _a === void 0 ? {} : _a,\n      _b = props.cellClassName,\n      cellClassName = _b === void 0 ? '' : _b,\n      cellStylesCallback = props.cellStylesCallback,\n      head = props.head,\n      rows = props.rows,\n      colLength = props.colLength,\n      onOrderChanged = props.onOrderChanged;\n\n  var _c = __read(useState($.uuidGen()), 1),\n      val_componentID = _c[0];\n\n  var _d = __read(useState({\n    rows: rows,\n    origin: 0,\n    to: NaN\n  }), 2),\n      val_info = _d[0],\n      set_info = _d[1];\n\n  var BodyRows = [];\n  val_info.rows.forEach(function (cols, rowIndex) {\n    var Cols = [];\n    {\n      Cols.push(React.createElement(_1.Comps.TH, __assign({\n        key: 'DragOrigin'\n      }, cellStyles, (0, _1.DefaultCellSystemStyles)({\n        top: rowIndex == 0 && !head,\n        bottom: rowIndex == rows.length - 1,\n        left: true,\n        right: false\n      }), cellStylesCallback ? cellStylesCallback({\n        top: rowIndex == 0 && !head,\n        bottom: rowIndex == rows.length - 1,\n        left: true,\n        right: false,\n        rowIndex: rowIndex,\n        colIndex: 0,\n        isBody: true,\n        isHeader: false\n      }) : {}, {\n        padding: 0,\n        borderRight: true,\n        className: [style_module_scss_1[\"default\"].Cell, style_module_scss_1[\"default\"].Draggable, cellClassName].join(' ')\n      }), React.createElement(_functions_1.Buttons.Button.Clear.R, {\n        className: style_module_scss_1[\"default\"].DragableButton,\n        fontColor: '5.translucent',\n        fontSize: '3.paragraph',\n        margin: 'auto',\n        tabIndex: -1,\n        ssSphere: 3,\n        onMouseDown: function onMouseDown(event) {\n          EffectStart(event, {\n            id: val_componentID,\n            index: rowIndex,\n            rows: val_info.rows,\n            maxLength: rows.length\n          });\n        },\n        onTouchStart: function onTouchStart(event) {\n          EffectStart(event, {\n            id: val_componentID,\n            index: rowIndex,\n            rows: val_info.rows,\n            maxLength: rows.length\n          });\n        }\n      }, React.createElement(_atoms_1.FAIcon, {\n        d: 'grip-dots-vertical'\n      }))));\n    }\n    cols.forEach(function (col, colIndex) {\n      col = __assign({}, col);\n      var Cell = _1.Comps[col.type == 'th' ? 'TH' : 'TD'];\n      Cols.push(React.createElement(Cell, __assign({}, cellStyles, (0, _1.DefaultCellSystemStyles)({\n        top: !!head && !head.length,\n        bottom: rowIndex == rows.length - 1,\n        left: false,\n        right: colIndex == colLength - 2\n      }), cellStylesCallback ? cellStylesCallback({\n        top: !!head && !head.length,\n        bottom: rowIndex == rows.length - 1,\n        left: false,\n        right: colIndex == colLength - 2,\n        rowIndex: rowIndex,\n        colIndex: colIndex,\n        isBody: true,\n        isHeader: false\n      }) : {}, {\n        className: [style_module_scss_1[\"default\"].Cell, cellClassName, col.className].join(' ')\n      }, col)));\n    });\n    BodyRows.push(React.createElement(_1.Comps.Row, {\n      key: rowIndex,\n      id: 'TableRow-' + val_componentID + '-' + rowIndex,\n      \"data-rowId\": rowIndex,\n      className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].BodyRow].join(' '),\n      children: Cols\n    }));\n  });\n\n  if (!isNaN(val_info.to)) {\n    var origin_1 = val_info.origin,\n        to = val_info.to;\n    var Cols_1 = [];\n    Cols_1.push(React.createElement(_1.Comps.TH, {\n      key: 'dragButton',\n      backgroundColor: 'tcOpLow',\n      padding: 0,\n      borderRight: '2.normal',\n      className: [style_module_scss_1[\"default\"].Cell, style_module_scss_1[\"default\"].Draggable, cellClassName].join(' ')\n    }, React.createElement(_atoms_1.FAIcon.ArrowRight, {\n      fontColor: 'theme'\n    })));\n    var cols = val_info.rows[origin_1];\n    cols.forEach(function (col, colIndex) {\n      col = __assign({}, col);\n      var Cell = _1.Comps[col.type == 'th' ? 'TH' : 'TD'];\n      Cols_1.push(React.createElement(Cell, __assign({}, cellStyles, (0, _1.DefaultCellSystemStyles)({\n        top: false,\n        bottom: false,\n        left: false,\n        right: false\n      }), cellStylesCallback ? cellStylesCallback({\n        top: false,\n        bottom: false,\n        left: false,\n        right: false,\n        rowIndex: -1,\n        colIndex: -1,\n        isBody: true,\n        isHeader: false\n      }) : {}, {\n        className: [style_module_scss_1[\"default\"].Cell, cellClassName, col.className].join(' '),\n        backgroundColor: 'tcOpLow'\n      }, col)));\n    });\n    BodyRows.splice(to, 0, React.createElement(_1.Comps.Row, {\n      key: 'preSet',\n      className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].Pre].join(' '),\n      children: Cols_1\n    }));\n  }\n\n  useEffect(function () {\n    _global_1.useStore.set({\n      key: val_componentID,\n      value: {\n        swap: function swap(rowIndex, insertIndex) {\n          if (insertIndex || insertIndex == 0) {\n            var targetRow = val_info.rows[rowIndex];\n\n            var newRows = __spreadArray([], __read(val_info.rows), false);\n\n            newRows.splice(rowIndex, 1);\n            newRows.splice(insertIndex - (rowIndex < insertIndex ? 1 : 0), 0, targetRow);\n            set_info({\n              rows: newRows,\n              origin: 0,\n              to: NaN\n            });\n            onOrderChanged(newRows.map(function (row) {\n              return JSON.parse(row.rowID);\n            }));\n          }\n        },\n        preSet: function preSet(props) {\n          var origin = props.origin,\n              index = props.index;\n          set_info({\n            rows: val_info.rows,\n            origin: origin,\n            to: index\n          });\n        }\n      }\n    });\n  });\n  useEffect(function () {\n    return function () {\n      _global_1.useStore[\"delete\"](val_componentID);\n    };\n  }, []);\n  return React.createElement(React.Fragment, null, BodyRows);\n};\n\nvar DragTable = function DragTable(params) {\n  params.colLength = params.colLength + 1;\n\n  if (params.head) {\n    params.head = __spreadArray([{\n      children: React.createElement(_functions_1.Buttons.Button.Plain, {\n        ssSphere: 3,\n        fontSize: '3.paragraph',\n        fontColor: 'theme',\n        onMouseOver: function onMouseOver(event) {\n          _functions_1.Tooltips.open({\n            parent: event.currentTarget,\n            padding: [0, 1],\n            content: React.createElement(_functions_1.Tooltips.Comps.Body, null, React.createElement(_atoms_1.FAIcon, {\n              d: 'grip-dots-vertical'\n            }), \"\\u30DC\\u30BF\\u30F3\\u3092\\u30C9\\u30E9\\u30C3\\u30B0\\u3057\\u3066\\u9806\\u5E8F\\u3092\\u5909\\u66F4\")\n          });\n        }\n      }, React.createElement(_atoms_1.FAIcon.QuestionCircle, null)),\n      padding: [0, 1],\n      unitWidth: 4\n    }], __read(params.head), false);\n  }\n\n  params.rows = params.rows.map(function (row, rowIndex) {\n    row.rowID = JSON.stringify(row.rowID || rowIndex);\n    return row;\n  });\n  return React.createElement(_1.Comps.Table, {\n    className: style_module_scss_1[\"default\"].Table\n  }, React.createElement(HeadRow, __assign({}, params)), React.createElement(BodyRows, __assign({}, params)));\n};\n\nexports.DragTable = DragTable;\n\nvar EffectStart = function EffectStart(event, info) {\n  return __awaiter(this, void 0, void 0, function () {\n    var id, index, rows, maxLength;\n    return __generator(this, function (_a) {\n      event.stopPropagation();\n      event.preventDefault();\n      id = info.id, index = info.index, rows = info.rows, maxLength = info.maxLength;\n      $('#TableRow-' + id + '-' + index).addClass(style_module_scss_1[\"default\"].DraggerOrigin);\n      $(document).addEvent({\n        eventID: 'DragMouseMove',\n        eventType: 'mousemove',\n        callback: function callback(event) {\n          EffectMove(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'DragTouchMove',\n        eventType: 'touchmove',\n        callback: function callback(event) {\n          EffectMove(event, info);\n        },\n        option: {\n          passive: false\n        }\n      }).addEvent({\n        eventID: 'DragMouseUp',\n        eventType: 'mouseup',\n        callback: function callback(event) {\n          EffectEnd(event, info);\n        }\n      }).addEvent({\n        eventID: 'DragTouchEnd',\n        eventType: 'touchend',\n        callback: function callback(event) {\n          EffectEnd(event, info);\n        }\n      });\n      return [2\n      /*return*/\n      ];\n    });\n  });\n};\n\nvar EffectMove = function EffectMove(event, info) {\n  var id = info.id,\n      maxLength = info.maxLength;\n  var Y = $.getCursor(event).y - $.getScreenSize().scrollY;\n\n  for (var rowIndex = 0; rowIndex < maxLength; rowIndex++) {\n    var Row = $('#TableRow-' + id + '-' + rowIndex);\n\n    var _a = Row.position(),\n        rT = _a.top,\n        rB = _a.bottom,\n        rH = _a.height;\n\n    if (rowIndex == 0 && Y < rT) {\n      info.insertIndex = 0;\n    } else if (rowIndex === maxLength - 1 && rB <= Y) {\n      info.insertIndex = maxLength;\n    } else if (Y >= rT && Y < rB) {\n      info.insertIndex = rowIndex + 1;\n    }\n  }\n\n  {\n    var index = info.index,\n        insertIndex = info.insertIndex;\n\n    var component = _global_1.useStore.get(id);\n\n    if (component && component.preSet) component.preSet({\n      origin: index,\n      index: insertIndex\n    });\n  }\n  event.stopPropagation();\n  event.preventDefault();\n  return false;\n};\n\nvar EffectEnd = function EffectEnd(event, info) {\n  var id = info.id,\n      index = info.index,\n      insertIndex = info.insertIndex;\n\n  var component = _global_1.useStore.get(id);\n\n  if (component && component.swap) component.swap(index, insertIndex);\n  $('#TableRow-' + id + '-' + index).removeClass(style_module_scss_1[\"default\"].DraggerOrigin);\n  $(document).removeEvent(['DragMouseMove', 'DragTouchMove', 'DragMouseUp', 'DragTouchEnd']);\n};\n\n//# sourceURL=src/./src/Functions/Table/Drag/parts.tsx")},"./src/Functions/Table/Normal/parts.tsx":
+/*!**********************************************!*\
+  !*** ./src/Functions/Table/Normal/parts.tsx ***!
+  \**********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.NormalTable = void 0;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ../style.module.scss */ \"./src/Functions/Table/style.module.scss\"));\n\nvar _1 = __webpack_require__(/*! ../_ */ \"./src/Functions/Table/_.tsx\");\n\nvar HeadRow = function HeadRow(params) {\n  var _a = params.cellStyles,\n      cellStyles = _a === void 0 ? {} : _a,\n      _b = params.cellClassName,\n      cellClassName = _b === void 0 ? '' : _b,\n      cellStylesCallback = params.cellStylesCallback,\n      colLength = params.colLength,\n      head = params.head,\n      rows = params.rows;\n  if (!head) return null;\n  var Cols = [];\n  head.forEach(function (col, colIndex) {\n    var Cell = _1.Comps[col.type == 'th' ? 'TH' : 'TD'];\n    Cols.push(React.createElement(Cell, __assign({}, cellStyles, (0, _1.DefaultCellSystemStyles)({\n      top: true,\n      bottom: !rows.length,\n      left: colIndex == 0,\n      right: colIndex == colLength - 1\n    }), cellStylesCallback ? cellStylesCallback({\n      top: true,\n      bottom: !rows.length,\n      left: colIndex == 0,\n      right: colIndex == colLength - 1,\n      rowIndex: 0,\n      colIndex: colIndex,\n      isBody: false,\n      isHeader: true\n    }) : {}, {\n      className: [style_module_scss_1[\"default\"].Cell, cellClassName, col.className].join(' ')\n    }, col)));\n  });\n  return React.createElement(_1.Comps.Row, {\n    className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].HeadRow].join(' '),\n    children: Cols\n  });\n};\n\nvar BodyRows = function BodyRows(params) {\n  var _a = params.cellStyles,\n      cellStyles = _a === void 0 ? {} : _a,\n      _b = params.cellClassName,\n      cellClassName = _b === void 0 ? '' : _b,\n      cellStylesCallback = params.cellStylesCallback,\n      head = params.head,\n      rows = params.rows,\n      colLength = params.colLength,\n      onRowClick = params.onRowClick;\n  var BodyRows = [];\n  rows.forEach(function (cols, rowIndex) {\n    var Cols = [];\n    cols.forEach(function (col, colIndex) {\n      var Cell = _1.Comps[col.type == 'th' ? 'TH' : 'TD'];\n      Cols.push(React.createElement(Cell, __assign({}, cellStyles, (0, _1.DefaultCellSystemStyles)({\n        top: rowIndex == 0 && !head,\n        bottom: rowIndex == rows.length - 1,\n        left: colIndex == 0,\n        right: colIndex == colLength - 1\n      }), cellStylesCallback ? cellStylesCallback({\n        top: rowIndex == 0 && !head,\n        bottom: rowIndex == rows.length - 1,\n        left: colIndex == 0,\n        right: colIndex == colLength - 1,\n        rowIndex: rowIndex,\n        colIndex: colIndex,\n        isBody: true,\n        isHeader: false\n      }) : {}, {\n        className: [style_module_scss_1[\"default\"].Cell, cellClassName, col.className].join(' ')\n      }, col)));\n    });\n    BodyRows.push(React.createElement(_1.Comps.Row, {\n      key: rowIndex,\n      className: [style_module_scss_1[\"default\"].Row, style_module_scss_1[\"default\"].BodyRow].join(' '),\n      children: Cols,\n      onClick: function onClick(event) {\n        if (onRowClick) onRowClick(cols.rowID, event);\n      }\n    }));\n  });\n  return React.createElement(React.Fragment, null, BodyRows);\n};\n\nvar NormalTable = function NormalTable(params) {\n  params.rows = params.rows.map(function (row, rowIndex) {\n    row.rowID = row.rowID || rowIndex;\n    return row;\n  });\n  return React.createElement(_1.Comps.Table, {\n    className: style_module_scss_1[\"default\"].Table\n  }, React.createElement(HeadRow, __assign({}, params)), React.createElement(BodyRows, __assign({}, params)));\n};\n\nexports.NormalTable = NormalTable;\n\n//# sourceURL=src/./src/Functions/Table/Normal/parts.tsx")},"./src/Functions/Table/_.tsx":
+/*!***********************************!*\
+  !*** ./src/Functions/Table/_.tsx ***!
+  \***********************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.DefaultCellSystemStyles = exports.DefaultCellStyles = exports.Table = exports.Comps = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nexports.Comps = {\n  Table: function Table(params) {\n    return React.createElement(\"table\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  Head: function Head(params) {\n    return React.createElement(\"thead\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  Body: function Body(params) {\n    return React.createElement(\"tbody\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  Row: function Row(params) {\n    return React.createElement(\"tr\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  TH: function TH(params) {\n    return React.createElement(\"th\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  TD: function TD(params) {\n    return React.createElement(\"td\", __assign({}, _global_1.StyleConverter.ToClassName(params)));\n  },\n  RightIndicator: {\n    type: 'td',\n    unitWidth: 4,\n    // data: '',\n    children: React.createElement(_atoms_1.FAIcon.AngleRight, {\n      fontColor: 'theme',\n      fontSize: '4.thirdTitle'\n    })\n  }\n};\n\nvar parts_1 = __webpack_require__(/*! ./Normal/parts */ \"./src/Functions/Table/Normal/parts.tsx\");\n\nvar parts_2 = __webpack_require__(/*! ./Data/parts */ \"./src/Functions/Table/Data/parts.tsx\");\n\nvar parts_3 = __webpack_require__(/*! ./Drag/parts */ \"./src/Functions/Table/Drag/parts.tsx\");\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Functions/Table/style.module.scss\"));\n\nvar Wrapper = function Wrapper(params) {\n  var tone = params.tone,\n      type = params.type;\n  params.tableID = params.tableID || $.uuidGen();\n  tone = tone || 'auto';\n\n  if (tone == 'auto') {\n    if (type == 'drag') {\n      tone = 'rowBorder';\n    } else {\n      tone = 'border';\n    }\n  }\n\n  var Params = __assign(__assign(__assign({}, tone != 'plain' ? {\n    backgroundColor: '1.layer.base',\n    borderRadius: '1.tone.primary'\n  } : {}), params), {\n    cellStyles: __assign(__assign({\n      padding: '3/4',\n      backgroundColor: '1.layer.base',\n      transition: 'short',\n      textAlign: 'center'\n    }, (0, exports.DefaultCellStyles)(type, tone)), params.cellStyles),\n    tone: tone\n  });\n\n  var _a = _global_1.StyleConverter.ToClassName(Params),\n      className = _a.className,\n      freeCSS = _a.style,\n      others = __rest(_a, [\"className\", \"style\"]);\n\n  var ClassName = [className, style_module_scss_1[\"default\"].Wrap, style_module_scss_1[\"default\"]['TableType_' + type], style_module_scss_1[\"default\"]['RowClickable_' + !!params.onRowClick]].join(' ');\n  var TableComponent = {\n    'normal': parts_1.NormalTable,\n    'data': parts_2.DataTable,\n    'drag': parts_3.DragTable,\n    'spread': ''\n  }[type];\n  return React.createElement(_atoms_1.Box, {\n    className: ClassName,\n    style: freeCSS\n  }, React.createElement(TableComponent, __assign({}, others)));\n};\n\nvar DataComponent = function DataComponent(props) {\n  return React.createElement(Wrapper, __assign({\n    type: 'data'\n  }, props));\n};\n\nObject.entries(parts_2.DataFNs).forEach(function (_a) {\n  var _b = __read(_a, 2),\n      key = _b[0],\n      value = _b[1];\n\n  DataComponent[key] = value;\n});\nObject.entries(parts_2.DataComps).forEach(function (_a) {\n  var _b = __read(_a, 2),\n      key = _b[0],\n      value = _b[1];\n\n  DataComponent[key] = value;\n});\nexports.Table = {\n  Normal: function Normal(props) {\n    return React.createElement(Wrapper, __assign({\n      type: 'normal'\n    }, props));\n  },\n  Data: DataComponent,\n  Drag: function Drag(props) {\n    return React.createElement(Wrapper, __assign({\n      type: 'drag'\n    }, props));\n  },\n  Spread: function Spread() {\n    return React.createElement(React.Fragment, null, \"Table.Spread ( in Progress )\");\n  },\n  Comps: exports.Comps\n};\n\nvar DefaultCellStyles = function DefaultCellStyles(type, tone) {\n  if (tone == 'plain') return {};\n  var Styles = {};\n\n  if (type == 'drag') {\n    Styles.padding = 1;\n  }\n\n  if (['border', 'rowBorder', 'cellBorder'].includes(tone)) {\n    Styles.borderBottom = '2.normal';\n  }\n\n  if (['border', 'cellBorder'].includes(tone)) {\n    Styles.borderRight = '2.normal';\n  }\n\n  return Styles;\n};\n\nexports.DefaultCellStyles = DefaultCellStyles;\n\nvar DefaultCellSystemStyles = function DefaultCellSystemStyles(args) {\n  var Styles = {};\n\n  if (args.right) {\n    Styles.borderRight = 'unset';\n  }\n\n  if (args.top) {\n    if (args.left) {\n      Styles.borderTopLeftRadius = 'inherit';\n    }\n\n    if (args.right) {\n      Styles.borderTopRightRadius = 'inherit';\n    }\n  }\n\n  if (args.bottom) {\n    Styles.borderBottom = 'unset';\n\n    if (args.left) {\n      Styles.borderBottomLeftRadius = 'inherit';\n    }\n\n    if (args.right) {\n      Styles.borderBottomRightRadius = 'inherit';\n    }\n  }\n\n  return Styles;\n};\n\nexports.DefaultCellSystemStyles = DefaultCellSystemStyles;\n\n//# sourceURL=src/./src/Functions/Table/_.tsx")},"./src/Functions/Tooltips/parts.tsx":
+/*!******************************************!*\
+  !*** ./src/Functions/Tooltips/parts.tsx ***!
+  \******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Tooltips = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar Tooltips = {\n  __memoryID: $.uuidGen(),\n  open: function open(params) {\n    var _a = params.tipsID,\n        tipsID = _a === void 0 ? $.uuidGen() : _a,\n        _b = params.tipsGroups,\n        tipsGroups = _b === void 0 ? [] : _b,\n        sheetParams = __rest(params, [\"tipsID\", \"tipsGroups\"]);\n\n    _functions_1.Sheet.open(__assign({\n      sheetID: tipsID,\n      sheetGroups: __spreadArray(['tooltips'], __read(tipsGroups), false),\n      closeOption: __assign({\n        aroundClick: true,\n        elementBlur: params.parent,\n        escapeKeyDown: true,\n        pageTransit: true\n      }, params.closeOption),\n      type: 'custom'\n    }, sheetParams));\n  },\n  close: function close(tipsID) {\n    _functions_1.Sheet.close(tipsID);\n  },\n  closeALL: function closeALL() {\n    _functions_1.Sheet.closeGroup('tooltips');\n  },\n  Comps: {\n    Body: function Body(params) {\n      return React.createElement(_atoms_1.Box, __assign({\n        padding: ['1/3', '2/3'],\n        backgroundColor: 'dark',\n        borderRadius: '2.tone.secondary',\n        fontColor: 'white',\n        boxShadow: 2\n      }, params));\n    }\n  }\n};\nexports.Tooltips = Tooltips;\n\n//# sourceURL=src/./src/Functions/Tooltips/parts.tsx")},"./src/Global/@export.tsx":
+/*!********************************!*\
+  !*** ./src/Global/@export.tsx ***!
+  \********************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  var desc = Object.getOwnPropertyDescriptor(m, k);\n\n  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n    desc = {\n      enumerable: true,\n      get: function get() {\n        return m[k];\n      }\n    };\n  }\n\n  Object.defineProperty(o, k2, desc);\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {\n  Object.defineProperty(o, "default", {\n    enumerable: true,\n    value: v\n  });\n} : function (o, v) {\n  o["default"] = v;\n});\n\nvar __importStar = this && this.__importStar || function (mod) {\n  if (mod && mod.__esModule) return mod;\n  var result = {};\n  if (mod != null) for (var k in mod) {\n    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n  }\n\n  __setModuleDefault(result, mod);\n\n  return result;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === "function" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i["return"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === "function" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === "number") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    "default": mod\n  };\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.LaunchReactApplication = exports.StyleConverter = exports.useRecycle = exports.useStore = exports.pageTransit = exports.ReactRouterDom = exports.ReactDom = exports.React = void 0;\n\nvar react_1 = __importDefault(__webpack_require__(/*! react */ "react"));\n\nexports.React = react_1["default"];\n\nvar ReactDom = __importStar(__webpack_require__(/*! react-dom */ "react-dom"));\n\nexports.ReactDom = ReactDom;\n\nvar ReactRouterDom = __importStar(__webpack_require__(/*! react-router-dom */ "react-router-dom"));\n\nexports.ReactRouterDom = ReactRouterDom;\n\nvar LaunchReactApplication_1 = __webpack_require__(/*! ./LaunchReactApplication */ "./src/Global/LaunchReactApplication.tsx");\n\nObject.defineProperty(exports, "LaunchReactApplication", ({\n  enumerable: true,\n  get: function get() {\n    return LaunchReactApplication_1.LaunchReactApplication;\n  }\n}));\nvar Inmemory = {};\nvar useStore = {\n  set: function set(params) {\n    var key = params.key,\n        value = params.value,\n        privateKey = params.privateKey;\n    var Prev = Inmemory[key] || {};\n    if (Prev && Prev.privateKey && Prev.privateKey != privateKey) return false;\n    Inmemory[key] = {\n      privateKey: privateKey,\n      value: value\n    };\n    return true;\n  },\n  update: function update(params) {\n    var _a;\n\n    var key = params.key,\n        value = params.value,\n        privateKey = params.privateKey;\n    var Prev = Inmemory[key] || {};\n    if (Prev && Prev.privateKey && Prev.privateKey != privateKey) return false;\n    Inmemory[key] = __assign(__assign({}, Inmemory[key]), {\n      value: __assign(__assign({}, (_a = Inmemory[key]) === null || _a === void 0 ? void 0 : _a.value), value)\n    });\n    return true;\n  },\n  get: function get(key, privateKey) {\n    var Data = Inmemory[key];\n    if (Data && Data.privateKey && Data.privateKey != privateKey) return void 0;\n    return Data === null || Data === void 0 ? void 0 : Data.value;\n  },\n  "delete": function _delete(key, privateKey) {\n    var Data = Inmemory[key];\n    if (Data && Data.privateKey && Data.privateKey != privateKey) return false;\n    delete Inmemory[key];\n    return true;\n  }\n};\nexports.useStore = useStore;\nvar useRecycle = {\n  set: function set(key) {\n    var _a;\n\n    var _b = __read(react_1["default"].useState($.uuidGen()), 1),\n        val_recycleID = _b[0];\n\n    var _c = __read(react_1["default"].useState($.uuidGen()), 2),\n        val_refresh = _c[0],\n        set_refresh = _c[1];\n\n    useStore.set({\n      key: \'RecycleKey_\' + val_recycleID,\n      value: function value() {\n        set_refresh($.uuidGen());\n      }\n    });\n    useStore.update({\n      key: \'RecycleKeys_\' + key,\n      value: {\n        keys: __spreadArray(__spreadArray([], __read(((_a = useStore.get(\'RecycleKeys_\' + key)) === null || _a === void 0 ? void 0 : _a.keys) || []), false), [val_recycleID], false)\n      }\n    });\n    return val_refresh;\n  },\n  "do": function _do(key) {\n    var e_1, _a;\n\n    var _b;\n\n    var Keys = ((_b = useStore.get(\'RecycleKeys_\' + key)) === null || _b === void 0 ? void 0 : _b.keys) || [];\n    if (!Keys.length) return;\n\n    try {\n      for (var Keys_1 = __values(Keys), Keys_1_1 = Keys_1.next(); !Keys_1_1.done; Keys_1_1 = Keys_1.next()) {\n        var key_1 = Keys_1_1.value;\n        var receiver = useStore.get(\'RecycleKey_\' + key_1);\n        if (receiver) receiver();\n      }\n    } catch (e_1_1) {\n      e_1 = {\n        error: e_1_1\n      };\n    } finally {\n      try {\n        if (Keys_1_1 && !Keys_1_1.done && (_a = Keys_1["return"])) _a.call(Keys_1);\n      } finally {\n        if (e_1) throw e_1.error;\n      }\n    }\n  }\n};\nexports.useRecycle = useRecycle;\nvar pageTransit = {\n  open: function open(url) {\n    window.open(url);\n  },\n  pushSync: function pushSync(url) {\n    window.location.href = url;\n  },\n  pushAsync: function pushAsync(url) {\n    if (url.match(/https?:\\/\\//)) {\n      pageTransit.pushSync(url);\n      return;\n    }\n\n    useStore.get(\'history\').push(url);\n  },\n  push: function push(url, newTab) {\n    if (newTab) {\n      pageTransit.open(url);\n      return;\n    }\n\n    pageTransit.pushAsync(url);\n  },\n  back: function back() {\n    useStore.get(\'history\').goBack();\n  }\n};\nexports.pageTransit = pageTransit;\n\nvar styleConverter_1 = __webpack_require__(/*! ./styleConverter */ "./src/Global/styleConverter.tsx");\n\nvar StyleConverter = {\n  ReadStyleSet: styleConverter_1.ReadStyleSet,\n  ToClassName: styleConverter_1.ToClassName\n};\nexports.StyleConverter = StyleConverter;\n\n//# sourceURL=src/./src/Global/@export.tsx')},"./src/Global/LaunchReactApplication.tsx":
+/*!***********************************************!*\
+  !*** ./src/Global/LaunchReactApplication.tsx ***!
+  \***********************************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  var desc = Object.getOwnPropertyDescriptor(m, k);\n\n  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n    desc = {\n      enumerable: true,\n      get: function get() {\n        return m[k];\n      }\n    };\n  }\n\n  Object.defineProperty(o, k2, desc);\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {\n  Object.defineProperty(o, "default", {\n    enumerable: true,\n    value: v\n  });\n} : function (o, v) {\n  o["default"] = v;\n});\n\nvar __importStar = this && this.__importStar || function (mod) {\n  if (mod && mod.__esModule) return mod;\n  var result = {};\n  if (mod != null) for (var k in mod) {\n    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n  }\n\n  __setModuleDefault(result, mod);\n\n  return result;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.LaunchReactApplication = void 0;\n\nvar ReactDom = __importStar(__webpack_require__(/*! react-dom */ "react-dom"));\n\nvar ReactRouterDom = __importStar(__webpack_require__(/*! react-router-dom */ "react-router-dom"));\n\nvar LaunchReactApplication = function LaunchReactApplication(props) {\n  var _a = props.baseElement,\n      baseElement = _a === void 0 ? \'#ROOT\' : _a,\n      reactElement = props.reactElement,\n      _b = props.nonRouter,\n      nonRouter = _b === void 0 ? false : _b,\n      appearances = props.appearances;\n  var Base = $(baseElement)[0];\n  if (!Base || !reactElement) return;\n\n  if (appearances) {\n    var roundness = appearances.roundness,\n        tone = appearances.tone,\n        themeColor = appearances.themeColor,\n        darkMode = appearances.darkMode;\n    if ($.is.exist(roundness)) amotify.config.update.roundness(roundness);\n    if ($.is.exist(tone)) amotify.config.update.tone(tone);\n    if ($.is.exist(themeColor)) amotify.config.update.themeColor(themeColor);\n    if ($.is.exist(darkMode)) amotify.config.update.darkMode(darkMode);\n  }\n\n  var reactDom = nonRouter ? reactElement : React.createElement(ReactRouterDom.BrowserRouter, {\n    children: reactElement\n  });\n  ReactDom.createRoot(Base).render(React.createElement(React.StrictMode, {\n    children: reactDom\n  }));\n};\n\nexports.LaunchReactApplication = LaunchReactApplication;\n\n//# sourceURL=src/./src/Global/LaunchReactApplication.tsx')},"./src/Global/styleConverter.tsx":
+/*!***************************************!*\
+  !*** ./src/Global/styleConverter.tsx ***!
+  \***************************************/function(__unused_webpack_module,exports){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __spreadArray = this && this.__spreadArray || function (to, from, pack) {\n  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n    if (ar || !(i in from)) {\n      if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n      ar[i] = from[i];\n    }\n  }\n  return to.concat(ar || Array.prototype.slice.call(from));\n};\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.ToClassName = exports.ReadStyleSet = void 0;\nvar FNs = {\n  toConcreteBorderRadius: function toConcreteBorderRadius(br) {\n    var roundness = amotify.config.roundness | 0;\n\n    if (br == '1.tone.primary') {\n      br = [0, 2, 3, 4, 5, 5][roundness];\n    } else if (br == '2.tone.secondary') {\n      br = [0, 1, 2, 3, 4, 5][roundness];\n    } else if (br == '3.tone.tertiary') {\n      br = [0, '1/3', '2/3', 1, 2, 3][roundness];\n    }\n\n    return br;\n  },\n  ev: function ev(v) {\n    return $.is.nullish(v);\n  },\n  ClassNames: function ClassNames(type, params) {\n    var _a, _b, _c, _d, _e;\n\n    var _f, _g, _h, _j, _k, _l, _m;\n\n    var CLS = [];\n\n    var gap = params.gap,\n        disp = params.display,\n        position = params.position,\n        overflow = params.overflow,\n        fontColor = params.fontColor,\n        fontSize = params.fontSize,\n        fontWeight = params.fontWeight,\n        bgc = params.backgroundColor,\n        textAlign = params.textAlign,\n        boxShadow = params.boxShadow,\n        mrg = params.margin,\n        mrgT = params.marginTop,\n        mrgR = params.marginRight,\n        mrgB = params.marginBottom,\n        mrgL = params.marginLeft,\n        pd = params.padding,\n        pdT = params.paddingTop,\n        pdR = params.paddingRight,\n        pdB = params.paddingBottom,\n        pdL = params.paddingLeft,\n        T = params.top,\n        R = params.right,\n        B = params.bottom,\n        L = params.left,\n        b = params.border,\n        bT = params.borderTop,\n        bR = params.borderRight,\n        bB = params.borderBottom,\n        bL = params.borderLeft,\n        bWidth = params.borderWidth,\n        // borderTopWidth: bTWidth,\n    // borderRightWidth: bRWidth,\n    // borderBottomWidth: bBWidth,\n    // borderLeftWidth: bLWidth,\n    bColor = params.borderColor,\n        // borderTopColor: bTColor,\n    // borderRightColor: bRColor,\n    // borderBottomColor: bBColor,\n    // borderLeftColor: bLColor,\n    bStyle = params.borderStyle,\n        // borderTopStyle: bTStyle,\n    // borderRightStyle: bRStyle,\n    // borderBottomStyle: bBStyle,\n    // borderLeftStyle: bLStyle,\n    br = params.borderRadius,\n        brTL = params.borderTopLeftRadius,\n        brTR = params.borderTopRightRadius,\n        brBL = params.borderBottomLeftRadius,\n        brBR = params.borderBottomRightRadius,\n        flexSizing = params.flexSizing,\n        flexWrap = params.flexWrap,\n        flexType = params.flexType,\n        flexChilds = params.flexChilds,\n        flexGrid = params.flexGrid,\n        horizontalAlign = params.horizontalAlign,\n        verticalAlign = params.verticalAlign,\n        transition = params.transition,\n        gridCenter = params.gridCenter,\n        gridCols = params.gridCols,\n        maxHeight = params.maxHeight,\n        minHeight = params.minHeight,\n        maxWidth = params.maxWidth,\n        minWidth = params.minWidth,\n        width = params.width,\n        height = params.height,\n        unitHeight = params.unitHeight,\n        unitWidth = params.unitWidth,\n        opacity = params.opacity,\n        others = __rest(params, [\"gap\", \"display\", \"position\", \"overflow\", \"fontColor\", \"fontSize\", \"fontWeight\", \"backgroundColor\", \"textAlign\", \"boxShadow\", \"margin\", \"marginTop\", \"marginRight\", \"marginBottom\", \"marginLeft\", \"padding\", \"paddingTop\", \"paddingRight\", \"paddingBottom\", \"paddingLeft\", \"top\", \"right\", \"bottom\", \"left\", \"border\", \"borderTop\", \"borderRight\", \"borderBottom\", \"borderLeft\", \"borderWidth\", \"borderColor\", \"borderStyle\", \"borderRadius\", \"borderTopLeftRadius\", \"borderTopRightRadius\", \"borderBottomLeftRadius\", \"borderBottomRightRadius\", \"flexSizing\", \"flexWrap\", \"flexType\", \"flexChilds\", \"flexGrid\", \"horizontalAlign\", \"verticalAlign\", \"transition\", \"gridCenter\", \"gridCols\", \"maxHeight\", \"minHeight\", \"maxWidth\", \"minWidth\", \"width\", \"height\", \"unitHeight\", \"unitWidth\", \"opacity\"]);\n\n    {\n      FNs.ev(disp) || CLS.push('dsp' + disp);\n\n      if (overflow) {\n        var arr = $.flatArray(overflow);\n        CLS.push('ovfl-x-' + arr[0]);\n        CLS.push('ovfl-y-' + (arr[1] || arr[0]));\n      }\n\n      FNs.ev(position) || CLS.push('ps' + position);\n      FNs.ev(textAlign) || CLS.push('txalg' + textAlign);\n      FNs.ev(fontColor) || CLS.push('ftcl' + ((_f = String(fontColor)) === null || _f === void 0 ? void 0 : _f.replace(/\\..*/, '')));\n      FNs.ev(fontSize) || CLS.push('ftsz' + ((_g = String(fontSize)) === null || _g === void 0 ? void 0 : _g.replace(/\\..*/, '')));\n      FNs.ev(fontWeight) || CLS.push('ftwt' + (fontWeight === null || fontWeight === void 0 ? void 0 : fontWeight.replace(/\\..*/, '')));\n      FNs.ev(bgc) || CLS.push('bgc' + ((_h = String(bgc)) === null || _h === void 0 ? void 0 : _h.replace(/\\..*/, '')));\n      FNs.ev(boxShadow) || CLS.push('bs' + boxShadow);\n\n      var _mrgT = void 0,\n          _mrgR = void 0,\n          _mrgB = void 0,\n          _mrgL = void 0;\n\n      if ($.is.exist(mrg)) {\n        if ($.is.array(mrg)) {\n          if (mrg.length == 2) _a = __read(__spreadArray(__spreadArray([], __read(mrg), false), __read(mrg), false), 4), _mrgT = _a[0], _mrgR = _a[1], _mrgB = _a[2], _mrgL = _a[3];else if (mrg.length == 4) _b = __read(mrg, 4), _mrgT = _b[0], _mrgR = _b[1], _mrgB = _b[2], _mrgL = _b[3];\n        } else _mrgT = _mrgR = _mrgB = _mrgL = mrg;\n\n        mrgT = mrgT !== null && mrgT !== void 0 ? mrgT : _mrgT;\n        mrgR = mrgR !== null && mrgR !== void 0 ? mrgR : _mrgR;\n        mrgB = mrgB !== null && mrgB !== void 0 ? mrgB : _mrgB;\n        mrgL = mrgL !== null && mrgL !== void 0 ? mrgL : _mrgL;\n      }\n\n      FNs.ev(mrgT) || CLS.push('mrgt' + mrgT);\n      FNs.ev(mrgR) || CLS.push('mrgr' + mrgR);\n      FNs.ev(mrgB) || CLS.push('mrgb' + mrgB);\n      FNs.ev(mrgL) || CLS.push('mrgl' + mrgL);\n\n      var _pdT = void 0,\n          _pdR = void 0,\n          _pdB = void 0,\n          _pdL = void 0;\n\n      if ($.is.exist(pd)) {\n        if ($.is.array(pd)) {\n          if (pd.length == 2) _c = __read(__spreadArray(__spreadArray([], __read(pd), false), __read(pd), false), 4), _pdT = _c[0], _pdR = _c[1], _pdB = _c[2], _pdL = _c[3];else if (pd.length == 4) _d = __read(pd, 4), _pdT = _d[0], _pdR = _d[1], _pdB = _d[2], _pdL = _d[3];\n        } else _pdT = _pdR = _pdB = _pdL = pd;\n\n        pdT = pdT !== null && pdT !== void 0 ? pdT : _pdT;\n        pdR = pdR !== null && pdR !== void 0 ? pdR : _pdR;\n        pdB = pdB !== null && pdB !== void 0 ? pdB : _pdB;\n        pdL = pdL !== null && pdL !== void 0 ? pdL : _pdL;\n      }\n\n      FNs.ev(pdT) || CLS.push('pdt' + pdT);\n      FNs.ev(pdR) || CLS.push('pdr' + pdR);\n      FNs.ev(pdB) || CLS.push('pdb' + pdB);\n      FNs.ev(pdL) || CLS.push('pdl' + pdL);\n      FNs.ev(T) || CLS.push('pstt' + T);\n      FNs.ev(R) || CLS.push('pstr' + R);\n      FNs.ev(B) || CLS.push('pstb' + B);\n      FNs.ev(L) || CLS.push('pstl' + L);\n      {\n        {\n          if ($.is.exist(b)) {\n            bT = bT !== null && bT !== void 0 ? bT : b;\n            bR = bR !== null && bR !== void 0 ? bR : b;\n            bB = bB !== null && bB !== void 0 ? bB : b;\n            bL = bL !== null && bL !== void 0 ? bL : b;\n          }\n\n          if ($.is[\"boolean\"](bT)) bT = ['unset', '2.normal'][Number(bT)];\n          if ($.is[\"boolean\"](bR)) bR = ['unset', '2.normal'][Number(bR)];\n          if ($.is[\"boolean\"](bB)) bB = ['unset', '2.normal'][Number(bB)];\n          if ($.is[\"boolean\"](bL)) bL = ['unset', '2.normal'][Number(bL)];\n          FNs.ev(bT) || CLS.push('b_t_ss' + ((_j = String(bT)) === null || _j === void 0 ? void 0 : _j.replace(/\\..*/, '')));\n          FNs.ev(bR) || CLS.push('b_r_ss' + ((_k = String(bR)) === null || _k === void 0 ? void 0 : _k.replace(/\\..*/, '')));\n          FNs.ev(bB) || CLS.push('b_b_ss' + ((_l = String(bB)) === null || _l === void 0 ? void 0 : _l.replace(/\\..*/, '')));\n          FNs.ev(bL) || CLS.push('b_l_ss' + ((_m = String(bL)) === null || _m === void 0 ? void 0 : _m.replace(/\\..*/, '')));\n        }\n        if ($.is.exist(bWidth)) CLS.push('b_wth' + String(bWidth));\n        if ($.is.exist(bColor)) CLS.push('b_cl' + String(bColor));\n        if ($.is.exist(bStyle)) CLS.push('b_st' + String(bStyle));\n        {\n          var _brTL = void 0,\n              _brTR = void 0,\n              _brBL = void 0,\n              _brBR = void 0;\n\n          if ($.is.exist(br)) {\n            if ($.is.array(br)) {\n              if (br.length == 4) _e = __read(br, 4), _brTL = _e[0], _brTR = _e[1], _brBR = _e[2], _brBL = _e[3];\n            } else {\n              _brTL = _brTR = _brBL = _brBR = br;\n            }\n\n            brTL = brTL !== null && brTL !== void 0 ? brTL : _brTL;\n            brTR = brTR !== null && brTR !== void 0 ? brTR : _brTR;\n            brBL = brBL !== null && brBL !== void 0 ? brBL : _brBL;\n            brBR = brBR !== null && brBR !== void 0 ? brBR : _brBR;\n          }\n        }\n        FNs.ev(brTL) || CLS.push('br_tl' + FNs.toConcreteBorderRadius(brTL));\n        FNs.ev(brTR) || CLS.push('br_tr' + FNs.toConcreteBorderRadius(brTR));\n        FNs.ev(brBL) || CLS.push('br_bl' + FNs.toConcreteBorderRadius(brBL));\n        FNs.ev(brBR) || CLS.push('br_br' + FNs.toConcreteBorderRadius(brBR));\n      }\n      FNs.ev(opacity) || CLS.push('op' + opacity);\n\n      if ($.is.exist(gap)) {\n        var gapRow = void 0,\n            gapCol = void 0;\n        if ($.is.array(gap)) gapRow = gap[0], gapCol = gap[1];else gapRow = gapCol = gap;\n        CLS.push.apply(CLS, ['gapRow' + gapRow, 'gapCol' + gapCol]);\n      }\n\n      FNs.ev(flexSizing) || CLS.push('flsz' + flexSizing);\n      FNs.ev(flexWrap) || CLS.push('flwrp' + flexWrap);\n      FNs.ev(flexType) || CLS.push('fltyp' + flexType);\n      FNs.ev(flexChilds) || CLS.push('flchld' + flexChilds);\n      FNs.ev(flexGrid) || CLS.push('flgrid' + flexGrid);\n      FNs.ev(verticalAlign) || CLS.push('flvrt' + verticalAlign);\n      FNs.ev(horizontalAlign) || CLS.push('flhrz' + horizontalAlign);\n      FNs.ev(gridCenter) || CLS.push('grcnt' + gridCenter);\n      FNs.ev(gridCols) || CLS.push('grcol' + gridCols);\n      FNs.ev(height) || CLS.push('hgt' + height);\n      FNs.ev(width) || CLS.push('wdt' + width);\n      FNs.ev(unitHeight) || CLS.push('unthgt' + unitHeight);\n      FNs.ev(unitWidth) || CLS.push('untwdt' + unitWidth);\n      FNs.ev(transition) || CLS.push('trnst' + transition);\n      FNs.ev(maxHeight) || CLS.push('maxh' + maxHeight);\n      FNs.ev(minHeight) || CLS.push('minh' + minHeight);\n      FNs.ev(maxWidth) || CLS.push('maxw' + maxWidth);\n      FNs.ev(minWidth) || CLS.push('minw' + minWidth);\n    }\n    return {\n      otherParams: others,\n      className: CLS.length ? type + CLS.join(' ' + type) : ''\n    };\n  }\n};\n\nvar ReadStyleSet = function ReadStyleSet(rawParams) {\n  var params = __assign({}, rawParams);\n\n  var gradients = params.gradients,\n      ssCardBox = params.ssCardBox,\n      ssSphere = params.ssSphere,\n      ssSquare = params.ssSquare,\n      ssPushable = params.ssPushable,\n      ssAbsoluteCovered = params.ssAbsoluteCovered,\n      ssTextEllipsis = params.ssTextEllipsis,\n      flexCenter = params.flexCenter,\n      flexNewLine = params.flexNewLine,\n      isBoldFont = params.isBoldFont,\n      isRounded = params.isRounded,\n      ReturnParams = __rest(params, [\"gradients\", \"ssCardBox\", \"ssSphere\", \"ssSquare\", \"ssPushable\", \"ssAbsoluteCovered\", \"ssTextEllipsis\", \"flexCenter\", \"flexNewLine\", \"isBoldFont\", \"isRounded\"]);\n\n  if (gradients) {\n    var deg = gradients.deg,\n        colors = gradients.colors;\n    ReturnParams = __assign(__assign({}, ReturnParams), {\n      freeCSS: {\n        background: \"linear-gradient(\".concat(deg, \"deg,\").concat(colors.join(','), \")\")\n      }\n    });\n  }\n\n  if (ssCardBox) {\n    if (ssCardBox === true) {\n      ssCardBox = 'border';\n      if (amotify.config.tone == 'flat') ssCardBox = 'cloud';\n    }\n\n    var exStyles = {\n      backgroundColor: '1.layer.base',\n      borderRadius: '1.tone.primary',\n      boxShadow: 0,\n      freeCSS: {\n        zIndex: 1\n      }\n    };\n\n    if (ssCardBox == 'border') {\n      exStyles.border = true;\n    } else if (ssCardBox == 'layer') {\n      exStyles.backgroundColor = '1.layer.base';\n    } else if (ssCardBox == 'cloud') {\n      exStyles.backgroundColor = 'cloud';\n    } else if (ssCardBox == 'shadow') {\n      exStyles.boxShadow = 1;\n    }\n\n    if (['dim', 'dark'].includes(amotify.config.darkMode)) exStyles.boxShadow = 2;\n    ReturnParams = $.deepMerge(exStyles, ReturnParams);\n  }\n\n  if (ssSphere) {\n    flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;\n    ReturnParams = __assign({\n      padding: 0,\n      unitWidth: ssSphere,\n      unitHeight: ssSphere,\n      borderRadius: 'sphere',\n      flexSizing: 'none'\n    }, ReturnParams);\n  }\n\n  if (ssSquare) {\n    flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;\n    ReturnParams = __assign({\n      padding: 0,\n      unitWidth: ssSquare,\n      unitHeight: ssSquare,\n      flexSizing: 'none'\n    }, ReturnParams);\n  }\n\n  !ssPushable || (ReturnParams = __assign(__assign({\n    transition: 'middle'\n  }, ReturnParams), {\n    className: [ReturnParams.className, 'ssPushable'].join(' ')\n  }));\n  !ssAbsoluteCovered || (ReturnParams = __assign({\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0\n  }, ReturnParams));\n  !ssTextEllipsis || (ReturnParams = __assign(__assign({\n    overflow: 'hidden'\n  }, ReturnParams), {\n    freeCSS: __assign({\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis'\n    }, ReturnParams.freeCSS)\n  }));\n  !flexNewLine || (ReturnParams = __assign({\n    width: 1,\n    flexSizing: 'none'\n  }, ReturnParams));\n  !flexCenter || (ReturnParams = __assign({\n    display: 'flex',\n    horizontalAlign: 'center',\n    verticalAlign: 'center'\n  }, ReturnParams));\n  !isBoldFont || (ReturnParams = __assign(__assign({}, ReturnParams), {\n    fontWeight: '3.bold'\n  }));\n  !isRounded || (ReturnParams = __assign(__assign({}, ReturnParams), {\n    borderRadius: 'sphere'\n  }));\n  return ReturnParams;\n};\n\nexports.ReadStyleSet = ReadStyleSet;\n\nvar ToClassName = function ToClassName(rawParams) {\n  var e_1, _a;\n\n  var params = (0, exports.ReadStyleSet)(rawParams);\n\n  var componentID = params.componentID,\n      _b = params.UnderBreakPointStyles,\n      UnderBreakPointStyles = _b === void 0 ? {} : _b,\n      _c = params.hoverStyles,\n      hoverStyles = _c === void 0 ? {} : _c,\n      _d = params.focusStyles,\n      focusStyles = _d === void 0 ? {} : _d,\n      _e = params.activeStyles,\n      activeStyles = _e === void 0 ? {} : _e,\n      _f = params.className,\n      className = _f === void 0 ? '' : _f,\n      _g = params.freeCSS,\n      freeCSS = _g === void 0 ? {} : _g,\n      ssEffectsOnActive = params.ssEffectsOnActive,\n      ssLastChildLossBorder = params.ssLastChildLossBorder,\n      others = __rest(params, [\"componentID\", \"UnderBreakPointStyles\", \"hoverStyles\", \"focusStyles\", \"activeStyles\", \"className\", \"freeCSS\", \"ssEffectsOnActive\", \"ssLastChildLossBorder\"]);\n\n  var ClassNames = [className];\n\n  if (ssLastChildLossBorder) {\n    ClassNames.push('ssLastChildLossBorder_' + ssLastChildLossBorder);\n  }\n\n  if (ssEffectsOnActive) {\n    ssEffectsOnActive = $.flatArray(ssEffectsOnActive);\n\n    try {\n      for (var _h = __values(ssEffectsOnActive), _j = _h.next(); !_j.done; _j = _h.next()) {\n        var effect = _j.value;\n        ClassNames.push.apply(ClassNames, ['eff_' + effect, 'eff_' + effect.split('.')[0]]);\n      }\n    } catch (e_1_1) {\n      e_1 = {\n        error: e_1_1\n      };\n    } finally {\n      try {\n        if (_j && !_j.done && (_a = _h[\"return\"])) _a.call(_h);\n      } finally {\n        if (e_1) throw e_1.error;\n      }\n    }\n  }\n\n  {\n    var result = FNs.ClassNames('¥', others);\n    ClassNames.push(result.className);\n    others = result.otherParams;\n  }\n  if (UnderBreakPointStyles) ClassNames.push(FNs.ClassNames('¥bk', UnderBreakPointStyles).className);\n  if (hoverStyles) ClassNames.push(FNs.ClassNames('¥_h', hoverStyles).className);\n  if (focusStyles) ClassNames.push(FNs.ClassNames('¥_f', focusStyles).className);\n  if (activeStyles) ClassNames.push(FNs.ClassNames('¥_a', activeStyles).className);\n\n  var states = __assign({}, others);\n\n  if (freeCSS) states.style = __assign(__assign({}, freeCSS), states.style);\n\n  if (componentID || states['data-component-id']) {\n    states['data-component-id'] = states['data-component-id'] || componentID;\n  }\n\n  if (ClassNames.length) {\n    states.className = ClassNames.join(' ').trim().replace(/%/ig, 'P').replace(/\\d+px/ig, 'PIX').replace(/\\s+/ig, ' ').replace(/\\//ig, '_').replace(/\\./ig, '-');\n  }\n\n  return states;\n};\n\nexports.ToClassName = ToClassName;\n\n//# sourceURL=src/./src/Global/styleConverter.tsx")},"./src/Molecules/@export.tsx":
+/*!***********************************!*\
+  !*** ./src/Molecules/@export.tsx ***!
+  \***********************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Row = exports.Column = exports.Text = exports.LinkifyText = exports.Accordion = exports.List = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar List_1 = __webpack_require__(/*! ./List */ \"./src/Molecules/List.tsx\");\n\nObject.defineProperty(exports, \"List\", ({\n  enumerable: true,\n  get: function get() {\n    return List_1.List;\n  }\n}));\n\nvar parts_1 = __webpack_require__(/*! ./Accordion/parts */ \"./src/Molecules/Accordion/parts.tsx\");\n\nObject.defineProperty(exports, \"Accordion\", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.Accordion;\n  }\n}));\n\nvar parts_2 = __webpack_require__(/*! ./LinkifyText/parts */ \"./src/Molecules/LinkifyText/parts.tsx\");\n\nObject.defineProperty(exports, \"LinkifyText\", ({\n  enumerable: true,\n  get: function get() {\n    return parts_2.LinkifyText;\n  }\n}));\nvar Text = {\n  Title: function Title(params) {\n    return React.createElement(_atoms_1.Box, __assign({\n      fontSize: '6.title',\n      fontWeight: '3.bold'\n    }, params));\n  },\n  SubTitle: function SubTitle(params) {\n    return React.createElement(_atoms_1.Box, __assign({\n      fontSize: '5.subTitle',\n      fontWeight: '3.bold'\n    }, params));\n  },\n  ThirdTitle: function ThirdTitle(params) {\n    return React.createElement(_atoms_1.Box, __assign({\n      fontSize: '4.thirdTitle',\n      fontWeight: '3.bold'\n    }, params));\n  },\n  Paragraph: function Paragraph(params) {\n    return React.createElement(_atoms_1.Box, __assign({\n      fontSize: '3.paragraph',\n      fontWeight: '3.bold'\n    }, params));\n  },\n  Normal: function Normal(params) {\n    return React.createElement(_atoms_1.Box, __assign({}, params));\n  },\n  Description: function Description(params) {\n    return React.createElement(_atoms_1.Box, __assign({}, params, {\n      freeCSS: __assign({\n        whiteSpace: 'pre-wrap'\n      }, params.freeCSS)\n    }));\n  },\n  Supplement: function Supplement(params) {\n    return React.createElement(_atoms_1.Box, __assign({\n      fontSize: '1.mini'\n    }, params));\n  },\n  NowrapSpan: function NowrapSpan(params) {\n    return React.createElement(_atoms_1.Span, __assign({}, params, {\n      freeCSS: __assign({\n        whiteSpace: 'nowrap'\n      }, params.freeCSS)\n    }));\n  }\n};\nexports.Text = Text;\nvar Row = {\n  Center: function Center(params) {\n    return React.createElement(_atoms_1.Flex, __assign({\n      horizontalAlign: 'center',\n      verticalAlign: 'center',\n      flexWrap: false,\n      gap: 1\n    }, params));\n  },\n  Left: function Left(params) {\n    return React.createElement(_atoms_1.Flex, __assign({\n      horizontalAlign: 'left',\n      verticalAlign: 'center',\n      flexWrap: false,\n      gap: 1\n    }, params));\n  },\n  Right: function Right(params) {\n    return React.createElement(_atoms_1.Flex, __assign({\n      horizontalAlign: 'right',\n      verticalAlign: 'center',\n      flexWrap: false,\n      gap: 1\n    }, params));\n  },\n  Separate: function Separate(params) {\n    return React.createElement(_atoms_1.Flex, __assign({\n      horizontalAlign: 'between',\n      verticalAlign: 'center',\n      flexWrap: false,\n      gap: 1\n    }, params));\n  }\n};\nexports.Row = Row;\n\nvar Column = function Column(params) {\n  return React.createElement(_atoms_1.Flex, __assign({\n    flexType: 'col',\n    gap: 1\n  }, params));\n};\n\nexports.Column = Column;\n\n//# sourceURL=src/./src/Molecules/@export.tsx")},"./src/Molecules/Accordion/parts.tsx":
+/*!*******************************************!*\
+  !*** ./src/Molecules/Accordion/parts.tsx ***!
+  \*******************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Accordion = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar useEffect = _global_1.React.useEffect,\n    useState = _global_1.React.useState;\n\nvar style_module_scss_1 = __importDefault(__webpack_require__(/*! ./style.module.scss */ \"./src/Molecules/Accordion/style.module.scss\"));\n\nvar Component = function Component(params) {\n  var _a = params.accordionID,\n      accordionID = _a === void 0 ? '' : _a,\n      _b = params.slideAnimation,\n      slideAnimation = _b === void 0 ? 'fast' : _b,\n      _c = params.open,\n      open = _c === void 0 ? false : _c,\n      others = __rest(params, [\"accordionID\", \"slideAnimation\", \"open\"]);\n\n  var _d = __read(useState($.uuidGen()), 1),\n      val_wrapID = _d[0];\n\n  var _e = __read(useState($.uuidGen()), 1),\n      val_contentID = _e[0];\n\n  var _f = __read(useState(open), 2),\n      val_open = _f[0],\n      set_open = _f[1];\n\n  if (val_open != open) set_open(open);\n  var Query = '[data-accordion-content-id=\"' + val_contentID + '\"]';\n\n  var mounted = _global_1.React.useRef(false);\n\n  useEffect(function () {\n    var Content = $(Query)[0];\n\n    if (Content) {\n      var contentHeight = Content.offsetHeight;\n      var transitionTime = 0;\n\n      if (slideAnimation == 'fast') {\n        transitionTime = contentHeight / 1000;\n        transitionTime = Math.max(transitionTime, .2);\n      } else if (slideAnimation == 'slow') {\n        transitionTime = contentHeight / 300;\n      }\n\n      $('#' + val_wrapID).css({\n        transition: transitionTime + 's'\n      });\n    }\n  }, []);\n  useEffect(function () {\n    var Wrap = $('#' + val_wrapID);\n    var Content = $(Query)[0];\n\n    if (mounted.current) {\n      if (Content) {\n        var contentHeight = Content.offsetHeight;\n\n        if ($.is.exist(contentHeight)) {\n          if (val_open) {\n            Wrap.css({\n              maxHeight: contentHeight + 1 + 'px'\n            })[\"await\"](200).css({\n              maxHeight: 'unset',\n              overflow: params.overflow || 'unset'\n            });\n          } else {\n            Wrap.css({\n              maxHeight: contentHeight + 1 + 'px'\n            })[\"await\"](100).css({\n              maxHeight: 0 + 'px',\n              overflow: 'hidden'\n            });\n          }\n        }\n      }\n    } else {\n      mounted.current = true;\n\n      if (Content) {\n        var contentHeight = Content.offsetHeight;\n\n        if ($.is.exist(contentHeight)) {\n          if (val_open) {\n            Wrap.css({\n              maxHeight: contentHeight + 1 + 'px'\n            })[\"await\"](200).css({\n              maxHeight: 'unset',\n              overflow: params.overflow || 'unset'\n            });\n          } else {\n            Wrap.css({\n              maxHeight: 0 + 'px',\n              overflow: 'hidden'\n            });\n          }\n        }\n      }\n    }\n  }, [val_open]);\n\n  if (accordionID) {\n    _global_1.useStore.set({\n      key: 'Accordion-' + accordionID,\n      value: {\n        open: function open() {\n          set_open(true);\n          params.open = true;\n        },\n        close: function close() {\n          set_open(false);\n          params.open = false;\n        },\n        toggle: function toggle() {\n          set_open(!val_open);\n          params.open = !val_open;\n        }\n      }\n    });\n  }\n\n  return _global_1.React.createElement(_atoms_1.Box, {\n    className: [style_module_scss_1[\"default\"].Wrap, style_module_scss_1[\"default\"]['Open_' + val_open]].join(' '),\n    id: val_wrapID\n  }, _global_1.React.createElement(_atoms_1.Box, __assign({\n    \"data-accordion-content-id\": val_contentID\n  }, others)));\n};\n\nvar Accordion = Component;\nexports.Accordion = Accordion;\nAccordion.fn = {\n  open: function open(id) {\n    var component = _global_1.useStore.get('Accordion-' + id);\n\n    !component || component.open();\n  },\n  close: function close(id) {\n    var component = _global_1.useStore.get('Accordion-' + id);\n\n    !component || component.close();\n  },\n  toggle: function toggle(id) {\n    var component = _global_1.useStore.get('Accordion-' + id);\n\n    !component || component.toggle();\n  }\n};\n\n//# sourceURL=src/./src/Molecules/Accordion/parts.tsx")},"./src/Molecules/LinkifyText/parts.tsx":
+/*!*********************************************!*\
+  !*** ./src/Molecules/LinkifyText/parts.tsx ***!
+  \*********************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.LinkifyText = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar Anchor = _functions_1.Buttons.Anchor;\n\nvar LinkifyText = function LinkifyText(props) {\n  var text = props.text,\n      placeholder = props.placeholder;\n  var Description = [];\n\n  if (text) {\n    var urls_1 = [];\n    text = text.replace(/https?:\\/\\/[^\\s|\\n|\\r]*/ig, function () {\n      var args = [];\n\n      for (var _i = 0; _i < arguments.length; _i++) {\n        args[_i] = arguments[_i];\n      }\n\n      var url = args[0];\n      urls_1.push(url);\n      return '[$_url]';\n    });\n    var parts = text.split('[$_url]');\n\n    for (var index = 0; index <= parts.length - 1; index++) {\n      var part = parts[index];\n      var url = urls_1[index];\n      Description.push(part);\n\n      if (index < parts.length - 1) {\n        Description.push(React.createElement(Anchor.Link, {\n          key: 'Link-' + index,\n          href: url,\n          newTab: true\n        }, url, \" \", React.createElement(_atoms_1.FAIcon, {\n          d: 'arrow-up-right-from-square'\n        })));\n      }\n    }\n  } else if (placeholder) {\n    Description = [placeholder];\n  }\n\n  return React.createElement(React.Fragment, null, Description);\n};\n\nexports.LinkifyText = LinkifyText;\n\n//# sourceURL=src/./src/Molecules/LinkifyText/parts.tsx")},"./src/Molecules/List.tsx":
+/*!********************************!*\
+  !*** ./src/Molecules/List.tsx ***!
+  \********************************/function(__unused_webpack_module,exports,__webpack_require__){eval('\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n\n  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.List = void 0;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar List = function List(params) {\n  var rows = params.rows,\n      DefaultRowStyles = params.rowStyles,\n      others = __rest(params, ["rows", "rowStyles"]);\n\n  var rowArray = rows.map(function (row) {\n    var children = row.children,\n        others = __rest(row, ["children"]);\n\n    return React.createElement(_atoms_1.Flex, __assign({}, DefaultRowStyles, others, {\n      children: children\n    }));\n  });\n  return React.createElement(_atoms_1.Flex, __assign({}, others, {\n    flexType: \'col\',\n    children: rowArray\n  }));\n};\n\nexports.List = List;\n\n//# sourceURL=src/./src/Molecules/List.tsx')},"./src/Organisms/@export.tsx":
+/*!***********************************!*\
+  !*** ./src/Organisms/@export.tsx ***!
+  \***********************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.DisplayStyleInput = void 0;\n\nvar _1 = __webpack_require__(/*! ./DisplayStyleInput/_ */ "./src/Organisms/DisplayStyleInput/_.tsx");\n\nObject.defineProperty(exports, "DisplayStyleInput", ({\n  enumerable: true,\n  get: function get() {\n    return _1.DisplayStyleInput;\n  }\n}));\n\n//# sourceURL=src/./src/Organisms/@export.tsx')},"./src/Organisms/DisplayStyleInput/_.tsx":
+/*!***********************************************!*\
+  !*** ./src/Organisms/DisplayStyleInput/_.tsx ***!
+  \***********************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.DisplayStyleInput = void 0;\n\nvar darkmode_1 = __webpack_require__(/*! ./darkmode */ "./src/Organisms/DisplayStyleInput/darkmode.tsx");\n\nvar themeColor_1 = __webpack_require__(/*! ./themeColor */ "./src/Organisms/DisplayStyleInput/themeColor.tsx");\n\nexports.DisplayStyleInput = {\n  Darkmode: darkmode_1.Darkmode,\n  ThemeColor: {\n    ALL: themeColor_1.ThemeColorALL,\n    Originals: themeColor_1.ThemeColorOriginal,\n    Brands: themeColor_1.ThemeColorBrands,\n    Basics: themeColor_1.ThemeColorBasic,\n    Keys: themeColor_1.Colors\n  }\n};\n\n//# sourceURL=src/./src/Organisms/DisplayStyleInput/_.tsx')},"./src/Organisms/DisplayStyleInput/darkmode.tsx":
+/*!******************************************************!*\
+  !*** ./src/Organisms/DisplayStyleInput/darkmode.tsx ***!
+  \******************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.Darkmode = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useState = _global_1.React.useState,\n    useEffect = _global_1.React.useEffect;\n\nvar ColorCell = function ColorCell(params) {\n  if (params.colorType == 'light') {\n    return _global_1.React.createElement(_atoms_1.Box, {\n      freeCSS: {\n        backgroundColor: '#FFF'\n      },\n      width: 1,\n      height: 1,\n      isRounded: true\n    });\n  } else if (params.colorType == 'dark') {\n    return _global_1.React.createElement(_atoms_1.Box, {\n      freeCSS: {\n        backgroundColor: '#333'\n      },\n      width: 1,\n      height: 1,\n      isRounded: true\n    });\n  } else if (params.colorType == 'dim') {\n    return _global_1.React.createElement(_atoms_1.Box, {\n      freeCSS: {\n        backgroundColor: '#666'\n      },\n      width: 1,\n      height: 1,\n      isRounded: true\n    });\n  }\n\n  return _global_1.React.createElement(_mols_1.Column, {\n    width: 1,\n    height: 1,\n    isRounded: true,\n    flexChilds: 'even',\n    overflow: 'hidden',\n    gap: '1/6',\n    freeCSS: {\n      transform: 'rotate(-45deg)'\n    }\n  }, _global_1.React.createElement(_atoms_1.Box, {\n    freeCSS: {\n      backgroundColor: '#FFF'\n    },\n    borderRadius: 1\n  }), _global_1.React.createElement(_atoms_1.Box, {\n    freeCSS: {\n      backgroundColor: '#333'\n    },\n    borderRadius: 1\n  }));\n};\n\nvar Darkmode = function Darkmode(params) {\n  var _a = __read(useState(amotify.config.darkMode || 'light'), 2),\n      val_darkmode = _a[0],\n      set_darkmode = _a[1];\n\n  var mounted = _global_1.React.useRef(false);\n\n  useEffect(function () {\n    if (mounted.current) {\n      params.onUpdate(val_darkmode);\n    } else {\n      mounted.current = true;\n    }\n  }, [val_darkmode]);\n  return _global_1.React.createElement(_functions_1.Input.Radio, {\n    icon: false,\n    value: val_darkmode,\n    cellStyles: {\n      padding: '1/3',\n      borderWidth: 2,\n      ssSphere: 4,\n      isRounded: true\n    },\n    options: [{\n      value: 'light',\n      label: _global_1.React.createElement(ColorCell, {\n        colorType: 'light'\n      })\n    }, {\n      value: 'dark',\n      label: _global_1.React.createElement(ColorCell, {\n        colorType: 'dark'\n      })\n    }, {\n      value: 'dim',\n      label: _global_1.React.createElement(ColorCell, {\n        colorType: 'dim'\n      })\n    }, {\n      value: 'auto',\n      label: _global_1.React.createElement(ColorCell, {\n        colorType: 'auto'\n      })\n    }],\n    onUpdateValidValue: function onUpdateValidValue(_a) {\n      var value = _a.value;\n      set_darkmode(value[0]);\n    }\n  });\n};\n\nexports.Darkmode = Darkmode;\n\n//# sourceURL=src/./src/Organisms/DisplayStyleInput/darkmode.tsx")},"./src/Organisms/DisplayStyleInput/themeColor.tsx":
+/*!********************************************************!*\
+  !*** ./src/Organisms/DisplayStyleInput/themeColor.tsx ***!
+  \********************************************************/function(__unused_webpack_module,exports,__webpack_require__){eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nvar __read = this && this.__read || function (o, n) {\n  var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n  if (!m) return o;\n  var i = m.call(o),\n      r,\n      ar = [],\n      e;\n\n  try {\n    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {\n      ar.push(r.value);\n    }\n  } catch (error) {\n    e = {\n      error: error\n    };\n  } finally {\n    try {\n      if (r && !r.done && (m = i[\"return\"])) m.call(i);\n    } finally {\n      if (e) throw e.error;\n    }\n  }\n\n  return ar;\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.ThemeColorBrands = exports.ThemeColorOriginal = exports.ThemeColorBasic = exports.ThemeColorALL = exports.Colors = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ \"./src/Global/@export.tsx\");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ \"./src/Atoms/@export.tsx\");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ \"./src/Molecules/@export.tsx\");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ \"./src/Functions/@export.tsx\");\n\nvar useState = _global_1.React.useState,\n    useEffect = _global_1.React.useEffect;\nexports.Colors = {\n  Basics: [{\n    key: 'comun',\n    icon: _global_1.React.createElement(_atoms_1.Box, {\n      padding: '1/2'\n    }, _global_1.React.createElement(_atoms_1.Img, {\n      src: _atoms_1.Img.uri.comunIconClear\n    }))\n  }, {\n    key: 'leaf',\n    icon: 'leaf'\n  }, {\n    key: 'heart',\n    icon: 'heart'\n  }, {\n    key: 'droplet',\n    icon: 'droplet'\n  }],\n  Brands: [{\n    key: 'line',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"line\"\n    }),\n    label: 'LINE'\n  }, {\n    key: 'twitter',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"twitter\"\n    }),\n    label: 'Twitter'\n  }, {\n    key: 'amazon',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"amazon\"\n    }),\n    label: 'Amazon'\n  }, {\n    key: 'facebook',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"facebook\"\n    }),\n    label: 'Facebook'\n  }, {\n    key: 'android',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"android\"\n    }),\n    label: 'Android'\n  }, {\n    key: 'slackBlue',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"slack\"\n    }),\n    label: 'Slack Blue'\n  }, {\n    key: 'slackGreen',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"slack\"\n    }),\n    label: 'Slack Green'\n  }, {\n    key: 'slackRed',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"slack\"\n    }),\n    label: 'Slack Red'\n  }, {\n    key: 'slackYellow',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"slack\"\n    }),\n    label: 'Slack Yellow'\n  }, {\n    key: 'slackBase',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"slack\"\n    }),\n    label: 'Slack Base'\n  }, {\n    key: 'googleBlue',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"google\"\n    }),\n    label: 'Google Blue'\n  }, {\n    key: 'googleGreen',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"google\"\n    }),\n    label: 'Google Green'\n  }, {\n    key: 'googleYellow',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"google\"\n    }),\n    label: 'Google Yellow'\n  }, {\n    key: 'googleRed',\n    icon: _global_1.React.createElement(_atoms_1.FAIcon, {\n      isBrandIcon: true,\n      d: \"google\"\n    }),\n    label: 'Google Red'\n  }],\n  Originals: [{\n    key: 'brick',\n    icon: 'block-brick'\n  }, {\n    key: 'flower',\n    icon: 'flower-tulip'\n  }, {\n    key: 'lip',\n    icon: 'lips'\n  }, {\n    key: 'wine',\n    icon: 'wine-glass'\n  }, {\n    key: 'theater',\n    icon: 'theater-masks',\n    label: 'entertainment'\n  }, {\n    key: 'bat',\n    icon: 'bat'\n  }, {\n    key: 'poizon',\n    icon: 'flask-poison'\n  }, {\n    key: 'eggplant',\n    icon: 'eggplant'\n  }, {\n    key: 'ufo',\n    icon: 'ufo',\n    label: 'UFO'\n  }, {\n    key: 'alien',\n    icon: 'alien'\n  }, {\n    key: 'tombstone',\n    icon: 'tombstone'\n  }, {\n    key: 'ninja',\n    icon: 'user-ninja'\n  }, {\n    key: 'moon',\n    icon: 'moon'\n  }, {\n    key: 'rain',\n    icon: 'cloud-showers-heavy'\n  }, {\n    key: 'unicorn',\n    icon: 'alicorn'\n  }, {\n    key: 'axe',\n    icon: 'axe'\n  }, {\n    key: 'gem',\n    icon: 'gem'\n  }, {\n    key: 'soap',\n    icon: 'soap'\n  }, {\n    key: 'drizzle',\n    icon: 'cloud-drizzle'\n  }, {\n    key: 'building',\n    icon: 'building'\n  }, {\n    key: 'fish',\n    icon: 'fish'\n  }, {\n    key: 'icicles',\n    icon: 'icicles',\n    label: 'ice'\n  }, {\n    key: 'water',\n    icon: 'water'\n  }, {\n    key: 'tree1',\n    icon: 'tree-alt'\n  }, {\n    key: 'tree2',\n    icon: 'trees'\n  }, {\n    key: 'tree3',\n    icon: 'tree'\n  }, {\n    key: 'battery',\n    icon: 'battery-bolt'\n  }, {\n    key: 'seedle',\n    icon: 'seedling'\n  }, {\n    key: 'greenTea',\n    icon: 'mug-tea'\n  }, {\n    key: 'oak',\n    icon: 'leaf-oak'\n  }, {\n    key: 'salad',\n    icon: 'salad'\n  }, {\n    key: 'cloud',\n    icon: 'cloud'\n  }, {\n    key: 'lemon',\n    icon: 'lemon'\n  }, {\n    key: 'angel',\n    icon: 'angel'\n  }, {\n    key: 'parasol',\n    icon: 'umbrella-beach'\n  }, {\n    key: 'pizza',\n    icon: 'pizza-slice'\n  }, {\n    key: 'thunder',\n    icon: 'thunderstorm'\n  }, {\n    key: 'latte',\n    icon: 'coffee-togo'\n  }, {\n    key: 'island',\n    icon: 'island-tropical'\n  }, {\n    key: 'shovel',\n    icon: 'shovel'\n  }, {\n    key: 'coffee',\n    icon: 'coffee'\n  }, {\n    key: 'carrot',\n    icon: 'carrot'\n  }, {\n    key: 'cactus',\n    icon: 'cactus'\n  }, {\n    key: 'volcano',\n    icon: 'volcano'\n  }, {\n    key: 'choco',\n    icon: 'candy-bar'\n  }, {\n    key: 'industry',\n    icon: 'industry-windows'\n  }, {\n    key: 'gun',\n    icon: 'gun'\n  }, {\n    key: 'galaxy',\n    icon: 'galaxy',\n    label: 'blakchole'\n  }]\n};\n\nvar GenOption = function GenOption(params) {\n  var key = params.key,\n      icon = params.icon,\n      _a = params.label,\n      label = _a === void 0 ? '' : _a;\n\n  var Color = function Color(alfa) {\n    return \"hsla( var( --cH_\".concat(key, \" ),var( --cS_\").concat(key, \" ),var( --cL_\").concat(key, \" ),\").concat(alfa !== null && alfa !== void 0 ? alfa : 1, \" ) \");\n  };\n\n  return {\n    value: params.key,\n    label: _global_1.React.createElement(_global_1.React.Fragment, null, $.is.string(icon) ? _global_1.React.createElement(_atoms_1.FAIcon, {\n      isSolidIcon: true,\n      d: icon\n    }) : icon),\n    freeCSS: {\n      backgroundColor: Color(0.15),\n      color: Color()\n    },\n    checkedStyles: {\n      fontColor: 'white',\n      boxShadow: 3,\n      freeCSS: {\n        backgroundColor: Color(),\n        color: 'white',\n        transform: 'scale(1.1)'\n      }\n    }\n  };\n};\n\nvar ThemeColor = function ThemeColor(type) {\n  var ColorsArray = [];\n\n  if (type == 'all') {\n    ColorsArray = [exports.Colors.Basics, exports.Colors.Brands, exports.Colors.Originals];\n  } else if (type == 'original') {\n    ColorsArray = [exports.Colors.Originals];\n  } else if (type == 'basic') {\n    ColorsArray = [exports.Colors.Basics];\n  } else if (type = 'brand') {\n    ColorsArray = [exports.Colors.Brands];\n  }\n\n  var UniParams = __assign(__assign({}, {}), {\n    tone: 'plain',\n    icon: false,\n    override: 'force',\n    flexType: 'row',\n    gap: 1,\n    horizontalAlign: 'around',\n    cellStyles: {\n      ssSphere: 3,\n      flexCenter: true,\n      borderRadius: '1.tone.primary',\n      fontSize: '3.paragraph',\n      transition: 'middle'\n    }\n  });\n\n  var Comp = function Comp(params) {\n    var mounted = _global_1.React.useRef(false);\n\n    var _a = __read(useState(amotify.config.themeColor), 2),\n        val_ColorKey = _a[0],\n        set_ColorKey = _a[1];\n\n    useEffect(function () {\n      if (mounted.current) {\n        params.onUpdate(val_ColorKey);\n      } else {\n        mounted.current = true;\n      }\n    }, [val_ColorKey]);\n    var Inputer = ColorsArray.map(function (Colors) {\n      return _global_1.React.createElement(_functions_1.Input.Radio, __assign({}, UniParams, {\n        value: val_ColorKey,\n        options: Colors.map(function (info) {\n          return GenOption(info);\n        }),\n        onUpdateValidValue: function onUpdateValidValue(_a) {\n          var value = _a.value;\n          set_ColorKey(value[0]);\n        }\n      }));\n    });\n    return _global_1.React.createElement(_mols_1.Column, {\n      gap: 2\n    }, Inputer);\n  };\n\n  return Comp;\n};\n\nexports.ThemeColorALL = ThemeColor('all');\nexports.ThemeColorBasic = ThemeColor('basic');\nexports.ThemeColorOriginal = ThemeColor('original');\nexports.ThemeColorBrands = ThemeColor('brand');\n\n//# sourceURL=src/./src/Organisms/DisplayStyleInput/themeColor.tsx")},"./src/Templates/@export.tsx":
+/*!***********************************!*\
+  !*** ./src/Templates/@export.tsx ***!
+  \***********************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.PlayGround = void 0;\n\nvar parts_1 = __webpack_require__(/*! ./PlayGround/parts */ "./src/Templates/PlayGround/parts.tsx");\n\nObject.defineProperty(exports, "PlayGround", ({\n  enumerable: true,\n  get: function get() {\n    return parts_1.PlayGround;\n  }\n}));\n\n//# sourceURL=src/./src/Templates/@export.tsx')},"./src/Templates/PlayGround/parts.tsx":
+/*!********************************************!*\
+  !*** ./src/Templates/PlayGround/parts.tsx ***!
+  \********************************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.PlayGround = void 0;\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar useEffect = _global_1.React.useEffect,\n    useState = _global_1.React.useState;\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ "./src/Molecules/@export.tsx");\n\nvar _orgs_1 = __webpack_require__(/*! @orgs */ "./src/Organisms/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar PlayGround = function PlayGround() {\n  return _global_1.React.createElement(_global_1.React.Fragment, null, _global_1.React.createElement(_mols_1.Column, {\n    gap: 2\n  }, _global_1.React.createElement(_orgs_1.DisplayStyleInput.Darkmode, {\n    onUpdate: function onUpdate(value) {\n      amotify.config.update.darkMode(value);\n    }\n  }), _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Originals, {\n    onUpdate: function onUpdate(value) {\n      amotify.config.update.themeColor(value);\n    }\n  }), _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Brands, {\n    onUpdate: function onUpdate(value) {\n      amotify.config.update.themeColor(value);\n    }\n  }), _global_1.React.createElement(_functions_1.Input.Text.Normal, null), _global_1.React.createElement(_functions_1.Input.Select, {\n    options: [{\n      value: 1,\n      label: \'AAA\'\n    }, {\n      value: 2,\n      label: \'BBB\'\n    }, {\n      value: 3,\n      label: \'CCC\'\n    }, {\n      value: {\n        test: 1\n      },\n      label: \'DDD\'\n    }],\n    onUpdateValidValue: function onUpdateValidValue(_a) {\n      var value = _a.value;\n      console.log(value);\n    }\n  }), _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, {\n    submitOption: {\n      formName: \'test\',\n      callback: function callback(form) {\n        console.log(form);\n      }\n    }\n  }, "Submit"), _global_1.React.createElement(_atoms_1.Box, null, "Label1", _global_1.React.createElement(_functions_1.Inputs.TextInput, {\n    tone: \'normal\'\n  })), _global_1.React.createElement(_atoms_1.Box, null, "Label2", _global_1.React.createElement(_functions_1.Inputs.TextInput, {\n    tone: \'cloud\',\n    width: 1\n  })), _global_1.React.createElement(_atoms_1.Box, null, "Label3", _global_1.React.createElement(_functions_1.Inputs.TextInput, {\n    tone: \'bottomBorder\',\n    unitWidth: 12\n  })), _global_1.React.createElement(_atoms_1.Box, null, "Label4", _global_1.React.createElement(_functions_1.Inputs.TextInput, {\n    tone: \'plain\',\n    unitWidth: 6\n  }))));\n};\n\nexports.PlayGround = PlayGround;\n\n//# sourceURL=src/./src/Templates/PlayGround/parts.tsx')},"./src/config.tsx":
+/*!************************!*\
+  !*** ./src/config.tsx ***!
+  \************************/function(__unused_webpack_module,exports){eval("\n\nvar __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nvar __generator = this && this.__generator || function (thisArg, body) {\n  var _ = {\n    label: 0,\n    sent: function sent() {\n      if (t[0] & 1) throw t[1];\n      return t[1];\n    },\n    trys: [],\n    ops: []\n  },\n      f,\n      y,\n      t,\n      g;\n  return g = {\n    next: verb(0),\n    \"throw\": verb(1),\n    \"return\": verb(2)\n  }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n    return this;\n  }), g;\n\n  function verb(n) {\n    return function (v) {\n      return step([n, v]);\n    };\n  }\n\n  function step(op) {\n    if (f) throw new TypeError(\"Generator is already executing.\");\n\n    while (_) {\n      try {\n        if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n        if (y = 0, t) op = [op[0] & 2, t.value];\n\n        switch (op[0]) {\n          case 0:\n          case 1:\n            t = op;\n            break;\n\n          case 4:\n            _.label++;\n            return {\n              value: op[1],\n              done: false\n            };\n\n          case 5:\n            _.label++;\n            y = op[1];\n            op = [0];\n            continue;\n\n          case 7:\n            op = _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n\n          default:\n            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n              _ = 0;\n              continue;\n            }\n\n            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n              _.label = op[1];\n              break;\n            }\n\n            if (op[0] === 6 && _.label < t[1]) {\n              _.label = t[1];\n              t = op;\n              break;\n            }\n\n            if (t && _.label < t[2]) {\n              _.label = t[2];\n\n              _.ops.push(op);\n\n              break;\n            }\n\n            if (t[2]) _.ops.pop();\n\n            _.trys.pop();\n\n            continue;\n        }\n\n        op = body.call(thisArg, _);\n      } catch (e) {\n        op = [6, e];\n        y = 0;\n      } finally {\n        f = t = 0;\n      }\n    }\n\n    if (op[0] & 5) throw op[1];\n    return {\n      value: op[0] ? op[1] : void 0,\n      done: true\n    };\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.defaultConfig = exports.SetThemeColorTag = exports.deviceIdentifier = exports.deviceType = exports.userAgent = exports.Version = exports.fileName = exports.script = void 0;\nexports.script = document.currentScript;\nexports.fileName = exports.script === null || exports.script === void 0 ? void 0 : exports.script.attributes.getNamedItem('src').textContent;\nexports.Version = ((exports.fileName === null || exports.fileName === void 0 ? void 0 : exports.fileName.match(/v\\d\\.\\d\\.\\d/)) || ['v0.0.0'])[0];\nexports.userAgent = window.navigator.userAgent.toLowerCase();\nexports.deviceType = exports.userAgent.indexOf(\"windows nt\") !== -1 ? 'Windows' : exports.userAgent.indexOf(\"android\") !== -1 ? 'Android' : exports.userAgent.indexOf(\"iphone\") !== -1 ? 'iPhone' : exports.userAgent.indexOf(\"ipad\") > -1 || exports.userAgent.indexOf(\"macintosh\") > -1 && \"ontouchend\" in document ? 'iPad' : exports.userAgent.indexOf(\"mac os x\") !== -1 ? 'macOSX' : 'undefined';\n\nvar deviceIdentifier = function deviceIdentifier() {\n  var info = {\n    isWhat: exports.deviceType,\n    isTouchDevice: window.ontouchstart !== undefined && 0 < navigator.maxTouchPoints,\n    isPhone: ['Android', 'iPhone'].includes(exports.deviceType),\n    isIOS: ['iPhone', 'iPad'].includes(exports.deviceType),\n    isSystemDarkmode: function isSystemDarkmode() {\n      return window.matchMedia('(prefers-color-scheme: dark)').matches == true;\n    },\n    isBreakpoint: function isBreakpoint() {\n      return window.innerWidth <= 896;\n    },\n    isPhonepoint: function isPhonepoint() {\n      return window.innerWidth <= 690;\n    }\n  };\n  return info;\n};\n\nexports.deviceIdentifier = deviceIdentifier;\n\nvar SetThemeColorTag = function SetThemeColorTag() {\n  var hex = '#45515c';\n  var meta = $('#ThemeColorMetaTag');\n  if (!meta[0]) return;\n  meta.setAttribute('content', hex);\n};\n\nexports.SetThemeColorTag = SetThemeColorTag;\nexports.defaultConfig = {\n  version: exports.Version,\n  tone: 'default',\n  darkMode: 'light',\n  themeColor: 'comun',\n  roundness: 2,\n  device: (0, exports.deviceIdentifier)(),\n  update: {\n    tone: function tone(value) {\n      if (!['default', 'flat', 'sharp'].includes(value)) value = 'default';\n      if (value == amotify.config.tone) return;\n      amotify.config.tone = value;\n      var body = $('body');\n      body.removeClass(body.findClass(/^bdsTN/)).addClass('bdsTN' + value).callback(function () {\n        (0, exports.SetThemeColorTag)();\n      });\n      amotify.glob.useRecycle[\"do\"]('RootViewController');\n    },\n    themeColor: function themeColor(value) {\n      if (!['comun', 'leaf', 'heart', 'droplet', 'brick', 'flower', 'lip', 'wine', 'theater', 'bat', 'poizon', 'eggplant', 'ufo', 'alien', 'tombstone', 'ninja', 'moon', 'rain', 'unicorn', 'axe', 'gem', 'soap', 'drizzle', 'building', 'fish', 'icicles', 'water', 'tree1', 'tree2', 'tree3', 'battery', 'seedle', 'greenTea', 'oak', 'salad', 'cloudy', 'lemon', 'angel', 'parasol', 'pizza', 'thunder', 'latte', 'island', 'shovel', 'coffee', 'carrot', 'cactus', 'volcano', 'choco', 'industry', 'gun', 'galaxy', 'line', 'twitter', 'amazon', 'facebook', 'android', 'slackBlue', 'slackGreen', 'slackRed', 'slackYellow', 'slackBase', 'googleBlue', 'googleGreen', 'googleYellow', 'googleRed'].includes(value)) value = 'comun';\n      if (value == amotify.config.themeColor) return;\n      amotify.config.themeColor = value;\n      var body = $(document.body);\n      body.removeClass(body.findClass(/^bdsTC/)).addClass('bdsTC_' + value).callback(function () {\n        (0, exports.SetThemeColorTag)();\n      });\n      amotify.glob.useRecycle[\"do\"]('RootViewController');\n    },\n    darkMode: function darkMode(value) {\n      if (!['light', 'dark', 'dim', 'auto'].includes(value)) value = 'light';\n      if (value == amotify.config.darkMode) return;\n      var Value = value == 'auto' ? (0, exports.deviceIdentifier)().isSystemDarkmode() ? 'dark' : 'light' : value;\n      amotify.config.darkMode = value;\n      var body = $('body');\n      body.removeClass(body.findClass(/^bdsDM/)).addClass('bdsDM_' + Value);\n      amotify.glob.useRecycle[\"do\"]('RootViewController');\n    },\n    roundness: function roundness(value) {\n      if (!(value >= 0 && value <= 5)) value = 2;\n      if (value == amotify.config.roundness) return;\n      amotify.config.roundness = value;\n      amotify.glob.useRecycle[\"do\"]('RootViewController');\n    }\n  },\n  readExtraCDN: function readExtraCDN(key) {\n    return __awaiter(void 0, void 0, void 0, function () {\n      var url, valid;\n      return __generator(this, function (_a) {\n        switch (_a.label) {\n          case 0:\n            url = key;\n            valid = false;\n            if (!url) return [3\n            /*break*/\n            , 2];\n            return [4\n            /*yield*/\n            , $.CDNReader(url)];\n\n          case 1:\n            _a.sent();\n\n            console.log('Read extraCdn : ' + key);\n            valid = true;\n            _a.label = 2;\n\n          case 2:\n            return [2\n            /*return*/\n            , valid];\n        }\n      });\n    });\n  }\n};\n$('body').addClass(['usrDevice_' + (0, exports.deviceIdentifier)().isWhat, 'bdsDM_' + exports.defaultConfig.darkMode, 'bdsTC_' + exports.defaultConfig.themeColor]);\n$(window).addEvent({\n  eventType: 'load',\n  callback: function callback() {\n    var style = document.body.style;\n    style.setProperty('--viewHeight', window.innerHeight + 'px');\n  }\n});\n\n//# sourceURL=src/./src/config.tsx")},"./src/launch.tsx":
+/*!************************!*\
+  !*** ./src/launch.tsx ***!
+  \************************/(__unused_webpack_module,exports,__webpack_require__)=>{eval('\n\nObject.defineProperty(exports, "__esModule", ({\n  value: true\n}));\nexports.amotify = exports.publicURI = void 0;\n\n__webpack_require__(/*! jsmin-front/dist/@types */ "./node_modules/jsmin-front/dist/@types.js");\n\nif (!__webpack_require__.g.$) console.log("%c\\u203Bcan not find global.$,please read Jsmin to launch amotify.", \'color:orange;\');\n\n__webpack_require__(/*! ./@types/_ */ "./src/@types/_.tsx");\n\nvar publicURI = \'https://public.comun.jp/\';\nexports.publicURI = publicURI;\n\n__webpack_require__(/*! ./@jsminAmotifyExtension/_ */ "./src/@jsminAmotifyExtension/_.tsx");\n\nvar _global_1 = __webpack_require__(/*! @global */ "./src/Global/@export.tsx");\n\nvar _atoms_1 = __webpack_require__(/*! @atoms */ "./src/Atoms/@export.tsx");\n\nvar _mols_1 = __webpack_require__(/*! @mols */ "./src/Molecules/@export.tsx");\n\nvar _orgs_1 = __webpack_require__(/*! @orgs */ "./src/Organisms/@export.tsx");\n\nvar _temps_1 = __webpack_require__(/*! @temps */ "./src/Templates/@export.tsx");\n\nvar _functions_1 = __webpack_require__(/*! @functions */ "./src/Functions/@export.tsx");\n\nvar config_1 = __webpack_require__(/*! ./config */ "./src/config.tsx");\n\nvar amotify = {\n  config: config_1.defaultConfig,\n  glob: {\n    React: _global_1.React,\n    ReactDom: _global_1.ReactDom,\n    ReactRouterDom: _global_1.ReactRouterDom,\n    pageTransit: _global_1.pageTransit,\n    useStore: _global_1.useStore,\n    useRecycle: _global_1.useRecycle,\n    StyleConverter: _global_1.StyleConverter,\n    LaunchReactApplication: _global_1.LaunchReactApplication\n  },\n  atoms: {\n    Flex: _atoms_1.Flex,\n    FlexBr: _atoms_1.FlexBr,\n    FAIcon: _atoms_1.FAIcon,\n    Placeholder: _atoms_1.Placeholder,\n    Grid: _atoms_1.Grid,\n    Logo: _atoms_1.Logo,\n    Box: _atoms_1.Box,\n    Span: _atoms_1.Span,\n    Paragraph: _atoms_1.Paragraph,\n    Img: _atoms_1.Img\n  },\n  mols: {\n    List: _mols_1.List,\n    Accordion: _mols_1.Accordion,\n    LinkifyText: _mols_1.LinkifyText,\n    Text: _mols_1.Text,\n    Column: _mols_1.Column,\n    Row: _mols_1.Row\n  },\n  orgs: {\n    DisplayStyleInput: _orgs_1.DisplayStyleInput\n  },\n  temps: {\n    PlayGround: _temps_1.PlayGround\n  },\n  fn: {\n    Buttons: _functions_1.Buttons,\n    Input: _functions_1.Input,\n    Table: _functions_1.Table,\n    Layout: _functions_1.Layout,\n    Sheet: _functions_1.Sheet,\n    SnackBar: _functions_1.SnackBar,\n    Loader: _functions_1.Loader,\n    Tooltips: _functions_1.Tooltips,\n    Effects: _functions_1.Effects,\n    Cropper: _functions_1.Cropper\n  }\n};\nexports.amotify = amotify;\n__webpack_require__.g.amotify = amotify;\nObject.freeze(__webpack_require__.g.amotify.atoms);\nObject.freeze(__webpack_require__.g.amotify.mols);\nObject.freeze(__webpack_require__.g.amotify.orgs);\nObject.freeze(__webpack_require__.g.amotify.temps);\nObject.freeze(__webpack_require__.g.amotify.fn);\nObject.freeze(__webpack_require__.g.amotify);\n\n__webpack_require__(/*! ./@styles/@app.scss */ "./src/@styles/@app.scss");\n\n__webpack_require__(/*! ./preload */ "./src/preload.tsx"); // document.oncontextmenu = () => {return false;}\n\n\n$(window).addEvent({\n  eventType: \'resize\',\n  eventID: \'getDeviceInfo\',\n  callback: function callback() {\n    __webpack_require__.g.amotify.config.device = (0, config_1.deviceIdentifier)();\n    $(document.body).setStyleProperty(\'--viewHeight\', window.innerHeight + \'px\');\n  }\n});\n(0, config_1.SetThemeColorTag)();\n\n//# sourceURL=src/./src/launch.tsx')},"./src/preload.tsx":
+/*!*************************!*\
+  !*** ./src/preload.tsx ***!
+  \*************************/function(){eval("\n\nvar __values = this && this.__values || function (o) {\n  var s = typeof Symbol === \"function\" && Symbol.iterator,\n      m = s && o[s],\n      i = 0;\n  if (m) return m.call(o);\n  if (o && typeof o.length === \"number\") return {\n    next: function next() {\n      if (o && i >= o.length) o = void 0;\n      return {\n        value: o && o[i++],\n        done: !o\n      };\n    }\n  };\n  throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\n\nvar e_1, _a;\n\nvar tags = [{\n  tag: 'meta',\n  parent: document.head,\n  attr: {\n    name: 'viewport',\n    content: 'width=device-width,initial-scale=1.0,maximum-scale=5.0,minimum-scale=1.0,viewport-fit=cover'\n  }\n}, {\n  tag: 'link',\n  parent: document.head,\n  attr: {\n    href: 'https://fonts.googleapis.com',\n    rel: 'preconnect',\n    async: true\n  }\n}, {\n  tag: 'link',\n  parent: document.head,\n  attr: {\n    href: 'https://fonts.gstatic.com',\n    rel: 'preconnect',\n    async: true\n  }\n}, {\n  tag: 'link',\n  parent: document.head,\n  attr: {\n    href: 'https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap',\n    rel: 'stylesheet',\n    async: true\n  }\n}, {\n  tag: 'link',\n  parent: document.head,\n  attr: {\n    href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;600&display=swap',\n    rel: 'stylesheet',\n    async: true\n  }\n}, {\n  tag: 'script',\n  parent: document.head,\n  attr: {\n    src: 'https://kit.fontawesome.com/6745173b38.js',\n    async: true\n  }\n}, {\n  tag: 'meta',\n  parent: document.head,\n  attr: {\n    name: 'theme-color',\n    content: '#45515c'\n  },\n  id: 'ThemeColorMetaTag'\n}, {\n  parent: document.body,\n  id: 'SHEET'\n}, {\n  parent: document.body,\n  id: 'TOOLTIPS'\n}, {\n  parent: document.body,\n  id: 'SNACKBARS'\n}, {\n  parent: document.body,\n  id: 'LOADER'\n}, {\n  parent: document.body,\n  id: 'ROOT'\n}];\n\ntry {\n  for (var tags_1 = __values(tags), tags_1_1 = tags_1.next(); !tags_1_1.done; tags_1_1 = tags_1.next()) {\n    var tag = tags_1_1.value;\n    var id = tag.id;\n    if (id && $('#' + id)[0]) continue;\n    $.createElement(tag);\n  }\n} catch (e_1_1) {\n  e_1 = {\n    error: e_1_1\n  };\n} finally {\n  try {\n    if (tags_1_1 && !tags_1_1.done && (_a = tags_1[\"return\"])) _a.call(tags_1);\n  } finally {\n    if (e_1) throw e_1.error;\n  }\n}\n\n//# sourceURL=src/./src/preload.tsx")},"./src/@styles/@app.scss":
+/*!*******************************!*\
+  !*** ./src/@styles/@app.scss ***!
+  \*******************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=src/./src/@styles/@app.scss")},"./src/Atoms/FAIcon/style.module.scss":
+/*!********************************************!*\
+  !*** ./src/Atoms/FAIcon/style.module.scss ***!
+  \********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=src/./src/Atoms/FAIcon/style.module.scss')},"./src/Atoms/Logo/style.module.scss":
+/*!******************************************!*\
+  !*** ./src/Atoms/Logo/style.module.scss ***!
+  \******************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Size_S":"o07AoRD3XB7Arlz4bO7u","Size_R":"fxE1T_uTzR0aQY26iBqs","Size_L":"b4hALirWkOHXZtjjQg3o","Size_2L":"rfuoZeppYU21RV8fSFvO","Size_3L":"vaf52mHRlK8wh_MJXWab","Title":"BCH_ggTfen9Ii_5cHLLF","ComunIcon":"R1rop5L3nkn3TAn4X9T5","ComunTitle":"NIREM3mcREkMCmgN6gWA","MingooIcon":"JcNCFpVFlD4HeznwBu_8","P":"iJcQ_DgW7FyUmh5olv2w","P_0":"jh6rI4_ffSBRdUi0IBxG","P_1":"_GZgPvLR3Vp2r6HcMdnS","P_2":"k_fk6VhhPIHdpj3WJSnW","P_3":"oxI6ybaKLjoxqjaNzywg","P_4":"R1W3u08I2YhODG4J9JDi","P_5":"_PNq2HWgtw_VTA_ccpi5","P_6":"NfMDAui81GBGF3djBCNf","P_7":"CJBZcsDy4q8wuT8oJz1f","P_8":"orUnHhNjtzgfBoz7JgjF","P_9":"TzkYbqc2ryVKC1Zcl4lE","P_10":"TuFlR4KWPA5lQh7X41K7","P_11":"FtZLc9J0CiiHdKWFrwgM","P_12":"kuXjlQuCjLJveK7rjLap"});\n\n//# sourceURL=src/./src/Atoms/Logo/style.module.scss')},"./src/Atoms/Various/style.module.scss":
+/*!*********************************************!*\
+  !*** ./src/Atoms/Various/style.module.scss ***!
+  \*********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Img":"ZUUqHPwykZ3N0IBOlsYw","ShowExpand_true":"B9TMMNOC8Ts39u08OCzq","Placeholder":"MszBaVyZVFxgTQCtNMev","Body":"b0knOFmfnv7pnfymUybv","PlaceholderEffect":"jVWKuuroRCuiQl8nwN7g","Color_white":"jIsP246eX12NwhK3R6Ck"});\n\n//# sourceURL=src/./src/Atoms/Various/style.module.scss')},"./src/Functions/Button/style.module.scss":
+/*!************************************************!*\
+  !*** ./src/Functions/Button/style.module.scss ***!
+  \************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Wrap":"l1AaOnZ9I4tddd_8yOOW","isLocked_true":"bGIVylBPUiilfpWdnd3G","uae_remark":"xpIfxLEYkRdl8KZY4H2c","Tone_Sub":"Zke4wqrydUEc46EnW0qz","Color_theme":"h5ARF0xmQJIR1rfJe3bf","Tone_Clear":"WidWRDr7si9OhwmjuLO9","Color_posi":"kyYW173DMwMUYPgGFEhj","Color_nega":"xB13FPYMPKAD7XbihQ_L","Color_warn":"gkmgabNFf4xZo_QtLnBI","Color_white":"ai8kI62lGzLq6oY4dZ8a","Color_cloud":"DjSFCR9qxHUA08jjLJ1H","Color_layer":"tjUhQCxekm2vWDJwGzxP","isActive_false":"o2u6syOQNfS5aTRpM2PJ","Tone_Link":"qRbnEBbT6wFj5rXBWi2l","Tone_Normal":"Le_Nob6CPMwBO4ywISYU","Color_plain":"pDb1_dPOKLa38nfxofdQ","Tone_Border":"lD4rmD31BPcqAvJxUXrU","Tone_Prime":"Z8Ix3C0G7SNEjKnC2IpB","Tone_FillToBorder":"cKEGD22aecX9RkqdM0T_","Color_mono":"Nuc3zIJqRBJrnJzXhDfT","Tone_BorderToFill":"edwkcTbPYOspNAzz1It8"});\n\n//# sourceURL=src/./src/Functions/Button/style.module.scss')},"./src/Functions/Cropper/style.module.scss":
+/*!*************************************************!*\
+  !*** ./src/Functions/Cropper/style.module.scss ***!
+  \*************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Wrap":"HRJPSkjWsmVaYOcehljw","Use_profile":"PZVpQuSlo6alQxulwGFa","Use_head":"ptM3KNoA0phJF3Ak_iEg","Canvas":"Efh5bqZABrSseZExSIC4","Preview":"fAyAwI4ViMQQVJFLuJnw","ToneBall":"goFZiZbQSOmsJhJ3vKMR","ToneBall_1":"SFU8d5wqgn2gRDIZfF_p","ToneBall_2":"FGV3tJEPEtSesUy_tCtF","ToneBall_3":"ytSq19yE8aPn1hRvrnFa","ToneBall_4":"m7YrVsEGZcpQrFZb_3iw","ToneBall_5":"Mfld10UnwmeFnZpI71v_","ToneBall_6":"dG2DdTYu5HKJL7wQqHbU","ToneBall_7":"JfBHjeXFAaDwQz2_RWcQ","ToneBall_8":"mc21v0D5H_Th2wAMgzdT","ToneBall_9":"QZED_HeBafRjlp2N7bwH","ToneBall_10":"i9Lha2o8U1vzrob6SO2B"});\n\n//# sourceURL=src/./src/Functions/Cropper/style.module.scss')},"./src/Functions/Effects/style.module.scss":
+/*!*************************************************!*\
+  !*** ./src/Functions/Effects/style.module.scss ***!
+  \*************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"RippleElement":"k7rWM4uFQiLndLwAQZVz","Color_cloud":"_aWSeBXyzadrQXEAqaCz","RippleWrap":"tcESkia6HArtj1Irbxrv","Wave":"gNrBezzqtx5Sfgb3MEda","Color_theme":"VP0MtDhW2nn8QCGkEz7m","PuddingEffect":"_MtJ1VgA9PfW3xcKcHDz","pdAnm":"QWlgNlUROi91se3FQxwy"});\n\n//# sourceURL=src/./src/Functions/Effects/style.module.scss')},"./src/Functions/Input/Chips/style.module.scss":
+/*!*****************************************************!*\
+  !*** ./src/Functions/Input/Chips/style.module.scss ***!
+  \*****************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"SelectorWrapper":"K6Mma66hRNhblkULeFEX"});\n\n//# sourceURL=src/./src/Functions/Input/Chips/style.module.scss')},"./src/Functions/Input/File/style.module.scss":
+/*!****************************************************!*\
+  !*** ./src/Functions/Input/File/style.module.scss ***!
+  \****************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Input":"KN1Lh8ZRlBQI7ur3GiG4","List":"pY57szKE5cFB9SdlkHhd","AddButton":"yue58kVlLhSXgjLArviu","FileName":"ElnJUncynUNgpuTS91ba","Draggable":"j7dpvLnOEq_ZAP8RherH","AddIcon":"eg6OL_b2EvdTUxZziRNk","IconAnimation":"alwgCndvXXIWmS7ytx_u"});\n\n//# sourceURL=src/./src/Functions/Input/File/style.module.scss')},"./src/Functions/Input/List/style.module.scss":
+/*!****************************************************!*\
+  !*** ./src/Functions/Input/List/style.module.scss ***!
+  \****************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"CellBase":"x_zmrboqDJ5_55E0f2HY","HideInput_true":"SnrTb_GAzLONTwMdvfZq","Input":"cLgfwjUW62GS05p1Wea5","Label":"hAygTUXYD8PBAJCnopEf","Icon":"qaOCnkIv3Q0vXb1zGD3C","defaultActiveStyling_true":"DMnBu_QDtLVrH8idu6DA","CheckboxIcon":"HXz2uuMIxoAclUaZHbQJ","I":"WNz6hp2YJ2lLI3yWM3SP"});\n\n//# sourceURL=src/./src/Functions/Input/List/style.module.scss')},"./src/Functions/Input/Segmented/style.module.scss":
+/*!*********************************************************!*\
+  !*** ./src/Functions/Input/Segmented/style.module.scss ***!
+  \*********************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Label":"IlQxewalRCuqRn6CYURe","Tone_Auto":"QXb8BxnIqzhtQpJFGTkY","Tone_Cloud":"yGw82KBJ6zDyefTZV3g1","Tone_ThemeCloud":"jFdBPdIFgKRQ2J6h27Vi","Tone_WhiteCloud":"Ttq7VsH7exWtsS1kfotN","Checked":"Qt1e65s3UdcBCWVGWDy3","Tone_ThemeBorder":"f_05M6r7yBGnVEev7Bb4","Tone_BottomLine":"o7DjrtMLM0x5FrnZ4zSb"});\n\n//# sourceURL=src/./src/Functions/Input/Segmented/style.module.scss')},"./src/Functions/Input/Select/style.module.scss":
+/*!******************************************************!*\
+  !*** ./src/Functions/Input/Select/style.module.scss ***!
+  \******************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Select":"pnpbWS20vttvMKldlVgY"});\n\n//# sourceURL=src/./src/Functions/Input/Select/style.module.scss')},"./src/Functions/Input/Slider/style.module.scss":
+/*!******************************************************!*\
+  !*** ./src/Functions/Input/Slider/style.module.scss ***!
+  \******************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Label":"_QEhYYHvyjpiu1SIaLCr","Wrap":"q0t89wohLPCA29zdYYUe","Rail":"ksD8Ym5LfDWSuQRF8caR","Bar":"NYQof4SQc6RlLcOoQtyx","BarColor":"d9Dz1rLQescvQMXRroKw","Labels":"AEzHTk7feBBQittI3urE","ShowLegendsAlways_true":"j6TfRxcAo81Q5Mfsfqu4","Ball":"zuo3E9CVurWUP2_VBfmu"});\n\n//# sourceURL=src/./src/Functions/Input/Slider/style.module.scss')},"./src/Functions/Input/Switch/style.module.scss":
+/*!******************************************************!*\
+  !*** ./src/Functions/Input/Switch/style.module.scss ***!
+  \******************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Input":"Av_PexILCsLoPf1n1Wll","Label":"lmpUuej1XbiXEBXJcAfz","Dot":"WgEVUVQ7_VCIieLL6jGz"});\n\n//# sourceURL=src/./src/Functions/Input/Switch/style.module.scss')},"./src/Functions/Input/Time/style.module.scss":
+/*!****************************************************!*\
+  !*** ./src/Functions/Input/Time/style.module.scss ***!
+  \****************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Header":"Q8OHePQ0wYiVHHZMRHXf","Body":"VmhWzKHjccYMhV4DNbLc","Footer":"TRgu_hz5YYq9HoMjLvmQ","ClockBase":"QhhnQlh3h3H2ZvdfgYCS","DesignSide":"nbWUMqc_KG403AEGus0X","ClockUiBase":"pbDrvzZ_r_VYT2L4NRRO","ClockUi":"MvUge02hK164UXcH_Eng","Needle":"cb1sAFDBvEPXYeYdGpVD","hour":"sgx1a8vn3a2H_HeNXTbC","minute":"b8pbP9lkYGE7lG7RNzpe","DateBase":"SrxwCHNuoNJWU7PEwpya","LeftButton":"qW6me8ESqzngQM0AdOgS","RightButton":"vLqUsw1RrN1Db_UYUY7G","MonthBase":"mX5wy4fjmxFRgM4iM370","Cell":"Jpg0iJftpBIsGMHmkEIw","Checked":"IKsElQX4_gEOArTpkkaY","miniYearInput":"QuphvKdDyB2h6VyKxK80"});\n\n//# sourceURL=src/./src/Functions/Input/Time/style.module.scss')},"./src/Functions/Input/style.module.scss":
+/*!***********************************************!*\
+  !*** ./src/Functions/Input/style.module.scss ***!
+  \***********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Input":"NipLQ3a_bLqJ0nDAwLg6","InputCover":"sngqFLO68hbK7mJ80fGP","IndicatorIcon":"DpDka20pataJH5xZN0Yz","ShowCell":"nJYK_mCn4V0UcbLwZA5K"});\n\n//# sourceURL=src/./src/Functions/Input/style.module.scss')},"./src/Functions/Inputs/style.module.scss":
+/*!************************************************!*\
+  !*** ./src/Functions/Inputs/style.module.scss ***!
+  \************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Focus":"kft6Y28zB9P0xUWDOEu9"});\n\n//# sourceURL=src/./src/Functions/Inputs/style.module.scss')},"./src/Functions/Layout/RootViewController/style.module.scss":
+/*!*******************************************************************!*\
+  !*** ./src/Functions/Layout/RootViewController/style.module.scss ***!
+  \*******************************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Content":"E7UMHAZeNnmxAuk_R6C3","Root":"Ee5BUeOad9UpID4uIgNC","TopNav":"ppmlhQZmXiQKG7r8T4sM","FooterNav":"BTeNuOHoQioDZCyqGBoZ","Body":"QkdOUa2r2GSqtL5IB_4l","SideNav":"V00deYCe2bPbiyI8Qp1F"});\n\n//# sourceURL=src/./src/Functions/Layout/RootViewController/style.module.scss')},"./src/Functions/Layout/SwipeView/style.module.scss":
+/*!**********************************************************!*\
+  !*** ./src/Functions/Layout/SwipeView/style.module.scss ***!
+  \**********************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Rail":"bpGM_lra7nDH7liZyf1f","ShowOther_true":"v75xw92njzEhj1pPVdA6","Child":"gdoP4XSi2l_ClTAZrsAq","Display":"C48qMm2n7stQTY7tjH6V","LoopAdjusting":"XjB2OOsERH1fVL5tKh9P"});\n\n//# sourceURL=src/./src/Functions/Layout/SwipeView/style.module.scss')},"./src/Functions/Loader/style.module.scss":
+/*!************************************************!*\
+  !*** ./src/Functions/Loader/style.module.scss ***!
+  \************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"TopLoader":"bHSJt82Slwn6HHMY7Nt_","Center":"ipVYG_i3wrwDKnxD8JP5","Child":"x8X5udEA78lwODMqPiqx","Circle":"lCPb6hKWDzlNSrDyfjeL","expander":"BeuqFZ99wfYteraAJ4LT","Child1":"JOJeFqkiwjs5aJMZhZ6x","rotation":"Xid85gYN3jR0u2bZsp44","Child2":"sQ_NyqWuSk57CdkgvIAQ","Child3":"AdM9AqFLI1BagFwHS7L9","Child4":"b4wWxlFPKr1iPzY7ctvk","Child5":"fe8tjbxy_eTk6MhXvxCn","Child6":"KIUSJWwcjWoQm8Q2VHpR","Child7":"TLiThKioDCIXDSMrOHF4","Active_true":"zrnL58CoI2GCK8Q4zUZc","CornerLoader":"z9dmeOe9el4g2lfIcWII","Wrap":"MCTUHVvcuH7d7m9GgHcp","ldAnm":"uWUGM5dlkh6zSPVZwQzK","Ld1":"VCtaSFa0hbateSpgjxoD","Ld2":"DRLQL6lUaDcqZ5aEb6Zd","Ld3":"i2HYonQAb67o0kXApU7S","Ld4":"NCUBG8hugM_Wy67upFzp","MiniLoader":"fBGZqYpJTRCTVykgLLfJ","Active_false":"H2a7Kc2XyLfPzbF7ReqS","Hide":"tPwA08fvJCWn9KfwY55G","Active":"JV5Bmoe8ZUPuEEdECa4u","Core":"b6rt7Yg0ECwbWgUczInE","spin":"h_Ij4CcdyAB4nXwQalcm","SVG1":"OHi4YRi1IETvLKA4YlnO","loader":"yLSZCpanZ1ICulehLExo","loading":"sCPZpaRXlQT51FkIwlUg","SVG2":"_6OOT4a962O__nVbR0of"});\n\n//# sourceURL=src/./src/Functions/Loader/style.module.scss')},"./src/Functions/Sheet/style.module.scss":
+/*!***********************************************!*\
+  !*** ./src/Functions/Sheet/style.module.scss ***!
+  \***********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"FixHeight":"NSF10Nvdj5bNj57Rr2G5","FloatMainSheet":"s46dEw5GZQbvw440A9I9","Type_bottom":"nDvTvApJbRGVdW6rRMac","Wrap":"t9RVAl1X_icdD8B1JF8L","TapSensor":"IgFAlsBBsSifIPpOFnDV","TapContent":"CpO9VlRlOW_aU73ujd9b","Hide":"RHNGym0fjf9lK0VU5ioP","Open":"kRylSmNVFewlnQl5l0HQ","isNewSheet_true":"WPQpl1CR48ZSi3lri_Tv","Content":"MTE2jQfYvUAD4a64go8p","isNewSheet_false":"ZQbEFRS7qAWp0jWDpwK5","BB":"OLpA07FWBXPvrqxj8Z1X","Tcate_normal":"AnfazGXj2TQjgzdyXgGg","BaseBody":"JlKPXTw8c6mTz4vv_Joe","Tcate_drawer":"QmuhelarsWeBeMrnnvZL","Tpos_left":"vHNpYb9vrUXGxvFjneRc","Footer":"MYnbknSpoLJaY95jVBUQ","Tpos_right":"ifdax97oQq1QPAiX52_H","Tpos_bottom":"a308LYsRT8SPLtFcN3uE","DragBar":"K0Bifvo0XX0YLaVmCDoC","Tcate_custom":"IUGL74OsTg2PyWOKBnOR","CustomSheet":"CfszS4ew2bFqJoywzUDk","GPT":"rvru_i5ADCzhUy_iOJvJ","Col_1":"XN5X52k7vdfMmnlYV2ln","Row_1":"y6zF3XzskMKRohSU2XzJ","Row_4":"i8OL38asif2rVqRNIShS","Col_4":"XzA2e935tJY1KJHakxO6","Row_2":"bTrfmCn71cT0Ql1hb5tA","Row_5":"GS5ftRforlkXCaQLBl_d","Col_2":"lXW6REb3S1_Rl9bNMZay","Col_5":"CnQM07Q618ViSW27UDew","GPT_3":"V_6S21D00USjxJ7RVsl8","GPT_18":"dtVH2RlNBG7oVcWqoYaj","GPT_8":"F5zHuw5iLy4wdjZQFEeg","GPT_23":"_vNGB6teQpdhdwNur5Te","GPT_11":"R3GTdPJ070J0sqp0WpYU","GPT_14":"OFjKqdzuEjfRrW9xUYq0","GPT_12":"A29iOvkoHzLkJILCzTlg","GPT_15":"_5IpkV9GeQ7qNtCXMPCef","Col_3":"FAT34PewrNx1JC3ub8MB"});\n\n//# sourceURL=src/./src/Functions/Sheet/style.module.scss')},"./src/Functions/SnackBar/style.module.scss":
+/*!**************************************************!*\
+  !*** ./src/Functions/SnackBar/style.module.scss ***!
+  \**************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"SnackBarsWrap":"uhIlZi1vERDm3xaMyGtx","Cell":"EwSJBtcAmF4_ULISH9Da","FadeIn":"x37SlEFqLbrR5bXtdU4i","FadeOut":"oCJl1hubpRt_d8op9Lf7"});\n\n//# sourceURL=src/./src/Functions/SnackBar/style.module.scss')},"./src/Functions/Table/style.module.scss":
+/*!***********************************************!*\
+  !*** ./src/Functions/Table/style.module.scss ***!
+  \***********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Wrap":"iPk2346m9AHRZolXxUUW","RowClickable_true":"WoekjPRgxnTKAcp9nt3N","Row":"h2P7yLy3lA5U0Frlp08Q","BodyRow":"yplHLGNwoh7i_VtdCrva","DataNotFound":"k45mZJ9wJp8TNW58pm5N","Cell":"sscPiw_5JgpG2na9Hgt3","Table":"O2eJNi2v3xZGn6qmzseq","TableType_drag":"Vuu27H78wgnuW52IRs66","DraggerOrigin":"TxHx2hPJwGR3MKrgZxTz","DragableButton":"rLFWfQhWk5pYSj9TsF_W","TableType_data":"z2jUAk2nVRlEqwOYgXE2","Console":"llUKJtS3QX5fk84TmOlJ","TableBase":"CMOHosgqre84EA9zVnEB","HeadRow":"_X_2Y_AnIx8bazptavwN","FilterRegion":"PuhM8KT1VBLXkkHwvT8y","Filtering_true":"cAHUeK5aNNrk1E8UsFqe"});\n\n//# sourceURL=src/./src/Functions/Table/style.module.scss')},"./src/Molecules/Accordion/style.module.scss":
+/*!***************************************************!*\
+  !*** ./src/Molecules/Accordion/style.module.scss ***!
+  \***************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n// extracted by mini-css-extract-plugin\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"Wrap":"ZfXHh2OzobapeaPDQyg8","Open_true":"TZoLZvyJfDZ0xncKhSip","Open_false":"zi6PtJe192RhAHYwpKJD"});\n\n//# sourceURL=src/./src/Molecules/Accordion/style.module.scss')},react:
+/*!************************!*\
+  !*** external "React" ***!
+  \************************/n=>{n.exports=React},"react-dom":
+/*!***************************!*\
+  !*** external "ReactDOM" ***!
+  \***************************/n=>{n.exports=ReactDOM},"react-router-dom":
+/*!*********************************!*\
+  !*** external "ReactRouterDOM" ***!
+  \*********************************/n=>{n.exports=ReactRouterDOM}},__webpack_module_cache__={};function __webpack_require__(n){var e=__webpack_module_cache__[n];if(void 0!==e)return e.exports;var t=__webpack_module_cache__[n]={exports:{}};return __webpack_modules__[n].call(t.exports,t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(n,e)=>{for(var t in e)__webpack_require__.o(e,t)&&!__webpack_require__.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),__webpack_require__.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),__webpack_require__.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./src/launch.tsx")})();