@makeswift/runtime 0.10.3 → 0.10.4

package/dist/index.es2.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createElement, Children } from "react";
-import { aD as getBackgroundsFileIds, aE as getBackgroundsSwatchIds, _ as useStyle } from "./react-page.es.js";
+import { aC as getBackgroundsFileIds, aD as getBackgroundsSwatchIds, Z as useStyle } from "./react-page.es.js";
 import "use-sync-external-store/shim";
 import { B as isNonNullable, F as useFiles, G as useSwatches, v as useResponsiveGridItem, c as DEFAULT_BOX_ANIMATE_TYPE, f as DEFAULT_ITEM_ANIMATE_TYPE, e as DEFAULT_BOX_ANIMATE_DURATION, d as DEFAULT_BOX_ANIMATE_DELAY, i as DEFAULT_ITEM_STAGGER_DURATION, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "./actions.es.js";

package/dist/index.es3.js

@@ -29,31 +29,112 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { cx } from "@emotion/css";
-import { _ as useStyle } from "./react-page.es.js";
-import { n as useResponsiveStyle } from "./index.es.js";
+import { forwardRef } from "react";
+import scrollIntoView from "scroll-into-view-if-needed";
+import NextLink from "next/link";
+import { H as usePagePathnameSlice, I as useElementId } from "./index.es.js";
 import { jsx } from "react/jsx-runtime";
-function GutterContainer(_a) {
+const Link = forwardRef(function Link2(_a, ref) {
   var _b = _a, {
-    className,
-    gutter,
-    first,
-    last
+    link,
+    onClick = () => {
+    }
   } = _b, restOfProps = __objRest(_b, [
-    "className",
-    "gutter",
-    "first",
-    "last"
+    "link",
+    "onClick"
   ]);
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: cx(useStyle(useResponsiveStyle([gutter], ([gutter2 = {
-      value: 0,
-      unit: "px"
-    }]) => ({
-      paddingLeft: first ? "0px" : `${gutter2.value / 2}${gutter2.unit}`,
-      paddingRight: last ? "0px" : `${gutter2.value / 2}${gutter2.unit}`
-    }))), className)
+  var _a2;
+  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
+  const page = usePagePathnameSlice(pageId != null ? pageId : null);
+  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a2 = link.payload.elementIdConfig) == null ? void 0 : _a2.elementKey : null;
+  const elementId = useElementId(elementKey);
+  let useNextLink;
+  let href;
+  let target;
+  let block;
+  if (link) {
+    switch (link.type) {
+      case "OPEN_PAGE": {
+        if (page) {
+          useNextLink = true;
+          href = `/${page.pathname}`;
+        }
+        target = link.payload.openInNewTab ? "_blank" : "_self";
+        break;
+      }
+      case "OPEN_URL": {
+        useNextLink = true;
+        href = link.payload.url;
+        target = link.payload.openInNewTab ? "_blank" : "_self";
+        break;
+      }
+      case "SEND_EMAIL": {
+        useNextLink = false;
+        const {
+          to,
+          subject = "",
+          body = ""
+        } = link.payload;
+        if (to != null)
+          href = `mailto:${to}?subject=${subject}&body=${body}`;
+        break;
+      }
+      case "CALL_PHONE": {
+        useNextLink = false;
+        href = `tel:${link.payload.phoneNumber}`;
+        break;
+      }
+      case "SCROLL_TO_ELEMENT": {
+        useNextLink = false;
+        href = `#${elementId != null ? elementId : ""}`;
+        block = link.payload.block;
+        break;
+      }
+      default:
+        throw new RangeError(`Invalid link type "${link.type}."`);
+    }
+  }
+  function handleClick(event) {
+    onClick(event);
+    if (event.defaultPrevented)
+      return;
+    if (event.currentTarget.isContentEditable)
+      return event.preventDefault();
+    if (link && link.type === "SCROLL_TO_ELEMENT") {
+      let hash;
+      try {
+        if (href != null)
+          hash = new URL(`http://www.example.com/${href}`).hash;
+      } catch (error) {
+        console.error(`Link received invalid href: ${href}`, error);
+      }
+      if (href != null && hash != null && href === hash) {
+        event.preventDefault();
+        const view = event.view;
+        scrollIntoView(view.document.querySelector(hash), {
+          behavior: "smooth",
+          block
+        });
+        if (view.location.hash !== hash)
+          view.history.pushState({}, "", hash);
+      }
+    }
+  }
+  if (useNextLink && href != null) {
+    return /* @__PURE__ */ jsx(NextLink, __spreadProps(__spreadValues({}, restOfProps), {
+      ref,
+      target,
+      onClick: handleClick,
+      href,
+      legacyBehavior: false
+    }));
+  }
+  return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
+    ref,
+    href,
+    target,
+    onClick: handleClick
   }));
