@owp/core 2.5.14 → 2.5.16

package/dist/components/OwpDialog/OwpAlertDialog.js

@@ -0,0 +1,46 @@
+var f = Object.defineProperty;
+var i = (t, r) => f(t, "name", { value: r, configurable: !0 });
+import { jsxs as s, jsx as e } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpTranslation as D } from "../../hooks/useOwpTranslation.js";
+import { DialogActions as T, Button as a, Dialog as k, DialogTitle as v, DialogContentText as B, DialogContent as b } from "@mui/material";
+const p = /* @__PURE__ */ i(({
+  payload: t,
+  open: r,
+  onClose: o
+}) => {
+  const { title: n, description: l, okButtonProps: d, cancelButtonProps: g, severity: u, useInfo: x } = t, { t: c } = D(), h = (t == null ? void 0 : t.okText) ?? c("Button.확인"), m = (t == null ? void 0 : t.cancelText) ?? c("Button.취소");
+  return /* @__PURE__ */ s(
+    k,
+    {
+      fullWidth: !0,
+      maxWidth: "xs",
+      open: r,
+      onClose: /* @__PURE__ */ i(() => o(!1), "onClose"),
+      role: "alertdialog",
+      "aria-labelledby": n ? "alert-dialog-title" : void 0,
+      "aria-describedby": l ? "alert-dialog-description" : void 0,
+      children: [
+        n && /* @__PURE__ */ e(v, { id: "alert-dialog-title", children: n }),
+        l && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(B, { id: "alert-dialog-description", children: l }) }),
+        /* @__PURE__ */ s(T, { children: [
+          !x && /* @__PURE__ */ e(a, { ...g, variant: "outlined", onClick: /* @__PURE__ */ i(() => o(!1), "onClick"), children: m }),
+          /* @__PURE__ */ e(
+            a,
+            {
+              color: u ?? "primary",
+              variant: "contained",
+              ...d,
+              onClick: /* @__PURE__ */ i(() => o(!0), "onClick"),
+              children: h
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, "OwpAlertDialog");
+p.displayName = "OwpAlertDialog";
+export {
+  p as OwpAlertDialog
+};
+//# sourceMappingURL=OwpAlertDialog.js.map

package/dist/components/OwpDialog/OwpAlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpAlertDialog.js","sources":["../../../src/components/OwpDialog/OwpAlertDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '@mui/material';\nimport type { ButtonProps } from '@mui/material';\nimport type { DialogProps } from '@toolpad/core/useDialogs';\nimport type { ReactNode } from 'react';\n\nexport type OwpAlertDialogSeverity =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface OwpAlertDialogPayload {\n  title?: ReactNode | string;\n  description?: ReactNode | string;\n  okText?: string;\n  cancelText?: string;\n  severity?: OwpAlertDialogSeverity;\n  useInfo?: boolean;\n  okButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n}\n\n/**\n * 경고성 확인 대화상자 컴포넌트\n * @param payload 대화상자 표시 속성\n * @param open 열림 여부\n * @param onClose 닫힘 핸들러\n */\nconst OwpAlertDialog = ({\n  payload,\n  open,\n  onClose,\n}: DialogProps<OwpAlertDialogPayload, boolean>) => {\n  const { title, description, okButtonProps, cancelButtonProps, severity, useInfo } = payload;\n  const { t } = useOwpTranslation();\n\n  const okText = payload?.okText ?? t('Button.확인');\n  const cancelText = payload?.cancelText ?? t('Button.취소');\n\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"xs\"\n      open={open}\n      onClose={() => onClose(false)}\n      role=\"alertdialog\"\n      aria-labelledby={title ? 'alert-dialog-title' : undefined}\n      aria-describedby={description ? 'alert-dialog-description' : undefined}\n    >\n      {title && <DialogTitle id=\"alert-dialog-title\">{title}</DialogTitle>}\n      {description && (\n        <DialogContent>\n          <DialogContentText id=\"alert-dialog-description\">{description}</DialogContentText>\n        </DialogContent>\n      )}\n      <DialogActions>\n        {!useInfo && (\n          <Button {...cancelButtonProps} variant=\"outlined\" onClick={() => onClose(false)}>\n            {cancelText}\n          </Button>\n        )}\n        <Button\n          color={severity ?? 'primary'}\n          variant=\"contained\"\n          {...okButtonProps}\n          onClick={() => onClose(true)}\n        >\n          {okText}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOwpAlertDialog.displayName = 'OwpAlertDialog';\n\nexport { OwpAlertDialog };\n"],"names":["OwpAlertDialog","__name","payload","open","onClose","title","description","okButtonProps","cancelButtonProps","severity","useInfo","t","useOwpTranslation","okText","cancelText","jsxs","Dialog","jsx","DialogTitle","DialogContent","DialogContentText","DialogActions","Button"],"mappings":";;;;;AAsCA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAmD;AACjD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,mBAAAC,GAAmB,UAAAC,GAAU,SAAAC,MAAYR,GAC9E,EAAE,GAAAS,EAAA,IAAMC,EAAA,GAERC,KAASX,KAAA,gBAAAA,EAAS,WAAUS,EAAE,WAAW,GACzCG,KAAaZ,KAAA,gBAAAA,EAAS,eAAcS,EAAE,WAAW;AAEvD,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,MAAAb;AAAA,MACA,SAAS,gBAAAF,EAAA,MAAMG,EAAQ,EAAK,GAAnB;AAAA,MACT,MAAK;AAAA,MACL,mBAAiBC,IAAQ,uBAAuB;AAAA,MAChD,oBAAkBC,IAAc,6BAA6B;AAAA,MAE5D,UAAA;AAAA,QAAAD,KAAS,gBAAAY,EAACC,GAAA,EAAY,IAAG,sBAAsB,UAAAb,GAAM;AAAA,QACrDC,uBACEa,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAkB,IAAG,4BAA4B,aAAY,EAAA,CAChE;AAAA,0BAEDC,GAAA,EACE,UAAA;AAAA,UAAA,CAACX,KACA,gBAAAO,EAACK,GAAA,EAAQ,GAAGd,GAAmB,SAAQ,YAAW,SAAS,gBAAAP,EAAA,MAAMG,EAAQ,EAAK,GAAnB,YACxD,UAAAU,EAAA,CACH;AAAA,UAEF,gBAAAG;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,OAAOb,KAAY;AAAA,cACnB,SAAQ;AAAA,cACP,GAAGF;AAAA,cACJ,SAAS,gBAAAN,EAAA,MAAMG,EAAQ,EAAI,GAAlB;AAAA,cAER,UAAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GA5CuB;AA8CvBb,EAAe,cAAc;"}

package/dist/components/OwpDialog/OwpDialog.js

@@ -1,43 +1,46 @@
-var O = Object.defineProperty;
-var n = (e, c) => O(e, "name", { value: c, configurable: !0 });
-import { jsxs as s, jsx as r } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpTranslation as I } from "../../hooks/useOwpTranslation.js";
-import { DialogContent as K, DialogActions as N, Dialog as P, DialogTitle as z, CircularProgress as H, Box as m, Button as y } from "@mui/material";
-import { forwardRef as R } from "react";
-const W = R(
+var K = Object.defineProperty;
+var n = (e, c) => K(e, "name", { value: c, configurable: !0 });
+import { jsxs as l, jsx as r } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpTranslation as N } from "../../hooks/useOwpTranslation.js";
+import { DialogContent as P, DialogActions as z, Dialog as H, DialogTitle as R, CircularProgress as W, Box as m, Button as y } from "@mui/material";
+import { forwardRef as q } from "react";
+const E = q(
   ({
     title: e,
     children: c,
     loading: o = !1,
-    canCancel: h = !0,
-    canConfirm: d = !0,
+    alertDialog: h = !1,
+    canCancel: g = !0,
+    canConfirm: s = !0,
     confirmText: D,
-    cancelText: g,
-    onConfirm: l,
-    onCancel: u,
+    cancelText: v,
+    onConfirm: d,
+    onCancel: f,
     onClose: t,
     useSubmit: a,
-    actions: f,
-    contentProps: v,
-    ...w
-  }, T) => {
-    const { t: p } = I(), B = D ?? p("Button.저장"), k = g ?? p(d ? "Button.취소" : "Button.닫기"), { sx: i, ...b } = v ?? {}, j = [
+    actions: u,
+    contentProps: w,
+    role: T,
+    ...B
+  }, k) => {
+    const { t: p } = N(), b = D ?? p("Button.저장"), j = v ?? p(s ? "Button.취소" : "Button.닫기"), { sx: i, ...A } = w ?? {}, O = [
       { position: "relative", minHeight: o ? 120 : void 0 },
       ...Array.isArray(i) ? i : i ? [i] : []
     ];
-    return /* @__PURE__ */ s(
-      P,
+    return /* @__PURE__ */ l(
+      H,
       {
-        ref: T,
+        ref: k,
         fullWidth: !0,
         component: a ? "form" : void 0,
-        onClose: /* @__PURE__ */ n((A, x) => {
-          x !== "backdropClick" && (t == null || t(A, x));
+        role: h ? "alertdialog" : T,
+        onClose: /* @__PURE__ */ n((I, x) => {
+          x !== "backdropClick" && (t == null || t(I, x));
         }, "onClose"),
-        ...w,
+        ...B,
         children: [
-          e && /* @__PURE__ */ r(z, { children: e }),
-          /* @__PURE__ */ s(K, { dividers: !0, "aria-busy": o, ...b, sx: j, children: [
+          e && /* @__PURE__ */ r(R, { children: e }),
+          /* @__PURE__ */ l(P, { dividers: !0, "aria-busy": o, ...A, sx: O, children: [
             c,
             o && /* @__PURE__ */ r(
               m,
@@ -51,27 +54,27 @@ const W = R(
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ r(H, { color: "secondary" })
+                children: /* @__PURE__ */ r(W, { color: "secondary" })
               }
             )
           ] }),
-          /* @__PURE__ */ s(N, { children: [
-            f && /* @__PURE__ */ r(m, { className: "flex w-full items-start", children: f }),
-            h && /* @__PURE__ */ r(
+          /* @__PURE__ */ l(z, { children: [
+            u && /* @__PURE__ */ r(m, { className: "flex w-full items-start", children: u }),
+            g && /* @__PURE__ */ r(
               y,
               {
                 variant: "outlined",
                 onClick: /* @__PURE__ */ n(() => {
-                  if (typeof u == "function") {
-                    u();
+                  if (typeof f == "function") {
+                    f();
                     return;
                   }
                   t == null || t({}, "escapeKeyDown");
                 }, "onClick"),
-                children: k
+                children: j
               }
             ),
-            d && /* @__PURE__ */ r(
+            s && /* @__PURE__ */ r(
               y,
               {
                 variant: "contained",
@@ -79,14 +82,14 @@ const W = R(
                 type: a ? "submit" : "button",
                 onClick: /* @__PURE__ */ n(() => {
                   if (!a) {
-                    if (typeof l == "function") {
-                      l();
+                    if (typeof d == "function") {
+                      d();
                       return;
                     }
                     t == null || t({}, "escapeKeyDown");
                   }
                 }, "onClick"),
-                children: B
+                children: b
               }
             )
           ] })
@@ -95,8 +98,8 @@ const W = R(
     );
   }
 );
-W.displayName = "OwpDialog";
+E.displayName = "OwpDialog";
 export {
-  W as OwpDialog
+  E as OwpDialog
 };
 //# sourceMappingURL=OwpDialog.js.map

package/dist/components/OwpDialog/OwpDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  loading?: boolean;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param loading 본문 로딩 여부\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      loading = false,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      useSubmit,\n      actions,\n      contentProps,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n    const { sx: contentSx, ...restContentProps } = contentProps ?? {};\n    const resolvedContentSx = [\n      { position: 'relative', minHeight: loading ? 120 : undefined },\n      ...(Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []),\n    ];\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        component={useSubmit ? 'form' : undefined}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers aria-busy={loading} {...restContentProps} sx={resolvedContentSx}>\n          {children}\n          {loading && (\n            <Box\n              aria-hidden=\"true\"\n              sx={{\n                position: 'absolute',\n                inset: 0,\n                zIndex: 1,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              <CircularProgress color=\"secondary\" />\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\nexport { OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","loading","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","useSubmit","actions","contentProps","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","contentSx","restContentProps","resolvedContentSx","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","Box","CircularProgress","DialogActions","Button"],"mappings":"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"}
+{"version":3,"file":"OwpDialog.js","sources":["../../../src/components/OwpDialog/OwpDialog.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentProps,\n  DialogProps,\n  DialogTitle,\n} from '@mui/material';\nimport { forwardRef, ReactNode } from 'react';\n\nexport interface OwpDialogProps extends Omit<DialogProps, 'title'> {\n  title?: ReactNode;\n  children?: ReactNode;\n  loading?: boolean;\n  alertDialog?: boolean;\n  canConfirm?: boolean;\n  canCancel?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  useSubmit?: boolean;\n  actions?: ReactNode;\n  contentProps?: DialogContentProps;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n}\n\n/**\n * OwpDialog 컴포넌트\n * @param title 제목\n * @param children 하위 콘텐츠\n * @param loading 본문 로딩 여부\n * @param alertDialog alertdialog role 적용 여부\n * @param canCancel canCancel 값\n * @param canConfirm canConfirm 값\n * @param onConfirm onConfirm 핸들러\n * @param onCancel onCancel 핸들러\n */\nconst OwpDialog = forwardRef<HTMLDivElement, OwpDialogProps>(\n  (\n    {\n      title,\n      children,\n      loading = false,\n      alertDialog = false,\n      canCancel = true,\n      canConfirm = true,\n      confirmText: confirmTextProp,\n      cancelText: cancelTextProp,\n      onConfirm,\n      onCancel,\n      onClose,\n      useSubmit,\n      actions,\n      contentProps,\n      role: roleProp,\n      ...dialogProps\n    },\n    ref,\n  ) => {\n    const { t } = useOwpTranslation();\n    const confirmText = confirmTextProp ?? t('Button.저장');\n    const cancelText = cancelTextProp ?? t(canConfirm ? 'Button.취소' : 'Button.닫기');\n    const { sx: contentSx, ...restContentProps } = contentProps ?? {};\n    const resolvedContentSx = [\n      { position: 'relative', minHeight: loading ? 120 : undefined },\n      ...(Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []),\n    ];\n\n    return (\n      <Dialog\n        ref={ref}\n        fullWidth\n        component={useSubmit ? 'form' : undefined}\n        role={alertDialog ? 'alertdialog' : roleProp}\n        onClose={(event, reason) => {\n          if (reason === 'backdropClick') {\n            return;\n          }\n\n          onClose?.(event, reason);\n        }}\n        {...dialogProps}\n      >\n        {title && <DialogTitle>{title}</DialogTitle>}\n        <DialogContent dividers aria-busy={loading} {...restContentProps} sx={resolvedContentSx}>\n          {children}\n          {loading && (\n            <Box\n              aria-hidden=\"true\"\n              sx={{\n                position: 'absolute',\n                inset: 0,\n                zIndex: 1,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              <CircularProgress color=\"secondary\" />\n            </Box>\n          )}\n        </DialogContent>\n        <DialogActions>\n          {actions && <Box className=\"flex w-full items-start\">{actions}</Box>}\n          {canCancel && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (typeof onCancel === 'function') {\n                  onCancel();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {cancelText}\n            </Button>\n          )}\n          {canConfirm && (\n            <Button\n              variant=\"contained\"\n              color=\"secondary\"\n              type={useSubmit ? 'submit' : 'button'}\n              onClick={() => {\n                if (useSubmit) {\n                  return;\n                }\n\n                if (typeof onConfirm === 'function') {\n                  onConfirm();\n                  return;\n                }\n\n                onClose?.({}, 'escapeKeyDown');\n              }}\n            >\n              {confirmText}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  },\n);\n\nOwpDialog.displayName = 'OwpDialog';\nexport { OwpDialog };\n"],"names":["OwpDialog","forwardRef","title","children","loading","alertDialog","canCancel","canConfirm","confirmTextProp","cancelTextProp","onConfirm","onCancel","onClose","useSubmit","actions","contentProps","roleProp","dialogProps","ref","t","useOwpTranslation","confirmText","cancelText","contentSx","restContentProps","resolvedContentSx","jsxs","Dialog","__name","event","reason","jsx","DialogTitle","DialogContent","Box","CircularProgress","DialogActions","Button"],"mappings":";;;;;;AAyCA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,aAAaC;AAAA,IACb,YAAYC;AAAA,IACZ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAMC;AAAA,IACN,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAcb,KAAmBW,EAAE,WAAW,GAC9CG,IAAab,KAAkBU,EAAEZ,IAAa,cAAc,WAAW,GACvE,EAAE,IAAIgB,GAAW,GAAGC,EAAA,IAAqBT,KAAgB,CAAA,GACzDU,IAAoB;AAAA,MACxB,EAAE,UAAU,YAAY,WAAWrB,IAAU,MAAM,OAAA;AAAA,MACnD,GAAI,MAAM,QAAQmB,CAAS,IAAIA,IAAYA,IAAY,CAACA,CAAS,IAAI,CAAA;AAAA,IAAC;AAGxE,WACE,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAS;AAAA,QACT,WAAWL,IAAY,SAAS;AAAA,QAChC,MAAMR,IAAc,gBAAgBW;AAAA,QACpC,SAAS,gBAAAY,EAAA,CAACC,GAAOC,MAAW;AAC1B,UAAIA,MAAW,oBAIflB,KAAA,QAAAA,EAAUiB,GAAOC;AAAA,QACnB,GANS;AAAA,QAOR,GAAGb;AAAA,QAEH,UAAA;AAAA,UAAAf,KAAS,gBAAA6B,EAACC,KAAa,UAAA9B,EAAA,CAAM;AAAA,UAC9B,gBAAAwB,EAACO,KAAc,UAAQ,IAAC,aAAW7B,GAAU,GAAGoB,GAAkB,IAAIC,GACnE,UAAA;AAAA,YAAAtB;AAAA,YACAC,KACC,gBAAA2B;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,gBAAA;AAAA,gBAGlB,UAAA,gBAAAH,EAACI,GAAA,EAAiB,OAAM,YAAA,CAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC,GAEJ;AAAA,4BACCC,GAAA,EACE,UAAA;AAAA,YAAAtB,KAAW,gBAAAiB,EAACG,GAAA,EAAI,WAAU,2BAA2B,UAAApB,GAAQ;AAAA,YAC7DR,KACC,gBAAAyB;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,gBAAAT,EAAA,MAAM;AACb,sBAAI,OAAOjB,KAAa,YAAY;AAClC,oBAAAA,EAAA;AACA;AAAA,kBACF;AAEA,kBAAAC,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA,gBAChB,GAPS;AAAA,gBASR,UAAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJf,KACC,gBAAAwB;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAMxB,IAAY,WAAW;AAAA,gBAC7B,SAAS,gBAAAe,EAAA,MAAM;AACb,sBAAI,CAAAf,GAIJ;AAAA,wBAAI,OAAOH,KAAc,YAAY;AACnC,sBAAAA,EAAA;AACA;AAAA,oBACF;AAEA,oBAAAE,KAAA,QAAAA,EAAU,CAAA,GAAI;AAAA;AAAA,gBAChB,GAXS;AAAA,gBAaR,UAAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEArB,EAAU,cAAc;"}