amotify 0.1.32 → 0.1.34

package/dist/fn/Sheet.js

@@ -1,1101 +1 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-JJ3PEWPN.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  useState,
-  useEffect,
-  useRef
-} from "react";
-import {
-  $$,
-  $$fromRoot,
-  Config,
-  useStore
-} from "../@utils/_";
-import Box from "../atoms/Box";
-import Img from "../atoms/Img";
-import FAI from "../atoms/FAI";
-import Flex from "../atoms/Flex";
-import Column from "../mols/Column";
-import Row from "../mols/Row";
-import Button from "./Button";
-import Layout from "./Layout/_";
-import Input from "./Input/_";
-import { SheetClasses } from "../@styles/componentClasses/_";
-const Comps = {
-  mainSheetScrolls: 0,
-  subSheetLength: 0,
-  currentIndex: 0,
-  contents: {},
-  addNewSheet: function(params) {
-    params = __spreadProps(__spreadValues({
-      sheetGroups: params.sheetGroups || [],
-      backgroundEffect: true,
-      overwrap: params.type == "custom" ? true : false,
-      hold_state: false,
-      isOpen: true
-    }, params), {
-      sheetID: params.sheetID || $$.uuid.gen(),
-      close_option: __spreadValues({
-        pageTransit: true,
-        escapeKeyDown: true,
-        aroundClick: params.type == "custom"
-      }, params.close_option)
-    });
-    if (this.contents[params.sheetID]) {
-      let comp = useStore.get(params.sheetID);
-      comp && comp.refresh && comp.refresh(params, true);
-      return;
-    }
-    this.contents[params.sheetID] = {
-      isOpen: true,
-      hold_state: !!params.hold_state,
-      params,
-      created_at: $$.Time()
-    };
-    let wrapper = useStore.get("Sheet-" + Config.get().sessionUID);
-    wrapper && wrapper.refresh();
-  },
-  Wrapper: () => {
-    let [val_refresh, set_refresh] = useState($$.uuid.gen());
-    useEffect(() => {
-      useStore.set({
-        key: "Sheet-" + Config.get().sessionUID,
-        value: {
-          refresh: () => {
-            set_refresh($$.uuid.gen());
-          }
-        }
-      });
-      $$(Config.get().appRoot).addEvent({
-        eventType: "keyup",
-        callback: function(event) {
-          let { key, metaKey } = event;
-          if (key == "Escape" || key == "," && metaKey) {
-            let OpenSheets = Object.values(Comps.contents).filter((elm) => elm.isOpen);
-            if (!OpenSheets.length)
-              return;
-            let latestSheet = OpenSheets.reduce((a, b) => {
-              return a.created_at.value > b.created_at.value ? a : b;
-            });
-            Sheet.close(latestSheet.params.sheetID, key);
-          }
-        }
-      }).addEvent({
-        eventType: "click",
-        callback: function(event) {
-          var _a;
-          let customSheets = Object.values(Comps.contents).filter((elm) => elm.params.type == "custom");
-          if (!customSheets.length)
-            return;
-          let isParent = !!customSheets.find((customSheet) => {
-            let { params } = customSheet;
-            let parent = params.parent;
-            let target = event.target;
-            let Parent = $$fromRoot(parent)[0];
-            if (parent == target)
-              return true;
-            if (Parent === target)
-              return true;
-            if ($$(Parent).find(target).length)
-              return true;
-            return false;
-          });
-          if (isParent)
-            return;
-          if ((_a = event.target) == null ? void 0 : _a.closest("." + SheetClasses("CustomSheet")))
-            return;
-          customSheets.forEach((customSheets2) => {
-            var _a2;
-            if (!!((_a2 = customSheets2.params.close_option) == null ? void 0 : _a2.aroundClick)) {
-              Sheet.close(customSheets2.params.sheetID);
-            }
-          });
-        }
-      });
-    }, []);
-    let Sheets = Object.entries(Comps.contents).map(([sheetID, Sheet2]) => {
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          id: "Sheet-" + sheetID,
-          children: /* @__PURE__ */ jsx(
-            Comps.Core,
-            __spreadValues({
-              isOpen: Sheet2.isOpen
-            }, Sheet2.params),
-            sheetID
-          )
-        },
-        sheetID
-      );
-    });
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: [
-          "AMOTIFY_be",
-          SheetClasses("Wrapper")
-        ].join(" "),
-        children: Sheets
-      }
-    );
-  },
-  Core: (params) => {
-    var _a;
-    let [val_compUID] = useState($$.uuid.gen());
-    let [val_params, set_params] = useState(params);
-    let [val_open, set_open] = useState(params.isOpen);
-    let {
-      type,
-      sheetID,
-      openAfter,
-      closeAfter
-    } = val_params;
-    let isNewSheet = !val_params.overwrap;
-    let ContentFC = Comps.Types[{
-      "normal.topLeft": "Normal",
-      "normal.topCenter": "Normal",
-      "normal.topRight": "Normal",
-      "normal.middleLeft": "Normal",
-      "normal.middleCenter": "Normal",
-      "normal.middleRight": "Normal",
-      "normal.bottomLeft": "Normal",
-      "normal.bottomCenter": "Normal",
-      "normal.bottomRight": "Normal",
-      "image": "Normal",
-      "drawer.left": "Edge",
-      "drawer.right": "Edge",
-      "drawer.bottom": "Bottom",
-      "custom": "Custom"
-    }[type]];
-    useEffect(() => {
-      useStore.set({
-        key: sheetID,
-        value: {
-          refresh: (params2, open) => {
-            set_params(params2);
-            set_open(open != null ? open : false);
-          },
-          resize: (size) => {
-            if (type == "drawer.bottom") {
-              let comp = useStore.get(val_compUID);
-              comp && comp.resize && comp.resize(size);
-            } else if (val_params.type.includes("normal") || val_params.type.includes("drawer")) {
-              set_params(__spreadProps(__spreadValues({}, val_params), {
-                size
-              }));
-            }
-          },
-          close: (force) => {
-            Comps.contents[sheetID].isOpen = false;
-            set_open(false);
-          },
-          open: () => {
-            Comps.contents[sheetID].isOpen = true;
-            set_open(true);
-          }
-        }
-      });
-    });
-    useEffect(() => {
-      $$.scope(() => {
-        if (!isNewSheet)
-          return;
-        if (!val_params.backgroundEffect)
-          return;
-        Comps.subSheetLength = Comps.subSheetLength + (val_open ? 1 : -1);
-        if (val_open) {
-          let html = $$("html");
-          if (Comps.subSheetLength == 1) {
-            let scroll = html[0].scrollTop;
-            Comps.mainSheetScrolls = scroll;
-          }
-          if (!Config.get().isPhone) {
-            html.callback(() => {
-              $$fromRoot(".AMOTIFY_be_root").addClass(SheetClasses("FixScroll")).callback((appRoot) => {
-                appRoot[0].scrollTop = Comps.mainSheetScrolls;
-              }).await(40).addClass(SheetClasses("Float"));
-            })[0].scrollTop = 0;
-          }
-          return;
-        }
-        if (Comps.subSheetLength != 0)
-          return;
-        if (Config.get().isPhone)
-          return;
-        $$fromRoot(".AMOTIFY_be_root").removeClass(SheetClasses("Float")).await(251).removeClass(SheetClasses("FixScroll")).callback(() => {
-          $$("html")[0].scrollTop = Comps.mainSheetScrolls | 0;
-          $$fromRoot(".AMOTIFY_be_root")[0].scrollTop = 0;
-        });
-      });
-      $$.scope(() => {
-        let Core = $$fromRoot("#" + val_compUID);
-        if (val_open) {
-          Core.await(10).removeClass(SheetClasses("Hide")).await(10).addClass(SheetClasses("Open")).callback(() => {
-            Comps.contents[sheetID].isOpen = true;
-            if (openAfter)
-              openAfter();
-          });
-          return;
-        }
-        Core.await(10).removeClass(SheetClasses("Open")).await(251).addClass(SheetClasses("Hide")).callback(() => {
-          !closeAfter || closeAfter();
-          Comps.contents[sheetID].isOpen = false;
-          if (val_params.hold_state)
-            return;
-          delete Comps.contents[sheetID];
-          let wrapper = useStore.get("Sheet-" + Config.get().sessionUID);
-          wrapper && wrapper.refresh();
-        });
-      });
-    }, [val_open]);
-    useEffect(() => {
-      Comps.currentIndex++;
-      let {
-        close_option
-      } = val_params;
-      $$.scope(() => {
-        if (!(close_option == null ? void 0 : close_option.parentBlur))
-          return;
-        let element = $$(val_params.parent);
-        if (!element[0])
-          return;
-        element.addEvent({
-          eventID: "SheetClosation-" + sheetID,
-          eventType: "mouseout",
-          callback: () => {
-            element.removeEvent("SheetClosation-" + sheetID);
-            set_open(false);
-          }
-        });
-      });
-    }, []);
-    let [Tcate, Tpos] = type.split(".");
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: [
-          SheetClasses("Wrap"),
-          SheetClasses("Tcate_" + Tcate),
-          SheetClasses("Tpos_" + Tpos),
-          SheetClasses("isNewSheet_" + isNewSheet)
-        ].join(" "),
-        width: 1,
-        height: 0,
-        ssAbsoluteCovered: true,
-        freeCSS: {
-          zIndex: Comps.currentIndex + 1
-        },
-        id: val_compUID,
-        children: /* @__PURE__ */ jsxs(
-          Column,
-          {
-            className: SheetClasses("Content"),
-            gap: 0,
-            height: "viewHeight",
-            overflow: "auto",
-            transition: "middle",
-            children: [
-              !!isNewSheet && /* @__PURE__ */ jsx(
-                Comps.TapSensor,
-                {
-                  sheetID,
-                  delegateAroundClick: (_a = val_params.close_option) == null ? void 0 : _a.aroundClick
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ContentFC,
-                __spreadValues({
-                  componentID: val_compUID
-                }, val_params)
-              )
-            ]
-          }
-        )
-      },
-      val_compUID
-    );
-  },
-  Types: {
-    Normal: (params) => {
-      let _a = params, {
-        sheetID,
-        sheetGroups,
-        content: Content,
-        className = "",
-        type,
-        size = "R",
-        freeCSS,
-        openAfter,
-        closeAfter,
-        close_option,
-        hold_state,
-        overwrap,
-        isOpen,
-        backgroundEffect
-      } = _a, styles = __objRest(_a, [
-        "sheetID",
-        "sheetGroups",
-        "content",
-        "className",
-        "type",
-        "size",
-        "freeCSS",
-        "openAfter",
-        "closeAfter",
-        "close_option",
-        "hold_state",
-        "overwrap",
-        "isOpen",
-        "backgroundEffect"
-      ]);
-      let [Tcate, Tpos] = type.split(".");
-      let SysStyles = {};
-      let transformOrigins = [];
-      if (Tpos.match(/top/)) {
-        transformOrigins.push("top");
-        SysStyles.marginBottom = "auto";
-      } else if (Tpos.match(/middle/)) {
-        transformOrigins.push("center");
-        SysStyles.marginTop = "auto";
-        SysStyles.marginBottom = "auto";
-      } else if (Tpos.match(/bottom/)) {
-        transformOrigins.push("bottom");
-        SysStyles.marginTop = "auto";
-      }
-      if (Tpos.match(/left/i)) {
-        transformOrigins.push("left");
-        SysStyles.marginRight = "auto";
-      } else if (Tpos.match(/center/i)) {
-        transformOrigins.push("center");
-        SysStyles.marginLeft = "auto";
-        SysStyles.marginRight = "auto";
-      } else if (Tpos.match(/right/i)) {
-        transformOrigins.push("right");
-        SysStyles.marginLeft = "auto";
-      }
-      return /* @__PURE__ */ jsx(
-        Box,
-        __spreadProps(__spreadValues(__spreadValues({
-          className: [
-            SheetClasses("BB"),
-            className
-          ].join(" "),
-          padding: 1,
-          transition: "long",
-          opacity: "trans"
-        }, SysStyles), styles), {
-          freeCSS: __spreadValues({
-            width: {
-              "S": "26rem",
-              "R": "36rem",
-              "L": "44rem",
-              "2L": "60rem",
-              "3L": "72rem",
-              "MAX": "100vw"
-            }[size],
-            maxWidth: "96vw",
-            transformOrigin: transformOrigins.join(" ")
-          }, freeCSS),
-          children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
-        })
-      );
-    },
-    Edge: (params) => {
-      let _a = params, {
-        sheetID,
-        sheetGroups,
-        type,
-        content: Content,
-        className = "",
-        size = "R",
-        freeCSS,
-        openAfter,
-        closeAfter,
-        close_option,
-        hold_state,
-        overwrap,
-        isOpen,
-        backgroundEffect
-      } = _a, styles = __objRest(_a, [
-        "sheetID",
-        "sheetGroups",
-        "type",
-        "content",
-        "className",
-        "size",
-        "freeCSS",
-        "openAfter",
-        "closeAfter",
-        "close_option",
-        "hold_state",
-        "overwrap",
-        "isOpen",
-        "backgroundEffect"
-      ]);
-      return /* @__PURE__ */ jsx(
-        Box,
-        __spreadProps(__spreadValues(__spreadValues({
-          opacity: "trans",
-          transition: "long",
-          position: "relative",
-          backgroundColor: "1.layer.base",
-          flexSizing: "none",
-          minHeight: "viewHeight",
-          boxShadow: "3.remark",
-          className: [
-            SheetClasses("BB"),
-            className
-          ].join(" ")
-        }, type == "drawer.right" ? {
-          marginLeft: "auto"
-        } : type == "drawer.left" ? {
-          marginRight: "auto"
-        } : {}), styles), {
-          freeCSS: __spreadValues({
-            width: {
-              "S": "20rem",
-              "R": "27rem",
-              "L": "32rem",
-              "2L": "40rem",
-              "3L": "58rem",
-              "MAX": "100vw"
-            }[size],
-            maxWidth: "96vw"
-          }, freeCSS),
-          children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
-        })
-      );
-    },
-    Bottom: (params) => {
-      let _a = params, {
-        componentID,
-        sheetID,
-        sheetGroups,
-        content: Content,
-        size = "R",
-        sizeChanged,
-        baseStyles,
-        openAfter,
-        closeAfter,
-        close_option: {
-          swipeDown = true
-        } = {},
-        hold_state,
-        overwrap,
-        isOpen,
-        backgroundEffect
-      } = _a, styles = __objRest(_a, [
-        "componentID",
-        "sheetID",
-        "sheetGroups",
-        "content",
-        "size",
-        "sizeChanged",
-        "baseStyles",
-        "openAfter",
-        "closeAfter",
-        "close_option",
-        "hold_state",
-        "overwrap",
-        "isOpen",
-        "backgroundEffect"
-      ]);
-      let screen = $$.getScreenSize();
-      let sizeArray = [0, 0.2, 0.6, 0.95];
-      let SizeSets = {
-        "ZERO": 0,
-        "S": 1,
-        "R": 2,
-        "L": 3
-      };
-      let [val_stableSize, set_stableSize] = useState(size);
-      let [val_edit, set_edit] = useState({
-        process: false,
-        processStart: 0,
-        originY: 0,
-        originValue: 0,
-        viewHeight: 0,
-        value: sizeArray[SizeSets[size]]
-      });
-      useStore.update({
-        key: componentID,
-        value: {
-          val_edit,
-          resize: (size2) => {
-            let Size = sizeArray[SizeSets[size2]];
-            set_edit(__spreadProps(__spreadValues({}, val_edit), {
-              value: Size
-            }));
-            set_stableSize(size2);
-          }
-        }
-      });
-      const Effects = {
-        Start: (event) => {
-          $$(document).addEvent({
-            eventID: "BottomSheetMouseMove",
-            eventType: "mousemove",
-            callback: Effects.Move
-          }).addEvent({
-            eventID: "BottomSheetTouchMove",
-            eventType: "touchmove",
-            callback: Effects.Move
-          }).addEvent({
-            eventID: "BottomSheetMouseUp",
-            eventType: "mouseup",
-            callback: Effects.End
-          }).addEvent({
-            eventID: "BottomSheetTouchEnd",
-            eventType: "touchend",
-            callback: Effects.End
-          });
-          let cursor = $$.getCursor(event);
-          let newEditInfo = __spreadProps(__spreadValues({}, val_edit), {
-            process: true,
-            processStart: (/* @__PURE__ */ new Date()).getTime(),
-            originY: cursor.y,
-            originValue: val_edit.value,
-            viewHeight: $$.getScreenSize().height
-          });
-          useStore.update({
-            key: componentID,
-            value: {
-              val_edit: newEditInfo
-            }
-          });
-          set_edit(newEditInfo);
-        },
-        Move: (event) => {
-          var _a2;
-          let editInfo = (_a2 = useStore.get(componentID)) == null ? void 0 : _a2.val_edit;
-          if (!editInfo.process)
-            return;
-          let margin = $$.getCursor(event).y - editInfo.originY;
-          let marginRate = margin / editInfo.viewHeight;
-          let newRate = editInfo.originValue - marginRate;
-          if (newRate > 0.95) {
-            let margin2 = newRate - 0.95;
-            newRate = 0.95 + margin2 * 0.5;
-          } else if (newRate < 0.2) {
-            let margin2 = 0.2 - newRate;
-            margin2 -= 0.1;
-            newRate = 0.1 + (0.1 - margin2) * 0.5;
-          }
-          set_edit(__spreadProps(__spreadValues({}, editInfo), {
-            value: newRate
-          }));
-        },
-        End: (event) => {
-          var _a2;
-          let editInfo = (_a2 = useStore.get(componentID)) == null ? void 0 : _a2.val_edit;
-          if (!editInfo.process)
-            return;
-          $$(document).removeEvent([
-            "BottomSheetMouseMove",
-            "BottomSheetTouchMove",
-            "BottomSheetMouseUp",
-            "BottomSheetTouchEnd"
-          ]);
-          let sizeIndex = 0;
-          if (editInfo.value < 0.1) {
-          } else if (editInfo.value < 0.5) {
-            sizeIndex = 1;
-          } else if (editInfo.value > 0.75) {
-            sizeIndex = 3;
-          } else {
-            sizeIndex = 2;
-          }
-          let ms = (/* @__PURE__ */ new Date()).getTime() - editInfo.processStart;
-          if (ms < 300) {
-            let margin = $$.getCursor(event).y - editInfo.originY;
-            if (Math.abs(margin) >= 20) {
-              let dir = Number(margin < 0) * 2 - 1;
-              sizeIndex += dir;
-              sizeIndex = Math.min(Math.max(sizeIndex, 0), sizeArray.length - 1);
-            }
-          }
-          if (sizeIndex == 0) {
-            if (!swipeDown)
-              sizeIndex = 1;
-          }
-          set_stableSize(["ZERO", "S", "R", "L"][sizeIndex]);
-          set_edit(__spreadProps(__spreadValues({}, editInfo), {
-            value: sizeArray[sizeIndex],
-            process: false
-          }));
-        }
-      };
-      const mounted = useRef(false);
-      useEffect(() => {
-        if (mounted.current) {
-          if (val_stableSize == "ZERO") {
-            if (swipeDown)
-              Sheet.close(sheetID);
-          } else {
-            setTimeout(() => {
-              if (params.sizeChanged)
-                params.sizeChanged(val_stableSize);
-            }, 250);
-          }
-        } else {
-          mounted.current = true;
-        }
-      }, [val_stableSize]);
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: SheetClasses("BB"),
-          margin: [0, "auto"],
-          marginTop: "auto",
-          opacity: "trans",
-          width: 1,
-          transition: "long",
-          freeCSS: __spreadValues({
-            maxWidth: 12 * 60,
-            height: screen.height * val_edit.value
-          }, val_edit.process ? {
-            transition: "0s"
-          } : {}),
-          children: /* @__PURE__ */ jsxs(
-            Column,
-            __spreadProps(__spreadValues({
-              gap: 0,
-              flexSizing: "none",
-              borderTopLeftRadius: "1.tone.primary",
-              borderTopRightRadius: "1.tone.primary",
-              border: true,
-              borderBottom: "unset",
-              boxShadow: "3.remark",
-              position: "relative",
-              overflow: "hidden",
-              height: 1
-            }, baseStyles), {
-              children: [
-                /* @__PURE__ */ jsxs(
-                  Row.Separate,
-                  {
-                    padding: "1/2",
-                    backgroundColor: "1.layer.base",
-                    position: "relative",
-                    freeCSS: {
-                      userSelect: "none"
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Row.Center,
-                        {
-                          flexSizing: 0,
-                          padding: "2/3",
-                          onMouseDown: Effects.Start,
-                          onTouchStart: Effects.Start,
-                          ssPushable: true,
-                          isRounded: true,
-                          freeCSS: {
-                            cursor: "grab",
-                            userSelect: "none"
-                          },
-                          children: /* @__PURE__ */ jsx(
-                            Box,
-                            {
-                              unitWidth: 6,
-                              unitHeight: "1/2",
-                              backgroundColor: "5.layer.darker",
-                              isRounded: true,
-                              className: SheetClasses("DragBar")
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Button.Button.Sub.R,
-                        {
-                          color: "cloud",
-                          ssSphere: 2,
-                          onClick: () => {
-                            Sheet.close(sheetID);
-                          },
-                          children: /* @__PURE__ */ jsx(FAI.Times, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Box,
-                  __spreadProps(__spreadValues({
-                    backgroundColor: "1.layer.base",
-                    flexSizing: 0,
-                    overflow: "auto"
-                  }, styles), {
-                    children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
-                  })
-                )
-              ]
-            })
-          )
-        }
-      );
-    },
-    Custom: (params) => {
-      let _a = params, {
-        sheetID,
-        sheetGroups,
-        parent,
-        gravityPoint: GPT = 22,
-        content: Content,
-        close_option,
-        hold_state,
-        openAfter,
-        closeAfter,
-        overwrap,
-        isOpen,
-        backgroundEffect
-      } = _a, others = __objRest(_a, [
-        "sheetID",
-        "sheetGroups",
-        "parent",
-        "gravityPoint",
-        "content",
-        "close_option",
-        "hold_state",
-        "openAfter",
-        "closeAfter",
-        "overwrap",
-        "isOpen",
-        "backgroundEffect"
-      ]);
-      let [val_compUID] = useState($$.uuid.gen());
-      let Parent = $$.is.element(parent) ? $$(parent) : $$.is.jsmin(parent) ? parent : $$fromRoot(parent);
-      let Query = '[data-sheet-id="' + val_compUID + '"]';
-      let ContentQuery = '[data-sheet-content="' + val_compUID + '"]';
-      GPT = GPT;
-      let column = GPT % 5 || 5;
-      let row = Math.ceil(GPT / 5);
-      const getWrapperCSS = () => {
-        let WrapperCSS = {};
-        let { top, right, bottom, left, height, width } = Parent.position();
-        if ([1, 2].includes(column)) {
-          WrapperCSS.left = left;
-        } else if (column == 3) {
-          WrapperCSS.left = left + width / 2;
-        } else if ([4, 5].includes(column)) {
-          WrapperCSS.left = right;
-        }
-        if (GPT <= 10) {
-          WrapperCSS.top = top;
-        } else if (GPT <= 15) {
-          WrapperCSS.top = top + height / 2;
-        } else if (GPT <= 25) {
-          WrapperCSS.top = bottom;
-        }
-        return WrapperCSS;
-      };
-      let [val_Styles, set_Styles] = useState(getWrapperCSS());
-      const AdjustExtrusion = () => {
-        let BaseRect = $$fromRoot(Query).position();
-        let ContentRect = $$fromRoot(ContentQuery).position();
-        let screen = $$.getScreenSize();
-        let newStyles = __spreadValues({}, val_Styles);
-        if (ContentRect.top < 0) {
-          newStyles.top = BaseRect.top - ContentRect.top;
-        }
-        if (ContentRect.left < 0) {
-          newStyles.left = BaseRect.left - ContentRect.left;
-        }
-        if (ContentRect.right > screen.width) {
-          newStyles.left = BaseRect.left - (ContentRect.right - screen.width);
-        }
-        if (ContentRect.bottom > screen.height) {
-          newStyles.top = BaseRect.top - (ContentRect.bottom - screen.height);
-        }
-        return newStyles;
-      };
-      useEffect(() => {
-        $$fromRoot(Query).await(10).addClass(SheetClasses("Open")).await(250).callback(() => {
-          set_Styles(AdjustExtrusion());
-        });
-        useStore.update({
-          key: "customSheet-" + params.sheetID,
-          value: {
-            reposition: () => {
-              setTimeout(() => {
-                set_Styles(AdjustExtrusion());
-              }, 200);
-            }
-          }
-        });
-      }, []);
-      if (!Parent[0])
-        return null;
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: [
-            SheetClasses("BB"),
-            SheetClasses("CustomSheet")
-          ].join(" "),
-          "data-sheet-id": val_compUID,
-          transition: "long",
-          opacity: "trans",
-          position: "absolute",
-          width: 0,
-          height: 0,
-          flexCenter: true,
-          freeCSS: val_Styles,
-          children: /* @__PURE__ */ jsx(
-            Flex,
-            {
-              className: [
-                SheetClasses("GPT"),
-                SheetClasses("GPT_" + GPT),
-                SheetClasses("Col_" + column),
-                SheetClasses("Row_" + row)
-              ].join(" "),
-              position: "absolute",
-              children: /* @__PURE__ */ jsx(
-                Box,
-                __spreadProps(__spreadValues({
-                  flexSizing: "none",
-                  "data-sheet-content": val_compUID,
-                  maxHeight: "viewHeight",
-                  overflow: "auto",
-                  padding: 1
-                }, others), {
-                  freeCSS: __spreadValues({
-                    maxWidth: "98vw"
-                  }, others.freeCSS),
-                  children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
-                })
-              )
-            }
-          )
-        }
-      );
-    }
-  },
-  TapSensor: (params) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: SheetClasses("TapSensor"),
-        children: /* @__PURE__ */ jsx(
-          Button.Button.Plain,
-          {
-            className: SheetClasses("TapContent"),
-            onClick: () => {
-              var _a;
-              console.log("gyilbh;unojikpol");
-              if ((_a = params.delegateAroundClick) != null ? _a : false)
-                Sheet.close(params.sheetID);
-            },
-            freeCSS: {
-              cursor: "default",
-              pointerEvents: "all"
-            }
-          }
-        )
-      }
-    );
-  }
-};
-const Sheet = {
-  Wrapper: () => /* @__PURE__ */ jsx(Comps.Wrapper, {}),
-  open: (params) => {
-    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
-    if (params.type == "image") {
-      let sheetID = params.sheetID || $$.uuid.gen();
-      let _a = params, {
-        type,
-        src
-      } = _a, others = __objRest(_a, [
-        "type",
-        "src"
-      ]);
-      Sheet.open(__spreadProps(__spreadValues({
-        type: "normal.topCenter",
-        backgroundColor: "trans"
-      }, others), {
-        sheetID,
-        freeCSS: {
-          maxWidth: "96vw",
-          transformOrigin: "top"
-        },
-        content: () => {
-          let [val_image] = useState($$.flatArray(src));
-          let [val_viewIndex, set_viewIndex] = useState(0);
-          let Radio = [];
-          let Slides = [];
-          val_image.forEach((src2, index) => {
-            Radio.push({
-              value: index,
-              label: /* @__PURE__ */ jsx(
-                Img,
-                {
-                  src: $$.flatArray(src2)[0],
-                  width: "auto",
-                  height: 1,
-                  freeCSS: {
-                    maxWidth: 12 * 6,
-                    maxHeight: 12 * 3
-                  }
-                }
-              )
-            });
-            Slides.push(/* @__PURE__ */ jsx(
-              Img,
-              {
-                width: 1,
-                height: "auto",
-                src: $$.flatArray(src2)[0]
-              }
-            ));
-          });
-          return /* @__PURE__ */ jsxs(
-            Column,
-            {
-              gap: 0,
-              children: [
-                /* @__PURE__ */ jsxs(
-                  Row.Separate,
-                  {
-                    gap: 2,
-                    padding: 1,
-                    backgroundColor: "1.layer.base",
-                    borderTopLeftRadius: "1.tone.primary",
-                    borderTopRightRadius: "1.tone.primary",
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Input.Radio,
-                        {
-                          tone: "border",
-                          icon: false,
-                          value: val_viewIndex,
-                          override: "force",
-                          horizontalAlign: "center",
-                          onUpdateValidValue: ({ value }) => {
-                            set_viewIndex(value[0]);
-                          },
-                          cellStyles: {
-                            borderWidth: 2,
-                            padding: "1/3"
-                          },
-                          options: Radio
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        Button.Button.Border.R,
-                        {
-                          color: "cloud",
-                          isRounded: true,
-                          onClick: () => {
-                            Sheet.close(sheetID);
-                          },
-                          children: [
-                            "\u9589\u3058\u308B ",
-                            /* @__PURE__ */ jsx(FAI.Times, {})
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Layout.SwipeView,
-                  {
-                    slideIndex: val_viewIndex,
-                    options: {
-                      loop: val_image.length > 1,
-                      onSlideCallback: (index) => {
-                        set_viewIndex(index);
-                      }
-                    },
-                    slides: Slides,
-                    wrapper: (View) => /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        borderBottomLeftRadius: "1.tone.primary",
-                        borderBottomRightRadius: "1.tone.primary",
-                        children: View
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          );
-        }
-      }));
-      return;
-    }
-    Comps.addNewSheet(params);
-  },
-  refresh: (params, open) => {
-    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
-    let comps = useStore.get(params.sheetID);
-    comps && comps.refresh && comps.refresh(params, open);
-  },
-  resize: (params) => {
-    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
-    let comps = useStore.get(params.sheetID);
-    comps && comps.resize && comps.resize(params.size);
-  },
-  reposition: (sheetID) => {
-    let Comps2 = useStore.get("customSheet-" + sheetID);
-    Comps2 && Comps2.reposition && Comps2.reposition();
-  },
-  close: function(sheetID, et, force) {
-    var _a;
-    sheetID = sheetID == null ? void 0 : sheetID.replace(/\./g, "-");
-    let Content = Comps.contents[sheetID];
-    if (!Content)
-      return;
-    if (et == "Escape" && !((_a = Content.params.close_option) == null ? void 0 : _a.escapeKeyDown))
-      return;
-    {
-      let { params } = Content;
-      let { sheetID: sheetID2 } = params;
-      let comp = useStore.get(sheetID2);
-      comp && comp.close && comp.close(force);
-    }
-  },
-  closeGroup: (sheetGroup) => {
-    var _a;
-    sheetGroup = (sheetGroup || "").replace(/\./g, "-");
-    for (let [key, value] of Object.entries(Comps.contents)) {
-      if ((_a = value.params.sheetGroups) == null ? void 0 : _a.includes(sheetGroup))
-        Sheet.close(key);
-    }
-  },
-  closeAll: (pageTransit) => {
-    var _a;
-    for (let [key, value] of Object.entries(Comps.contents)) {
-      if (pageTransit) {
-        if (((_a = value.params.close_option) == null ? void 0 : _a.pageTransit) == false)
-          continue;
-      }
-      Sheet.close(key, "pageTransit", true);
-    }
-  },
-  Comps: {
-    Body: (params) => /* @__PURE__ */ jsx(
-      Box,
-      __spreadValues({
-        className: SheetClasses("BaseBody"),
-        backgroundColor: "1.layer.base",
-        borderRadius: "1.tone.primary",
-        position: "relative",
-        boxShadow: "3.remark",
-        transition: "long"
-      }, params)
-    )
-  }
-};
-export {
-  Sheet,
-  Sheet as default
-};
+import{b as d,c as R,d as j}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as G}from"react/jsx-runtime";import{useState as D,useEffect as F,useRef as q}from"react";import{$$ as n,$$fromRoot as N,Config as H,useStore as _}from"../@utils/_";import B from"../atoms/Box";import J from"../atoms/Img";import Q from"../atoms/FAI";import ee from"../atoms/Flex";import X from"../mols/Column";import K from"../mols/Row";import Z from"./Button";import te from"./Layout/_";import oe from"./Input/_";import{SheetClasses as l}from"../@styles/componentClasses/_";const c={mainSheetScrolls:0,subSheetLength:0,currentIndex:0,contents:{},addNewSheet:function(e){if(e=R(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,isOpen:!0},e),{sheetID:e.sheetID||n.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,params:e,created_at:n.Time()};let t=_.get("Sheet-"+H.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=D(n.uuid.gen());F(()=>{_.set({key:"Sheet-"+H.get().sessionUID,value:{refresh:()=>{t(n.uuid.gen())}}}),n(H.get().appRoot).addEvent({eventType:"keyup",callback:function(a){let{key:o,metaKey:h}=a;if(o=="Escape"||o==","&&h){let g=Object.values(c.contents).filter(v=>v.isOpen);if(!g.length)return;let s=g.reduce((v,w)=>v.created_at.value>w.created_at.value?v:w);E.close(s.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(a){var g;let o=Object.values(c.contents).filter(s=>s.params.type=="custom");!o.length||o.find(s=>{let{params:v}=s,w=v.parent,C=a.target,y=N(w)[0];return!!(w==C||y===C||n(y).find(C).length)})||(g=a.target)!=null&&g.closest("."+l("CustomSheet"))||o.forEach(s=>{var v;(v=s.params.close_option)!=null&&v.aroundClick&&E.close(s.params.sheetID)})}})},[]);let r=Object.entries(c.contents).map(([a,o])=>i(B,{id:"Sheet-"+a,children:i(c.Core,d({isOpen:o.isOpen},o.params),a)},a));return i(B,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:r})},Core:e=>{var z;let[t]=D(n.uuid.gen()),[r,a]=D(e),[o,h]=D(e.isOpen),{type:g,sheetID:s,openAfter:v,closeAfter:w}=r,C=!r.overwrap,y=c.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[g]];F(()=>{_.set({key:s,value:{refresh:(m,p)=>{a(m),h(p!=null?p:!1)},resize:m=>{if(g=="drawer.bottom"){let p=_.get(t);p&&p.resize&&p.resize(m)}else(r.type.includes("normal")||r.type.includes("drawer"))&&a(R(d({},r),{size:m}))},close:m=>{c.contents[s].isOpen=!1,h(!1)},open:()=>{c.contents[s].isOpen=!0,h(!0)}}})}),F(()=>{n.scope(()=>{if(C&&r.backgroundEffect){if(c.subSheetLength=c.subSheetLength+(o?1:-1),o){let m=n("html");if(c.subSheetLength==1){let p=m[0].scrollTop;c.mainSheetScrolls=p}H.get().isPhone||(m.callback(()=>{N(".AMOTIFY_be_root").addClass(l("FixScroll")).callback(p=>{p[0].scrollTop=c.mainSheetScrolls}).await(40).addClass(l("Float"))})[0].scrollTop=0);return}c.subSheetLength==0&&(H.get().isPhone||N(".AMOTIFY_be_root").removeClass(l("Float")).await(251).removeClass(l("FixScroll")).callback(()=>{n("html")[0].scrollTop=c.mainSheetScrolls|0,N(".AMOTIFY_be_root")[0].scrollTop=0}))}}),n.scope(()=>{let m=N("#"+t);if(o){m.await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{c.contents[s].isOpen=!0,v&&v()});return}m.await(10).removeClass(l("Open")).await(251).addClass(l("Hide")).callback(()=>{if(!w||w(),c.contents[s].isOpen=!1,r.hold_state)return;delete c.contents[s];let p=_.get("Sheet-"+H.get().sessionUID);p&&p.refresh()})})},[o]),F(()=>{c.currentIndex++;let{close_option:m}=r;n.scope(()=>{if(!(m!=null&&m.parentBlur))return;let p=n(r.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+s,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+s),h(!1)}})})},[]);let[A,L]=g.split(".");return i(B,{className:[l("Wrap"),l("Tcate_"+A),l("Tpos_"+L),l("isNewSheet_"+C)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:c.currentIndex+1},id:t,children:G(X,{className:l("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!C&&i(c.TapSensor,{sheetID:s,delegateAroundClick:(z=r.close_option)==null?void 0:z.aroundClick}),i(y,d({componentID:t},r))]})},t)},Types:{Normal:e=>{let M=e,{sheetID:t,sheetGroups:r,content:a,className:o="",type:h,size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:C,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=M,m=j(M,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[p,k]=h.split("."),b={},I=[];return k.match(/top/)?(I.push("top"),b.marginBottom="auto"):k.match(/middle/)?(I.push("center"),b.marginTop="auto",b.marginBottom="auto"):k.match(/bottom/)&&(I.push("bottom"),b.marginTop="auto"),k.match(/left/i)?(I.push("left"),b.marginRight="auto"):k.match(/center/i)?(I.push("center"),b.marginLeft="auto",b.marginRight="auto"):k.match(/right/i)&&(I.push("right"),b.marginLeft="auto"),i(B,R(d(d({className:[l("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},b),m),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[g],maxWidth:"96vw",transformOrigin:I.join(" ")},s),children:n.is.function(a)?i(a,{}):a}))},Edge:e=>{let p=e,{sheetID:t,sheetGroups:r,type:a,content:o,className:h="",size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:C,hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=p,m=j(p,["sheetID","sheetGroups","type","content","className","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return i(B,R(d(d({opacity:"trans",transition:"long",position:"relative",backgroundColor:"1.layer.base",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark",className:[l("BB"),h].join(" ")},a=="drawer.right"?{marginLeft:"auto"}:a=="drawer.left"?{marginRight:"auto"}:{}),m),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[g],maxWidth:"96vw"},s),children:n.is.function(o)?i(o,{}):o}))},Bottom:e=>{let T=e,{componentID:t,sheetID:r,sheetGroups:a,content:o,size:h="R",sizeChanged:g,baseStyles:s,openAfter:v,closeAfter:w,close_option:{swipeDown:C=!0}={},hold_state:y,overwrap:A,isOpen:L,backgroundEffect:z}=T,m=j(T,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),p=n.getScreenSize(),k=[0,.2,.6,.95],b={ZERO:0,S:1,R:2,L:3},[I,M]=D(h),[O,W]=D({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:k[b[h]]});_.update({key:t,value:{val_edit:O,resize:S=>{let u=k[b[S]];W(R(d({},O),{value:u})),M(S)}}});const P={Start:S=>{n(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:P.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:P.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:P.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:P.End});let u=n.getCursor(S),f=R(d({},O),{process:!0,processStart:new Date().getTime(),originY:u.y,originValue:O.value,viewHeight:n.getScreenSize().height});_.update({key:t,value:{val_edit:f}}),W(f)},Move:S=>{var U;let u=(U=_.get(t))==null?void 0:U.val_edit;if(!u.process)return;let V=(n.getCursor(S).y-u.originY)/u.viewHeight,x=u.originValue-V;if(x>.95)x=.95+(x-.95)*.5;else if(x<.2){let $=.2-x;$-=.1,x=.1+(.1-$)*.5}W(R(d({},u),{value:x}))},End:S=>{var x;let u=(x=_.get(t))==null?void 0:x.val_edit;if(!u.process)return;n(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(u.value<.1||(u.value<.5?f=1:u.value>.75?f=3:f=2),new Date().getTime()-u.processStart<300){let U=n.getCursor(S).y-u.originY;if(Math.abs(U)>=20){let $=+(U<0)*2-1;f+=$,f=Math.min(Math.max(f,0),k.length-1)}}f==0&&(C||(f=1)),M(["ZERO","S","R","L"][f]),W(R(d({},u),{value:k[f],process:!1}))}},Y=q(!1);return F(()=>{Y.current?I=="ZERO"?C&&E.close(r):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(I)},250):Y.current=!0},[I]),i(B,{className:l("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:p.height*O.value},O.process?{transition:"0s"}:{}),children:G(X,R(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},s),{children:[G(K.Separate,{padding:"1/2",backgroundColor:"1.layer.base",position:"relative",freeCSS:{userSelect:"none"},children:[i(K.Center,{flexSizing:0,padding:"2/3",onMouseDown:P.Start,onTouchStart:P.Start,ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:i(B,{unitWidth:6,unitHeight:"1/2",backgroundColor:"5.layer.darker",isRounded:!0,className:l("DragBar")})}),i(Z.Button.Sub.R,{color:"cloud",ssSphere:2,onClick:()=>{E.close(r)},children:i(Q.Times,{})})]}),i(B,R(d({backgroundColor:"1.layer.base",flexSizing:0,overflow:"auto"},m),{children:n.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let Y=e,{sheetID:t,sheetGroups:r,parent:a,gravityPoint:o=22,content:h,close_option:g,hold_state:s,openAfter:v,closeAfter:w,overwrap:C,isOpen:y,backgroundEffect:A}=Y,L=j(Y,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[z]=D(n.uuid.gen()),m=n.is.element(a)?n(a):n.is.jsmin(a)?a:N(a),p='[data-sheet-id="'+z+'"]',k='[data-sheet-content="'+z+'"]';o=o;let b=o%5||5,I=Math.ceil(o/5);const M=()=>{let T={},{top:S,right:u,bottom:f,left:V,height:x,width:U}=m.position();return[1,2].includes(b)?T.left=V:b==3?T.left=V+U/2:[4,5].includes(b)&&(T.left=u),o<=10?T.top=S:o<=15?T.top=S+x/2:o<=25&&(T.top=f),T};let[O,W]=D(M());const P=()=>{let T=N(p).position(),S=N(k).position(),u=n.getScreenSize(),f=d({},O);return S.top<0&&(f.top=T.top-S.top),S.left<0&&(f.left=T.left-S.left),S.right>u.width&&(f.left=T.left-(S.right-u.width)),S.bottom>u.height&&(f.top=T.top-(S.bottom-u.height)),f};return F(()=>{N(p).await(10).addClass(l("Open")).await(250).callback(()=>{W(P())}),_.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(P())},200)}}})},[]),m[0]?i(B,{className:[l("BB"),l("CustomSheet")].join(" "),"data-sheet-id":z,transition:"long",opacity:"trans",position:"absolute",width:0,height:0,flexCenter:!0,freeCSS:O,children:i(ee,{className:[l("GPT"),l("GPT_"+o),l("Col_"+b),l("Row_"+I)].join(" "),position:"absolute",children:i(B,R(d({flexSizing:"none","data-sheet-content":z,maxHeight:"viewHeight",overflow:"auto",padding:1},L),{freeCSS:d({maxWidth:"98vw"},L.freeCSS),children:n.is.function(h)?i(h,{}):h}))})}):null}},TapSensor:e=>i(B,{className:l("TapSensor"),children:i(Z.Button.Plain,{className:l("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&E.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},E={Wrapper:()=>i(c.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let r=e.sheetID||n.uuid.gen(),t=e,{type:a,src:o}=t,h=j(t,["type","src"]);E.open(R(d({type:"normal.topCenter",backgroundColor:"trans"},h),{sheetID:r,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[g]=D(n.flatArray(o)),[s,v]=D(0),w=[],C=[];return g.forEach((y,A)=>{w.push({value:A,label:i(J,{src:n.flatArray(y)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),C.push(i(J,{width:1,height:"auto",src:n.flatArray(y)[0]}))}),G(X,{gap:0,children:[G(K.Separate,{gap:2,padding:1,backgroundColor:"1.layer.base",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[i(oe.Radio,{tone:"border",icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:y})=>{v(y[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),G(Z.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{E.close(r)},children:["\u9589\u3058\u308B ",i(Q.Times,{})]})]}),i(te.SwipeView,{slideIndex:s,options:{loop:g.length>1,onSlideCallback:y=>{v(y)}},slides:C,wrapper:y=>i(B,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:y})})]})}}));return}c.addNewSheet(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=_.get(e.sheetID);r&&r.refresh&&r.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=_.get(e.sheetID);t&&t.resize&&t.resize(e.size)},reposition:e=>{let t=_.get("customSheet-"+e);t&&t.reposition&&t.reposition()},close:function(e,t,r){var o;e=e==null?void 0:e.replace(/\./g,"-");let a=c.contents[e];if(a&&!(t=="Escape"&&!((o=a.params.close_option)!=null&&o.escapeKeyDown))){let{params:h}=a,{sheetID:g}=h,s=_.get(g);s&&s.close&&s.close(r)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[r,a]of Object.entries(c.contents))(t=a.params.sheetGroups)!=null&&t.includes(e)&&E.close(r)},closeAll:e=>{var t;for(let[r,a]of Object.entries(c.contents))e&&((t=a.params.close_option)==null?void 0:t.pageTransit)==!1||E.close(r,"pageTransit",!0)},Comps:{Body:e=>i(B,d({className:l("BaseBody"),backgroundColor:"1.layer.base",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))}};export{E as Sheet,E as default};