-}
-export { GutterContainer as G };
+});
+export { Link as L };
 //# sourceMappingURL=index.es3.js.map

package/dist/index.es3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es3.js","sources":["../src/components/shared/GutterContainer/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { ResponsiveValue, Length } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  gutter?: ResponsiveValue<Length>\n  first: boolean\n  last: boolean\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default function GutterContainer({ className, gutter, first, last, ...restOfProps }: Props) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            paddingLeft: first ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n            paddingRight: last ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["className","gutter","first","last","restOfProps","cx","useStyle","useResponsiveStyle","value","unit","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAewC,yBAAA,IAA2D;AAA3D,eAAEA;AAAAA;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,MAA5B,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCJ;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA;AAClE,qEAEQC;IACJ,WAAWC,GACTC,SACEC,mBAAmB,CAACN,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAEO,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EC,aAAaR,QAAQ,QAAS,GAAED,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,MAC1DE,cAAcR,OAAO,QAAS,GAAEF,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,IAAAA,EAF1C,CADZ,GAMRT,SAPW;AAAA,EAAA,EAHjB;AAcD;;"}
+{"version":3,"file":"index.es3.js","sources":["../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"names":["Link","forwardRef","ref","link","onClick","restOfProps","pageId","type","payload","page","usePagePathnameSlice","elementKey","elementIdConfig","elementId","useElementId","useNextLink","href","target","block","pathname","openInNewTab","url","to","subject","body","phoneNumber","RangeError","handleClick","event","defaultPrevented","currentTarget","isContentEditable","preventDefault","hash","URL","error","view","scrollIntoView","document","querySelector","behavior","location","history","pushState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,MAAAA,OAAOC,WAAqC,eACvD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAMC,UAAU,MAAM;AAAA,IAAE;AAAA,MAA1B,IAA+BC,wBAA/B,IAA+BA;AAAAA,IAA7BF;AAAAA,IAAMC;AAAAA;;AAGR,QAAME,SAASH,QAAQA,KAAKI,SAAS,cAAcJ,KAAKK,QAAQF,SAAS;AACnEG,QAAAA,OAAOC,qBAAqBJ,0BAAU,IAAX;AACjC,QAAMK,aACJR,8BAAMI,UAAS,sBAAsBJ,YAAKK,QAAQI,oBAAbT,oBAA8BQ,aAAa;AAC5EE,QAAAA,YAAYC,aAAaH,UAAD;AAI1BI,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AAEJ,MAAIf,MAAM;AACAA,YAAAA,KAAKI;AAAAA,WACN,aAAa;AAChB,YAAIE,MAAM;AACM,wBAAA;AAEdO,iBAAQ,IAAGP,KAAKU;AAAAA,QACjB;AAEQhB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,YAAY;AACD,sBAAA;AAEdJ,eAAOb,KAAKK,QAAQa;AAEXlB,iBAAAA,KAAKK,QAAQY,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAER,cAAA;AAAA,UAAEE;AAAAA,UAAIC,UAAU;AAAA,UAAIC,OAAO;AAAA,YAAOrB,KAAKK;AAE7C,YAAIc,MAAM;AAAc,iBAAA,UAASA,cAAcC,gBAAgBC;AAE/D;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAEN,eAAA,OAAMrB,KAAKK,QAAQiB;AAE3B;AAAA,MACD;AAAA,WAEI,qBAAqB;AACV,sBAAA;AAEdT,eAAQ,IAAGH,gCAAa;AAExBK,gBAAQf,KAAKK,QAAQU;AAErB;AAAA,MACD;AAAA;AAGO,cAAA,IAAIQ,WAAY,sBAAsBvB,KAAaI,QAAnD;AAAA;AAAA,EAEX;AAEQoB,uBAAYC,OAAsC;AACzDxB,YAAQwB,KAAD;AAEHA,QAAAA,MAAMC;AAAkB;AAOxBD,QAAAA,MAAME,cAAcC;AAAmB,aAAOH,MAAMI;AAEpD7B,QAAAA,QAAQA,KAAKI,SAAS,qBAAqB;AACzC0B,UAAAA;AAEA,UAAA;AACF,YAAIjB,QAAQ;AAAMiB,iBAAO,IAAIC,IAAK,0BAAyBlB,MAAlC,EAA0CiB;AAAAA,eAC5DE;AACCA,gBAAAA,MAAO,+BAA8BnB,QAAQmB,KAArD;AAAA,MACD;AAEGnB,UAAAA,QAAQ,QAAQiB,QAAQ,QAAQjB,SAASiB,MAAM;AACjDL,cAAMI,eAAN;AACMI,cAAAA,OAAOR,MAAMQ;AAEnBC,uBAAeD,KAAKE,SAASC,cAAcN,IAA5B,GAAoC;AAAA,UACjDO,UAAU;AAAA,UACVtB;AAAAA,QAAAA,CAFY;AAKVkB,YAAAA,KAAKK,SAASR,SAASA;AAAMG,eAAKM,QAAQC,UAAU,IAAI,IAAIV,IAA/B;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEGlB,MAAAA,eAAeC,QAAQ,MAAM;AAE7B,+BAAC,UAAD,iCACMX,cADN;AAAA,MAEE;AAAA,MACA;AAAA,MACA,SAASsB;AAAAA,MACT;AAAA,MAEA,gBAAgB;AAAA,IAAA,EARpB;AAAA,EAWD;AAGD,mEAActB;IAAa;AAAA,IAAU;AAAA,IAAY;AAAA,IAAgB,SAASsB;AAAAA,EAAAA,EAA1E;AACD,CA7H6B;;"}

package/dist/index.es4.js

@@ -1,18 +1,59 @@
-import { Transforms, Editor } from "slate";
-import { ReactEditor } from "slate-react";
-function withBuilder(editor) {
-  editor.deselectAndBlur = function() {
-    ReactEditor.deselect(editor);
-    ReactEditor.blur(editor);
-  };
-  editor.focusAndSelectAll = function() {
-    ReactEditor.focus(editor);
-    Transforms.select(editor, {
-      anchor: Editor.start(editor, []),
-      focus: Editor.end(editor, [])
-    });
-  };
-  return editor;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { cx } from "@emotion/css";
+import { Z as useStyle } from "./react-page.es.js";
+import { n as useResponsiveStyle } from "./index.es.js";
+import { jsx } from "react/jsx-runtime";
+function GutterContainer(_a) {
+  var _b = _a, {
+    className,
+    gutter,
+    first,
+    last
+  } = _b, restOfProps = __objRest(_b, [
+    "className",
+    "gutter",
+    "first",
+    "last"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
+    className: cx(useStyle(useResponsiveStyle([gutter], ([gutter2 = {
+      value: 0,
+      unit: "px"
+    }]) => ({
+      paddingLeft: first ? "0px" : `${gutter2.value / 2}${gutter2.unit}`,
+      paddingRight: last ? "0px" : `${gutter2.value / 2}${gutter2.unit}`
+    }))), className)
+  }));
 }
-export { withBuilder as w };
+export { GutterContainer as G };
 //# sourceMappingURL=index.es4.js.map

package/dist/index.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es4.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":[],"mappings":";;AAQO,qBAAqB,QAAgB;AAC1C,SAAO,kBAAkB,WAAY;AACnC,gBAAY,SAAS,MAAM;AAC3B,gBAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrC,gBAAY,MAAM,MAAM;AACxB,eAAW,OAAO,QAAQ;AAAA,MACxB,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}
+{"version":3,"file":"index.es4.js","sources":["../src/components/shared/GutterContainer/index.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { ResponsiveValue, Length } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype BaseProps = {\n  className?: string\n  gutter?: ResponsiveValue<Length>\n  first: boolean\n  last: boolean\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default function GutterContainer({ className, gutter, first, last, ...restOfProps }: Props) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            paddingLeft: first ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n            paddingRight: last ? '0px' : `${gutter.value / 2}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"names":["className","gutter","first","last","restOfProps","cx","useStyle","useResponsiveStyle","value","unit","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAewC,yBAAA,IAA2D;AAA3D,eAAEA;AAAAA;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,MAA5B,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCJ;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA;AAClE,qEAEQC;IACJ,WAAWC,GACTC,SACEC,mBAAmB,CAACN,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAEO,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EC,aAAaR,QAAQ,QAAS,GAAED,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,MAC1DE,cAAcR,OAAO,QAAS,GAAEF,QAAOO,QAAQ,IAAIP,QAAOQ;AAAAA,IAAAA,EAF1C,CADZ,GAMRT,SAPW;AAAA,EAAA,EAHjB;AAcD;;"}

package/dist/index.es5.js

@@ -1,85 +1,47 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+import { Node, Transforms, Text, Editor } from "slate";
+import { ReactEditor } from "slate-react";
+import { bS as ElementUtils } from "./react-page.es.js";
+function withBuilder(editor) {
+  editor.resetValue = function(value) {
+    var _a;
+    const firstRootBlock = Node.has(editor, [0]) && Node.get(editor, [0]);
+    const textAlignOfFirstBlock = firstRootBlock && ElementUtils.isRootBlock(firstRootBlock) ? firstRootBlock.textAlign : void 0;
+    const typographyOfFirstText = (_a = Array.from(Node.texts(editor)).at(0)) == null ? void 0 : _a[0].typography;
+    ReactEditor.deselect(editor);
+    ReactEditor.blur(editor);
+    editor.children = value;
+    editor.onChange();
+    if (typographyOfFirstText) {
+      Transforms.setNodes(editor, { typography: typographyOfFirstText }, {
+        match: Text.isText,
+        at: {
+          anchor: Editor.start(editor, []),
+          focus: Editor.end(editor, [])
+        }
+      });
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { bS as ElementUtils, bw as createRichTextV2Plugin, aN as Link, bT as onChange, bU as getValue, bV as isLinkElement, _ as useStyle, bO as InlineType } from "./react-page.es.js";
-import { L as Link$1 } from "./index.es.js";
-import { cx } from "@emotion/css";
-import { jsx, Fragment } from "react/jsx-runtime";
-const withLink = (editor) => {
-  const {
-    isInline
-  } = editor;
-  editor.isInline = (entry) => {
-    return ElementUtils.isInline(entry) && isInline(entry);
-  };
-  return editor;
-};
-function InlinePluginComponent({
-  element,
-  attributes,
-  children,
-  renderElement
-}) {
-  var _a;
-  const linkStyle = useStyle({
-    textDecoration: "none"
-  });
-  switch (element.type) {
-    case InlineType.Link:
-      return /* @__PURE__ */ jsx(Link$1, __spreadProps(__spreadValues({}, attributes), {
-        link: (_a = element.link) != null ? _a : void 0,
-        className: cx(linkStyle, element.className),
-        children: renderElement({
-          element,
-          attributes,
-          children
-        })
-      }));
-    default:
-      return /* @__PURE__ */ jsx(Fragment, {
-        children: renderElement({
-          element,
-          attributes,
-          children
-        })
+    if (textAlignOfFirstBlock) {
+      Transforms.setNodes(editor, { textAlign: textAlignOfFirstBlock }, {
+        match: ElementUtils.isRootBlock,
+        at: {
+          anchor: Editor.start(editor, []),
+          focus: Editor.end(editor, [])
+        }
       });
-  }
-}
-function LinkPlugin() {
-  return createRichTextV2Plugin({
-    control: {
-      definition: Link({
-        label: "On Click"
-      }),
-      onChange,
-      getValue,
-      getElementValue: (element) => {
-        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : void 0;
-      }
-    },
-    withPlugin: withLink,
-    renderElement: (renderElement) => (props) => {
-      return /* @__PURE__ */ jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
-        renderElement
-      }));
     }
-  });
+  };
+  editor.deselectAndBlur = function() {
+    ReactEditor.deselect(editor);
+    ReactEditor.blur(editor);
+  };
+  editor.focusAndSelectAll = function() {
+    ReactEditor.focus(editor);
+    Transforms.select(editor, {
+      anchor: Editor.start(editor, []),
+      focus: Editor.end(editor, [])
+    });
+  };
+  return editor;
 }
-export { LinkPlugin as L, withLink as w };
+export { withBuilder as w };
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { Link } from '../../controls/link'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </LinkComponent>\n      )\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["withLink","editor","isInline","entry","ElementUtils","element","attributes","children","renderElement","linkStyle","useStyle","textDecoration","type","InlineType","Link","LinkComponent","link","undefined","cx","className","_Fragment","createRichTextV2Plugin","control","definition","label","onChange","getValue","getElementValue","isLinkElement","withPlugin","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaaA,MAAAA,WAAW,CAACC,WAAmB;AACpC,QAAA;AAAA,IAAEC;AAAAA,MAAaD;AAErBA,SAAOC,WAAWC,CAAS,UAAA;AAClBC,WAAAA,aAAaF,SAASC,KAAtB,KAAgCD,SAASC,KAAD;AAAA,EAAA;AAG1CF,SAAAA;AACR;AAED,+BAA+B;AAAA,EAC7BI;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACwD;;AAClDC,QAAAA,YAAYC,SAAS;AAAA,IAAEC,gBAAgB;AAAA,EAAA,CAAnB;AAClBN,UAAAA,QAAQO;AAAAA,SACTC,WAAWC;AAEZ,iCAACC,QAAD,iCACMT,aADN;AAAA,QAEE,MAAMD,cAAQW,SAARX,YAAgBY;AAAAA,QACtB,WAAWC,GAAGT,WAAWJ,QAAQc,SAApB;AAAA,QAHf,UAKGX,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,EANlB;AAAA;AAgBE,iCAAAa,UAAA;AAAA,QAAA,UACGZ,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,CAFlB;AAAA;AAUL;AAE4B,sBAAA;AAC3B,SAAOc,uBAAuB;AAAA,IAC5BC,SAAS;AAAA,MACPC,YAAYT,KAAK;AAAA,QACfU,OAAO;AAAA,MAAA,CADO;AAAA,MAGhBC;AAAAA,MACAC;AAAAA,MACAC,iBAAiB,CAACtB,YAAqB;AAC9BD,eAAAA,aAAaF,SAASG,OAAtB,KAAkCuB,cAAcvB,OAAD,IAAYA,QAAQW,OAAOC;AAAAA,MAClF;AAAA,IATyB;AAAA,IAW5BY,YAAY7B;AAAAA,IACZQ,eAAeA,mBAAiBsB,CAAS,UAAA;AAChC,iCAAC,uBAAD,iCAA2BA,QAA3B;AAAA,QAAkC;AAAA,MAAA,EAAzC;AAAA,IACD;AAAA,EAAA,CAd0B;AAgB9B;;"}
+{"version":3,"file":"index.es5.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Descendant, Editor, Transforms, Text, Node } from 'slate'\nimport { ReactEditor } from 'slate-react'\nimport { ElementUtils } from '../utils/element'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n  resetValue: (value: Descendant[]) => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.resetValue = function (value: Descendant[]) {\n    const firstRootBlock = Node.has(editor, [0]) && Node.get(editor, [0])\n    const textAlignOfFirstBlock =\n      firstRootBlock && ElementUtils.isRootBlock(firstRootBlock)\n        ? firstRootBlock.textAlign\n        : undefined\n    const typographyOfFirstText = Array.from(Node.texts(editor)).at(0)?.[0].typography\n\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n\n    editor.children = value\n    editor.onChange()\n\n    if (typographyOfFirstText) {\n      Transforms.setNodes(\n        editor,\n        { typography: typographyOfFirstText },\n        {\n          match: Text.isText,\n          at: {\n            anchor: Editor.start(editor, []),\n            focus: Editor.end(editor, []),\n          },\n        },\n      )\n    }\n    if (textAlignOfFirstBlock) {\n      Transforms.setNodes(\n        editor,\n        { textAlign: textAlignOfFirstBlock },\n        {\n          match: ElementUtils.isRootBlock,\n          at: {\n            anchor: Editor.start(editor, []),\n            focus: Editor.end(editor, []),\n          },\n        },\n      )\n    }\n  }\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":[],"mappings":";;;AAUO,qBAAqB,QAAgB;AACnC,SAAA,aAAa,SAAU,OAAqB;;AACjD,UAAM,iBAAiB,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC;AACpE,UAAM,wBACJ,kBAAkB,aAAa,YAAY,cAAc,IACrD,eAAe,YACf;AACA,UAAA,wBAAwB,YAAM,KAAK,KAAK,MAAM,MAAM,CAAC,EAAE,GAAG,CAAC,MAAnC,mBAAuC,GAAG;AAExE,gBAAY,SAAS,MAAM;AAC3B,gBAAY,KAAK,MAAM;AAEvB,WAAO,WAAW;AAClB,WAAO,SAAS;AAEhB,QAAI,uBAAuB;AACzB,iBAAW,SACT,QACA,EAAE,YAAY,yBACd;AAAA,QACE,OAAO,KAAK;AAAA,QACZ,IAAI;AAAA,UACF,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,UAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,QAC9B;AAAA,MAAA,CAEJ;AAAA,IACF;AACA,QAAI,uBAAuB;AACzB,iBAAW,SACT,QACA,EAAE,WAAW,yBACb;AAAA,QACE,OAAO,aAAa;AAAA,QACpB,IAAI;AAAA,UACF,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,UAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,QAC9B;AAAA,MAAA,CAEJ;AAAA,IACF;AAAA,EAAA;AAEF,SAAO,kBAAkB,WAAY;AACnC,gBAAY,SAAS,MAAM;AAC3B,gBAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrC,gBAAY,MAAM,MAAM;AACxB,eAAW,OAAO,QAAQ;AAAA,MACxB,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}

package/dist/index.es6.js

@@ -1,21 +1,85 @@
-import { v4 } from "uuid";
-function withLocalChanges(editor) {
-  editor.localChanges = /* @__PURE__ */ new Map();
-  editor.recentLocalChanges = [];
-  editor.currentKey = "";
-  const _onChange = editor.onChange;
-  editor.onChange = (options) => {
-    _onChange(options);
-    if (editor == null || (options == null ? void 0 : options.operation) == null)
-      return;
-    const key = v4();
-    editor.localChanges.set(key, {
-      selection: editor.selection,
-      time: performance.now()
-    });
-    editor.currentKey = key;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { bS as ElementUtils, bv as createRichTextV2Plugin, aM as Link, bT as onChange, bU as getValue, bV as isLinkElement, Z as useStyle, bO as InlineType } from "./react-page.es.js";
+import { L as Link$1 } from "./index.es3.js";
+import { cx } from "@emotion/css";
+import { jsx, Fragment } from "react/jsx-runtime";
+const withLink = (editor) => {
+  const {
+    isInline
+  } = editor;
+  editor.isInline = (entry) => {
+    return ElementUtils.isInline(entry) && isInline(entry);
   };
   return editor;
+};
+function InlinePluginComponent({
+  element,
+  attributes,
+  children,
+  renderElement
+}) {
+  var _a;
+  const linkStyle = useStyle({
+    textDecoration: "none"
+  });
+  switch (element.type) {
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(Link$1, __spreadProps(__spreadValues({}, attributes), {
+        link: (_a = element.link) != null ? _a : void 0,
+        className: cx(linkStyle, element.className),
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      }));
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      });
+  }
 }
-export { withLocalChanges as w };
+function LinkPlugin() {
+  return createRichTextV2Plugin({
+    control: {
+      definition: Link({
+        label: "On Click"
+      }),
+      onChange,
+      getValue,
+      getElementValue: (element) => {
+        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : void 0;
+      }
+    },
+    withPlugin: withLink,
+    renderElement: (renderElement) => (props) => {
+      return /* @__PURE__ */ jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
+        renderElement
+      }));
+    }
+  });
+}
+export { LinkPlugin as L, withLink as w };
 //# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/slate/LocalChangesPlugin/index.tsx"],"sourcesContent":["import { BaseEditor, Editor, Selection } from 'slate'\nimport { v4 as uuid } from 'uuid'\n\nexport type LocalChange = { selection: Selection; time: number }\n\nexport interface LocalChangesEditor extends BaseEditor {\n  localChanges: Map<string, LocalChange>\n  recentKeys: Map<string, number>\n  recentLocalChanges: { time: number; key: string }[]\n  currentKey: string\n}\n\nexport function withLocalChanges(editor: Editor): Editor {\n  editor.localChanges = new Map<string, LocalChange>()\n  editor.recentLocalChanges = []\n  editor.currentKey = ''\n\n  const _onChange = editor.onChange\n  editor.onChange = options => {\n    _onChange(options)\n    if (editor == null || options?.operation == null) return\n\n    const key = uuid()\n    editor.localChanges.set(key, { selection: editor.selection, time: performance.now() })\n    editor.currentKey = key\n  }\n\n  return editor\n}\n"],"names":["editor","localChanges","Map","recentLocalChanges","currentKey","_onChange","onChange","options","operation","key","uuid","set","selection","time","performance","now"],"mappings":";AAYO,0BAA0BA,QAAwB;AAChDC,SAAAA,mCAAmBC;AAC1BF,SAAOG,qBAAqB;AAC5BH,SAAOI,aAAa;AAEpB,QAAMC,YAAYL,OAAOM;AACzBN,SAAOM,WAAWC,CAAW,YAAA;AAC3BF,cAAUE,OAAD;AACLP,QAAAA,UAAU,QAAQO,oCAASC,cAAa;AAAM;AAE5CC,UAAAA,MAAMC;AACLT,WAAAA,aAAaU,IAAIF,KAAK;AAAA,MAAEG,WAAWZ,OAAOY;AAAAA,MAAWC,MAAMC,YAAYC,IAAZ;AAAA,IAAA,CAAlE;AACAf,WAAOI,aAAaK;AAAAA,EAAAA;AAGfT,SAAAA;AACR;;"}
+{"version":3,"file":"index.es6.js","sources":["../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\nimport { Link } from '../../controls/link'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </LinkComponent>\n      )\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["withLink","editor","isInline","entry","ElementUtils","element","attributes","children","renderElement","linkStyle","useStyle","textDecoration","type","InlineType","Link","LinkComponent","link","undefined","cx","className","_Fragment","createRichTextV2Plugin","control","definition","label","onChange","getValue","getElementValue","isLinkElement","withPlugin","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaaA,MAAAA,WAAW,CAACC,WAAmB;AACpC,QAAA;AAAA,IAAEC;AAAAA,MAAaD;AAErBA,SAAOC,WAAWC,CAAS,UAAA;AAClBC,WAAAA,aAAaF,SAASC,KAAtB,KAAgCD,SAASC,KAAD;AAAA,EAAA;AAG1CF,SAAAA;AACR;AAED,+BAA+B;AAAA,EAC7BI;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACwD;;AAClDC,QAAAA,YAAYC,SAAS;AAAA,IAAEC,gBAAgB;AAAA,EAAA,CAAnB;AAClBN,UAAAA,QAAQO;AAAAA,SACTC,WAAWC;AAEZ,iCAACC,QAAD,iCACMT,aADN;AAAA,QAEE,MAAMD,cAAQW,SAARX,YAAgBY;AAAAA,QACtB,WAAWC,GAAGT,WAAWJ,QAAQc,SAApB;AAAA,QAHf,UAKGX,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,EANlB;AAAA;AAgBE,iCAAAa,UAAA;AAAA,QAAA,UACGZ,cAAc;AAAA,UACbH;AAAAA,UACAC;AAAAA,UACAC;AAAAA,QAAAA,CAHY;AAAA,MAAA,CAFlB;AAAA;AAUL;AAE4B,sBAAA;AAC3B,SAAOc,uBAAuB;AAAA,IAC5BC,SAAS;AAAA,MACPC,YAAYT,KAAK;AAAA,QACfU,OAAO;AAAA,MAAA,CADO;AAAA,MAGhBC;AAAAA,MACAC;AAAAA,MACAC,iBAAiB,CAACtB,YAAqB;AAC9BD,eAAAA,aAAaF,SAASG,OAAtB,KAAkCuB,cAAcvB,OAAD,IAAYA,QAAQW,OAAOC;AAAAA,MAClF;AAAA,IATyB;AAAA,IAW5BY,YAAY7B;AAAAA,IACZQ,eAAeA,mBAAiBsB,CAAS,UAAA;AAChC,iCAAC,uBAAD,iCAA2BA,QAA3B;AAAA,QAAkC;AAAA,MAAA,EAAzC;AAAA,IACD;AAAA,EAAA,CAd0B;AAgB9B;;"}