@makeswift/runtime 0.7.5 → 0.7.7

package/dist/rich-text.es.js

@@ -200,10 +200,10 @@ function Image$1(options = {}) {
 function Images(options = {}) {
   return { type: Types.Images, options };
 }
-function Link(options = {}) {
+function Link$1(options = {}) {
   return { type: Types.Link, options };
 }
-function List(options) {
+function List$1(options) {
   return { type: Types.List, options };
 }
 const MarginPropControllerFormat = {
@@ -257,7 +257,7 @@ function Shadows(options = {}) {
   return { type: Types.Shadows, options };
 }
 Shadows.Format = ShadowsPropControllerFormat;
-function Shape(options) {
+function Shape$1(options) {
   return { type: Types.Shape, options };
 }
 function SocialLinks(options = {}) {
@@ -309,8 +309,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Grid,
   Image: Image$1,
   Images,
-  Link,
-  List,
+  Link: Link$1,
+  List: List$1,
   MarginPropControllerFormat,
   Margin,
   NavigationLinks,
@@ -326,7 +326,7 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   RichText: RichText$1,
   ShadowsPropControllerFormat,
   Shadows,
-  Shape,
+  Shape: Shape$1,
   SocialLinks,
   Table,
   TableFormFields,
@@ -353,6 +353,26 @@ function copyImageData(value, context) {
     return value;
   return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
 }
+const LinkControlType = "makeswift::controls::link";
+function Link(config = {}) {
+  return { type: LinkControlType, config };
+}
+function copyLinkData(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  if (value.type === "OPEN_PAGE") {
+    const pageId = value.payload.pageId;
+    if (pageId != null) {
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+        })
+      });
+    }
+  }
+  return value;
+}
 const RichTextPropControllerMessageType = {
   CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
   INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
@@ -449,10 +469,108 @@ function createPropController(descriptor, send) {
       return new SlotControl(send);
     case RichTextControlType:
       return new RichTextControl(send);
+    case ListControlType:
+      return new ListControl(send, descriptor);
+    case ShapeControlType:
+      return new ShapeControl(send, descriptor);
     default:
       return new DefaultPropController(send);
   }
 }
+const ListControlType = "makeswift::controls::list";
+function List(config) {
+  return { type: ListControlType, config };
+}
+const ListControlMessageType = {
+  LIST_CONTROL_ITEM_CONTROL_MESSAGE: "makeswift::controls::list::message::item-control-message"
+};
+class ListControl extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "controls");
+    __publicField(this, "descriptor");
+    __publicField(this, "send");
+    __publicField(this, "setItemsControl", (value) => {
+      const controls = /* @__PURE__ */ new Map();
+      if (value == null)
+        return;
+      const shouldUpdate = () => {
+        if (value.length !== this.controls.size)
+          return true;
+        if (!value.every(({ id }) => this.controls.has(id)))
+          return true;
+        return false;
+      };
+      if (!shouldUpdate())
+        return this.controls;
+      value.forEach((item) => {
+        const control = createPropController(this.descriptor.config.type, (message) => this.send({
+          type: ListControlMessageType.LIST_CONTROL_ITEM_CONTROL_MESSAGE,
+          payload: { message, itemId: item.id }
+        }));
+        controls.set(item.id, control);
+      });
+      this.controls = controls;
+      return this.controls;
+    });
+    this.descriptor = descriptor;
+    this.send = send;
+    this.controls = /* @__PURE__ */ new Map();
+  }
+  recv() {
+  }
+}
+function copyListData(definition, value, context) {
+  if (value == null)
+    return value;
+  return value && value.map((item) => __spreadProps(__spreadValues({}, item), {
+    value: copy(definition.config.type, item.value, context)
+  }));
+}
+const ShapeControlType = "makeswift::controls::shape";
+function Shape(config) {
+  return { type: ShapeControlType, config };
+}
+const ShapeControlMessageType = {
+  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::shape::message::child-control-message"
+};
+class ShapeControl extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "controls");
+    __publicField(this, "descriptor");
+    __publicField(this, "send");
+    __publicField(this, "setControls", () => {
+      const controls = /* @__PURE__ */ new Map();
+      const children = this.descriptor.config.type;
+      Object.keys(children).forEach((key) => {
+        const control = createPropController(children[key], (message) => this.send({
+          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,
+          payload: { message, key }
+        }));
+        controls.set(key, control);
+      });
+      this.controls = controls;
+      return this.controls;
+    });
+    this.descriptor = descriptor;
+    this.send = send;
+    this.controls = /* @__PURE__ */ new Map();
+    this.setControls();
+  }
+  recv() {
+  }
+}
+function copyShapeData(definition, value, context) {
+  if (value == null)
+    return value;
+  const newValue = {};
+  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+    const prop = value[key];
+    newValue[key] = copy(itemDefinition, prop, context);
+  }
+  return newValue;
+}
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
   return { type: SlotControlType };
