@webiny/app-website-builder 6.3.0-beta.2 → 6.3.0-beta.4

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDialog.js

@@ -1,37 +0,0 @@
-import React, { useEffect } from "react";
-import { useDialogs } from "@webiny/app-admin";
-import { SettingsDialogBody } from "./SettingsDialogBody.js";
-import { usePageEditorConfig } from "../../usePageEditorConfig.js";
-export const PageSettingsDialog = ({
-  open,
-  data,
-  onClose,
-  onSave
-}) => {
-  const dialogs = useDialogs();
-  const {
-    pageSettings
-  } = usePageEditorConfig();
-  const showDialog = () => {
-    dialogs.showDialog({
-      title: "Page Settings",
-      description: "Configure your page settings, SEO and Social metadata.",
-      dismissible: false,
-      acceptLabel: "Save Settings",
-      formData: data,
-      content: /*#__PURE__*/React.createElement(SettingsDialogBody, {
-        pageSettings: pageSettings
-      }),
-      onAccept: onSave,
-      onClose
-    });
-  };
-  useEffect(() => {
-    if (open) {
-      showDialog();
-    }
-  }, [open]);
-  return null;
-};
-
-//# sourceMappingURL=PageSettingsDialog.js.map

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useDialogs","SettingsDialogBody","usePageEditorConfig","PageSettingsDialog","open","data","onClose","onSave","dialogs","pageSettings","showDialog","title","description","dismissible","acceptLabel","formData","content","createElement","onAccept"],"sources":["PageSettingsDialog.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./SettingsDialogBody.js\";\nimport type { PageSettingsOverlayProps } from \"~/modules/pages/PageEditor/TopBar/SettingsButton.js\";\nimport { usePageEditorConfig } from \"~/modules/pages/PageEditor/usePageEditorConfig.js\";\n\nexport const PageSettingsDialog = ({ open, data, onClose, onSave }: PageSettingsOverlayProps) => {\n    const dialogs = useDialogs();\n    const { pageSettings } = usePageEditorConfig();\n\n    const showDialog = () => {\n        dialogs.showDialog({\n            title: \"Page Settings\",\n            description: \"Configure your page settings, SEO and Social metadata.\",\n            dismissible: false,\n            acceptLabel: \"Save Settings\",\n            formData: data,\n            content: <SettingsDialogBody pageSettings={pageSettings} />,\n            onAccept: onSave,\n            onClose\n        });\n    };\n\n    useEffect(() => {\n        if (open) {\n            showDialog();\n        }\n    }, [open]);\n\n    return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAE3B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAES;EAAa,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EAE9C,MAAMQ,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAEV,IAAI;MACdW,OAAO,eAAElB,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB;QAACQ,YAAY,EAAEA;MAAa,CAAE,CAAC;MAC3DS,QAAQ,EAAEX,MAAM;MAChBD;IACJ,CAAC,CAAC;EACN,CAAC;EAEDP,SAAS,CAAC,MAAM;IACZ,IAAIK,IAAI,EAAE;MACNM,UAAU,CAAC,CAAC;IAChB;EACJ,CAAC,EAAE,CAACN,IAAI,CAAC,CAAC;EAEV,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { PageSettingsOverlayProps } from "../../../../../modules/pages/PageEditor/TopBar/SettingsButton.js";
-export declare const PageSettingsDrawer: ({ open, data, onSave, onClose }: PageSettingsOverlayProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.js

@@ -1,73 +0,0 @@
-import React, { Fragment, useRef, useState } from "react";
-import { Form } from "@webiny/form";
-import { Drawer, Heading, Text, List, Grid } from "@webiny/admin-ui";
-import { usePageEditorConfig } from "../../usePageEditorConfig.js";
-export const PageSettingsDrawer = ({
-  open,
-  data,
-  onSave,
-  onClose
-}) => {
-  const formRef = useRef();
-  const {
-    pageSettings
-  } = usePageEditorConfig();
-  const groups = pageSettings.groups;
-  const [activeGroup, setActiveGroup] = useState(groups[0].name);
-  const group = groups.find(g => g.name === activeGroup);
-  let activeContent = null;
-  if (group) {
-    activeContent = group.elements.map((el, index) => /*#__PURE__*/React.createElement(Fragment, {
-      key: index
-    }, el.element));
-  }
-  return /*#__PURE__*/React.createElement(Drawer, {
-    open: open,
-    onClose: onClose,
-    modal: true,
-    width: 900,
-    bodyPadding: false,
-    title: "Page Settings",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
-      onClick: () => formRef.current?.submit(),
-      text: "Save Settings"
-    })),
-    headerSeparator: true,
-    footerSeparator: true,
-    className: "flex flex-col"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-row flex-1 min-h-full shrink-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col",
-    style: {
-      width: 300
-    }
-  }, /*#__PURE__*/React.createElement(List, null, groups.map(group => /*#__PURE__*/React.createElement(List.Item, {
-    className: "fill-neutral-strong",
-    icon: group.icon,
-    key: group.name,
-    title: group.title,
-    description: group.description,
-    activated: activeGroup === group.name,
-    onClick: () => setActiveGroup(group.name)
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col flex-1 p-md border-l border-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "p-md"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 4,
-    className: "text-neutral-primary"
-  }, group?.title), /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, group?.description)), /*#__PURE__*/React.createElement("div", {
-    className: "p-md"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: data,
-    ref: formRef,
-    onSubmit: onSave
-  }, () => /*#__PURE__*/React.createElement(Grid, null, activeContent))))));
-};
-
-//# sourceMappingURL=PageSettingsDrawer.js.map

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Fragment","useRef","useState","Form","Drawer","Heading","Text","List","Grid","usePageEditorConfig","PageSettingsDrawer","open","data","onSave","onClose","formRef","pageSettings","groups","activeGroup","setActiveGroup","name","group","find","g","activeContent","elements","map","el","index","createElement","key","element","modal","width","bodyPadding","title","actions","CancelButton","text","ConfirmButton","onClick","current","submit","headerSeparator","footerSeparator","className","style","Item","icon","description","activated","level","size","ref","onSubmit"],"sources":["PageSettingsDrawer.tsx"],"sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { Form, type FormAPI } from \"@webiny/form\";\nimport { Drawer, Heading, Text, List, Grid } from \"@webiny/admin-ui\";\nimport type { PageSettingsOverlayProps } from \"~/modules/pages/PageEditor/TopBar/SettingsButton.js\";\nimport { usePageEditorConfig } from \"~/modules/pages/PageEditor/usePageEditorConfig.js\";\n\nexport const PageSettingsDrawer = ({ open, data, onSave, onClose }: PageSettingsOverlayProps) => {\n    const formRef = useRef<FormAPI | undefined>();\n    const { pageSettings } = usePageEditorConfig();\n\n    const groups = pageSettings.groups;\n\n    const [activeGroup, setActiveGroup] = useState(groups[0].name);\n\n    const group = groups.find(g => g.name === activeGroup);\n\n    let activeContent = null;\n    if (group) {\n        activeContent = group.elements.map((el, index) => (\n            <Fragment key={index}>{el.element}</Fragment>\n        ));\n    }\n\n    return (\n        <Drawer\n            open={open}\n            onClose={onClose}\n            modal={true}\n            width={900}\n            bodyPadding={false}\n            title={\"Page Settings\"}\n            actions={\n                <>\n                    <Drawer.CancelButton text={\"Cancel\"} />\n                    <Drawer.ConfirmButton\n                        onClick={() => formRef.current?.submit()}\n                        text={\"Save Settings\"}\n                    />\n                </>\n            }\n            headerSeparator={true}\n            footerSeparator={true}\n            className={\"flex flex-col\"}\n        >\n            <div className={\"flex flex-row flex-1 min-h-full shrink-0\"}>\n                <div className={\"flex flex-col\"} style={{ width: 300 }}>\n                    <List>\n                        {groups.map(group => (\n                            <List.Item\n                                className={\"fill-neutral-strong\"}\n                                icon={group.icon}\n                                key={group.name}\n                                title={group.title}\n                                description={group.description}\n                                activated={activeGroup === group.name}\n                                onClick={() => setActiveGroup(group.name)}\n                            />\n                        ))}\n                    </List>\n                </div>\n                <div className={\"flex flex-col flex-1 p-md border-l border-neutral-dimmed\"}>\n                    <div className={\"p-md\"}>\n                        <Heading level={4} className={\"text-neutral-primary\"}>\n                            {group?.title}\n                        </Heading>\n                        <Text size={\"sm\"}>{group?.description}</Text>\n                    </div>\n                    <div className={\"p-md\"}>\n                        <Form data={data} ref={formRef} onSubmit={onSave}>\n                            {() => <Grid>{activeContent}</Grid>}\n                        </Form>\n                    </div>\n                </div>\n            </div>\n        </Drawer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { EditorPageSettings } from "../../../../../modules/pages/PageEditor/usePageEditorConfig.js";
-export interface SettingsDialogBodyProps {
-    pageSettings: EditorPageSettings;
-}
-export declare const SettingsDialogBody: ({ pageSettings }: SettingsDialogBodyProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { Tabs, Grid } from "@webiny/admin-ui";
-export const SettingsDialogBody = ({
-  pageSettings
-}) => {
-  return /*#__PURE__*/React.createElement(Tabs, {
-    tabs: pageSettings.groups.map(group => /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: group.name,
-      value: group.name,
-      trigger: group.title,
-      icon: group.icon,
-      content: /*#__PURE__*/React.createElement(Grid, {
-        className: "mt-md"
-      }, (group.elements || []).map(el => /*#__PURE__*/React.createElement(React.Fragment, {
-        key: el.name
-      }, el.element)))
-    }))
-  });
-};
-
-//# sourceMappingURL=SettingsDialogBody.js.map

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Tabs","Grid","SettingsDialogBody","pageSettings","createElement","tabs","groups","map","group","Tab","key","name","value","trigger","title","icon","content","className","elements","el","Fragment","element"],"sources":["SettingsDialogBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs, Grid } from \"@webiny/admin-ui\";\nimport type { EditorPageSettings } from \"~/modules/pages/PageEditor/usePageEditorConfig.js\";\n\nexport interface SettingsDialogBodyProps {\n    pageSettings: EditorPageSettings;\n}\n\nexport const SettingsDialogBody = ({ pageSettings }: SettingsDialogBodyProps) => {\n    return (\n        <Tabs\n            tabs={pageSettings.groups.map(group => (\n                <Tabs.Tab\n                    key={group.name}\n                    value={group.name}\n                    trigger={group.title}\n                    icon={group.icon as React.ReactElement}\n                    content={\n                        <Grid className={\"mt-md\"}>\n                            {(group.elements || []).map(el => (\n                                <React.Fragment key={el.name}>{el.element}</React.Fragment>\n                            ))}\n                        </Grid>\n                    }\n                />\n            ))}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAO7C,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EAC7E,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IACDK,IAAI,EAAEF,YAAY,CAACG,MAAM,CAACC,GAAG,CAACC,KAAK,iBAC/BT,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACS,GAAG;MACLC,GAAG,EAAEF,KAAK,CAACG,IAAK;MAChBC,KAAK,EAAEJ,KAAK,CAACG,IAAK;MAClBE,OAAO,EAAEL,KAAK,CAACM,KAAM;MACrBC,IAAI,EAAEP,KAAK,CAACO,IAA2B;MACvCC,OAAO,eACHjB,KAAA,CAAAK,aAAA,CAACH,IAAI;QAACgB,SAAS,EAAE;MAAQ,GACpB,CAACT,KAAK,CAACU,QAAQ,IAAI,EAAE,EAAEX,GAAG,CAACY,EAAE,iBAC1BpB,KAAA,CAAAK,aAAA,CAACL,KAAK,CAACqB,QAAQ;QAACV,GAAG,EAAES,EAAE,CAACR;MAAK,GAAEQ,EAAE,CAACE,OAAwB,CAC7D,CACC;IACT,CACJ,CACJ;EAAE,CACN,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface MetaTagsProps {
-    bindName: string;
-    label: string;
-    description: string;
-}
-export declare const SimpleTags: (props: MetaTagsProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js

@@ -1,75 +0,0 @@
-import React from "react";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { Bind, useBind } from "@webiny/form";
-import { Button, DynamicFieldset, FormComponentDescription, FormComponentLabel, IconButton, Input } from "@webiny/admin-ui";
-const Header = ({
-  label,
-  description
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
-    text: label
-  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
-    text: description
-  }));
-};
-const Footer = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClick,
-    text: "Add tag",
-    variant: "secondary",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  }));
-};
-export const SimpleTags = props => {
-  const {
-    value,
-    onChange
-  } = useBind({
-    name: props.bindName,
-    defaultValue: []
-  });
-  return /*#__PURE__*/React.createElement(DynamicFieldset, {
-    value: value,
-    onChange: onChange,
-    onAdd: () => ""
-  }, ({
-    actions,
-    header,
-    footer,
-    row,
-    empty
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
-    index
-  }) => /*#__PURE__*/React.createElement("div", {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-start gap-sm"
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: `${props.bindName}.${index}`
-  }, /*#__PURE__*/React.createElement(Input, {
-    size: "lg"
-  })), /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    size: "lg",
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    onClick: actions.remove(index)
-  })))), footer(() => /*#__PURE__*/React.createElement(Footer, {
-    onClick: actions.add()
-  })), header(() => /*#__PURE__*/React.createElement(Header, {
-    label: props.label,
-    description: props.description
-  })), empty(() => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    label: props.label,
-    description: props.description
-  }), /*#__PURE__*/React.createElement(Footer, {
-    onClick: actions.add()
-  })))));
-};
-
-//# sourceMappingURL=SimpleTags.js.map

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","SimpleTags","props","value","onChange","name","bindName","defaultValue","onAdd","actions","header","footer","row","empty","index","remove","add"],"sources":["SimpleTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    bindName: string;\n    label: string;\n    description: string;\n}\n\nexport const SimpleTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange} onAdd={() => \"\"}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"mt-md\"}>\n                            <div className={\"flex items-start gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}`}>\n                                    <Input size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SACIC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EACxBC,kBAAkB,EAClBC,UAAU,EACVC,KAAK,QACF,kBAAkB;AAOzB,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACpD,oBACId,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACN,kBAAkB;IAACQ,IAAI,EAAEJ;EAAM,CAAE,CAAC,eACnCb,KAAA,CAAAe,aAAA,CAACP,wBAAwB;IAACS,IAAI,EAAEH;EAAY,CAAE,CAChD,CAAC;AAEX,CAAC;AAMD,MAAMI,MAAM,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACzC,oBACInB,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;EAAQ,gBACpBpB,KAAA,CAAAe,aAAA,CAACT,MAAM;IACHa,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAC,SAAS;IACdI,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,IAAI,eAAEvB,KAAA,CAAAe,aAAA,CAACb,OAAO,MAAE;EAAE,CACrB,CACA,CAAC;AAEd,CAAC;AAQD,OAAO,MAAMsB,UAAU,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGtB,OAAO,CAAC;IAAEuB,IAAI,EAAEH,KAAK,CAACI,QAAQ;IAAEC,YAAY,EAAE;EAAG,CAAC,CAAC;EAE/E,oBACI9B,KAAA,CAAAe,aAAA,CAACR,eAAe;IAACmB,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACI,KAAK,EAAEA,CAAA,KAAM;EAAG,GAC9D,CAAC;IAAEC,OAAO;IAAEC,MAAM;IAAEC,MAAM;IAAEC,GAAG;IAAEC;EAAM,CAAC,kBACrCpC,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACKmB,GAAG,CAAC,CAAC;IAAEE;EAAM,CAAC,kBACXrC,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;EAAQ,gBACpBpB,KAAA,CAAAe,aAAA;IAAKK,SAAS,EAAE;EAA0B,gBACtCpB,KAAA,CAAAe,aAAA,CAACX,IAAI;IAACwB,IAAI,EAAE,GAAGH,KAAK,CAACI,QAAQ,IAAIQ,KAAK;EAAG,gBACrCrC,KAAA,CAAAe,aAAA,CAACJ,KAAK;IAACW,IAAI,EAAE;EAAK,CAAE,CAClB,CAAC,eACPtB,KAAA,CAAAe,aAAA,CAACL,UAAU;IACPW,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,eAAEvB,KAAA,CAAAe,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBgB,OAAO,EAAEa,OAAO,CAACM,MAAM,CAACD,KAAK;EAAE,CAClC,CACA,CACJ,CACR,CAAC,EACDH,MAAM,CAAC,mBACJlC,KAAA,CAAAe,aAAA,CAACG,MAAM;IAACC,OAAO,EAAEa,OAAO,CAACO,GAAG,CAAC;EAAE,CAAE,CACpC,CAAC,EACDN,MAAM,CAAC,mBACJjC,KAAA,CAAAe,aAAA,CAACH,MAAM;IAACC,KAAK,EAAEY,KAAK,CAACZ,KAAM;IAACC,WAAW,EAAEW,KAAK,CAACX;EAAY,CAAE,CAChE,CAAC,EACDsB,KAAK,CAAC,mBACHpC,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACH,MAAM;IAACC,KAAK,EAAEY,KAAK,CAACZ,KAAM;IAACC,WAAW,EAAEW,KAAK,CAACX;EAAY,CAAE,CAAC,eAC9Dd,KAAA,CAAAe,aAAA,CAACG,MAAM;IAACC,OAAO,EAAEa,OAAO,CAACO,GAAG,CAAC;EAAE,CAAE,CACnC,CACL,CACH,CAEO,CAAC;AAE1B,CAAC","ignoreList":[]}