@@ -478,6 +596,365 @@ function copySlotData(value, context) {
     elements: value.elements.map((element) => context.copyElement(element))
   });
 }
+function copy$e(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), {
+    value: override.value.map((backgroundItem) => {
+      var _a, _b;
+      switch (backgroundItem.type) {
+        case "color":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: backgroundItem.payload === null ? null : __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              swatchId: (_a = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a : backgroundItem.payload.swatchId
+            })
+          });
+        case "gradient":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              stops: backgroundItem.payload.stops.map((stop) => {
+                var _a2;
+                return __spreadProps(__spreadValues({}, stop), {
+                  color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
+                    swatchId: (_a2 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a2 : stop.color.swatchId
+                  })
+                });
+              })
+            })
+          });
+        case "image":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              imageId: (_b = context.replacementContext.fileIds.get(backgroundItem.payload.imageId)) != null ? _b : backgroundItem.payload.imageId
+            })
+          });
+        default:
+          return backgroundItem;
+      }
+    })
+  }));
+}
+function copy$d(value, context) {
+  if (value == null)
+    return void 0;
+  return __spreadProps(__spreadValues({}, value), {
+    elements: value.elements.map((element) => context.copyElement(element))
+  });
+}
+function copy$c(value, context) {
+  var _a, _b;
+  if (value == null)
+    return value;
+  switch (value.type) {
+    case "OPEN_PAGE": {
+      const pageId = value.payload.pageId;
+      if (pageId == null)
+        return value;
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+        })
+      });
+    }
+    case "SCROLL_TO_ELEMENT": {
+      const elementIdConfig = value.payload.elementIdConfig;
+      if (elementIdConfig == null)
+        return value;
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+            elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+          })
+        })
+      });
+    }
+    default:
+      return value;
+  }
+}
+function copy$b(value, context) {
+  if (value == null)
+    return value;
+  return value.map(copyNavigationLinksPanelItem);
+  function copyNavigationLinksPanelItem(item) {
+    switch (item.type) {
+      case "button":
+      case "dropdown": {
+        const { color, link } = item.payload;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            link: link != null ? copy$c(link, context) : void 0,
+            color: color != null ? color.map((override) => {
+              var _a;
+              return __spreadProps(__spreadValues({}, override), {
+                value: __spreadProps(__spreadValues({}, override.value), {
+                  swatchId: (_a = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a : override.value.swatchId
+                })
+              });
+            }) : void 0
+          })
+        });
+      }
+      default:
+        return item;
+    }
+  }
+}
+function copy$a(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: override.value.map(copyShadowItem) }));
+  function copyShadowItem(item) {
+    var _a;
+    const { color } = item.payload;
+    if (color == null)
+      return item;
+    return __spreadProps(__spreadValues({}, item), {
+      payload: __spreadProps(__spreadValues({}, item.payload), {
+        color: __spreadProps(__spreadValues({}, color), {
+          swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+        })
+      })
+    });
+  }
+}
+function copy$9(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+}
+function copy$8(value, context) {
+  if (value == null)
+    return value;
+  return value.map(copyImagesPanelItem);
+  function copyImagesPanelItem(imagesPanelItem) {
+    var _a;
+    const { file } = imagesPanelItem.props;
+    if (file == null)
+      return imagesPanelItem;
+    return __spreadProps(__spreadValues({}, imagesPanelItem), {
+      props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
+        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
+      })
+    });
+  }
+}
+function copy$7(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyColorValue(override.value) }));
+  function copyColorValue(colorValue) {
+    var _a;
+    return __spreadProps(__spreadValues({}, colorValue), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a : colorValue.swatchId
+    });
+  }
+}
+function copy$6(value, context) {
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), { fields: value.fields.map(copyFormFieldsPanelItem) });
+  function copyFormFieldsPanelItem(item) {
+    var _a;
+    return __spreadProps(__spreadValues({}, item), {
+      tableColumnId: (_a = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a : item.tableColumnId
+    });
+  }
+}
+function copy$5(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.tableIds.get(value)) != null ? _a : value;
+}
+function copy$4(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyBorderValue(override.value) }));
+  function copyBorderValue({ borderTop, borderRight, borderBottom, borderLeft }) {
+    return {
+      borderTop: borderTop && copyBorderSide(borderTop),
+      borderRight: borderRight && copyBorderSide(borderRight),
+      borderBottom: borderBottom && copyBorderSide(borderBottom),
+      borderLeft: borderLeft && copyBorderSide(borderLeft)
+    };
+  }
+  function copyBorderSide(borderSide) {
+    var _a;
+    const { color } = borderSide;
+    if (color == null)
+      return borderSide;
+    return __spreadProps(__spreadValues({}, borderSide), {
+      color: __spreadProps(__spreadValues({}, color), {
+        swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+      })
+    });
+  }
+}
+function copy$3(value, context) {
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), { document: value.document ? copyNode(value.document) : value.document });
+  function copyNode(node) {
+    var _a;
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return copyInline(node);
+      case "text":
+        return __spreadProps(__spreadValues({}, node), { marks: (_a = node.marks) == null ? void 0 : _a.map(copyMark) });
+      default:
+        return node;
+    }
+  }
+  function copyInline(inline) {
+    var _a, _b;
+    switch (inline.type) {
+      case "link":
+        return __spreadProps(__spreadValues({}, inline), {
+          nodes: (_a = inline.nodes) == null ? void 0 : _a.map(copyNode),
+          data: inline.data ? copyLinkData2(inline.data) : inline.data
+        });
+      default:
+        return __spreadProps(__spreadValues({}, inline), { nodes: (_b = inline.nodes) == null ? void 0 : _b.map(copyNode) });
+    }
+  }
+  function copyLinkData2(data) {
+    var _a, _b;
+    switch (data.type) {
+      case "OPEN_PAGE": {
+        const pageId = data.payload.pageId;
+        if (pageId == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : data.payload.pageId
+          })
+        });
+      }
+      case "SCROLL_TO_ELEMENT": {
+        const elementIdConfig = data.payload.elementIdConfig;
+        if (elementIdConfig == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+              elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+            })
+          })
+        });
+      }
+      default:
+        return data;
+    }
+  }
+  function copyMark(mark) {
+    var _a, _b, _c, _d;
+    switch (mark.type) {
+      case "typography": {
+        const typographyId = (_a = mark.data) == null ? void 0 : _a.value.id;
+        return __spreadProps(__spreadValues({}, mark), {
+          data: __spreadProps(__spreadValues({}, mark.data), {
+            value: __spreadProps(__spreadValues({}, (_b = mark.data) == null ? void 0 : _b.value), {
+              id: (_c = context.replacementContext.typographyIds.get(typographyId)) != null ? _c : typographyId,
+              style: (_d = mark.data) == null ? void 0 : _d.value.style.map((override) => {
+                var _a2, _b2, _c2;
+                return __spreadProps(__spreadValues({}, override), {
+                  value: __spreadProps(__spreadValues({}, override.value), {
+                    color: override.value.color == null ? override.value.color : __spreadProps(__spreadValues({}, override.value.color), {
+                      swatchId: (_c2 = context.replacementContext.swatchIds.get((_a2 = override.value.color) == null ? void 0 : _a2.swatchId)) != null ? _c2 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
+                    })
+                  })
+                });
+              })
+            })
+          })
+        });
+      }
+      default:
+        return mark;
+    }
+  }
+}
+function copy$2(value, context) {
+  if (value == null)
+    return value;
+  if (context.replacementContext.elementHtmlIds.has(value))
+    return void 0;
+  context.replacementContext.elementHtmlIds.add(value);
+  return value;
+}
+function copy$1(descriptor, value, context) {
+  switch (descriptor.type) {
+    case "Backgrounds":
+      return copy$e(value, context);
+    case "Grid":
+      return copy$d(value, context);
+    case "NavigationLinks":
+      return copy$b(value, context);
+    case "Link":
+      return copy$c(value, context);
+    case "Shadows":
+      return copy$a(value, context);
+    case "Image":
+      return copy$9(value, context);
+    case "Images":
+      return copy$8(value, context);
+    case "ResponsiveColor":
+      return copy$7(value, context);
+    case "TableFormFields":
+      return copy$6(value, context);
+    case "Table":
+      return copy$5(value, context);
+    case "Border":
+      return copy$4(value, context);
+    case "RichText":
+      return copy$3(value, context);
+    case "ElementID":
+      return copy$2(value, context);
+    default:
+      return value;
+  }
+}
+function copyElementReference(value, context) {
+  return context.replacementContext.globalElementIds.get(value) || value;
+}
+function copy(definition, value, context) {
+  switch (definition.type) {
+    case Types.Backgrounds:
+    case Types.Grid:
+    case Types.NavigationLinks:
+    case Types.Link:
+    case Types.Shadows:
+    case Types.Image:
+    case Types.Images:
+    case Types.ResponsiveColor:
+    case Types.TableFormFields:
+    case Types.Table:
+    case Types.Border:
+    case Types.RichText:
+    case Types.ElementID:
+      return copy$1(definition, value, context);
+    case ColorControlType:
+      return copyColorData(value, context);
+    case ImageControlType:
+      return copyImageData(value, context);
+    case LinkControlType:
+      return copyLinkData(value, context);
+    case ShapeControlType:
+      return copyShapeData(definition, value, context);
+    case ListControlType:
+      return copyListData(definition, value, context);
+    case StyleControlType:
+      return copyStyleData(value, context);
+    case SlotControlType:
+      return copySlotData(value, context);
+    default:
+      return value;
+  }
+}
 const RichTextControlType = "makeswift::controls::rich-text";
 function RichText() {
   return { type: RichTextControlType };
@@ -543,5 +1020,5 @@ class RichTextControl extends PropController {
     this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
-export { WidthPropControllerFormat as $, ResponsiveOpacity as A, Backgrounds as B, ColorControlType as C, Date as D, ElementID as E, Font as F, GapY as G, NavigationLinks as H, ImageControlType as I, SocialLinks as J, RichText$1 as K, Link as L, Margin as M, Number as N, StyleControlProperty as O, Padding as P, ImageControlValueFormat as Q, RichTextPropControllerMessageType as R, SlotControlType as S, Types as T, BorderPropControllerFormat as U, Video as V, Width as W, ShadowsPropControllerFormat as X, BorderRadiusPropControllerFormat as Y, MarginPropControllerFormat as Z, PaddingPropControllerFormat as _, StyleControlType as a, RichTextControlType as a0, Color as a1, Image as a2, Slot as a3, SlotControlMessageType as a4, SlotControl as a5, Style as a6, RichText as a7, RichTextControlMessageType as a8, RichTextControl as a9, BuilderEditMode as aa, createPropController as ab, copyStyleData as b, copySlotData as c, copyImageData as d, copyColorData as e, descriptors as f, TableFormFieldsMessageType as g, ResponsiveIconRadioGroup as h, Border as i, BorderRadius as j, Shadows as k, GapX as l, ResponsiveSelect as m, ResponsiveNumber as n, Checkbox as o, Grid as p, TextInput as q, reducer as r, ResponsiveColor as s, TextStyle as t, Images as u, ResponsiveLength as v, TextArea as w, Table as x, TableFormFields as y, Image$1 as z };
+export { WidthPropControllerFormat as $, NavigationLinks as A, Backgrounds as B, ColorControlType as C, Date as D, ElementID as E, Font as F, GapY as G, SocialLinks as H, ImageControlType as I, RichText$1 as J, StyleControlProperty as K, ListControlType as L, Margin as M, Number as N, ImageControlValueFormat as O, Padding as P, LinkControlType as Q, RichTextPropControllerMessageType as R, SlotControlType as S, Types as T, BorderPropControllerFormat as U, Video as V, Width as W, ShadowsPropControllerFormat as X, BorderRadiusPropControllerFormat as Y, MarginPropControllerFormat as Z, PaddingPropControllerFormat as _, copy as a, RichTextControlType as a0, StyleControlType as a1, Color as a2, copyColorData as a3, Image as a4, copyImageData as a5, Link as a6, copyLinkData as a7, List as a8, ListControlMessageType as a9, ListControl as aa, copyListData as ab, Shape as ac, ShapeControlMessageType as ad, ShapeControl as ae, copyShapeData as af, Slot as ag, SlotControlMessageType as ah, SlotControl as ai, copySlotData as aj, Style as ak, copyStyleData as al, RichText as am, RichTextControlMessageType as an, RichTextControl as ao, BuilderEditMode as ap, createPropController as aq, TableFormFieldsMessageType as b, copyElementReference as c, descriptors as d, ShapeControlType as e, ResponsiveIconRadioGroup as f, Border as g, BorderRadius as h, Shadows as i, GapX as j, ResponsiveSelect as k, ResponsiveNumber as l, Checkbox as m, Grid as n, TextInput as o, Link$1 as p, ResponsiveColor as q, reducer as r, TextStyle as s, Images as t, ResponsiveLength as u, TextArea as v, Table as w, TableFormFields as x, Image$1 as y, ResponsiveOpacity as z };
 //# sourceMappingURL=rich-text.es.js.map